@charset "UTF-8";
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:na-page-out 140ms ease-out both}
  ::view-transition-new(root){animation:na-page-in 180ms cubic-bezier(.2,.7,.3,1) both}
  @keyframes na-page-out{to{opacity:0;transform:translateY(-3px)}}
  @keyframes na-page-in{from{opacity:0;transform:translateY(5px)}}
}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
.pwa-panel{padding-block:1.2rem;border-top:1px solid var(--stroke,#2a3531);font-size:.78rem;max-width:46rem}
.pwa-panel summary{cursor:pointer;display:list-item;min-height:44px;align-content:center;font-weight:650;color:var(--text,#f0f3ef)}
.pwa-panel p{max-width:60ch;color:var(--text-soft,#a4ada8);margin:.7rem 0}
.pwa-panel ol{padding-inline-start:1.25rem;color:var(--text-soft,#a4ada8)}
.pwa-panel li{margin-block:.4rem}
.pwa-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:.8rem 0}
.pwa-actions button{border:1px solid var(--stroke-2,#45584d);background:var(--glass,#13191a);color:var(--text,#f0f3ef);min-height:44px;padding:.65rem 1rem;font:inherit;cursor:pointer}
.pwa-actions button:hover{border-color:var(--accent,#d6fa6b)}
.pwa-actions button:focus-visible,.pwa-panel summary:focus-visible{outline:3px solid var(--accent,#d6fa6b);outline-offset:4px}
.pwa-panel [hidden]{display:none!important}
.pwa-status{min-height:1.5em}
.cookie-banner .zustimmung__knoepfe{flex-wrap:wrap}
.cookie-banner .cookie-banner__options{flex-basis:100%;font-size:.8125rem;color:#284e5b;line-height:1.6}
.cookie-banner__options label{display:flex;align-items:flex-start;gap:.6rem;margin:.6rem 0;cursor:pointer}
.cookie-banner__options input{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:#08788e;margin-top:.22rem}
.cookie-banner__options p{margin:.5rem 0;font-size:.75rem}
.cookie-banner input:focus-visible{outline:3px solid #08788e;outline-offset:3px}
.offline-page{margin:0;background:#f8fdff;color:#133a47;font:400 1rem/1.65 system-ui,sans-serif;min-height:100dvh}
.offline-shell{box-sizing:border-box;width:min(46rem,100%);padding:clamp(1.5rem,6vw,4rem);margin:auto}
.offline-brand{font-size:1.65rem;font-weight:750;letter-spacing:-.05em;color:#133a47;text-decoration:none}
.offline-brand span{color:#08788e}
.offline-label{color:#08788e;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;margin-top:3rem}
.offline-page h1{font-size:clamp(2rem,7vw,3.6rem);line-height:1.1;letter-spacing:-.045em;margin:.7rem 0 1.4rem;text-wrap:balance}
.offline-page h2{font-size:1.15rem;margin:2rem 0 .8rem}
.offline-page p{color:#49636d}
.offline-page ul{list-style:none;padding:0}
.offline-page li{border-top:1px solid #d6e6eb;padding:.9rem 0}
.offline-page label{display:flex;gap:.8rem;align-items:flex-start;cursor:pointer}
.offline-page input{width:1.2rem;height:1.2rem;margin-top:.2rem;accent-color:#08788e;flex-shrink:0}
.offline-page a:focus-visible,.offline-page input:focus-visible{outline:3px solid #08788e;outline-offset:4px}
.offline-retry{display:inline-block;background:#08788e;color:#ffffff;border-radius:8px;text-decoration:none;font-weight:650;padding:.8rem 1rem;min-height:24px;margin:1rem 0}
.offline-language{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem;font-size:.8rem}
.offline-language a{color:#49636d;min-height:32px;align-content:center}
.offline-language a[aria-current]{color:#08788e}
.offline-note{font-size:.8rem;border-top:1px solid #d6e6eb;margin-top:2rem;padding-top:1rem}
