/* ==========================================================================
   Inhaltsseiten der HAK/HAS Voitsberg (erzeugt mit tools/seiten.js) – baut auf css/style.css auf
   Farben: --industrial #006ab2 · --creative #84744e · --praxis #fcebc1 · Gold #d8bd78 · Cyan #21b9ef
   ========================================================================== */
:root{--gold:#d8bd78;--navy:#071019;--navy2:#0b1118;--linie:#dde7ec;--text2:#5b6872}

/* ---------- Grundbausteine ---------- */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media(scripting:none){.js .rv{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

.sec{padding:clamp(3.2rem,7vw,6rem) 0;background:#fff}
.sec.soft{background:#edf5f9}
.sec.dark{background:var(--navy);color:#fff}
.sec-head{max-width:900px;margin-bottom:2.2rem}
.sec-head.mb-0{margin-bottom:0}
.sec-head .eyebrow{margin-bottom:.4rem}
.sec-head h2,.split-h{margin:.2rem 0 .8rem;font:700 clamp(2.6rem,5vw,4.6rem)/.92 "Barlow Condensed",sans-serif;letter-spacing:-.03em}
.sec-head h2 span,.split-h span,.ho-download h2 span,.eras-cta h2 span{color:var(--industrial)}
.sec.dark .sec-head h2 span,.sec.dark .eras-cta h2 span{color:var(--cyan)}
.sec-head p{color:var(--text2);font-size:1.05rem;line-height:1.7}
.sec.dark .sec-head p{color:#aebdc7}
.sec.dark .eyebrow{color:var(--gold)}
.lead-text{font-size:1.18rem;line-height:1.75;color:#33424d}
.mini-h{margin:1.6rem 0 .8rem;font:700 1.9rem/1 "Barlow Condensed",sans-serif}
.bild-rund{display:block;width:100%;border-radius:1.6rem;box-shadow:0 1.4rem 3.4rem rgba(7,43,67,.16);object-fit:cover}
.breit-bild{margin:2rem 0 0}.breit-bild img{width:100%;border-radius:1.6rem;box-shadow:0 1.4rem 3.4rem rgba(7,43,67,.14)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);margin-bottom:clamp(2rem,5vw,4rem)}
.split>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.6rem;box-shadow:0 1.4rem 3.4rem rgba(7,43,67,.16)}
.split-rev>img{order:2}
.split p{color:#46535d;line-height:1.75}
.haken-liste{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.65rem}
.haken-liste li{position:relative;padding-left:2rem;line-height:1.6;color:#33424d}
.haken-liste li:before{content:"";position:absolute;left:0;top:.35rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--industrial) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat}
.sec.dark .haken-liste li{color:#d6e2ea}
.chip-liste{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none}
.chip-liste li{padding:.55rem .9rem;border-radius:50rem;background:#fff;border:1px solid var(--linie);font-size:.84rem;font-weight:600;color:#33424d}
.ziele-box{margin-top:2.5rem;padding:1.8rem;border-radius:1.5rem;background:#edf5f9}
.zitat{margin:1.6rem 0;padding:1.4rem 1.6rem;border-left:6px solid var(--cyan);border-radius:0 1.2rem 1.2rem 0;background:#f0f7fb}
.zitat p{margin:0;color:#33424d;font-size:1.05rem;line-height:1.75;font-style:italic}
.zitat footer{margin-top:.8rem;color:var(--text2);font-size:.82rem;font-weight:700}

/* Suche, Chips, Trefferzeile */
.suche{position:relative;display:block;flex:1 1 320px;max-width:560px}
.suche>span:first-child{position:absolute;left:1.1rem;top:50%;transform:translateY(-54%);font-size:1.7rem;color:var(--industrial);pointer-events:none}
.suche input{width:100%;padding:1rem 1.2rem 1rem 3.4rem;border:1px solid var(--linie);border-radius:1rem;background:#fff;box-shadow:0 .6rem 2rem rgba(14,65,93,.07);font-size:1rem}
.suche input:focus{outline:3px solid rgba(33,185,239,.45);border-color:var(--cyan)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{padding:.55rem 1rem;border:1px solid var(--linie);border-radius:50rem;background:#fff;color:#33424d;font-size:.82rem;font-weight:700;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--industrial);color:var(--industrial)}
.chip.active{border-color:#111820;background:#111820;color:#fff}
.chip:disabled{opacity:.45;cursor:not-allowed}
.chip-akzent{border-color:var(--gold);background:#fff8e6}
.chip-akzent.active{border-color:var(--gold);background:var(--gold);color:#201a0c}
.chip-creative.active{background:var(--creative);border-color:var(--creative)}
.chip-industrial.active{background:var(--industrial);border-color:var(--industrial)}
.chip-praxis.active{background:var(--praxis);border-color:var(--praxis);color:#2c2517}
.treffer{min-height:1.4em;margin:.8rem 0 0;color:var(--text2);font-size:.85rem;font-weight:700}
.leer-box{display:grid;gap:.3rem;margin-top:1.5rem;padding:2rem;border-radius:1.2rem;background:#fff2d8;text-align:center}
.leer-box span{color:#6b5a2b}

/* ---------- Schule: Kacheln ---------- */
.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.tile-card{position:relative;display:flex;min-height:400px;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:1.5rem;color:#fff;text-decoration:none;isolation:isolate;background:var(--navy2)}
.tile-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.tile-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,10,16,.94) 0%,rgba(2,10,16,.5) 55%,rgba(2,10,16,.06) 100%)}
.tile-card:hover img{transform:scale(1.07)}
.tile-nr{position:absolute;left:1.3rem;top:1.2rem;color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.16em}
.tile-arrow{position:absolute;right:1.1rem;top:1.1rem;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(0,0,0,.3);font-size:1.2rem;backdrop-filter:blur(8px);transition:.25s}
.tile-card:hover .tile-arrow{background:var(--gold);color:#111;border-color:var(--gold);transform:rotate(45deg)}
.tile-body{padding:1.6rem}
.tile-card h3{margin:0 0 .5rem;font:700 clamp(2rem,3vw,2.7rem)/.95 "Barlow Condensed",sans-serif}
.tile-card p{margin:0;max-width:38ch;color:#d4e2ea;font-size:.92rem;line-height:1.6}
.tile-inline{color:#fff;text-decoration:underline;text-underline-offset:.2rem}
.mehr-links{margin-top:3rem}
.mehr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.mehr-grid a{display:grid;gap:.25rem;padding:1.2rem 1.3rem;border:1px solid var(--linie);border-radius:1.1rem;background:#f5f9fc;color:#111820;text-decoration:none;transition:.22s}
.mehr-grid a:hover{transform:translateY(-4px);border-color:var(--industrial);background:#fff;box-shadow:0 1rem 2.2rem rgba(11,55,79,.1)}
.mehr-grid b{font:700 1.5rem/1 "Barlow Condensed",sans-serif}.mehr-grid span{color:var(--text2);font-size:.85rem}

/* ---------- Aufnahmeverfahren ---------- */
.tipp-box{margin-top:1.6rem;padding:1.5rem 1.6rem;border-radius:1.3rem;background:var(--praxis);color:#2c2517}
.tipp-box>b{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.tipp-box p{margin:.4rem 0 1rem}
.check-liste{list-style:none;counter-reset:c;margin:0;padding:0;display:grid;gap:.8rem}
.check-liste li{counter-increment:c;position:relative;padding:1rem 1.2rem 1rem 4rem;border-radius:1.1rem;background:#fff;border:1px solid var(--linie);font-size:1.05rem}
.check-liste li:before{content:counter(c);position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;background:var(--industrial);color:#fff;font:700 1.3rem "Barlow Condensed",sans-serif}
.zeiten-box{margin-top:1.4rem;padding:1rem 1.2rem;border-radius:1rem;background:#fff;border-left:5px solid var(--gold);font-size:.95rem}
.doc-feature{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:2rem;padding:1.4rem;border:1px solid var(--linie);border-radius:1.5rem;background:#f5f9fc;color:#111820;text-decoration:none;transition:.25s}
.doc-feature:hover{transform:translateY(-4px);box-shadow:0 1.4rem 3rem rgba(11,55,79,.12);background:#fff}
.doc-feature img{width:100%;border-radius:.8rem;box-shadow:0 .8rem 2rem rgba(0,0,0,.18)}
.doc-feature b{display:block;font:700 clamp(1.8rem,3vw,2.6rem)/1 "Barlow Condensed",sans-serif}
.doc-feature small{display:block;margin:.4rem 0 1.2rem;color:var(--text2)}
.embed-box{display:grid;place-items:center;min-height:240px;padding:2rem;border:2px dashed #9cb4c2;border-radius:1.5rem;background:#fff;text-align:center}
.embed-box.geladen{display:block;padding:0;border:0;background:transparent}
.embed-start{display:grid;gap:1rem;justify-items:center}.embed-start p{margin:0;font-weight:700}
.embed-start .btn{min-width:260px}
.embed-frame{display:block;width:100%;height:min(3000px,160vh);min-height:900px;border:0;border-radius:1.2rem;background:#fff;box-shadow:0 1rem 3rem rgba(11,55,79,.1)}
.lern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.lern-card{position:relative;padding:1.8rem;border:1px solid var(--linie);border-radius:1.5rem;background:#f5f9fc;overflow:hidden}
.lern-kuerzel{position:absolute;right:1.2rem;top:.6rem;color:rgba(0,106,178,.1);font:700 6rem/1 "Barlow Condensed",sans-serif}
.lern-card h3{position:relative;margin:0 0 .8rem;font:700 2.4rem/1 "Barlow Condensed",sans-serif}
.lern-card h4{margin:1.2rem 0 .6rem;color:#75663f;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lern-links{display:grid;gap:.4rem}.lern-links a{font-weight:700;font-size:.9rem}
.lern-liste{margin:0;padding-left:1.2rem;display:grid;gap:.6rem;color:#46535d;font-size:.92rem;line-height:1.55}

/* ---------- Frühtraining ---------- */
.zukunft-box{margin:1.6rem 0 0;padding:1.3rem 1.5rem;border-radius:1.2rem;background:linear-gradient(120deg,var(--industrial),#064574);color:#fff;font-size:1.05rem;line-height:1.6}
.foto-platz{display:grid;place-items:center;gap:.4rem;align-content:center;min-height:420px;padding:2rem;border-radius:1.8rem;background:linear-gradient(145deg,#06263e,#0a5c92 60%,#1fb4e6);color:#fff;text-align:center;box-shadow:0 1.4rem 3.4rem rgba(7,43,67,.2);position:relative;overflow:hidden}
.foto-platz:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:40px 40px}
.foto-platz>*{position:relative}.foto-platz span{font-size:4.5rem}.foto-platz b{font:700 2.2rem/1 "Barlow Condensed",sans-serif}.foto-platz small{opacity:.8}
.fakt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.fakt{padding:1.5rem;border-radius:1.3rem;background:#fff;border:1px solid var(--linie);border-top:5px solid var(--industrial)}
.fakt small{color:var(--creative);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.fakt b{display:block;margin:.3rem 0;font:700 1.9rem/1.05 "Barlow Condensed",sans-serif}
.fakt span{color:var(--text2);font-size:.9rem;line-height:1.55}
.coop-card{height:100%;padding:2rem;border-radius:1.5rem;background:#f5f9fc;border:1px solid var(--linie)}
.coop-card.dunkel{background:var(--navy);color:#fff;border-color:var(--navy)}.coop-card.dunkel .eyebrow{color:var(--gold)}.coop-card.dunkel a{color:var(--cyan)}
.poster-link img{display:block;width:100%;border-radius:1.2rem;box-shadow:0 1.6rem 3.6rem rgba(0,0,0,.45);transition:.3s}
.poster-link:hover img{transform:translateY(-6px) rotate(-1deg)}
.kontakt-paar{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.kontakt-paar>div{display:grid;gap:.2rem;padding:1.2rem;border:1px solid #2c3a46;border-radius:1.1rem;background:#111b24}
.kontakt-paar small{color:var(--gold);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}
.kontakt-paar b{font-size:1.1rem}.kontakt-paar span{color:#aebdc7;font-size:.86rem}.kontakt-paar a{color:var(--cyan);font-weight:700;font-size:.9rem}

/* ---------- Partner ---------- */
.kontakt-karte{display:grid;gap:.4rem;padding:1.8rem;border-radius:1.5rem;background:#f5f9fc;border:1px solid var(--linie)}
.kontakt-karte b{font:700 2rem/1 "Barlow Condensed",sans-serif}.kontakt-karte span{color:var(--text2)}
.kontakt-karte hr{margin:1rem 0;border-color:var(--linie)}
.partner-logo{display:block;max-width:220px;margin:0 0 1.2rem;padding:1rem;border-radius:1rem;background:#fff;border:1px solid var(--linie)}
.dank-box{display:grid;gap:.15rem;margin-top:1.4rem;padding:1.2rem 1.4rem;border-radius:1.1rem;background:#fff;border-left:5px solid var(--gold)}
.dank-box b{font:700 1.7rem/1 "Barlow Condensed",sans-serif}.dank-box span{color:var(--text2);font-size:.92rem}

/* ---------- Schutzkonzept ---------- */
.schutz-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.schutz-nav{position:sticky;top:130px;display:grid;gap:.2rem}
.schutz-nav a{padding:.65rem .9rem;border-left:3px solid var(--linie);color:#33424d;text-decoration:none;font-weight:650;font-size:.9rem;transition:.2s}
/* Erklärung zur Barrierefreiheit: laufende Messung (js/barrierefreiheit-messung.js) */
.a11y-kennzahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}
.a11y-kennzahlen div{padding:1rem;border-radius:16px;background:#f3f6f8;border:1px solid var(--linie)}
.a11y-kennzahlen b{display:block;font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.1;font-variant-numeric:tabular-nums;color:#0b1d2a}
.a11y-kennzahlen span{font-size:.85rem;color:#4a5963}
.a11y-details summary{cursor:pointer;font-weight:700;padding:.6rem 0}
.a11y-tabelle{width:100%;border-collapse:collapse;font-size:.92rem}
.a11y-tabelle th,.a11y-tabelle td{padding:.55rem .4rem;border-bottom:1px solid var(--linie);text-align:left;vertical-align:top}
.a11y-tabelle small{display:block;color:#4a5963}
.a11y-tabelle .a11y-zahl{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;color:#8a4b00}
.a11y-tabelle .a11y-zahl.voll{color:#1d6b38}
.a11y-quelle{font-size:.85rem;color:#4a5963;margin-top:.8rem}
@media(max-width:575.98px){.a11y-kennzahlen{grid-template-columns:repeat(2,minmax(0,1fr))}}
.schutz-nav a:hover{border-color:var(--industrial);background:#f0f7fb;color:var(--industrial)}
.schutz-text{display:grid;gap:1.1rem}
.schutz-block{position:relative;padding:2rem 2rem 2rem 5.5rem;border:1px solid var(--linie);border-radius:1.5rem;background:#f5f9fc;scroll-margin-top:140px}
.schutz-block.hervor{background:linear-gradient(135deg,var(--industrial),#064574);color:#fff;border-color:transparent}
.schutz-nr{position:absolute;left:1.5rem;top:1.6rem;color:rgba(0,106,178,.28);font:700 3.4rem/1 "Barlow Condensed",sans-serif}
.schutz-nr::before{content:attr(data-nr)}   /* Abschnittsnummer nur Schmuck (kein Text mit zu wenig Kontrast) */
.schutz-block.hervor .schutz-nr{color:rgba(255,255,255,.4)}
.schutz-block h2{margin:0 0 .8rem;font:700 clamp(1.9rem,3vw,2.7rem)/1 "Barlow Condensed",sans-serif}
.schutz-bild{margin:0 0 1.2rem}.schutz-bild img{width:100%;border-radius:1.4rem;box-shadow:0 1.2rem 3rem rgba(7,43,67,.14)}
.stand{margin:1.5rem 0 0;color:var(--text2)}

/* ---------- Lehrer & Management ---------- */
.schulleitung{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.schulleitung img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:60% 25%;border-radius:1.8rem;box-shadow:0 1.6rem 3.6rem rgba(7,43,67,.2)}
.schulleitung h2{margin:.2rem 0 .1rem;font:700 clamp(2.4rem,4vw,3.8rem)/.95 "Barlow Condensed",sans-serif}
.rolle-zeile{margin:0 0 .6rem;color:var(--creative);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}
.kontakt-zeile{margin:0 0 1rem;font-weight:700}
.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.staff-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border:1px solid var(--linie);border-radius:1.3rem;background:#fff;color:inherit;font:inherit;text-align:left}
button.staff-card{cursor:pointer;transition:.22s}button.staff-card:hover{transform:translateY(-4px);border-color:var(--industrial);box-shadow:0 1rem 2.4rem rgba(11,55,79,.12)}
.staff-card img{width:110px;height:110px;border-radius:1rem;object-fit:cover}
.staff-card b{display:block;font:700 1.45rem/1.05 "Barlow Condensed",sans-serif}
.staff-card em{display:block;margin:.2rem 0;color:var(--industrial);font-style:normal;font-weight:700;font-size:.85rem}
.staff-card small{display:block;color:var(--text2);font-size:.78rem;line-height:1.45}
.lehrer-tools{display:grid;gap:1rem;margin-bottom:1.6rem;padding:1.2rem;border-radius:1.4rem;background:#edf5f9}
.lehrer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.lehrer-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid transparent;border-radius:1.3rem;background:#fff;box-shadow:0 .6rem 1.8rem rgba(11,55,79,.08);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}
.lehrer-card:hover,.lehrer-card:focus-visible{transform:translateY(-7px);border-color:var(--industrial);box-shadow:0 1.4rem 3rem rgba(11,55,79,.18);outline:none}
.lehrer-card[hidden]{display:none}
.lehrer-card .foto{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#dfe9ef}
.lehrer-card img{width:100%;height:100%;object-fit:cover;object-position:62% 22%;transition:transform .7s}
.lehrer-card:hover img{transform:scale(1.07)}
.lehrer-card .kv{position:absolute;left:.7rem;bottom:.7rem;padding:.3rem .6rem;border-radius:50rem;background:rgba(7,16,25,.78);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em;backdrop-filter:blur(6px)}
.lehrer-card.rang-kv{border-color:#7cc6ee;box-shadow:0 .6rem 1.8rem rgba(0,106,178,.14)}.lehrer-card .kv{background:#006ab2}
.lehrer-card.rang-leitung{border-color:#d8bd78;box-shadow:0 .6rem 1.8rem rgba(176,138,40,.28)}.lehrer-card .marken{position:absolute;left:.7rem;bottom:.7rem;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:.3rem}.lehrer-card .marken .kv{position:static}.lehrer-card .kv.lei{background:#d8bd78;color:#3a2c06}
.lehrer-legende{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1rem;font-size:.78rem;font-weight:800}.lehrer-legende span{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:50rem}
.lehrer-legende .lg-kv{background:#006ab2;color:#fff}.lehrer-legende .lg-leitung{background:#d8bd78;color:#3a2c06}
.lehrer-card .info{display:flex;flex:1;flex-direction:column;gap:.35rem;padding:1rem 1.1rem 1.2rem}
.lehrer-card h3{margin:0;font:700 1.7rem/1 "Barlow Condensed",sans-serif}
.lehrer-card .faecher{color:#33424d;font-size:.82rem;font-weight:650;line-height:1.45}
.lehrer-card .funk{color:var(--creative);font-size:.74rem;font-weight:700;line-height:1.4}
.lehrer-card .mehr{margin-top:auto;padding-top:.7rem;color:var(--industrial);font-size:.76rem;font-weight:800}
.lehrer-card .mehr b{display:inline-block;transition:transform .22s}.lehrer-card:hover .mehr b{transform:translateX(4px)}
.fach-wolke{margin-top:3rem;padding:2rem;border-radius:1.5rem;background:var(--navy2);color:#fff}
.fach-wolke h2{margin:0;font:700 clamp(1.9rem,3vw,2.6rem) "Barlow Condensed",sans-serif}
.fach-wolke p{margin:.3rem 0 1.2rem;color:#aebdc7;font-size:.9rem}
.fach-pills{display:flex;flex-wrap:wrap;gap:.55rem}

/* Pop-up Lehrerprofil */
.pm-close{position:absolute;right:1rem;top:1rem;z-index:5;padding:.7rem;border-radius:50%;background-color:rgba(255,255,255,.9)}
.pm-teacher{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.pm-foto{position:relative;min-height:340px;background:#dfe9ef}
.pm-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 22%}
.pm-info{padding:2rem 2rem 2rem 1.8rem}
.pm-kv{display:inline-flex;padding:.35rem .7rem;border-radius:50rem;background:#dff3ff;color:#00507f;font-size:.7rem;font-weight:850;letter-spacing:.05em;text-decoration:none}
.pm-kv-leer{background:#eee9df;color:#665837}
.pm-kv-reihe{display:flex;flex-wrap:wrap;gap:.35rem}.pm-kv-co{background:#e9e4ff;color:#3d2a8a}
.pm-info h2{margin:.7rem 0 .2rem;font:700 clamp(2.2rem,4vw,3rem)/.95 "Barlow Condensed",sans-serif}
.pm-funk{margin:0 0 .8rem;color:var(--creative);font-weight:700;font-size:.9rem;line-height:1.45}
.pm-info h3,.pm-h{margin:1.1rem 0 .5rem;color:var(--creative);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.pm-sprech{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:1.1rem;padding:.8rem 1rem;border-radius:1rem;background:#f0f5f8;font-size:.88rem}
.pm-sprech span span{font-weight:800}
.pm-sprech.heute{background:#fff3cf;box-shadow:inset 0 0 0 2px var(--gold)}
.pm-sprech em{padding:.15rem .55rem;border-radius:50rem;background:var(--gold);color:#201a0c;font-size:.68rem;font-weight:850;font-style:normal;text-transform:uppercase}
.pm-kontakt{display:grid;gap:.4rem;margin-top:1.2rem;justify-items:start}.pm-kontakt small{color:var(--text2)}
.pm-lehrer-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.pm-lehrer{display:grid;grid-template-columns:56px minmax(0,1fr);gap:.7rem;align-items:center;padding:.5rem;border:1px solid var(--linie);border-radius:1rem;background:#f5f9fc;text-align:left;cursor:pointer;transition:.2s}
.pm-lehrer:hover{border-color:var(--industrial);background:#dff3ff}
.pm-lehrer img{width:56px;height:56px;border-radius:.7rem;object-fit:cover;object-position:62% 22%}
.pm-lehrer b{display:block;font:700 1.15rem/1.05 "Barlow Condensed",sans-serif}.pm-lehrer small{color:var(--text2);font-size:.7rem;line-height:1.3}

/* ---------- Klassen ---------- */
.klassen-filter{margin-bottom:1.6rem}
.klassen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.klasse-card{--c1:#006ab2;--c2:#21b9ef;position:relative;display:flex;align-items:flex-end;aspect-ratio:4/3;overflow:hidden;border-radius:1.4rem;color:#fff;isolation:isolate}
.klasse-card[hidden],.iq-banner[hidden]{display:none}
.klasse-card.sp-creative{--c1:#4d4330;--c2:#a8946a}.klasse-card.sp-praxis{--c1:#8e7950;--c2:#f0d18d;color:#241d0f}
.klasse-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,var(--c1),var(--c2))}
.klasse-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px}
.klasse-card img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}
.klasse-info{display:grid;gap:.1rem;width:100%;padding:1.1rem 1.2rem;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}
.klasse-card.sp-praxis .klasse-info{background:linear-gradient(0deg,rgba(255,248,230,.65),transparent)}
.klasse-info small{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.klasse-code{font:700 clamp(3.2rem,5vw,4.6rem)/.85 "Barlow Condensed",sans-serif}
.kv-link{justify-self:start;margin-top:.3rem;padding:.3rem .7rem;border:1px solid rgba(255,255,255,.55);border-radius:50rem;background:rgba(0,0,0,.28);color:inherit;font-size:.74rem;font-weight:700;backdrop-filter:blur(6px);cursor:pointer;transition:.2s}
.klasse-card.sp-praxis .kv-link{background:rgba(255,255,255,.55);border-color:rgba(0,0,0,.25)}
.kv-link:hover{background:#fff;color:#111}
/* Co-Klassenvorstand als zweiter Knopf (js/schuldaten-live.js): Karte wächst mit, damit das Klassen-Kürzel sichtbar bleibt */
.kv-link.kv-co{margin-top:.2rem}
.klasse-card:has(.kv-co){overflow:clip}   /* clip statt hidden: kein Scroll-Container → 4:3 bleibt Mindestmaß, der Inhalt darf die Karte verlängern */
.klassen-grid>.klasse-card{align-self:stretch;width:100%}   /* Nachbarkarten in derselben Reihe gleich hoch */
.klasse-card.hervor{outline:4px solid var(--gold);outline-offset:4px}
/* Bildvergrößerung der Klassenfotos (js/klassen.js): Knopf über dem Foto, die Infos bleiben darüber klickbar (KV-Knopf) */
.klasse-zoom{position:absolute;inset:0;z-index:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}
.klasse-zoom:focus-visible{outline:3px solid var(--gold,#f5c400);outline-offset:-3px}
.klasse-card:has(.klasse-zoom) .klasse-info{position:relative;z-index:1;pointer-events:none}
.klasse-card:has(.klasse-zoom) .kv-link{pointer-events:auto}
html.klb-offen{overflow:hidden}
.klb{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(5,10,16,.86);opacity:0;transition:opacity .2s}
.klb[hidden]{display:none}.klb.an{opacity:1}
.klb-fenster{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 17rem;width:min(1180px,100%);max-height:calc(100vh - 2rem);border-radius:1.2rem;background:#0f171f;color:#fff;overflow:hidden;box-shadow:0 1.5rem 4rem rgba(0,0,0,.45)}
.klb-bild{margin:0;display:flex;align-items:center;justify-content:center;min-height:0;background:#000;touch-action:pan-y}
.klb-bild img{display:block;max-width:100%;max-height:calc(100vh - 2rem);object-fit:contain}
.klb-info{display:flex;flex-direction:column;gap:.2rem;padding:3.4rem 1.4rem 1.4rem;overflow:auto}
.klb-sp{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9fc3db}
.klb-info h2{margin:0 0 .8rem;font:700 clamp(2.4rem,4vw,3.4rem)/.9 "Barlow Condensed",sans-serif}
.klb-daten{margin:0}.klb-daten dt{margin-top:.7rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9fb0bd}
.klb-daten dd{margin:.1rem 0 0;font-weight:600;overflow-wrap:anywhere}
.klb-zaehler{margin:auto 0 0;padding-top:1rem;font-size:.8rem;color:#9fb0bd}
.klb-zu,.klb-pfeil{position:absolute;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;transition:background .15s}
.klb-zu:hover,.klb-pfeil:hover{background:#fff;color:#111}
.klb-zu:focus-visible,.klb-pfeil:focus-visible{outline:3px solid var(--gold,#f5c400);outline-offset:2px}
.klb-zu{top:.7rem;right:.7rem}
.klb-pfeil{top:50%;transform:translateY(-50%)}.klb-pfeil[hidden]{display:none}
.klb-vor{left:.7rem}.klb-nach{right:calc(17rem + .7rem)}
@media(max-width:767.98px){
  .klb{padding:.5rem}
  .klb-fenster{grid-template-columns:minmax(0,1fr);max-height:calc(100vh - 1rem);overflow:auto}
  .klb-bild img{max-height:60vh}
  .klb-info{padding:1rem 1.1rem 1.2rem}
  .klb-pfeil{top:calc(min(30vh, 37.5vw) );width:2.5rem;height:2.5rem}
  .klb-nach{right:.6rem}.klb-vor{left:.6rem}
}
@media(prefers-reduced-motion:reduce){.klb,.klb-zu,.klb-pfeil{transition:none}}
.iq-banner{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.6rem;padding:1.8rem 2rem;border-radius:1.6rem;background:linear-gradient(120deg,#0b1118,#12304a 70%,#0a5c92);color:#fff;box-shadow:0 1.2rem 3rem rgba(7,43,67,.25)}
.iq-kamera{display:grid;width:92px;height:92px;place-items:center;border-radius:1.4rem;background:rgba(255,255,255,.12);font-size:3rem}
.iq-banner .eyebrow{color:var(--gold)}.iq-banner h3,.iq-banner .iq-titel{margin:.1rem 0 .4rem;font:700 clamp(1.8rem,3vw,2.6rem)/1 "Barlow Condensed",sans-serif}.iq-banner p{color:#cfe0ea;max-width:62ch}

/* ---------- Allgemeines & Schulordnung ---------- */
/* Schulordnung: Merksatz-Kacheln oben (Icon im Kreis, Schlagwort, kurzer Satz, Kapitel-Label) – ohne Unterstreichung */
.ho-blick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2.2rem}
.ho-blick{--akz:var(--industrial);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:1.4rem 1.4rem 1.3rem;border:1px solid var(--linie);border-radius:1.4rem;background:linear-gradient(160deg,#f5f9fc,#fff 65%);color:#111820;text-decoration:none!important;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.ho-blick:nth-child(3n+2){--akz:var(--creative)}
.ho-blick:nth-child(3n){--akz:#0a8fc4}
.ho-blick:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--akz);opacity:.85}
.ho-blick-icon{display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:50%;background:var(--akz);color:#fff;font-size:1.35rem;box-shadow:0 .5rem 1.2rem rgba(11,55,79,.16);transition:transform .25s}
.ho-blick-text{display:grid;gap:.3rem;min-width:0;padding-right:1.2rem}
.ho-blick-text small{color:#6b5d3a;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ho-blick-text b{color:#0b2d47;font:700 clamp(1.45rem,2vw,1.75rem)/1.02 "Barlow Condensed",sans-serif;overflow-wrap:anywhere}
.ho-blick-text>span{color:#33424d;font-size:.92rem;line-height:1.5}
.ho-blick-pfeil{position:absolute;right:.9rem;bottom:.8rem;color:var(--akz);font-size:1.4rem;line-height:1;transition:transform .25s}
.ho-blick:hover,.ho-blick:focus-visible{transform:translateY(-4px);border-color:var(--akz);box-shadow:0 1.2rem 2.6rem rgba(11,55,79,.13);text-decoration:none!important}
.ho-blick:hover .ho-blick-icon,.ho-blick:focus-visible .ho-blick-icon{transform:scale(1.08) rotate(-6deg)}
.ho-blick:hover .ho-blick-pfeil,.ho-blick:focus-visible .ho-blick-pfeil{transform:translateY(3px)}
.ho-blick:focus-visible{outline:3px solid var(--industrial);outline-offset:3px}
.ho-werkzeuge{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.6rem;padding:1.1rem;border-radius:1.4rem;background:#edf5f9}
.ho-werkzeuge .suche{flex:2 1 380px}
.ho-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.ho-werkzeuge .treffer{flex-basis:100%;margin:0}
.ho-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.ho-toc{position:sticky;top:130px;display:grid;gap:.15rem}
.ho-toc b{margin-bottom:.4rem;color:var(--creative);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.ho-toc a{display:flex;gap:.7rem;padding:.55rem .8rem;border-left:3px solid var(--linie);color:#33424d;text-decoration:none!important;font-size:.88rem;font-weight:650;transition:.2s}
.ho-toc a span{color:#5b6872;font-weight:800}
.ho-toc a:hover,.ho-toc a:focus-visible,.ho-toc a.aktiv{border-color:var(--industrial);background:#eaf5fc;color:var(--industrial);text-decoration:none!important}
.ho-toc a:focus-visible{outline:2px solid var(--industrial);outline-offset:2px}
.ho-toc a:hover span,.ho-toc a.aktiv span{color:var(--industrial)}
@media(prefers-reduced-motion:reduce){.ho-blick,.ho-blick-icon,.ho-blick-pfeil,.ho-toc a{transition:none}.ho-blick:hover,.ho-blick:focus-visible{transform:none}.ho-blick:hover .ho-blick-icon,.ho-blick:focus-visible .ho-blick-icon,.ho-blick:hover .ho-blick-pfeil,.ho-blick:focus-visible .ho-blick-pfeil{transform:none}}
.ho-liste{display:grid;gap:.9rem}
.ho-kapitel{border:1px solid var(--linie);border-radius:1.5rem;background:#f9fbfd;scroll-margin-top:140px;overflow:hidden}
.ho-kapitel[open]{background:#fff;box-shadow:0 1rem 2.6rem rgba(11,55,79,.07)}
.ho-kapitel summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.3rem 1.6rem;cursor:pointer;list-style:none}
.ho-kapitel summary::-webkit-details-marker{display:none}
.ho-nr{color:var(--industrial);font:700 2.8rem/1 "Barlow Condensed",sans-serif}
.ho-titel small{display:block;color:var(--creative);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ho-titel b{font:700 clamp(1.7rem,2.6vw,2.3rem)/1.05 "Barlow Condensed",sans-serif}
.ho-pfeil{width:34px;height:34px;border:1px solid var(--linie);border-radius:50%;position:relative;transition:.25s}
.ho-pfeil:before{content:"";position:absolute;left:50%;top:45%;width:9px;height:9px;border-right:2px solid #33424d;border-bottom:2px solid #33424d;transform:translate(-50%,-50%) rotate(45deg);transition:.25s}
.ho-kapitel[open] .ho-pfeil{background:var(--industrial);border-color:var(--industrial)}
.ho-kapitel[open] .ho-pfeil:before{border-color:#fff;top:55%;transform:translate(-50%,-50%) rotate(225deg)}
.ho-inhalt{padding:0 1.6rem 1.6rem 5.6rem;color:#33424d;line-height:1.7}
.ho-inhalt h3{margin:1.4rem 0 .5rem;font:700 1.55rem/1.1 "Barlow Condensed",sans-serif;color:#111820}
.ho-inhalt ul,.ho-inhalt ol{margin:.4rem 0;padding-left:1.2rem;display:grid;gap:.5rem}
.ho-inhalt li::marker{color:var(--industrial)}
.ho-inhalt ul ul{margin-top:.5rem}
mark{padding:.05em .2em;border-radius:.25em;background:#ffe27a;color:#201a0c}
.ho-schluss{margin:1rem 0 0;padding:1.4rem 1.6rem;border-radius:1.3rem;background:var(--praxis);color:#2c2517;font-weight:650;line-height:1.6}
.ho-download{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3rem;padding:2.4rem;border-radius:1.8rem;background:linear-gradient(120deg,#06263e,#0a5c92 70%,#1fb4e6);color:#fff}
.ho-download .eyebrow{color:var(--gold)}.ho-download h2{margin:.1rem 0;font:700 clamp(2.2rem,4vw,3.4rem)/.95 "Barlow Condensed",sans-serif}.ho-download h2 span{color:var(--praxis)}.ho-download p{margin:0;color:#d4ecf8}

/* ---------- Downloads ---------- */
.dl-werkzeuge{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.4rem}
.dl-werkzeuge .suche{flex:2 1 340px}
.dl-verwalten{margin-left:auto}
.dl-liste{display:grid;gap:2.6rem;margin-top:1.6rem}
.dl-sektion[hidden]{display:none}
.dl-sek-kopf{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:1rem}
.dl-sek-nr{color:var(--industrial);font:700 3.4rem/.9 "Barlow Condensed",sans-serif}
.dl-sek-kopf h2{margin:0 0 .3rem;font:700 clamp(2rem,3.4vw,3rem)/1 "Barlow Condensed",sans-serif}
.dl-sek-kopf p{max-width:78ch;margin:0;color:var(--text2);line-height:1.65}
.dl-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.dl-card{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--linie);border-radius:1.3rem;background:#fff;transition:.22s}
.dl-card[hidden]{display:none}
.dl-card:hover{border-color:var(--industrial);box-shadow:0 1rem 2.4rem rgba(11,55,79,.1);transform:translateY(-2px)}
.dl-card.fehlt{background:#f5f9fc;border-style:dashed}
.dl-icon{display:grid;width:68px;height:68px;place-items:center;border-radius:1rem;background:#dff3ff;color:var(--industrial);font:700 1.25rem "Barlow Condensed",sans-serif;letter-spacing:.04em}
.typ-pdf .dl-icon{background:#ffe6e1;color:#c0301a}.typ-doc .dl-icon{background:#e3ecff;color:#2a56c6}.typ-zip .dl-icon{background:#fff3cf;color:#8a6a10}.typ-link .dl-icon{background:#e5f7ee;color:#1b7a4a}
.dl-vorschau img{display:block;width:68px;height:68px;border-radius:1rem;object-fit:cover}
.dl-body h3{margin:0;font:700 1.45rem/1.1 "Barlow Condensed",sans-serif}
.dl-body p{margin:.25rem 0 0;color:var(--text2);font-size:.86rem;line-height:1.5}
.dl-body small{display:block;margin-top:.35rem;color:#5b6872;font-size:.74rem;font-weight:700}
.dl-folgt{padding:.5rem .9rem;border-radius:50rem;background:#e9eef2;color:#6b7c88;font-size:.76rem;font-weight:700;white-space:nowrap}
.dl-aktion .btn{white-space:nowrap}
.dl-card.zieht{opacity:.4}.dl-card.ziel,.dl-karten.ziel{outline:3px dashed var(--cyan);outline-offset:3px}
.dl-ctrl{position:absolute;right:.6rem;top:-.9rem;display:flex;gap:.25rem;padding:.25rem;border-radius:50rem;background:#111820;box-shadow:0 .5rem 1.2rem rgba(0,0,0,.25)}
.dl-ctrl button,.dl-sek-ctrl button,.dl-datei-btn{padding:.3rem .6rem;border:0;border-radius:50rem;background:transparent;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer}
.dl-ctrl button:hover{background:#2a3640}.dl-ctrl .gefahr:hover{background:#b3261e}
.dl-sek-ctrl{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .9rem;padding:.45rem;border-radius:1rem;background:#111820;width:fit-content;max-width:100%}
.dl-sek-ctrl button,.dl-datei-btn{display:inline-flex;align-items:center;color:#d9e4ea}
.dl-sek-ctrl button:hover,.dl-datei-btn:hover{background:#2a3640;color:#fff}.dl-sek-ctrl button:disabled{opacity:.35;cursor:not-allowed}.dl-sek-ctrl .gefahr:hover{background:#b3261e}
.dl-leer-sektion{grid-column:1/-1;padding:1.2rem;border:2px dashed var(--linie);border-radius:1.2rem;color:var(--text2);text-align:center;margin:0}
.dl-admin{margin:1rem 0 1.4rem;padding:1.2rem;border:2px solid var(--gold);border-radius:1.5rem;background:#fff8e6}
.dl-admin-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1rem}.dl-admin-kopf span{flex:1 1 320px;color:#6b5a2b;font-size:.85rem}
.dl-drop{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.2rem;border:2px dashed #cdb67a;border-radius:1.2rem;background:#fff;transition:.2s}
.dl-drop.ueber{border-color:var(--industrial);background:#eaf5fc}
.dl-drop>div{flex:1 1 260px}.dl-drop b{display:block;font:700 1.5rem/1 "Barlow Condensed",sans-serif}.dl-drop span{color:var(--text2);font-size:.82rem}
.dl-sel{display:grid;gap:.2rem;font-size:.7rem;font-weight:800;color:#6b5a2b;text-transform:uppercase;letter-spacing:.08em}.dl-sel select{padding:.55rem .8rem;border:1px solid var(--linie);border-radius:.8rem;font-size:.9rem;text-transform:none;letter-spacing:0;font-weight:600;color:#111}
.dl-uploads{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.4rem}
.dl-uploads li{display:grid;grid-template-columns:minmax(0,1.2fr) 140px minmax(0,1fr);align-items:center;gap:.8rem;font-size:.82rem}
.dl-uploads i{display:block;height:6px;border-radius:6px;background:#e5dcc0;overflow:hidden}.dl-uploads b{display:block;height:100%;background:var(--industrial);transition:width .2s}
.dl-uploads em{font-style:normal;color:#6b5a2b}.dl-uploads .ok em{color:#1b7a4a}.dl-uploads .fehler em{color:#b3261e}
.dl-dialog{width:min(92vw,520px);padding:0;border:0;border-radius:1.5rem;box-shadow:0 2rem 6rem rgba(0,0,0,.45)}
.dl-dialog::backdrop{background:rgba(3,8,12,.7);backdrop-filter:blur(5px)}
.dl-dialog form{display:grid;gap:1rem;padding:1.8rem}
.dl-dialog h3{margin:0;font:700 2rem/1 "Barlow Condensed",sans-serif}
.dl-dialog label{display:grid;gap:.3rem;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4a5a66}
.dl-dialog input,.dl-dialog textarea,.dl-dialog select{padding:.75rem .9rem;border:1px solid var(--linie);border-radius:.9rem;font-size:1rem;font-weight:500;letter-spacing:0;text-transform:none;color:#111}
.dl-dialog-text{margin:0;color:#46535d;line-height:1.55}.dl-fehler{margin:0;color:#b3261e;font-weight:700}
.dl-dialog-knoepfe{display:flex;justify-content:flex-end;gap:.6rem}
.dl-toast{position:fixed;left:50%;bottom:1.6rem;z-index:2100;transform:translateX(-50%);padding:.8rem 1.3rem;border-radius:50rem;background:#111820;color:#fff;font-weight:700;box-shadow:0 1rem 2.6rem rgba(0,0,0,.35)}
.dl-toast.ok{background:#12663f}.dl-toast.fehler{background:#a3231b}

/* ---------- BYOD ---------- */
.batterie{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}
.batterie-huelle{position:relative;width:150px;height:62px;padding:6px;border:4px solid #111820;border-radius:16px}
.batterie-huelle:after{content:"";position:absolute;right:-14px;top:50%;width:8px;height:24px;transform:translateY(-50%);border-radius:0 5px 5px 0;background:#111820}
.batterie-fuell{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#1fb4e6,#12c46a);animation:laden 3.6s ease-in-out infinite}
@keyframes laden{0%{width:12%}70%,100%{width:100%}}
.batterie b{font:700 2.6rem/1 "Barlow Condensed",sans-serif;color:var(--industrial)}
.schoen-box{display:inline-block;margin-top:.6rem;padding:.7rem 1.2rem;border-radius:50rem;background:var(--praxis);font-family:"Satisfy",cursive;font-size:1.6rem;color:#2c2517}
.anf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.anf-card{padding:1.6rem;border-radius:1.4rem;background:#fff;border:1px solid var(--linie)}
.anf-ico{display:grid;width:56px;height:56px;place-items:center;margin-bottom:1rem;border-radius:1rem;background:#dff3ff;font-size:1.7rem}
.anf-card b{font:700 1.7rem/1 "Barlow Condensed",sans-serif}.anf-card p{margin:.4rem 0 0;color:#46535d;line-height:1.6}
.split-h{font-size:clamp(2.2rem,4vw,3.6rem)}
@media(prefers-reduced-motion:reduce){.batterie-fuell{animation:none;width:100%}}

/* ---------- Schulführungen ---------- */
.tdot{background:linear-gradient(180deg,#edf5f9,#fff)}
.tdot-karte{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);overflow:hidden;border-radius:2rem;background:linear-gradient(135deg,#06263e,#0a5c92 65%,#1fb4e6);color:#fff;box-shadow:0 2rem 5rem rgba(7,43,67,.3)}
.tdot-datum{display:grid;align-content:center;gap:.2rem;padding:2.4rem;background:rgba(0,0,0,.28);text-align:center}
.tdot-datum small{color:var(--gold);font-weight:850;letter-spacing:.2em}
.tdot-datum b{font:700 clamp(3.6rem,7vw,6rem)/.9 "Barlow Condensed",sans-serif}
.tdot-datum span{font:700 1.6rem "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.tdot-datum em{color:#cfe8f5;font-style:normal;font-size:.85rem}
.tdot-text{padding:clamp(1.6rem,3.5vw,3rem)}
.tdot-text .eyebrow{color:var(--gold)}
.tdot-text h2{margin:.2rem 0 1rem;font:700 clamp(2.4rem,4.4vw,4rem)/.92 "Barlow Condensed",sans-serif}.tdot-text h2 span{color:var(--praxis)}
.tdot-text p{max-width:70ch;color:#e4f2fa;line-height:1.7}
.tdot-cta{margin-top:.6rem;font-weight:800}
.countdown{display:flex;gap:.8rem;margin:0 0 1.2rem}
.countdown>div{display:grid;min-width:92px;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.28);border-radius:1rem;background:rgba(255,255,255,.1);text-align:center;backdrop-filter:blur(6px)}
.countdown b{font:700 2.6rem/1 "Barlow Condensed",sans-serif}.countdown span{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#cfe8f5}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.feature{position:relative;padding:1.8rem 1.5rem 1.5rem;border-radius:1.5rem;background:#f5f9fc;border:1px solid var(--linie);overflow:hidden}
.feature-nr{position:absolute;right:1rem;top:.2rem;color:rgba(0,106,178,.12);font:700 5rem/1 "Barlow Condensed",sans-serif}.feature-nr::before{content:attr(data-nr)}
.feature h3{position:relative;margin:2rem 0 .5rem;font:700 1.9rem/1 "Barlow Condensed",sans-serif}.feature p{position:relative;margin:0;color:#46535d;line-height:1.6;font-size:.94rem}
.wir-freuen{margin-top:1.6rem;font-size:1.2rem;color:var(--industrial);text-align:center}
.opt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.opt-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.opt{display:flex;flex-direction:column;gap:.5rem;padding:1.7rem;border-radius:1.5rem;background:#fff;border:1px solid var(--linie);color:#111820;text-decoration:none}
.opt p{margin:0;color:#46535d;line-height:1.6;font-size:.94rem}.opt h3{margin:0;font:700 1.9rem/1 "Barlow Condensed",sans-serif}
.opt .btn{margin-top:auto;align-self:flex-start}
.opt-ico{display:grid;width:54px;height:54px;place-items:center;border-radius:1rem;background:#dff3ff;font-size:1.6rem}
.opt-hell{background:var(--praxis);border-color:transparent}
.opt-link{transition:.25s}.opt-link:hover{transform:translateY(-6px);border-color:var(--industrial);box-shadow:0 1.2rem 2.8rem rgba(11,55,79,.14)}
.opt-link b{margin-top:auto;color:var(--industrial)}
.zukunft-text{margin:1.6rem auto 0;max-width:900px;text-align:center;color:#33424d;line-height:1.7}
.foto-leiste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem}
.foto-leiste figure{margin:0;overflow:hidden;border-radius:1.5rem}.foto-leiste img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .9s}.foto-leiste figure:hover img{transform:scale(1.06)}
.hl-werkzeuge{display:grid;gap:1rem;margin-bottom:1.4rem;padding:1.2rem;border-radius:1.4rem;background:#edf5f9}
.tag-leiste{display:flex;flex-wrap:wrap;gap:.4rem}
.tag{padding:.3rem .7rem;border:1px solid #c6d6df;border-radius:50rem;background:#fff;color:#33424d;font-size:.76rem;font-weight:700;cursor:pointer;transition:.2s}
.tag:hover,.tag.active{border-color:var(--industrial);background:var(--industrial);color:#fff}
.hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.hl-card{display:flex;flex-direction:column;gap:.4rem;padding:1.5rem;border-radius:1.4rem;background:#fff;border:1px solid var(--linie);border-top:5px solid var(--industrial);transition:.25s}
.hl-card[hidden]{display:none}.hl-card:hover{transform:translateY(-5px);box-shadow:0 1.2rem 2.6rem rgba(11,55,79,.1)}
.hl-creative{border-top-color:var(--creative)}.hl-praxis{border-top-color:var(--gold)}.hl-alle{border-top-color:var(--cyan)}
.hl-card small{color:var(--creative);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.hl-card h3{margin:0;font:700 1.75rem/1.05 "Barlow Condensed",sans-serif}.hl-card p{margin:0;color:#46535d;font-size:.9rem;line-height:1.55}
.hl-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.7rem}

/* Berufe-Wolke */
.wolke-sec{overflow:hidden}
.wolke-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.4rem;align-items:stretch}
.wolke-buehne{position:relative;padding:1.2rem;border:1px solid #22313d;border-radius:1.8rem;background:radial-gradient(circle at 50% 45%,#12304a 0%,#0b1118 70%)}
.wolke-buehne .chip{background:#111b24;border-color:#2b3a46;color:#d6e2ea}
.wolke-buehne .chip.active{background:#fff;color:#111}
.wolke-buehne .chip-creative.active{background:var(--creative);color:#fff}.wolke-buehne .chip-industrial.active{background:var(--industrial);color:#fff}.wolke-buehne .chip-praxis.active{background:var(--praxis);color:#2c2517}
.wolke{position:relative;height:clamp(360px,52vw,560px);margin-top:.6rem;cursor:grab;touch-action:pan-y;user-select:none;outline:none}
.wolke.zieht{cursor:grabbing}
.wolke:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan);border-radius:1.2rem}
.wolke-tag{position:absolute;left:50%;top:50%;min-height:30px;display:inline-flex;align-items:center;padding:.45rem .9rem;border:1px solid rgba(255,255,255,.28);border-radius:50rem;color:#fff;font-size:.84rem;font-weight:700;white-space:nowrap;cursor:pointer;will-change:transform,opacity;transition:background .25s,border-color .25s,box-shadow .25s,opacity .35s}
.wolke-tag.sp-creative{background:rgba(132,116,78,.85)}.wolke-tag.sp-industrial{background:rgba(0,106,178,.85)}.wolke-tag.sp-praxis{background:rgba(252,235,193,.92);color:#2c2517;border-color:rgba(0,0,0,.15)}
.wolke-tag:hover,.wolke-tag.aktiv{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35),0 0 26px rgba(33,185,239,.6)}
.wolke-tag.weg{visibility:hidden}
.wolke-hinweis{margin:.4rem 0 0;color:#8aa3b3;font-size:.75rem;font-weight:700;text-align:center}
.wolke-panel{display:flex;flex-direction:column;gap:.7rem;padding:2rem;border:1px solid #22313d;border-radius:1.8rem;background:#111b24;color:#fff;transition:background .4s}
.wolke-panel .eyebrow{color:var(--gold)}.wolke-panel h3{margin:0;font:700 clamp(2.2rem,3.4vw,3.2rem)/.95 "Barlow Condensed",sans-serif}
.wolke-panel p{margin:0;color:#aebdc7;line-height:1.65}
.wolke-panel.sp-industrial{background:linear-gradient(160deg,#04365c,#0a5c92)}.wolke-panel.sp-creative{background:linear-gradient(160deg,#3b3324,#84744e)}.wolke-panel.sp-praxis{background:linear-gradient(160deg,#5b4a2a,#b69a5d)}
.wolke-panel.offen p{color:#e6f1f7}.panel-text{margin-top:.6rem!important;font-weight:700}
.fach-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.fach-chip{display:inline-flex;flex-direction:column;padding:.55rem .9rem;border-radius:1rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:.88rem;text-decoration:none;transition:.2s}
.fach-chip:hover{background:#fff;color:#111}.fach-chip small{font-size:.66rem;font-weight:800;color:var(--gold)}.fach-chip:hover small{color:var(--industrial)}
.panel-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:1rem}
.wolke-liste{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.4rem 0 0;padding:0;list-style:none}
.wl-gruppe{padding:1rem;border:1px solid #22313d;border-radius:1.2rem;background:#0d151d}
.wl-kopf{display:flex;align-items:center;gap:.5rem;margin:0 0 .7rem;color:#fff;font:700 1.15rem "Barlow Condensed",sans-serif;letter-spacing:.02em}
.wl-kopf i{width:.7rem;height:.7rem;border-radius:50%;background:var(--creative);flex:none}.sp-industrial .wl-kopf i{background:var(--industrial)}.sp-praxis .wl-kopf i{background:var(--praxis)}
.wl-kopf small{margin-left:auto;color:#8aa3b3;font:700 .7rem system-ui,sans-serif;letter-spacing:0}
.wl-chips{display:flex;flex-wrap:wrap;gap:.4rem}
@media(min-width:992px){.wolke-liste{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wolke-liste li[hidden]{display:none}
.beruf-chip{padding:.4rem .85rem;border:1px solid #2b3a46;border-radius:50rem;background:#111b24;color:#d6e2ea;font-size:.8rem;font-weight:650;cursor:pointer;transition:.2s}
.beruf-chip:hover,.beruf-chip.aktiv{background:#fff;color:#111;border-color:#fff}

/* ---------- Virtuelle Tour ---------- */
.virtual-play{position:absolute;left:50%;top:50%;display:grid;width:84px;height:84px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--praxis);color:#111;font-size:1.8rem;text-decoration:none;transition:.25s}
.virtual-play:hover{transform:translate(-50%,-50%) scale(1.1)}
.virtual-nav a{display:block;padding:.8rem 1rem;border:1px solid #3b4b57;border-radius:.7rem;color:#fff;text-decoration:none;transition:.2s}
.virtual-nav a:hover{border-color:var(--cyan);background:#12202b;transform:translateX(4px)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.video-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.video-grid-1{grid-template-columns:minmax(0,1fr)}
.video-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.video-card{display:flex;flex-direction:column;overflow:hidden;border-radius:1.5rem;background:#fff;border:1px solid var(--linie)}
.sec.dark .video-card{background:#111b24;border-color:#22313d;color:#fff}
.video-poster{position:relative;display:grid;aspect-ratio:16/9;place-items:center;background:linear-gradient(135deg,var(--c1,#06263e),var(--c2,#0a5c92));color:#fff;overflow:hidden}
.video-poster:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:36px 36px}
.video-play{position:relative;display:grid;width:68px;height:68px;place-items:center;border-radius:50%;background:rgba(255,255,255,.95);color:#111;font-size:1.5rem;padding-left:.2rem;transition:.25s}
.video-card:not(.ohne-video) .video-poster{cursor:pointer}.video-card:not(.ohne-video) .video-poster:hover .video-play{transform:scale(1.12)}
.video-folgt{position:absolute;right:.9rem;bottom:.8rem;padding:.25rem .65rem;border-radius:50rem;background:rgba(0,0,0,.4);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.video-card:not(.ohne-video) .video-folgt{display:none}
.vc-creative .video-poster{--c1:#4d4330;--c2:#a8946a}.vc-industrial .video-poster{--c1:#04365c;--c2:#1fa0e0}.vc-praxis .video-poster{--c1:#8e7950;--c2:#f0d18d}
.vc-erleben .video-poster{--c1:#0b1b29;--c2:#12608f}.vc-erasmus .video-poster{--c1:#0a2a63;--c2:#3b7ddd}
.video-player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.video-text{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem 1.3rem 1.4rem}
.video-text h3{margin:0;font:700 1.65rem/1.05 "Barlow Condensed",sans-serif}.video-text p{margin:0;color:var(--text2);font-size:.88rem;line-height:1.55}
.sec.dark .video-text p{color:#aebdc7}
.station-nr{display:inline-block;margin-right:.6rem;color:var(--cyan)}
.video-link{margin-top:.4rem;font-weight:800;font-size:.86rem}.sec.dark .video-link{color:var(--cyan)}
.video-breit{max-width:900px}

/* ---------- Erasmus+ ---------- */
.zahlen-sec{padding:2.4rem 0;background:var(--navy);color:#fff}
.zahlen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;text-align:center}
.zahl b{display:block;font:700 clamp(2.4rem,5vw,4.2rem)/1 "Barlow Condensed",sans-serif;color:var(--cyan)}
.zahl span{color:#aebdc7;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.zeitstrahl{position:relative;list-style:none;margin:0;padding:0 0 0 0;display:grid;gap:1.4rem}
.zeitstrahl:before{content:"";position:absolute;left:9.2rem;top:.5rem;bottom:.5rem;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--industrial),var(--cyan))}
.mst{position:relative;display:grid;grid-template-columns:8rem minmax(0,1fr);gap:2.4rem;align-items:start}
.mst:before{content:"";position:absolute;left:8.55rem;top:.7rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;border:4px solid var(--industrial);z-index:1}
.mst-jahr{padding-top:.2rem;text-align:right;color:var(--industrial);font:700 2.2rem/1 "Barlow Condensed",sans-serif}
.mst-karte{padding:1.4rem 1.6rem;border:1px solid var(--linie);border-radius:1.4rem;background:#f5f9fc;margin-left:1.6rem}
.mst-karte h3{margin:0 0 .4rem;font:700 1.8rem/1.05 "Barlow Condensed",sans-serif}.mst-karte p{margin:0 0 .5rem;color:#46535d;line-height:1.65}
.mst-karte a{font-weight:800;font-size:.86rem}
.mst-heute .mst-karte{background:linear-gradient(135deg,var(--industrial),#064574);color:#fff;border-color:transparent}.mst-heute .mst-karte p{color:#d9eef9}.mst-heute .mst-karte a{color:var(--praxis)}
.mst-heute:before{background:var(--gold);border-color:#fff;box-shadow:0 0 0 6px rgba(216,189,120,.35)}
.schritt-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.schritt{position:relative;padding:1.6rem 1.3rem;border-radius:1.4rem;background:#fff;border:1px solid var(--linie);overflow:hidden}
.schritt span{display:block;color:rgba(0,106,178,.18);font:700 4.4rem/.9 "Barlow Condensed",sans-serif}.schritt span::before{content:attr(data-nr)}
.schritt h3{margin:.6rem 0 .5rem;font:700 1.7rem/1.05 "Barlow Condensed",sans-serif}.schritt p{margin:0;color:#46535d;font-size:.9rem;line-height:1.6}
.sec-kopf-sprache{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}
.sprach-wahl{display:flex;gap:.4rem}
.vorteil-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.vorteil{padding:1.5rem;border-radius:1.4rem;background:#f5f9fc;border:1px solid var(--linie);border-top:5px solid var(--cyan)}
.vorteil h3{margin:0 0 .5rem;font:700 1.7rem/1.05 "Barlow Condensed",sans-serif}.vorteil p{margin:0;color:#46535d;line-height:1.65;font-size:.93rem}
[data-sprach-block][hidden]{display:none}
.team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.team-karte{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid #22313d;border-radius:1.4rem;background:#111b24;color:#fff;text-align:left;cursor:pointer;transition:.25s;font:inherit}
.team-karte:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 1.4rem 3rem rgba(0,0,0,.4)}
.team-karte img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:62% 22%}
.team-karte span{display:grid;gap:.15rem;padding:1rem 1.1rem 1.2rem}
.team-karte b{font:700 1.45rem/1.05 "Barlow Condensed",sans-serif}.team-karte em{color:var(--gold);font-style:normal;font-weight:800;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.team-karte small{color:#aebdc7;font-size:.8rem}
.eras-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;padding:2.4rem;border-radius:1.8rem;background:linear-gradient(120deg,#06263e,#0a5c92 70%,#1fb4e6);color:#fff}
.eras-cta h2{margin:.1rem 0 .4rem;font:700 clamp(2.2rem,4vw,3.4rem)/.95 "Barlow Condensed",sans-serif}.eras-cta h2 span{color:var(--praxis)}.eras-cta .eyebrow{color:var(--gold)}.eras-cta p{margin:0;color:#d4ecf8}
.eras-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;flex:1 1 100%}.eras-links .btn{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media(max-width:991.98px){.eras-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:479.98px){.eras-links{grid-template-columns:1fr}}
.schluss-aufruf{max-width:960px;margin:2.4rem auto 0;color:#33424d;line-height:1.8;font-size:1.05rem}

/* ---------- Anpassungen für kleinere Bildschirme ---------- */
@media(max-width:1199.98px){
  .lehrer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .klassen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .schritt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .video-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opt-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wolke-layout{grid-template-columns:1fr}
}
@media(max-width:991.98px){
  .tile-grid,.hl-grid,.video-grid,.vorteil-grid,.lern-grid,.fakt-grid,.opt-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mehr-grid,.anf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .schulleitung,.split,.tdot-karte{grid-template-columns:1fr}
  .split-rev>img{order:0}
  .schutz-layout,.ho-layout{grid-template-columns:1fr}
  .schutz-nav,.ho-toc{position:static;display:flex;flex-wrap:wrap;gap:.4rem}
  .schutz-nav a,.ho-toc a{border:1px solid var(--linie);border-radius:50rem}
  .ho-toc b{flex-basis:100%}
  .ho-blick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dl-karten{grid-template-columns:1fr}
  .zahlen{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pm-teacher{grid-template-columns:1fr}.pm-foto{min-height:260px}
  .doc-feature{grid-template-columns:140px minmax(0,1fr)}
  .kontakt-paar{grid-template-columns:1fr}
}
@media(max-width:767.98px){
  .tile-grid,.hl-grid,.video-grid,.video-grid-4,.vorteil-grid,.lern-grid,.fakt-grid,.opt-grid,.opt-grid-3,.feature-grid,.mehr-grid,.anf-grid,.ho-blick-grid,.staff-grid,.team-grid,.schritt-grid,.foto-leiste{grid-template-columns:1fr}
  .lehrer-grid,.klassen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .lehrer-card h3{font-size:1.4rem}.lehrer-card .info{padding:.8rem}
  .iq-banner{grid-template-columns:1fr;padding:1.4rem}
  .dl-card{grid-template-columns:56px minmax(0,1fr);}.dl-card .dl-aktion{grid-column:1/-1}.dl-icon,.dl-vorschau img{width:56px;height:56px}
  .dl-verwalten{margin-left:0;width:100%}
  .dl-uploads li{grid-template-columns:1fr}
  .ho-blick{padding:1.1rem 1.1rem 1rem;gap:.85rem}.ho-blick-icon{width:2.6rem;height:2.6rem;font-size:1.15rem}
  .ho-kapitel summary{padding:1rem;gap:.8rem}.ho-inhalt{padding:0 1rem 1.2rem 1rem}.ho-nr{font-size:2.1rem}
  .schutz-block{padding:1.6rem 1.3rem 1.4rem 1.3rem}.schutz-nr{position:static;display:block;margin-bottom:.4rem}
  .zeitstrahl:before{left:.55rem}.mst{grid-template-columns:1fr;gap:.2rem;padding-left:2rem}.mst:before{left:0}
  .mst-jahr{text-align:left;font-size:1.8rem}.mst-karte{margin-left:0}
  .zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .countdown>div{min-width:76px}
  .doc-feature{grid-template-columns:1fr}.doc-feature img{max-width:220px}
  .pm-lehrer-liste{grid-template-columns:1fr}
  .staff-card{grid-template-columns:84px minmax(0,1fr)}.staff-card img{width:84px;height:84px}
  .wolke{height:min(560px,135vw)}
  .wolke-tag{padding:.32rem .7rem;font-size:.74rem}
  .wolke-liste{grid-template-columns:1fr;gap:.7rem}
  .wl-gruppe{padding:.8rem 0 .8rem .9rem;border-radius:1rem}
  .wl-kopf{padding-right:.9rem;font-size:1.05rem}
  .wl-chips{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;gap:.4rem;overflow-x:auto;padding:0 2.4rem .2rem 0;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .wl-chips::-webkit-scrollbar{display:none}
  .wl-chips .beruf-chip{scroll-snap-align:start;font-size:.76rem;padding:.38rem .75rem}
  .embed-frame{min-height:700px}
}

/* ---------- Erasmus+: Sprachumschalter, Austausch-Aktivitäten, Akkreditierung, Erasmusdays ---------- */
html[data-lang="en"] [data-l="de"],html:not([data-lang="en"]) [data-l="en"]{display:none!important}
.inner-hero>div>p:not(.eyebrow){max-width:780px;margin-top:2rem;font-size:1.2rem;line-height:1.7;color:#dff5ff}
.lang-bar{display:inline-flex;gap:.2rem;margin-top:1.6rem;padding:.25rem;border:1px solid rgba(255,255,255,.35);border-radius:50rem;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.lang-bar button{padding:.5rem 1.2rem;border:0;border-radius:50rem;background:transparent;color:#fff;font-weight:800;font-size:.85rem;cursor:pointer;transition:.2s}
.lang-bar button.active{background:#fff;color:#06263e}
.nutzen-liste{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem}
.nutzen-liste li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);align-items:center;gap:1rem;padding:.9rem 1.1rem;border:1px solid var(--linie);border-radius:1.2rem;background:#f5f9fc}
.nutzen-liste li>span{color:var(--industrial);font:700 2.2rem/1 "Barlow Condensed",sans-serif}
.nutzen-liste p{margin:0;line-height:1.55;color:#33424d}
.flip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;align-items:start}
.flip{position:relative;overflow:hidden;border-radius:1.6rem;background:var(--navy2);color:#fff;box-shadow:0 1rem 2.6rem rgba(7,43,67,.18)}
.flip summary{position:relative;display:flex;min-height:380px;align-items:flex-end;list-style:none;cursor:pointer;isolation:isolate}
.flip summary::-webkit-details-marker{display:none}
.flip summary img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .9s}
.flip summary:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,10,16,.95) 0%,rgba(2,10,16,.55) 55%,rgba(2,10,16,.05) 100%)}
.flip:hover summary img{transform:scale(1.06)}
.flip-nr{position:absolute;left:1.2rem;top:1rem;color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.16em}
.flip-text{display:grid;gap:.35rem;padding:1.4rem 4.2rem 1.5rem 1.4rem}
.flip-icon{font-size:1.8rem}
.flip-text b{font:700 clamp(1.9rem,2.6vw,2.4rem)/1 "Barlow Condensed",sans-serif}
.flip-text small{color:#d4e2ea;font-size:.88rem;line-height:1.55}
.flip-plus{position:absolute;right:1.1rem;bottom:1.2rem;width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.3);transition:.3s}
.flip-plus:before,.flip-plus:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:#fff;transform:translate(-50%,-50%);transition:.3s}
.flip-plus:after{transform:translate(-50%,-50%) rotate(90deg)}
.flip[open] .flip-plus{background:var(--gold);border-color:var(--gold);transform:rotate(180deg)}
.flip[open] .flip-plus:before,.flip[open] .flip-plus:after{background:#111}
.flip[open] .flip-plus:after{transform:translate(-50%,-50%) rotate(0)}
.flip-detail{padding:1.4rem 1.5rem 1.6rem;background:#fff;color:#33424d;line-height:1.7;animation:flipauf .45s ease}
.flip-detail p{margin:0 0 .8rem}
.flip-detail .flip-klein{margin:0;color:var(--text2);font-size:.86rem}
@keyframes flipauf{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.text-link{padding:0;border:0;background:none;color:var(--industrial);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}
.fazit-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;padding:2.4rem;border:1px solid #22313d;border-radius:1.8rem;background:radial-gradient(circle at 80% 20%,#12304a,#0b1118 70%)}
.fazit-box h2{margin:.1rem 0 .6rem;font:700 clamp(2.4rem,4.4vw,4rem)/.92 "Barlow Condensed",sans-serif}
.fazit-box h2 span{color:var(--cyan)}
.fazit-box p{max-width:62ch;color:#cfdde6;line-height:1.7}
.fazit-box .eyebrow{color:var(--gold)}
.fazit-knoepfe{display:flex;flex-wrap:wrap;gap:.7rem}
.hinweis-karte{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.6rem;align-items:start;padding:2rem;border-radius:1.6rem;background:var(--praxis);color:#2c2517}
.hinweis-ico{display:grid;width:84px;height:84px;place-items:center;border-radius:1.4rem;background:rgba(255,255,255,.6);font-size:2.6rem}
.hinweis-karte h2{margin:.1rem 0 .6rem;font:700 clamp(2rem,3.6vw,3rem)/.95 "Barlow Condensed",sans-serif}
.hinweis-karte h2 span,.hinweis-karte .eyebrow{color:#7a5d12}
.hinweis-karte p{max-width:70ch;line-height:1.7}
.foto-credit{margin:1.2rem 0 0;color:var(--text2);font-size:.78rem;text-align:right}
.akk-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:2rem}
.akk-tab{display:grid;gap:.1rem;padding:1.2rem 1.5rem;border:2px solid var(--linie);border-radius:1.4rem;background:#fff;text-align:left;cursor:pointer;transition:.25s;font:inherit}
.akk-tab small{color:var(--creative);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.akk-tab b{font:700 2rem/1 "Barlow Condensed",sans-serif}
.akk-tab span{color:var(--text2);font-size:.85rem}
.akk-tab:hover{border-color:var(--industrial)}
.akk-tab.active{border-color:var(--industrial);background:linear-gradient(135deg,var(--industrial),#064574);color:#fff}
.akk-tab.active small,.akk-tab.active span{color:#d4ecf8}
.akk-panel[hidden]{display:none}
.gal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.gal-card{position:relative;display:grid;align-content:end;gap:.2rem;min-height:210px;padding:1.5rem;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,#06263e,#0a5c92 70%,#1fb4e6);color:#fff;text-decoration:none;transition:.3s}
.gal-card:hover{transform:translateY(-6px);box-shadow:0 1.4rem 3rem rgba(7,43,67,.3)}
.gal-card:nth-child(2n){background:linear-gradient(135deg,#3b3324,#84744e 70%,#c0a96e)}
.gal-jahr{position:absolute;right:1rem;top:.4rem;color:rgba(255,255,255,.16);font:700 4.6rem/1 "Barlow Condensed",sans-serif}
.gal-card b{font:700 2rem/1 "Barlow Condensed",sans-serif}
.gal-card small{color:#dcecf5;font-weight:700}
.gal-card i{position:absolute;right:1.2rem;bottom:1.2rem;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-style:normal;transition:.3s}
.gal-card:hover i{background:var(--gold);color:#111;transform:rotate(45deg)}
.gal-card em{position:absolute;left:1.5rem;top:1.2rem;padding:.2rem .6rem;border-radius:50rem;background:var(--gold);color:#201a0c;font-size:.66rem;font-weight:850;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.gal-neu{box-shadow:0 0 0 3px var(--gold)}
.gal-alle{margin:1.8rem 0 0;text-align:center}
.ziel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ziel{padding:1.6rem;border-radius:1.4rem;background:#f5f9fc;border:1px solid var(--linie);border-top:5px solid var(--cyan)}
.ziel span{color:rgba(0,106,178,.2);font:700 3.6rem/.9 "Barlow Condensed",sans-serif}.ziel span::before,.gal-jahr::before{content:attr(data-nr)}
.ziel h3{margin:.4rem 0 .1rem;font:700 1.8rem/1.05 "Barlow Condensed",sans-serif}
.ziel small{display:block;margin-bottom:.6rem;color:#75663f;font-weight:700;font-size:.78rem}
.ziel p{margin:0;color:#46535d;font-size:.92rem;line-height:1.65}
.tag-zeile{margin:1rem 0 0;text-align:center;color:var(--industrial);font-weight:700;font-size:.85rem}

/* ---------- Kennzeichnung KI-erstellter Bilder ---------- */
.inner-footer{flex-wrap:wrap}
.ki-hinweis{flex-basis:100%;margin:.4rem 0 0;color:#8aa0ad;font-size:.74rem;line-height:1.5}
.ki-wrap{position:relative;display:block}
.ki-label{position:absolute;right:.8rem;bottom:.8rem;padding:.25rem .6rem;border-radius:50rem;background:rgba(7,16,25,.78);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.06em;backdrop-filter:blur(6px)}
@media(max-width:991.98px){.flip-grid,.gal-grid,.ziel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.flip-grid,.gal-grid,.ziel-grid,.akk-tabs{grid-template-columns:1fr}.hinweis-karte{grid-template-columns:1fr}.flip summary{min-height:320px}}
.split>.ki-wrap img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.6rem;box-shadow:0 1.4rem 3.4rem rgba(7,43,67,.16)}
.split-rev>.ki-wrap{order:2}
@media(max-width:991.98px){.split-rev>.ki-wrap{order:0}}
.ki-leiste{padding:1rem 0;background:#080c11}
.ki-leiste .ki-hinweis{margin:0}

/* ---------- Zertifikate: Logos der Anbieter ---------- */
.certificate-path article{grid-template-columns:100px minmax(0,1fr) auto;gap:1rem}
.zert-logos{display:flex;align-items:center;gap:.8rem}
.zert-logo{height:84px;width:auto;max-width:240px;padding:.5rem .8rem;border-radius:1rem;background:#fff;object-fit:contain}
.zert-plan{display:grid;justify-items:center;gap:.25rem;color:var(--text2);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center}
.zert-plan img{height:72px;width:auto;padding:.25rem;border-radius:.9rem;background:#fff;opacity:.85}
@media(max-width:767.98px){.certificate-path article{grid-template-columns:70px minmax(0,1fr)}.certificate-path article>span{font-size:2.2rem}.zert-logos{grid-column:1/-1;flex-wrap:wrap}.zert-logo{height:70px;max-width:100%}}

/* ---------- Bildungsberatung ---------- */
.pinnwand-box{margin-top:1.4rem;padding:1.1rem 1.3rem;border-radius:1.2rem;background:var(--praxis);color:#2c2517;line-height:1.6}
.berater-karte{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden;border:1px solid var(--linie);border-radius:1.8rem;background:#f5f9fc;box-shadow:0 1.4rem 3.4rem rgba(7,43,67,.12)}
.berater-karte>img{width:100%;height:100%;min-height:300px;object-fit:cover}
.berater-info{padding:1.8rem}
.berater-info h2{margin:.2rem 0 1rem;font:700 clamp(2rem,3vw,2.8rem)/.95 "Barlow Condensed",sans-serif}
.berater-kontakt{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.7rem}
.berater-kontakt li{display:grid;gap:.1rem;padding:.7rem .9rem;border-radius:.9rem;background:#fff;border:1px solid var(--linie)}
.berater-kontakt span{color:var(--creative);font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.berater-kontakt a,.berater-kontakt b{font-weight:700;font-size:.94rem}
.berater-satz{margin:0 0 1rem;color:#33424d;line-height:1.55}
.hilft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.hilft{position:relative;padding:1.6rem;border-radius:1.5rem;background:#fff;border:1px solid var(--linie);overflow:hidden}
.hilft-ico{display:grid;width:56px;height:56px;place-items:center;margin-bottom:1rem;border-radius:1rem;background:#dff3ff;font-size:1.7rem}
.hilft-nr{position:absolute;right:1rem;top:.2rem;color:rgba(0,106,178,.14);font:700 4.4rem/1 "Barlow Condensed",sans-serif}.hilft-nr::before{content:attr(data-nr)}
.hilft p{position:relative;margin:0;color:#33424d;line-height:1.6;font-weight:600}
.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.link-karte{position:relative;display:grid;gap:.3rem;padding:1.4rem 3.4rem 1.4rem 1.5rem;border:1px solid var(--linie);border-radius:1.4rem;background:#f5f9fc;color:#111820;text-decoration:none;transition:.25s}
.link-karte:hover{transform:translateY(-5px);border-color:var(--industrial);background:#fff;box-shadow:0 1.2rem 2.6rem rgba(11,55,79,.1)}
.link-karte b{font:700 1.5rem/1.1 "Barlow Condensed",sans-serif;color:var(--industrial)}
.link-karte span{color:var(--text2);font-size:.86rem;line-height:1.5}
.link-karte i{position:absolute;right:1.2rem;top:1.2rem;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--linie);border-radius:50%;font-style:normal;transition:.25s}
.link-karte:hover i{background:var(--industrial);color:#fff;transform:rotate(45deg)}
.chronik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.chronik-jahr{padding:1.5rem 1.6rem;border-radius:1.4rem;background:#f5f9fc;border:1px solid var(--linie)}
.chronik-jahr:first-child{grid-column:1/-1}
.chronik-jahr p+p{margin-top:.8rem}
.chronik-jahr h3{margin:0 0 .6rem;color:var(--industrial);font:700 2.2rem/1 "Barlow Condensed",sans-serif}
.chronik-jahr p{margin:0;color:#46535d;font-size:.9rem;line-height:1.75}
@media(max-width:991.98px){.berater-karte{grid-template-columns:1fr}.hilft-grid,.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chronik{grid-template-columns:1fr}}
@media(max-width:767.98px){.hilft-grid,.link-grid{grid-template-columns:1fr}}

/* ---------- Unser Angebot: Themen + SEO-Text ---------- */
.topic{margin:0 0 1.2rem}
.topic h3{margin:0 0 .3rem;font:700 1.9rem/1.05 "Barlow Condensed",sans-serif;color:#111820}
.topic p{margin:0;color:#46535d;line-height:1.7}
.seo-text{background:#fff}
.seo-spalte{max-width:920px;margin:0 auto}
.seo-spalte h2{margin:.2rem 0 1rem;font:700 clamp(2.4rem,4.6vw,4rem)/.95 "Barlow Condensed",sans-serif;letter-spacing:-.02em}
.seo-spalte h2 span{color:var(--industrial)}
.seo-spalte h3{margin:2rem 0 .6rem;font:700 1.8rem/1.1 "Barlow Condensed",sans-serif;color:var(--industrial)}
.seo-spalte p,.seo-spalte li{color:#33424d;line-height:1.75}
.seo-spalte ul{display:grid;gap:.5rem;padding-left:1.2rem}
.seo-spalte li::marker{color:var(--cyan)}

/* Bildungsberatung: Foto ungeschnitten neben dem Text */
.berater-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.8rem,4.5vw,4.5rem);align-items:center}
.berater-foto{position:relative;margin:0}
.berater-foto img{display:block;width:100%;height:auto;border-radius:1.8rem;box-shadow:0 1.6rem 3.6rem rgba(7,43,67,.2)}
.berater-foto figcaption{position:absolute;left:1rem;bottom:1rem;display:grid;gap:.1rem;padding:.7rem 1.1rem;border-radius:1rem;background:rgba(7,16,25,.8);color:#fff;backdrop-filter:blur(8px)}
.berater-foto figcaption b{font:700 1.5rem/1 "Barlow Condensed",sans-serif}
.berater-foto figcaption span{color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.berater-text h2{margin:.2rem 0 1rem;font:700 clamp(2.6rem,5vw,4.4rem)/.92 "Barlow Condensed",sans-serif;letter-spacing:-.02em}
.berater-text h2 span{color:var(--industrial)}
.kontakt-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.4rem 0 1.2rem}
.kachel{display:grid;gap:.25rem;align-content:start;padding:1.1rem 1.2rem;border:1px solid var(--linie);border-radius:1.2rem;background:#f5f9fc}
.kachel .k-ico{font-size:1.5rem}
.kachel small{color:var(--creative);font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.kachel a,.kachel b{font-weight:700;font-size:.95rem;line-height:1.45;word-break:break-word}
@media(max-width:991.98px){.berater-layout{grid-template-columns:1fr}.berater-foto{max-width:560px}.kontakt-kacheln{grid-template-columns:1fr}}
.kontakt-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
.kontakt-kacheln .kachel:last-child{grid-column:1/-1}
.kachel a,.kachel b{word-break:normal;overflow-wrap:anywhere}

/* ---------- Übungsfirmen ---------- */
.uf-zahlen-sec{padding:2.2rem 0;background:var(--navy);color:#fff}
.uf-zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;text-align:center}
.uf-zahlen b{display:block;color:var(--cyan);font:700 clamp(2.6rem,5vw,4.4rem)/1 "Barlow Condensed",sans-serif}
.uf-zahlen span{color:#aebdc7;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.uf-box{padding:1.8rem;border-radius:1.6rem;background:#f5f9fc;border:1px solid var(--linie)}
.uf-box h3{margin:0 0 .6rem;font:700 2rem/1 "Barlow Condensed",sans-serif}
.uf-box p{color:#46535d;line-height:1.7}
.uf-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0;padding:0;list-style:none}
.uf-chips li{padding:.4rem .8rem;border-radius:50rem;background:#fff;border:1px solid var(--linie);font-size:.8rem;font-weight:700;color:#06263e}
.uf-ufa-karte{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2rem;align-items:center;padding:2.4rem;border-radius:1.8rem;background:linear-gradient(120deg,#06263e,#0a5c92 70%,#1fb4e6);color:#fff}
.uf-siegel{display:grid;width:140px;height:140px;place-items:center;border:4px solid var(--gold);border-radius:50%;color:var(--gold);font:700 2.8rem/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;box-shadow:0 0 0 8px rgba(216,189,120,.2)}
.uf-ufa-karte .eyebrow{color:var(--gold)}
.uf-ufa-karte h2{margin:.1rem 0 .6rem;font:700 clamp(2.2rem,4vw,3.4rem)/.95 "Barlow Condensed",sans-serif}
.uf-ufa-karte h2 span{color:var(--praxis)}
.uf-ufa-karte p{margin:0;max-width:75ch;color:#dff2fb;line-height:1.7}
.uf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:stretch}
.uf-karte{--akzent:var(--industrial);display:flex;flex-direction:column;gap:.7rem;padding:1.8rem;border:1px solid var(--linie);border-top:6px solid var(--akzent);border-radius:1.6rem;background:#fff;transition:.25s}
.uf-karte:hover{transform:translateY(-5px);box-shadow:0 1.4rem 3rem rgba(11,55,79,.12)}
.uf-creative{--akzent:var(--creative)}.uf-praxis{--akzent:var(--gold)}
.uf-kopf{display:flex;gap:1rem;align-items:center}
.uf-mono{display:grid;flex:none;width:68px;height:68px;place-items:center;border-radius:1.2rem;background:var(--akzent);color:#fff;font:700 1.9rem/1 "Barlow Condensed",sans-serif;letter-spacing:.04em}
.uf-praxis .uf-mono{color:#2c2517}
.uf-kopf small{display:block;color:var(--creative);font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;line-height:1.35}
.uf-kopf h3{margin:.15rem 0 0;font:700 1.9rem/1 "Barlow Condensed",sans-serif}
.uf-kopf em{display:block;margin-top:.15rem;color:var(--text2);font-size:.85rem;font-style:normal;font-weight:600}
.uf-slogan{margin:.2rem 0 0;color:var(--akzent);font-size:1rem;font-weight:700;line-height:1.4}
.uf-praxis .uf-slogan{color:#7d6422}
.uf-karte p{margin:0;color:#46535d;line-height:1.7;font-size:.94rem}
.uf-ufa{padding:.7rem 1rem;border-radius:1rem;background:#fff3cf;color:#4a3d12!important;font-weight:650}
.uf-ufa b{font:700 1.6rem/1 "Barlow Condensed",sans-serif;margin-right:.3rem}
.uf-karte .btn{align-self:flex-start;margin-top:auto}
@media(max-width:991.98px){.uf-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}.uf-grid{grid-template-columns:1fr}.uf-ufa-karte{grid-template-columns:1fr}}

/* SEO-Überschrift (h1) klein, große Zeile als Absatz – wie auf der alten Seite (p.seoblock + kleine h1) */
.page-has-unified-header .inner-hero>div>p.hero-claim{max-width:1000px;margin:0 0 .4rem;color:#fff;font:700 clamp(4rem,8vw,8rem)/.92 "Barlow Condensed",sans-serif;letter-spacing:-.045em}
.page-has-unified-header .inner-hero>div>p.hero-claim span{color:var(--praxis)}
/* „Unser Angebot“: SEO-Satz als kleiner Google-Check (Suchfeld → echte Google-Suche, Treffer → Startseite) statt großer Zeile */
.g-check{max-width:400px;margin-top:2rem;padding:16px;border-radius:18px;background:rgba(255,255,255,.96);color:#202124;box-shadow:0 18px 50px rgba(0,20,50,.35);font-family:Inter,system-ui,sans-serif}
.inner-hero>div>.g-check p.g-check-kopf{margin:0 0 10px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5f6368;line-height:1.2;max-width:none}
.g-check-suche{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #dfe1e5;border-radius:999px;color:#202124;text-decoration:none;font-size:.95rem;transition:box-shadow .2s}
.g-check-suche:hover,.g-check-suche:focus-visible{box-shadow:0 1px 6px rgba(32,33,36,.28);border-color:transparent;color:#202124}
.g-check-suche svg{width:18px;height:18px;flex:none;color:#5f6368}
.g-check-q{flex:1;border-right:2px solid #1a73e8;padding-right:2px;animation:gcCursor 1s steps(1) infinite;white-space:nowrap;overflow:hidden}
@keyframes gcCursor{50%{border-color:transparent}}
.g-check-los{color:#1a73e8;font-weight:700}
.g-check-treffer{display:block;margin-top:14px;padding:10px 4px 2px;border-top:1px solid #eceff1;text-decoration:none}
.g-check-treffer small{display:block;color:#4d5156;font-size:.78rem}
.g-check-titel{display:block;color:#1a0dab;font-size:1.12rem;line-height:1.3;margin:2px 0 4px}
.g-check-treffer:hover .g-check-titel,.g-check-treffer:focus-visible .g-check-titel{text-decoration:underline}
.page-has-unified-header .inner-hero h1.g-check-text{margin:0;color:#4d5156;font:400 .88rem/1.5 Inter,system-ui,sans-serif;letter-spacing:0;max-width:none}
@media(prefers-reduced-motion:reduce){.g-check-q{animation:none}}
@media(min-width:1200px){.inner-hero:has(.g-check)>div{position:relative}.page-has-unified-header .inner-hero:has(.g-check)>div>p.hero-claim{max-width:min(820px,100% - 420px)}.g-check{position:absolute;right:12px;bottom:0;width:380px;margin:0}}
.seoblock{max-width:900px}

/* ---------- Schlichte Linien-Icons (einfarbig, keine Emojis) ---------- */
.ic{display:block;width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.ic-fill{fill:currentColor;stroke:none}
.opt-ico,.hilft-ico,.anf-ico,.k-ico{color:#0b1b29}
.opt-ico .ic,.hilft-ico .ic,.anf-ico .ic{width:1.7rem;height:1.7rem}
.k-ico{display:block;height:1.6rem}.k-ico .ic{width:1.5rem;height:1.5rem}
.hinweis-ico{color:#2c2517}.hinweis-ico .ic{width:2.4rem;height:2.4rem}
.iq-kamera{color:#fff}.iq-kamera .ic{width:2.6rem;height:2.6rem}
.flip-icon{color:#fff}.flip-icon .ic{width:2rem;height:2rem}
.foto-platz span{color:#fff;font-size:0}.foto-platz span .ic{width:4rem;height:4rem;stroke-width:1.3}
.video-play .ic{width:1.6rem;height:1.6rem;margin-left:.15rem}
.virtual-play .ic{width:2rem;height:2rem;margin-left:.2rem}
.pinnwand-box .ic{display:inline-block;width:1.15rem;height:1.15rem;margin:-.2rem .35rem 0 0;vertical-align:middle}
.countdown{flex-wrap:wrap}

button.fach-chip{font-family:inherit;font-size:.88rem;font-weight:700;text-align:left;cursor:pointer}span.fach-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}

/* Eingebettete YouTube-Videos: ein iframe im 16:9-Rahmen, passt sich jeder Breite an */
.video-rahmen{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.video-rahmen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-card .video-rahmen{border-radius:0}
@media(max-width:575.98px){.video-card{border-radius:1.1rem}.video-text{padding:1rem 1.05rem 1.2rem}.video-text h3{font-size:1.45rem}}

@media(max-width:767.98px){.video-grid-2{grid-template-columns:minmax(0,1fr)}}

/* Sitemap */
.sm-block{margin:0 0 2.2rem;padding:1.6rem 1.8rem;border:1px solid var(--linie);border-radius:1.4rem;background:#fff}
.sm-block>h2{margin:0 0 .3rem;font:700 clamp(1.9rem,3vw,2.5rem)/1 "Barlow Condensed",sans-serif}
.sm-block>h2 a{color:inherit;text-decoration:none}.sm-block>h2 a:hover{color:var(--industrial)}
.sm-teaser{margin:0 0 1.2rem;color:var(--text2)}
.sm-gruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem 2rem}
.sm-gruppe h3{margin:0 0 .6rem;color:var(--creative);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.sm-gruppe ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}
.sm-gruppe li a{display:block;font-weight:700;color:#111;text-decoration:none}.sm-gruppe li a:hover{color:var(--industrial)}
.sm-gruppe li span{display:block;color:var(--text2);font-size:.82rem;line-height:1.4}

/* Presse / Logo */
.presse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.presse-karte{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--linie);border-radius:1.5rem;background:#fff}
.presse-bild{display:grid;place-items:center;min-height:190px;padding:1.6rem;background:linear-gradient(135deg,#eef5fa,#f9fbfd);border-bottom:1px solid var(--linie)}
.presse-bild img{max-width:100%;max-height:150px;object-fit:contain}
.presse-bild .opt-ico{display:grid;place-items:center;width:84px;height:84px;border:1.5px solid #c9d8e0;border-radius:1.4rem;color:var(--industrial)}
.presse-bild .opt-ico .ic{width:38px;height:38px}
.presse-text{display:flex;flex-direction:column;gap:.45rem;padding:1.2rem 1.3rem 1.4rem;align-items:flex-start}
.presse-text small{color:var(--creative);font-size:.7rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.presse-text h3{margin:0;font:700 1.6rem/1.05 "Barlow Condensed",sans-serif}.presse-text p{margin:0 0 .5rem;color:var(--text2);font-size:.9rem;line-height:1.55}
@media(max-width:991.98px){.presse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.presse-grid{grid-template-columns:1fr}}

/* Schnuppern-Karte (erscheint oben, wenn der Tag der offenen Tür vorbei ist) */
.tdot-karte.ist-schnuppern{background:linear-gradient(135deg,#1a1408 0%,#7a5f1c 48%,#d8bd78 100%);background-size:160% 160%;animation:schnupperFluss 14s ease-in-out infinite alternate}
.tdot-karte.ist-schnuppern .tdot-datum{background:rgba(0,0,0,.34)}
.tdot-karte.ist-schnuppern .tdot-datum b{font-size:clamp(3rem,5.6vw,4.6rem)}
.tdot-karte.ist-schnuppern .tdot-text h2 span{color:#fff2c4}
.schnupper-schritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.1rem 0 1.2rem;padding:0;list-style:none}
.schnupper-schritte li{display:grid;gap:.4rem;padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.28);border-radius:1.2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(3px);transition:.25s}
.schnupper-schritte li:hover{transform:translateY(-4px);background:rgba(255,255,255,.18)}
.schnupper-schritte b{font:700 1.9rem/1 "Barlow Condensed",sans-serif;color:#fff2c4}
.schnupper-schritte span{color:#fff8e1;font-size:.88rem;line-height:1.5}.schnupper-schritte strong{display:block;margin-bottom:.15rem;color:#fff;font-size:1rem}
.schnupper-termine{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1rem}
.schnupper-termine small{flex:none;color:#fff2c4;font-weight:850;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}
.schnupper-termine span{padding:.35rem .8rem;border-radius:50rem;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);font-weight:700;font-size:.82rem}
.schnupper-hinweis{margin:0 0 .4rem;color:#fff2c4!important;font-size:.9rem}
.nur-tdot[hidden]{display:none}
@keyframes schnupperFluss{0%{background-position:0% 40%}100%{background-position:100% 60%}}
@media(prefers-reduced-motion:reduce){.tdot-karte.ist-schnuppern{animation:none}}
@media(max-width:767.98px){.schnupper-schritte{grid-template-columns:1fr}}

/* Animierte Buttons: Farbverlauf zieht durch, beim Darüberfahren zittert der Button kurz und leuchtet */
.btn-flow{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border:0;border-radius:50rem;font:800 .95rem Inter,sans-serif;text-decoration:none;cursor:pointer;background-size:260% 100%;animation:flowZug 3.6s linear infinite;transition:transform .2s,box-shadow .25s}
.btn-flow-gold{color:#2a2008;background-image:linear-gradient(110deg,#d8bd78 0%,#f6e3a8 40%,#fff3c9 50%,#f6e3a8 60%,#d8bd78 100%);box-shadow:0 .45rem 1.2rem rgba(216,189,120,.45)}
.btn-flow-blau{color:#fff;background-image:linear-gradient(110deg,#0a5d9c 0%,#21b9ef 40%,#7fd8ff 50%,#21b9ef 60%,#0a5d9c 100%);box-shadow:0 .45rem 1.2rem rgba(0,106,178,.4)}
.btn-flow-dunkel{color:#fff;background-image:linear-gradient(110deg,#111b24 0%,#2c4a63 40%,#4d7392 50%,#2c4a63 60%,#111b24 100%);box-shadow:0 .45rem 1.2rem rgba(17,27,36,.35)}
.btn-flow:hover,.btn-flow:focus-visible{animation:flowZug 1.6s linear infinite,flowZittern .5s ease-in-out;transform:translateY(-3px) scale(1.04);filter:brightness(1.06);outline:none}
.btn-flow:disabled{opacity:.6;cursor:wait}
@keyframes flowZug{0%{background-position:130% 0}100%{background-position:-130% 0}}
@keyframes flowZittern{0%,100%{rotate:0deg}20%{rotate:-1.6deg}40%{rotate:1.6deg}60%{rotate:-1.1deg}80%{rotate:.8deg}}
@media(prefers-reduced-motion:reduce){.btn-flow{animation:none}.btn-flow:hover{animation:none}}
.melden-knoepfe{display:grid;gap:.6rem;margin-top:1rem}
.opt-melden .btn-flow{width:100%}
/* Kontaktseite */
.kontakt-wege{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.kontakt-weg{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid var(--linie);border-radius:1.5rem;background:#fff;color:inherit;text-decoration:none;transition:.25s}
.kontakt-weg:hover{transform:translateY(-5px);box-shadow:0 1.4rem 3rem rgba(11,55,79,.14);border-color:#b9d3e3}
.kontakt-weg h3{margin:.4rem 0 0;font:700 1.7rem/1 "Barlow Condensed",sans-serif}.kontakt-weg p{margin:0 0 .8rem;color:var(--text2);font-size:.92rem;line-height:1.55}
.kontakt-weg .btn-flow{margin-top:auto;align-self:flex-start}
.rueckruf-box{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.2rem;align-items:start}
.hinweis-klein{color:var(--text2);font-size:.82rem}
.rueckruf-form{padding:1.6rem;border:1px solid var(--linie);border-radius:1.6rem;background:#fff;box-shadow:0 1.4rem 3.4rem rgba(11,55,79,.08)}
.rf-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
.rf-feld{display:block;margin:0 0 1rem}.rf-feld>span{display:block;margin-bottom:.3rem;font-weight:700;font-size:.82rem;color:#33424d}.rf-feld b{color:#c0392b}
.rueckruf-form input:not([type=checkbox]),.rueckruf-form select,.rueckruf-form textarea{width:100%;padding:.75rem .9rem;border:1.5px solid #cbd8e0;border-radius:.9rem;background:#fff;font:inherit;font-size:.95rem}
.rueckruf-form input:focus-visible,.rueckruf-form select:focus-visible,.rueckruf-form textarea:focus-visible{outline:3px solid rgba(0,106,178,.3);outline-offset:1px;border-color:var(--industrial)}
.rf-gruppe{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1rem;padding:0;border:0}.rf-gruppe legend{margin-bottom:.4rem;font-weight:700;font-size:.82rem;color:#33424d}
.rf-gruppe label,.rf-haken{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;cursor:pointer}.rf-haken{margin:0 0 1rem;color:#4c5964;line-height:1.45}
.rueckruf-form input[type=checkbox]{width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--industrial)}
.rf-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;opacity:0}
.rf-senden{width:100%;font-size:1.05rem;padding:1rem 1.4rem}
.rf-meldung{margin:.8rem 0 0;font-size:.92rem;min-height:1.4em}.rf-meldung.gut{color:#16794a;font-weight:700}.rf-meldung.schlecht{color:#b3261e;font-weight:600}
.kontakt-daten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.kontakt-daten h3{margin:0 0 .5rem;font:700 1.6rem/1 "Barlow Condensed",sans-serif}.kontakt-daten p{color:var(--text2);line-height:1.6}
@media(max-width:991.98px){.kontakt-wege{grid-template-columns:repeat(2,minmax(0,1fr))}.rueckruf-box,.kontakt-daten{grid-template-columns:1fr}}
@media(max-width:575.98px){.kontakt-wege,.rf-raster{grid-template-columns:1fr}}

/* Krisenteam */
.kt-leitung{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.4rem;align-items:center;margin:0 0 1.2rem;padding:1.6rem;border-radius:1.8rem;background:linear-gradient(135deg,#06263e 0%,#0a4e7e 60%,#1b86c4 130%);color:#fff;box-shadow:0 1.6rem 4rem rgba(7,43,67,.25)}
.kt-leitung-text{display:flex;gap:1.1rem;align-items:flex-start}
.kt-leitung .eyebrow{color:var(--gold);margin:0 0 .2rem}
.kt-leitung h3{margin:0 0 .5rem;font:700 clamp(1.8rem,3vw,2.5rem)/1 "Barlow Condensed",sans-serif}
.kt-leitung p{margin:0;color:#dcecf6;line-height:1.65;font-size:.95rem}
.kt-ico{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:1rem;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff}
.kt-ico .ic{width:26px;height:26px}.kt-ico-gross{width:64px;height:64px;border-radius:1.2rem}.kt-ico-gross .ic{width:32px;height:32px}
.kt-leitung-leute{display:grid;gap:.55rem}
.kt-person{display:flex;gap:.75rem;align-items:center;width:100%;padding:.5rem .7rem .5rem .5rem;border:1px solid rgba(0,0,0,.08);border-radius:1.1rem;background:#fff;color:#111;text-align:left;font:inherit}
.kt-leitung .kt-person{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}
.kt-person img,.kt-ini{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center 20%;flex:none;background:#e7eef3}
.kt-ini{display:grid;place-items:center;font-size:1.4rem;font-weight:800;color:#fff;background:rgba(255,255,255,.18)}
.kt-person b{display:block;font-size:.92rem;line-height:1.2}.kt-person small{display:block;margin-top:.1rem;font-size:.74rem;opacity:.75;line-height:1.3}
button.kt-person{cursor:pointer;transition:.2s}button.kt-person:hover,button.kt-person:focus-visible{transform:translateY(-2px);box-shadow:0 .7rem 1.5rem rgba(0,0,0,.18);outline:none}
.kt-bereiche{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.kt-bereich{--a1:#006ab2;--a2:#21b9ef;position:relative;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;padding:1.2rem 1.2rem 1rem;border:1px solid var(--linie);border-radius:1.5rem;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .22s,box-shadow .25s,border-color .25s}
.kt-bereich:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,var(--a1),var(--a2));opacity:0;transition:opacity .3s}
.kt-bereich:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--a1),var(--a2))}
.kt-blau{--a1:#0a5d9c;--a2:#21b9ef}.kt-tuerkis{--a1:#0b7a6b;--a2:#39d0b0}.kt-gold{--a1:#9a7a2c;--a2:#e6c978}.kt-violett{--a1:#4f3fa8;--a2:#9d86f0}
.kt-bereich .kt-ico{border-color:color-mix(in srgb,var(--a1) 35%,transparent);background:color-mix(in srgb,var(--a2) 18%,#fff);color:var(--a1)}
.kt-bereich b{font:700 1.45rem/1.05 "Barlow Condensed",sans-serif}.kt-bereich small{color:var(--text2);font-size:.8rem;line-height:1.4}
.kt-stapel{display:flex;margin-top:auto;padding-top:.5rem;min-height:2.4rem;align-items:center}.kt-stapel em{font-size:.74rem;font-style:normal;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--a1)}
.kt-av img{display:block;width:34px;height:34px;margin-left:-9px;border:2px solid #fff;border-radius:50%;object-fit:cover;object-position:center 20%;background:#e7eef3}.kt-av:first-child img{margin-left:0}
.kt-bereich:hover,.kt-bereich:focus-visible{transform:translateY(-4px);box-shadow:0 1.2rem 2.6rem rgba(11,55,79,.16);outline:none}
.kt-bereich.aktiv{border-color:transparent;color:#fff;box-shadow:0 1.3rem 3rem rgba(11,55,79,.22);transform:translateY(-4px)}
.kt-bereich.aktiv:before{opacity:1}.kt-bereich.aktiv small{color:rgba(255,255,255,.88)}
.kt-bereich.aktiv .kt-ico{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.2);color:#fff}
.kt-bereich.aktiv .kt-stapel em{color:#fff}.kt-bereich.aktiv .kt-av img{border-color:rgba(255,255,255,.9)}
.kt-panels{margin-top:1rem}
.kt-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.6rem;padding:1.6rem;border:1px solid var(--linie);border-left:6px solid var(--a1);border-radius:1.5rem;background:#fff;animation:ktEin .35s ease}
.kt-panel[hidden]{display:none}
@keyframes ktEin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.kt-panel .eyebrow{color:var(--a1);margin:0 0 .3rem}
.kt-aufgaben h3{margin:0 0 .8rem;font:700 clamp(1.7rem,2.6vw,2.2rem)/1 "Barlow Condensed",sans-serif}
.kt-aufgaben ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}
.kt-aufgaben li{position:relative;padding-left:1.6rem;color:#33424d;line-height:1.55;font-size:.94rem}
.kt-aufgaben li:before{content:"";position:absolute;left:0;top:.5rem;width:.8rem;height:.8rem;border-radius:50%;background:linear-gradient(135deg,var(--a1),var(--a2))}
.kt-leute{display:grid;gap:.55rem}
.kt-leer{margin:0;color:var(--text2)}
.kt-panel .kt-person{background:#f6fafc}
@media(max-width:1199.98px){.kt-bereiche{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.kt-leitung,.kt-panel{grid-template-columns:1fr}.kt-leitung{padding:1.2rem}.kt-panel{padding:1.2rem}}
@media(max-width:575.98px){.kt-bereiche{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kt-panel{animation:none}.kt-bereich,.kt-bereich:hover{transition:none;transform:none}}

/* Impressum */
.imp-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;margin:1rem 0}
.imp-karte{padding:1.1rem 1.2rem;border:1px solid var(--linie);border-radius:1.1rem;background:#f6fafc}
.imp-karte h3{margin:0 0 .45rem;color:var(--creative);font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.imp-karte p{margin:0 0 .5rem;line-height:1.55;font-size:.94rem}.imp-karte p:last-child{margin-bottom:0}
.schutz-block h3{margin:1.4rem 0 .4rem;font:700 1.45rem/1.1 "Barlow Condensed",sans-serif}

/* Krisenteam: Druckknopf und A3-Blatt */
.kt-aktionen{margin:1rem 0 0}.kt-aktionen .btn{display:inline-flex;align-items:center;gap:.55rem}.kt-aktionen .ic{width:18px;height:18px}
.ktd-wurzel{display:none}


/* Schwerpunkt-Finder */
.finder-sektion{background:#fff}
.finder-karte{position:relative;overflow:hidden;padding:2.2rem;border-radius:2rem;background:linear-gradient(135deg,#06263e 0%,#0a4e7e 62%,#1b86c4 130%);color:#fff;box-shadow:0 1.8rem 4.5rem rgba(7,43,67,.28)}
.finder-karte:after{content:"";position:absolute;right:-90px;top:-120px;width:340px;height:340px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.035),0 0 0 88px rgba(255,255,255,.025);pointer-events:none}
.finder-karte>*{position:relative;z-index:1}
.finder-fortschritt{height:5px;margin:-.6rem 0 1.6rem;border-radius:5px;background:rgba(255,255,255,.18);overflow:hidden}
.finder-fortschritt span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#f2d27a,#fff);transition:width .4s}
.finder-nr{margin:0 0 .4rem;color:#f2d27a;font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.finder-frage{margin:0 0 1.4rem;font:700 clamp(2rem,4vw,3.2rem)/1 "Barlow Condensed",sans-serif}
.finder-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.finder-opt{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.2rem;border:1px solid rgba(255,255,255,.28);border-radius:1.3rem;background:rgba(255,255,255,.08);color:#fff;text-align:left;transition:transform .2s,background .2s,border-color .2s}
.finder-opt span{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,.18);font-weight:800}
.finder-opt b{font-weight:600;line-height:1.4}
.finder-opt:hover,.finder-opt:focus-visible{transform:translateY(-4px);background:rgba(255,255,255,.18);border-color:#fff}
.finder-opt.gewaehlt{background:#fff;color:#06263e;border-color:#fff}.finder-opt.gewaehlt span{background:#0a4e7e;color:#fff}
.finder-zurueck{margin-top:1.2rem;padding:0;border:0;background:none;color:#cfe6f5;font-weight:700}.finder-zurueck:hover{color:#fff}
.finder-ergebnis{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.finder-treffer{padding:1.5rem;border:1px solid rgba(255,255,255,.28);border-radius:1.5rem;background:rgba(255,255,255,.08)}
.finder-treffer.haupt{background:#fff;color:#10222e;border-color:#fff}.finder-treffer.haupt .finder-nr{color:#0a4e7e}
.finder-treffer h3{margin:0;font:700 clamp(2rem,3.4vw,2.8rem)/1 "Barlow Condensed",sans-serif}
.finder-kurz{margin:.2rem 0 .8rem;font-weight:700;opacity:.85}
.finder-treffer p{line-height:1.6}
.finder-berufe{display:flex;flex-wrap:wrap;gap:.45rem}
.finder-berufe span{padding:.35rem .8rem;border:1px solid rgba(10,78,126,.28);border-radius:50rem;background:rgba(33,185,239,.1);font-weight:600;font-size:.86rem}
.finder-treffer:not(.haupt) .finder-berufe span{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1)}
.finder-treffer.haupt .btn-light{background:#0a4e7e;border-color:#0a4e7e;color:#fff}
.finder-knoepfe{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.finder-hinweis{margin:1.2rem 0 0;color:#dcecf6}.finder-hinweis a{color:#fff}
@media(max-width:860px){.finder-opts{grid-template-columns:1fr}.finder-karte{padding:1.5rem}}

/* Quizbereich: Anmeldung mit Lern-Code */
.code-login{margin:0 0 1.6rem;padding:1.2rem 1.4rem;border:2px solid #cfe3ef;border-radius:1.2rem;background:#f2f8fc}
.code-login h2{margin:0 0 .4rem;font-size:1.5rem}
.code-reihe{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.code-reihe input{flex:1 1 14rem;min-width:0;padding:.75rem .9rem;border:2px solid #b9c9d6;border-radius:.8rem;font:700 1.05rem ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.code-fehler{margin:.5rem 0 0;color:#a02323;font-weight:700;min-height:1.2em}
.code-knoepfe{display:flex;gap:.6rem;flex-wrap:wrap}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* ---------- Lernen & Üben: Seite lernen-und-ueben.html und Block auf der Startseite (index.html, <!--LERNEN-->) ---------- */
.lu-sprung{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem}
.lu-sp{padding:.45rem .95rem;border:1px solid rgba(255,255,255,.42);border-radius:50rem;background:rgba(255,255,255,.1);color:#fff;font-size:.85rem;font-weight:700;text-decoration:none;backdrop-filter:blur(6px);transition:background .2s,color .2s}
.lu-sp:hover,.lu-sp:focus-visible{background:#fff;color:#073f69;outline:none}
.lu-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}
.lu-karte{display:flex;flex-direction:column;gap:.55rem;padding:1.4rem 1.4rem 1.25rem;border:1px solid var(--linie);border-top:5px solid var(--industrial);border-radius:1.4rem;background:#fff;transition:transform .25s,box-shadow .25s}
.lu-karte:hover,.js .lu-karte.rv.in:hover{transform:translateY(-4px);box-shadow:0 1.2rem 2.6rem rgba(11,55,79,.12)}
.lu-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(10,78,126,.28);background:rgba(33,185,239,.1);color:#0a4e7e;font-size:1.25rem}
.lu-karte small{color:var(--creative);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.lu-karte h3{margin:0;font:700 1.65rem/1.05 "Barlow Condensed",sans-serif;color:#111820}
.lu-karte p{margin:0;color:var(--text2);line-height:1.6;font-size:.94rem}
.lu-karte .lu-info{display:flex;align-items:flex-start;gap:.45rem;padding:.55rem .7rem;border-radius:.8rem;background:#f2f7fa;color:#33424d;font-size:.82rem;font-weight:600;line-height:1.45}
.lu-info .bi{margin-top:.05rem;color:#0a4e7e}
.lu-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-top:auto;padding-top:.45rem}
.lu-link{display:inline-block;min-height:24px;padding:.15rem 0;color:#0a5a94;font-size:.88rem;font-weight:750;text-decoration:underline;text-underline-offset:.2em}
.lu-link:hover,.lu-link:focus-visible{color:#073f69;text-decoration-thickness:.14em}
.lu-sec,.lu-start{scroll-margin-top:110px}
/* Startseite: vier kleine Karten */
.lu-start .sec-head{margin-bottom:2rem}
.lu-start-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.lu-alle{margin:1.8rem 0 0;text-align:center}
@media(max-width:1199.98px){.lu-start-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.lu-start-raster{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.lu-karte{transition:none}}
/* Startseite: Buchen (Countdown + nächste Schritte) und drei Entdecken-Kacheln (Integration Homepage-Paket, 24.10.2026) */
.start-buchen{padding-block:clamp(2rem,4vw,3.2rem)}
.start-buchen-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1rem,2.4vw,1.8rem);align-items:stretch}
/* Buchen-Karte (statisch; der Countdown zum Tag der offenen Tür steckt im Startseiten-Popup js/start-popup.js) */
.start-buchen-karte{position:relative;overflow:hidden;display:grid;gap:.8rem;align-content:center;justify-items:start;min-width:0;padding:clamp(1.4rem,4vw,2.4rem);border:1px solid #dde7ec;border-radius:1.4rem;background:#fff;box-shadow:0 .8rem 2rem rgba(11,55,79,.08)}
.start-buchen-karte:after{content:"";position:absolute;right:-110px;top:-150px;width:380px;height:380px;border-radius:50%;border:1px solid #e3eef5;box-shadow:0 0 0 50px rgba(0,106,178,.03),0 0 0 100px rgba(0,106,178,.02);pointer-events:none}
.start-buchen-karte>*{position:relative;z-index:1;margin:0}
.start-buchen-karte .eyebrow{color:var(--creative,#84744e)}
.start-buchen-karte h2{color:#111820;font:700 clamp(2rem,4.4vw,3rem)/.95 "Barlow Condensed",sans-serif;letter-spacing:-.03em}
.start-buchen-karte p:not(.eyebrow){color:#5b6872;font-weight:600}
.start-buchen-karte .sbk-knopf{display:inline-flex;align-items:center;min-height:44px;padding:.7rem 1.5rem;border-radius:50rem;background:#111820;color:#fff;text-decoration:none;font-weight:800}
.start-buchen-karte .sbk-knopf:hover,.start-buchen-karte .sbk-knopf:focus-visible{background:#006ab2;color:#fff}
.start-buchen-karte .sbk-knopf:focus-visible{outline:3px solid #0a6db5;outline-offset:3px}
.start-buchen-schritte{display:grid;gap:.7rem;margin:0;padding:0;list-style:none;align-content:center}
.start-buchen-schritte a{display:flex;align-items:center;gap:1rem;min-height:44px;padding:1rem 1.15rem;border:1px solid var(--linie,#dde7ec);border-radius:1.2rem;background:#fff;color:#111820;font-weight:inherit;text-decoration:none;animation:none;transition:border-color .2s,box-shadow .2s}
.start-buchen-schritte a:hover,.start-buchen-schritte a:focus-visible{border-color:var(--industrial,#006ab2);box-shadow:0 .8rem 1.8rem rgba(11,55,79,.1)}
.start-buchen-schritte a:focus-visible{outline:3px solid #0a6db5;outline-offset:3px}
.start-buchen-schritte .sb-nr{display:grid;place-items:center;flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:#111820;color:#fff;font:700 1.2rem/1 "Barlow Condensed",sans-serif}
.start-buchen-schritte b{display:block;font-size:1rem;line-height:1.3}
.start-buchen-schritte small{display:block;margin-top:.15rem;color:#4d5b66;font-size:.84rem;line-height:1.4}
.start-entdecken{padding-block:0 clamp(2rem,4vw,3.2rem)}
.start-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.start-kachel{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico small" "ico b" "ico text";column-gap:1rem;align-items:start;padding:1.2rem 1.3rem;border:1px solid var(--linie,#dde7ec);border-radius:1.3rem;background:#fff;color:#111820;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.start-kachel:hover,.start-kachel:focus-visible{transform:translateY(-3px);border-color:var(--industrial,#006ab2);box-shadow:0 1rem 2.2rem rgba(11,55,79,.12)}
.start-kachel:focus-visible{outline:3px solid #0a6db5;outline-offset:3px}
.start-kachel-ico{grid-area:ico;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eef6fa;color:var(--industrial,#006ab2);font-size:1.25rem}
.start-kachel small{grid-area:small;color:#6b5414;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.start-kachel b{grid-area:b;margin-top:.15rem;font:700 1.45rem/1.05 "Barlow Condensed",sans-serif}
.start-kachel>span:last-child{grid-area:text;margin-top:.3rem;color:#4d5b66;font-size:.9rem;line-height:1.45}
@media(max-width:991.98px){.start-buchen-raster{grid-template-columns:minmax(0,1fr)}.start-kacheln{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.start-kachel,.start-buchen-schritte a{transition:none}.start-kachel:hover,.start-kachel:focus-visible{transform:none}}
/* Häufige Fragen (<details> in [data-faq]; tools/seo.js schreibt daraus FAQPage-Daten) */
.faq-liste{display:grid;gap:.7rem;max-width:900px}
.faq-item{border:1px solid var(--linie,#dde7ec);border-radius:1.1rem;background:#fff}
.faq-item summary{position:relative;display:block;min-height:44px;padding:1rem 3.2rem 1rem 1.25rem;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:var(--industrial,#006ab2);font:700 1.6rem/1 "Barlow Condensed",sans-serif}
.faq-item[open] summary:after{content:"–"}
.faq-item summary:focus-visible{outline:3px solid #0a6db5;outline-offset:2px;border-radius:1.1rem}
.faq-antwort{padding:0 1.25rem 1.1rem}
.faq-antwort p{margin:0;color:#33424d;line-height:1.65}
.faq-antwort a{color:#0a5a94;font-weight:600}
.program-logo-box img{height:auto}
.hl-link{margin:0;font-weight:700}.hl-link a{color:var(--industrial)}
/* Schulführungen #moeglichkeiten: Hinweis mit Pfeil auf die Schwerpunkt-Knöpfe */
.lp-klick-hinweis{display:flex;align-items:flex-end;gap:.35rem;margin:0 0 .3rem;font-family:"Satisfy",cursive;font-size:1.35rem;line-height:1.1;color:var(--industrial)}
.lp-klick-hinweis svg{flex:0 0 auto;transform:translateY(.55rem);animation:lp-hinweis 1.4s ease-in-out infinite}
@keyframes lp-hinweis{0%,100%{translate:0 0}50%{translate:0 5px}}
@media (prefers-reduced-motion:reduce){.lp-klick-hinweis svg{animation:none}}
.foto-platz .foto-platz-logo{width:auto;height:clamp(84px,12vw,120px);margin-bottom:.6rem;filter:drop-shadow(0 .4rem 1rem rgba(0,0,0,.25))}
/* Frühtraining: Statement des ASK Voitsberg */
.ask-statement{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.2rem 2rem;align-items:center;margin:0 0 1.4rem;padding:clamp(1.6rem,4vw,2.6rem);border-radius:1.6rem;background:linear-gradient(135deg,#06263e,#0a5c92 65%,#1b9ad6);color:#fff;box-shadow:0 1.4rem 3rem rgba(7,43,67,.18);overflow:hidden}
.ask-statement>img{width:auto;height:clamp(72px,9vw,110px);grid-row:span 2;filter:drop-shadow(0 .4rem 1rem rgba(0,0,0,.25))}
.ask-statement blockquote{margin:0}
.ask-statement blockquote p{margin:0;font:600 clamp(1.15rem,2vw,1.45rem)/1.5 "Inter",sans-serif}
.ask-statement figcaption{color:var(--praxis,#fcebc1);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ask-statement figcaption b{font-weight:800}
.ask-schule{max-width:900px;margin:0 0 2rem;font-size:1.05rem;line-height:1.7}
@media(max-width:575.98px){.ask-statement{grid-template-columns:1fr}.ask-statement>img{grid-row:auto;height:72px}}
/* Virtuelle Tour: Bild mit fliegendem Swoosh, Klick spielt das Video direkt im Rahmen ab */
.virtual-frame[data-yt]{aspect-ratio:1672/941;border-radius:1.3rem;box-shadow:0 1.6rem 3.4rem rgba(0,0,0,.4)}
.virtual-frame[data-yt]>img{display:block;width:100%;height:100%;object-fit:cover}
.virtual-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:1.3rem}
.virtual-fx{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:1.3rem;pointer-events:none}
.virtual-fx img{position:absolute;left:0;top:52%;width:85%;border-radius:0!important;mix-blend-mode:screen;filter:drop-shadow(0 0 14px rgba(65,223,255,.8));opacity:0;animation:tour-swoosh 5.5s cubic-bezier(.45,.05,.3,1) infinite}
.virtual-fx img+img{top:30%;width:60%;animation-delay:2.6s;animation-duration:6.5s;filter:drop-shadow(0 0 10px rgba(65,223,255,.6)) hue-rotate(-15deg)}
@keyframes tour-swoosh{0%{transform:translate(-100%,-50%) rotate(-4deg);opacity:0}12%{opacity:1}70%{opacity:.95}100%{transform:translate(130%,-58%) rotate(-7deg);opacity:0}}
.virtual-frame .virtual-play{z-index:4;border:0;box-shadow:0 0 0 0 rgba(252,235,193,.55);animation:tour-puls 2.4s ease-out infinite;cursor:pointer}
@keyframes tour-puls{0%{box-shadow:0 0 0 0 rgba(252,235,193,.55)}70%{box-shadow:0 0 0 22px rgba(252,235,193,0)}100%{box-shadow:0 0 0 0 rgba(252,235,193,0)}}
.virtual-hinweis{position:absolute;left:1rem;bottom:.9rem;z-index:4;max-width:calc(100% - 5rem);padding:.25rem .6rem;border-radius:50rem;background:rgba(4,12,20,.55);color:#dbe6ee;font-size:.7rem;backdrop-filter:blur(4px)}
@media(prefers-reduced-motion:reduce){.virtual-fx img{animation:none;opacity:.8;transform:translate(10%,-50%)}.virtual-fx img+img{display:none}.virtual-frame .virtual-play{animation:none}}

/* Fächer-Überblick: Zahl als kleines Abzeichen; am Handy als ruhige Liste, zuerst 8 Fächer */
.fach-pills .fp-zahl{margin-left:.15rem;color:#8fb4cb}
.fach-pills .fp-zahl:before{content:"· "}
.fach-mehr{display:none}
@media(max-width:767.98px){
  .fach-wolke{padding:1.4rem 1.1rem}
  .fach-pills{display:grid;grid-template-columns:1fr;gap:0}
  .fach-pills .subject-pill{display:flex;justify-content:space-between;align-items:center;gap:.8rem;width:100%;padding:.8rem .2rem;border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;text-align:left;font-size:.9rem}
  .fach-pills .fp-zahl{flex:none;min-width:1.9rem;padding:.15rem .5rem;border-radius:50rem;background:rgba(255,255,255,.1);color:#cfe1ec;font-size:.75rem;text-align:center}
  .fach-pills .fp-zahl:before{content:""}
  .fach-pills.fp-zu .subject-pill:nth-child(n+9){display:none}
  .fach-mehr{display:block;width:100%;margin-top:1rem;padding:.75rem;border:1px solid rgba(255,255,255,.25);border-radius:50rem;background:transparent;color:#fff;font-weight:700}
}

/* Verwaltung: Karten mit Zeiten-Liste, Erreichbarkeit „Jetzt“ / „Heute ab …“ (js/staff-karte.js) */
/* Foto im echten Seitenverhältnis (kein Kreis, nichts abgeschnitten), daneben der Inhalt; zwei Karten je Reihe, Schulwarte über die volle Breite */
.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.staff-card{grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:start;gap:1.25rem;padding:1.1rem;overflow:hidden}
.staff-card .sc-bild{display:block;border-radius:1rem;overflow:hidden;background:#eef4f8;box-shadow:0 .6rem 1.4rem rgba(11,55,79,.12)}
.staff-card img,.staff-card .sc-bild img{display:block;width:100%;height:auto;border-radius:0;object-fit:contain;transition:transform .5s}
.staff-card:hover .sc-bild img{transform:scale(1.03)}
.staff-card .sc-inhalt{display:flex;flex-direction:column;gap:.8rem;min-width:0}
.staff-card .sc-kopf{display:block}
.sc-text{display:block;color:#33434e;font-size:.9rem;line-height:1.55}
.sc-mehr{color:var(--industrial);font-weight:700;font-size:.85rem}
.sc-hilfe{display:grid;gap:.45rem;padding:.7rem .8rem;border-radius:.9rem;background:#f1f7fb}
.sc-hilfe small{color:var(--text2);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sc-hilfe-reihe{display:flex;flex-wrap:wrap;gap:.45rem}
.sc-person{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:0;border-radius:50rem;background:var(--ink,#0a0d12);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer}
.sc-person:hover{background:var(--industrial)}
.sc-person b,.sc-mehr b{display:inline;font:inherit}
.staff-card.sc-breit{grid-column:1/-1;grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;background:linear-gradient(120deg,#fff 55%,#fff7e3)}
.sc-breit .sc-bild{background:#fff;box-shadow:none}
.sc-namen{display:flex;flex-wrap:wrap;gap:.5rem}
.sc-namen span{padding:.4rem .8rem;border-radius:50rem;background:#f1f7fb;font-size:.85rem;color:var(--industrial);font-weight:700}
.sc-namen b{display:inline;font:inherit;color:#111820;margin-right:.2rem}
.sc-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.2rem;margin:0;padding:0;list-style:none;font-size:.88rem;line-height:1.45;color:#24323c}
.sc-liste li{position:relative;padding-left:1.4rem}
.sc-liste li::before{content:"";position:absolute;left:.2rem;top:.45em;width:.6rem;height:.6rem;border-radius:2px;background:#d8a93a;transform:rotate(45deg)}
.sc-zeiten{grid-column:1/-1;display:grid;gap:.45rem;margin:0;padding:0;list-style:none}
.sc-zeiten li{display:flex;gap:.6rem;align-items:flex-start;padding:.6rem .75rem;border-radius:.9rem;background:#f1f7fb;color:#24323c;font-size:.86rem;line-height:1.4}
.sc-zeiten .sc-uhr{flex:none;width:18px;height:18px;margin-top:.1rem;color:var(--industrial)}
.sc-zeiten small{display:block;color:var(--text2);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sc-status{display:inline-block;margin:.35rem 0 0;padding:.15rem .55rem;border-radius:50rem;font-style:normal;font-size:.7rem;font-weight:800}
.sc-status.sc-jetzt{background:#dcf5e6;color:#176440}
.sc-status.sc-jetzt:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.35rem;border-radius:50%;background:#1f9d57;vertical-align:.05rem;box-shadow:0 0 0 3px rgba(31,157,87,.2)}
.sc-status.sc-heute{background:#fff2d8;color:#7a5a12}
.sc-aktion{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1rem;border-radius:50rem;background:var(--ink,#0a0d12);color:#fff;font-size:.85rem;font-weight:700;text-decoration:none}
.sc-aktion:hover{background:var(--industrial);color:#fff}
@media(max-width:991.98px){.staff-card{grid-template-columns:1fr}.staff-card.sc-breit{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}
@media(max-width:767.98px){.staff-grid{grid-template-columns:1fr}.staff-card.sc-breit{grid-template-columns:1fr}.sc-breit .sc-bild{max-width:320px}.sc-liste{grid-template-columns:1fr}}

/* Lehrerteam am Handy: Filter schmal (Suche + eine wischbare Chip-Zeile), damit gleich 4 Lehrpersonen sichtbar sind */
@media(max-width:767.98px){
  .lehrer-tools{gap:.6rem;padding:.75rem;margin-bottom:1rem}
  .lehrer-tools .suche input{padding-block:.6rem}
  .lehrer-tools .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -.75rem;padding:0 .75rem .2rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .lehrer-tools .chips::-webkit-scrollbar{display:none}
  .lehrer-tools .chip{flex:none;padding:.45rem .85rem;font-size:.78rem}
  .lehrer-tools .treffer{margin:0;font-size:.75rem}
  .lehrer-legende{margin-bottom:.6rem}
  .lehrer-card .foto{aspect-ratio:4/3}
  .lehrer-grid{gap:.7rem}
  .lehrer-card .info{gap:.25rem;padding:.65rem .7rem .75rem}
  .lehrer-card h3{font-size:1.2rem}
  .lehrer-card .faecher{font-size:.72rem;line-height:1.35}
  .lehrer-card .mehr{display:none}
}

/* Lehrer-Pop-up: Blättern */
.pm-blaettern{position:absolute;left:50%;bottom:.9rem;z-index:4;display:flex;align-items:center;gap:.4rem;padding:.25rem;border-radius:50rem;background:rgba(10,13,18,.65);color:#fff;transform:translateX(-50%);backdrop-filter:blur(6px)}
.pm-bl{display:grid;width:38px;height:38px;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.pm-bl:hover,.pm-bl:focus-visible{background:var(--praxis,#fcebc1);color:#111}
.pm-bl-zahl{min-width:3.4rem;font-size:.78rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.pm-rein-rechts{animation:pm-rein-r .32s ease}
.pm-rein-links{animation:pm-rein-l .32s ease}
@keyframes pm-rein-r{from{opacity:.2;transform:translateX(36px)}to{opacity:1;transform:none}}
@keyframes pm-rein-l{from{opacity:.2;transform:translateX(-36px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pm-rein-rechts,.pm-rein-links{animation:none}}

/* Jahresbericht & Inserate: „Jahresbericht“ am Handy ohne Trennung */
@media(max-width:767.98px){.seite-jahresbericht.page-has-unified-header .inner-hero h1{font-size:clamp(2rem,10vw,3.4rem);hyphens:manual}}
/* Tipp-Ei der Suchfelder (js/main.js BHV_TIPPEI) */
.tippei{text-align:center}
.tippei b{display:block;margin-bottom:.35rem;color:#6b1414;font:italic 600 1.4rem/1.3 "Barlow Condensed",sans-serif}
.tippei span{display:block;color:#6b1414;font-style:italic;font-size:1.05rem;line-height:1.55}
.tippei-link{display:inline;padding:0;border:0;background:none;color:#0a5a94;font:inherit;font-weight:700;font-style:normal;text-decoration:underline;cursor:pointer}
.tippei-zahl{font-style:normal;font-size:1.2em}
.tippei-stopp{margin-top:.9rem;padding:.45rem 1rem;border:1px solid #cdd9e2;border-radius:50rem;background:#fff;color:#334;font-weight:700;font-size:.85rem;cursor:pointer}
/* BYOD: Beispielgeräte je Schwerpunkt (js/byod-geraete.js, js/byod.js) */
.byod-geraete{display:grid;gap:2.2rem;margin-top:1.5rem}
.byod-gruppe,.byod-karte{--g:#0f2a3f;--g-hell:#eaf2f7}
.byod-praxis{--g:#9a7a2c;--g-hell:#fdf4d8}.byod-industrial{--g:#006ab2;--g-hell:#e3f2ff}.byod-creative{--g:#84744e;--g-hell:#f4efe2}
.byod-gruppe-titel{display:inline-block;margin:0 0 1rem;padding:.35rem 1rem;border-radius:50rem;background:var(--g);color:#fff;font:700 1.25rem/1.2 "Barlow Condensed",sans-serif;letter-spacing:.02em}
.byod-praxis .byod-gruppe-titel{color:#2f2610;background:#d8bd78}
.byod-gruppe-text{max-width:760px;color:#5b6872}
.byod-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.byod-karten-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1199.98px){.byod-karten-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.byod-karten-3{grid-template-columns:1fr}}
.byod-sp{align-self:flex-start;margin:0;padding:.2rem .7rem;border-radius:50rem;background:var(--g);color:#fff;font-size:.72rem;font-weight:800}.byod-praxis .byod-sp{background:#d8bd78;color:#2f2610}
.byod-karte{display:flex;flex-direction:column;gap:.7rem;padding:1.3rem;border:1px solid #dde7ec;border-top:5px solid var(--g);border-radius:1.2rem;background:#fff;box-shadow:0 .6rem 1.6rem rgba(11,55,79,.06)}
.byod-stufe{margin:0;color:var(--g);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.byod-karte h4{margin:0;font:700 1.6rem/1.05 "Barlow Condensed",sans-serif}
.byod-text{margin:0;color:#4a5864;font-size:.9rem;line-height:1.55}
.byod-braucht{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}
.byod-braucht li{padding:.2rem .6rem;border-radius:50rem;background:var(--g-hell);color:#24323c;font-size:.75rem;font-weight:700}
.byod-bsp{margin:auto 0 -.3rem;color:#6b7782;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.byod-geraet{display:flex;flex-direction:column;gap:.6rem;padding:1rem;border-radius:1rem;background:#f6f9fb}
.byod-geraet-kopf{display:flex;align-items:center;gap:.7rem}
.byod-geraet-kopf b{font-size:1rem;line-height:1.25}
.byod-geraet-kopf img{width:70px;height:auto;border-radius:.5rem;background:#fff}
.byod-geraet-ico{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:.7rem;background:var(--g);color:#fff}
.byod-geraet-ico svg{width:1.5rem;height:1.5rem}
.byod-eckdaten{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:0;font-size:.8rem}
.byod-eckdaten dt{color:#6b7782;font-weight:600}.byod-eckdaten dd{margin:0;color:#1d2a33}
.byod-preis{margin:0;font:700 1.35rem/1.2 "Barlow Condensed",sans-serif;color:#111820}
.byod-preis small{display:block;font:500 .72rem/1.4 system-ui,sans-serif;color:#6b7782}
.byod-rabatt{display:inline-block;padding:.05rem .4rem;border-radius:.35rem;background:#c62828;color:#fff;font:800 .72rem/1.4 system-ui,sans-serif;font-style:normal;vertical-align:.2em}
.byod-link{align-self:flex-start;font-weight:700;font-size:.88rem;color:var(--g);text-decoration:none}
.byod-link:hover{text-decoration:underline}
.byod-schulshop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem 0;padding:1.3rem 1.5rem;border-radius:1.2rem;background:linear-gradient(110deg,#fdf4d8,#e3f2ff)}
.byod-schulshop p{margin:0;font-weight:600}
.byod-edu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:1.5rem;align-items:center;margin-top:2.5rem;padding:1.6rem;border-radius:1.4rem;background:#f1f6f9}
.byod-edu h3{margin:.1rem 0 .4rem;font:700 1.8rem/1 "Barlow Condensed",sans-serif}.byod-edu p{margin:0;color:#4a5864;font-size:.9rem}
.byod-schritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;counter-reset:s}
.byod-schritte li{counter-increment:s;padding:.8rem;border-radius:1rem;background:#fff;font-size:.82rem;color:#4a5864}
.byod-schritte li::before{content:"0" counter(s);display:block;color:#0a5a94;font:800 1.1rem/1 "Barlow Condensed",sans-serif}
.byod-schritte b{display:block;color:#111820;font-size:.92rem}
.byod-hinweis{margin:1rem 0 0;color:#6b7782;font-size:.8rem}
@media(max-width:991.98px){.byod-edu{grid-template-columns:1fr}.byod-schritte{grid-template-columns:1fr}}
.ki-wrap>.bild-rund{height:auto;aspect-ratio:4/3;object-fit:cover}

/* Junior Companies (tools/seiten/35-junior-companies.js) – je Firma eigene Markenfarben */
.jc-holz{--jc:#5a2e0c;--jc-hell:#e8e1d6;--jc-text:#3d1f08}
.jc-duft{--jc:#1d1d1b;--jc-hell:#f7e1e8;--jc-text:#1d1d1b}
.jc-luna{--jc:#412b1f;--jc-hell:#ecdccb;--jc-text:#412b1f}
.jc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.jc-karte{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--linie);border-top:6px solid var(--jc);border-radius:1.6rem;background:#fff;transition:transform .3s,box-shadow .3s}
.jc-karte:hover{transform:translateY(-5px);box-shadow:0 1.4rem 3rem rgba(11,55,79,.12)}
.jc-karte-logo{display:flex;align-items:center;justify-content:center;height:260px;padding:1.6rem;background:var(--jc-hell)}
.jc-karte-logo img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.jc-karte-text{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1.5rem 1.6rem 1.7rem}
.jc-karte-text small,.jc-weiter small{color:var(--jc,#6d7880);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.jc-karte-text h3{margin:0;font:700 2.2rem/1 "Barlow Condensed",sans-serif}
.jc-karte-text h3 a{color:var(--jc-text);text-decoration:none}
.jc-karte-text p{margin:0;color:#4b5a65}
.jc-karte-text .jc-slogan{color:var(--jc);font-style:italic;font-weight:700}
.jc-mehr{margin-top:auto;padding-top:.6rem;color:var(--jc);font-weight:800;text-decoration:none}
.jc-mehr:hover{text-decoration:underline}
.jc-punkte{display:grid;gap:.45rem;margin:1.2rem 0 0;padding:0;list-style:none}
.jc-punkte li{position:relative;padding-left:1.6rem}
.jc-punkte li:before{content:"♥";position:absolute;left:0;color:var(--jc,var(--industrial));font-size:.9rem}
.jc-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.btn-jc{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.3rem;border:2px solid currentColor;border-radius:50rem;color:inherit;font-weight:800;text-decoration:none;transition:background .2s,color .2s}
.btn-jc:hover{background:#fff;border-color:#fff;color:#1d1d1b}
.btn-jc-voll{background:#fff;border-color:#fff;color:#1d1d1b}
.btn-jc-voll:hover{background:transparent;color:#fff}
.sec .btn-jc{color:var(--jc,#1d1d1b)}
.sec .btn-jc:hover{background:var(--jc,#1d1d1b);border-color:var(--jc,#1d1d1b);color:#fff}
.sec .btn-jc-voll{background:var(--jc,#1d1d1b);border-color:var(--jc,#1d1d1b);color:#fff}
.sec .btn-jc-voll:hover{background:transparent;color:var(--jc,#1d1d1b)}
.jc-logo-gross{display:grid;place-items:center;padding:2.4rem;border-radius:1.8rem;background:var(--jc-hell)}
.jc-logo-gross img{height:320px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.jc-galerie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.jc-galerie figure{margin:0;overflow:hidden;border-radius:1.3rem;background:#fff;box-shadow:0 .6rem 1.6rem rgba(11,55,79,.08)}
.jc-galerie img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .7s}
.jc-galerie figure:hover img{transform:scale(1.05)}
.jc-galerie figure:only-child{grid-column:1/-1;max-width:760px}
.jc-galerie figure:only-child img{aspect-ratio:auto}
.jc-preise{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:900px}
.jc-preisblock{padding:1.6rem 1.8rem;border-radius:1.4rem;background:#fff;border:1px solid var(--linie)}
.jc-preisblock h3{margin:0 0 .8rem;font:700 1.8rem "Barlow Condensed",sans-serif}
.jc-preisblock ul{margin:0;padding:0;list-style:none}
.jc-preisblock li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px dashed #d4dde2}
.jc-preisblock li:last-child{border-bottom:0}
.jc-extra{display:grid;grid-template-columns:1fr minmax(0,1fr);align-items:center;gap:3rem;padding:2.4rem;border-radius:1.8rem;background:var(--jc-hell,#f5f9fc)}
.jc-extra img{width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:1rem;box-shadow:0 1rem 2.4rem rgba(0,0,0,.12)}
.jc-extra-ohne{grid-template-columns:1fr}
.jc-weitere{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.jc-weiter{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--linie);border-radius:1.2rem;background:#fff;color:#17212a;text-decoration:none;transition:transform .2s}
.jc-weiter:hover{transform:translateY(-3px)}
.jc-weiter img{flex:none;width:96px;height:64px;padding:.4rem;border-radius:.7rem;background:var(--jc-hell);object-fit:contain;mix-blend-mode:multiply}
.jc-weiter span{display:flex;flex-direction:column}
.jc-weiter b{font:700 1.6rem/1 "Barlow Condensed",sans-serif}
.jc-alle{justify-content:center;background:var(--navy);color:#fff}
.jc-alle small{color:#aebdc7}
.uf-jc{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:2.4rem;padding:2rem 2.2rem;border-radius:1.6rem;background:var(--navy);color:#fff}
.uf-jc h3{margin:.2rem 0 .4rem;font:700 2.2rem/1 "Barlow Condensed",sans-serif}
.uf-jc p{margin:0;color:#c9d5dc}
@media(max-width:991.98px){.jc-grid,.jc-weitere{grid-template-columns:1fr}.jc-galerie{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-extra{grid-template-columns:1fr;padding:1.6rem}.uf-jc{flex-direction:column;align-items:flex-start}}
@media(max-width:575.98px){.jc-preise{grid-template-columns:1fr}.jc-logo-gross{padding:1.4rem}}