@font-face{font-family:"D-DIN-PRO";src:url("/assets/fonts/d-din-pro/d-din-pro-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap} .glossary-search{display:grid;gap:.45rem;margin:2rem 0 1rem;font-weight:700} .glossary-search input{border:1px solid #c8ccd0;border-radius:.55rem;font:inherit;padding:.8rem 1rem;width:100%} .glossary-search input:focus{border-color:#b20f16;box-shadow:0 0 0 3px rgba(178,15,22,.14);outline:0} .glossary-alphabet{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 2rem} .glossary-alphabet a{align-items:center;background:#f1f2f3;border-radius:.35rem;color:#272b2f;display:inline-flex;font-weight:800;height:2.2rem;justify-content:center;min-width:2.2rem;text-decoration:none} .glossary-alphabet a:hover,.glossary-alphabet a:focus-visible{background:#b20f16;color:#fff} .glossary-group{scroll-margin-top:7rem} .glossary-group>h2{border-bottom:3px solid #b20f16;margin:2.3rem 0 0;padding-bottom:.35rem} .glossary-list{margin:0} .glossary-list>div{border-bottom:1px solid #e2e4e6;padding:1.1rem 0} .glossary-list dt{color:#1f2326;font-size:1.08rem;font-weight:800} .glossary-list dd{line-height:1.65;margin:.3rem 0 0} .glossary-empty{background:#f7f1dc;border-left:4px solid #d5a900;padding:1rem} @font-face{font-family:"D-DIN-PRO";src:url("/assets/fonts/d-din-pro/d-din-pro-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--brand:#b20f16;--brand-dark:#831018;--dark:#222;--dark-soft:#2f2f2f;--ink:#202428;--muted:#626c75;--line:#d8dee4;--surface:#fff;--soft:#f2f3f5;--accent:#e0a11b;--max:1180px;--anchor-offset:7rem;--font-main:"D-DIN-PRO",Bahnschrift,"Bahnschrift SemiCondensed","Segoe UI",Arial,sans-serif} #hauptinhalt:is(h1,h2,h3,h4,h5,h6)[id]{scroll-margin-top:var(--anchor-offset)} *{box-sizing:border-box} html{color-scheme:light} body{margin:0;font-family:var(--font-main);color:var(--ink);background:var(--soft);line-height:1.55} a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline} .ffw-external-link::after{content:"";display:inline-block;width:.78em;height:.78em;margin-left:.22em;vertical-align:.06em;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3Cpath d='M5 5h7v2H7v10h10v-5h2v7H5V5z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3Cpath d='M5 5h7v2H7v10h10v-5h2v7H5V5z'/%3E%3C/svg%3E") center / contain no-repeat} .skip-link{background:#fff;border:3px solid var(--brand);border-radius:4px;color:var(--brand);font-weight:800;left:1rem;padding:.65rem .9rem;position:fixed;top:-5rem;z-index:1000} .skip-link:focus,.skip-link:focus-visible{outline:3px solid #fff;top:1rem} .admin-quick-links{align-items:center;bottom:1rem;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;position:fixed;right:1rem;z-index:30} .admin-quick-link{align-items:center;background:var(--dark);border:1px solid rgba(255,255,255,.35);border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.28);color:#fff;display:inline-flex;font-weight:800;gap:.35rem;padding:.58rem .85rem;text-transform:uppercase} .admin-quick-link-primary{background:var(--brand);border:1px solid rgba(255,255,255,.35)} .admin-quick-link:hover,.admin-quick-link:focus-visible{background:var(--brand-dark);color:#fff;text-decoration:none} img{max-width:100%;height:auto;display:block} .header-strip{height:.45rem;background:var(--brand)} .site-header{background:var(--dark);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px rgba(0,0,0,.28)} .site-warning{align-items:center;background:#9b1118;color:#fff;display:flex;flex-wrap:wrap;gap:.35rem .9rem;justify-content:center;line-height:1.25;padding:.48rem 1rem;text-align:center} .site-warning:hover,.site-warning:focus-visible{background:#7f0d13;color:#fff;text-decoration:none} .site-warning strong{text-transform:uppercase} .site-warning span{font-weight:700} .site-warning-moderate{background:#bf5700} .site-warning-minor{background:#f2b705;color:#241c00} .site-warning-minor:hover,.site-warning-minor:focus-visible{background:#d99f00;color:#241c00} .site-nav{width:min(var(--max),calc(100% - 2rem));min-height:5rem;margin:0 auto;display:flex;align-items:center;gap:1.25rem} .brand{color:#fff;display:inline-flex;align-items:center;gap:.7rem;flex:0 0 auto} .brand:hover{text-decoration:none} .brand-wappen{background:#fff;border:1px solid rgba(255,255,255,.9);border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.35);width:3.35rem;height:3.65rem;object-fit:contain;padding:.12rem} .brand-text{display:flex;flex-direction:column;line-height:.95;text-transform:uppercase;letter-spacing:0;font-weight:800} .brand-text span{font-size:1.38rem} .brand-text strong{color:#fff;font-size:1.68rem;font-weight:900} .brand-fallback{font-size:1.35rem;font-weight:800} .nav-toggle{display:none} .nav-button{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.34);border-radius:3px;color:#fff;cursor:pointer;font-weight:700;padding:.45rem .75rem} .nav-links{list-style:none;margin:0 0 0 auto;padding:.24rem 0;display:flex;align-items:stretch;gap:.1rem} .nav-item{position:relative;display:flex;align-items:stretch} .nav-item>a{color:#fff;display:flex;align-items:center;min-height:5rem;padding:0 .85rem;font-weight:800;text-transform:uppercase;font-size:1rem;letter-spacing:0;border-bottom:.25rem solid transparent} .nav-item>a.active,.nav-item>a:hover,.nav-item:focus-within>a{color:#fff;border-bottom-color:var(--brand);background:var(--dark-soft);text-decoration:none} .dropdown-menu{position:absolute;top:100%;left:0;min-width:13.5rem;background:#fff;border-top:.25rem solid var(--brand);box-shadow:0 10px 24px rgba(0,0,0,.24);display:none;padding:.35rem 0} .has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu{display:block} .dropdown-menu a{color:var(--ink);display:block;padding:.55rem .85rem;font-size:.98rem;font-weight:600} .dropdown-menu a:hover{background:#f3f4f5;color:var(--brand);text-decoration:none} .hero{color:#fff;min-height:min(56vh,34rem);display:flex;align-items:end;border-bottom:.45rem solid var(--brand);overflow:hidden;position:relative} .hero::after{background:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.62));content:"";inset:0;position:absolute;z-index:1} .hero-slides{inset:0;position:absolute} .hero-slides img{animation:hero-slide 42s infinite;height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;width:100%} .hero-slides img:nth-child(1){animation-delay:0s} .hero-slides img:nth-child(2){animation-delay:6s} .hero-slides img:nth-child(3){animation-delay:12s} .hero-slides img:nth-child(4){animation-delay:18s} .hero-slides img:nth-child(5){animation-delay:24s} .hero-slides img:nth-child(6){animation-delay:30s} .hero-slides img:nth-child(7){animation-delay:36s} @keyframes hero-slide{0%,11%{opacity:1} 14%,95%{opacity:0} 100%{opacity:1}} .hero-inner,.container{width:min(var(--max),calc(100% - 2rem));margin:0 auto} .hero-inner{padding:7rem 0 3rem;position:relative;text-shadow:0 2px 12px rgba(0,0,0,.5);z-index:2} .hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.06;margin:0 0 .75rem} .hero p{max-width:720px;font-size:1.18rem;margin:0} .home-intro{background:#fff} .intro-grid{align-items:center;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(280px,440px)} .intro-grid h2{margin:0 0 .75rem} .intro-image{display:block} .intro-image img{border-radius:3px;display:block;height:auto;width:100%} .home-einsatz-image{aspect-ratio:1 / 1;background:#dfe4e8;display:block;overflow:hidden;width:100%} .home-einsatz-image img{display:block;height:100%;object-fit:cover;width:100%} .home-photo-band{padding-top:0} .home-photo-marquee{overflow:hidden} .home-photo-track{display:flex;width:max-content;--photo-rounds:4;animation:home-photo-scroll 48s linear infinite;will-change:transform} .home-photo-set{display:flex;flex:0 0 auto;gap:.55rem;padding:.15rem .55rem .45rem 0} .home-photo-set a{aspect-ratio:1 / 1;background:#dfe4e8;border-radius:3px;display:block;flex:0 0 clamp(7.5rem,12vw,10.5rem);overflow:hidden} .home-photo-set img{display:block;height:100%;object-fit:cover;transition:transform .18s ease,filter .18s ease;width:100%} .home-photo-set a:hover img,.home-photo-set a:focus-visible img{filter:brightness(.94);transform:scale(1.035)} .home-photo-marquee:hover .home-photo-track,.home-photo-marquee:focus-within .home-photo-track{animation-play-state:paused} .home-termin-list{gap:.45rem} .home-termin-list .list-item{border-left-width:.22rem;gap:.1rem;padding:.55rem .75rem} .home-termin-list .meta{font-size:.88rem} .home-history-list{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))} .home-history-item{align-items:center;background:#fff;border:1px solid var(--line);border-left:.22rem solid var(--brand);border-radius:3px;color:inherit;display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr);min-width:0;padding:.75rem} .home-history-item.has-image{grid-template-columns:5.3rem minmax(0,1fr)} .home-history-item:hover,.home-history-item:focus-visible{border-color:rgba(178,34,34,.45);box-shadow:0 8px 20px rgba(0,0,0,.08);color:inherit;text-decoration:none} .home-history-image{aspect-ratio:1;background:#dfe4e8;border-radius:3px;display:block;overflow:hidden} .home-history-image img{display:block;height:100%;object-fit:cover;transition:transform .18s ease,filter .18s ease;width:100%} .home-history-item:hover .home-history-image img,.home-history-item:focus-visible .home-history-image img{filter:brightness(.94);transform:scale(1.035)} .home-history-body{display:grid;gap:.18rem;min-width:0} .home-history-meta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.86rem;gap:.35rem} .home-history-meta strong{color:var(--brand)} .home-history-meta span:not(:last-child)::after{color:#b8c0c7;content:"·";margin-left:.35rem} .home-history-title{color:var(--ink);font-size:1.05rem;font-weight:800;line-height:1.2} .home-history-text{color:#4b5660;font-size:.92rem;line-height:1.35} .frontend-list-side{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end} .termin-list .frontend-list-side{flex-wrap:nowrap} .frontend-quality-badge{border-radius:999px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:900;justify-content:center;line-height:1;min-width:2.8rem;padding:.28rem .45rem;text-align:center} .frontend-list-title{align-items:center;display:inline-flex;gap:.55rem;min-width:0} .frontend-list-title>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .frontend-video-badge{align-items:center;background:var(--brand);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:.78rem;font-weight:800;gap:.3rem;line-height:1;padding:.28rem .55rem .3rem .38rem;white-space:nowrap} .frontend-video-badge-icon{align-items:center;background:#fff;border-radius:50%;color:var(--brand);display:inline-flex;font-size:.52rem;height:1rem;justify-content:center;line-height:1;padding-left:.08rem;width:1rem} .frontend-list-date{white-space:nowrap} .frontend-list-date-part + .frontend-list-date-part::before{content:" "} @keyframes home-photo-scroll{from{transform:translate3d(0,0,0)} to{transform:translate3d(calc(-100% / var(--photo-rounds)),0,0)}} .join-hero{background:#fff} .page-intro{background:#fff} .story-panel{border-left:.35rem solid var(--brand);max-width:920px} .buergerinfo-section .story-panel{max-width:none} .buergerinfo-section .story-panel>*{max-width:820px} .story-panel .lead,.join-hero .lead{color:#39424e;font-size:1.18rem;line-height:1.55} .story-image-section{padding-top:.5rem} .story-image-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))} .story-image-card{aspect-ratio:4 / 3;background:#dfe4e8;border-radius:3px;color:#fff;display:block;overflow:hidden;position:relative} .story-image-card::after{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.72) 100%);content:"";inset:0;position:absolute} .story-image-card img{height:100%;object-fit:cover;transition:transform .2s ease,filter .2s ease;width:100%} .story-image-card span{bottom:0;display:grid;gap:.2rem;left:0;padding:1rem;position:absolute;right:0;z-index:1} .story-image-card strong{font-size:1.25rem;line-height:1.1} .story-image-card small{color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.25} .story-image-card:hover,.story-image-card:focus-visible{color:#fff;text-decoration:none} .story-image-card:hover img,.story-image-card:focus-visible img{filter:brightness(.95);transform:scale(1.035)} .story-youth-grid{align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(280px,410px)} .story-youth-photos{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))} .story-youth-photos a{aspect-ratio:1 / 1;background:#dfe4e8;border-radius:3px;display:block;overflow:hidden} .story-youth-photos a.is-large{aspect-ratio:4 / 3;grid-column:1 / -1} .story-youth-photos img{height:100%;object-fit:cover;transition:transform .2s ease,filter .2s ease;width:100%} .story-youth-photos a:hover img,.story-youth-photos a:focus-visible img{filter:brightness(.95);transform:scale(1.035)} .story-points{display:grid;gap:.7rem;margin:1rem 0} .story-points div{border-left:.22rem solid var(--brand);display:grid;gap:.15rem;padding-left:.75rem} .story-points strong{color:var(--ink);font-size:1.05rem} .story-points span{color:#4b5660} .join-hero-grid{align-items:center;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(300px,500px)} .eyebrow{color:var(--brand);font-size:.9rem;font-weight:800;margin:0 0 .35rem;text-transform:uppercase} .join-hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:.98;margin:0 0 1rem;max-width:720px} .join-hero-image{margin:0} .join-hero-image img{border-radius:3px;display:block;height:auto;width:100%} .button-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem} .button-row.compact{gap:.45rem} .step-list{display:grid;gap:.65rem;margin:0 0 1rem;padding-left:1.25rem} .join-contact{text-align:center} .join-contact img{border-radius:3px;display:block;height:auto;margin:0 auto 1rem;max-width:210px;width:58%} .video-frame{aspect-ratio:16 / 9;background:#111;border-radius:3px;overflow:hidden} .video-frame iframe{border:0;display:block;height:100%;width:100%} .video-facade{background:#111;border:0;color:#fff;cursor:pointer;display:block;height:100%;overflow:hidden;padding:0;position:relative;width:100%} .video-facade::after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.52));content:"";inset:0;position:absolute} .video-facade img{display:block;height:100%;object-fit:cover;width:100%} .video-facade-play{align-items:center;background:var(--brand);border-radius:50%;display:flex;font-size:1.5rem;height:4rem;justify-content:center;left:50%;padding-left:.18rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:4rem;z-index:1} .video-facade-label{bottom:1rem;font-weight:700;left:1rem;position:absolute;z-index:1} .video-facade:hover .video-facade-play,.video-facade:focus-visible .video-facade-play{background:var(--brand-dark);transform:translate(-50%,-50%) scale(1.06)} .faq-list{display:grid;gap:.65rem} .faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:.85rem 1rem} .faq-list summary{cursor:pointer;font-weight:800} .faq-list p{margin:.65rem 0 0} .emergency-note{background:var(--brand);color:#fff;font-size:1.35rem;font-weight:800;margin:0 0 1.5rem;padding:1rem} .emergency-note strong{font-size:1.75em} .qr-link{display:inline-block;margin:.25rem .45rem .35rem 0;vertical-align:middle} .qr-link img{display:block;width:2.2rem} .impressum-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))} .impressum-grid h2{margin-top:0} @media (prefers-reduced-motion:reduce){.hero-slides img{animation:none} .hero-slides img:first-child{opacity:1} .home-photo-marquee{overflow-x:auto} .home-photo-track{animation:none}} .section{padding:2rem 0} .section + .section{padding-top:.5rem} .section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem;border-bottom:3px solid var(--brand);padding-bottom:.5rem} .section-head h1,.section-head h2{margin:0} .detail-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end} .detail-nav a,.detail-nav button{background:#eef2f6;border:1px solid var(--line);border-radius:3px;color:#39424e;cursor:pointer;font:inherit;font-weight:700;padding:.35rem .55rem} .detail-nav a:hover,.detail-nav button:hover{background:var(--brand);border-color:var(--brand);color:#fff;text-decoration:none} .detail-nav a.is-active{background:var(--brand);border-color:var(--brand);color:#fff} .detail-share{display:none} .detail-share.is-copied{background:var(--brand);border-color:var(--brand);color:#fff} .termine-filter{display:grid;gap:.55rem;justify-items:end} .year-filter{display:flex;flex-wrap:wrap;column-gap:.3rem;row-gap:.55rem;justify-content:flex-end} .year-filter .badge{line-height:1.45} .calendar-subscribe{display:grid;gap:1rem} .calendar-subscribe h2{font-size:1.15rem;margin:0 0 .6rem} .calendar-subscribe p{margin:0 0 .75rem} .calendar-subscribe p:last-child{margin-bottom:0} .calendar-choice-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(12rem,1fr));overflow-x:auto;padding-bottom:.1rem} .calendar-choice{align-items:flex-start;background:#f7f9fb;border:1px solid var(--line);border-radius:3px;cursor:pointer;display:grid;gap:.7rem;grid-template-columns:auto minmax(0,1fr);padding:.85rem} .calendar-choice:has(input:checked){background:#fff5f5;border-color:var(--brand)} .calendar-choice input{margin-top:.2rem} .calendar-choice strong,.calendar-choice small{display:block} .calendar-choice small{color:var(--muted);line-height:1.45;margin-top:.2rem} .calendar-device-nav{justify-content:flex-start;margin-bottom:.75rem} .calendar-device-note{color:var(--muted);font-size:.95rem} .calendar-device-instruction{background:#f7f9fb;border:1px solid var(--line);border-left:.28rem solid var(--brand);border-radius:3px;margin-top:.8rem;padding:.85rem 1rem} .calendar-device-instruction strong{display:block;margin-bottom:.35rem} .calendar-device-instruction ol{display:grid;gap:.35rem;margin:0;padding-left:1.15rem} .calendar-device-instruction li{padding-left:.1rem} .calendar-device-instruction a{font-weight:800;text-decoration:underline} .calendar-device-hint{background:#fff;border:1px solid var(--line);border-radius:3px;color:#39424e;font-weight:700;margin-top:.8rem !important;padding:.65rem .75rem} .calendar-result{align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto} .calendar-link-box{background:#f7f9fb;border:1px solid var(--line);border-radius:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;overflow-wrap:anywhere;padding:.75rem} .calendar-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem} .button-link{background:var(--brand);border:1px solid var(--brand);border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;padding:.55rem .75rem;text-decoration:none} .button-link:hover{color:#fff;text-decoration:none} .button-secondary{background:#eef2f6;border-color:var(--line);color:#39424e} .button-secondary:hover{background:#dfe6ee;color:#202428} .calendar-qr{align-items:center;background:#fff;border:1px solid var(--line);display:flex;justify-content:center;min-height:14rem;padding:.75rem;width:14rem} .calendar-qr canvas{display:block;height:auto;max-width:100%} .quiz-shell{display:grid;gap:1rem} .quiz-card{display:grid;gap:1rem} .quiz-status{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;padding-bottom:.75rem} .quiz-status span{color:var(--muted);font-weight:700} .quiz-status strong{color:var(--brand)} .quiz-error,.quiz-feedback{border:1px solid var(--line);border-left:.28rem solid var(--brand);border-radius:3px;font-weight:700;padding:.75rem .85rem} .quiz-error{background:#fff1f1;border-color:#e8b5b5;color:#8c171d} .quiz-game{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))} .quiz-game>div{background:#f7f9fb;border:1px solid var(--line);border-left:.28rem solid var(--brand);border-radius:3px;display:grid;gap:.15rem;min-width:0;padding:.75rem .85rem} .quiz-game-label{color:var(--muted);font-size:.86rem;font-weight:800;text-transform:uppercase} .quiz-game strong{color:var(--ink);font-size:1.08rem;line-height:1.2} .quiz-question{display:grid;gap:1rem} .quiz-question-text{font-size:1.35rem;font-weight:900;line-height:1.2} .quiz-answer-list{display:grid;gap:.6rem} .quiz-answer{background:#f7f9fb;border:1px solid var(--line);border-left:.28rem solid #9aa5af;border-radius:3px;color:var(--ink);cursor:pointer;font:inherit;font-size:1.05rem;font-weight:800;line-height:1.25;min-height:3.2rem;padding:.85rem .95rem;text-align:left} .quiz-answer:hover,.quiz-answer:focus-visible{background:#fff;border-color:#c4cbd2} .quiz-answer.is-selected{background:#f1f6fb;border-color:#9fb6cc;border-left-color:#315f86;box-shadow:inset 0 0 0 1px #9fb6cc} .quiz-answer:disabled{cursor:default;opacity:1} .quiz-answer.is-correct,.quiz-feedback.is-correct{background:#eff8f1;border-color:#b7d9bf;border-left-color:#237a3a;color:#174b28} .quiz-answer.is-wrong,.quiz-feedback.is-wrong{background:#fff1f1;border-color:#e8b5b5;border-left-color:var(--brand);color:#8c171d} .quiz-next{justify-self:start} .quiz-result{display:grid;gap:.75rem} .quiz-result p{margin:0} .quiz-actions{display:flex;flex-wrap:wrap;gap:.5rem} .quiz-save-note{background:#f7f9fb;border:1px solid var(--line);border-radius:3px;color:#39424e;font-weight:700;padding:.65rem .75rem} .quiz-progress,.quiz-history{display:grid;gap:.75rem} .quiz-question[hidden],.quiz-result[hidden],.quiz-game[hidden],.quiz-progress[hidden],.quiz-history[hidden],.quiz-error[hidden],.quiz-feedback[hidden],.quiz-save-note[hidden],.quiz-next[hidden]{display:none} .quiz-progress-meter{background:#eef2f6;border:1px solid var(--line);border-radius:999px;height:.8rem;overflow:hidden} .quiz-progress-meter span{background:var(--brand);display:block;height:100%;width:var(--quiz-progress,0%)} .quiz-progress-text{color:var(--muted);font-weight:700;margin:0} .quiz-history-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:.75rem;justify-content:space-between;padding:.55rem 0} .quiz-history-row:first-child{border-top:1px solid var(--line)} .quiz-history-row span{color:var(--muted);font-weight:700;white-space:nowrap} @media (max-width:760px){.quiz-game{grid-template-columns:1fr}} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem} .card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:3px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)} .card-body,.panel{padding:1rem} .card h3,.panel h1,.panel h2{margin-top:0} .member-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))} .member-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:132px} .member-card-image{display:block;height:100%} .member-card-image img{display:block;height:100%;object-fit:cover;width:100%} .member-card .card-body{align-self:center;padding:.85rem 1rem} .member-card h3{margin-bottom:.25rem} .activity-summary{margin-top:.65rem} .activity-meter{background:#e4e8ec;border-radius:999px;height:.45rem;overflow:hidden;position:relative;width:100%} .activity-meter span{background:linear-gradient(90deg,#d8dee5 0%,#e0c54a 34%,#db7a2f 68%,#b20f16 100%);border-radius:inherit;display:block;height:100%;clip-path:inset(0 calc(100% - var(--activity-width,0%)) 0 0);min-width:0;width:100%} .activity-none .activity-meter{background:repeating-linear-gradient(135deg,#eef1f4 0,#eef1f4 6px,#d7dde3 6px,#d7dde3 12px )} .activity-none .activity-meter span{display:none} .activity-low .activity-meter span{background:linear-gradient(90deg,#d8dee5 0%,#e0c54a 34%,#db7a2f 68%,#b20f16 100%)} .activity-medium .activity-meter span{background:linear-gradient(90deg,#d8dee5 0%,#e0c54a 34%,#db7a2f 68%,#b20f16 100%)} .activity-high .activity-meter span{background:linear-gradient(90deg,#d8dee5 0%,#e0c54a 34%,#db7a2f 68%,#b20f16 100%)} .activity-label{color:#66717c;font-size:.78rem;line-height:1.25;margin-top:.25rem} .activity-none .activity-label,.activity-low .activity-label{color:#7a6b21} .activity-high .activity-label{color:#9b2f27} .meta{color:var(--muted);font-size:.94rem} .badge{display:inline-block;background:#eef2f6;border:1px solid var(--line);color:#39424e;border-radius:999px;padding:.15rem .55rem;font-size:.85rem} .list{display:grid;gap:.75rem} .list-heading{font-size:1.15rem;margin:1.25rem 0 .65rem} .list-item{background:var(--surface);border:1px solid var(--line);border-left:.3rem solid var(--brand);border-radius:3px;padding:1rem;display:grid;gap:.3rem} .list-item.is-past{background:#f7f8f9;border-left-color:#9aa3ab} .list-item.has-preview{align-items:center;column-gap:1rem;display:grid;grid-template-columns:5.4rem minmax(0,1fr)} .list-item.has-preview>.list-photo-stack{grid-row:1 / span 2} .list-item.has-preview>.list-row,.list-item.has-preview>.meta{grid-column:2} .list-photo-stack{aspect-ratio:1;display:block;position:relative;width:5.4rem} .list-photo-stack::before,.list-photo-stack::after{background:#d9dee3;border:1px solid rgba(0,0,0,.12);border-radius:4px;content:"";inset:.32rem -.26rem -.18rem .26rem;position:absolute} .list-photo-stack::after{background:#eef1f4;inset:.16rem -.13rem -.09rem .13rem} .list-photo-stack img{aspect-ratio:1;border:1px solid rgba(0,0,0,.12);border-radius:4px;display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1} .photo-count{align-items:center;background:rgba(190,0,0,.92);border-radius:999px;bottom:.28rem;color:#fff;display:inline-flex;font-size:.78rem;font-weight:700;justify-content:center;line-height:1;min-width:2rem;padding:.28rem .45rem;position:absolute;right:.28rem;z-index:2} .list-row{display:flex;gap:1rem;justify-content:space-between;align-items:baseline} .einsatz-list{gap:.4rem} .einsatz-list .list-item{border-left-width:.22rem;gap:0;padding:.55rem .75rem} .einsatz-list .list-item.has-preview{column-gap:.85rem;grid-template-columns:4.6rem minmax(0,1fr);padding-bottom:.45rem;padding-top:.45rem} .einsatz-list .list-photo-stack{width:4.6rem} .einsatz-row{align-items:center} .einsatz-title{align-items:baseline;display:flex;gap:.55rem;min-width:0} .einsatz-title strong:not(.einsatz-number){overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .einsatz-number{color:var(--brand);font-variant-numeric:tabular-nums;min-width:2ch} .einsatz-title .meta{white-space:nowrap} .compact-list{gap:.4rem;margin-top:.75rem} .compact-list .list-item{border-left-width:.22rem;padding:.55rem .75rem} .download-list{gap:.45rem;margin-top:.85rem} .download-list .list-item{border-left-color:var(--accent)} .download-item{align-items:center;display:grid;gap:.75rem;grid-template-columns:3rem minmax(0,1fr) auto;padding:.55rem .7rem} .download-item:hover{text-decoration:none} .download-icon{align-items:center;background:#eef2f6;border:1px solid var(--line);border-radius:3px;color:#39424e;display:inline-flex;font-size:.78rem;font-weight:800;height:2.15rem;justify-content:center;line-height:1;width:2.65rem} .download-icon-pdf{background:#fff1f1;border-color:#e8b5b5;color:#b20f16} .download-icon-mp3{background:#eef7ff;border-color:#b8d8ef;color:#1e5f88} .download-icon-html,.download-icon-htm{background:#fff8e9;border-color:#ebd09b;color:#8a5a00} .download-icon-png{background:#eef9f0;border-color:#b7ddb9;color:#2d7434} .training-link-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:1rem} .training-link-card{align-items:center;background:#f8f9fa;border:1px solid var(--line);border-left:.28rem solid var(--brand);border-radius:4px;color:var(--ink);display:flex;font-size:1.05rem;font-weight:800;justify-content:space-between;min-height:4.2rem;padding:.95rem 1rem;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease} .training-link-card::after{color:var(--brand);content:">";font-size:1.25rem;font-weight:900;margin-left:1rem} .training-link-card:hover,.training-link-card:focus-visible{border-color:#c4cbd2;box-shadow:0 10px 24px rgba(32,36,40,.08);text-decoration:none;transform:translateY(-1px)} .info-nav{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0} .info-nav a{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.95rem;font-weight:800;padding:.42rem .78rem;text-decoration:none} .info-nav a:hover,.info-nav a:focus-visible,.info-nav a.is-active{background:var(--brand);border-color:var(--brand);color:#fff} .info-card-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:1rem} .info-card{background:#f8f9fa;border:1px solid var(--line);border-left:.28rem solid var(--brand);border-radius:4px;color:var(--ink);display:grid;gap:.25rem;padding:.95rem 1rem;text-decoration:none} .info-card:hover,.info-card:focus-visible{border-color:#c4cbd2;box-shadow:0 10px 24px rgba(32,36,40,.08);text-decoration:none} .info-card strong{font-size:1.05rem} .info-card span{color:var(--muted)} .info-page-image{background:#e6eaee;border:1px solid var(--line);border-radius:4px;margin:0 0 1rem;overflow:hidden} .info-page-image img{display:block;height:auto;width:100%} .info-check-list{display:grid;gap:.45rem;margin:.75rem 0 1.25rem;padding-left:1.1rem} .info-check-list li::marker{color:var(--brand)} .alert-note{background:#fff7d6;border:1px solid #f0d06c;border-left:.28rem solid #f2b705;border-radius:4px;color:#3d3000;font-weight:700;margin:1rem 0;padding:.85rem 1rem} .alert-note-ok{background:#eff8f1;border-color:#b7d9bf;border-left-color:#237a3a;color:#174b28} .warning-list{display:grid;gap:.85rem;margin-top:1rem} .warning-card{background:#fff;border:1px solid var(--line);border-left:.35rem solid var(--brand);border-radius:4px;padding:1rem} .warning-card-moderate{border-left-color:#bf5700} .warning-card-minor{border-left-color:#f2b705} .warning-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem .8rem;justify-content:space-between;margin-bottom:.45rem} .warning-card-head span{background:var(--brand);border-radius:999px;color:#fff;font-size:.85rem;font-weight:800;padding:.18rem .58rem;text-transform:uppercase} .warning-card-moderate .warning-card-head span{background:#bf5700} .warning-card-minor .warning-card-head span{background:#f2b705;color:#241c00} .warning-card-head time{color:var(--muted);font-size:.92rem;font-weight:700} .warning-card h2{margin-bottom:.35rem} .warning-card h3{font-size:1.05rem;margin:.85rem 0 .25rem} .download-main{display:grid;gap:.05rem;min-width:0} .download-main strong,.download-main .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .download-size{color:var(--muted);font-size:.9rem;font-weight:700;white-space:nowrap} .qualification-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem} .qualification-tags span{background:#eef2f6;border:1px solid var(--line);border-radius:3px;color:#39424e;font-size:.92rem;font-weight:700;line-height:1.25;padding:.32rem .5rem} .member-detail-image{aspect-ratio:3 / 4;border-radius:3px;display:block;object-fit:cover;width:100%} .technik-image{aspect-ratio:4 / 3;border-radius:3px;display:block;object-fit:contain;width:100%} .technik-image.is-retired{filter:grayscale(.75) contrast(.82) brightness(1.04)} .technik-einsaetze{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem} .technik-einsaetze h2{margin-bottom:.75rem} .org-intro{margin-bottom:1rem} .org-section{margin-bottom:1rem} .org-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))} .org-card{background:#fff;border:1px solid var(--line);border-radius:3px;overflow:hidden} .org-photo{aspect-ratio:3 / 4;background:#f4f5f6;display:grid;place-items:center} .org-photo img{display:block;grid-area:1 / 1;height:100%;object-fit:contain;transition:opacity .18s ease;width:100%} .org-photo img + img{opacity:0} .org-card:hover .org-photo img + img,.org-card:focus-within .org-photo img + img{opacity:1} .org-card-body{padding:.9rem 1rem} .org-card-body h3{margin:0 0 .25rem} .detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start} .einsatz-detail-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px)} .fact-list{display:grid;gap:.5rem} .fact-list div{display:grid;grid-template-columns:8rem 1fr;gap:.75rem} .finance-image{margin:0 0 1rem} .finance-image img{aspect-ratio:4 / 3;border-radius:4px;display:block;height:auto;object-fit:cover;width:100%} .finance-image figcaption{color:var(--muted);font-size:.9rem;line-height:1.35;margin-top:.45rem} .detail-description{margin-top:1.25rem} .detail-description>:first-child{margin-top:0} .detail-description>:last-child{margin-bottom:0} .termin-weather{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:1.5rem;padding:1.25rem 0 0} .termin-weather-head{align-items:center;display:flex;gap:1rem;justify-content:space-between} .termin-weather h2{font-size:1.3rem;margin:0} .termin-weather-icon{font-size:2.25rem;line-height:1} .termin-weather-summary{color:var(--muted);display:flex;flex-wrap:wrap;gap:.15rem .75rem;margin-top:.35rem} .termin-weather-summary strong{color:var(--ink)} .termin-weather-values{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:0;grid-template-columns:repeat(var(--weather-value-count,3),minmax(0,1fr));margin-top:.9rem} .termin-weather-values>div{background:transparent;border:0;display:flex;flex-direction:column;padding:.7rem .85rem} .termin-weather-values>div:first-child{padding-left:0} .termin-weather-values>div + div{border-left:1px solid #edf0f2} .termin-weather-values span,.termin-weather-values small{color:var(--muted)} .termin-weather-values strong{font-size:1.15rem} .termin-weather-timeline{border:1px solid var(--line);border-radius:3px;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));margin-top:.8rem;overflow:hidden} .termin-weather-timeline>div{align-items:center;background:#fafbfc;border:0;display:flex;flex-direction:column;min-width:0;padding:.55rem .35rem} .termin-weather-timeline>div + div{border-left:1px solid var(--line)} .termin-weather-timeline time,.termin-weather-timeline small{color:var(--muted);font-size:.8rem} .termin-weather-timeline span{font-size:1.35rem;line-height:1.25;margin:.12rem 0} .termin-weather-timeline small{line-height:1.15;margin-top:.1rem;text-align:center} .termin-weather-planning{background:var(--soft);border-left:3px solid var(--brand);border-radius:3px;font-weight:700;list-style:none;margin:.8rem 0 0;padding:.65rem .75rem} .termin-weather-planning li{padding-left:1.1rem;position:relative} .termin-weather-planning li::before{color:var(--brand);content:"•";left:0;position:absolute} .termin-weather-planning li + li{margin-top:.35rem} .historical-weather{margin-top:1rem} .detail-side-stack{align-self:start;display:grid;gap:1rem;max-height:calc(100vh - 7rem);overflow:auto;position:sticky;top:5.5rem} .detail-side-stack .historical-weather{margin-top:0} .detail-side-stack .einsatz-photo-panel,.detail-side-stack .termin-photo-panel{max-height:none;overflow:visible;position:static} .historical-weather-condition{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:.65rem;padding:0 0 .75rem} .historical-weather-condition span{font-size:2rem;line-height:1} .historical-weather-condition strong{font-size:1.05rem} .historical-weather-values>div{align-items:baseline;display:grid;gap:.75rem;grid-template-columns:minmax(7.5rem,1fr) auto;padding:.55rem 0} .historical-weather-values>div + div{border-top:1px solid #edf0f2} .historical-weather-values>div>span:first-child,.historical-weather-value small{color:var(--muted)} .historical-weather-value{display:flex;flex-direction:column;text-align:right} .historical-weather-value strong{white-space:nowrap} .historical-weather-value small{line-height:1.25;white-space:nowrap} .termin-list-weather{align-items:center;display:inline-flex;font-size:1.65rem;justify-content:center;line-height:1;min-width:1.8rem} .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem} .gallery a,.gallery img{border-radius:3px} .gallery a{display:block} .gallery img{aspect-ratio:4 / 3;display:block;height:100%;object-fit:cover;width:100%} .einsatz-photo-panel{max-height:calc(100vh - 7rem);overflow:auto;position:sticky;top:5.5rem} .termin-photo-panel{max-height:calc(100vh - 7rem);overflow:auto;position:sticky;top:5.5rem} .panel-title-row{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.9rem} .panel-title-row h2{margin:0} .einsatz-gallery{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem} .termin-gallery{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem} .einsatz-gallery a,.termin-gallery a{background:#eef2f6;overflow:hidden} .einsatz-gallery img,.termin-gallery img{aspect-ratio:1 / 1;transition:transform .18s ease,filter .18s ease} .einsatz-gallery a:hover img,.einsatz-gallery a:focus-visible img,.termin-gallery a:hover img,.termin-gallery a:focus-visible img{filter:brightness(.94);transform:scale(1.035)} .detail-video-panel{margin-top:1.25rem} .detail-video-panel-inline{border-top:1px solid var(--line);padding-top:1.25rem} .detail-video-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))} .detail-video-card{min-width:0} .detail-video-card video{background:#101214;border-radius:.65rem;display:block;height:auto;max-height:72vh;object-fit:contain;width:100%} .detail-video-card p{color:var(--muted);margin:.7rem 0 0} .linkhub-section{background:var(--soft);min-height:70vh;padding:2rem 1rem 3rem} .linkhub-shell{display:grid;gap:1rem;margin:0 auto;max-width:760px} .linkhub-block{background:#fff;border:1px solid var(--line);border-radius:.8rem;padding:1rem} .linkhub-heading{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.8rem} .linkhub-heading h2{font-size:1.35rem;line-height:1.1;margin:.1rem 0 0} .linkhub-heading time{color:var(--brand);font-weight:800} .linkhub-eyebrow{color:var(--brand);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .linkhub-history-list,.linkhub-live,.linkhub-links{display:grid;gap:.65rem} .linkhub-history-card{align-items:center;background:#f4f5f6;border-left:.22rem solid var(--brand);border-radius:.45rem;color:var(--ink);display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:.75rem} .linkhub-history-card.has-image{grid-template-columns:5rem minmax(0,1fr) auto} .linkhub-history-card:hover,.linkhub-live-card:hover,.linkhub-links a:hover,.linkhub-socials a:hover{text-decoration:none;transform:translateY(-1px)} .linkhub-history-card img{aspect-ratio:1;border-radius:.35rem;height:5rem;object-fit:cover;width:5rem} .linkhub-history-copy{display:grid;line-height:1.3;min-width:0} .linkhub-history-copy strong{font-size:1.05rem} .linkhub-history-copy>span:last-child:not(.linkhub-history-meta){color:var(--muted);font-size:.88rem;margin-top:.18rem} .linkhub-history-meta{color:var(--brand);font-size:.77rem;font-weight:800;margin-bottom:.12rem} .linkhub-arrow{color:var(--brand);font-size:2rem;line-height:1} .linkhub-live{grid-template-columns:repeat(2,minmax(0,1fr))} .linkhub-live-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:.7rem;color:var(--ink);display:grid;gap:.7rem;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;padding:.8rem;transition:transform .15s ease} .linkhub-live-card>span:not(.linkhub-live-icon){display:grid;min-width:0} .linkhub-live-card small{color:var(--muted);font-size:.74rem;line-height:1.2} .linkhub-live-card strong{line-height:1.2;margin-top:.2rem} .linkhub-live-card img{aspect-ratio:1;border-radius:.35rem;height:3.6rem;object-fit:cover;width:3.6rem} .linkhub-live-icon{align-items:center;background:var(--brand);border-radius:999px;color:#fff;display:inline-flex;font-size:.72rem;font-weight:900;justify-content:center;line-height:1;padding:.42rem .55rem;text-transform:uppercase} .linkhub-review{align-items:center;background:radial-gradient(circle at 100% 0,rgba(251,188,4,.16),transparent 35%),linear-gradient(135deg,#fff 0%,#fffaf0 100%);border:1px solid #eadfca;border-radius:1rem;box-shadow:0 .45rem 1.4rem rgba(32,33,36,.07);display:grid;gap:1.1rem;grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding:1.15rem 1.2rem;position:relative} .linkhub-review::after{background:var(--brand);bottom:0;content:'';left:0;opacity:.8;position:absolute;top:0;width:.22rem} .linkhub-review-signet{align-items:center;aspect-ratio:1;background:#fff;border:1px solid rgba(251,188,4,.35);border-radius:50%;box-shadow:0 .25rem .8rem rgba(32,33,36,.08);display:flex;height:4.2rem;justify-content:center;position:relative} .linkhub-review-signet span{color:#f4b400;position:absolute} .linkhub-review-signet span:nth-child(1){font-size:1.65rem} .linkhub-review-signet span:nth-child(2){font-size:.72rem;transform:translate(-1.4rem,-1.2rem) rotate(-14deg)} .linkhub-review-signet span:nth-child(3){font-size:.58rem;transform:translate(1.35rem,1.18rem) rotate(12deg)} .linkhub-review-copy{min-width:0} .linkhub-review-kicker{align-items:center;color:#5f6368;display:flex;flex-wrap:wrap;font-size:.72rem;font-weight:800;gap:.45rem;letter-spacing:.045em;text-transform:uppercase} .linkhub-review-kicker>span{color:#f4b400;font-size:.82rem;letter-spacing:.08em} .linkhub-review h2{color:var(--ink);font-size:1.3rem;line-height:1.2;margin:.28rem 0 0} .linkhub-review p{color:var(--muted);font-size:.9rem;line-height:1.45;margin:.45rem 0 0;max-width:55ch} .linkhub-review>a{align-items:center;background:#fff;border:1px solid rgba(32,33,36,.16);border-radius:999px;box-shadow:0 .2rem .55rem rgba(32,33,36,.06);color:var(--ink);display:inline-flex;font-size:.88rem;font-weight:800;gap:.6rem;padding:.72rem 1rem;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap} .linkhub-review>a:hover{background:var(--brand);border-color:var(--brand);color:#fff;text-decoration:none;transform:translateY(-1px)} .linkhub-review.is-android{border-color:rgba(207,26,42,.32)} .linkhub-review.is-android>a{background:var(--brand);color:#fff} .linkhub-links a{align-items:center;background:#fff;border:1px solid var(--line);border-radius:.65rem;color:var(--ink);display:flex;gap:1rem;justify-content:space-between;padding:.85rem 1rem;transition:transform .15s ease} .linkhub-links a>span:first-child{display:grid} .linkhub-links a>span:last-child{color:var(--brand);font-size:1.7rem;line-height:1} .linkhub-links small{color:var(--muted);line-height:1.25} .linkhub-links .is-primary{background:var(--brand);border-color:var(--brand);color:#fff} .linkhub-links .is-primary small,.linkhub-links .is-primary>span:last-child{color:#fff} @media (max-width:640px){.linkhub-section{padding:1rem .7rem 2rem} .linkhub-live{grid-template-columns:1fr} .linkhub-history-card.has-image{grid-template-columns:4.4rem minmax(0,1fr) auto} .linkhub-history-card img{height:4.4rem;width:4.4rem} .linkhub-history-copy>span:last-child:not(.linkhub-history-meta){display:none} .linkhub-review{align-items:start;gap:.8rem 1rem;grid-template-columns:auto minmax(0,1fr);padding:1rem} .linkhub-review>a{grid-column:1 / -1;justify-content:space-between;white-space:normal;width:100%} .linkhub-review-signet{height:3.45rem} .linkhub-review-signet span:nth-child(1){font-size:1.4rem} .linkhub-review-signet span:nth-child(2){transform:translate(-1.1rem,-.95rem) rotate(-14deg)} .linkhub-review-signet span:nth-child(3){transform:translate(1.05rem,.95rem) rotate(12deg)}} .lightbox{align-items:center;background:rgba(0,0,0,.88);display:none;inset:0;justify-content:center;padding:3.5rem 4.5rem;position:fixed;z-index:1000} .lightbox.is-open{display:flex} .lightbox-open{overflow:hidden} .lightbox-image{max-height:100%;max-width:100%;object-fit:contain} .lightbox button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer} .lightbox button:hover{background:var(--brand);border-color:var(--brand)} .lightbox-close,.lightbox-nav{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;position:absolute} .lightbox-close{font-size:2rem;height:2.75rem;right:1rem;top:1rem;width:2.75rem} .lightbox-nav{font-size:3rem;height:3.25rem;top:50%;transform:translateY(-50%);width:3.25rem} .lightbox-prev{left:1rem} .lightbox-next{right:1rem} .button{display:inline-block;background:var(--brand);color:#fff;padding:.55rem .8rem;border-radius:3px;font-weight:700} .button:hover{background:var(--brand-dark);color:#fff;text-decoration:none} .button-chat{align-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-dark));border:1px solid var(--brand-dark);border-radius:999px;box-shadow:0 .35rem .9rem rgba(178,15,22,.22);color:#fff !important;display:inline-flex !important;gap:.5rem;padding:.62rem 1rem;transition:box-shadow .16s ease,transform .16s ease} .button-chat::before{background:currentColor;content:"";display:inline-block;flex:0 0 1.15rem;height:1.15rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 6v2h10V9H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 6v2h10V9H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E") center / contain no-repeat;width:1.15rem} .button-chat:hover{box-shadow:0 .5rem 1.1rem rgba(178,15,22,.3);transform:translateY(-1px)} .button-secondary{background:#eef2f6;border:1px solid var(--line);color:#39424e} .button-secondary:hover{background:#dde5ec;color:#202428} .not-found{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:3px;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(280px,.95fr);overflow:hidden;padding:clamp(1.25rem,4vw,2.25rem)} .not-found-kicker{color:var(--brand);font-weight:700;margin-bottom:.45rem;text-transform:uppercase} .not-found h1{font-size:clamp(2rem,5vw,3.75rem);line-height:1;margin:0 0 1rem} .not-found p{color:#39424e;font-size:1.08rem;max-width:42rem} .not-found-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem} .not-found-image{display:block;height:auto;justify-self:center;max-width:100%} .site-footer{margin-top:2rem;background:var(--dark);color:#d7d7d7} .footer-main{width:min(var(--max),calc(100% - 2rem));margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:2rem 0} .footer-main h2{color:#fff;font-size:1rem;margin:0 0 .8rem;padding-bottom:.45rem;border-bottom:2px solid var(--brand);text-transform:uppercase} .footer-main p{margin:0} .footer-main a{color:#e7e7e7;display:block;padding:.24rem 0} .footer-main a:hover{color:#fff} .footer-main .footer-install-button{appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:block;font:inherit;padding:0;text-align:left} .footer-main .footer-install-button[hidden]{display:none} .footer-main [data-pwa-only][hidden]{display:none} .footer-main .footer-install-button:hover{color:#fff;text-decoration:underline} .footer-cta{border:1px solid rgba(255,255,255,.35);display:inline-block !important;font-weight:700;margin-top:.75rem;padding:.45rem .7rem !important} .footer-cta:hover{background:var(--brand);border-color:var(--brand);text-decoration:none} .social-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.65rem} .footer-main .social-links a{align-items:center;border:1px solid rgba(255,255,255,.32);border-radius:999px;display:inline-flex;gap:.45rem;min-height:2.25rem;justify-content:center;padding:.45rem .75rem;width:auto} .footer-main .social-links a:hover{background:var(--brand);border-color:var(--brand);text-decoration:none} .social-links svg{fill:none;height:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:1.25rem} .social-links a[aria-label="Youtube"] svg{fill:currentColor;stroke:none} .social-links a[aria-label="Youtube"] svg path:last-child{fill:var(--dark)} .footer-entry{display:grid !important;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:baseline} .footer-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .footer-entry time{color:#bfc3c7;font-size:.9rem} .footer-bottom{background:var(--brand);color:#fff;display:flex;gap:1.5rem;justify-content:center;padding:.75rem 1rem;font-weight:700} .footer-bottom a{color:inherit} @media (max-width:1080px){.site-nav{min-height:4.25rem;flex-wrap:wrap;padding:.45rem 0} .brand{gap:.55rem} .brand-wappen{width:2.75rem;height:3rem} .brand-text span{font-size:1.05rem} .brand-text strong{font-size:1.28rem} .nav-button{display:inline-block} .nav-links{flex:1 0 100%;display:none;margin-left:0;border-top:1px solid rgba(255,255,255,.16)} .nav-toggle:checked~.nav-links{display:block} .nav-item{display:block} .nav-item>a{font-size:1rem;min-height:auto;padding:.7rem 0;border-bottom-width:0} .dropdown-menu{position:static;display:none;min-width:0;background:rgba(255,255,255,.06);box-shadow:none;border-top:0;margin:0 0 .45rem;padding:.2rem .75rem} .nav-item.is-active .dropdown-menu,.nav-item:focus-within .dropdown-menu{display:block} .dropdown-menu a{color:#fff;font-size:.95rem;padding:.35rem 0} .hero{min-height:24rem} .join-hero-grid{grid-template-columns:1fr} .story-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .story-youth-grid{grid-template-columns:1fr} .intro-grid{grid-template-columns:1fr} .home-history-list{grid-template-columns:1fr} .detail-grid{grid-template-columns:1fr} .einsatz-detail-grid{grid-template-columns:1fr} .detail-side-stack{max-height:none;overflow:visible;position:static} .einsatz-photo-panel{max-height:none;overflow:visible;position:static} .termin-photo-panel{max-height:none;overflow:visible;position:static} .not-found{grid-template-columns:1fr} .not-found-image{max-width:min(100%,420px);order:-1} .member-grid{grid-template-columns:1fr} .footer-main{grid-template-columns:1fr;gap:1.25rem}} @media (max-width:640px){.frontend-list-title{align-items:start;display:grid;gap:.35rem} .frontend-list-title .frontend-video-badge{justify-self:start} .termin-list .list-row{align-content:start;gap:.4rem;grid-template-columns:minmax(0,1fr);justify-content:stretch;width:100%} .termin-list .list-item{align-items:start;padding:.75rem} .termin-list .list-item.has-preview{align-items:start;grid-template-columns:4.4rem minmax(0,1fr)} .termin-list .list-item.has-preview>.list-photo-stack{align-self:start;grid-column:1;grid-row:1} .termin-list .list-item.has-preview>.list-row{align-self:start;grid-column:2;grid-row:1} .termin-list .list-item.has-preview>.meta{grid-column:1 / -1;grid-row:2;line-height:1.45;margin-top:.25rem} .termin-list .frontend-list-title>strong{overflow:visible;text-overflow:clip;white-space:normal} .termin-list .frontend-list-side{display:grid;gap:.35rem .55rem;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;justify-self:stretch;margin-top:0;position:relative;width:100%} .termin-list .frontend-list-side.has-weather{min-height:1.8rem;padding-right:3rem} .termin-list .frontend-list-side>.meta{align-self:center;grid-column:1;grid-row:1;white-space:nowrap} .termin-list .frontend-list-side>.frontend-list-date{align-self:start;justify-self:end;text-align:right} .termin-list .frontend-quality-badge{align-self:center;grid-column:2;grid-row:1} .termin-list .termin-list-weather{position:absolute;right:0;top:50%;transform:translateY(-50%)} .termin-weather-values{grid-template-columns:repeat(var(--weather-value-count,3),minmax(0,1fr))} .termin-weather-values>div{padding:.55rem} .termin-weather-values strong{font-size:1.05rem} .section-head,.list-row,.footer-bottom{display:grid} .footer-bottom{gap:.2rem;line-height:1.25;padding:.45rem 1rem;text-align:center} .footer-bottom span,.footer-bottom a{font-size:.82rem} .calendar-result{grid-template-columns:1fr} .calendar-qr{justify-self:stretch;width:auto} .einsatz-row{align-items:center;display:grid;gap:.65rem;grid-template-columns:minmax(0,1fr) auto} .einsatz-row .frontend-list-side{display:block;min-width:5.7rem;text-align:right} .list-item.has-preview{column-gap:.75rem;grid-template-columns:4.4rem minmax(0,1fr)} .list-photo-stack{width:4.4rem} .home-history-item.has-image{grid-template-columns:4.4rem minmax(0,1fr)} .home-history-text{display:none} .photo-count{font-size:.72rem;min-width:1.8rem;padding:.22rem .38rem} .story-image-grid{grid-template-columns:1fr} .einsatz-title{align-items:baseline;display:grid;gap:.3rem .4rem;grid-template-columns:auto minmax(0,1fr)} .einsatz-title .meta{display:none} .einsatz-title .frontend-video-badge{display:inline-flex;grid-column:2;justify-self:start;margin-top:.08rem} .frontend-list-date{align-items:flex-end;display:flex;flex-direction:column;line-height:1.35;white-space:nowrap} .frontend-list-date-part + .frontend-list-date-part::before{content:none} .fact-list div{grid-template-columns:1fr;gap:.1rem} .detail-share{align-items:center;display:inline-flex;justify-content:center;margin-right:auto;min-width:2.1rem;order:-1} .download-item{gap:.55rem;grid-template-columns:2.8rem minmax(0,1fr)} .download-size{grid-column:2} .member-card{grid-template-columns:1fr} .member-card-image{height:auto} .member-card-image img{height:auto} .org-grid{grid-template-columns:1fr} .impressum-grid{grid-template-columns:1fr} .lightbox{padding:3.5rem .75rem 1rem} .lightbox-nav{bottom:1rem;top:auto;transform:none}} .catalog-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))} .catalog-card{background:#fff;border:1px solid var(--line);border-radius:.5rem;overflow:hidden} .catalog-card img{aspect-ratio:4 / 3;display:block;object-fit:cover;width:100%} .catalog-card-body{display:grid;gap:.7rem;padding:1rem} .catalog-card-head{align-items:start;display:flex;gap:.75rem;justify-content:space-between} .catalog-card-head h2{font-size:1.25rem;margin:0} .catalog-card-head strong{color:var(--brand);white-space:nowrap} .catalog-sizes{display:flex;flex-wrap:wrap;gap:.35rem} .catalog-sizes span,.catalog-stock{background:#f2f4f7;border:1px solid #d8dee4;border-radius:999px;display:inline-block;font-size:.9rem;font-weight:700;line-height:1.1;padding:.38rem .55rem} .catalog-sizes span.is-ok{background:#edf8f0;border-color:#acd6b8;color:#195d2f} .catalog-sizes span.is-low{background:#fff6d7;border-color:#e4c55b;color:#6b4d00} .catalog-sizes span.is-empty{background:#f4f5f6;border-color:#cdd4da;color:#68727c} .catalog-stock{justify-self:start} .catalog-legend{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.92rem;gap:.55rem 1rem;margin-top:1rem} .catalog-legend span{align-items:center;display:inline-flex;gap:.35rem} .catalog-legend i{border:1px solid #d8dee4;border-radius:50%;display:inline-block;height:.75rem;width:.75rem} .catalog-legend i.is-ok{background:#edf8f0;border-color:#acd6b8} .catalog-legend i.is-low{background:#fff6d7;border-color:#e4c55b} .catalog-legend i.is-empty{background:#f4f5f6;border-color:#cdd4da} .join-chat-section{background:#f2f4f7} .join-chat-section .section-head{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:48rem;text-align:center} .join-chat-section .section-head .eyebrow,.join-chat-section .section-head h1,.join-chat-section .section-head h2,.join-chat-section .section-head p{margin-bottom:0} .join-chat{background:#fff;border:1px solid var(--line);border-radius:.8rem;box-shadow:0 .7rem 2rem rgba(20,34,48,.08);margin:0 auto;max-width:48rem;min-height:21.5rem;overflow:hidden;padding:1.25rem;position:relative} .join-chat-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin:-1.25rem -1.25rem 1.25rem;padding:.85rem 1.25rem} .join-chat-head>span{font-weight:700} .join-chat-head-status{align-items:center;display:flex;gap:1rem;min-width:min(19rem,52%)} .join-chat-head-status>div{align-items:center;display:flex;gap:.75rem;white-space:nowrap} .join-chat-head button{background:transparent;border:0;color:var(--brand);cursor:pointer;font:inherit;font-size:.88rem;padding:0;text-decoration:underline;text-underline-offset:.15rem} .join-chat-head small{color:var(--muted)} .join-chat-progress-track{background:#e3e7eb;border-radius:999px;display:block;height:.38rem;overflow:hidden;width:100%} .join-chat-progress-track>span{background:var(--brand);border-radius:inherit;display:block;height:100%;transition:width .24s ease;width:14.285%} .join-chat-history{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem} .join-chat-history>*:nth-last-child(n+5){display:none} .join-chat-history:empty{display:none} .join-chat-history-item{align-items:center;background:#f1f3f5;border-radius:999px;color:var(--muted);display:flex;font-size:.82rem;gap:.35rem;max-width:100%;padding:.38rem .65rem} .join-chat-history-item strong{color:var(--text)} .join-chat-history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .join-chat-bubble{border-radius:.8rem;line-height:1.45;max-width:min(88%,35rem);padding:.8rem 1rem} .join-chat-bubble p{margin:.25rem 0 0} .join-chat-bubble-bot{background:#eef1f4;border-bottom-left-radius:.2rem;justify-self:start} .join-chat-bubble-user{background:var(--brand);border-bottom-right-radius:.2rem;color:#fff;justify-self:end} .join-chat-bubble-history{color:var(--muted);font-size:.9rem;padding:.55rem .75rem} .join-chat-step{animation:join-chat-in .24s ease-out;display:grid;gap:1rem} .join-chat [hidden],.join-chat-honeypot{display:none !important} .join-chat-options{display:grid;gap:.65rem} .join-chat-options[hidden]{display:none !important} .join-chat-options-three{grid-template-columns:repeat(3,minmax(0,1fr))} .join-chat-options-two{grid-template-columns:repeat(2,minmax(0,1fr))} .join-chat-option{align-items:center;background:#fff;border:1px solid var(--line);border-radius:.6rem;cursor:pointer;display:flex;font-weight:700;gap:.7rem;justify-content:flex-start;min-height:4.2rem;padding:.85rem;position:relative;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease} .join-chat-option-mark{align-items:center;background:#f7e7e8;border-radius:50%;color:var(--brand);display:flex;flex:0 0 3.8rem;height:3.8rem;justify-content:center} .join-chat-option-mark svg{fill:none;height:2.15rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:2.15rem} .join-chat-entry-option{min-height:5.8rem} .join-chat-entry-option .join-chat-option-copy strong{font-size:1.05rem} .join-chat-entry-option--unterstuetzen .join-chat-option-mark{background:#fff2d8;color:#926000} .join-chat-entry-option--mitmachen:has(input:checked){background:#fff8f8} .join-chat-entry-option--unterstuetzen:has(input:checked){background:#fffbf2;border-color:#b47a0b;box-shadow:0 0 0 .15rem rgba(180,122,11,.14)} .join-chat-option-copy{display:grid;gap:.15rem;line-height:1.25} .join-chat-option-copy small{color:var(--muted);font-size:.78rem;font-weight:400} .join-chat-contact-option{justify-content:center;text-align:center} .join-chat-contact-icon{align-items:center;background:#f7e7e8;border-radius:50%;color:var(--brand);display:flex;flex:0 0 2.8rem;height:2.8rem;justify-content:center} .join-chat-contact-icon--whatsapp{background:#e5f6eb;color:#168746} .join-chat-contact-icon svg{fill:none;height:1.45rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:1.45rem} .join-chat-option input{height:1px;opacity:0;position:absolute;width:1px} .join-chat-option:hover,.join-chat-option:focus-within,.join-chat-option:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 .15rem rgba(178,15,22,.12);transform:translateY(-1px)} .join-chat-answer-box{background:#fafbfc;border:1px solid var(--line);border-radius:.65rem;display:grid;gap:.85rem;padding:1rem} .join-chat-answer-box>label,.join-chat-fields-two>label{display:grid;font-weight:700;gap:.35rem} .join-chat-answer-box label small{color:var(--muted);font-weight:400} .join-chat-answer-box input:not([type="radio"]):not([type="checkbox"]),.join-chat-answer-box textarea{background:#fff;border:1px solid #bac3cc;border-radius:.38rem;color:var(--text);font:inherit;padding:.7rem .75rem;width:100%} .join-chat-answer-box input:focus,.join-chat-answer-box textarea:focus{border-color:var(--brand);box-shadow:0 0 0 .16rem rgba(178,15,22,.14);outline:0} .join-chat-answer-box textarea{min-height:7rem;resize:vertical} .join-chat-answer-box>.button{justify-self:end} .join-chat-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))} .join-chat-fields-two>.button{grid-column:1 / -1} .join-chat-field-wide{grid-column:1 / -1} .join-chat-context-hint{background:#fff7e6;border-left:.2rem solid #d59418;border-radius:.3rem;grid-column:1 / -1;margin:0;padding:.65rem .75rem} .join-chat-inline-options{border:0;display:grid;gap:.5rem;margin:0;padding:0} .join-chat-inline-options legend{font-weight:700;margin-bottom:.35rem} .join-chat-inline-options label{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:.45rem;cursor:pointer;display:flex;font-weight:400;gap:.55rem;padding:.65rem .75rem} .join-chat-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .join-chat-choice-grid legend{grid-column:1 / -1} .join-chat-inline-options input{flex:0 0 auto;margin-top:.2rem} .join-chat-alert{background:#fff1f1;border:1px solid #e4a7aa;border-radius:.55rem;color:#701016;margin-bottom:1rem;padding:.8rem 1rem} .join-chat-alert ul{margin-bottom:0} .join-chat-summary{background:#f7f8fa;border:1px solid var(--line);border-radius:.65rem;padding:1rem} .join-chat-summary h2,.join-chat-summary h3{font-size:1rem;margin:0 0 .7rem} .join-chat-summary dl{display:grid;gap:.42rem 1rem;grid-template-columns:minmax(7rem,.35fr) 1fr;margin:0} .join-chat-summary dt{color:var(--muted);font-size:.86rem} .join-chat-summary dd{font-weight:700;margin:0;overflow-wrap:anywhere} .join-chat-finish textarea{min-height:5rem} .join-chat-finish-action{align-items:center;display:flex;gap:1rem;justify-content:space-between} .join-chat-finish-action span{color:var(--muted);font-size:.9rem} .join-chat-success{display:grid;min-height:15rem;place-content:center} .join-chat-success .button-row{justify-content:center;margin-top:1rem} @keyframes join-chat-in{from{opacity:0;transform:translateY(.4rem)} to{opacity:1;transform:translateY(0)}} @media (max-width:640px){.join-chat{border-radius:.6rem;min-height:27rem;padding:1rem} .join-chat-head{align-items:stretch;flex-direction:column;gap:.65rem;margin:-1rem -1rem 1rem;padding:.8rem 1rem} .join-chat-head-status{min-width:0;width:100%} .join-chat-options-three,.join-chat-options-two,.join-chat-choice-grid,.join-chat-fields-two{grid-template-columns:1fr} .join-chat-fields-two>.button{grid-column:auto} .join-chat-option{min-height:3.4rem} .join-chat-bubble{max-width:94%} .join-chat-answer-box>.button{justify-self:stretch;text-align:center} .join-chat-summary dl{grid-template-columns:1fr} .join-chat-summary dd{margin-bottom:.25rem} .join-chat-finish-action{align-items:stretch;flex-direction:column} .join-chat-finish-action .button{justify-content:center;width:100%}} @media (prefers-reduced-motion:reduce){.join-chat-step{animation:none}} .app-home,.app-bottom-nav,.pwa-status-banner{display:none} html.is-app-mode body{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))} html.is-app-mode body:not(.lightbox-open){-webkit-overflow-scrolling:touch;overflow-y:auto;touch-action:pan-y} html.is-app-mode body.page-start .app-home{min-height:calc(100vh - 4.7rem);min-height:calc(100dvh - 4.7rem)} html.is-app-mode body.page-start:not(.lightbox-open){min-height:calc(100vh + 3rem);min-height:calc(100dvh + 3rem)} html.is-app-mode .admin-quick-links{bottom:calc(5.35rem + env(safe-area-inset-bottom));right:max(.65rem,env(safe-area-inset-right));z-index:130} html.is-app-mode .admin-quick-link-dashboard{display:none} html.is-app-mode .app-home{display:block} html.is-app-mode .browser-home{display:none} html.is-app-mode body.page-start .site-footer{display:none} html.is-app-mode .app-bottom-nav{align-items:stretch;background:rgba(255,255,255,.97);border-top:1px solid var(--line);bottom:0;box-shadow:0 -.35rem 1.4rem rgba(20,25,30,.12);display:grid;grid-template-columns:repeat(5,1fr);left:0;min-height:4.7rem;padding:.35rem max(.25rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.25rem,env(safe-area-inset-left));position:fixed;right:0;z-index:120} html.is-app-mode .pwa-status-banner:not([hidden]){align-items:center;border-radius:.65rem;box-shadow:0 .45rem 1.4rem rgba(20,25,30,.22);display:flex;font-size:.9rem;font-weight:700;gap:.75rem;left:50%;max-width:calc(100% - 1.2rem);padding:.7rem .9rem;position:fixed;transform:translateX(-50%);width:max-content;z-index:180} html.is-app-mode .pwa-offline-banner:not([hidden]){background:#24282d;color:#fff;top:max(.6rem,env(safe-area-inset-top))} html.is-app-mode .pwa-update-banner:not([hidden]){background:#fff;border:1px solid var(--line);bottom:calc(5.1rem + env(safe-area-inset-bottom));color:var(--ink)} .pwa-update-banner button{background:var(--brand);border:0;border-radius:.45rem;color:#fff;cursor:pointer;font:inherit;padding:.42rem .65rem;white-space:nowrap} .pwa-update-banner button:disabled{cursor:wait;opacity:.65} .app-bottom-nav a{align-items:center;color:#59616a;display:flex;flex-direction:column;font-size:.72rem;font-weight:700;gap:.14rem;justify-content:center;line-height:1.15;min-width:0;padding:.2rem .1rem} .app-bottom-nav a:hover{text-decoration:none} .app-bottom-nav a.is-active{color:var(--brand)} .app-bottom-nav svg{fill:currentColor;height:1.45rem;width:1.45rem} .app-home{background:#f4f5f7;min-height:70vh} .app-home-section{padding:1.15rem 0 0} .app-home-section:last-child{padding-bottom:1.5rem} .app-home-section h1,.app-home-section h2{font-size:1.25rem;margin:0 0 .7rem} .app-home-title{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px} .app-member-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.7rem} .app-public-push .container{align-items:center;background:#fff;border:1px solid #e0e3e7;border-left:.3rem solid var(--brand);border-radius:.85rem;box-shadow:0 .18rem .7rem rgba(25,31,38,.06);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem;padding-top:1rem} .app-public-push h2{margin-bottom:.2rem} .app-public-push p{color:var(--ink);margin:0} .app-public-push small{color:var(--muted);display:block;line-height:1.35;margin-top:.25rem} .app-public-push-actions{flex:0 0 auto} .app-public-push-actions button{background:var(--brand);border:0;border-radius:.5rem;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:.58rem .8rem} .app-public-push-actions [data-public-push-disable]{background:#fff;border:1px solid var(--line);color:var(--ink)} .app-public-push-actions button:disabled{cursor:wait;opacity:.65} .app-settings-page{background:#f4f5f7;min-height:70vh;padding:1.5rem 0 2.25rem} .app-settings-page .narrow{max-width:52rem} .app-settings-intro{margin-bottom:1.25rem} .app-settings-intro h1{margin:.15rem 0 .35rem} .app-settings-intro p,.app-settings-card p{color:var(--muted)} .app-settings-card{background:#fff;border:1px solid #e0e3e7;border-radius:.9rem;box-shadow:0 .18rem .7rem rgba(25,31,38,.06);margin-top:1rem;padding:1rem} .app-settings-card h2{font-size:1.2rem;margin:0 0 .2rem} .app-settings-card p{margin:0} .app-settings-card-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between} .app-status-dot{background:#9aa0a6;border-radius:50%;box-shadow:0 0 0 .25rem rgba(154,160,166,.14);flex:0 0 auto;height:.72rem;margin:.35rem .25rem 0 0;width:.72rem} .app-status-dot.is-active{background:#25883d;box-shadow:0 0 0 .25rem rgba(37,136,61,.14)} .app-setting-options{border:0;margin:1rem 0 0;padding:0} .app-setting-options legend{font-size:.85rem;font-weight:800;margin-bottom:.35rem} .app-setting-options label{align-items:center;border-top:1px solid var(--line);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:.8rem 0} .app-setting-options label>span,.app-setting-options small{display:block} .app-setting-options small{color:var(--muted);line-height:1.35;margin-top:.15rem} .app-setting-options input{accent-color:var(--brand);flex:0 0 auto;height:1.35rem;width:1.35rem} .app-setting-feedback{font-size:.88rem;min-height:1.2rem;padding-top:.45rem} .app-settings-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem} .app-settings-actions .button{border:1px solid var(--brand);cursor:pointer;font:inherit;font-weight:700} .app-settings-actions .button.secondary{background:#fff;border-color:var(--line);color:var(--ink)} .app-settings-actions .button:disabled{cursor:wait;opacity:.6} .app-profile-form{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem} .app-profile-field{display:flex;flex-direction:column;gap:.35rem;min-width:0} .app-profile-field label{font-weight:800} .app-profile-field input{background:#fff;border:1px solid #aeb4bb;border-radius:.45rem;color:var(--ink);font:inherit;min-height:2.8rem;padding:.62rem .7rem;width:100%} .app-profile-field input:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(178,15,22,.14);outline:0} .app-profile-field small{color:var(--muted);line-height:1.35} .app-profile-actions{grid-column:1 / -1} .app-profile-flash .alert{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:.55rem;margin:0 0 1rem;padding:.75rem .9rem} .app-profile-flash .alert-success{border-left-color:#25883d} .app-profile-flash .alert-warning{border-left-color:#b66a00} .app-profile-flash .alert-danger{border-left-color:#b20f16} .app-device-status{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0 0} .app-device-status>div{background:#f4f5f7;border-radius:.6rem;min-width:0;padding:.7rem} .app-device-status dt{color:var(--muted);font-size:.76rem} .app-device-status dd{font-weight:800;margin:.15rem 0 0;overflow-wrap:anywhere} @media (max-width:36rem){.app-profile-form{grid-template-columns:1fr} .app-device-status{grid-template-columns:1fr} .app-settings-actions .button{flex:1 1 100%;text-align:center}} .app-member-stats{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))} .app-member-next{background:#fff;border:1px solid #e0e3e7;border-left:.25rem solid var(--brand);border-radius:.6rem;color:var(--ink);display:grid;gap:.1rem;margin:.15rem 0 .7rem;padding:.65rem .75rem} .app-member-next:hover{text-decoration:none} .app-member-next>span,.app-member-next time{color:var(--muted);font-size:.8rem} .app-member-stats a{align-items:center;background:#fff;border:1px solid #e0e3e7;border-radius:.65rem;color:var(--ink);display:flex;flex-direction:column;min-width:0;padding:.65rem .3rem;text-align:center} .app-member-stats a:hover{background:#eceef1;text-decoration:none} .app-member-stats strong{color:var(--brand);font-size:1.45rem;line-height:1} .app-member-stats span{color:var(--muted);font-size:.78rem;margin-top:.22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%} .app-member-actions a{background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.88rem;font-weight:700;padding:.4rem .75rem} .app-section-head{align-items:baseline;display:flex;justify-content:space-between} .app-section-head>a{font-size:.9rem;font-weight:700} .app-news-card,.app-latest-card,.app-appointment-list{background:#fff;border:1px solid #e0e3e7;border-radius:.85rem;box-shadow:0 .18rem .7rem rgba(25,31,38,.06)} .app-news-card{overflow-wrap:anywhere;padding:1rem} .app-news-card>:last-child,.app-news-card>div>:last-child{margin-bottom:0} .app-latest-card{color:var(--ink);display:grid;overflow:hidden} .app-latest-card.has-image{grid-template-columns:minmax(7.2rem,32%) 1fr} .app-latest-card:hover{text-decoration:none} .app-latest-image,.app-latest-image img{display:block;height:100%;min-height:8.2rem;width:100%} .app-latest-image img{object-fit:cover} .app-latest-body{display:flex;flex-direction:column;justify-content:center;padding:.9rem} .app-latest-body>strong{font-size:1.08rem;margin:.18rem 0} .app-latest-body>span:last-child{color:var(--muted);font-size:.9rem} .app-appointment-list{overflow:hidden} .app-appointment-list>a{align-items:center;color:var(--ink);display:grid;gap:.85rem;grid-template-columns:3.4rem 1fr;padding:.75rem .9rem} .app-appointment-list>a + a{border-top:1px solid #e6e8eb} .app-appointment-list>a:hover{background:#fafafa;text-decoration:none} .app-appointment-list time{align-items:center;background:var(--brand);border-radius:.55rem;color:#fff;display:flex;flex-direction:column;line-height:1;padding:.42rem .2rem} .app-appointment-list time strong{font-size:1.28rem} .app-appointment-list time span{font-size:.68rem;font-weight:700;margin-top:.15rem} .app-appointment-list>a>span{display:flex;flex-direction:column;min-width:0} @media (max-width:380px){.app-latest-card.has-image{grid-template-columns:1fr} .app-latest-image,.app-latest-image img{height:10rem}} @media (max-width:520px){.app-public-push .container{align-items:stretch;flex-direction:column} .app-public-push-actions button{width:100%}}