:root{--industrial:#006ab2;--creative:#84744e;--praxis:#fcebc1;--ink:#0a0d12;--paper:#f5f9fc;--cyan:#21b9ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#111820;font-family:"Inter",system-ui,sans-serif}.font-satisfy{font-family:"Satisfy",cursive!important}.site-header{z-index:1040}.utility-bar{background:#12161b;color:#fff;font-size:.76rem;letter-spacing:.02em}.utility-bar a{color:#cdd4da;text-decoration:none}.utility-bar a:hover{color:#fff}.navbar{min-height:82px}.navbar-brand img{border-radius:50%;object-fit:contain}.navbar-brand span{line-height:.9;letter-spacing:.06em}.navbar-brand b{display:block;font-size:.9rem}.navbar-brand small{font-size:.65rem;color:#aeb7bf}.navbar-nav .nav-link{color:#dce1e5;font-weight:600;padding:1.8rem .7rem}.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus,.navbar-nav .nav-link.show{color:#fff}.btn-brand{background:var(--praxis);color:#181818;border:0;font-weight:700}.btn-brand:hover{background:#fff;color:#000}.mega-panel{left:0!important;right:0!important;top:100%!important;width:100vw;margin:0!important;background:rgba(250,253,255,.99);border-top:3px solid var(--cyan)!important}.mega-intro{border-right:1px solid #dce5eb}.mega-intro h2{font-size:clamp(2.2rem,3vw,3.5rem);color:var(--industrial)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--creative)}.mega-link{min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#111820;text-decoration:none;padding:.85rem 1rem;border-radius:.75rem;font-weight:600;background:#edf6fb;transition:.18s}.mega-link:hover{background:#d9f1fc;transform:translateX(3px);color:#002c49}.offcanvas{--bs-offcanvas-width:min(92vw,430px)}.accordion-button::after{filter:invert(1)}.mobile-home,.mobile-overview,.mobile-link{display:block;color:#fff;text-decoration:none}.mobile-home{font-weight:700}.mobile-overview{color:var(--praxis);margin-bottom:.6rem;font-weight:700}.mobile-link{padding:.45rem 0;color:#cbd1d6}

.hero-modern{position:relative;overflow:hidden;min-height:690px;padding:4rem 0;background:linear-gradient(125deg,#004875 0%,#006ba9 43%,#13b8e9 100%);color:#fff}.hero-modern:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.085) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.28}.hero-orb-one{width:520px;height:520px;background:#61dcff;right:-120px;top:-180px}.hero-orb-two{width:330px;height:330px;background:#001b42;left:42%;bottom:-240px}.hero-pill{display:inline-flex;padding:.6rem 1rem;border:1px solid rgba(255,255,255,.35);border-radius:50rem;background:rgba(255,255,255,.1);font-size:.84rem;font-weight:700;backdrop-filter:blur(10px)}.hero-title,.section-title{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:-.035em;line-height:.88}.hero-title{font-size:clamp(4.4rem,8vw,8.2rem)}.hero-title span{color:var(--praxis)}.hero-lead{max-width:620px;font-size:1.15rem;line-height:1.7;color:#d8f5ff}.hero-stats>div{display:flex;flex-direction:column;padding-right:1.4rem;border-right:1px solid rgba(255,255,255,.25)}.hero-stats strong{font-size:1.3rem}.hero-stats span{font-size:.72rem;color:#cdefff}.hero-collage{position:relative;padding:1.1rem}.hero-main-img{display:block;width:100%;aspect-ratio:4/4.15;object-fit:cover;border-radius:48% 48% 1.5rem 1.5rem;border:10px solid rgba(255,255,255,.16);box-shadow:0 2rem 5rem rgba(0,25,48,.42)}.hero-float-card{position:absolute;left:-1rem;bottom:2.5rem;padding:1.1rem 1.3rem;border-radius:1rem;background:#fff;color:#0d1720;box-shadow:0 1.2rem 2.8rem rgba(0,20,45,.25);transform:rotate(-2deg)}.hero-float-card span{display:block;color:var(--industrial);font-size:1.7rem}.hero-float-card strong{font-size:.85rem}.hero-dot-grid{position:absolute;right:-1.2rem;top:2rem;width:105px;height:105px;background-image:radial-gradient(#fcebc1 2px,transparent 2px);background-size:14px 14px}

.program-strip{position:relative;z-index:2;margin-top:-3rem;padding:0 0 4rem;background:linear-gradient(180deg,transparent 3rem,#fff 3rem)}.program-card{display:flex;height:100%;min-height:280px;flex-direction:column;text-align:center;text-decoration:none;overflow:hidden;border:8px solid currentColor;background:currentColor;box-shadow:0 1.4rem 3rem rgba(7,43,67,.13);transition:.2s}.program-card:hover{transform:translateY(-7px);box-shadow:0 1.8rem 3.6rem rgba(7,43,67,.22)}.program-logo-box{display:flex;min-height:125px;align-items:center;justify-content:center;padding:.65rem;background:#fff}.program-logo-box img{width:100%;max-height:115px;object-fit:contain}.program-copy{display:flex;flex:1;flex-direction:column;justify-content:space-between}.program-copy strong{padding:1.1rem .7rem .85rem;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.15;font-weight:600}.program-copy strong small{font-size:.82em}.program-copy sup{color:#ddc98e;font-size:inherit}.program-copy em{display:block;padding:.5rem .3rem;background:#353535;color:#fff;font-style:normal;font-weight:700}.industrial-business21 .program-card{color:var(--industrial)}.industrial-business21 .program-copy{background:var(--industrial);color:#fff}.industrial-business21 .program-copy em{background:#ffe500;color:#172435}.creative-business21 .program-card{color:var(--creative)}.creative-business21 .program-copy{background:var(--creative);color:#fff}.praxis-has21 .program-card{color:#e4e4e4}.praxis-has21 .program-copy{background:#e9e9e9;color:#2d3135}

.why-section{background:#fff}.section-title{font-size:clamp(3.3rem,6vw,6.3rem)}.section-title span{color:var(--industrial)}.benefit-card{height:100%;min-height:220px;padding:1.6rem;border-radius:1.2rem;background:#f0f5f8}.benefit-card b{color:var(--creative);font-size:.72rem;letter-spacing:.15em}.benefit-card h3{margin-top:2.7rem;font-family:"Barlow Condensed",sans-serif;font-size:2.2rem;font-weight:700}.benefit-card p{color:#58636c}.benefit-card.accent{background:var(--industrial);color:#fff;transform:translateY(-1rem)}.benefit-card.accent b,.benefit-card.accent p{color:#d9f3ff}.benefit-card.warm{background:var(--praxis)}

.subjects-section{background:#eef6fa}.subjects-script{color:var(--creative);font-size:2.25rem}.section-intro{max-width:680px;color:#5b6872;line-height:1.7}.search-box{position:relative;display:block}.search-box>span:first-child{position:absolute;z-index:1;left:1.2rem;top:50%;transform:translateY(-54%);font-size:1.8rem;color:var(--industrial)}.search-box .form-control{padding:1rem 1.2rem 1rem 3.7rem;border:0;border-radius:1rem;box-shadow:0 .6rem 2rem rgba(14,65,93,.08)}.filter-bar{padding:.6rem;border-radius:1rem;background:#fff;box-shadow:0 .5rem 2rem rgba(14,65,93,.06)}.filter-btn{border:0!important;padding:.7rem 1.15rem;font-weight:700;color:#46535d}.filter-btn.active.filter-all{background:#111820;color:#fff}.filter-btn.active.filter-industrial{background:var(--industrial);color:#fff}.filter-btn.active.filter-creative{background:var(--creative);color:#fff}.filter-btn.active.filter-praxis{background:var(--praxis);color:#27231b}.subject-card{overflow:hidden;border:0;border-radius:1.25rem;background:#fff;box-shadow:0 .8rem 2rem rgba(11,55,79,.08);transition:.2s}.subject-card:hover{transform:translateY(-8px);box-shadow:0 1.4rem 3rem rgba(11,55,79,.15)}.subject-image{position:relative;display:block;overflow:hidden;aspect-ratio:4/3}.subject-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.subject-card:hover .subject-image img{transform:scale(1.04)}.subject-arrow{position:absolute;right:1rem;bottom:1rem;display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:#fff;color:#111;font-size:1.2rem;box-shadow:0 .4rem 1rem rgba(0,0,0,.14)}.subject-body{padding:1.4rem}.program-badge{display:inline-flex;padding:.37rem .55rem;border-radius:.4rem;font-size:.62rem;font-weight:800;line-height:1.1}.badge-industrial{background:#dff3ff;color:#005b98}.badge-creative{background:#eee9df;color:#665837}.badge-praxis{background:var(--praxis);color:#4a402d}.subject-body h3{font-family:"Barlow Condensed",sans-serif;font-size:1.75rem;font-weight:700;line-height:1}.subject-body h3 a{color:#121921;text-decoration:none}.subject-body p{min-height:78px;color:#68737c;font-size:.9rem;line-height:1.6}.subject-meta{padding-top:1rem;border-top:1px solid #e4eaee;color:#41505b;font-size:.72rem;font-weight:700}.empty-state{border-radius:1rem;background:#fff}.cta-band{padding:4rem 0;background:#080c11;color:#fff}.cta-inner{padding:2.5rem;border-radius:1.5rem;background:linear-gradient(120deg,var(--industrial),#064574)}.cta-inner .font-satisfy{font-size:2rem;color:var(--praxis)}.cta-inner h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:700}

@media(max-width:1199.98px){.navbar{min-height:74px}.hero-modern{padding-top:2rem}.program-strip{margin-top:0;padding-top:1rem;background:#fff}}@media(max-width:991.98px){.hero-modern{min-height:auto}.hero-main-img{aspect-ratio:16/10}.benefit-card.accent{transform:none}}@media(max-width:767.98px){.hero-title{font-size:4.2rem}.hero-stats>div{padding-right:.8rem}.hero-collage{padding:.4rem}.hero-float-card{left:0;bottom:1rem}.program-card{min-height:0}.section-title{font-size:3.5rem}.filter-bar{border-radius:.8rem}.filter-btn{font-size:.78rem;padding:.6rem .8rem}.subject-body p{min-height:0}.cta-inner{padding:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.subject-card,.subject-image img,.program-card{transition:none}}

@media(min-width:1200px){.hover-dropdown>.mega-panel{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.hover-dropdown:hover>.mega-panel,.hover-dropdown:focus-within>.mega-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.hover-dropdown>.nav-link:after{transition:transform .18s}.hover-dropdown:hover>.nav-link:after,.hover-dropdown:focus-within>.nav-link:after{transform:rotate(180deg)}}
.quick-access{border-top:1px solid rgba(255,255,255,.13)}.quick-access-bar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.quick-access-copy{display:flex;min-width:0;align-items:center;gap:1.4rem}.quick-label{flex:none;color:var(--praxis);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.quick-text-links{min-width:0;align-items:center;gap:1.3rem}.quick-text-links a{position:relative;color:#cdd5db;text-decoration:none;font-size:.75rem;font-weight:600;white-space:nowrap}.quick-text-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--cyan);transition:right .18s}.quick-text-links a:hover{color:#fff}.quick-text-links a:hover:after{right:0}.quick-toggle{display:flex;flex:none;align-items:center;gap:.65rem;border:0;background:transparent;color:#fff;font-size:.72rem;font-weight:700}.quick-toggle i{display:grid;width:27px;height:27px;place-items:center;border:1px solid #59616a;border-radius:50%;font-style:normal;font-size:1.15rem;line-height:1;transition:.25s}.quick-toggle:not(.collapsed) i{transform:rotate(180deg);background:var(--praxis);border-color:var(--praxis);color:#111}.quick-toggle-less,.quick-toggle:not(.collapsed) .quick-toggle-more{display:none}.quick-toggle:not(.collapsed) .quick-toggle-less{display:inline}.quick-access-panel{background:#111820;border-top:1px solid #2c343c;box-shadow:0 1.5rem 3rem rgba(0,0,0,.28)}.quick-card{position:relative;display:flex;height:100%;min-height:245px;flex-direction:column;align-items:flex-start;padding:1.1rem;border:1px solid #303a43;border-radius:1rem;background:#171f27;color:#fff;text-decoration:none;overflow:hidden;transition:.2s}.quick-card:before{content:"";position:absolute;inset:auto -45% -55% 25%;height:170px;border-radius:50%;background:var(--industrial);opacity:.22;filter:blur(25px)}.quick-card:hover,.quick-card:focus-visible{transform:translateY(-5px);border-color:#5d727f;background:#1d2730;color:#fff}.quick-card-number{position:absolute;top:1rem;right:1rem;color:#73808a;font-size:.61rem;font-weight:800;letter-spacing:.12em}.quick-card img{position:relative;width:92px;height:92px;margin:.2rem 0 .8rem;object-fit:contain;border-radius:50%;background:#fff}.quick-card strong{position:relative;font-size:.92rem}.quick-card small{position:relative;margin-top:.35rem;color:#aeb9c1;font-size:.69rem;line-height:1.45}.quick-card-arrow{position:absolute;right:1rem;bottom:1rem;color:var(--praxis);font-size:1.1rem}
@media(max-width:1199.98px){.quick-access-bar{min-height:44px}.quick-card{min-height:225px}}@media(max-width:767.98px){.quick-toggle-more,.quick-toggle-less{font-size:0}.quick-toggle-more:after{content:"Öffnen";font-size:.72rem}.quick-toggle-less:after{content:"Schließen";font-size:.72rem}.quick-card{min-height:220px;padding:.85rem}.quick-card img{width:78px;height:78px}}

@media(max-width:1199.98px){
  #quickAccessPanel.show .quick-access-panel,
  #quickAccessPanel.collapsing .quick-access-panel{
    max-height:calc(100dvh - 120px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
  }
  .quick-access-panel:focus{outline:none}
  .quick-access-panel::-webkit-scrollbar{width:7px}
  .quick-access-panel::-webkit-scrollbar-track{background:#111820}
  .quick-access-panel::-webkit-scrollbar-thumb{border-radius:20px;background:#657681}
}
@media(max-width:767.98px){
  #quickAccessPanel.show .quick-access-panel,
  #quickAccessPanel.collapsing .quick-access-panel{max-height:calc(100dvh - 163px)}
}

/* Die Navigationshöhe liegt auf den Links: keine Hover-Lücke zum Megamenü. */
.navbar{padding-top:0!important;padding-bottom:0!important}
.mobile-quick-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#fff;text-decoration:none;font-weight:600}.mobile-quick-link img{width:38px;height:38px;flex:none;border-radius:50%;background:#fff;object-fit:contain}.mobile-quick-link:hover{color:var(--praxis)}
.quick-card img{width:100px;height:100px;border-radius:1.15rem;background:transparent;box-shadow:0 .8rem 1.8rem rgba(0,0,0,.2)}.quick-card img[src*="untis-official"]{width:100%;height:100px;padding:1rem;border-radius:1.15rem;background:#fff;box-shadow:0 .8rem 1.8rem rgba(0,0,0,.2)}.mobile-quick-link img{border-radius:.55rem}.mobile-quick-link img[src*="untis-official"]{padding:.25rem}
.quick-toggle{min-height:38px;padding:.2rem .2rem .2rem .85rem;border-radius:50rem;transition:background-color .18s ease,color .18s ease}.quick-toggle:hover,.quick-toggle:focus-visible{background:#18222b;color:#fff;outline:none}.quick-toggle i{position:relative;display:block;width:32px;height:32px;padding:0;overflow:hidden}.quick-toggle i:before{content:"";position:absolute;left:50%;top:47%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;transition:transform .24s ease,top .24s ease}.quick-toggle:not(.collapsed) i:before{top:54%;transform:translate(-50%,-50%) rotate(225deg)}.quick-toggle:not(.collapsed){background:#18222b}.quick-toggle:not(.collapsed) i{background:var(--praxis);color:#111;transform:none}
.navbar .btn.btn-apply{background:#d8bd78!important;border:1px solid #d8bd78!important;color:#090b0e!important;font-weight:700;box-shadow:0 .35rem 1rem rgba(216,189,120,.16);transition:all ease 1s!important}.navbar .btn.btn-apply:hover,.navbar .btn.btn-apply:focus-visible,.navbar .btn.btn-apply:active{background:var(--industrial)!important;border-color:var(--industrial)!important;color:#fff!important;box-shadow:0 .5rem 1.4rem rgba(0,106,178,.35);outline:none}
@media(min-width:1200px){
  .navbar-nav .nav-link{padding-top:2.15rem;padding-bottom:2.15rem}
  .hover-dropdown>.mega-panel{transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
  .hover-dropdown:focus-within>.mega-panel{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px)}
  .hover-dropdown:hover>.mega-panel,.hover-dropdown:has(:focus-visible)>.mega-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}
  .hover-dropdown:focus-within>.nav-link:after{transform:none}
  .hover-dropdown:hover>.nav-link:after,.hover-dropdown:has(:focus-visible)>.nav-link:after{transform:rotate(180deg)}
}

.hero-carousel{position:relative;background:#04111c;color:#fff}.hero-full-slide{position:relative;height:clamp(650px,78vh,880px);min-height:650px;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-school .hero-bg{object-position:center 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,18,.92) 0%,rgba(3,12,22,.72) 36%,rgba(3,12,22,.17) 68%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,rgba(0,8,15,.72),transparent 46%)}.hero-slide-content{position:relative;z-index:3;display:flex;height:100%;align-items:center}.hero-copy{width:min(740px,62%);padding-bottom:3rem}.hero-carousel .hero-title{font-size:clamp(4.5rem,7.2vw,8.6rem);text-shadow:0 3px 25px rgba(0,0,0,.28)}.hero-carousel .hero-lead{max-width:660px}.hero-script{color:var(--praxis);font-size:clamp(2rem,3vw,3.4rem)}.hero-light-effect{position:absolute;z-index:2;left:-10%;right:-10%;bottom:9%;height:8px;border-radius:50%;background:#69e4ff;box-shadow:0 0 10px #b2f3ff,0 0 30px #00aaf2,0 -9px 45px rgba(24,186,244,.92),0 12px 55px rgba(0,105,178,.75);transform:rotate(-3deg) skewX(-24deg)}.hero-light-effect:after{content:"";position:absolute;left:5%;right:8%;top:23px;height:3px;background:#128cd1;box-shadow:0 0 18px #20c8ff;transform:rotate(2deg)}.hero-control{z-index:5;width:7%}.hero-control .carousel-control-prev-icon,.hero-control .carousel-control-next-icon{width:52px;height:52px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background-color:rgba(0,0,0,.55);background-size:40%}.hero-indicators{z-index:5;bottom:1.4rem;gap:.55rem;margin-bottom:0}.hero-indicators [data-bs-target]{width:72px;height:4px;margin:0;border:0;border-radius:20px;background-color:#fff;opacity:.42}.hero-indicators .active{background-color:var(--praxis);opacity:1}.hero-carousel .carousel-item{transition:opacity .85s ease-in-out}.hero-carousel .btn{font-weight:700}
@media(max-width:991.98px){.hero-full-slide{height:680px;min-height:680px}.hero-copy{width:78%;padding-left:2rem}.hero-carousel .hero-title{font-size:clamp(4rem,11vw,6.4rem)}.hero-bg{object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(3,10,18,.94),rgba(3,12,22,.68) 65%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,8,15,.65),transparent 48%)}}
@media(max-width:767.98px){.hero-full-slide{height:calc(100svh - 118px);min-height:610px;max-height:760px}.hero-copy{width:100%;padding:2rem 2.3rem 5rem .75rem}.hero-carousel .hero-title{font-size:clamp(3.45rem,16vw,5.3rem);line-height:.9}.hero-carousel .hero-lead{font-size:1rem;line-height:1.55;max-width:92%}.hero-script{font-size:2rem}.hero-bg{object-position:66% center}.hero-school .hero-bg{object-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(3,10,18,.93),rgba(3,12,22,.66) 82%,rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,8,15,.8),transparent 58%)}.hero-control{display:none}.hero-indicators [data-bs-target]{width:42px}.hero-light-effect{bottom:12%}}

/* Data-driven interior page templates */
.inner-page{background:#f5f8fa}.inner-top{position:sticky;z-index:1035;top:0;display:flex;min-height:84px;align-items:center;gap:2rem;padding:.6rem max(1.25rem,calc((100vw - 1320px)/2));background:#070a0d;color:#fff}.inner-top img{width:64px;height:64px;object-fit:contain}.inner-top nav{display:flex;flex:1;justify-content:center;gap:2rem}.inner-top nav a{color:#d9dfe4;text-decoration:none;font-weight:700}.inner-top nav a:hover{color:#fff}.inner-top .btn-apply{background:#d8bd78;border-color:#d8bd78;color:#070a0d;font-weight:800;transition:all ease 1s}.inner-top .btn-apply:hover{background:var(--industrial);border-color:var(--industrial);color:#fff}.inner-hero{position:relative;overflow:hidden;padding:6rem 0 5rem;background:linear-gradient(125deg,#072a43,#006ab2 62%,#18bdeb);color:#fff}.inner-hero:after{content:"";position:absolute;right:-8%;top:-50%;width:500px;height:500px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 120px rgba(255,255,255,.025)}.inner-hero.tone-creative{background:linear-gradient(125deg,#29251c,#84744e,#b8a16c)}.inner-hero.tone-praxis{background:linear-gradient(125deg,#312b20,#8e7950,#d8bc77)}.inner-hero .container-xxl{position:relative;z-index:1}.inner-back{display:inline-block;margin-bottom:2.5rem;color:#d9f3ff;text-decoration:none;font-weight:700}.inner-hero .eyebrow{color:var(--praxis)}.inner-hero h1{max-width:1000px;font-family:"Barlow Condensed",sans-serif;font-size:clamp(4rem,8vw,8rem);font-weight:700;letter-spacing:-.045em;line-height:.86}.inner-hero>div>p:last-child{max-width:780px;margin-top:2rem;font-size:1.2rem;line-height:1.7;color:#dff5ff}.content-section{padding:5rem 0;background:#fff}.content-section.soft{background:#edf5f9}.section-heading{margin-bottom:2.5rem}.section-heading h2{font:700 clamp(2.8rem,5vw,5rem)/.95 "Barlow Condensed",sans-serif}.step-grid,.learning-grid,.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step-grid article,.learning-grid article,.spec-grid article{padding:1.6rem;border:1px solid #dce5ea;border-radius:1.2rem;background:#fff}.step-grid b,.learning-grid b{color:var(--industrial);letter-spacing:.14em}.step-grid h2,.learning-grid h3{margin-top:2.5rem;font:700 1.8rem "Barlow Condensed",sans-serif}.step-grid p,.learning-grid p{color:#65717a}.notice-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:2rem;padding:2rem;border-radius:1.25rem;background:var(--praxis)}.notice-box small{font-weight:800;text-transform:uppercase;letter-spacing:.12em}.notice-box h2{margin:.35rem 0 0;font:700 2.1rem "Barlow Condensed",sans-serif}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:2rem}.check-grid div{display:flex;gap:.8rem;padding:1rem;border-radius:.8rem;background:#fff;color:var(--industrial);font-weight:900}.check-grid span{color:#17212a}.filter-tools,.download-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.filter-tools input,.download-toolbar input{max-width:480px}.filter-tools>div{display:flex;flex-wrap:wrap;gap:.5rem}.people-grid,.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.people-grid article,.partner-grid article{padding:1.5rem;border-radius:1.2rem;background:#f0f5f8}.person-avatar,.partner-mark{display:grid;width:90px;height:90px;margin-bottom:2rem;place-items:center;border-radius:1.2rem;background:linear-gradient(135deg,var(--industrial),var(--cyan));color:#fff;font:700 2rem "Barlow Condensed",sans-serif}.people-grid small,.partner-grid small{color:var(--creative);font-weight:800;text-transform:uppercase}.people-grid h2,.partner-grid h2{margin:.5rem 0;font:700 1.7rem "Barlow Condensed",sans-serif}.people-grid a,.partner-grid a,.class-grid a{color:var(--industrial);text-decoration:none;font-weight:800}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.class-grid article{overflow:hidden;border-radius:1.2rem;background:#eef4f7}.class-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.class-grid article div{padding:1.25rem}.class-grid small{color:var(--creative);font-weight:800}.rules-intro,.device-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:3rem;margin-bottom:3rem}.rules-intro img,.device-hero img{width:100%;border-radius:1.4rem}.rules-intro h2,.device-hero h2{font:700 3.5rem/1 "Barlow Condensed",sans-serif}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rules-grid article{padding:2rem;border-radius:1.2rem}.rule-yes{background:#e7f7ef}.rule-no{background:#fff0ec}.rules-grid h3{font:700 2rem "Barlow Condensed",sans-serif}.rules-grid li{margin:.7rem 0}.rules-note{margin-top:1rem;padding:1rem;border-left:5px solid var(--industrial);background:#edf6fb}.upload-box{display:flex;min-width:280px;align-items:center;gap:.7rem;padding:.9rem 1rem;border:2px dashed #9cb4c2;border-radius:1rem;cursor:pointer}.upload-box span{font-size:1.8rem}.upload-box small{display:block}.download-list{display:grid;gap:.7rem}.download-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid #dbe5ea;border-radius:1rem;background:#fff}.file-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:.8rem;background:#dff3ff;color:var(--industrial);font-size:1.5rem}.download-card small{color:var(--creative);font-weight:800}.download-card h3{margin:.15rem 0;font-size:1.05rem}.download-card p{margin:0;color:#6d7880;font-size:.82rem}.portfolio-box{margin-top:3rem;padding:2.5rem;border-radius:1.5rem;background:#091b29;color:#fff}.portfolio-box .eyebrow{color:var(--praxis)}.portfolio-box h2{font:700 3rem "Barlow Condensed",sans-serif}.windows-chip{display:inline-flex;padding:.55rem 1rem;border-radius:50rem;background:#0067b8;color:#fff;font-weight:800}.spec-grid{grid-template-columns:repeat(3,1fr)}.spec-grid small{color:#68747c}.spec-grid h3{margin:.5rem 0;font-size:1.2rem}.mac-warning{margin-top:2rem;padding:1.5rem;border-left:6px solid #e34f35;background:#fff0ec}.tour-feature,.program-feature{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#06111a;color:#fff}.tour-feature img,.program-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}.tour-feature:after,.program-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06111a 0%,rgba(6,17,26,.85) 42%,transparent)}.tour-feature>div,.program-feature>div{position:relative;z-index:1;width:min(640px,80%);margin-left:max(1.25rem,calc((100vw - 1320px)/2))}.tour-feature h2,.program-feature h2{font:700 clamp(3.5rem,7vw,7rem)/.9 "Barlow Condensed",sans-serif}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.compare-grid article{display:flex;min-height:390px;flex-direction:column;padding:2rem;border-radius:1.4rem}.compare-grid h2{font:700 2.5rem/1 "Barlow Condensed",sans-serif}.compare-grid strong{margin-top:auto}.compare-grid a{margin-top:1.4rem;color:inherit;font-weight:800}.compare-industrial{background:var(--industrial);color:#fff}.compare-creative{background:var(--creative);color:#fff}.compare-praxis{background:var(--praxis);color:#28231c}.seo-copy{max-width:900px;margin:4rem auto 0;text-align:center}.certificate-path{display:grid;gap:1rem}.certificate-path article{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:1.5rem;border-radius:1rem;background:#eef5f8}.certificate-path>article>span{font:700 3rem "Barlow Condensed",sans-serif;color:var(--industrial)}.certificate-path h2{margin:.2rem 0;font:700 2rem "Barlow Condensed",sans-serif}.counselling-card{display:grid;grid-template-columns:1.4fr .8fr;gap:3rem;padding:3rem;border-radius:1.5rem;background:linear-gradient(135deg,#e7f5fc,#fff)}.counselling-card h2{font:700 4rem/1 "Barlow Condensed",sans-serif}.counselling-points{padding:2rem;border-radius:1rem;background:#fff}.virtual-stage{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:3rem;padding:5rem max(1.25rem,calc((100vw - 1320px)/2));background:#07131d;color:#fff}.virtual-frame{position:relative}.virtual-frame img{width:100%;border-radius:1.3rem}.virtual-frame button{position:absolute;left:50%;top:50%;display:grid;width:84px;height:84px;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--praxis);font-size:1.8rem}.virtual-stage h2{font:700 4rem/1 "Barlow Condensed",sans-serif}.virtual-nav{display:grid;gap:.5rem}.virtual-nav button{padding:.8rem;text-align:left;border:1px solid #3b4b57;border-radius:.7rem;background:transparent;color:#fff}.inner-footer{display:flex;align-items:center;justify-content:space-between;padding:2rem max(1.25rem,calc((100vw - 1320px)/2));background:#05080b;color:#fff}.inner-footer>div{display:flex;align-items:center;gap:1rem}.inner-footer img{width:50px}.inner-footer p{margin:0}.inner-footer a{color:var(--praxis);font-weight:800;text-decoration:none}
@media(max-width:991.98px){.inner-top nav{display:none}.inner-top .btn-apply{margin-left:auto}.step-grid,.people-grid,.partner-grid{grid-template-columns:repeat(2,1fr)}.class-grid,.compare-grid{grid-template-columns:1fr 1fr}.rules-intro,.device-hero,.virtual-stage{grid-template-columns:1fr}.spec-grid{grid-template-columns:repeat(2,1fr)}.counselling-card{grid-template-columns:1fr}}
@media(max-width:767.98px){.inner-top{min-height:68px}.inner-top img{width:50px;height:50px}.inner-top .btn-apply{font-size:.75rem}.inner-hero{padding:4rem 0 3rem}.inner-hero h1{font-size:4.2rem}.content-section{padding:3rem 0}.step-grid,.learning-grid,.people-grid,.partner-grid,.class-grid,.compare-grid,.spec-grid,.rules-grid{grid-template-columns:1fr}.notice-box,.filter-tools,.download-toolbar{align-items:stretch;flex-direction:column}.check-grid{grid-template-columns:1fr}.download-card{grid-template-columns:auto 1fr}.download-card .btn{grid-column:1/-1}.rules-intro,.device-hero{grid-template-columns:1fr;gap:1.5rem}.tour-feature,.program-feature{min-height:600px}.tour-feature>div,.program-feature>div{width:88%;margin-left:1rem}.virtual-stage{padding:3rem 1rem}.counselling-card{padding:1.5rem}.inner-footer{align-items:flex-start;flex-direction:column;gap:1rem}}

[hidden]{display:none!important}.static-empty{grid-column:1/-1}


/* Interaktive Schulformen-Roadmap */
.school-roadmap{margin:clamp(3rem,7vw,6.5rem) 0;padding:clamp(1.3rem,3vw,2.4rem);border-radius:2rem;background:#0b1118;color:#fff;box-shadow:0 2rem 5rem rgba(0,35,60,.16);overflow:hidden}.roadmap-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.25fr);align-items:end;gap:2rem;margin-bottom:2rem}.roadmap-heading h2{margin:.35rem 0 .75rem;font-family:"Barlow Condensed",sans-serif;font-size:clamp(3rem,6vw,5.8rem);font-weight:700;line-height:.88}.roadmap-heading>div:first-child>p:last-child{max-width:660px;color:#aebdca;line-height:1.65}.roadmap-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.roadmap-tab{display:flex;min-height:116px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.6rem;padding:.85rem;border:1px solid #34424d;border-radius:1rem;background:#151e27;color:#fff;text-align:left;transition:all .25s ease}.roadmap-tab:hover,.roadmap-tab:focus-visible{transform:translateY(-3px);border-color:#718391;background:#1b2732}.roadmap-tab.active{border-color:var(--roadmap-accent,#29b9ef);box-shadow:inset 0 -4px 0 var(--roadmap-accent,#29b9ef),0 .8rem 2rem rgba(0,0,0,.2)}.roadmap-tab img{width:100%;height:54px;padding:.25rem .4rem;border-radius:.55rem;background:#fff;object-fit:contain}.roadmap-tab span{font-size:.78rem;font-weight:750;line-height:1.2}.roadmap-stage{--roadmap-color:#006ab2;--roadmap-ink:#fff;--roadmap-soft:#dff3ff;padding:clamp(1rem,2.4vw,1.8rem);border-radius:1.4rem;background:linear-gradient(145deg,#fff 0%,#eef8fd 100%);color:#101820;transition:background .35s ease}.roadmap-stage.roadmap-creative{--roadmap-color:#84744e;--roadmap-ink:#fff;--roadmap-soft:#eee9df}.roadmap-stage.roadmap-praxis{--roadmap-color:#fcebc1;--roadmap-ink:#27231b;--roadmap-soft:#fff8e6}.roadmap-summary{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:1.3rem;padding:1rem 1rem 1.5rem;border-bottom:1px solid #d7e1e7}.roadmap-summary-logo{display:flex;height:88px;align-items:center;justify-content:center;padding:.6rem;border:5px solid var(--roadmap-color);background:#fff}.roadmap-summary-logo img{width:100%;height:100%;object-fit:contain}.roadmap-summary span{color:var(--roadmap-color);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.roadmap-summary h3{margin:.15rem 0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700}.roadmap-summary p{max-width:760px;margin:0;color:#596873}.roadmap-detail-button{border:2px solid var(--roadmap-color);background:var(--roadmap-color);color:var(--roadmap-ink);font-weight:800;padding:.75rem 1.15rem}.roadmap-detail-button:hover{border-color:#0b1118;background:#0b1118;color:#fff}.roadmap-scroll-hint{display:none;margin:1rem 0 0;color:#657782;font-size:.72rem;font-weight:700}.roadmap-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.roadmap-viewport::-webkit-scrollbar{display:none}.roadmap-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:1rem;min-width:max-content;padding:2.2rem .3rem 1.2rem}.roadmap-track:before{content:"";position:absolute;left:2rem;right:2rem;top:50%;height:2px;background:linear-gradient(90deg,#aeb9c0,var(--roadmap-color));opacity:.45}.roadmap-step{position:relative;display:grid;min-height:300px;align-items:center;scroll-snap-align:start}.roadmap-number{position:absolute;left:-.1rem;z-index:0;color:color-mix(in srgb,var(--roadmap-color) 90%,#28343d);font-family:"Barlow Condensed",sans-serif;font-size:11rem;font-weight:700;line-height:1;opacity:.24}.roadmap-card{position:relative;z-index:1;display:flex;min-height:248px;flex-direction:column;justify-content:center;margin-left:2.6rem;padding:2rem 1.5rem 2rem 2.3rem;border-left:8px solid rgba(255,255,255,.82);border-radius:0 999px 999px 0;background:color-mix(in srgb,var(--roadmap-color) 70%,#6e7780);color:var(--roadmap-ink);box-shadow:0 1rem 2.2rem rgba(18,42,56,.16)}.roadmap-step:nth-child(1) .roadmap-card{background:color-mix(in srgb,var(--roadmap-color) 28%,#9ca1a5)}.roadmap-step:nth-child(2) .roadmap-card{background:color-mix(in srgb,var(--roadmap-color) 46%,#88968c)}.roadmap-step:nth-child(3) .roadmap-card{background:color-mix(in srgb,var(--roadmap-color) 65%,#658b7a)}.roadmap-step:nth-child(4) .roadmap-card{background:color-mix(in srgb,var(--roadmap-color) 82%,#326e70)}.roadmap-step:nth-child(5) .roadmap-card{background:var(--roadmap-color)}.roadmap-praxis .roadmap-card{color:#27231b}.roadmap-card small{font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.roadmap-card h4{margin:.45rem 0 .55rem;font-family:"Barlow Condensed",sans-serif;font-size:1.75rem;font-weight:700;line-height:1}.roadmap-card p{margin:0 0 .85rem;font-size:.78rem;line-height:1.48;opacity:.9}.roadmap-card b{align-self:flex-start;padding:.35rem .55rem;border-radius:50rem;background:rgba(255,255,255,.2);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.roadmap-progress{height:4px;margin:.3rem 1rem 0;border-radius:20px;background:#d9e1e6;overflow:hidden}.roadmap-progress span{display:block;width:20%;height:100%;border-radius:inherit;background:var(--roadmap-color);transition:width .15s ease}
@media(max-width:1199.98px){.roadmap-heading{grid-template-columns:1fr}.roadmap-switcher{max-width:none}.roadmap-summary{grid-template-columns:150px minmax(0,1fr)}.roadmap-summary .roadmap-detail-button{grid-column:1/-1;justify-self:start}.roadmap-scroll-hint{display:block}.roadmap-track{grid-auto-columns:minmax(255px,34vw)}}
@media(max-width:767.98px){.school-roadmap{margin-inline:-.5rem;border-radius:1.3rem}.roadmap-switcher{grid-template-columns:1fr}.roadmap-tab{min-height:74px;flex-direction:row;align-items:center}.roadmap-tab img{width:122px;height:50px}.roadmap-summary{grid-template-columns:1fr}.roadmap-summary-logo{width:180px}.roadmap-track{grid-auto-columns:82vw}.roadmap-card{min-height:230px}.roadmap-number{font-size:9rem}}


/* Roadmaps auf den Schulform-Detailseiten */
.detail-roadmap-section{margin:clamp(3.5rem,7vw,6rem) 0}.detail-roadmap-heading{max-width:850px;margin-bottom:1.6rem}.detail-roadmap-heading h2{margin:.25rem 0 .6rem;font-family:"Barlow Condensed",sans-serif;font-size:clamp(3rem,6vw,5.4rem);font-weight:700;line-height:.92}.detail-roadmap-heading>p:last-child{color:#64727c;font-size:1.05rem}.detail-roadmap .roadmap-summary{grid-template-columns:190px minmax(0,1fr)}.detail-roadmap-track{grid-auto-flow:row;width:100%;min-width:100%}.detail-roadmap-track.steps-5{grid-template-columns:repeat(5,minmax(215px,1fr));min-width:1100px}.detail-roadmap-track.steps-3{grid-template-columns:repeat(3,minmax(230px,1fr));min-width:720px}.detail-roadmap .roadmap-step{min-height:320px}.detail-roadmap .roadmap-card{min-height:260px}.detail-roadmap .roadmap-card p{font-size:.8rem}.detail-roadmap .roadmap-progress{display:none}
@media(max-width:1199.98px){.detail-roadmap-track.steps-5,.detail-roadmap-track.steps-3{width:max-content}.detail-roadmap-track.steps-5{grid-template-columns:repeat(5,minmax(270px,32vw))}.detail-roadmap-track.steps-3{grid-template-columns:repeat(3,minmax(270px,38vw))}}
@media(max-width:767.98px){.detail-roadmap-section{margin-inline:-.15rem}.detail-roadmap .roadmap-summary{grid-template-columns:1fr}.detail-roadmap-track.steps-5{grid-template-columns:repeat(5,82vw)}.detail-roadmap-track.steps-3{grid-template-columns:repeat(3,82vw)}}


/* Einheitlicher Startseiten-Kopf und Swoosh-Banner auf allen Inhaltsseiten */
.page-has-unified-header .site-header{position:sticky;top:0;z-index:1040}.page-has-unified-header .inner-hero{isolation:isolate;min-height:clamp(390px,48vw,610px);display:flex;align-items:center;padding-block:clamp(4.5rem,8vw,8rem);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(125deg,#031f34,#006ab2 62%,#21b9ef);background-size:48px 48px,48px 48px,auto}.page-has-unified-header .inner-hero.tone-creative{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(125deg,#201d16,#84744e 65%,#b7a474)}.page-has-unified-header .inner-hero.tone-praxis{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(125deg,#312b20,#8e7950 64%,#f0d18d)}.page-has-unified-header .inner-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 74% 28%,rgba(113,226,255,.28),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.22),transparent 68%)}.banner-swoosh{position:absolute!important;z-index:0!important;width:min(74vw,1150px)!important;height:auto!important;max-width:none!important;pointer-events:none;user-select:none;object-fit:contain!important;opacity:.68!important;filter:drop-shadow(0 0 16px rgba(81,224,255,.62));mix-blend-mode:screen;animation:swooshFloat 9s ease-in-out infinite alternate}.inner-hero .banner-swoosh{right:-9%;bottom:-24%;inset:auto -9% -24% auto}.program-feature .banner-swoosh,.tour-feature .banner-swoosh{right:-7%;bottom:-30%;left:auto;top:auto;inset:auto -7% -30% auto;opacity:.54!important}.banner-swoosh-2{transform:rotate(-7deg) scale(.95)}.banner-swoosh-3{transform:rotate(4deg) scale(1.08)}.banner-swoosh-4{right:-16%!important;bottom:-38%!important;transform:scale(.92)}.banner-swoosh-5{right:-18%!important;bottom:-44%!important;width:min(62vw,900px)!important}.page-has-unified-header .inner-hero>.container-xxl{z-index:2}.program-feature>div,.tour-feature>div{z-index:3}@keyframes swooshFloat{0%{translate:-1.5% 1%;filter:drop-shadow(0 0 12px rgba(81,224,255,.5))}100%{translate:2% -2%;filter:drop-shadow(0 0 24px rgba(81,224,255,.8))}}
@media(max-width:1199.98px){.page-has-unified-header .inner-hero{min-height:430px}.banner-swoosh{width:980px!important;right:-340px!important;opacity:.5!important}}
@media(max-width:767.98px){.page-has-unified-header .inner-hero{min-height:390px}.banner-swoosh{width:760px!important;right:-380px!important;bottom:-20%!important;opacity:.42!important}.page-has-unified-header .inner-hero h1{font-size:clamp(3.5rem,16vw,5rem)}}
@media(prefers-reduced-motion:reduce){.banner-swoosh{animation:none}}


/* Drei moderne Designstudien */
.concept-page{background:#fff}.concept-page .site-header{position:sticky;top:0;z-index:1050}.concept-kicker{margin:0;color:#d9bf79;font-size:.7rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.concept-section{padding:clamp(4.5rem,8vw,8rem) 0}.concept-heading{max-width:900px;margin-bottom:2.5rem}.concept-heading .font-satisfy{margin:0;color:#84744e;font-size:2.35rem}.concept-heading h2{margin:.25rem 0;font:700 clamp(3.5rem,7vw,7rem)/.86 "Barlow Condensed",sans-serif;letter-spacing:-.035em}.concept-heading>p:last-child{color:#62717b}.cinematic-hero{position:relative;display:flex;min-height:calc(100vh - 128px);align-items:center;overflow:hidden;background:#02070b;color:#fff;isolation:isolate}.concept-hero-photo,.concept-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.concept-shade{z-index:1;background:linear-gradient(90deg,rgba(1,8,14,.95) 0%,rgba(1,8,14,.78) 42%,rgba(1,8,14,.15) 78%),linear-gradient(0deg,#02070b 0%,transparent 36%)}.concept-swoosh{position:absolute;z-index:2;right:-8%;bottom:-28%;width:min(80vw,1250px);filter:drop-shadow(0 0 25px #41dfff);mix-blend-mode:screen;animation:swooshFloat 8s ease-in-out infinite alternate}.concept-hero-content{position:relative;z-index:3}.concept-hero-content h1{max-width:1000px;margin:.8rem 0 1rem;font:700 clamp(5rem,10vw,10rem)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.05em}.concept-hero-content h1 span{color:#fcebc1}.concept-hero-content>p:not(.concept-kicker){max-width:670px;margin-bottom:2rem;color:#d5e7f0;font-size:1.15rem}.cinematic-stats{position:absolute;z-index:4;right:4%;bottom:3%;display:flex;gap:2rem;padding:1rem 1.3rem;border:1px solid rgba(255,255,255,.24);border-radius:1rem;background:rgba(4,11,17,.65);backdrop-filter:blur(15px)}.cinematic-stats span{display:flex;flex-direction:column;color:#9fb0bb;font-size:.67rem}.cinematic-stats b{color:#fff;font-size:1rem}.cinematic-stories{background:#081019;color:#fff}.cinematic-stories .concept-heading h2{color:#fff}.cinematic-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.story-card{position:relative;display:flex;min-height:470px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:1.5rem;border-radius:1.4rem;color:#fff;text-decoration:none;isolation:isolate}.story-card.story-wide{grid-column:span 2}.story-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.story-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,8,13,.95),transparent 70%)}.story-card:hover img{transform:scale(1.06)}.story-card span{color:#fcebc1;font-size:.7rem;font-weight:800;letter-spacing:.15em}.story-card h3{margin:.3rem 0;font:700 3rem/1 "Barlow Condensed",sans-serif}.story-card p{max-width:520px;margin:0;color:#d5e0e7}.concept-all-areas{background:#eef6fa}.concept-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.directory-group{padding:1.4rem;border-radius:1.2rem;background:#fff;box-shadow:0 1rem 2.5rem rgba(10,51,75,.07)}.directory-group h3{margin-bottom:1rem;font:700 1.8rem "Barlow Condensed",sans-serif}.directory-link{display:flex;justify-content:space-between;gap:1rem;padding:.68rem 0;border-bottom:1px solid #e5ebef;color:#24323c;text-decoration:none;font-size:.82rem;font-weight:650}.directory-link b{color:#006ab2}.directory-link:hover{color:#006ab2}.editorial-hero{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;min-height:720px;align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(3rem,7vw,7rem) max(1.25rem,calc((100vw - 1320px)/2));overflow:hidden;background:#f8f5ee}.editorial-copy{position:relative;z-index:2}.editorial-copy .font-satisfy{margin:.6rem 0 0;color:#84744e;font-size:2.5rem}.editorial-copy h1{margin:.25rem 0 1rem;font:700 clamp(4.5rem,8vw,8rem)/.82 "Barlow Condensed",sans-serif;letter-spacing:-.05em}.editorial-copy>p:not(.concept-kicker):not(.font-satisfy){max-width:590px;color:#56636b;line-height:1.7}.editorial-hero figure{position:relative;z-index:1;margin:0}.editorial-hero figure img{width:100%;min-height:560px;object-fit:cover;border-radius:46% 46% 1.4rem 1.4rem}.editorial-hero figcaption{position:absolute;right:-1rem;bottom:2rem;padding:1rem 1.2rem;border-radius:.8rem;background:#fff;font-weight:750;box-shadow:0 1rem 2.5rem rgba(0,0,0,.15)}.editorial-swoosh{position:absolute;right:-12%;bottom:-32%;width:75%;opacity:.34;filter:drop-shadow(0 0 18px #32cfff);mix-blend-mode:multiply}.editorial-chapters{position:sticky;top:128px;z-index:30;display:flex;justify-content:center;gap:2rem;padding:1rem;background:rgba(255,255,255,.9);border-bottom:1px solid #e5e5e5;backdrop-filter:blur(12px)}.editorial-chapters a{color:#15212a;text-decoration:none;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.editorial-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.editorial-filter button{padding:.7rem 1rem;border:1px solid #ccd5da;border-radius:50rem;background:#fff;font-weight:750}.editorial-filter button.active{border-color:#111820;background:#111820;color:#fff}.editorial-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.editorial-card{overflow:hidden;border-radius:1.2rem;background:#eef4f7;transition:.3s}.editorial-card.editorial-feature{grid-column:span 2}.editorial-card[hidden]{display:none}.editorial-card img{width:100%;height:300px;object-fit:cover}.editorial-card div{padding:1.4rem}.editorial-card small{color:#84744e;font-weight:800}.editorial-card h3{margin:.4rem 0;font:700 2.4rem/1 "Barlow Condensed",sans-serif}.editorial-card a{color:#006ab2;text-decoration:none;font-weight:800}.editorial-card:hover{transform:translateY(-7px);box-shadow:0 1.5rem 3rem rgba(12,48,66,.12)}.editorial-directory{background:#111820;color:#fff}.editorial-directory .concept-heading h2{color:#fff}.editorial-directory-grid .directory-group{background:#18232c;box-shadow:none}.editorial-directory-grid .directory-link{border-color:#2d3b45;color:#dbe5eb}.editorial-directory-grid .directory-link:hover{color:#63d9ff}.bento-hero{padding:2rem 0 4rem;background:#e9f5fb}.bento-hero-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:repeat(2,minmax(260px,1fr));gap:1rem}.bento-hero-grid>article,.bento-hero-grid>a{position:relative;overflow:hidden;border-radius:1.4rem}.bento-lead{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4.5rem);background:#07131d;color:#fff}.bento-lead h1{position:relative;z-index:2;margin:.7rem 0 1rem;font:700 clamp(4.5rem,8vw,8rem)/.8 "Barlow Condensed",sans-serif}.bento-lead h1 span{color:#4dd8ff}.bento-lead p:not(.concept-kicker){position:relative;z-index:2;max-width:520px;color:#bed1dd}.bento-lead .btn{position:relative;z-index:3;align-self:flex-start}.bento-lead>img{position:absolute;right:-38%;bottom:-28%;width:110%;opacity:.58;filter:drop-shadow(0 0 20px #2ed8ff);mix-blend-mode:screen}.bento-image{min-height:260px}.bento-image-large{grid-column:span 2}.bento-image img{width:100%;height:100%;object-fit:cover}.bento-image span,.bento-image a{position:absolute;left:1rem;bottom:1rem;padding:.65rem .85rem;border-radius:.65rem;background:#fff;color:#111820;text-decoration:none;font-weight:800}.bento-tile{display:flex;flex-direction:column;justify-content:flex-end;padding:1.4rem;color:#fff;text-decoration:none}.bento-tile small{position:absolute;right:1rem;top:1rem;font-weight:800}.bento-tile h2{margin:0;font:700 2rem/1 "Barlow Condensed",sans-serif}.bento-tile p{margin:.45rem 0 0;font-size:.75rem}.bento-blue{background:#006ab2}.bento-gold{background:#84744e}.bento-paper{background:#fcebc1;color:#26221a}.bento-search-row{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.bento-search-row .font-satisfy{margin:0;color:#84744e;font-size:2.4rem}.bento-search-row h2{margin:0;font:700 5rem/1 "Barlow Condensed",sans-serif}.bento-search-row label{position:relative;display:block;width:min(100%,520px)}.bento-search-row label span{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.6rem}.bento-search-row input{width:100%;padding:1.15rem 1.2rem 1.15rem 3.4rem;border:0;border-radius:1rem;background:#eef5f8;box-shadow:0 .8rem 2rem rgba(10,45,65,.08)}.bento-directory .directory-group{border:1px solid #dde5e9;box-shadow:none}.directory-empty{padding:2rem;border-radius:1rem;background:#fff2d8;text-align:center;font-weight:750}.command-palette{position:fixed;inset:0;z-index:2000;display:grid;place-items:start center;padding-top:min(15vh,150px)}.command-palette[hidden]{display:none}.command-backdrop{position:absolute;inset:0;border:0;background:rgba(3,8,12,.76);backdrop-filter:blur(8px)}.command-palette>section{position:relative;width:min(92vw,760px);max-height:72vh;overflow:hidden;border-radius:1.2rem;background:#111a22;color:#fff;box-shadow:0 2rem 6rem rgba(0,0,0,.5)}.command-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid #2c3943}.command-search input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:1.15rem}.command-search kbd{background:#2a3640}.command-results{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-height:60vh;overflow:auto;padding:1rem}.command-group h3{color:#72dcff;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.command-link{display:flex;justify-content:space-between;padding:.65rem;border-radius:.55rem;color:#dce6ec;text-decoration:none}.command-link:hover{background:#22313c;color:#fff}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1199.98px){.concept-directory{grid-template-columns:1fr 1fr}.cinematic-stats{display:none}.editorial-chapters{top:118px}.bento-hero-grid{grid-template-columns:1fr 1fr}.bento-lead{grid-column:span 2;grid-row:auto}.bento-image-large{grid-column:auto}}
@media(max-width:767.98px){.cinematic-hero{min-height:720px}.concept-hero-content h1{font-size:5rem}.cinematic-story-grid,.editorial-card-grid,.concept-directory{grid-template-columns:1fr}.story-card.story-wide,.editorial-card.editorial-feature{grid-column:auto}.story-card{min-height:400px}.editorial-hero{grid-template-columns:1fr;padding-top:4rem}.editorial-hero figure img{min-height:400px}.editorial-chapters{top:90px;justify-content:flex-start;overflow-x:auto}.bento-hero-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-lead,.bento-image-large{grid-column:auto}.bento-lead{min-height:620px}.bento-search-row{align-items:stretch;flex-direction:column}.bento-search-row h2{font-size:4rem}.command-results{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}


/* Auswahl der drei Designstudien auf der Startseite */
.design-study-launcher{padding:clamp(4.5rem,8vw,8rem) 0;background:#071019;color:#fff}.design-study-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:2rem;margin-bottom:2.5rem}.design-study-heading .font-satisfy{margin:0;color:#fcebc1;font-size:2.25rem}.design-study-heading h2{margin:.2rem 0;font:700 clamp(3.5rem,7vw,6.5rem)/.88 "Barlow Condensed",sans-serif}.design-study-heading>p{margin:0;color:#aebdc7;line-height:1.7}.design-study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.design-study-grid a{position:relative;display:flex;min-height:340px;flex-direction:column;padding:1.6rem;border:1px solid #2b3a45;border-radius:1.3rem;background:#111b24;color:#fff;text-decoration:none;overflow:hidden;transition:.3s}.design-study-grid a:after{content:"";position:absolute;right:-20%;bottom:-40%;width:260px;height:260px;border-radius:50%;background:#006ab2;filter:blur(45px);opacity:.25}.design-study-grid a:nth-child(2):after{background:#84744e}.design-study-grid a:nth-child(3):after{background:#fcebc1}.design-study-grid a:hover{transform:translateY(-8px);border-color:#66dcff;background:#17242e}.design-study-grid span{color:#6d8391;font-size:.72rem;font-weight:850;letter-spacing:.15em}.design-study-grid small{margin-top:3rem;color:#fcebc1;font-weight:750}.design-study-grid h3{margin:.45rem 0;font:700 2.8rem/1 "Barlow Condensed",sans-serif}.design-study-grid p{color:#aebdc7}.design-study-grid b{position:relative;z-index:2;margin-top:auto;color:#65dcff}@media(max-width:991.98px){.design-study-heading{grid-template-columns:1fr}.design-study-grid{grid-template-columns:1fr}}

/* School detail story sliders + reusable level roadmaps */
.school-story{--story-accent:#006ab2;--story-soft:#66dcff;position:relative;overflow:hidden;background:#06121b;color:#fff}.school-story-creative{--story-accent:#84744e;--story-soft:#ddc98e}.school-story-praxis{--story-accent:#f0d891;--story-soft:#fcebc1}.school-story-carousel,.school-story .carousel-inner,.school-story .carousel-item,.story-slide{min-height:clamp(480px,51vw,690px)}.story-slide{position:relative;display:flex;overflow:hidden;isolation:isolate}.story-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.02);transform:scale(1.015);transition:transform 7s ease}.carousel-item.active .story-media{transform:scale(1.075)}.story-slide-right .story-media{object-position:60% center}.story-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,10,16,.97) 0%,rgba(2,14,23,.85) 35%,rgba(2,13,21,.3) 67%,rgba(1,8,13,.52) 100%)}.story-slide-right .story-overlay{background:linear-gradient(270deg,rgba(2,10,16,.97) 0%,rgba(2,14,23,.86) 35%,rgba(2,13,21,.28) 69%,rgba(1,8,13,.58) 100%)}.story-swoosh{position:absolute;z-index:2;left:-6%;right:auto;bottom:-7%;width:112%;height:46%;object-fit:fill;opacity:.78;mix-blend-mode:screen;pointer-events:none}.story-content{position:relative;z-index:3;display:flex;align-items:center;min-height:inherit;padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(5rem,9vw,8rem)}.story-copy{width:min(760px,60%)}.story-slide-right .story-copy{margin-left:auto}.story-count{display:inline-flex;margin-bottom:1rem;padding:.38rem .62rem;border-left:4px solid var(--story-soft);background:rgba(0,0,0,.32);font-size:.67rem;font-weight:800;letter-spacing:.14em}.story-kicker{margin:0 0 .55rem;color:var(--story-soft);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.story-copy h1{max-width:850px;margin:0;font:700 clamp(4.2rem,7.7vw,8.5rem)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.045em;text-wrap:balance}.story-lead{max-width:650px;margin:1.4rem 0 0;color:#e6eef2;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.62}.story-actions{display:flex;align-items:center;gap:1.25rem;margin-top:1.8rem}.story-cta{display:inline-flex;align-items:center;gap:1.8rem;padding:.85rem 1.15rem;border:1px solid var(--story-soft);border-radius:0;background:var(--story-soft);color:#06121b;font-weight:800;transition:all .35s ease}.story-cta:hover,.story-cta:focus-visible{border-color:#fff;background:#fff;color:var(--story-accent);transform:translateY(-2px)}.story-meta{color:#d3e0e6;font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.story-back{position:absolute;z-index:6;top:1.5rem;left:max(1rem,calc((100vw - 1320px)/2));padding:.48rem .72rem;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.72rem;font-weight:750;text-decoration:none;backdrop-filter:blur(8px)}.story-back:hover{border-color:var(--story-soft);color:var(--story-soft)}.story-controls{position:absolute;z-index:5;right:max(1rem,calc((100vw - 1320px)/2));bottom:2rem;display:flex}.story-controls .carousel-control-prev,.story-controls .carousel-control-next{position:static;width:52px;height:52px;border:1px solid rgba(255,255,255,.35);background:rgba(1,8,13,.68);color:#fff;font-size:1.25rem;opacity:1;transition:.25s}.story-controls .carousel-control-next{border-left:0}.story-controls button:hover,.story-controls button:focus-visible{background:var(--story-accent);color:#fff}.story-indicators{right:auto;bottom:2.55rem;left:max(1rem,calc((100vw - 1320px)/2));justify-content:flex-start;margin:0}.story-indicators [data-bs-target]{width:64px;height:3px;margin:0 5px 0 0;border:0;background:#fff;opacity:.35}.story-indicators .active{background:var(--story-soft);opacity:1}
.level-roadmap{--roadmap-accent:#006ab2;--roadmap-glow:#62dcff;--roadmap-card-1:#365d73;--roadmap-card-2:#176d99;--roadmap-card-3:#087bae;--roadmap-card-4:#006ab2;--roadmap-card-5:#004b82;margin:clamp(4rem,8vw,7rem) 0;scroll-margin-top:170px}.roadmap-theme-creative{--roadmap-accent:#84744e;--roadmap-glow:#ddc98e;--roadmap-card-1:#514a3a;--roadmap-card-2:#665b42;--roadmap-card-3:#756747;--roadmap-card-4:#84744e;--roadmap-card-5:#554a32}.roadmap-theme-praxis{--roadmap-accent:#84744e;--roadmap-glow:#fcebc1;--roadmap-card-1:#575248;--roadmap-card-2:#756b56;--roadmap-card-3:#97845e;--roadmap-card-4:#756b56;--roadmap-card-5:#575248}.level-roadmap-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-bottom:2rem}.level-roadmap-head h2{margin:.35rem 0 .8rem;font:700 clamp(4rem,8vw,7.6rem)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.045em}.level-roadmap-head h2 span{color:var(--roadmap-accent)}.level-roadmap-head>div:first-child>p:last-child{max-width:760px;color:#5c6b75;font-size:1.05rem;line-height:1.7}.level-roadmap-controls{display:flex;align-items:center;gap:.8rem}.level-roadmap-controls button{display:grid;width:56px;height:56px;place-items:center;border:1px solid #b8c8d2;border-radius:0;background:#fff;color:#08293f;font-size:1.4rem;transition:.25s}.level-roadmap-controls button:hover,.level-roadmap-controls button:focus-visible{border-color:var(--roadmap-accent);background:var(--roadmap-accent);color:#fff}.level-roadmap-controls button:disabled{cursor:not-allowed;opacity:.3}.level-roadmap-controls>div{min-width:118px;text-align:center}.level-roadmap-controls small{display:block;color:#73838e;font-size:.61rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.level-roadmap-controls strong{font:700 1.55rem "Barlow Condensed",sans-serif}.level-roadmap-frame{position:relative;overflow:hidden;padding:clamp(1.2rem,3vw,2.2rem);background:#071521;color:#fff;isolation:isolate}.level-roadmap-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--roadmap-glow) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--roadmap-glow) 11%,transparent) 1px,transparent 1px),radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--roadmap-accent) 32%,transparent),transparent 27%);background-size:42px 42px,42px 42px,auto}.level-roadmap-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.level-roadmap-viewport:active{cursor:grabbing}.level-roadmap-viewport::-webkit-scrollbar{display:none}.level-roadmap-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,29vw);gap:1rem;width:max-content;padding:.4rem 0 1rem}.level-card{--level:var(--roadmap-card-1);position:relative;display:flex;min-height:520px;flex-direction:column;overflow:hidden;padding:1.5rem;border:1px solid color-mix(in srgb,var(--roadmap-glow) 32%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--level) 86%,#112535),var(--level));color:#fff;scroll-snap-align:start;clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,18px 100%,0 calc(100% - 18px));transition:transform .25s,border-color .25s,filter .25s;outline:0}.level-card:nth-child(2){--level:var(--roadmap-card-2)}.level-card:nth-child(3){--level:var(--roadmap-card-3)}.level-card:nth-child(4){--level:var(--roadmap-card-4)}.level-card:nth-child(5){--level:var(--roadmap-card-5)}.level-card:before{content:"";position:absolute;left:0;top:0;width:8px;height:100%;background:var(--roadmap-glow);box-shadow:0 0 24px var(--roadmap-glow)}.level-card:after{content:"";position:absolute;right:-60px;top:-60px;width:190px;height:190px;border:1px solid rgba(255,255,255,.15);transform:rotate(45deg)}.level-card.active,.level-card:focus-visible{border-color:var(--roadmap-glow);filter:brightness(1.08);transform:translateY(-4px)}.level-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.22)}.level-card-top span,.level-card-top b{font-size:.62rem;font-weight:850;letter-spacing:.15em}.level-card-top b{color:var(--roadmap-glow)}.level-card-number{position:absolute;right:-.1rem;top:2rem;color:rgba(255,255,255,.08);font:700 12rem/1 "Barlow Condensed",sans-serif}.level-card>small{position:relative;z-index:2;margin-top:5.6rem;color:var(--roadmap-glow);font-weight:850;letter-spacing:.12em;text-transform:uppercase}.level-card h3{position:relative;z-index:2;margin:.45rem 0 .8rem;font:700 clamp(2.55rem,4vw,4rem)/.88 "Barlow Condensed",sans-serif}.level-card>p{position:relative;z-index:2;min-height:88px;color:#e1edf2;font-size:.86rem;line-height:1.6}.level-card ul{position:relative;z-index:2;display:grid;gap:.42rem;margin:1rem 0 1.4rem;padding:0;list-style:none}.level-card li{display:flex;align-items:center;gap:.55rem;color:#e4edf1;font-size:.75rem}.level-card li:before{content:"";width:7px;height:7px;background:var(--roadmap-glow)}.level-card footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.22)}.level-card footer span{padding:.45rem .65rem;background:rgba(255,255,255,.12);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.level-card footer i{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.35);font-style:normal}.level-card-final{background:linear-gradient(145deg,color-mix(in srgb,var(--roadmap-card-5) 76%,#06121b),var(--roadmap-accent))}.level-roadmap-bottom{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:2rem;margin-top:.6rem}.level-roadmap-bottom p{margin:0;color:#93a9b6;font-size:.7rem}.drag-symbol{display:inline-grid;width:28px;height:28px;margin-right:.4rem;place-items:center;border:1px solid #476170;color:var(--roadmap-glow)}.level-roadmap-progress{height:3px;background:#263945}.level-roadmap-progress span{display:block;width:20%;height:100%;background:var(--roadmap-glow);box-shadow:0 0 14px var(--roadmap-glow);transition:width .2s ease}
@media(min-width:1500px){.level-roadmap-rail{grid-auto-columns:minmax(350px,25vw)}}
@media(max-width:991.98px){.story-copy{width:min(720px,72%)}.level-roadmap-head{grid-template-columns:1fr}.level-roadmap-controls{justify-content:flex-start}.level-roadmap-rail{grid-auto-columns:minmax(320px,70vw)}}
@media(max-width:767.98px){.school-story-carousel,.school-story .carousel-inner,.school-story .carousel-item,.story-slide{min-height:330px}.story-content{align-items:flex-end;padding:3.6rem 1rem 4.6rem}.story-copy,.story-slide-right .story-copy{width:100%;margin:0}.story-copy h1{max-width:520px;font-size:clamp(2.75rem,13vw,4.15rem);line-height:.85}.story-kicker{margin-bottom:.35rem;font-size:.62rem}.story-count{position:absolute;top:1rem;right:1rem;margin:0}.story-lead{display:-webkit-box;max-width:540px;margin:.75rem 0 0;overflow:hidden;font-size:.86rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.story-actions{gap:.8rem;margin-top:1rem}.story-cta{gap:1rem;padding:.65rem .8rem;font-size:.78rem}.story-meta{display:none}.story-back{top:1rem;left:1rem;padding:.38rem .55rem;font-size:.62rem}.story-controls{right:1rem;bottom:1rem}.story-controls .carousel-control-prev,.story-controls .carousel-control-next{width:40px;height:40px;font-size:1rem}.story-indicators{bottom:1.55rem;left:1rem}.story-indicators [data-bs-target]{width:34px}.story-media,.story-slide-right .story-media{object-position:center}.story-overlay,.story-slide-right .story-overlay{background:linear-gradient(0deg,rgba(2,9,15,.98) 0%,rgba(2,12,20,.72) 57%,rgba(2,10,16,.28) 100%)}.story-swoosh{bottom:4%;height:28%;opacity:.62}.learning-grid{margin-top:1.25rem}}
@media(max-width:575.98px){.level-roadmap{scroll-margin-top:120px}.level-roadmap-frame{margin-inline:-.75rem}.level-roadmap-rail{grid-auto-columns:84vw}.level-card{min-height:490px}.level-roadmap-bottom{grid-template-columns:1fr;gap:1rem}.level-roadmap-head h2{font-size:4.1rem}}
@media(prefers-reduced-motion:reduce){.story-media,.story-cta,.level-card,.level-roadmap-progress span{transition:none}.carousel-fade .carousel-item{transition:none}}


/* Global split-heading swoosh + condensed quick access */
[data-swoosh-heading]{overflow:clip;isolation:isolate}
[data-swoosh-heading]>.swoosh-heading-line{display:block;width:max-content;max-width:100%;will-change:transform,opacity,filter;transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .72s ease,filter .9s ease}
.swoosh-motion-ready [data-swoosh-heading]:not(.swoosh-visible)>.swoosh-line-left{opacity:0;filter:blur(7px);transform:translate3d(clamp(-15rem,-13vw,-5rem),0,0) skewX(-4deg)}
.swoosh-motion-ready [data-swoosh-heading]:not(.swoosh-visible)>.swoosh-line-right{opacity:0;filter:blur(7px);transform:translate3d(clamp(5rem,13vw,15rem),0,0) skewX(4deg)}
[data-swoosh-heading].swoosh-visible>.swoosh-heading-line{opacity:1;filter:blur(0);transform:translate3d(0,0,0) skewX(0)}
[data-swoosh-heading]>.swoosh-line-right{transition-delay:.1s}
.quick-access{max-height:2200px;transition:max-height .42s cubic-bezier(.22,1,.36,1),border-color .3s ease}
.quick-access-bar{transition:min-height .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.site-header.quick-access-condensed .quick-access{max-height:0;border-color:transparent}
.site-header.quick-access-condensed .quick-access-bar{min-height:0;height:0;transform:translateY(-48px);opacity:0;pointer-events:none}
.site-header.quick-access-condensed .quick-toggle{position:fixed;z-index:1070;top:calc(82px + .75rem);right:max(1rem,calc((100vw - 1320px)/2));display:grid;width:46px;height:46px;min-height:46px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(4,9,13,.88);color:#fff;opacity:1;pointer-events:auto;box-shadow:0 .75rem 2rem rgba(0,0,0,.28);backdrop-filter:blur(12px);transition:background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.site-header.quick-access-condensed .quick-toggle:hover,.site-header.quick-access-condensed .quick-toggle:focus-visible{border-color:var(--praxis);background:#101820;color:var(--praxis);transform:translateY(-2px);box-shadow:0 1rem 2.4rem rgba(0,0,0,.36)}
.site-header.quick-access-condensed .quick-toggle-more,.site-header.quick-access-condensed .quick-toggle-less{display:none!important}
.site-header.quick-access-condensed .quick-toggle i{width:32px;height:32px;border:0;background:transparent;color:inherit}
.site-header.quick-access-condensed .quick-toggle:not(.collapsed) i{background:transparent;color:var(--praxis)}
.site-header.quick-access-condensed #quickAccessPanel{position:fixed;z-index:1045;top:82px;right:0;left:0;max-height:calc(100dvh - 82px);overflow-y:auto;overscroll-behavior:contain;background:#111820;box-shadow:0 1.5rem 3rem rgba(0,0,0,.34)}
.site-header.quick-access-condensed #quickAccessPanel .quick-access-panel{max-height:none}
@media(max-width:1199.98px){.site-header.quick-access-condensed .quick-toggle{top:calc(74px + .65rem);right:.75rem}.site-header.quick-access-condensed #quickAccessPanel{top:74px;max-height:calc(100dvh - 74px)}}
@media(max-width:767.98px){[data-swoosh-heading]>.swoosh-heading-line{width:auto;transition-duration:.82s}.site-header.quick-access-condensed .quick-toggle{width:42px;height:42px;min-height:42px}}
@media(prefers-reduced-motion:reduce){[data-swoosh-heading]>.swoosh-heading-line,.quick-access,.quick-access-bar,.site-header.quick-access-condensed .quick-toggle{transition:none!important}.swoosh-motion-ready [data-swoosh-heading]>.swoosh-heading-line{opacity:1!important;filter:none!important;transform:none!important}}


/* School overview: angular interactive roadmap tiles */
.school-roadmap-tiles{border-radius:0;background:linear-gradient(145deg,#071018,#101a24);box-shadow:0 2rem 5rem rgba(0,35,60,.18)}
.school-roadmap-tiles .roadmap-tab{position:relative;overflow:hidden;border-radius:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,8px 100%,0 calc(100% - 8px))}
.school-roadmap-tiles .roadmap-tab:after{content:"";position:absolute;right:-26px;top:-26px;width:64px;height:64px;border:1px solid rgba(255,255,255,.12);transform:rotate(45deg)}
.school-roadmap-tiles .roadmap-tab.active{background:#1a2732}
.school-roadmap-stage{transition:opacity .24s ease}
.school-roadmap-stage.is-switching{opacity:.55}
.school-roadmap-summary{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:1.4rem;margin-bottom:1rem;padding:1rem;border:1px solid #d7e2e8;background:#f5f9fb;color:#101820}
.school-roadmap-logo{display:flex;height:94px;align-items:center;justify-content:center;padding:.65rem;border:6px solid var(--roadmap-accent);background:#fff}
.school-roadmap-logo img{width:100%;height:100%;object-fit:contain}
.school-roadmap-summary>div:nth-child(2)>span{color:var(--roadmap-accent);font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.school-roadmap-summary h3{margin:.15rem 0;font:700 clamp(2.2rem,4vw,3.5rem)/.92 "Barlow Condensed",sans-serif}
.school-roadmap-summary p{max-width:720px;margin:0;color:#5b6b75;line-height:1.55}
.school-roadmap-summary a{display:inline-flex;margin-top:.55rem;color:var(--roadmap-accent);font-size:.74rem;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}
.school-roadmap-summary a:hover{text-decoration:underline;text-underline-offset:.25rem}
.school-roadmap-tiles .level-card{min-height:500px}
.school-roadmap-tiles .level-card h3{font-size:clamp(2.45rem,3.5vw,3.7rem)}
@media(max-width:1199.98px){.school-roadmap-summary{grid-template-columns:160px minmax(0,1fr)}.school-roadmap-summary .level-roadmap-controls{grid-column:1/-1}}
@media(max-width:767.98px){.school-roadmap-tiles{padding:1rem}.school-roadmap-summary{grid-template-columns:1fr;padding:.85rem}.school-roadmap-logo{width:180px;height:86px}.school-roadmap-summary .level-roadmap-controls{overflow:hidden}.school-roadmap-tiles .roadmap-tab{min-height:76px}.school-roadmap-tiles .level-roadmap-frame{margin-inline:-.25rem}.school-roadmap-tiles .level-card{min-height:475px}}


/* Lehrer-Suche: klickbare Profile, Fächer-Cross-Links & Marquee-Ribbon */
.people-grid{align-items:stretch}
.person-card{position:relative;display:flex;width:100%;height:100%;flex-direction:column;padding:1.5rem;border:1px solid transparent;border-radius:1.2rem;background:#f0f5f8;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:.22s}
.person-card:hover,.person-card:focus-visible{transform:translateY(-6px);border-color:var(--industrial);background:#fff;box-shadow:0 1.2rem 2.6rem rgba(11,55,79,.14);outline:none}
.person-card .person-avatar{transition:.22s}
.person-card:hover .person-avatar,.person-card:focus-visible .person-avatar{transform:scale(1.06)}
.person-card-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:1rem;color:var(--industrial);font-size:.76rem;font-weight:800}
.person-card-cta b{font-weight:800;transition:transform .22s}
.person-card:hover .person-card-cta b,.person-card:focus-visible .person-card-cta b{transform:translateX(4px)}

.subject-cloud{margin-top:3rem;padding:2rem;border-radius:1.4rem;background:#0b1118;color:#fff}
.subject-cloud-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.subject-cloud-head h2{margin:0;font:700 clamp(1.9rem,3vw,2.6rem) "Barlow Condensed",sans-serif}
.subject-cloud-head p{margin:.3rem 0 0;color:#aebdc7;font-size:.86rem}
.subject-pill-group{display:flex;flex-wrap:wrap;gap:.55rem}
.subject-pill{border:1px solid #34424d;border-radius:50rem;background:#151e27;color:#fff;padding:.55rem .95rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:.2s}
.subject-pill:hover,.subject-pill:focus-visible{border-color:var(--cyan);background:#1b2732;color:var(--cyan);outline:none}
.subject-pill span{color:#7f9fb2;font-weight:600}

.people-modal .modal-dialog{max-width:640px}
.people-modal .modal-content{border:0;border-radius:1.4rem;overflow:hidden}
.people-modal-header{position:relative;padding:2.2rem 2.2rem 1.6rem;background:linear-gradient(125deg,#031f34,#006ab2 68%,#21b9ef);color:#fff}
.people-modal-header .btn-close{position:absolute;right:1.2rem;top:1.2rem;filter:invert(1)}
.people-modal-avatar{display:grid;width:72px;height:72px;place-items:center;margin-bottom:1rem;border-radius:1rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);font:700 1.7rem "Barlow Condensed",sans-serif}
.people-modal-category{display:inline-flex;padding:.35rem .7rem;border-radius:50rem;background:rgba(255,255,255,.16);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.people-modal-header h2{margin:.6rem 0 0;font:700 2.3rem "Barlow Condensed",sans-serif}
.people-modal-role{margin:.2rem 0 0;color:#d8f5ff;font-size:.86rem}
.people-modal-body{padding:1.8rem 2.2rem 2.2rem}
.people-modal-block{margin-bottom:1.4rem}
.people-modal-block h3{margin:0 0 .7rem;color:var(--creative);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.pill-group{display:flex;flex-wrap:wrap;gap:.5rem}
.subject-pill.is-inline,.teacher-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border:1px solid #dbe5ea;border-radius:50rem;background:#f0f5f8;color:#111820;font-size:.8rem;font-weight:700;cursor:pointer;transition:.2s}
.subject-pill.is-inline:hover,.teacher-pill:hover,.subject-pill.is-inline:focus-visible,.teacher-pill:focus-visible{border-color:var(--industrial);background:#dff3ff;color:#00507f;outline:none}
.teacher-pill span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--industrial),var(--cyan));color:#fff;font-size:.66rem;font-weight:800}
.people-modal-bio{color:#4c5964;line-height:1.65}
.people-modal-contact{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid #e4eaee}
.people-modal-contact span{color:#68737c;font-size:.82rem;font-weight:700}

.marquee-ribbon{position:relative;z-index:2;overflow:hidden;padding:1.3rem 0;background:#070a0d;border-block:1px solid #1c252d}
.marquee-lane+.marquee-lane{margin-top:1.3rem;padding-top:1.3rem;border-top:1px solid #1c252d}
.marquee-track{display:flex;align-items:center;width:max-content;gap:2.4rem;will-change:transform}
.marquee-lane-a .marquee-track{animation:marqueeRight 32s linear infinite}
.marquee-lane-b .marquee-track{animation:marqueeLeft 26s linear infinite}
.marquee-track span{flex:none;color:#fff;font:700 clamp(1.4rem,3vw,2.4rem) "Barlow Condensed",sans-serif;text-transform:uppercase;white-space:nowrap}
.marquee-track span:after{content:"✦";display:inline-block;margin-left:2.4rem;color:var(--cyan);font-size:1rem;vertical-align:middle}
@keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marqueeRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:767.98px){.people-modal-header{padding:1.6rem}.people-modal-body{padding:1.4rem}.people-modal-contact{flex-direction:column;align-items:flex-start}.subject-cloud{padding:1.4rem}.marquee-track span{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.marquee-lane-a .marquee-track,.marquee-lane-b .marquee-track{animation:none}}