/* ServusRobo – Veredelung (13.10.2026): Licht, Bewegung, Bilder, Erzählung über der Corebot-Grundlage.
   site.css bleibt unangetastet; diese Datei legt sich darüber. Läuft auch bei „Bewegung reduzieren“ (Gruppenregel),
   alles bleibt ohne JS sichtbar (Reveal versteckt nur mit .js). */
:root{--v-ease:cubic-bezier(.2,.7,.2,1);--v-karte:linear-gradient(180deg,#1d1e21,#161718)}

/* ---------- Kopfzeile: nach dem Hero fest mit Blur; Menü ab 1000 px weg (vorher dreizeiliger Umbruch) ---------- */
.kopf--fest{position:fixed;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.35);animation:kopf-rein .35s var(--v-ease)}
.kopf--fest .kopf__zeile{height:76px}
@keyframes kopf-rein{from{transform:translateY(-100%)}to{transform:none}}
.menue a{white-space:nowrap}
/* Menü-Umbruch: siehe Burger-Menü in site.css (unter 1140 px) */

/* ---------- Scroll-Reveal (nur mit JS versteckt) ---------- */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--v-ease),transform .8s var(--v-ease)}
.js [data-reveal].sichtbar{opacity:1;transform:none}
.js [data-reveal="2"]{transition-delay:.1s}.js [data-reveal="3"]{transition-delay:.2s}.js [data-reveal="4"]{transition-delay:.3s}

/* ---------- Lichtlinien als Abschnittstrenner, Glut hinter den Abschnittsköpfen ---------- */
.licht{position:relative}
.licht::before{content:"";position:absolute;left:50%;top:0;width:min(1100px,90%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(59,139,224,.7) 30%,rgba(90,168,255,.95) 50%,rgba(59,139,224,.7) 70%,transparent)}
.licht::after{content:"";position:absolute;left:50%;top:0;width:min(700px,70%);height:140px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 0,rgba(59,139,224,.2),transparent 70%);pointer-events:none}
.abschnitt__kopf{position:relative}
.abschnitt__kopf::before{content:"";position:absolute;left:-140px;top:10px;width:460px;height:280px;background:radial-gradient(ellipse at center,rgba(59,139,224,.14),transparent 65%);filter:blur(12px);pointer-events:none}
.abschnitt__kopf>*{position:relative}

/* ---------- Karten mit Lichtkante, die der Maus folgt ---------- */
.karte,.dienst,.schritt,.gegen__spalte{position:relative;overflow:hidden;isolation:isolate;--mx:50%;--my:0%;background:var(--v-karte);transition:transform .35s var(--v-ease)}
.karte::before,.dienst::before,.schritt::before,.gegen__spalte::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(90,168,255,.95),rgba(59,139,224,.3) 40%,rgba(255,255,255,.07) 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.5;transition:opacity .4s;pointer-events:none;z-index:3}
.karte::after,.dienst::after,.schritt::after,.gegen__spalte::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--mx) var(--my),rgba(59,139,224,.17),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0}
.karte:hover,.dienst:hover,.schritt:hover{transform:translateY(-4px)}
.karte:hover::before,.dienst:hover::before,.schritt:hover::before,.gegen__spalte:hover::before,.karte:hover::after,.dienst:hover::after,.schritt:hover::after,.gegen__spalte:hover::after{opacity:1}
.karte>*,.dienst>*,.schritt>*,.gegen__spalte>*{position:relative;z-index:2}
.dienst--top{background:linear-gradient(180deg,rgba(59,139,224,.16),#161718)}
.karte__zeichen{box-shadow:0 0 0 6px rgba(59,139,224,.12),0 8px 24px rgba(0,0,0,.45)}

/* Leistungs-Karten mit Kinobild */
.karte--bild{padding-top:0}
.karte__bild{margin:0 -20px 20px;aspect-ratio:16/9;overflow:hidden;border-radius:24px 24px 0 0;position:relative;z-index:1!important}
.karte__bild img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1.4s var(--v-ease)}
.karte:hover .karte__bild img{transform:scale(1.09)}
.karte__bild::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 40%,rgba(22,23,24,.98))}
.karte--bild .karte__zeichen{margin-top:-54px;margin-bottom:16px}

