/* ==========================================================================
   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:var(--creative);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}
.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-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;top:.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;top:.7rem;display:flex;flex-direction:column;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-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}
.klasse-card.hervor{outline:4px solid var(--gold);outline-offset:4px}
.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{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 ---------- */
.ho-blick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2.2rem}
.ho-blick{position:relative;display:grid;gap:.5rem;padding:1.4rem 1.5rem 1.2rem;border:1px solid var(--linie);border-radius:1.4rem;background:linear-gradient(160deg,#f5f9fc,#fff);color:#111820;text-decoration:none;transition:.25s}
.ho-blick:hover{transform:translateY(-5px);border-color:var(--industrial);box-shadow:0 1.2rem 2.6rem rgba(11,55,79,.12)}
.ho-blick span{color:var(--industrial);font:700 2.4rem/1 "Barlow Condensed",sans-serif}
.ho-blick p{margin:0;font-weight:650;line-height:1.5;font-size:.95rem}
.ho-blick i{justify-self:end;color:var(--creative);font-style:normal;font-weight:800}
.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;font-size:.88rem;font-weight:650;transition:.2s}
.ho-toc a span{color:#8aa0ad;font-weight:800}
.ho-toc a:hover,.ho-toc a.aktiv{border-color:var(--industrial);background:#eaf5fc;color:var(--industrial)}
.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:#7d8e99;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 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%;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:flex;flex-wrap:wrap;gap:.45rem;margin:1.4rem 0 0;padding:0;list-style:none}
.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 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:flex;flex-wrap:wrap;gap:.6rem}
.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-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(420px,88vw)}
  .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 h3{margin:.4rem 0 .1rem;font:700 1.8rem/1.05 "Barlow Condensed",sans-serif}
.ziel small{display:block;margin-bottom:.6rem;color:var(--creative);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 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 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-family:"Satisfy",cursive;font-size:1.7rem;line-height:1.1}
.uf-praxis .uf-slogan{color:#9a7b2c}
.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)}
.page-has-unified-header .inner-hero h1.h1-klein{max-width:900px;margin:.9rem 0 0;color:#dff5ff;font:600 clamp(1rem,1.7vw,1.35rem)/1.5 "Inter",system-ui,sans-serif;letter-spacing: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}
/* unterricht-beispiele.at – hervorgehobener Block oben auf der Seite */
.lu-ub{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.6rem,4vw,4rem);align-items:center}
.lu-sec,.lu-start{scroll-margin-top:110px}
.lu-ub-bild{position:relative;display:block;max-width:520px;margin:.8rem;border-radius:1.8rem;overflow:hidden;box-shadow:0 1.4rem 3.4rem rgba(7,43,67,.2),0 0 0 .55rem #fff,0 0 0 .75rem #d8bd78}
.lu-ub-bild img{display:block;width:100%;height:auto;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.lu-ub-bild:hover img{transform:scale(1.04)}
.lu-ub-bild:focus-visible,.lu-ub-foto:focus-visible{outline:3px solid #0a6db5;outline-offset:.95rem}
.lu-marke{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .7rem;padding:.4rem .9rem;border-radius:50rem;background:#fcebc1;color:#4d3f17;font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.lu-ub .haken-liste{margin:1.1rem 0 0}
.lu-einstieg{margin:1.4rem 0 .55rem;color:#111820;font-weight:800}
.lu-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none}
.lu-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1px solid #b9d3e3;border-radius:50rem;background:#fff;color:#0a4e7e;font-size:.9rem;font-weight:750;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.lu-chip:hover,.lu-chip:focus-visible{border-color:var(--industrial);background:#e8f5fc;color:#073f69;transform:translateY(-2px);outline:none}
.lu-domain{white-space:nowrap}
@media(max-width:575.98px){.lu-domain{font-size:min(1em,10.5vw)}}
@media(max-width:991.98px){.lu-ub{grid-template-columns:minmax(0,1fr)}.lu-ub-bild{width:calc(100% - 1.6rem);max-width:420px;margin-inline:auto}}
/* Startseite: große Karte für unterricht-beispiele.at, daneben 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-ub-karte{grid-column:span 2;grid-row:span 2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-areas:"bild kopf" "bild text";gap:.3rem 1.6rem;align-content:center;padding:clamp(1.2rem,2.4vw,2rem);border-radius:1.6rem;background:linear-gradient(125deg,#072a43,#0063a6 62%,#0866a3);color:#fff;box-shadow:0 1.4rem 3rem rgba(7,43,67,.2)}
.lu-ub-foto{grid-area:bild;position:relative;display:block;align-self:center;border-radius:1.3rem;overflow:hidden;box-shadow:0 1rem 2.4rem rgba(0,0,0,.3),0 0 0 .3rem #d8bd78}
.lu-ub-foto img{display:block;width:100%;height:auto;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.lu-ub-foto:hover img{transform:scale(1.05)}
.lu-ub-kopf{grid-area:kopf;align-self:end}
.lu-ub-kopf .lu-marke{margin-bottom:.5rem}
.lu-ub-kopf h3{margin:0;font:700 clamp(1.9rem,2.4vw,2.25rem)/1 "Barlow Condensed",sans-serif;letter-spacing:-.01em;white-space:nowrap}
.lu-ub-inhalt{grid-area:text;align-self:start}
.lu-ub-inhalt p{margin:.6rem 0 0;color:#eef7ff;line-height:1.6;font-size:.95rem}
.lu-ub-inhalt .lu-chips{margin:1rem 0 1.1rem}
.lu-ub-karte .lu-chip{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff}
.lu-ub-karte .lu-chip:hover,.lu-ub-karte .lu-chip:focus-visible{background:#fff;color:#073f69}
.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))}.lu-ub-karte{grid-column:1/-1;grid-row:auto}}
@media(max-width:575.98px){.lu-start-raster{grid-template-columns:minmax(0,1fr)}.lu-ub-karte{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"bild marke" "titel titel" "text text";gap:.9rem 1rem;align-items:center}.lu-ub-foto{border-radius:1rem;box-shadow:0 .6rem 1.4rem rgba(0,0,0,.3),0 0 0 .2rem #d8bd78;text-decoration:none}.lu-ub-foto .ki-label{position:static;display:block;padding:.2rem 0;border-radius:0;background:#071019;font-size:.625rem;letter-spacing:.04em;text-align:center;white-space:nowrap}.lu-ub-kopf{display:contents}.lu-ub-kopf .lu-marke{grid-area:marke;justify-self:start;margin:0;padding:.3rem .65rem;font-size:.62rem}.lu-ub-kopf h3{grid-area:titel;font-size:min(1.9rem,8.6vw)}.lu-ub-inhalt p{margin-top:0}}
@media(prefers-reduced-motion:reduce){.lu-karte,.lu-ub-bild img,.lu-ub-foto img,.lu-chip{transition:none}.lu-ub-bild:hover img,.lu-ub-foto:hover img{transform:none}}