.wa-companion{--wa-lime:#d9fb41;--wa-cyan:#44d8f3;--wa-ink:#111611;position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:1200;font-family:Arial,Helvetica,sans-serif;color:#f6f7f1;hyphens:none;word-break:normal;overflow-wrap:normal}
.wa-launch{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:6px 18px 6px 78px;overflow:visible;border:1px solid #928454;border-radius:999px;background:rgba(16,21,17,.96);color:#fff;box-shadow:0 15px 45px #0008,0 0 26px #f6a22920;backdrop-filter:blur(14px);cursor:pointer}
.wa-launch::before{content:"";position:absolute;inset:-5px;border:1px solid #d9fb4147;border-radius:inherit;opacity:0;transform:scale(.94);animation:wa-signal 4.8s 2s infinite}
.wa-launch-portrait{position:absolute;left:7px;bottom:6px;display:block;width:64px;height:64px;overflow:visible;clip-path:inset(-100px -90px 0 -90px);border:1px solid #f6b83f85;border-radius:50%;background:radial-gradient(circle at 50% 26%,#ffbb385e,#24180b 58%,#101511 76%);box-shadow:0 0 17px #ffb13d55;animation:wa-portrait-glow 3.2s ease-in-out infinite}
.wa-launch img{position:absolute;left:50%;top:-30px;width:170px;height:auto;max-width:none;clip-path:inset(0 0 57% 0);transform:translateX(-50%);transform-origin:50% 25%;filter:drop-shadow(0 5px 4px #0008) drop-shadow(0 0 9px #ffad35cc);animation:none}


.wa-launch-copy{display:grid;gap:3px;text-align:left}.wa-launch-copy strong{font-size:14px;letter-spacing:.07em;text-transform:uppercase}.wa-launch-copy small{color:#d6ddd5;font-size:11px}
.wa-launch-state{width:7px;height:7px;border-radius:50%;background:var(--wa-lime);box-shadow:0 0 12px var(--wa-lime)}
.wa-panel{position:absolute;right:0;bottom:116px;width:min(420px,calc(100vw - 28px));overflow:visible;border:1px solid #766f51;border-radius:24px;background:linear-gradient(155deg,#19201a,#0d120f 68%);box-shadow:0 28px 90px #000b;opacity:0;visibility:hidden;transform:translateY(14px) scale(.975);transform-origin:bottom right;transition:opacity .22s ease,transform .22s ease,visibility .22s}
/* Die allgemeinen Abschnittsabstände der Website gelten nicht für diese Dialogkarte. */
.wa-companion > .wa-panel{padding:0}
.wa-companion[data-open="true"] .wa-panel{opacity:1;visibility:visible;transform:none}
.wa-companion[data-open="true"] .wa-launch img{animation:none;transform:translateX(-50%)}
.wa-companion[data-open="true"] .wa-launch-portrait{animation:none;box-shadow:0 0 12px #ffb13d55}
.wa-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 18px 7px}.wa-panel-top span{display:block;color:var(--wa-lime);font-size:10px;font-weight:850;letter-spacing:.12em}.wa-panel-top strong{display:block;margin-top:5px;font-size:21px;line-height:1.15;letter-spacing:-.02em}
.wa-close{display:grid;place-items:center;flex:0 0 38px;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;aspect-ratio:1;padding:0!important;border:1px solid #778077;border-radius:50%!important;background:#151b16;color:#fff;cursor:pointer}.wa-close svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.wa-close:hover,.wa-close:focus-visible{border-color:var(--wa-lime);background:#253020;color:var(--wa-lime);transform:rotate(4deg)}
.wa-scene{position:relative;display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;min-height:168px;margin:5px 12px 0;overflow:hidden;border:1px solid #4a4935;border-radius:18px;background:radial-gradient(circle at 18% 22%,#b06a173d 0,transparent 35%),linear-gradient(135deg,#1b1710,#172019 72%)}
.wa-scene::after{content:"";position:absolute;left:110px;right:14px;bottom:18px;height:1px;background:linear-gradient(90deg,var(--wa-cyan),transparent);z-index:4;pointer-events:none}
.wa-figure-stage{--wa-x:0px;--wa-y:0px;position:relative;align-self:stretch;width:130px;min-height:168px;transform:translate3d(var(--wa-x),var(--wa-y),0);transition:transform .35s ease;animation:wa-float 4.2s ease-in-out infinite;z-index:1}
.wa-figure-stage::before{content:"";position:absolute;left:20px;top:8px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#ffcf4b55,transparent 68%);filter:blur(4px);animation:wa-bulb-glow 3.6s ease-in-out infinite}
.wa-figure-stage>
.wa-figure-stage[data-pose="present"]>
.wa-figure-stage[data-pose="think"]>
.wa-figure-stage[data-pose="inspect"]>
.wa-figure-stage[data-pose="polish"]>
.wa-figure-stage[data-pose="listen"]>
.wa-figure{position:absolute;left:1px;bottom:0;width:128px;height:163px;object-fit:contain;object-position:bottom;opacity:0;transform:translateY(8px) scale(.97);filter:drop-shadow(0 12px 10px #0009) drop-shadow(0 0 9px #ff9f2255);transition:opacity .28s ease,transform .38s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.wa-figure{bottom:-35px}
.wa-figure.is-visible{opacity:1;transform:translateY(28px);filter:drop-shadow(0 12px 10px #0009) drop-shadow(0 0 15px #ff9f2280)}
.wa-figure:not(.is-visible){display:none}
.wa-message.is-changing{animation:wa-copy-in .35s ease both}
.wa-message{position:relative;margin:0;padding:15px 16px 24px 6px;color:#e4e9e2;font-size:14px;line-height:1.45;z-index:1}.wa-message strong{display:block;margin-bottom:7px;color:#fff;font-size:19px;line-height:1.14}
.wa-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px 12px}.wa-quick button{min-height:46px;padding:9px 11px;border:1px solid #475448;border-radius:12px;background:#202821;color:#f5f6f1;text-align:left;font-size:13px;font-weight:750;line-height:1.25;cursor:pointer}.wa-quick button:hover,.wa-quick button:focus-visible,.wa-quick button[aria-pressed="true"]{border-color:var(--wa-lime);background:#293526;color:var(--wa-lime)}
.wa-question{padding:0 12px 11px}.wa-question label{display:block;margin:2px 0 6px;color:#b8c1b8;font-size:12px}.wa-question-row{display:flex;gap:7px}.wa-question input{min-width:0;flex:1;height:40px;padding:8px 11px;border:1px solid #657165;border-radius:10px;background:#f5f6f1;color:#152016;font-size:14px}.wa-question button{flex:0 0 auto;padding:8px 13px;border:0;border-radius:10px;background:var(--wa-lime);color:#18200f;font-size:13px;font-weight:850;cursor:pointer}
.wa-result{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 12px 10px;padding:10px 11px;border-left:2px solid var(--wa-cyan);background:#121a14;color:#d5ddd4;font-size:12px;line-height:1.35}.wa-result a{flex:0 0 auto;color:var(--wa-lime);font-weight:850;text-decoration:none;border-bottom:1px solid currentColor}.wa-result.is-answer{display:grid;gap:9px;font-size:13px;line-height:1.45}.wa-result.is-answer a{justify-self:start}.wa-result[hidden]{display:none}
.wa-companion[data-answered="true"] .wa-quick{display:none}
.wa-note{margin:0;padding:0 14px 13px;color:#929e93;font-size:10px;line-height:1.35}
.wa-companion :is(button,input,a):focus-visible{outline:3px solid var(--wa-cyan);outline-offset:3px}
@keyframes wa-float{0%,100%{margin-top:0}50%{margin-top:-7px}}
@keyframes wa-bulb-glow{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}
@keyframes wa-copy-in{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes wa-signal{0%,72%,100%{opacity:0;transform:scale(.94)}78%{opacity:1}92%{opacity:0;transform:scale(1.1)}}
@keyframes wa-portrait-glow{0%,100%{box-shadow:0 0 12px #ffb13d44}50%{box-shadow:0 0 27px #ffb13daa,0 0 46px #ff8a1f38}}
@media(max-width:540px){.wa-companion{left:10px;right:auto;bottom:82px}.wa-launch{min-height:68px;padding:6px 13px 6px 68px}.wa-launch-portrait{left:6px;bottom:6px;width:56px;height:56px}.wa-launch img{left:calc(50% + 12px);top:-18px;width:135px;height:auto}.wa-launch-copy strong{font-size:13px}.wa-launch-copy small{font-size:10px}.wa-panel{position:fixed;right:10px;bottom:92px;width:calc(100vw - 20px);border-radius:19px}.wa-panel-top{padding:14px 14px 6px}.wa-panel-top strong{font-size:19px}.wa-scene{grid-template-columns:98px minmax(0,1fr);min-height:145px;margin:4px 10px 0}.wa-figure-stage{width:98px;min-height:145px}.wa-figure{left:0;width:92px;height:125px;bottom:-35px}.wa-message{padding:12px 12px 20px 3px;font-size:14px}.wa-message strong{font-size:18px}.wa-quick{padding:9px 10px}.wa-quick button{font-size:12px;min-height:43px}.wa-question{padding:0 10px 9px}.wa-question input{font-size:16px}.wa-note{padding:0 12px 10px}}
@media(max-width:540px){.wa-figure{bottom:-45px}.wa-figure.is-visible{transform:translateY(38px)}}
.wa-result a{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:540px){.wa-result{display:grid;align-items:start}.wa-result a{display:block;white-space:normal;line-height:1.3}}
@media(max-height:690px){.wa-scene{min-height:130px}.wa-figure-stage{min-height:130px}.wa-figure{height:127px}.wa-message{padding-top:9px;padding-bottom:17px}.wa-quick button{min-height:40px}.wa-note{display:none}}
@media(prefers-reduced-motion:reduce){.wa-launch::before,.wa-launch-portrait,.wa-launch img,.wa-figure-stage,.wa-figure-stage::before,.wa-message{animation:none}.wa-panel,.wa-figure,.wa-figure-stage{transition:none}}

/* Der Zurück-nach-oben-Kreis bleibt über dem Ideenbegleiter sichtbar. */
.back-top{position:fixed!important;right:22px!important;bottom:78px!important;z-index:1301!important;background:var(--lime,#d9fb41)!important;color:#131810!important;box-shadow:0 4px 18px #0007!important}
.wa-launch img{width:135px;top:-22px}
.word-strip i{font-size:0;display:inline-block;position:relative;width:20px;height:25px;color:var(--lime,#d9fb41);vertical-align:middle}
.word-strip i::before{content:"";position:absolute;left:4px;top:1px;width:12px;height:15px;border:1.8px solid currentColor;border-radius:50% 50% 46% 46%;transform:rotate(-12deg)}
.word-strip i::after{content:"";position:absolute;left:7px;top:16px;width:8px;height:5px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-12deg)}
@media(max-width:540px){.back-top{right:10px!important;bottom:68px!important;width:44px!important;height:44px!important}}

/* Mobile-Konsole: Figur vollständig im Fenster, Button-Figur ruhig im Button halten. */
@media(max-width:540px){
  .wa-panel .wa-figure{bottom:0!important}
  .wa-panel .wa-figure.is-visible{transform:translateY(12px)!important}
  .wa-launch img{animation:none!important;top:-12px!important;width:118px!important;transform:translateX(-50%)!important}
}

/* Die kleinen Lightman-Figuren in den Inhaltsbereichen sind entfernt.
   Thematische Auftritte stehen jetzt als eigene, kompakte Abschnitte auf den Unterseiten. */
/* Mobile: Lightman-Konsole mittig und innerhalb der verfügbaren Breite. */
@media(max-width:540px){
  .wa-companion{left:50%;right:auto;bottom:10px;width:min(360px,calc(100vw - 24px));transform:translateX(-50%)}
  .wa-launch{width:100%;justify-content:center}
}

/* Lightman erscheint an ausgewählten Stellen als Teil der Agenturgeschichte. */
.lm-cameo{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;min-height:430px;overflow:hidden;padding:clamp(34px,5vw,72px) max(5vw,22px);background:#111612;color:#f5f5ef;hyphens:none;word-break:normal;overflow-wrap:normal}
.lm-cameo::before{content:"";position:absolute;width:430px;height:430px;left:4vw;top:50%;border-radius:50%;background:radial-gradient(circle,#ffae3438,transparent 68%);transform:translateY(-50%);animation:lm-halo 4.8s ease-in-out infinite}
.lm-cameo--mirror{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);background:#edece5;color:#171b16}.lm-cameo--mirror::before{left:auto;right:4vw}.lm-cameo--mirror .lm-figure{order:2}.lm-cameo--mirror .lm-copy{order:1}.lm-cameo--mirror .lm-figure img{transform:scaleX(-1)}
.lm-cameo--front{background:#1b211b}.lm-cameo--front .lm-figure img{object-position:center}
.lm-figure{position:relative;display:grid;place-items:center;align-self:stretch;min-height:340px;z-index:1}.lm-figure button{position:relative;width:min(100%,360px);height:360px;border:0;background:transparent;cursor:pointer}.lm-figure img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px #0008) drop-shadow(0 0 16px #ffad3766);transition:transform .4s ease,filter .4s ease}.lm-figure button:hover img,.lm-figure button:focus-visible img{transform:translateY(-8px) scale(1.025);filter:drop-shadow(0 27px 28px #0009) drop-shadow(0 0 25px #ffad37aa)}.lm-cameo--mirror .lm-figure button:hover img,.lm-cameo--mirror .lm-figure button:focus-visible img{transform:scaleX(-1) translateY(-8px) scale(1.025)}
.lm-pulse{position:absolute;left:50%;top:10%;width:90px;height:90px;border:1px solid #ffc25499;border-radius:50%;transform:translateX(-50%);animation:lm-pulse 3.5s ease-out infinite;pointer-events:none}
.lm-copy{position:relative;max-width:720px;z-index:1}.lm-copy span{display:block;margin-bottom:15px;color:#d9fb41;font-size:12px;font-weight:850;letter-spacing:.14em}.lm-cameo--mirror .lm-copy span{color:#687b28}.lm-copy h2{margin:0;font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:-.055em}.lm-copy p{max-width:650px;margin:22px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:#c9d0c8}.lm-cameo--mirror .lm-copy p{color:#4e574d}.lm-copy button{margin-top:25px;padding:12px 0;border:0;border-bottom:2px solid #d9fb41;background:transparent;color:inherit;font-size:15px;font-weight:850;cursor:pointer}.lm-cameo--mirror .lm-copy button{border-color:#687b28}.lm-copy button:focus-visible,.lm-figure button:focus-visible{outline:3px solid #44d8f3;outline-offset:4px}
@keyframes lm-halo{0%,100%{opacity:.55;transform:translateY(-50%) scale(.92)}50%{opacity:1;transform:translateY(-50%) scale(1.06)}}
@keyframes lm-pulse{0%{opacity:.8;transform:translateX(-50%) scale(.65)}75%,100%{opacity:0;transform:translateX(-50%) scale(1.6)}}
@media(max-width:760px){.lm-cameo,.lm-cameo--mirror{grid-template-columns:1fr;min-height:0;padding-top:42px}.lm-cameo--mirror .lm-figure,.lm-cameo--mirror .lm-copy{order:initial}.lm-figure{min-height:260px}.lm-figure button{height:270px;width:270px}.lm-copy{text-align:left}.lm-copy h2{font-size:clamp(38px,11vw,58px)}.lm-copy p{font-size:17px}.lm-copy span{font-size:11px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.lm-cameo::before,.lm-pulse{animation:none}.lm-figure img{transition:none}}

/* Mobile: Die Karte folgt ihrem Inhalt und wächst nur bis zur sichtbaren Höhe.
   Ein transformiertes Elternelement würde position:fixed auf den Button beziehen. */
@media(max-width:760px){
  .wa-companion{transform:none}
  .wa-panel{
    position:fixed;
    top:auto;
    right:0;
    bottom:92px;
    bottom:calc(92px + env(safe-area-inset-bottom));
    left:0;
    box-sizing:border-box;
    width:min(420px, calc(100vw - 32px));
    margin-inline:auto;
    height:auto;
    max-height:calc(100vh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .wa-panel-top{
    position:sticky;
    top:0;
    z-index:5;
    padding:10px 14px 5px;
    background:#19201a;
  }
}
@media(max-width:540px){
  .wa-companion{
    position:fixed;
    left:0;
    right:0;
    bottom:10px;
    width:min(360px, calc(100vw - 24px));
    margin-inline:auto;
    transform:none;
  }
}
@media(max-width:760px){
  .wa-launch{transition:opacity .18s ease, visibility .18s ease}
  .wa-companion[data-keyboard="true"] .wa-launch{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
}
@media(max-height:480px) and (max-width:760px){
  .wa-panel{
    bottom:calc(76px + env(safe-area-inset-bottom));
    max-height:calc(100vh - 86px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-height:calc(100dvh - 86px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}

/* Der Seitenanfang-Pfeil bleibt oberhalb des festen Lightman-Buttons. */
.back-top{bottom:120px!important}
@media(max-width:540px){.back-top{bottom:calc(104px + env(safe-area-inset-bottom))!important}}

/* Themen bleiben nach einer freien Frage für die nächste Auswahl erreichbar. */
.wa-companion[data-answered="true"] .wa-quick{display:grid}

/* Die redaktionellen Lightman-Abschnitte begleiten den Inhalt, statt ihn zu dominieren. */
section.lm-cameo{min-height:310px;padding:26px max(5vw,22px)}
.lm-cameo::before{width:300px;height:300px;background:radial-gradient(circle,#ffae341d,transparent 70%);animation:none}
.lm-pulse{display:none}
.lm-figure{min-height:250px}
.lm-figure button{width:min(100%,250px);height:250px}
.lm-copy h2{font-size:clamp(30px,3.2vw,50px)}
.lm-copy p{margin-top:14px;font-size:clamp(15px,1.25vw,18px)}
.lm-copy button{margin-top:16px}
@media(max-width:760px){
  section.lm-cameo,section.lm-cameo--mirror{grid-template-columns:minmax(0,1fr) 118px;gap:8px;min-height:0;padding:24px 18px}
  .lm-cameo .lm-figure{order:2;min-height:0;align-self:end}
  .lm-cameo .lm-copy{order:1}
  .lm-figure button{width:118px;height:168px}
  .lm-copy h2{font-size:clamp(23px,6vw,32px)}
  .lm-copy p{font-size:13px;line-height:1.45}
  .lm-copy span{font-size:9px;letter-spacing:.08em}
  .lm-copy button{margin-top:10px;font-size:12px}
}

/* Lightmans Aussagen erhalten einen eigenen warmen Farbcode. */
.wa-scene::after{background:linear-gradient(90deg,#f5c365,transparent)}
.wa-message{
  border-left:2px solid #f5c365;
  border-radius:0 10px 10px 0;
  background:linear-gradient(90deg,#9a602a33,transparent 90%);
  color:#f6f0e3;
}
.wa-message strong{color:#ffd483}
.wa-result.is-answer{
  gap:7px;
  border:1px solid #936d37;
  border-left:4px solid #f5c365;
  border-radius:0 11px 11px 0;
  background:linear-gradient(105deg,#342918,#1a2219 90%);
  color:#fff4db;
  box-shadow:inset 0 1px #f5c36533;
}
.wa-result.is-answer::before{
  content:"LIGHTMAN ANTWORTET";
  display:block;
  color:#ffd483;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
}

/* Die mobile Karte bleibt vollständig im tatsächlich sichtbaren Viewport. */
@media(max-width:760px){
  .wa-companion > .wa-panel{
    --wa-top-space:max(88px, calc(20px + env(safe-area-inset-top)));
    --wa-bottom-space:calc(94px + env(safe-area-inset-bottom));
    bottom:calc(var(--wa-bottom-space) + var(--wa-visible-bottom-inset, 0px));
    max-height:max(58px, calc(var(--wa-visible-height, 100vh) - var(--wa-top-space) - var(--wa-bottom-space)));
    overflow-y:auto;
  }
  .wa-companion[data-short-viewport="true"] > .wa-panel{
    --wa-top-space:max(56px, calc(12px + env(safe-area-inset-top)));
    --wa-bottom-space:calc(72px + env(safe-area-inset-bottom));
  }
  .wa-companion[data-keyboard="true"] > .wa-panel{
    --wa-top-space:max(52px, calc(12px + env(safe-area-inset-top)));
    --wa-bottom-space:calc(12px + env(safe-area-inset-bottom));
  }
}

/* Smartphones: kompakte Karte mit zwei zunächst sichtbaren Themenreihen. */
.wa-more-toggle{display:none}
@media(max-width:600px), (max-height:480px) and (max-width:740px) and (hover:none){
  .wa-companion > .wa-panel{
    max-height:min(var(--wa-mobile-height-cap, 62vh), calc(var(--wa-visible-height, 100vh) - var(--wa-top-space) - var(--wa-bottom-space)));
  }
  .wa-panel-top{padding:9px 12px 5px}
  .wa-panel-top span{font-size:9px;letter-spacing:.06em}
  .wa-panel-top strong{font-size:18px}
  .wa-close{flex-basis:44px;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}
  .wa-scene{grid-template-columns:78px minmax(0,1fr);min-height:120px;margin:4px 10px 0}
  .wa-scene::after{left:78px;right:10px;bottom:9px}
  .wa-figure-stage{width:78px;min-height:120px}
  .wa-figure{width:76px;height:110px}
  .wa-panel .wa-figure{bottom:0!important}
  .wa-panel .wa-figure.is-visible{transform:translateY(8px)!important}
  .wa-message{padding:8px 8px 12px 7px;font-size:12.5px;line-height:1.4}
  .wa-message strong{margin-bottom:4px;font-size:16px}
  .wa-quick{gap:6px;padding:8px 10px 4px}
  .wa-quick button{min-height:44px;padding:7px 9px;font-size:11.5px}
  .wa-companion[data-more="false"] .wa-quick [data-wa-extra]{display:none}
  .wa-quick .wa-more-toggle{display:block;grid-column:1/-1;min-height:44px;border-color:#71806a;background:#172019;color:#d9fb41;text-align:center}
  .wa-question{padding:3px 10px 8px}
  .wa-question label{font-size:11px}
  .wa-question input{font-size:16px}
  .wa-note{padding:0 11px 10px;font-size:9px}
}

/* Leseraum für den festen Lightman-Begleiter: der letzte Inhalt bleibt
   scrollbar und wird nicht unter dem Launcher abgeschnitten. */
html:has(body.wa-ready){scroll-padding-bottom:var(--wa-content-clearance,148px)}
body.wa-ready main{margin-bottom:var(--wa-content-clearance,148px)}
@media (min-width:761px) and (max-width:1100px){
  html:has(body.wa-ready){--wa-content-clearance:156px}
  body.wa-ready main{margin-bottom:156px}
}
@media (max-width:760px){
  html:has(body.wa-ready){--wa-content-clearance:132px}
  body.wa-ready main{margin-bottom:132px}
}
@media (max-width:540px){
  html:has(body.wa-ready){--wa-content-clearance:118px}
  body.wa-ready main{margin-bottom:118px}
}
@media (max-height:480px) and (max-width:760px){
  html:has(body.wa-ready){--wa-content-clearance:96px}
  body.wa-ready main{margin-bottom:96px}
}

/* Der bisherige Abstand vor dem Footer schützt dessen Links nicht. Der
   Footer selbst braucht unter der Linkzeile Platz für den festen Launcher. */
body.wa-ready footer{padding-bottom:calc(168px + env(safe-area-inset-bottom, 0px))!important}
@media(min-width:761px){body.wa-ready .wa-companion:not([data-open="true"]){bottom:max(8px, env(safe-area-inset-bottom, 0px))}}
@media(max-width:760px){body.wa-ready footer{padding-bottom:calc(146px + env(safe-area-inset-bottom, 0px))!important}}