/* Sticky-CTA-Button - Optik/Verhalten wie im Drupal-Original.
   Der Hover-Wechsel laeuft ueber zwei uebereinanderliegende <span>. */
#nl-sticky-button{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:99;
}
#nl-sticky-button a.button{
    position:relative;
    display:block;
    height:48px;
    line-height:48px;
    padding:0 30px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    cursor:pointer;
    transition:background 150ms ease;
}
#nl-sticky-button a.button-yellow{ background:#FCC32D; color:#111111; }
#nl-sticky-button a.button-yellow:hover{ background:#e9b214; }
#nl-sticky-button a.button-black{ background:#111111; color:#ffffff; }
#nl-sticky-button a.button-black:hover{ background:#333333; }

#nl-sticky-button a span{ transition:opacity 200ms ease; display:block; }
#nl-sticky-button a span:last-child{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap;
}
#nl-sticky-button a span:last-child,
#nl-sticky-button a:hover span:first-child{ opacity:0; }
#nl-sticky-button a:hover span:last-child{ opacity:1; }

/* Wie im Original: auf schmalen Schirmen ausblenden. */
@media (max-width:1024px){
    #nl-sticky-button{ display:none; }
}