/* ---------- Zahlen, Modelle-Band, Leitsatz ---------- */
.zahlen b{font-variant-numeric:tabular-nums}
.modelle__zeile{overflow:hidden}
.modelle__band{flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.modelle__band ul{display:flex;gap:0;width:max-content;animation:band 32s linear infinite}
.modelle__band li{margin-right:56px}
.modelle__band:hover ul{animation-play-state:paused}
@keyframes band{to{transform:translateX(-50%)}}
.leitsatz{position:relative}
.leitsatz::before{content:"";position:absolute;left:50%;top:50%;width:min(900px,80%);height:60%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(59,139,224,.12),transparent 65%);filter:blur(20px);pointer-events:none}
.leitsatz p{position:relative}
.leitsatz .wort{display:inline-block;opacity:.16;filter:blur(2px);transition:opacity .5s var(--v-ease),filter .5s var(--v-ease)}
.leitsatz .wort.an{opacity:1;filter:none}
.leitsatz .wort--akzent.an{color:var(--akzent)}

/* ---------- Mensch × Maschine: Kinobild aus Film 1 mit Parallax ---------- */
.kollege__bild--kino{height:auto;aspect-ratio:16/9;background:#000;display:block;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 70px rgba(59,139,224,.16)}
.kollege__bild--kino::before{display:none}
.kollege__bild--kino img{position:absolute;left:0;top:-8%;height:116%;width:100%;object-fit:cover;transform:translateY(var(--py,0));transition:none}
.kollege__bild--kino::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5));pointer-events:none}
.kollege__text p{font-size:17px;color:var(--grau2)}

/* ---------- Pakete: Filter + vier Gruppen mit Kopfbild ---------- */
.filter{display:flex;flex-wrap:wrap;gap:10px;margin:-24px 0 36px}
.filter button{font-family:var(--urb);font-weight:600;font-size:15px;color:var(--hell);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.filter button:hover{border-color:rgba(90,168,255,.7);color:#fff}
.filter button[aria-pressed="true"]{background:var(--akzent);border-color:var(--akzent);color:#fff;box-shadow:0 0 24px rgba(59,139,224,.45)}
.gruppe{margin-bottom:44px}
.gruppe[hidden]{display:none}
.gruppe__kopf{position:relative;display:flex;align-items:flex-end;min-height:280px;border-radius:24px;overflow:hidden;margin-bottom:18px;background:#111;isolation:isolate}
.gruppe__kopf img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;object-position:var(--op,50% 40%);transform:translateY(var(--py,0));z-index:0}
.gruppe__kopf::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.5) 45%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%);z-index:1}
.gruppe__titel{position:relative;z-index:2;padding:28px 32px}
.gruppe__titel small{display:block;font-family:var(--inter);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--akzent);margin-bottom:8px}
.gruppe__titel h3{font-size:36px;line-height:1.1}
.gruppe__titel p{color:rgba(255,255,255,.78);font-size:16px;margin-top:8px;max-width:560px}

