:root{--navy:#164A70;--water:#83C9ED;--sky:#D9F0FA;--white:#fff;--green:#E9F2E9;--sun:#F2BE62;--ink:#19384b;--muted:#536c7b;--line:#c5e1ef;--paper:#f5fbfe;--shadow:0 16px 45px rgba(22,74,112,.10);--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Helvetica Neue',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.72}a{color:var(--navy);text-underline-offset:3px}a:hover{color:#0b3049}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--serif);line-height:1.24;color:var(--navy);font-weight:700}h1{font-size:clamp(2.35rem,5vw,4.6rem);letter-spacing:-.045em;margin:.3em 0 .45em}h2{font-size:clamp(1.65rem,3vw,2.55rem);letter-spacing:-.025em;margin:.25em 0 .55em}h3{font-size:1.25rem;margin:.2em 0 .5em}p{margin:.7em 0 1em}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem clamp(1rem,4vw,4rem);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(131,201,237,.45)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--navy);font-weight:700;line-height:1.2}.brand img{width:52px;height:52px;object-fit:contain}.brand small{display:block;font-size:.72rem;letter-spacing:.04em;font-weight:500;color:var(--muted);margin-top:.25rem}.nav-wrap{display:flex;align-items:center;gap:1rem}nav{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}nav a,.lang-switch{padding:.55rem .75rem;border-radius:999px;text-decoration:none;font-size:.88rem;font-weight:600;color:var(--navy)}nav a:hover,nav a.active{background:var(--sky)}nav .nav-cta{background:var(--navy);color:white;padding-inline:1rem}.lang-switch{border:1px solid var(--line);white-space:nowrap}.menu-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:white;color:var(--navy);padding:.6rem .9rem;font:inherit}.hero{position:relative;isolation:isolate;min-height:540px;display:flex;align-items:center;padding:clamp(2rem,6vw,5.5rem);background:var(--navy);overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,43,67,.83) 0%,rgba(9,43,67,.60) 45%,rgba(9,43,67,.12) 100%),url('../images/banner_abendstimmung_2000px-474px.jpg') center/cover no-repeat;z-index:-1}.hero-copy{max-width:820px;color:white}.hero h1,.hero h2{color:white}.hero .eyebrow{color:#f9d99b}.hero .lead{font-size:clamp(1.1rem,2vw,1.35rem);max-width:750px;color:#f4fbff}.hero .quiet{font-size:.92rem;color:#e3f2f9;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:#31769b;margin:0 0 .9rem}.lead{font-size:1.22rem;line-height:1.65;color:#3c5a6d;max-width:850px}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.7rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.25rem;border-radius:999px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.primary{background:var(--sun);color:#19384b}.secondary{border-color:rgba(255,255,255,.7);color:white;background:rgba(255,255,255,.08)}.button.light{background:white;color:var(--navy)}.button.navy{background:var(--navy);color:white}.section{padding:clamp(3rem,6vw,5.5rem) clamp(1rem,5vw,5rem)}.section-heading{max-width:850px;margin:0 auto 2rem;text-align:center}.intro-grid,.split,.video-preview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:start}.intro-grid{background:linear-gradient(135deg,#f5fbfe 0%,#e7f5fc 100%)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.topic-card,.note-card,.video-card,.group-card,.image-card{background:white;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;box-shadow:var(--shadow)}.topic-card{padding:1.5rem}.card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--sky);color:var(--navy);font-size:1.4rem}.text-link{font-weight:700;text-decoration:none}.quote-band{padding:clamp(3rem,6vw,5rem) 1.5rem;text-align:center;background:var(--navy);color:#eaf7fc}.quote-band blockquote{font:clamp(1.5rem,3vw,2.4rem)/1.5 var(--serif);max-width:900px;margin:1rem auto;color:white}.quote-band .eyebrow{color:var(--sun)}.quote-band p:last-child{color:#d0e9f5}.note-card{padding:1.6rem;background:#fff}.note-card ul{padding-left:1.25rem}.split{background:#eaf6fb}.video-preview{background:#f8fcfe}.photo{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--sky)}.photo-banner{width:100%;display:block;max-height:240px;object-fit:cover}.join-banner{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(2rem,5vw,4rem) clamp(1rem,5vw,5rem);background:linear-gradient(115deg,#164A70,#246c95);color:white}.join-banner h2{color:white}.join-banner p{color:#e3f3fa}.join-banner .eyebrow{color:var(--sun)}.article{max-width:1000px;margin:auto;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,4vw,2.5rem)}.article h1{font-size:clamp(2.2rem,4.5vw,3.7rem)}.article h2{margin-top:2.3rem}.article h3{margin-top:1.8rem}.article p,.article li{font-size:1.03rem}.article ul{padding-left:1.4rem}.article-cta{margin-top:3rem;padding:2rem;border-radius:1.2rem;background:var(--sky)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0}.video-card{display:flex;flex-direction:column}.video-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;overflow:hidden;background:var(--navy);cursor:pointer}.video-cover img{width:100%;height:100%;object-fit:cover;display:block}.video-cover:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(242,190,98,.95);color:var(--navy);font-size:1.45rem;box-shadow:0 5px 25px #092b4355}.video-frame{aspect-ratio:16/9;width:100%;border:0;background:#092b43}.video-info{padding:1.3rem}.video-info details{margin-top:1rem;border-top:1px solid var(--line);padding-top:.8rem}.video-info summary{cursor:pointer;font-weight:700;color:var(--navy)}.video-info details p,.video-info details li{font-size:.95rem}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.group-card{padding:1.3rem}.group-card .tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#31769b;background:var(--sky);border-radius:99px;padding:.2rem .6rem}.group-card h3{font-size:1.1rem}.group-card p{font-size:.95rem;color:var(--muted)}.group-note{padding:1rem 1.2rem;background:#fff8e8;border-left:4px solid var(--sun);border-radius:.5rem}.image-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.image-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.image-card figcaption{padding:.8rem 1rem;font-size:.9rem;color:var(--muted)}.lang-banner{background:var(--sky);padding:.65rem 1rem;text-align:center;font-size:.9rem}.site-footer{padding:2.4rem clamp(1rem,5vw,5rem);background:#0f3c5a;color:#d7ebf5}.footer-main{display:flex;align-items:center;gap:1rem;margin-bottom:1.3rem}.footer-main img{width:54px;height:54px;object-fit:contain;background:white;border-radius:50%;padding:4px}.footer-main strong{display:block;color:white;font-family:var(--serif)}.footer-main span{font-size:.86rem}.footer-links{display:flex;gap:.5rem 1rem;flex-wrap:wrap}.footer-links a{color:#e1f3fb;font-size:.9rem}.footer-note{font-size:.8rem;color:#b8d3e1;margin-top:1.5rem}.fineprint{font-size:.88rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:1000px){.site-header{flex-wrap:wrap}.nav-wrap{margin-left:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:500px}}@media(max-width:760px){.site-header{padding:.65rem 1rem}.brand img{width:44px;height:44px}.menu-toggle{display:block}.nav-wrap{width:100%;display:none;align-items:flex-start;flex-direction:column}.nav-wrap.open{display:flex}nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}nav a{text-align:center}.lang-switch{align-self:flex-start}.hero{min-height:600px;padding:2.3rem 1.2rem}.hero:before{background:linear-gradient(90deg,rgba(9,43,67,.82),rgba(9,43,67,.48)),url('../images/banner_abendstimmung_2000px-474px.jpg') center/cover no-repeat}.intro-grid,.split,.video-preview{grid-template-columns:1fr}.cards,.video-grid,.group-grid,.image-gallery{grid-template-columns:1fr}.join-banner{align-items:flex-start;flex-direction:column}.section{padding:3rem 1.1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}