:root{--navy:#062f4d;--blue:#196296;--sand:#aa8054;--ink:#172d3e;--paper:#faf7f3;--red:#c7241c;--shadow:0 10px 26px rgba(31,45,55,.11);font-family:Inter,Avenir,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#f7f3ee url("../images/dunes-coast-v3.webp") center 34%/cover no-repeat;color:var(--ink)}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(251,248,244,.97) 0%,rgba(251,248,244,.82) 30%,rgba(251,248,244,.42) 58%,rgba(251,248,244,.22) 100%)}
a{color:inherit}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.8rem 1rem;background:#fff;border:2px solid var(--blue);border-radius:.3rem}.skip-link:focus{top:1rem}
.page-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}
.site-header{width:min(1420px,calc(100% - 7rem));margin:0 auto;padding:2rem 0 1rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}
.brand{display:block;flex:0 0 clamp(250px,27vw,390px)}.brand img{display:block;width:100%;height:auto}
.main-nav{display:flex;align-items:center;gap:clamp(1.8rem,4vw,4.4rem);font-size:clamp(.96rem,1.25vw,1.18rem);font-weight:520;color:#062844;white-space:nowrap}
.main-nav a{text-decoration:none;padding:.65rem 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a:focus-visible{border-color:#8aa2b3}.main-nav a.active{border-color:var(--blue)}
.nav-toggle,.nav-button{display:none}
main{display:flex;align-items:center}
.hero{width:min(1365px,calc(100% - 11rem));margin:0 auto;padding:3.5rem 0 4.2rem}
.hero-copy{max-width:540px}.hero h1{margin:0;color:var(--navy);font-size:clamp(3.5rem,5.8vw,5.2rem);line-height:1.02;letter-spacing:-.045em;font-weight:650}.accent-line{display:block;width:66px;height:6px;margin:1.6rem 0 1.8rem;background:var(--sand);border-radius:2px}.hero-copy p{margin:0;font-size:clamp(1.1rem,1.55vw,1.35rem);line-height:1.62}
.entry-grid{margin-top:5.3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.entry-card{position:relative;min-height:274px;padding:2.2rem 2rem 2rem;display:grid;grid-template-columns:114px 1fr;gap:1.25rem;text-decoration:none;background:rgba(255,252,249,.9);border:1px solid rgba(65,74,80,.08);border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease}
.entry-card:hover,.entry-card:focus-visible{transform:translateY(-4px);box-shadow:0 15px 32px rgba(31,45,55,.16);outline:3px solid rgba(25,98,150,.22);outline-offset:3px}.icon-wrap{width:114px;height:114px;border-radius:50%;display:grid;place-items:center;background:rgba(178,132,82,.12)}.icon-wrap img{width:86px;height:86px}.card-copy{padding-top:.6rem}.entry-card h2{margin:0 0 1rem;color:var(--navy);font-size:clamp(1.28rem,1.72vw,1.65rem);line-height:1.28}.entry-card p{margin:0;font-size:1rem;line-height:1.7}.card-line{display:block}.arrow{position:absolute;right:1.85rem;bottom:1.45rem;color:#a2733f;font-size:2.35rem;font-weight:300;line-height:1}.emergency{background:rgba(255,241,240,.91)}.emergency .icon-wrap{background:rgba(199,36,28,.1)}.emergency h2,.emergency .arrow{color:var(--red)}
.podcast-teaser{position:relative;margin-top:2rem;padding:clamp(1.6rem,3vw,2.4rem) 5rem clamp(1.6rem,3vw,2.4rem) clamp(1.6rem,3vw,2.4rem);display:block;color:inherit;text-decoration:none;background:rgba(255,252,249,.9);border:1px solid rgba(65,74,80,.08);border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease}.podcast-teaser:hover,.podcast-teaser:focus-visible{transform:translateY(-4px);box-shadow:0 15px 32px rgba(31,45,55,.16);outline:3px solid rgba(25,98,150,.22);outline-offset:3px}.podcast-teaser-copy{max-width:900px}.podcast-teaser h2{margin:0;color:var(--navy);font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.2;letter-spacing:-.025em}.podcast-teaser p{margin:.65rem 0 0;font-size:1rem;line-height:1.65}.podcast-teaser .podcast-teaser-lead{color:var(--blue);font-size:clamp(1.05rem,1.5vw,1.22rem);font-weight:700}.podcast-teaser-arrow{position:absolute;right:1.85rem;bottom:1.45rem;color:#a2733f;font-size:2.35rem;font-weight:300;line-height:1}
.site-footer{border-top:1px solid rgba(35,45,50,.24);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2.5rem;padding:1.7rem max(5.5rem,calc((100vw - 1365px)/2));font-size:.86rem;background:rgba(250,247,243,.76)}.site-footer p{margin:0}.site-footer nav{display:flex;justify-content:center}.site-footer nav a{padding:0 1.9rem;text-decoration:none;border-left:1px solid rgba(35,45,50,.22)}.site-footer nav a:last-child{border-right:1px solid rgba(35,45,50,.22)}.site-footer a:hover,.site-footer a:focus-visible{text-decoration:underline}.legal-note{text-align:right}
@media(max-width:1280px) and (min-width:1101px){.site-header{width:calc(100% - 3rem)}.nav-button{display:flex;width:44px;height:44px;padding:10px;flex-direction:column;justify-content:space-around;cursor:pointer;z-index:5}.nav-button span{height:2px;background:var(--navy);width:100%}.main-nav{display:none;position:absolute;z-index:4;top:100px;right:1.5rem;padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.4rem;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.nav-toggle:checked~.main-nav{display:flex}}
@media(max-width:1100px){body{background-position:62% center}.site-header{width:calc(100% - 3rem)}.nav-button{display:flex;width:44px;height:44px;padding:10px;flex-direction:column;justify-content:space-around;cursor:pointer;z-index:5}.nav-button span{height:2px;background:var(--navy);width:100%}.main-nav{display:none;position:absolute;z-index:4;top:100px;right:1.5rem;padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.4rem;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.nav-toggle:checked~.main-nav{display:flex}.hero{width:calc(100% - 4rem);padding-top:2.5rem}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:180px}.site-footer{grid-template-columns:1fr;text-align:center;gap:1.2rem;padding:1.8rem 2rem}.legal-note{text-align:center}}
@media(max-width:620px){body{background-position:66% center;background-attachment:fixed}.site-header{width:calc(100% - 2rem);padding-top:1.2rem}.brand{flex-basis:235px}.main-nav{top:82px}.hero{width:calc(100% - 2rem);padding:2.6rem 0 3rem}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}.hero-copy p{font-size:1.05rem}.entry-grid{margin-top:3.5rem}.entry-card{grid-template-columns:82px 1fr;min-height:205px;padding:1.45rem 1.25rem;gap:1rem}.icon-wrap{width:82px;height:82px}.icon-wrap img{width:62px;height:62px}.card-copy{padding-top:.2rem}.entry-card h2{font-size:1.25rem}.entry-card p{font-size:.94rem;line-height:1.55}.podcast-teaser{margin-top:1.3rem;padding:1.45rem 3.8rem 1.45rem 1.25rem}.site-footer nav{flex-wrap:wrap;gap:.7rem 0}.site-footer nav a{padding:0 .75rem}.site-footer nav a:last-child{border-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-card,.podcast-teaser{transition:none}}
.help-page main{align-items:flex-start}.help-hero{width:min(1180px,calc(100% - 4rem));margin:0 auto;padding:1.5rem 0 4rem}.breadcrumbs{display:flex;gap:.65rem;align-items:center;font-size:.92rem;color:#31566d}.breadcrumbs a{text-decoration:none}.help-heading{margin-top:2.2rem}.help-heading p{margin:0;font-size:1.15rem}.help-heading .accent-line{margin:1rem 0 1.15rem}.help-heading h1{margin:0;color:var(--navy);font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.08;letter-spacing:-.035em}.region-layout{margin-top:2.6rem;display:grid;grid-template-columns:minmax(340px,1fr) minmax(280px,390px);gap:4rem;align-items:center}.map-card{padding:1rem;background:rgba(255,252,249,.68);border:1px solid rgba(65,74,80,.1);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(7px)}.germany-map{display:block;width:min(100%,430px);height:auto;margin:auto}.map-zone{cursor:pointer}.map-zone path{stroke:#f9f6f1;stroke-width:5;stroke-linejoin:round;transition:filter .2s}.map-zone text{font:600 24px Inter,Avenir,"Segoe UI",sans-serif;fill:var(--navy);text-anchor:middle;pointer-events:none}.zone-north path{fill:#87b6c8}.zone-west path{fill:#a8c7cf}.zone-east path{fill:#6e9fb8}.zone-south path{fill:#c8b28f}.map-zone:hover path{filter:brightness(.9)}.map-zone:focus-visible path{stroke:#062f4d;stroke-width:8}.region-options{display:flex;flex-direction:column;gap:.8rem}.region-intro{margin:0 0 .5rem;font-size:1.05rem;line-height:1.55}.region-button{--region-accent:var(--sand);display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem 1rem 1rem;background:rgba(255,252,249,.9);border:1px solid rgba(65,74,80,.12);border-left:5px solid var(--region-accent);border-radius:10px;text-decoration:none;font-size:1.2rem;color:var(--navy);box-shadow:0 5px 15px rgba(31,45,55,.07)}.region-button:hover,.region-button:focus-visible{outline:3px solid color-mix(in srgb,var(--region-accent) 38%,transparent);outline-offset:2px;background:#fff}.region-button>span:last-child{color:var(--region-accent);font-size:1.7rem}.map-alternative{margin:.6rem 0 0;font-size:.95rem}.map-alternative a{color:var(--blue)}
@media(max-width:760px){.help-hero{width:calc(100% - 2rem);padding-top:1rem}.region-layout{grid-template-columns:1fr;gap:1.8rem}.germany-map{max-width:350px}}
.region-detail-layout{margin-top:2.6rem;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:3rem;align-items:start}.selected-map{position:relative}.selected-region-label{display:inline-flex;align-items:center;gap:.55rem;position:absolute;right:1.1rem;bottom:1.1rem;padding:.55rem .8rem;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;box-shadow:0 5px 16px rgba(31,45,55,.2)}.selected-region-label::before{content:"";width:.65rem;height:.65rem;border-radius:50%;background:var(--region-color,#87b6c8);box-shadow:0 0 0 3px rgba(255,255,255,.2)}.region-detail--nord{--region-color:#8f9fc4}.region-detail--west{--region-color:#79aaa5}.region-detail--sued{--region-color:#d98972}.region-detail--ost{--region-color:#d6a35d}.region-detail-copy{padding:1.7rem;background:rgba(255,252,249,.78);border:1px solid rgba(65,74,80,.1);border-radius:18px;box-shadow:var(--shadow)}.region-detail-copy h2{margin:0 0 .7rem;color:var(--navy);font-size:1.55rem}.region-detail-copy p{margin:.5rem 0;line-height:1.55}.region-state-list{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:1.25rem 0 1.5rem;padding:0}.region-state-list li{padding:.45rem .7rem;border:1px solid color-mix(in srgb,var(--region-color,#87b6c8) 55%,#fff);border-radius:999px;background:color-mix(in srgb,var(--region-color,#87b6c8) 16%,#fff);color:var(--navy);font-size:.95rem}.region-back{display:inline-flex;align-items:center;gap:.45rem;color:var(--blue);font-weight:700;text-decoration:none}.region-back:hover,.region-back:focus-visible{text-decoration:underline}@media(max-width:760px){.region-detail-layout{grid-template-columns:1fr;gap:1.6rem}.selected-region-label{right:.8rem;bottom:.8rem}}
.region-layout{grid-template-columns:minmax(340px,1fr) minmax(280px,420px)}
.region-intro{margin-bottom:.2rem;color:var(--navy);font-weight:700}
.region-button-copy{display:flex;flex-direction:column;gap:.2rem}
.region-button-copy small{color:#31566d;font-size:.82rem;font-weight:500;line-height:1.35}
.nationwide-button{--region-accent:#d8b33f}.region-button--nord{--region-accent:#71a3d2}.region-button--west{--region-accent:#a0ac8c}.region-button--sued{--region-accent:#e87c5c}.region-button--ost{--region-accent:#c8a07f}
.region-divider{display:flex;align-items:center;gap:.75rem;margin:.6rem 0 .1rem;color:#31566d;font-size:.85rem;font-weight:650}
.region-divider::after{content:"";height:1px;flex:1;background:rgba(6,47,77,.18)}
@media(max-width:760px){.region-layout{grid-template-columns:1fr}}