/* ---------- So läuft's: vier Schritte mit Posen und Lichtlinie ---------- */
.ablauf{padding:0 0 60px}
.schritte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.schritte::before{content:"";position:absolute;left:6%;right:6%;top:150px;height:1px;background:linear-gradient(90deg,transparent,rgba(90,168,255,.85) 20%,rgba(90,168,255,.85) 80%,transparent);z-index:0}
.schritt{border-radius:24px;padding:22px 22px 26px;display:flex;flex-direction:column;gap:8px}
.schritt__bild{height:200px;display:flex;align-items:flex-end;justify-content:center;position:relative;margin-bottom:10px}
.schritt__bild img{height:100%;width:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6));transition:transform .5s var(--v-ease)}
.schritt:hover .schritt__bild img{transform:translateY(-6px)}
.schritt__nr{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--akzent);display:grid;place-items:center;font:700 16px var(--urb);color:#fff;box-shadow:0 0 24px rgba(59,139,224,.6)}
.schritt small{color:var(--akzent);font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.schritt h3{font-size:24px}
.schritt p{color:var(--grau);font-size:15px;line-height:1.45}

/* ---------- Cloud-KI oder ServusRobo: Gegenüberstellung ---------- */
.versprechen__zeile{display:block}
.gegen{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 40px;align-items:stretch;margin-bottom:28px}
.gegen__spalte{border-radius:24px;padding:36px 32px}
.gegen__spalte h3{font-size:30px;margin-bottom:22px}
.gegen__spalte--cloud h3{color:var(--grau2)}
.gegen__spalte--robo{background:linear-gradient(180deg,rgba(59,139,224,.18),#161718)}
.gegen__spalte ul{list-style:none;display:flex;flex-direction:column;gap:16px}
.gegen__spalte li{display:flex;gap:14px;align-items:flex-start;font-size:17px;color:var(--grau2);line-height:1.45}
.gegen__spalte--robo li{color:#fff}
.gegen__spalte li::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;margin-top:1px;background-position:center;background-size:14px;background-repeat:no-repeat}
.gegen__spalte--cloud li::before{background-color:rgba(255,255,255,.08);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.gegen__spalte--robo li::before{background-color:var(--akzent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");box-shadow:0 0 16px rgba(59,139,224,.6)}
.gegen__trenner{width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,rgba(90,168,255,.95),transparent);box-shadow:0 0 26px rgba(90,168,255,.6)}
.zitat{min-height:0;border-radius:32px;padding:48px 56px;background:var(--v-karte);border:1px solid rgba(255,255,255,.06)}
.zitat p{font-size:34px}
.zitat footer{border-bottom:0;padding-bottom:0}

/* ---------- Technik-Teaser ---------- */
.technikteaser{padding:0 0 80px}
.technikteaser__kasten{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;border-radius:32px;overflow:hidden;background:#111214;border:1px solid rgba(255,255,255,.08)}
.technikteaser__bild{position:relative;aspect-ratio:16/10;overflow:hidden}
.technikteaser__bild img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;transform:translateY(var(--py,0))}
.technikteaser__bild::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(17,18,20,.6) 75%,#111214),linear-gradient(0deg,#111214,transparent 18%),linear-gradient(180deg,#111214,transparent 18%)}
.technikteaser__text{padding:40px 48px 40px 0}
.technikteaser__text small{display:block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--akzent)}
.technikteaser__text h2{font-size:44px;margin:10px 0 14px}
.technikteaser__text>p{color:var(--grau);font-size:17px}
.technikteaser__text ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:22px 0 30px;color:var(--grau2);font-size:17px}
.technikteaser__text li{display:flex;gap:12px;align-items:flex-start}
.technikteaser__text li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--akzent);margin-top:9px;box-shadow:0 0 12px rgba(59,139,224,.8)}
.technikteaser .knopf--rand{font-size:17px;padding:13px 26px}

/* ---------- Aufruf mit winkendem Robo, Formular mit Fokus-Glut ---------- */
.aufruf__kasten{position:relative;overflow:hidden}
.aufruf__kasten::before{content:"";position:absolute;right:-5%;top:-50%;width:55%;height:200%;background:radial-gradient(ellipse at center,rgba(255,255,255,.16),transparent 60%);pointer-events:none}
.aufruf__robo{position:absolute;right:70px;bottom:-2%;height:114%;width:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));pointer-events:none}
.aufruf h2,.aufruf p,.aufruf .knopf{position:relative;z-index:1}
.anfrage__robo{margin-top:30px;height:260px;width:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
.form input:focus,.form select:focus,.form textarea:focus{box-shadow:0 0 0 3px rgba(59,139,224,.22),0 0 26px rgba(59,139,224,.28)}
.akkordeon details>div{overflow:hidden}
.akkordeon summary::after{filter:drop-shadow(0 0 6px rgba(59,139,224,.8))}
.fuss__wortzug{text-shadow:0 0 50px rgba(59,139,224,.35)}

/* ---------- Umbrüche ---------- */
@media (max-width:1100px){
  .schritte{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .schritte::before{display:none}
  .gegen{grid-template-columns:minmax(0,1fr);gap:20px}
  .gegen__trenner{display:none}
  .technikteaser__kasten{grid-template-columns:minmax(0,1fr)}
  .technikteaser__text{padding:0 32px 36px}
  .aufruf__robo{height:70%;right:24px;opacity:.9}
}
@media (max-width:760px){
  .schritte{grid-template-columns:minmax(0,1fr)}
  .aufruf__robo,.anfrage__robo{display:none}
  .gruppe__kopf{min-height:170px}
  .gruppe__titel{padding:20px}
  .gruppe__titel h3{font-size:26px}
  .filter{margin:0 0 24px}
  .zitat{padding:30px 24px}
  .zitat p{font-size:22px}
  .technikteaser__text h2{font-size:30px}
  .gegen__spalte{padding:26px 22px}
  .gegen__spalte h3{font-size:24px}
  .kollege__bild--kino{height:auto}
}

/* Logo-Regeln seit 29.10.2026 in site.css (auch Unterseiten) */

/* Wortzüge mittig (13.10.2026, Ferdinand: „nicht zentral“): Fuß-Wortzug war linksbündig, seit der Schreibweise ServusROBO kürzer als der Rahmen */
.fuss__wortzug{justify-content:center;text-align:center;width:100%}
.held__wortzug{text-align:center;width:100%}
.wortzugband{display:flex;justify-content:center}

/* ---------- Hardware-Pakete (14.10.2026): Basic / High-Performance, ohne Preise ---------- */
.hardware{padding:0 0 40px}
.hw-gitter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hw{position:relative;overflow:hidden;isolation:isolate;--mx:50%;--my:0%;background:var(--v-karte);border-radius:24px;padding:26px 22px 24px;display:flex;flex-direction:column;gap:14px;border:1px solid rgba(255,255,255,.06);transition:transform .35s var(--v-ease)}
.hw:hover{transform:translateY(-4px)}
.hw::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(90,168,255,.95),rgba(59,139,224,.3) 40%,rgba(255,255,255,.07) 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.5;transition:opacity .4s;pointer-events:none;z-index:3}
.hw:hover::before{opacity:1}
.hw>*{position:relative;z-index:2}
.hw--hp{background:linear-gradient(180deg,rgba(59,139,224,.16),#161718);border-color:rgba(59,139,224,.45)}
.hw__kopf small{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--grau);margin:4px 0 6px}
.hw--hp .hw__kopf small{color:var(--akzent)}
.hw__kopf h3{font-size:28px;line-height:1.1}
.hw__fuer{color:var(--grau);font-size:14px;margin-top:6px}
.hw__satz{color:var(--grau2);font-size:15px;line-height:1.45}
.hw dl{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:6px}
.hw dl div{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:7px 10px;border-radius:8px}
.hw dl div:nth-child(odd){background:rgba(255,255,255,.035)}
.hw dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}
.hw dd{font-size:14px;color:#fff;margin:0}
.hw__hinweis{color:var(--grau);font-size:15px;max-width:900px;margin-top:28px;line-height:1.5}
.hw__hinweis a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.tabelle--vier table{min-width:960px}
.tabelle--vier th{font-size:17px;line-height:1.2}
/* ---------- Team (14.10.2026): echte Studio-Porträts + der Robo ---------- */
.team{padding:0 0 60px}
.personen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.person{position:relative;overflow:hidden;isolation:isolate;--mx:50%;--my:0%;background:var(--v-karte);border-radius:24px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transition:transform .35s var(--v-ease)}
.person:hover{transform:translateY(-4px)}
.person::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(90,168,255,.95),rgba(59,139,224,.3) 40%,rgba(255,255,255,.07) 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.5;transition:opacity .4s;pointer-events:none;z-index:3}
.person:hover::before{opacity:1}
.person>*{position:relative;z-index:2}
.person__bild{aspect-ratio:4/5;overflow:hidden;background:#0b0c0e}
.person__bild img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.2s var(--v-ease)}
.person:hover .person__bild img{transform:scale(1.04)}
.person--robo .person__bild{background:radial-gradient(ellipse at 50% 100%,rgba(59,139,224,.35),transparent 65%),#0d0e10;display:flex;align-items:flex-end;justify-content:center}
.person--robo .person__bild img{width:auto;height:94%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
.person__text{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px}
.person__text h3{font-size:26px}
.person__text small{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--akzent)}
.person__text p{color:var(--grau2);font-size:15px;line-height:1.45}
.person__rolle{display:inline-block;margin-top:10px;font-size:13px;color:var(--grau)}
@media (max-width:1100px){.hw-gitter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.personen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:760px){.hw-gitter,.personen{grid-template-columns:minmax(0,1fr)}.person__bild{aspect-ratio:1}.person__bild img{object-position:50% 25%}}

/* Hardware: Anfrage-Knopf je Karte (25.10.2026) */
.hw__knopf{margin-top:auto;align-self:flex-start;font-size:15px;padding:11px 20px;border-radius:14px}
.hw--hp .hw__knopf{border-color:rgba(90,168,255,.8)}
.hw dl{margin-top:0;margin-bottom:16px} /* Knopf „Paket anfragen“ sitzt per margin-top:auto immer am Kartenboden, in jeder Karte auf gleicher Höhe (Ferdinand 02.11.2026) */
.hw__kopf{min-height:0}

/* ---------- Förderung (29.10.2026) ---------- */
.foerderung{padding:0 0 60px}
.foerder-gitter{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.foerder{position:relative;overflow:hidden;isolation:isolate;--mx:50%;--my:0%;background:var(--v-karte);border-radius:24px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.06)}
.foerder--top{background:linear-gradient(180deg,rgba(59,139,224,.16),#161718);border-color:rgba(59,139,224,.45)}
.foerder small{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--akzent);margin-top:4px}
.foerder h3{font-size:26px;line-height:1.1}
.foerder p{color:var(--grau2);font-size:15px;line-height:1.5}
.foerder p b{color:#fff}
.foerder ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:6px;font-size:14px;color:var(--grau2)}
.foerder li{display:flex;gap:10px;align-items:flex-start}
.foerder li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--akzent);margin-top:7px}
.foerder-hinweis{margin-top:18px;border-radius:24px;padding:24px 28px;background:linear-gradient(180deg,rgba(59,139,224,.10),#121315);border:1px solid rgba(59,139,224,.3)}
.foerder-hinweis__kopf b{font-family:var(--urb);font-size:20px;color:#fff}
.foerder-hinweis p{color:var(--grau2);font-size:15px;line-height:1.55;margin-top:8px;max-width:980px}
.foerder-hinweis__stand{font-size:13px!important;color:var(--grau)!important}
@media (max-width:1100px){.foerder-gitter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.foerder--top{grid-column:1/-1}}
@media (max-width:760px){.foerder-gitter{grid-template-columns:minmax(0,1fr)}.foerder-hinweis{padding:20px}}

/* Leuchtschein mobil (29.10.2026): der Schein hinter den Abschnittsköpfen ragte auf 320 px 20 px über den Rand */
@media (max-width:760px){.abschnitt__kopf::before{left:calc(-1 * var(--rand));width:calc(100% + 2 * var(--rand))}}
/* Büro und Post (02.11.2026): Kopfbild = Post-Keyframe „Start B“ (Robo mit Brief vor dem Fächerschrank); der Hut sitzt nah an der Oberkante – ohne Überstand und ohne Parallax bleibt der Kopf ganz im Bild */
.gruppe__kopf--oben img{top:0;height:100%;transform:none}
/* Regionsband auf der Startseite (02.11.2026): Brücke zur Regionsseite */
.regionband{padding:0 0 60px}
.regionband__kasten{display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(135deg,rgba(59,139,224,.14),#161718 60%);border:1px solid rgba(59,139,224,.4);border-radius:32px;padding:44px 48px}
.regionband__kasten h2{font-size:clamp(28px,1rem + 1.6vw,40px);margin:8px 0 12px;max-width:760px}
.regionband__kasten p{color:var(--grau);font-size:18px;max-width:720px}
.regionband__kasten .ueber{color:var(--akzent);margin:0}
.regionband__kasten .knopf{flex:none}
@media (max-width:900px){.regionband__kasten{flex-direction:column;align-items:flex-start;padding:32px 24px;gap:24px}}