/* Gestaltungsrichtung: charakterstark, mit ruhigem redaktionellem Raster. */
:root{--navy:#09263f;--deep:#061b2e;--yellow:#ffd128;--paper:#f7f5ef;--ink:#102a3f;--muted:#4d5f6c;--line:#ced4d5;font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-size:18px}
h1,h2,h3{font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-weight:750;hyphens:manual;overflow-wrap:normal}
.wrap{width:min(1280px,calc(100% - 104px))}
.eyebrow{font-size:14px;letter-spacing:.1em;font-weight:700}
.preview-note{background:var(--deep);padding-inline:48px;min-height:34px}
.motion-toggle{font-size:14px;min-height:34px}
.header{padding:15px 48px;min-height:120px;border-bottom:1px solid #ffffff20}
.brand{flex-basis:238px}.brand img{width:238px;height:96px;object-fit:contain}
.header nav{gap:25px;font-weight:600}.header nav a{font-size:16px}
.header nav a[aria-current]{border-bottom-color:var(--yellow)}
.button{border-radius:3px;min-height:58px;padding:16px 25px;gap:28px;font-weight:700;box-shadow:none}
.button span{font-size:1.4rem}.button.small{border-radius:3px;min-height:52px}
.hero-inner{grid-template-columns:1.03fr 1fr;gap:48px;padding:54px 0 64px;min-height:645px}
.hero-copy>.eyebrow{font-size:13px;letter-spacing:.08em;margin-bottom:28px}
.hero-kicker{font-size:17px;font-weight:600;margin-bottom:20px;color:#cfdae2}
.hero h1{font-size:clamp(3.3rem,5.5vw,5.1rem);line-height:1.01;letter-spacing:-.052em;font-weight:800;margin-bottom:25px}
.hero h1 em{color:var(--yellow)}
.hero-intro{font-size:19px;line-height:1.7;max-width:495px;margin-top:0;margin-bottom:25px}
.hero-art{border-radius:4px;min-height:0;align-self:center;height:530px;overflow:visible}
.hero-art img{border-radius:4px;height:100%;width:100%;object-fit:cover;object-position:55% 50%}
.hero-art figcaption{background:var(--yellow);border-radius:0;left:-22px;right:22px;bottom:-20px;font-size:16px;padding:17px 22px;box-shadow:none}
.hero-foot{font-size:14px;margin-top:26px;max-width:430px}
.hero-actions{gap:22px}.hero-actions .text-link{font-size:15px}
.jumpbar{display:grid;grid-template-columns:repeat(3,1fr);padding-block:0;border-bottom:1px solid var(--line)}
.jumpbar a{padding:29px 24px;display:flex;align-items:center;gap:22px;font-size:17px;font-weight:650;border-right:1px solid var(--line)}
.jumpbar a:first-child{padding-left:0}.jumpbar a:last-child{border:0}.jumpbar span{font-size:14px;color:var(--muted);font-weight:500}.jumpbar b{margin-left:auto;font-size:21px;font-weight:400}.jumpbar a:hover{color:#7e6200}
.section{padding-block:98px}h2{font-size:clamp(2.1rem,3.6vw,3.5rem);letter-spacing:-.04em;line-height:1.12}h2 em{color:var(--ink)}
.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.section-head>p{max-width:430px;font-size:18px;padding-bottom:5px}
.service-list{border-top:2px solid var(--navy)}
.service-list>a{display:grid;grid-template-columns:60px 1fr 1fr 56px;align-items:center;gap:30px;border-bottom:1px solid #bcc7cc;padding:30px 0;transition:background .2s,padding .2s}
.service-list>a:hover{background:#eeeae0;padding-left:14px;padding-right:14px}
.service-index{font-size:16px;color:var(--muted)}.service-list h3{font-size:1.55rem;line-height:1.2;margin:0;letter-spacing:-.03em}.service-list p{font-size:17px;line-height:1.65;color:var(--muted);margin:0}.service-action{width:50px;height:50px;background:var(--yellow);display:grid;place-items:center;font-size:26px;border-radius:50%}
.services-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px;font-size:16px;color:var(--muted)}
.game-intro{padding:26px 30px;gap:55px;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);margin-top:0;margin-bottom:80px;border-radius:4px}.game-intro h2{font-size:1.4rem;margin-bottom:8px;letter-spacing:-.025em}.game-intro .eyebrow{font-size:12px;margin-bottom:9px}.game-intro p{font-size:16px;margin-bottom:0}.game{border:0;border-left:1px solid var(--line);border-radius:0;background:transparent}.game summary{padding:22px 0 22px 30px;font-size:17px}.game-body{padding:5px 0 15px 30px}.game-body p{margin-bottom:18px}.game-intro:has(details[open]){align-items:start}.game-body .game-choices button{font-size:15px;padding:12px}
.story{background:var(--navy);color:white;height:205vh;min-height:1500px}.story-heading{border-top:1px solid #ffffff30;padding-top:25px}.story-heading .eyebrow{color:#d1dce3}.story-heading h2{font-size:2.25rem}.story-heading h2 em{color:var(--yellow)}.story-sticky{padding-top:34px}.story-stage{border-radius:4px;min-height:320px}.story-room{object-position:center top}.story-shade{background:linear-gradient(90deg,#06182cf2 15%,#06182c20 75%)}.story-caption{max-width:395px}.story-caption h3{font-size:1.65rem}.story-parcels{color:var(--ink)}.story-controls button{background:transparent;color:#fff;border:1px solid #8ba0b2;border-radius:2px;padding:12px 20px;font-weight:600}.story-controls button[aria-pressed=true]{background:var(--yellow);color:var(--deep);border-color:var(--yellow)}.story-controls button:hover{background:#26475e;color:white}.story-instruction{color:#c4d0da;font-size:14px}.story-truck{bottom:-8%}
.help-section{background:#ebe8df;padding:105px 0;scroll-margin-top:20px}.help-grid{grid-template-columns:1.04fr 1fr;gap:75px;align-items:center}.help-grid img{border-radius:3px}.help-grid figure{position:relative;padding-bottom:25px}.help-grid figure:after{content:'';width:100px;height:6px;background:var(--yellow);position:absolute;left:0;bottom:0}.help-grid h2{font-size:clamp(2.2rem,3.5vw,3.3rem)}.help-grid h2 em{color:var(--ink)}.help-grid .lead{font-size:21px;font-weight:650;line-height:1.5;color:var(--ink)}.help-grid p{font-size:18px;max-width:540px}
.home-process{position:relative}.steps{gap:0;margin-top:52px;margin-bottom:34px;counter-reset:steps}.steps article{padding:25px 30px 0;border-top:2px solid var(--navy);border-left:1px solid var(--line)}.steps article:first-child{padding-left:0;border-left:0}.steps article:last-child{padding-right:0}.steps article>span{font-size:16px;background:var(--yellow);color:var(--ink);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-bottom:30px;font-weight:700}.steps h3{font-size:1.3rem}.steps p{font-size:17px}
.contact-band{background:var(--navy);color:white;text-align:left;padding:76px 0}.contact-band .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:14px 90px;align-items:center}.contact-band .eyebrow{color:#c7d5df;grid-column:1/-1;margin:0 0 8px}.contact-band h2{grid-column:1;grid-row:2/4;color:#fff;margin:0;font-size:clamp(2.1rem,3.7vw,3.5rem)}.contact-band p:not(.eyebrow){grid-column:2;margin:0;color:#d1dce3;font-size:18px}.contact-band .button{grid-column:2;justify-self:start;background:var(--yellow);color:var(--ink);border-color:var(--yellow);margin-top:12px}
.footer{padding-block:40px;gap:40px}.footer-brand{font-size:20px;letter-spacing:-.03em}.footer nav{font-size:16px}.footer>p{font-size:13px;max-width:205px}
.page-intro{padding-top:76px;padding-bottom:60px;border-bottom:1px solid var(--line);margin-bottom:35px;display:grid;grid-template-columns:1.25fr 1fr;gap:20px 80px;align-items:end}.page-intro .eyebrow{grid-column:1/-1;margin:0}.page-intro h1{font-size:clamp(2.5rem,4.5vw,4.2rem);line-height:1.08;letter-spacing:-.045em;margin:0}.page-intro .lead{font-size:21px;line-height:1.65;margin:0;padding-bottom:3px;max-width:540px}.section.compact{padding-top:20px}
.detail-grid{gap:0 60px}.detail-grid article{border:0;border-top:1px solid #b8c4ca;border-radius:0;background:transparent;padding:30px 0 36px}.detail-grid h2{font-size:1.65rem}.detail-grid h3{font-size:1.45rem}.detail-grid p{font-size:18px}.detail-grid .number{color:var(--muted);margin-bottom:15px}
[data-page=leistungen] .detail-grid{display:block;border-top:2px solid var(--navy)}[data-page=leistungen] .detail-grid article{display:grid;grid-template-columns:55px 1fr 1.3fr;gap:35px;align-items:start;padding:35px 0;border-top:0;border-bottom:1px solid var(--line)}[data-page=leistungen] .detail-grid .number{margin:4px 0 0}[data-page=leistungen] .detail-grid h2{margin:0;font-size:1.6rem}[data-page=leistungen] .detail-grid p{margin:0}
.note-panel{background:#ece9df;border-radius:3px;padding:40px}.values{gap:55px}.values article{border-top:2px solid var(--navy);padding-top:25px}.values span{font-size:16px;color:var(--muted)}.faq{max-width:1020px}.faq summary{font-weight:650;padding:26px 4px}.faq p{max-width:850px}.contact-layout{gap:80px;grid-template-columns:.8fr 1.25fr}.contact-layout aside{border-top:2px solid var(--navy);padding-top:24px}.draft-notice{border:0;border-radius:3px;background:#eae7dd;padding:20px;font-size:15px}.contact-layout form{background:white;padding:35px;border:1px solid var(--line);border-radius:3px}form label{font-size:16px}input,textarea,select{border-radius:2px}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.header{padding-inline:32px}.hero-inner{gap:34px}.hero-art{height:470px}.hero h1{font-size:4.2rem}.hero-copy>.eyebrow{font-size:12px}.hero-intro{font-size:18px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:14px}.hero-foot{font-size:14px}.section-head{gap:45px}.service-list>a{gap:23px;grid-template-columns:42px 1fr 1fr 45px}.service-list h3{font-size:1.45rem}.service-list p{font-size:16px}.service-action{width:44px;height:44px}.help-grid{gap:45px}.contact-band .wrap{gap:16px 45px}.page-intro{gap:20px 45px}.page-intro .lead{font-size:19px}.contact-layout{gap:40px}.contact-layout form{padding:25px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.preview-note{padding-inline:20px}.header{padding:12px 20px;min-height:100px}.brand{flex-basis:190px}.brand img{width:190px;height:77px}.hero-inner{grid-template-columns:1fr 1fr;gap:24px;padding:40px 0 50px;min-height:0}.hero h1{font-size:3.4rem}.hero-copy>.eyebrow{font-size:11px;line-height:1.7}.hero-kicker{font-size:15px}.hero-intro{font-size:17px}.hero-art{height:420px}.hero-art figcaption{left:-10px;right:0;bottom:-18px;font-size:14px;padding:12px}.hero-actions .button{padding:14px 17px;gap:16px;font-size:15px}.hero-foot{font-size:13px}.jumpbar a{padding:24px 14px;gap:12px;font-size:15px}.jumpbar span{font-size:13px}.jumpbar b{font-size:18px}.section{padding-block:68px}.section-head{grid-template-columns:1fr 1fr;gap:30px}.section-head>p{font-size:17px}.service-list>a{grid-template-columns:32px 1fr 1fr 40px;gap:16px;padding:25px 0}.service-list h3{font-size:1.25rem}.service-list p{font-size:15px}.service-list p br{display:none}.service-action{width:38px;height:38px;font-size:23px}.services-bottom{font-size:15px}.game-intro{padding:20px;margin-bottom:55px;gap:20px}.game-intro h2{font-size:1.3rem}.game-intro p{font-size:15px}.game summary{font-size:15px;padding-left:20px}.game-body{padding-left:20px}.story{min-height:1450px}.story-heading h2{font-size:1.8rem}.story-caption h3{font-size:1.4rem}.help-section{padding:65px 0}.help-grid{grid-template-columns:1fr;gap:35px}.help-grid h2{font-size:2.5rem}.help-grid img{max-height:none}.help-grid figure{padding-bottom:20px}.help-grid p{font-size:18px;max-width:650px}.steps{grid-template-columns:1fr 1fr;gap:28px}.steps article{padding:20px 0 0;border-left:0}.steps article:last-child{padding-right:0}.contact-band{padding:60px 0}.contact-band .wrap{grid-template-columns:1fr;gap:20px}.contact-band .eyebrow,.contact-band h2,.contact-band p:not(.eyebrow),.contact-band .button{grid-column:1;grid-row:auto}.contact-band p:not(.eyebrow){max-width:620px}.footer{gap:30px}.footer>p{max-width:none}.page-intro{grid-template-columns:1fr;gap:22px;padding-top:45px;padding-bottom:40px}.page-intro .lead{max-width:680px;font-size:20px}.page-intro h1{font-size:3rem}.detail-grid{gap:0 30px}.detail-grid h2{font-size:1.45rem}.detail-grid p{font-size:17px}[data-page=leistungen] .detail-grid article{grid-template-columns:35px 1fr 1.3fr;gap:22px}[data-page=leistungen] .detail-grid h2{font-size:1.35rem}.values{gap:20px}.contact-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}.hero-inner{grid-template-columns:1fr;gap:34px}.hero h1{font-size:clamp(2.8rem,12vw,4rem);letter-spacing:-.045em;line-height:1.02}.hero-copy>.eyebrow{font-size:12px;margin-bottom:22px}.hero-kicker{display:none}.hero-intro{font-size:18px;max-width:480px}.hero-actions .button{font-size:16px;padding-inline:20px;min-height:56px}.hero-actions .text-link{font-size:15px}.hero-foot{font-size:14px}.hero-art{height:350px;width:100%;margin-bottom:15px}.hero-art img{object-position:50% 45%}.hero-art figcaption{left:15px;right:-5px;bottom:-15px;font-size:14px}.jumpbar{grid-template-columns:1fr}.jumpbar a{border-right:0;border-bottom:1px solid var(--line);padding:17px 0;font-size:16px;gap:24px}.jumpbar a:last-child{border-bottom:0}.jumpbar span{font-size:14px}.jumpbar b{margin-right:8px}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-head h2{font-size:2.5rem}.section-head>p{font-size:18px;margin:0}.service-list>a{grid-template-columns:28px 1fr 38px;gap:12px 15px;padding:26px 0}.service-list h3{font-size:1.45rem;grid-column:2;grid-row:1}.service-index{grid-row:1;font-size:14px}.service-list p{grid-column:2;grid-row:2;font-size:16px}.service-action{grid-column:3;grid-row:1}.service-list>a:hover{padding-inline:0}.services-bottom{display:block}.services-bottom .text-link{display:table;margin-top:18px;font-size:16px}.game-intro{grid-template-columns:1fr;padding:24px;gap:15px}.game-intro h2{font-size:1.4rem}.game-intro .eyebrow{font-size:12px}.game-intro p{font-size:16px}.game{border-left:0;border-top:1px solid var(--line)}.game summary{padding:20px 0 0;font-size:16px}.game-body{padding:20px 0 0}.story{min-height:1450px}.story-heading{padding-top:16px}.story-heading h2{font-size:1.8rem}.story-heading .eyebrow{font-size:12px}.story-stage{min-height:340px}.story-caption{width:80%;left:20px}.story-caption h3{font-size:1.3rem}.story-caption p{font-size:16px}.story-truck{bottom:-17%}.story-controls{display:grid;grid-template-columns:1fr}.story-controls button{min-height:45px;font-size:15px;text-align:left}.help-grid h2{font-size:2.4rem}.help-grid .lead{font-size:20px}.help-grid p{font-size:18px}.steps{grid-template-columns:1fr;gap:28px}.steps article>span{margin-bottom:20px}.steps h3{font-size:1.4rem}.contact-band h2{font-size:2.45rem}.page-intro h1{font-size:clamp(2.2rem,9vw,3rem)}.page-intro .lead{font-size:19px}.detail-grid{grid-template-columns:1fr}[data-page=leistungen] .detail-grid article{grid-template-columns:28px 1fr;gap:12px 18px;padding:28px 0}[data-page=leistungen] .detail-grid h2{font-size:1.5rem}[data-page=leistungen] .detail-grid p{grid-column:2;font-size:17px}.contact-layout form{padding:22px}.contact-layout .form-row{grid-template-columns:1fr}.note-panel{padding:25px}.footer nav{gap:20px}.footer>p{font-size:13px}}
@media(max-width:360px){.brand{flex-basis:165px}.brand img{width:165px;height:67px}.header{gap:12px}.menu-toggle{padding:10px;gap:7px}.hero-art{height:285px}.hero-intro{font-size:17px}.service-list h3{font-size:1.3rem}.contact-layout form{padding:18px}.contact-band h2{font-size:2.1rem}}
@media(max-height:780px){.story{height:auto;min-height:0}}
@media(prefers-reduced-motion:reduce){.story{height:auto;min-height:0}}