:root{--ink:#153e49;--teal:#168f9b;--sun:#ffbf59;--muted:#58717a;--line:#dce6e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f7f9f8;color:var(--ink);font:15px/1.65 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:5}header{max-width:1280px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}header img{display:block;width:220px;height:auto}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a{text-decoration:none}main{max-width:1280px;margin:auto;padding:0 40px}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.05;letter-spacing:-1.8px}h2{font-size:clamp(28px,3vw,40px);font-weight:730;margin-bottom:26px}h3{font-size:17px;line-height:1.4;margin-bottom:12px}p{margin-bottom:18px}figure{margin:0}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;gap:35px;padding:56px 45px 70px;min-height:560px;border-radius:8px 8px 48px 8px;background:radial-gradient(ellipse at 75% 25%,#247c8590,transparent 55%),linear-gradient(125deg,#102f39,#174d58);color:white;overflow:hidden}.hero:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #a7d8d51c;border-radius:50%;right:-170px;top:-200px;z-index:-1}.hero-copy{align-self:center;z-index:2}.eyebrow,.section-index{display:block;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow{color:#afd2d4}.hero h1{font-size:clamp(42px,5.8vw,74px);font-weight:780;line-height:1.02;letter-spacing:-3px;margin:27px 0}.hero h1 span:last-child{color:var(--sun)}.hero-copy>p{color:#d0e3e4;max-width:340px;font-size:16px}.keyfacts{display:flex;flex-wrap:wrap;gap:9px 18px;font-size:12px;color:#fff;margin:24px 0 8px}.school-time{font-size:12px!important;color:#a9c9cd!important;max-width:360px!important}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:12px;font-weight:650}.hero-actions a{text-decoration:none}.primary{padding:13px 18px;background:var(--sun);color:var(--ink);border-radius:7px}.studio-photo{align-self:center;height:360px;transform:rotate(3deg);border:5px solid #ffffffd9;border-radius:18px;overflow:hidden;box-shadow:0 30px 65px #001c3655;position:relative}.studio-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center;display:block}.studio-photo figcaption{position:absolute;top:10px;right:10px;padding:3px 7px;font-size:9px;background:#153e49b3;border-radius:4px}.studio-preview{position:absolute;right:45px;bottom:25px;width:265px;background:#f7fbfa;color:var(--ink);padding:18px 20px;transform:rotate(-4deg);border:1px solid #fff;border-radius:12px;box-shadow:0 18px 40px #001b3733;z-index:3}.preview-top{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:10px}.studio-preview>strong{font-size:16px}.project-row{display:flex;gap:10px;align-items:center;border-top:1px solid #dde8e7;padding-top:7px;margin-top:7px;font-size:10px}.project-row>span{color:var(--teal);font-size:9px}.project-row b{margin-left:auto;color:var(--teal)}.panel{padding:60px 0}.overview{padding:36px 5px;border-bottom:1px solid var(--line)}.facts,.roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.fact-icon svg{width:25px;height:25px;stroke:var(--teal)}.fact-icon{margin-bottom:10px}.facts strong,.facts span{display:block}.facts strong{font-size:13px}.facts span{font-size:11px;color:var(--muted);margin-top:4px}.section-index{color:var(--teal);margin-bottom:16px}.roles{gap:0;margin:36px 0 26px}.roles>div{padding:0 24px;border-left:1px solid #cddfe0}.roles>div:first-child{padding-left:0;border:0}.roles strong,.roles span{display:block}.role-number{font-size:9px!important;font-weight:750;letter-spacing:.09em;color:var(--teal)!important;margin:0 0 16px!important}.roles strong{font-size:18px;line-height:1.3;margin-bottom:10px;max-width:170px}.roles span{font-size:12px;color:var(--muted);max-width:205px}.closing{font-size:13px;max-width:800px;color:var(--muted);margin-bottom:0}.journey{padding:38px;background:#e9f1f1;border-radius:22px}.section-head h2{margin-bottom:12px}.section-head>p{font-size:12px;color:var(--muted)}.journey-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:28px}.day-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.day-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;background:#ffffff70;color:var(--ink);border:1px solid transparent;border-radius:7px;cursor:pointer;min-height:64px}.day-choice span{font-size:12px;color:var(--teal);font-variant-numeric:tabular-nums}.day-choice strong{font-size:11px;line-height:1.4;font-weight:600}.day-choice:hover{background:white}.day-choice[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 7px 14px #153e4915}.day-choice[aria-pressed=true] span{color:var(--sun)}.day-stage{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:350px;background:linear-gradient(135deg,#fff,#f7faf9);padding:32px;border-radius:14px;border:1px solid white}.day-detail[hidden]{display:none}.day-detail .eyebrow{color:var(--teal);margin-bottom:40px}.day-detail h3{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.12}.day-detail p{font-size:15px;color:var(--muted)}.stage-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}.footnote{font-size:10px;color:var(--muted);margin:20px 0 0}.result{font-size:12px;color:var(--muted);margin:22px 0 0}.result strong{color:var(--ink)}.team-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px}.team-photo img{display:block;width:100%;height:auto;border-radius:8px 32px 8px 8px}.team-photo figcaption{font-size:10px;color:var(--muted);margin-top:10px}.support p{font-size:13px;color:var(--muted)}.support h3{font-size:14px;margin-top:22px}.support h2{font-size:35px}.parent-heading{padding:40px 0 10px;border-top:1px solid var(--line)}.parent-evening{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:30px;background:#ffedd0;border-radius:12px}.parent-evening h2{font-size:24px;letter-spacing:-.6px;margin:13px 0}.parent-evening p{font-size:13px;margin:0}.parent-evening .eyebrow{color:#7f6b48;font-size:9px}.evening-date time{font-size:24px;letter-spacing:-.5px;font-weight:750;display:block}.evening-date strong{display:block;font-size:15px;margin-top:4px}.evening-date p{font-size:11px;margin-top:12px;color:var(--muted)}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.preparation{padding-bottom:32px}.preparation h2,.questions h2{font-size:27px;letter-spacing:-.8px}.preparation p{font-size:13px;color:var(--muted)}.plain-checks{list-style:none;padding:0;font-size:13px;margin:0 0 18px}.plain-checks li{padding-left:24px;position:relative;margin:8px 0}.plain-checks li:before{content:'✓';position:absolute;left:0;color:var(--teal)}.questions{padding:15px 0 50px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;padding:17px 0;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--teal)}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);max-width:850px}.registration{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;background:var(--ink);color:white;padding:36px;border-radius:12px;margin-bottom:45px}.registration h2{font-size:32px}.registration p{font-size:13px;color:#d5e5e7}.registration .deadline{color:var(--sun);font-weight:700}.pending{border:1px dashed #6c929a;border-radius:5px;padding:12px;font-size:11px!important}.registration aside{align-self:center;border-left:1px solid #496a73;padding-left:25px}.registration aside a{display:block;font-size:13px;margin:8px 0;overflow-wrap:anywhere}.text-link{font-size:12px}.registration aside h3{font-size:15px}footer{max-width:1280px;padding:25px 40px 35px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:10px}footer strong,footer div span{display:block}footer strong{font-size:12px;color:var(--ink);margin-bottom:5px}@media(max-width:900px){header{padding:24px}main{padding:0 24px}.hero{padding:35px 30px 70px;gap:20px;min-height:510px}.hero h1{font-size:53px}.studio-photo{height:320px}.studio-preview{right:30px;bottom:20px;width:230px}.hero-copy>p{font-size:14px}.hero-actions{gap:12px;font-size:11px}.team-layout{gap:28px}.journey{padding:28px}.journey-layout{gap:18px}.day-stage{padding:24px}.day-detail h3{font-size:28px}.roles>div{padding:0 16px}.roles strong{font-size:16px}}@media(max-width:650px){header{flex-wrap:wrap;gap:20px;padding:22px 20px}header img{width:205px}nav{font-size:12px;gap:25px}main{padding:0 16px}.hero{display:block;padding:30px 25px 100px;border-radius:8px 8px 30px 8px}.hero h1{font-size:clamp(40px,10.5vw,64px);letter-spacing:-2px;margin:22px 0}.hero-copy>p{max-width:none}.hero-actions{margin:24px 0 30px;font-size:12px}.studio-photo{height:260px;margin:0 8px;transform:rotate(2deg)}.studio-preview{width:220px;right:20px;bottom:20px}.facts,.roles{grid-template-columns:1fr 1fr;gap:25px 20px}.facts span{font-size:11px}.panel{padding:38px 4px}.overview{padding:28px 5px}.roles{margin-top:26px}.roles>div{padding:0 0 0 14px;border-left:2px solid #b9d7d9}.roles>div:first-child{padding-left:14px;border-left:2px solid #b9d7d9}.roles strong{font-size:16px}.role-number{font-size:8px!important;margin-bottom:10px!important}.journey{padding:25px 18px}.journey-layout,.team-layout,.support-grid,.parent-evening,.registration{grid-template-columns:1fr;gap:24px}.day-list{grid-template-columns:repeat(5,1fr);gap:6px}.day-choice{display:block;text-align:center;padding:10px 4px;min-height:44px}.day-choice strong{display:none}.day-choice span{font-size:13px}.day-stage{min-height:270px;padding:24px}.day-detail .eyebrow{margin-bottom:25px}.day-detail h3{font-size:28px}.day-detail p{font-size:14px}.team-layout>div{order:-1}.support h2{font-size:31px}.parent-heading{padding:30px 4px 5px}.parent-heading h2{font-size:29px}.parent-evening{padding:26px 22px}.preparation{padding-bottom:20px}.questions{padding-top:15px}.registration{padding:28px 24px;margin-bottom:30px}.registration aside{border-left:0;border-top:1px solid #496a73;padding:22px 0 0}footer{padding:24px 20px;flex-direction:column;gap:15px}.footnote{font-size:9px}.hero .keyfacts{gap:8px 14px}.parent-evening h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white}.hero,.registration{background:#f0f5f5;color:var(--ink)}.hero-copy>p,.registration p{color:var(--ink)}.studio-preview,nav,.skip,.hero-actions{display:none}.studio-photo{transform:none}.day-list{display:none}.journey-layout{display:block}.day-detail[hidden]{display:block}.day-detail{margin-bottom:25px}.day-detail .eyebrow{margin-bottom:10px}.day-stage{display:block}.stage-bottom{display:none}details p{display:block}.panel{break-inside:avoid}}

/* Rückmeldungen zum Einstieg: drei Fakten und echtes Teamfoto. */
.hero{min-height:620px;padding-bottom:75px}.hero-copy>p{max-width:440px;font-size:14px;line-height:1.8}.keyfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0 0;max-width:440px}.keyfacts>div{padding:14px 11px;background:linear-gradient(135deg,#ffffff18,#ffffff09);border:1px solid #ffffff25;border-radius:10px;min-width:0}.keyfacts strong{display:block;color:#ffcf82;font-size:16px;line-height:1.3;letter-spacing:-.3px}.keyfacts span{display:block;font-size:10px;font-weight:400;color:#c6dfe1;margin-top:5px}.hero-team{position:absolute;right:35px;bottom:30px;width:280px;transform:rotate(-5deg);padding:6px;background:white;border-radius:12px;box-shadow:0 18px 40px #001b3744;z-index:3}.hero-team img{display:block;width:100%;height:auto;border-radius:7px}.hero-team figcaption{color:var(--ink);font-size:10px;font-weight:600;padding:7px 6px 3px}.hero .studio-photo{align-self:start;margin-top:45px}.hero-actions{margin-top:25px}@media(max-width:900px){.hero{min-height:640px;padding-bottom:50px}.hero-team{width:235px;right:25px;bottom:45px}.keyfacts strong{font-size:13px}.keyfacts>div{padding:12px 8px}.hero-copy>p{font-size:13px}.hero .studio-photo{margin-top:60px;height:300px}}@media(max-width:650px){.hero{min-height:0;padding-bottom:135px}.hero-copy>p{font-size:14px;max-width:none}.keyfacts{max-width:none;gap:8px}.keyfacts strong{font-size:14px}.keyfacts span{font-size:9px}.hero .studio-photo{margin-top:30px;height:260px}.hero-team{width:220px;right:25px;bottom:22px}.hero-actions{margin-bottom:0}}@media print{.hero-team{position:static;transform:none;width:220px}.keyfacts strong,.keyfacts span{color:var(--ink)}}

/* Freigestellte 3D-Illustration für digitale Begleitung. */
.hero-headset{position:absolute;right:35px;bottom:25px;width:210px;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 12px 14px #05263045);transform:rotate(-8deg)}@media(max-width:900px){.hero-headset{width:185px;right:25px;bottom:40px}}@media(max-width:650px){.hero{padding-bottom:105px}.hero-headset{width:175px;right:24px;bottom:15px}}@media print{.hero-headset{display:none}}

.keyfacts span{margin:0 0 6px}.keyfacts strong{margin:0}

/* Headset näher an die untere rechte Fotoecke rücken. */
.hero-headset{width:185px;right:65px;bottom:75px;transform:rotate(-4deg)}@media(max-width:900px){.hero-headset{width:165px;right:45px;bottom:85px}}@media(max-width:650px){.hero-headset{width:155px;right:40px;bottom:55px}}

/* Headset verbindet die Überschrift mit der oberen linken Fotoecke. */
.hero-visual{position:relative;align-self:start;min-width:0;margin-top:45px}.hero .hero-visual .studio-photo{margin-top:0}.hero-visual .hero-headset{width:235px;left:-100px;top:-38px;right:auto;bottom:auto;transform:rotate(-8deg);z-index:3}@media(max-width:900px){.hero-visual{margin-top:60px}.hero-visual .hero-headset{width:200px;left:-65px;top:-55px}}@media(max-width:650px){.hero-visual{margin-top:65px}.hero .hero-visual .studio-photo{margin-top:0}.hero-visual .hero-headset{width:185px;left:-20px;top:-65px}.hero{padding-bottom:40px}}

/* Fotokomposition etwas tiefer im Einstieg positionieren. */
.hero-visual{margin-top:80px}@media(max-width:900px){.hero-visual{margin-top:90px}}@media(max-width:650px){.hero-visual{margin-top:85px}}

/* Hero: ausgewogene Text- und Bildkomposition statt einzelner Positionskorrekturen. */
.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:64px;padding:56px 48px 62px;min-height:640px;overflow:hidden}
.hero-copy{align-self:center;min-width:0}.hero h1{font-size:clamp(42px,5vw,66px);letter-spacing:-2.5px;margin:25px 0 26px}.hero-copy>p{max-width:440px;font-size:14px;line-height:1.8}
.hero-visual{position:relative;align-self:center;min-width:0;margin:0;padding:0 0 64px}
.hero .hero-visual .studio-photo{margin:0;height:410px;transform:rotate(2deg);border:4px solid #e6f0ee;border-radius:20px;box-shadow:0 24px 50px #001b3640}
.studio-photo img{object-position:60% center}.studio-photo figcaption{top:12px;right:12px;font-size:9px}
.hero-visual .hero-headset{width:205px;left:-48px;top:auto;bottom:0;right:auto;transform:rotate(-9deg);filter:drop-shadow(0 12px 14px #05263045)}
.hero .keyfacts{max-width:440px;gap:10px}.hero-actions{margin-top:26px}
@media(min-width:1100px){.hero-visual:before{content:"";position:absolute;inset:30px -30px 75px 25px;border:1px solid #a3d3d326;border-radius:26px;transform:rotate(-5deg);pointer-events:none}}
@media(max-width:1000px) and (min-width:651px){.hero{gap:35px;padding:40px 30px 46px;min-height:600px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero .hero-visual .studio-photo{height:360px}.hero-visual{margin:0;padding-bottom:55px}.hero-visual .hero-headset{width:175px;left:-30px;bottom:0;top:auto}.hero .keyfacts{gap:6px}.keyfacts strong{font-size:13px}}
@media(max-width:650px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding:30px 25px 26px;min-height:0;border-radius:8px 8px 30px 8px}.hero h1{font-size:clamp(40px,10.5vw,60px);letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-visual{align-self:stretch;margin:0;padding:0 6px 48px 12px}.hero .hero-visual .studio-photo{height:275px;transform:rotate(2deg);margin:0}.hero-visual .hero-headset{width:150px;left:-9px;bottom:0;top:auto;right:auto;transform:rotate(-9deg)}.hero-actions{margin-bottom:0}.hero .keyfacts{gap:8px}.keyfacts strong{font-size:14px}}
@media print{.hero .hero-visual .studio-photo{transform:none;box-shadow:none}.hero-visual{padding-bottom:0}.hero-visual:before{display:none}}

/* Sichtbare zweite Bildebene und etwas größeres Headset. */
.hero-visual{isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:16px -16px 80px 18px;background:linear-gradient(135deg,#40969e55,#67bec035);border:2px solid #79c3c685;border-radius:22px;transform:rotate(-5deg);z-index:-1;pointer-events:none}.hero-visual .hero-headset{width:226px}
@media(max-width:1000px) and (min-width:651px){.hero-visual .hero-headset{width:193px}.hero-visual:before{inset:14px -12px 68px 16px}}
@media(max-width:650px){.hero-visual .hero-headset{width:165px}.hero-visual:before{inset:12px -3px 60px 24px;border-radius:18px}}
@media print{.hero-visual:before{display:none}}

/* Dezente Zeichen statt einer zweiten rechteckigen Bildebene. */
.hero-visual:before{display:none!important}.visual-symbol{position:absolute;pointer-events:none;color:#65c6cd;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;z-index:0;opacity:.55}.symbol-code{width:74px;right:4px;top:-61px;transform:rotate(9deg)}.symbol-cursor{width:47px;left:-48px;top:105px;transform:rotate(-14deg);opacity:.4}.symbol-connect{width:85px;right:12px;bottom:9px;transform:rotate(-8deg);opacity:.5}.hero .hero-visual .studio-photo{position:relative;z-index:1}
@media(max-width:1000px) and (min-width:651px){.symbol-code{width:59px;top:-48px}.symbol-cursor{width:34px;left:-31px;top:95px}.symbol-connect{width:70px;bottom:5px}}
@media(max-width:650px){.symbol-code{width:47px;top:-36px;right:15px}.symbol-cursor{width:30px;left:-15px;top:80px}.symbol-connect{width:65px;right:15px;bottom:1px}}
@media print{.visual-symbol{display:none}}

/* Einzeln skalierbare generierte 3D-Assets. */
.visual-symbol{height:auto;object-fit:contain;opacity:.8;filter:drop-shadow(0 5px 9px #05263020)}.symbol-code{width:100px;top:-65px}.symbol-cursor{width:58px;left:-53px}.symbol-connect{width:95px;bottom:5px}.hero-bubble{position:absolute;width:85px;height:auto;left:125px;bottom:145px;z-index:4;pointer-events:none;transform:rotate(8deg);filter:drop-shadow(0 6px 9px #05263030)}
@media(max-width:1000px) and (min-width:651px){.hero-bubble{width:72px;left:115px;bottom:125px}.symbol-code{width:80px;top:-52px}.symbol-cursor{width:42px;left:-34px}.symbol-connect{width:80px}}
@media(max-width:650px){.hero-bubble{width:65px;left:110px;bottom:105px}.symbol-code{width:67px;top:-43px}.symbol-cursor{width:38px;left:-20px}.symbol-connect{width:75px}}
@media print{.hero-bubble{display:none}}

/* Hintergrundsymbole neu verteilen und Fotokontur reduzieren. */
.hero .hero-visual .studio-photo{border-width:2px}
.symbol-code{width:115px;top:-72px}
.symbol-cursor{width:74px;left:auto;right:0;top:auto;bottom:5px;transform:rotate(-12deg)}
.symbol-connect{width:110px;left:-68px;right:auto;top:100px;bottom:auto;transform:rotate(-8deg)}
@media(max-width:1000px) and (min-width:651px){.symbol-code{width:92px;top:-58px}.symbol-cursor{width:57px;left:auto;right:0;top:auto;bottom:3px}.symbol-connect{width:85px;left:-48px;right:auto;top:95px;bottom:auto}}
@media(max-width:650px){.symbol-code{width:77px;top:-48px}.symbol-cursor{width:51px;left:auto;right:12px;top:auto;bottom:0}.symbol-connect{width:65px;left:-26px;right:auto;top:80px;bottom:auto}}

/* Mauszeiger auf das Foto legen, Headset links größer hervorheben. */
.symbol-cursor{z-index:4;bottom:68px;right:12px;opacity:1}
.hero-visual .hero-headset{width:250px;left:-73px}
@media(max-width:1000px) and (min-width:651px){.symbol-cursor{bottom:60px;right:10px}.hero-visual .hero-headset{width:213px;left:-55px}}
@media(max-width:650px){.symbol-cursor{bottom:54px;right:18px}.hero-visual .hero-headset{width:182px;left:-34px}}

/* Reduzierter Einstieg: Foto mit einem einzelnen Headset-Akzent. */
.hero .hero-visual .studio-photo{transform:rotate(0.5deg)}
.hero-visual .hero-headset{width:226px;left:-38px;bottom:0;transform:rotate(-5deg)}
@media(max-width:1000px) and (min-width:651px){.hero-visual .hero-headset{width:193px;left:-25px}}
@media(max-width:650px){.hero-visual .hero-headset{width:165px;left:-8px}}
@media print{.hero .hero-visual .studio-photo{transform:none}}

/* Kein dekorativer Kreis im Hero-Hintergrund. */
.hero:before{display:none}

.hero .hero-visual .studio-photo{transform:none}

/* Flache, zurückhaltende Akzente nur an den freien Hero-Rändern. */
.hero-pattern{position:absolute;inset:0;width:100%;height:100%;color:#81cbd0;opacity:.22;pointer-events:none;z-index:-1}.hero-pattern path{vector-effect:non-scaling-stroke}
@media(max-width:650px){.hero-pattern{opacity:.15}}
@media print{.hero-pattern{display:none}}

/* Wiederkehrendes Muster rund um das Foto, mit weichem Auslauf. */
.photo-pattern{position:absolute;left:-48px;top:-46px;width:calc(100% + 96px);height:calc(100% + 52px);color:#83cbd0;opacity:.27;z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse at 54% 45%,#000 52%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse at 54% 45%,#000 52%,transparent 77%)}
@media(max-width:650px){.photo-pattern{left:-25px;top:-30px;width:calc(100% + 50px);height:calc(100% + 45px);opacity:.23}}
@media print{.photo-pattern{display:none}}

.photo-pattern{object-fit:cover;opacity:.24}.hero-actions .primary{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:16px 23px;min-height:54px;font-size:15px;border-radius:8px}.primary svg{width:21px;height:21px;flex:0 0 21px}@media(max-width:650px){.photo-pattern{opacity:.2}.hero-actions .primary{font-size:14px;padding:15px 21px}}

/* Weißer Sticky-Header und dezent gerundete Navigation. */
html{scroll-padding-top:110px}header{position:sticky;top:0;z-index:50;max-width:none;width:100%;background:#fff;margin:0;padding:20px max(40px,calc((100% - 1200px)/2));border-bottom:1px solid #e5ecec;box-shadow:0 4px 18px #153e4906}nav{gap:10px;font-size:15px}nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;min-height:44px;border-radius:24px;background:#f3f7f7;border:1px solid #e5eeee;transition:background .15s}nav a:hover{background:#e5f0f0}main{padding-top:32px}.hero h1{margin-top:0}.image-credit{flex-basis:100%;font-size:10px;color:var(--muted)}footer{flex-wrap:wrap}
/* Kleinteiliges generiertes Muster, vollständig weich ausgeblendet. */
.photo-pattern{left:-38px;top:-40px;width:calc(100% + 76px);height:calc(100% + 54px);background-image:url('assets/tech-pattern.png');background-size:260px 260px;background-repeat:repeat;opacity:.22;mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 55%,#0009 73%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 55%,#0009 73%,transparent 100%)}
@media(max-width:900px){header{padding:18px 24px}nav{font-size:14px}nav a{padding:9px 14px}}
@media(max-width:650px){header{padding:14px 20px;gap:13px}header img{width:195px}nav{width:100%;gap:8px;font-size:12px}nav a{flex:1;padding:7px 10px;min-height:38px}html{scroll-padding-top:145px}main{padding-top:22px}.photo-pattern{left:-20px;top:-28px;width:calc(100% + 40px);height:calc(100% + 42px);background-size:200px 200px;opacity:.2}}
@media print{header{position:static;box-shadow:none}.photo-pattern{display:none}}

/* Schlankere Navigation mit sanftem Farbverlauf. */
header nav a{min-height:36px;padding:6px 17px;background:linear-gradient(135deg,#ffffff 0%,#eef7f7 60%,#e1f0f0 100%);border:1px solid #d5e7e8;box-shadow:inset 0 1px 0 #fff,0 2px 5px #153e4905;font-weight:550;line-height:1.4;transition:background .18s,border-color .18s,box-shadow .18s}header nav a:hover{background:linear-gradient(135deg,#f9ffff,#d6ecee);border-color:#a6cfd3;box-shadow:0 3px 9px #153e4910}
@media(max-width:650px){header nav a{min-height:32px;padding:5px 12px}}
@media(prefers-reduced-motion:reduce){header nav a{transition:none}}

/* Muster über die freie rechte Hero-Fläche statt nur um das Foto verteilen. */
.hero>.photo-pattern{left:44%;right:0;top:8px;bottom:8px;width:auto;height:auto;opacity:.34;background-size:260px 260px;z-index:-1;mask-image:linear-gradient(to right,transparent 0%,#000 17%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 17%,#000 96%,transparent 100%)}
.hero>.photo-pattern:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#174651 0%,transparent 12%,transparent 88%,#174651 100%);pointer-events:none}
@supports(mask-composite:intersect){.hero>.photo-pattern{mask-image:linear-gradient(to right,transparent,#000 17%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}.hero>.photo-pattern:after{display:none}}
@media(max-width:650px){.hero>.photo-pattern{left:0;right:0;top:51%;bottom:0;background-size:200px 200px;opacity:.29}}

.hero>.photo-pattern{opacity:.24}@media(max-width:650px){.hero>.photo-pattern{opacity:.21}}

.hero>.photo-pattern{opacity:.15}@media(max-width:650px){.hero>.photo-pattern{opacity:.15}}

.keyfacts>div:nth-child(2) strong{overflow-wrap:anywhere;hyphens:auto}

/* Fünf Tätigkeitsfelder mit lesbaren Beschreibungen und Berufsbezug. */
.career-areas{margin-top:32px}.career-area{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.65fr);gap:44px;padding:30px 0;border-top:1px solid var(--line)}.career-title{display:flex;align-items:flex-start;gap:17px}.career-number{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,#e0f1f0,#f0f7f6);color:var(--teal);font-size:13px;font-weight:750}.career-title h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:6px 0 0}.career-content>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 20px;max-width:720px}.career-content>.career-note{font-size:12px;margin:-6px 0 18px}.career-label{display:block;font-size:10px;font-weight:650;color:var(--muted);margin-bottom:9px}.career-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.career-tags li{font-size:11px;line-height:1.5;padding:7px 12px;border:1px solid #d2e5e5;border-radius:18px;background:#eaf4f3;color:var(--ink)}
@media(max-width:800px){.career-area{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:25px}.career-title h3{font-size:18px}.career-title{gap:12px}}
@media(max-width:650px){.career-area{grid-template-columns:1fr;gap:18px;padding:26px 0}.career-title{align-items:center;gap:14px}.career-title h3{margin:0;font-size:20px}.career-content>p{font-size:14px}.career-tags li{max-width:100%;font-size:11px}.career-areas{margin-top:24px}}

/* Breitere Faktenzeile mit ausreichend Platz für den Praktikumszeitraum. */
.hero .keyfacts{max-width:490px;width:100%;grid-template-columns:minmax(0,1fr) minmax(156px,1.35fr) minmax(0,1fr);gap:9px}.hero .keyfacts>div{padding:13px 10px}.hero .keyfacts strong{font-size:14px;line-height:1.4}.hero .keyfacts span{font-size:9px}.hero .keyfacts>div:nth-child(2) strong{hyphens:none;overflow-wrap:normal;word-break:normal}
@media(max-width:1000px) and (min-width:651px){.hero .keyfacts{grid-template-columns:minmax(0,1fr) minmax(144px,1.4fr);gap:8px}.hero .keyfacts>div:last-child{grid-column:1 / -1}.hero .keyfacts strong{font-size:13px}}
@media(max-width:650px){.hero .keyfacts{grid-template-columns:minmax(0,1fr) minmax(144px,1.35fr);gap:8px}.hero .keyfacts>div:last-child{grid-column:1 / -1}.hero .keyfacts strong{font-size:13px}}

/* Offene Faktenliste mit flachen Linienicons. */
.hero-facts{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:15px;max-width:460px}.hero-facts li{display:flex;align-items:center;gap:13px;margin:0;padding:0}.hero-facts svg{width:27px;height:27px;flex:0 0 27px;color:#87cdd1}.hero-facts strong{font-size:14px;line-height:1.5;font-weight:650;color:#ffcf82}.hero-facts+ .hero-actions{margin-top:27px}
@media(max-width:650px){.hero-facts{gap:13px;margin-top:23px}.hero-facts strong{font-size:13px}.hero-facts svg{width:25px;height:25px;flex-basis:25px}.hero-facts li{gap:12px}}
@media print{.hero-facts strong{color:var(--ink)}}

/* Vier kleine Akzente: Marker, Faktenspur, Button-Feedback und warmes Licht. */
.hero h1 span:last-child{position:relative;display:inline-block;padding-bottom:9px}
.hero h1 span:last-child:after{content:"";position:absolute;left:45%;bottom:0;width:42%;height:7px;border-bottom:3px solid #ffcf82;border-radius:0 0 65% 40%;transform:rotate(-2deg);opacity:.85;pointer-events:none}
.hero-facts li{position:relative}
.hero-facts li:not(:last-child):after{content:"";position:absolute;left:13px;top:calc(100% + 2px);height:11px;width:1px;background:linear-gradient(#87cdd16b,#87cdd136);pointer-events:none}
.hero-actions .primary{background:linear-gradient(120deg,#ffc15b,#ffd181);box-shadow:0 5px 12px #041f2515;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.hero-actions .primary svg{transition:transform .18s ease;transform-origin:center}
@media(hover:hover){.hero-actions .primary:hover{transform:translateY(-2px);filter:brightness(1.045);box-shadow:0 9px 20px #041f252b}.hero-actions .primary:hover svg{transform:rotate(-7deg)}}
.hero-actions .primary:active{transform:translateY(0)}
.headset-glow{position:absolute;left:-60px;bottom:-18px;width:265px;height:225px;background:radial-gradient(ellipse,#ffc35a22 0%,#ffc35a0d 38%,transparent 71%);filter:blur(15px);pointer-events:none;z-index:2}
@media(max-width:1000px) and (min-width:651px){.headset-glow{left:-45px;bottom:-14px;width:230px;height:195px}}
@media(max-width:650px){.hero h1 span:last-child:after{height:5px;border-bottom-width:2px}.hero-facts li:not(:last-child):after{left:12px;height:9px}.headset-glow{left:-24px;bottom:-12px;width:195px;height:170px}}
@media(prefers-reduced-motion:reduce){.hero-actions .primary,.hero-actions .primary svg{transition:none}.hero-actions .primary:hover,.hero-actions .primary:hover svg{transform:none}}
@media print{.headset-glow{display:none}}

/* Überschrift ohne Marker, deutlicherer weicher Lichtschein. */
.hero h1 span:last-child{padding-bottom:0}.hero h1 span:last-child:after{display:none}
.headset-glow{background:radial-gradient(ellipse,#ffc35a48 0%,#ffc35a24 38%,#ffc35a09 57%,transparent 74%);filter:blur(17px)}

/* Berufstickets mit gelbem Seitenstreifen. */
.career-tags{gap:10px;align-items:stretch}.career-tags li{position:relative;border:1px solid #dce8e8;border-left:5px solid #ffbf59;border-radius:7px;background:linear-gradient(115deg,#fff,#f0f7f6);padding:12px 16px;font-size:12px;font-weight:600;line-height:1.5;max-width:340px;box-shadow:0 3px 9px #153e4905}.career-label{font-size:11px;margin-bottom:11px;font-weight:600}.career-tags li:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;border-left:1px dashed #d7e4e3;pointer-events:none}
@media(max-width:650px){.career-tags li{font-size:12px;padding:11px 15px;max-width:100%}}

/* Zwei Wochenfelder mit offen lesbaren Tagesstationen. */
.career-label{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;line-height:1.4;color:var(--ink);margin:24px 0 13px}.career-label svg{width:21px;height:21px;flex:0 0 21px;color:var(--teal)}
.journey{padding:0;background:none;border-radius:0}.journey>h2{margin-bottom:30px}.week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.week-card{padding:28px 30px 32px;border:1px solid #d9e8e7;border-radius:12px 12px 36px 12px;background:linear-gradient(145deg,#edf7f5,#f5f9f8);overflow:hidden}.week-card:nth-child(2){background:linear-gradient(145deg,#fff6e6,#fbf9f4);border-color:#eee4d2}.week-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:116px;padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid #153e4917}.week-heading h3{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:0 0 9px}.week-heading p{font-size:14px;margin:0;color:var(--muted)}.week-heading img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 10px #153e4910)}.week-days{list-style:none;padding:0;margin:0;display:grid;gap:24px}.week-days li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:15px;min-height:80px}.week-days li:not(:last-child):before{content:"";position:absolute;left:17px;top:36px;bottom:-24px;width:1px;background:#a9cecf}.week-day-number{position:relative;display:grid;place-items:center;align-self:start;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#ffcf82;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.week-days h4{font-size:17px;line-height:1.35;margin:5px 0 6px;letter-spacing:-.2px}.week-days p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.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:800px){.week-card{padding:22px}.week-grid{gap:18px}.week-heading img{width:85px;height:85px}.week-heading h3{font-size:27px}.week-days li{gap:12px;min-height:100px}}
@media(max-width:650px){.journey{padding:0}.week-grid{grid-template-columns:1fr}.week-heading{min-height:95px;margin-bottom:22px}.week-days li{min-height:0}.week-days{gap:23px}.week-days li:not(:last-child):before{bottom:-23px}.career-label{font-size:14px}.week-days h4{font-size:16px}}

/* Deutlichere Wochenflächen und prägnante Zeitangaben. */
.week-card{background:linear-gradient(135deg,#cce8e5,#e0eeeb);border-color:#b9d9d5}.week-card:nth-child(2){background:linear-gradient(135deg,#ffe0a9,#f9eacc);border-color:#ecd09e}.week-heading{min-height:140px;border-bottom-color:#153e4926}.week-heading h3{display:flex;align-items:center;gap:13px;font-size:25px;margin-bottom:12px}.week-heading-number{display:inline-grid;place-items:center;min-width:58px;height:58px;padding:0 8px;border-radius:15px 15px 22px 15px;background:var(--ink);color:#ffcf82;font-size:34px;letter-spacing:-1.5px;box-shadow:0 5px 12px #153e4910}.week-heading .week-hours{font-size:12px;line-height:1.65;color:var(--ink)}.week-hours strong{font-size:15px;font-weight:700}.week-heading img{width:120px;height:120px}.week-days li:not(:last-child):before{background:#153e4933}
@media(max-width:800px){.week-heading{gap:10px}.week-heading h3{font-size:22px;gap:10px}.week-heading-number{min-width:50px;height:50px;font-size:30px}.week-heading img{width:85px;height:85px}}
@media(max-width:650px){.week-heading{min-height:130px}.week-heading img{width:105px;height:105px}}

.week-days li{grid-template-columns:46px minmax(0,1fr)}.week-day-number{width:46px;height:46px;display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.1}.day-word{font-size:9px;font-weight:500;color:#d0e3e4}.week-days li:not(:last-child):before{left:22px;top:46px}

.week-heading img{width:210px;height:145px;object-fit:contain;max-width:48%}@media(max-width:800px){.week-heading img{width:150px;height:120px}}@media(max-width:650px){.week-heading img{width:175px;height:130px}}

/* Zurückhaltende Zwischenüberschrift ohne Icon. */
.career-label{display:block;font-size:13px;font-weight:650;margin:22px 0 11px}

/* Gemeinsames Arbeiten als kompakter Hero-Cluster. */
.hero-visual .hero-headset{width:280px;height:auto;left:-38px;bottom:0;transform:none}@media(max-width:1000px) and (min-width:651px){.hero-visual .hero-headset{width:240px;left:-25px}}@media(max-width:650px){.hero-visual .hero-headset{width:205px;left:-8px}}

/* Lichtschein um die vollständigen Icon-Cluster. */
.headset-glow{left:-65px;bottom:-28px;width:345px;height:275px;background:radial-gradient(ellipse,#ffc35a50 0%,#ffc35a28 40%,#ffc35a0d 60%,transparent 75%);filter:blur(19px)}
.week-art{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:210px;max-width:48%;flex-shrink:0}.week-art:before{content:"";position:absolute;inset:-14px -12px;z-index:-1;background:radial-gradient(ellipse,#fff9dfb3 0%,#ffca6555 40%,transparent 74%);filter:blur(12px);pointer-events:none}.week-card:nth-child(2) .week-art:before{background:radial-gradient(ellipse,#ffffffc2 0%,#8bd9d66b 40%,transparent 74%)}.week-heading .week-art img{width:100%;height:auto;max-width:100%;display:block}
/* Abwechselnde, durchgehende Abschnittsflächen. */
.hero{margin-bottom:60px}.careers,.support{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
.journey{padding:60px 0;background:#eaf3f2;box-shadow:0 0 0 100vmax #eaf3f2;clip-path:inset(0 -100vmax)}
.parent-band{padding:55px 0;background:#eaf3f2;box-shadow:0 0 0 100vmax #eaf3f2;clip-path:inset(0 -100vmax)}.parent-band .parent-heading{padding:0 0 10px;border-top:0}.parent-band .questions{padding-bottom:0}.registration{margin-top:60px;margin-bottom:60px}
@media(max-width:1000px) and (min-width:651px){.headset-glow{left:-48px;bottom:-25px;width:295px;height:240px}}
@media(max-width:800px){.week-art{width:150px}}
@media(max-width:650px){.headset-glow{left:-29px;bottom:-22px;width:250px;height:205px}.week-art{width:175px}.hero{margin-bottom:36px}.journey{padding:40px 0}.parent-band{padding:40px 0}.registration{margin-top:40px;margin-bottom:40px}}

/* Teamfoto am Beginn der ausführlicheren Begleitbeschreibung ausrichten. */
.support .team-layout{align-items:start}

/* Elternabend mit Meeting-Cluster und zentraler Terminfläche. */
#elternabend{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;padding:38px 42px;background:linear-gradient(125deg,#102f39,#1b5862);color:white;border:1px solid #285c65;border-radius:12px 12px 42px 12px;align-items:center;overflow:hidden}#elternabend h2{font-size:30px;color:white;line-height:1.15;margin-bottom:18px}#elternabend .evening-intro>p{font-size:14px;line-height:1.75;color:#d0e3e4;margin-bottom:0}.evening-art{position:relative;isolation:isolate;width:230px;margin-top:12px}.evening-art:before{content:"";position:absolute;inset:8%;z-index:-1;background:radial-gradient(ellipse,#ffcf8255,transparent 70%);filter:blur(17px)}.evening-art img{display:block;width:100%;height:auto}.evening-access{text-align:center;padding:28px 20px;border-left:1px solid #ffffff26}.evening-access time{display:flex;flex-direction:column;align-items:center;line-height:1.2}.evening-day{font-size:80px;font-weight:750;letter-spacing:-4px;color:#ffcf82}.evening-month{font-size:27px;font-weight:650;margin-top:3px}.evening-access time strong{font-size:21px;color:#ffcf82;margin-top:16px}.evening-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;margin-top:30px;padding:17px 15px;min-height:58px;border:0;border-radius:9px;background:linear-gradient(120deg,#ffc15b,#ffd181);color:var(--ink);font-size:15px;font-weight:700;opacity:1;cursor:default}.evening-button svg{width:23px;height:23px;flex-shrink:0}#elternabend #evening-pending{font-size:11px;color:#b9d2d5;margin:12px 0 0}
@media(max-width:800px){#elternabend{padding:30px;gap:24px}.evening-access{padding:20px 0 20px 20px}.evening-month{font-size:23px}.evening-button{font-size:13px}}
@media(max-width:650px){#elternabend{grid-template-columns:1fr;padding:27px 24px;gap:15px}#elternabend h2{font-size:27px}.evening-art{width:200px;margin:12px auto 0}.evening-access{border-left:0;border-top:1px solid #ffffff26;padding:25px 0 5px}.evening-day{font-size:65px}.evening-month{font-size:25px}}

/* Teamvorstellung mit eigenständiger Fotozeile und zwei Begleitfeldern. */
.team-introduction{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:38px;margin-top:32px}.team-introduction .team-photo{position:relative;padding:0 10px 10px 0;isolation:isolate}.team-introduction .team-photo:after{content:"";position:absolute;inset:14px 0 0 14px;background:#cce8e5;border-radius:10px 34px 10px 10px;z-index:-1}.team-introduction .team-photo img{width:100%;height:auto;border-radius:10px 34px 10px 10px}.support .team-profile h3{font-size:25px;letter-spacing:-.6px;margin:0 0 17px}.support .team-profile>p{font-size:14px;line-height:1.75}.team-award{display:flex;align-items:center;gap:17px;padding:17px 19px;background:linear-gradient(120deg,#fff3d9,#fff9ed);border-left:4px solid var(--sun);border-radius:8px 8px 20px 8px;margin-top:24px}.award-year{font-size:27px;font-weight:750;color:var(--ink);letter-spacing:-1px}.support .team-award p{font-size:12px;margin:0;line-height:1.6}.support-cards{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:34px}.support-card{padding:27px 30px;border:1px solid #cfe2df;border-radius:12px 12px 30px 12px;background:linear-gradient(135deg,#e2f1ee,#f1f7f5)}.support-card:nth-child(2){background:linear-gradient(135deg,#fff0d3,#fff8eb);border-color:#f1dfbe}.support .support-card h3{font-size:18px;margin:0 0 13px}.support .support-card p{font-size:14px;line-height:1.75;margin:0}
@media(max-width:800px){.team-introduction{gap:25px;grid-template-columns:1fr 1fr}.support-cards{grid-template-columns:1fr 1fr;gap:18px}.support-card{padding:23px}.team-award{align-items:flex-start;gap:12px}}
@media(max-width:650px){.team-introduction,.support-cards{grid-template-columns:1fr}.team-introduction{gap:26px;margin-top:24px}.support-cards{margin-top:26px}.support .team-profile h3{font-size:23px}.team-award{align-items:center}.support-card{padding:23px}}

/* Elterninformation: zusammenhängendes Datum und Button-Feedback. */
#elternabend h2{overflow-wrap:normal;hyphens:auto}.evening-full-date{white-space:nowrap;font-size:clamp(21px,2.55vw,32px);font-weight:750;letter-spacing:-1px;color:#ffcf82}.evening-button{box-shadow:0 5px 12px #041f2515;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.evening-button svg{transition:transform .18s ease;transform-origin:center}@media(hover:hover){.evening-button:hover{transform:translateY(-2px);filter:brightness(1.045);box-shadow:0 9px 20px #041f252b}.evening-button:hover svg{transform:rotate(-7deg)}}.evening-button:active{transform:translateY(0)}@media(max-width:650px){.evening-full-date{font-size:clamp(20px,5.7vw,30px)}}@media(prefers-reduced-motion:reduce){.evening-button,.evening-button svg{transition:none}.evening-button:hover,.evening-button:hover svg{transform:none}}

/* Auszeichnung als dezente Nebeninformation. */
.team-award{background:#f4f6f7;border:1px solid #e5eaed;border-radius:9px;padding:14px 16px;gap:13px;align-items:center}.award-icon{width:25px;height:25px;flex:0 0 25px;color:#73868e}.support .team-award p{font-size:12px;color:#647780}.team-award strong{font-weight:600}

/* Gemeinsame Mittelachse für Vorstellung und Begleitfelder. */
.support .team-introduction,.support .support-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.support .team-introduction{align-items:center;margin-top:30px}.support .team-introduction .team-photo{padding:0}.support .team-introduction .team-photo:after{display:none}.support .team-introduction .team-photo img{border-radius:12px 12px 30px 12px}.support .team-profile{min-width:0}.support .team-profile h3{font-size:23px}.support .support-cards{margin-top:28px;align-items:stretch}.support .support-card{padding:27px 28px;border-radius:12px 12px 30px 12px}.support .support-card h3{font-size:18px;line-height:1.4;min-height:2.8em;margin-bottom:12px}
@media(max-width:800px){.support .team-introduction,.support .support-cards{gap:22px}.support .support-card{padding:22px}}
@media(max-width:650px){.support .team-introduction,.support .support-cards{grid-template-columns:1fr}.support .support-card h3{min-height:0}.support .support-cards{margin-top:24px}}

/* Voraussetzungen als zwei klar gegliederte Checklisten. */
.preparation .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.preparation .support-grid>div{display:flex;flex-direction:column;background:linear-gradient(140deg,#fff,#f8fbfa);border:1px solid #d4e3e1;border-radius:12px 12px 30px 12px;padding:27px 28px}.preparation h3{display:flex;align-items:center;gap:13px;font-size:20px;margin-bottom:23px}.prep-icon{display:grid;place-items:center;width:43px;height:43px;background:#deefec;color:var(--teal);border-radius:12px}.prep-icon svg{width:25px;height:25px}.preparation .support-grid>div:nth-child(2) .prep-icon{background:#fff0d4;color:var(--ink)}.preparation .plain-checks{margin:0 0 24px}.preparation .plain-checks li{padding:11px 0 11px 30px;margin:0;border-bottom:1px solid #e7efed}.preparation .plain-checks li:last-child{border:0}.preparation .plain-checks li:before{top:13px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e3f2ee;font-size:11px}.preparation .support-grid>div>p{margin:auto 0 0;padding:16px 18px;border-radius:9px;background:#eef4f3;font-size:12px;line-height:1.75}.registration{grid-template-columns:1fr;background:linear-gradient(125deg,#102f39,#174d58)}.registration>div{max-width:800px}
@media(max-width:650px){.preparation .support-grid{grid-template-columns:1fr;gap:20px}.preparation .support-grid>div{padding:23px}}

/* Freistehender Auszeichnungshinweis ohne Kasten. */
.team-award{background:none;border:0;border-radius:0;padding:0;margin-top:24px;gap:12px;box-shadow:none;align-items:center}.team-award .award-icon{width:23px;height:23px;flex:0 0 23px;color:#6a999c}.support .team-award p{font-size:12px;line-height:1.65;color:#647780}
/* Warmer Elternabend als heller Kontrast zu Hero und Bewerbung. */
#elternabend{background:linear-gradient(125deg,#fff0d3,#fff8e9);border-color:#ecdab9;color:var(--ink)}#elternabend h2,#elternabend .evening-full-date,#elternabend .evening-access time strong{color:var(--ink)}#elternabend .evening-intro>p{color:#4e6871}#elternabend .evening-access{border-color:#153e4926}#elternabend .evening-button{background:linear-gradient(120deg,#153e49,#23606a);color:white}

.preparation .prep-icon,.preparation .support-grid>div:nth-child(2) .prep-icon{width:58px;height:58px;flex:0 0 58px;background:none;border-radius:0}.prep-icon img{display:block;width:58px;height:58px;object-fit:contain}

.preparation .prep-icon,.preparation .support-grid>div:nth-child(2) .prep-icon{width:32px;height:32px;flex-basis:32px}.prep-icon img{width:32px;height:32px}

/* Einheitliche Icons, kompakter Termin und abgestimmter Seitenabschluss. */
.preparation .prep-icon,.preparation .support-grid>div:nth-child(2) .prep-icon{width:44px;height:44px;flex-basis:44px;background:#deefec;border-radius:12px;color:var(--teal)}.preparation .support-grid>div:nth-child(2) .prep-icon{background:#fff0d4;color:var(--ink)}.prep-icon svg{width:27px;height:27px}.preparation .plain-checks{margin-bottom:0}.support .support-card h3{min-height:0;margin-bottom:12px}
#elternabend .evening-access{padding-top:0;padding-bottom:0}#elternabend .evening-access time{padding:23px 14px;border:1px solid #efba67;border-radius:12px 12px 25px 12px;background:linear-gradient(120deg,#ffdda5,#ffeac6)}#elternabend .evening-button{background:linear-gradient(120deg,#ffc15b,#ffd181);color:var(--ink);margin-top:20px}
.application-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;margin:60px 0 30px}.application-main{padding:38px;background:linear-gradient(125deg,#102f39,#174d58);color:white;border-radius:12px 12px 38px 12px}.application-main h2{font-size:32px}.application-main>p{font-size:14px;color:#d0e3e4}.application-main .deadline{color:#ffcf82;font-weight:650}.application-button{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-width:220px;padding:17px 25px;background:linear-gradient(120deg,#ffc15b,#ffd181);border:0;border-radius:9px;color:var(--ink);font-weight:700;font-size:16px;transition:transform .18s,box-shadow .18s}.application-main .application-status{font-size:11px;margin-top:10px}.application-contact{border-top:1px solid #ffffff29;padding-top:22px;margin-top:25px}.application-contact h3{font-size:16px;margin:0 0 8px}.application-contact p{font-size:13px;color:#d0e3e4;margin-bottom:8px}.application-contact a{font-size:14px}.provider-card{padding:30px;background:linear-gradient(145deg,#347c80,#27666d);border-radius:12px 12px 30px 12px;color:white}.provider-card h3{font-size:18px;margin:0 0 28px}.provider-card img{display:block;width:100%;max-width:220px;height:auto;margin-bottom:30px}.provider-card address{font-style:normal;font-size:14px;line-height:1.9}.provider-card>a{display:inline-block;font-size:12px;margin-top:25px}.legal-footer{display:flex;justify-content:center;gap:22px;padding:18px 20px 28px;border:0;background:none;margin:0;max-width:none;font-size:11px;color:var(--muted)}
header nav{gap:5px}header nav a{background:transparent;border-color:transparent;box-shadow:none;padding:7px 12px;border-radius:8px 8px 15px 8px;font-size:14px}header nav a:hover{background:#eaf3f2;border-color:#d5e7e8;box-shadow:none}header nav .nav-apply{background:linear-gradient(120deg,#ffc15b,#ffd181);border-color:#f5c26e;margin-left:6px}header nav .nav-apply:hover{background:#ffd181}
@media(hover:hover){.application-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #041f252b}}@media(max-width:1000px){header{flex-wrap:wrap;justify-content:center;gap:12px}header nav{justify-content:center;flex-wrap:wrap}html{scroll-padding-top:150px}.application-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.application-main,.provider-card{padding:28px}}
@media(max-width:650px){.application-layout{grid-template-columns:1fr;margin-top:40px}.application-main{padding:26px}.application-main h2{font-size:27px}header nav a{flex:0 0 auto;font-size:12px;padding:5px 10px}header nav .nav-apply{margin-left:0}#elternabend .evening-access{padding-top:22px}.evening-full-date{font-size:clamp(18px,5vw,27px)}}@media(prefers-reduced-motion:reduce){.application-button{transition:none}.application-button:hover{transform:none}}

.application-button{gap:11px}.application-button svg{width:21px;height:21px;flex:0 0 21px}

/* Zurückhaltende Terminfläche und Informationen zum Bewerbungsablauf. */
#elternabend .evening-access time{max-width:340px;margin:0 auto;padding:17px 14px;background:#fffcf5;border:1px solid #e9e0ce;border-radius:10px 10px 20px 10px}#elternabend .evening-full-date{font-size:clamp(20px,2.1vw,27px);letter-spacing:-.6px}#elternabend .evening-access time strong{font-size:18px;margin-top:10px}.application-main .application-process{margin:22px 0 0;font-size:14px;line-height:1.75}@media(max-width:650px){#elternabend .evening-full-date{font-size:clamp(18px,5vw,25px)}}

/* Einheitliche Interaktion der gelben Aktionsbuttons. */
.hero-actions .primary,.evening-button,.application-button,header nav .nav-apply{background:linear-gradient(120deg,#ffc15b,#ffd181);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.hero-actions .primary svg,.evening-button svg,.application-button svg{transition:transform .18s ease;transform-origin:center}
@media(hover:hover){
.hero-actions .primary:hover,.evening-button:hover,.application-button:hover,header nav .nav-apply:hover{background:linear-gradient(120deg,#ffc15b,#ffd181);transform:translateY(-2px);filter:brightness(1.045);box-shadow:0 9px 20px #041f252b}
.hero-actions .primary:hover svg,.evening-button:hover svg,.application-button:hover svg{transform:rotate(-7deg)}
}
.hero-actions .primary:active,.evening-button:active,.application-button:active,header nav .nav-apply:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
.hero-actions .primary,.evening-button,.application-button,header nav .nav-apply,.hero-actions .primary svg,.evening-button svg,.application-button svg{transition:none}
.hero-actions .primary:hover,.evening-button:hover,.application-button:hover,header nav .nav-apply:hover,.hero-actions .primary:hover svg,.evening-button:hover svg,.application-button:hover svg{transform:none}
}

/* Kompakter Menüeffekt und Bewerbungs-Unterseite. */
@media(hover:hover){header nav .nav-apply:hover{box-shadow:0 2px 5px #153e4914}}
.application-button{text-decoration:none}
.application-page{padding-bottom:35px}
.application-back{display:inline-block;font-size:13px;margin:0 0 24px}
.form-intro{padding:30px 34px;background:linear-gradient(125deg,#102f39,#174d58);color:white;border-radius:12px 12px 30px 12px;margin-bottom:24px}
.form-intro h1{font-size:clamp(28px,3.5vw,40px);margin:0 0 18px;letter-spacing:-1px}
.form-intro p{max-width:850px;color:#d0e3e4;margin:0;font-size:14px}
.application-form{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.application-form iframe{display:block;width:100%;height: max(600px,80vh);border:0;background:white}
.form-help{font-size:12px;color:var(--muted);margin:16px 0 0}
@media(max-width:650px){.form-intro{padding:24px}.application-form iframe{height:80vh;min-height:600px}}

.team-profile .initiative-link{display:inline-block;font-size:12px;margin-top:20px;text-underline-offset:5px}

.form-help{margin:0 0 18px}.form-help a{font-weight:650}

#elternabend .evening-access time{max-width:290px;padding:12px 14px;background:#ffffff40;border-color:#e9e0ce80;border-radius:9px 9px 16px 9px}
#elternabend .evening-full-date{font-size:clamp(19px,1.8vw,23px);letter-spacing:-.4px}
#elternabend .evening-access time strong{font-size:16px;margin-top:6px}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;align-items:start}
.faq-grid summary{min-height:88px;align-items:center;gap:14px}.faq-grid summary:after{flex-shrink:0}
@media(max-width:1000px){.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.faq-grid{grid-template-columns:1fr}.faq-grid summary{min-height:0}}
