.avdu-wl {
--avdu-wl-accent: #156eff;
--avdu-wl-cta: #4FE5A0;
--avdu-wl-radius: 16px;
position: fixed;
z-index: 9997; bottom: 20px;
box-sizing: border-box;
width: calc(100% - 40px);
max-width: 320px;
padding: 15px 16px;
border-radius: var(--avdu-wl-radius);
background: var(--avdu-wl-accent);
color: #fff;
font-family: inherit;
line-height: 1.45;
box-shadow: 0 10px 30px rgba(21, 110, 255, .30);
}
.avdu-wl[hidden] { display: none; }
.avdu-wl-wrap { display: block; }
.avdu-wl--pos-right { right: 20px; }
.avdu-wl--pos-left  { left: 20px; } .avdu-wl[data-avdu-wl-shown] {
opacity: 0;
transform: translateY(14px);
transition: opacity .35s ease, transform .35s ease;
}
.avdu-wl[data-avdu-wl-shown].is-visible {
opacity: 1;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
.avdu-wl[data-avdu-wl-shown] { transition: none; transform: none; }
} .avdu-wl .avdu-wl__badge {
display: inline-block;
margin: 0 0 8px;
padding: 2px 9px;
border-radius: 999px;
background: rgba(255, 255, 255, .18);
color: #fff;
font-size: .66rem;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
}
.avdu-wl .avdu-wl__kopf {
margin: 0 0 4px;
padding: 0;
color: #fff;
font-family: inherit;
font-size: .95rem;
font-weight: 700;
line-height: 1.35;
letter-spacing: -.01em;
} .avdu-wl .avdu-wl__text {
margin: 0 0 12px;
padding: 0;
color: #fff;
opacity: .93;
font-family: inherit;
font-size: .78rem;
font-weight: 400;
line-height: 1.45;
}
.avdu-wl .avdu-wl__kopf--kurz,
.avdu-wl .avdu-wl__text--kurz { display: none; } .avdu-wl .avdu-wl__cta {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 0;
padding: .68em 1em;
border: 0;
border-radius: calc(var(--avdu-wl-radius) * .75);
background: var(--avdu-wl-cta);
color: #000;
font-family: inherit;
font-size: .85rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0;
text-align: center;
text-decoration: none;
text-transform: none;
cursor: pointer;
transition: filter .15s, transform .15s;
}
.avdu-wl .avdu-wl__cta:hover,
.avdu-wl .avdu-wl__cta:focus-visible {
filter: brightness(1.06);
color: #000;
text-decoration: none;
}
.avdu-wl .avdu-wl__cta:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
}
.avdu-wl .avdu-wl__cta:active { transform: translateY(1px); }
.avdu-wl__pfeil { width: 14px; height: 14px; flex: 0 0 auto; display: block; } .avdu-wl .avdu-wl__close {
position: absolute;
top: 9px;
right: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 24px;
height: 24px;
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: none;
box-shadow: none;
color: #fff;
font-size: 0;
line-height: 0;
opacity: .75;
cursor: pointer;
transition: opacity .15s, background .15s;
-webkit-appearance: none;
appearance: none;
}
.avdu-wl .avdu-wl__close:hover,
.avdu-wl .avdu-wl__close:focus-visible {
opacity: 1;
background: rgba(255, 255, 255, .16);
}
.avdu-wl .avdu-wl__close svg { width: 14px; height: 14px; display: block; flex: 0 0 auto; } .avdu-wl.avdu-wl--bar {
display: flex;
align-items: center;
gap: 16px;
max-width: 640px;
padding: 11px 14px;
}
.avdu-wl--bar .avdu-wl__body { flex: 1 1 auto; min-width: 0; }
.avdu-wl--bar .avdu-wl__badge { margin-bottom: 3px; }
.avdu-wl--bar .avdu-wl__kopf { font-size: .85rem; margin-bottom: 2px; }
.avdu-wl--bar .avdu-wl__text { font-size: .72rem; margin-bottom: 0; }
.avdu-wl--bar .avdu-wl__cta { width: auto; flex: 0 0 auto; padding: .6em 1.1em; font-size: .8rem; }
.avdu-wl--bar .avdu-wl__close { position: static; margin: -2px -4px 0 0; } .avdu-wl-ziel-hervor {
animation: avdu-wl-puls 1.6s ease-out 1;
border-radius: 14px;
}
@keyframes avdu-wl-puls {
0%   { box-shadow: 0 0 0 0 rgba(21, 110, 255, .45); }
70%  { box-shadow: 0 0 0 10px rgba(21, 110, 255, 0); }
100% { box-shadow: 0 0 0 0 rgba(21, 110, 255, 0); }
}
@media (prefers-reduced-motion: reduce) {
.avdu-wl-ziel-hervor { animation: none; }
} @media print { .avdu-wl { display: none; } } @media (max-width: 600px) {
.avdu-wl {
right: 12px;
left: 12px;
bottom: 12px;
width: auto;
max-width: none;
padding: 12px 13px;
border-radius: 13px;
}
.avdu-wl .avdu-wl__badge { font-size: .62rem; margin-bottom: 6px; }
.avdu-wl .avdu-wl__kopf { font-size: .88rem; }
.avdu-wl .avdu-wl__text { font-size: .72rem; margin-bottom: 10px; }
.avdu-wl .avdu-wl__cta { padding: .62em .9em; font-size: .8rem; } .avdu-wl--kurzkopf .avdu-wl__kopf--lang { display: none; }
.avdu-wl--kurzkopf .avdu-wl__kopf--kurz { display: block; }
.avdu-wl--kurztext .avdu-wl__text--lang { display: none; }
.avdu-wl--kurztext .avdu-wl__text--kurz { display: block; }
.avdu-wl.avdu-wl--bar { display: block; }
.avdu-wl--bar .avdu-wl__cta { width: 100%; margin-top: 9px; }
.avdu-wl--bar .avdu-wl__close { position: absolute; margin: 0; }
}