/* v2 (05.10.2026): Vertrauensleiste, Kursübersicht Digital/Vor Ort, Fußzeile mit weißem Logo-Balken */

/* ---------- Vertrauensleiste ---------- */
.vertrauensleiste { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 22px; }
.vl-avatare { display: flex; align-items: center; gap: 12px; font-size: .85rem; line-height: 1.3; color: var(--grau); }
.vl-avatare b { display: block; color: var(--tinte); font-size: .9rem; }
.vl-gesichter { display: flex; }
.vl-gesichter img { width: 38px; height: 38px; border-radius: 50%; border: 2px solid #fff; object-fit: cover; box-shadow: 0 1px 4px rgba(16, 24, 32, .2); }
.vl-gesichter img + img { margin-left: -11px; }
.vl-bewertung { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 8px; background: #fff; border: 1px solid var(--linie); box-shadow: 2px 2px 0 var(--schatten-farbe); text-decoration: none; color: var(--tinte); }
.vl-bewertung:hover { color: var(--tinte); transform: translate(-1px, -1px); box-shadow: 2px 2px 0 var(--schatten-farbe); }
.vl-bewertung .vl-note { background: var(--blau); color: #fff; font-weight: 800; font-size: 1.05rem; padding: 6px 9px; line-height: 1; }
.vl-bewertung .sterne { color: #f5a623; letter-spacing: 1px; font-size: 1rem; }
.vl-bewertung small { display: block; font-size: .72rem; color: var(--grau); letter-spacing: .02em; }
.vl-bewertung b { display: block; font-size: .9rem; line-height: 1.2; }
.vl-siegel { display: flex; gap: 10px; align-items: center; }
.siegel-rund { width: 80px; height: 80px; border-radius: 50%; display: grid; place-items: center; text-align: center; background: #fff; border: 3px solid var(--blau); box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 4px var(--blau); color: var(--blau); line-height: 1; }
.siegel-rund b { display: block; font-size: 1.05rem; font-weight: 800; letter-spacing: .02em; }
.siegel-rund small { display: block; font-weight: 700; letter-spacing: 0; text-transform: none !important; margin-top: 2px; }
.siegel-eckig { min-width: 80px; height: 80px; padding: 0 10px; display: grid; place-items: center; text-align: center; background: var(--tinte); color: #fff; line-height: 1.05; box-shadow: 2px 2px 0 var(--schatten-farbe); }
.siegel-eckig b { display: block; font-size: .95rem; font-weight: 800; }
.siegel-eckig small { display: block; font-weight: 700; letter-spacing: 0; text-transform: none !important; margin-top: 2px; opacity: .9; }
.siegel-eckig--gruen { background: #101820; }

/* Leiste direkt unter dem Aufmacher */
.vertrauen-band { background: #fff; border-bottom: 1px solid var(--linie); padding-block: 18px; }
html.nacht .vertrauen-band { background: #f4f6f8; border-color: #f4f6f8; }
html.nacht .vertrauen-band .vl-avatare { color: #5b6470; }
html.nacht .vertrauen-band .vl-avatare b { color: var(--tinte); }

/* ---------- Kursübersicht: Digital Academy / Vor Ort ---------- */
.kursuebersicht { display: grid; gap: 34px; }
.ku-gruppe { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 26px; align-items: start; }
@media (max-width: 980px) { .ku-gruppe { grid-template-columns: 1fr; gap: 16px; } }
.ku-kopf { padding: 22px; color: #fff; background: var(--blau); box-shadow: 2px 2px 0 var(--schatten-farbe); position: sticky; top: 90px; }
.ku-vorort .ku-kopf { background: var(--tinte); box-shadow: 2px 2px 0 var(--schatten-farbe); }
@media (max-width: 980px) { .ku-kopf { position: static; } }
.ku-marke { display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; background: #fff; color: var(--blau); padding: 4px 8px; }
.ku-vorort .ku-marke { color: var(--tinte); }
.ku-kopf h3 { color: #fff; font-size: 1.45rem; line-height: 1.15; margin: 12px 0 8px; }
.ku-kopf p { color: rgba(255, 255, 255, .85); font-size: .95rem; margin: 0 0 14px; }
.ku-kopf ul { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 6px; font-size: .9rem; }
.ku-kopf li::before { content: "✓"; font-weight: 800; margin-right: 8px; }
.ku-kopf a { color: #fff; font-weight: 700; font-size: .9rem; }
.ku-karten { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.ku-digital .ku-karten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .ku-digital .ku-karten { grid-template-columns: 1fr; } }
.ku-karte { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--linie); text-decoration: none; color: var(--tinte); transition: transform 120ms, box-shadow 120ms; min-width: 0; }
.ku-karte:hover { color: var(--tinte); transform: translate(-3px, -3px); box-shadow: 2px 2px 0 var(--schatten-farbe); }
.ku-bild { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--hell); }
.ku-bild img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 300ms; }
.ku-karte:hover .ku-bild img { transform: scale(1.04); }
.ku-foerder { position: absolute; left: 0; bottom: 0; background: var(--blau); color: #fff; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; padding: 5px 9px; }
.ku-foerder--avgs { background: #101820; }
.ku-text { padding: 16px 18px 18px; display: flex; flex-direction: column; flex: 1; }
.ku-text h4 { margin: 0 0 6px; font-size: 1.15rem; line-height: 1.2; color: var(--tinte); }
.ku-text p { margin: 0 0 12px; font-size: .9rem; color: #4b5563; line-height: 1.5; }
.ku-fakten { list-style: none; margin: auto 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ku-fakten li { font-size: .74rem; font-weight: 700; padding: 4px 8px; background: var(--hell); color: var(--tinte); letter-spacing: .02em; }
.ku-mehr { font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--blau); }
.ku-karte--gross .ku-bild { aspect-ratio: 16 / 9; }
.ku-karte--gross h4 { font-size: 1.35rem; }
html.nacht .ku-karte { background: #161f29; border-color: rgba(255, 255, 255, .12); color: #eef3fb; }
html.nacht .ku-karte:hover { box-shadow: 2px 2px 0 var(--schatten-farbe), 0 0 30px rgba(0,74,173, .2); }
html.nacht .ku-text h4 { color: #fff; }
html.nacht .ku-text p { color: #b8c4d6; }
html.nacht .ku-fakten li { background: #1d2834; color: rgba(255,255,255,.9); }
html.nacht .ku-mehr { color: #004aad; }
html.nacht .ku-kopf { box-shadow: 2px 2px 0 var(--schatten-farbe), 0 0 40px rgba(0,74,173, .2); }
html.nacht .ku-vorort .ku-kopf { background: #161f29; border: 1px solid rgba(255, 255, 255, .14); }

/* ---------- Fußzeile: weißer Balken mit Logo und Siegeln ---------- */
.fuss-band { background: #fff; color: var(--tinte); border-bottom: 4px solid var(--blau); }
.fuss-band .innen { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 30px; padding-block: 22px; }
.fuss-band .fuss-logo img { height: 48px; width: auto; display: block; }
html.nacht .fuss-band .fuss-logo img { content: normal; filter: none; }
.fusszeile .fuss-band .vertrauensleiste { justify-content: flex-end; }
@media (max-width: 760px) { .fuss-band .innen { justify-content: center; } .fusszeile .fuss-band .vertrauensleiste { justify-content: center; } }
.fusszeile > .innen { padding-top: 44px; }
.fusszeile .fuss-band a.vl-bewertung { color: var(--tinte); text-decoration: none; }
.fusszeile .fuss-band .vl-avatare { color: #5b6470; }
.fuss-band .vl-avatare { display: none; }
/* Handy: Vor-Ort-Kurse als kompakte Zeilen (Bild links, Text rechts) */
@media (max-width: 640px) {
  .ku-vorort .ku-karten { gap: 10px; }
  .ku-vorort .ku-karte { flex-direction: row; }
  .ku-vorort .ku-bild { flex: 0 0 112px; aspect-ratio: auto; min-height: 112px; }
  .ku-vorort .ku-foerder { display: none; }
  .ku-vorort .ku-text { padding: 12px 14px; }
  .ku-vorort .ku-text h4 { font-size: 1.02rem; }
  .ku-vorort .ku-fakten { margin: 0 0 8px; }
  .ku-vorort .ku-karte:hover { transform: none; }
}


/* Probe 11.10.: Kachel-Raster im blauen Hintergrund weg, Verlauf bleibt */
html:not(.nacht) .abschnitt--dunkel::before,
html:not(.nacht) .held--dunkel::before { background-image: none; }

/* Probe 11.10.: nur hell (kein Dunkelmodus), Logo größer */
.stil-knopf { display: none !important; }
.kopfzeile .logo img { height: 50px !important; }
@media (max-width: 420px) { .kopfzeile .logo img { height: 38px !important; } }
@media (max-width: 359px) { .kopfzeile .logo img { height: 32px !important; } }
/* Handy: Menü-Knopf ganz nach rechts, da der Hell/Dunkel-Schalter fehlt */
@media (max-width: 1099px) { .kopfzeile .menue-knopf { margin-left: auto !important; } }

/* Nachgetragen 11.10. (fehlten in der blauen Probe) */
.sterne, .vl-bewertung .sterne, .held--dunkel .sterne, .abschnitt--dunkel .sterne { color: #f5b301; }
.siegel-rund, .siegel-eckig { width: auto; min-width: 80px; height: 80px; padding: 0 12px; border-radius: 0; display: grid; place-items: center; text-align: center; line-height: 1.05; white-space: nowrap; }
.siegel-eckig { background: #071a36; color: #fff; box-shadow: 2px 2px 0 var(--schatten-farbe); }
.siegel-eckig--gruen { background: #004aad; color: #fff; box-shadow: 2px 2px 0 var(--schatten-farbe); }
.siegel-rund b, .siegel-eckig b { font-size: 1rem; }
.siegel-bild { width: 80px; height: 80px; border-radius: 50%; background: #fff; box-shadow: 2px 2px 0 var(--schatten-farbe); display: block; }
.video-rahmen video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #071a36; }
.kalender-box { scroll-margin-top: 84px; }
.kalender-direkt .termin-raster > .kalender-box { order: -1; }
.vl-google { padding: 8px 16px 8px 10px; }
.vl-google .g-logo { width: 34px; height: 34px; flex: none; }
.vl-g-zeile { display: flex; align-items: center; gap: 8px; }
.vl-g-note { font-size: 1.15rem !important; font-weight: 800; color: #101820; }
/* „Persönlich betreut …“ darf umbrechen statt abgeschnitten zu werden */
.vl-avatare { min-width: 0; max-width: 100%; }
.vl-avatare > span:last-child { min-width: 0; overflow-wrap: anywhere; }
/* Knöpfe ganz leicht gerundet (11.10.) */
.knopf, a.knopf, button.knopf, .menue-knopf, .eg-termin-knopf, .eg-sticky, .wahl button, .check-weiter, .seitennavi a.ziel { border-radius: 2px; }

/* 11.10.: Bilder und Kästen mit Schatten ganz leicht gerundet */
.collage .foto-gross, .collage .foto-klein, .foto img, figure.foto, .vl-bewertung, .karte, .karte-bild, .ku-karte, .ku-kopf,
.schild, .siegel-eckig, .siegel-bild, .video-rahmen video, .kalender-box, .check-teaser, .wk, .eg-tk-karte, .check-karte { border-radius: 2px; }
.karte-bild img, .ku-karte .ku-bild, .ku-bild img { border-radius: 2px 2px 0 0; }
.siegel-bild { border-radius: 50% !important; }

/* 11.10.: Schatten halb so dick; Dunkelblau auf hellem Grund, Königsblau auf dunklem (sonst unsichtbar) */
:root { --schatten-farbe: #071a36; }
.held--dunkel, .abschnitt--dunkel, .aufruf, .abschnitt--blau, .eg-a-tueren, .eg-siegel-band { --schatten-farbe: #004aad; }
.held--dunkel .collage .foto-gross { box-shadow: 8px 8px 0 #000; }

/* Original-Siegel (ProvenExpert-Portrait + Trustpilot) unter dem weißen Fußband */
.fuss-siegel { background: #fff; border-bottom: 1px solid #d9dee3; }
.fuss-siegel .innen { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px 48px; padding-block: 24px; }
.pe-siegel img { display: block; width: 150px; height: auto; }
.tp-box { max-width: 360px; width: 100%; color: #101820; }
.tp-box p { margin: 0 0 10px; font-weight: 700; }
/* Platz für die ProvenExpert-Leiste unten, sonst verdeckt sie Impressum/Datenschutz */
@media (min-width: 768px) { body { padding-bottom: 44px; } }

/* 11.10.: Schatten schmal (2–3 px) und dunkel; auf Dunkelblau schwarz-transparent, damit sichtbar */
:root { --schatten-farbe: #071a36; }
.held--dunkel, .abschnitt--dunkel, .aufruf, .abschnitt--blau, .eg-a-tueren, .eg-siegel-band { --schatten-farbe: rgba(0,0,0,.55); }
.held--dunkel .collage .foto-gross { box-shadow: 4px 4px 0 #000; }
/* 11.10.: alle Schatten schwarz */
:root { --schatten-farbe: #000; }
.held--dunkel, .abschnitt--dunkel, .aufruf, .abschnitt--blau, .eg-a-tueren, .eg-siegel-band { --schatten-farbe: #000; }
.held--dunkel .collage .foto-gross { box-shadow: 4px 4px 0 #000; }
/* Schwebendes ProvenExpert-Siegel nur, wenn rechts neben dem Inhalt Platz ist (Inhalt 1200 px + 2 × 180 px Siegel) –
   sonst liegt es auf dem Teamfoto. Darunter übernimmt die Leiste unten. */


/* 11.10.: ProvenExpert auch am Handy/Tablet immer zeigen (ProvenExpert blendet es dort sonst selbst aus) */
html body #ProvenExpert_widgetbar_container { display: block !important; }
html body #ProvenExpert_widget_container { display: block !important; }
@media (max-width: 767px) { body { padding-bottom: 44px; } }
/* Unter 1660 px ist rechts neben dem Inhalt kein Platz: Siegel verkleinert unten rechts über der Leiste statt auf dem Teamfoto */
@media (max-width: 1659px) {
  html body #ProvenExpert_widget_container { top: auto !important; bottom: 52px !important; right: 6px !important; transform: scale(.55); transform-origin: right bottom; }
  #ProvenExpert_slider_feedback { display: none !important; }
}
/* Handy: Leiste verkleinert, damit Logo, Bewertungen und Sterne sichtbar sind; Siegel kleiner */
@media (max-width: 767px) {
  #ProvenExpert_widgetbar_container > div > div { transform: scale(.5); transform-origin: left center; margin-left: 6px !important; }
  html body #ProvenExpert_widget_container { transform: scale(.4); bottom: 50px !important; }
}
/* Handy: nur die Leiste unten, das schwebende Siegel nicht zusätzlich (sonst doppelt) */
@media (max-width: 767px) { html body #ProvenExpert_widget_container { display: none !important; } }
/* 11.10.: Schwebendes Siegel nur auf großen Bildschirmen (oben rechts mit Platz). Sonst nur die Leiste unten – nie doppelt,
   auch nicht in der „Desktop-Ansicht“ am Handy. */
@media (max-width: 1659px) { html body #ProvenExpert_widget_container { display: none !important; } }

/* Termin-Leiste: unten fest, sobald der Aufmacher aus dem Bild ist; sitzt über der ProvenExpert-Leiste */
.termin-leiste { position: fixed; left: 12px; right: 12px; bottom: 56px; z-index: 9998; display: flex; align-items: center; gap: 12px;
  padding: 12px 16px; background: #004aad; color: #fff; text-decoration: none; border-radius: 2px; box-shadow: 3px 3px 0 #000;
  transform: translateY(160%); transition: transform 220ms ease; }
.termin-leiste.an { transform: none; }
.termin-leiste svg { width: 26px; height: 26px; flex: none; }
.termin-leiste b { display: block; font-size: 1rem; line-height: 1.2; }
.termin-leiste small { display: block; font-size: .78rem !important; opacity: .9; }
.termin-leiste:hover { color: #fff; background: #003b8a; }
@media (min-width: 768px) { .termin-leiste { left: auto; right: 24px; bottom: 60px; max-width: 380px; } }
/* Unter Hauptknöpfen eine kleine Erklärzeile */
.knopf-info { display: block; margin-top: 10px; font-size: .82rem; opacity: .85; }

/* Knöpfe zweizeilig (Termin) und am Rechner größer */
.knopf .knopf-text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; text-align: left; }
.knopf .knopf-text b { font-size: inherit; }
.knopf .knopf-text small { font-size: .74em !important; font-weight: 600; opacity: .8; margin-top: 3px; }
@media (min-width: 900px) {
  .held .knopfreihe .knopf, .aufruf .knopf, .abschnitt .knopfreihe .knopf { min-height: 64px; padding: 14px 30px; font-size: 1.12rem; }
  .held .knopfreihe .knopf svg, .aufruf .knopf svg { width: 24px; height: 24px; }
  .held .knopfreihe { gap: 18px; }
  .kopfzeile .knopf--klein { min-height: 46px; padding: 10px 22px; font-size: .98rem; }
}
@media (min-width: 900px) { .held .knopfreihe { display: flex; flex-wrap: nowrap; align-items: stretch; } .held .knopfreihe .knopf { padding: 12px 24px; white-space: nowrap; } }
@media (min-width: 900px) { .held .knopfreihe .knopf { white-space: normal; flex: 1 1 0; min-width: 0; justify-content: center; } .held .knopfreihe { max-width: 600px; } }
/* Endstand: am Rechner untereinander, gleich breit, groß */
@media (min-width: 900px) {
  .held .knopfreihe { flex-direction: column; flex-wrap: nowrap; max-width: 440px; gap: 14px; }
  .held .knopfreihe .knopf { flex: none; width: 100%; justify-content: flex-start; white-space: nowrap; min-height: 68px; padding: 12px 26px; font-size: 1.15rem; }
  .held .knopfreihe .knopf--geist { justify-content: center; }
}

/* Zweit-Knopf gleich aufgebaut wie der Termin-Knopf */
@media (min-width: 900px) { .held .knopfreihe .knopf--geist { justify-content: flex-start; } }
.knopf--geist .knopf-text small { opacity: .85; }

/* ===== 11.10.: Vertrauensleiste ruhig und seriös – keine Kästen, auf Dunkelblau als Fortsetzung des Aufmachers ===== */
.vertrauen-band { background: #071a36; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 0; padding-block: 26px; }
.vertrauen-band .vertrauensleiste { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 0; }
.vertrauen-band .vertrauensleiste > * { padding: 4px 22px; border-left: 1px solid rgba(255,255,255,.14); }
.vertrauen-band .vertrauensleiste > *:first-child { border-left: 0; padding-left: 0; }
.vertrauen-band .vertrauensleiste > *:last-child { padding-right: 0; }
.vertrauen-band .vl-avatare, .vertrauen-band .vl-avatare b { color: #fff; }
.vertrauen-band .vl-avatare { color: rgba(255,255,255,.7); font-size: .82rem; }
.vertrauen-band .vl-gesichter img { width: 34px; height: 34px; border-color: #071a36; box-shadow: none; }
.vertrauen-band .vl-bewertung, .vertrauen-band .vl-bewertung:hover { background: none; border: 0; box-shadow: none; border-radius: 0; transform: none; padding: 4px 22px; color: #fff; gap: 12px; }
.vertrauen-band .vl-bewertung .vl-note, .vertrauen-band .vl-g-note { background: none; padding: 0; color: #fff; font-size: 1.6rem !important; font-weight: 800; }
.vertrauen-band .vl-bewertung b { color: #fff; font-size: .85rem; }
.vertrauen-band .vl-bewertung small { color: rgba(255,255,255,.65); font-size: .74rem !important; }
.vertrauen-band .vl-bewertung .sterne { font-size: .85rem; }
.vertrauen-band .vl-google .g-logo { width: 26px; height: 26px; background: #fff; border-radius: 50%; padding: 3px; }
.vertrauen-band .vl-siegel { gap: 0; }
.vertrauen-band .vl-siegel > * { margin: 0; }
.vertrauen-band .siegel-bild { width: 54px; height: 54px; box-shadow: none; margin-right: 18px; }
.vertrauen-band .siegel-eckig, .vertrauen-band .siegel-eckig--gruen { background: none; box-shadow: none; border-radius: 0; height: auto; min-width: 0; padding: 0 18px; color: #fff; border-left: 1px solid rgba(255,255,255,.14); text-align: left; }
.vertrauen-band .siegel-eckig b { font-size: .95rem; }
.vertrauen-band .siegel-eckig small { display: block; font-size: .72rem !important; color: rgba(255,255,255,.65); font-weight: 600; }
@media (max-width: 1099px) {
  .vertrauen-band .vertrauensleiste { flex-wrap: wrap; justify-content: center; row-gap: 18px; }
  .vertrauen-band .vertrauensleiste > *, .vertrauen-band .vl-bewertung { border-left: 0; padding: 0 14px; }
  .vertrauen-band .vl-avatare { flex-basis: 100%; justify-content: center; }
  .vertrauen-band .vl-siegel { flex-basis: 100%; justify-content: center; }
}
/* Aufmacher: kein Bewertungskasten unter dem Foto; Liste am Rechner wie am Handy (mit 4,95-Zeile, untereinander) */
.held .collage .schild { display: none !important; }
@media (min-width: 900px) {
  .held-liste .held-bewertung { display: flex !important; }
  .held-liste { flex-direction: column; gap: 10px; }
}
.vertrauen-band .vl-bewertung small, .vertrauen-band .vl-avatare span, .vertrauen-band .siegel-eckig small { white-space: nowrap; }
@media (max-width: 1099px) {
  .vertrauen-band { padding-block: 22px; }
  .vertrauen-band .vertrauensleiste { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 12px; }
  .vertrauen-band .vertrauensleiste > *, .vertrauen-band .vl-bewertung { padding: 0; border: 0; justify-content: center; }
  .vertrauen-band .vl-avatare, .vertrauen-band .vl-siegel { grid-column: 1 / -1; }
  .vertrauen-band .vl-bewertung .vl-note, .vertrauen-band .vl-g-note { font-size: 1.3rem !important; }
  .vertrauen-band .vl-bewertung { gap: 8px; }
  .vertrauen-band .vl-bewertung b { display: none; }
  .vertrauen-band .vl-google .g-logo { width: 22px; height: 22px; }
  .vertrauen-band .siegel-bild { width: 46px; height: 46px; margin-right: 12px; }
  .vertrauen-band .siegel-eckig { padding: 0 12px; }
}
@media (max-width: 1099px) { .vertrauen-band .vl-bewertung b.vl-g-note { display: inline !important; } }
/* 11.10.: Liste im Aufmacher weg (steht in der Leiste darunter), Leiste rückt direkt unter den Termin-Knopf, Foto mittig zum Text */
.held .held-liste { display: none !important; }
.held .knopfreihe { margin-bottom: 0; }
@media (min-width: 900px) {
  .held .innen { padding-bottom: 56px !important; padding-top: 64px !important; }
  .held .zwei { align-items: center !important; }
  .held .collage { align-self: center; display: flex; justify-content: center; }
  .held .collage .foto-gross { width: 100%; }
  .vertrauen-band { padding-block: 22px; }
}
/* 11.10.: Liste wieder da – sauber; am Rechner unter dem Foto (Kopie), sonst unter dem Knopf */
.held .held-liste { display: flex !important; flex-wrap: wrap; gap: 10px 0; margin: 26px 0 0; padding: 0; border: 0; list-style: none;
  font-size: .95rem !important; font-weight: 700; letter-spacing: 0; text-transform: none; color: #fff; }
.held .held-liste li { display: flex; align-items: center; gap: 8px; padding: 0 16px; border-left: 1px solid rgba(255,255,255,.18); }
.held .held-liste li:first-child { padding-left: 0; border-left: 0; }
.held .held-liste li::before { display: none; }
.held .held-liste .held-bewertung { display: flex !important; }
.held .held-liste .sterne { color: #f5b301; letter-spacing: 1px; }
.held .held-liste a { color: #fff; text-decoration: none; }
.held .held-liste--bild { display: none !important; }
@media (min-width: 900px) {
  .held .zwei:has(.held-liste--bild) .held-liste:not(.held-liste--bild) { display: none !important; }
  .held .collage .held-liste--bild { display: flex !important; flex-basis: 100%; justify-content: space-between; margin-top: 22px; }
  .held .collage { flex-wrap: wrap; }
}
@media (max-width: 899px) {
  .held .held-liste { flex-direction: column; gap: 10px; }
  .held .held-liste li { padding: 0; border: 0; }
}
@media (min-width: 900px) { .held .collage .held-liste--bild { flex-direction: row !important; flex-wrap: nowrap; gap: 0; } .held .collage .held-liste--bild li { white-space: nowrap; } }
@media (min-width: 900px) {
  .held .collage .held-liste--bild { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px 0; width: 100%; max-width: 100%; }
  .held .collage .held-liste--bild li { padding: 0 0 0 16px; border-left: 2px solid #aec4e9; white-space: nowrap; }
  .held .collage .held-liste--bild li:first-child { padding-left: 16px; border-left: 2px solid #aec4e9; }
}
/* Liste unter dem Foto bündig mit dem Termin-Knopf: beide Spalten unten ausgerichtet, Liste so hoch wie der Knopf */
@media (min-width: 900px) {
  .held .zwei:has(.held-liste--bild) { align-items: end !important; }
  .held .collage .held-liste--bild { min-height: 68px; align-content: space-between; gap: 0; margin-top: 26px; }
  .held .collage .held-liste--bild li { min-height: 26px; }
}
@media (min-width: 900px) { .held .zwei:has(.held-liste--bild) > .collage { align-self: end !important; } }
/* Unter dem Foto nur noch drei Punkte, in einer Reihe, auf Knopfhöhe mittig */
@media (min-width: 900px) {
  .held .collage .held-liste--bild { display: flex !important; flex-wrap: nowrap; justify-content: space-between; align-items: center; min-height: 68px; }
  .held .collage .held-liste--bild li { min-height: 0; }
}
@media (min-width: 900px) {
  .held .collage .held-liste--bild { justify-content: flex-start; }
  .held .collage .held-liste--bild li, .held .collage .held-liste--bild li:first-child { border-left: 1px solid rgba(255,255,255,.25); padding: 0 18px; }
  .held .collage .held-liste--bild li:first-child { border-left: 0; padding-left: 0; }
  .held .collage .held-liste--bild li::before { content: ""; display: block !important; width: 7px; height: 7px; background: #aec4e9; flex: none; }
}
@media (min-width: 900px) {
  .held .collage .held-liste--bild { justify-content: space-between; }
  .held .collage .held-liste--bild li, .held .collage .held-liste--bild li:first-child { border-left: 0; padding: 0; gap: 9px; }
}
/* 11.10.: mittlere Breiten (Handy „Desktop-Ansicht“ ≈ 980 px, Tablets) */
@media (min-width: 900px) and (max-width: 1199px) {
  .held .collage .held-liste--bild { flex-wrap: wrap !important; justify-content: flex-start; gap: 8px 18px; font-size: .85rem !important; }
}
@media (min-width: 760px) and (max-width: 1099px) {
  .vertrauen-band .vertrauensleiste { display: flex !important; flex-wrap: nowrap; justify-content: space-between; gap: 0; }
  .vertrauen-band .vertrauensleiste > *, .vertrauen-band .vl-bewertung { padding: 0 12px !important; border-left: 1px solid rgba(255,255,255,.14) !important; grid-column: auto; flex-basis: auto !important; }
  .vertrauen-band .vertrauensleiste > *:first-child { border-left: 0 !important; padding-left: 0 !important; }
  .vertrauen-band .vl-avatare > span:last-child { display: none; }
  .vertrauen-band .vl-bewertung .vl-note, .vertrauen-band .vl-g-note { font-size: 1.2rem !important; }
  .vertrauen-band .vl-bewertung b:not(.vl-g-note) { display: none; }
  .vertrauen-band .siegel-bild { width: 40px; height: 40px; margin-right: 10px; }
  .vertrauen-band .siegel-eckig { padding: 0 10px; border-left: 1px solid rgba(255,255,255,.14) !important; }
  .vertrauen-band .vl-siegel { justify-content: flex-end; }
}

/* KI-Professional */
.kp-ebenen { display: grid; gap: 12px; }
.kp-ebene { display: grid; gap: 2px; padding: 16px 20px; background: rgba(255,255,255,.06); border-left: 3px solid rgba(255,255,255,.2); color: #fff; }
.kp-ebene span { font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #aec4e9; }
.kp-ebene b { font-size: 1.1rem; }
.kp-ebene small { color: rgba(255,255,255,.7); font-size: .85rem !important; }
.kp-ebene--aktiv { background: #004aad; border-left-color: #aec4e9; }
.kp-module { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 760px) { .kp-module { grid-template-columns: 1fr; } }
.kp-modul { background: #fff; border: 1px solid var(--linie); border-radius: 2px; }
.kp-modul summary { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 16px 18px; cursor: pointer; list-style: none; }
.kp-modul summary::-webkit-details-marker { display: none; }
.kp-nr { font-weight: 800; color: #004aad; font-size: 1.1rem; }
.kp-titel { font-weight: 700; color: var(--tinte); }
.kp-ue { font-size: .8rem; font-weight: 800; color: #fff; background: #071a36; padding: 4px 8px; white-space: nowrap; }
.kp-modul[open] summary { border-bottom: 1px solid var(--linie); }
.kp-modul p, .kp-modul ul { margin: 14px 18px; }
.kp-modul ul { padding-left: 18px; }
.kp-summe { margin-top: 20px; }
.tabelle-rahmen { overflow-x: auto; }
.kp-tabelle { width: 100%; border-collapse: collapse; min-width: 520px; }
.kp-tabelle th, .kp-tabelle td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--linie); }
.kp-tabelle thead th { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--grau); }
.kp-tabelle td:last-child { font-weight: 800; white-space: nowrap; }
.kp-tabelle td span { display: inline-block; min-width: 1.6em; text-align: center; font-weight: 700; color: #004aad; }

/* KI-Professional-Karte in der Digital-Academy-Gruppe: volle Breite, Module als Chips */
.ku-karte--kp { grid-column: 1 / -1; background: #071a36; color: #fff; }
.ku-karte--kp h4 { color: #fff; }
.ku-karte--kp p { color: rgba(255,255,255,.8); }
.ku-karte--kp .ku-mehr { color: #aec4e9; }
.ku-kp-marke { display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #aec4e9; margin-bottom: 6px; }
.ku-module { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 12px 0 14px; }
.ku-module li { font-size: .78rem; font-weight: 700; padding: 5px 9px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 2px; }

.kp-h1 { hyphens: manual; -webkit-hyphens: manual; font-size: clamp(2.2rem, 5vw, 3.8rem) !important; }

/* Digital Academy leicht hervorgehoben */
.ku-highlight { display: inline-block; margin-left: 8px; padding: 3px 8px; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: #f5b301; color: #071a36; border-radius: 2px; vertical-align: middle; }
.ku-gruppe.ku-digital { position: relative; padding: 18px; background: linear-gradient(135deg, rgba(0,74,173,.10), rgba(174,196,233,.18)); border: 2px solid #004aad; border-radius: 2px; box-shadow: 0 10px 30px rgba(7,26,54,.12); }
.ku-gruppe.ku-vorort { padding: 18px; }
.academy-hervor { background: linear-gradient(180deg, #eef3fb 0%, #fff 100%); border-top: 4px solid #004aad; }
.academy-hervor .karte { box-shadow: 0 8px 24px rgba(7,26,54,.10); }
@media (max-width: 760px) { .ku-gruppe.ku-digital, .ku-gruppe.ku-vorort { padding: 10px; } }

/* KI-Professional-Karte mit Bild: Bild links, Text rechts (Handy: Bild oben) */
.ku-karte--kp { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr); overflow: hidden; }
.ku-karte--kp .ku-bild { height: 100%; min-height: 240px; }
.ku-karte--kp .ku-bild img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.ku-karte--kp .ku-text { padding: 20px 22px; }
@media (max-width: 760px) { .ku-karte--kp { grid-template-columns: 1fr; } .ku-karte--kp .ku-bild { min-height: 0; aspect-ratio: 16 / 9; } }

.kursuebersicht .ku-karte.ku-karte--kp { display: grid !important; grid-template-columns: 38% 1fr; align-items: stretch; flex-direction: initial; }
.ku-karte--kp .ku-bild { position: relative; width: auto; aspect-ratio: auto; }
.ku-karte--kp .ku-bild img { position: absolute; inset: 0; }
@media (max-width: 760px) {
  .kursuebersicht .ku-karte.ku-karte--kp { grid-template-columns: 1fr; }
  .ku-karte--kp .ku-bild { aspect-ratio: 16 / 9; }
  .ku-module { gap: 5px; }
  .ku-module li { font-size: .7rem !important; padding: 3px 7px; }
}

/* Digital Academy: drei gleiche Kurskarten nebeneinander, Kopfbox als Band darüber */
.ku-gruppe.ku-digital { display: grid !important; grid-template-columns: 1fr !important; gap: 18px; }
.ku-gruppe.ku-digital .ku-kopf { position: static; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 6px 32px; align-items: start; }
.ku-gruppe.ku-digital .ku-kopf > span, .ku-gruppe.ku-digital .ku-kopf > h3, .ku-gruppe.ku-digital .ku-kopf > p { grid-column: 1; }
.ku-gruppe.ku-digital .ku-kopf > ul { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
.ku-gruppe.ku-digital .ku-kopf > a { grid-column: 1; }
.ku-gruppe.ku-digital .ku-karten { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 18px; }
.ku-gruppe.ku-digital .ku-karte { display: flex !important; flex-direction: column; grid-column: auto !important; }
.ku-gruppe.ku-digital .ku-karte .ku-bild { aspect-ratio: 16 / 10; height: auto; }
.ku-gruppe.ku-digital .ku-karte .ku-text { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.ku-gruppe.ku-digital .ku-karte .ku-text h4 { font-size: 1.3rem; }
.ku-gruppe.ku-digital .ku-karte .ku-mehr { margin-top: auto; padding-top: 12px; }
.ku-gruppe.ku-digital .ku-karte:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 #004aad; }
@media (max-width: 1099px) { .ku-gruppe.ku-digital .ku-kopf { grid-template-columns: 1fr; } .ku-gruppe.ku-digital .ku-kopf > ul { grid-column: 1; grid-row: auto; } }
@media (max-width: 899px) { .ku-gruppe.ku-digital .ku-karten { grid-template-columns: 1fr !important; } }

.ku-gruppe.ku-digital .ku-kopf > .ku-marken { grid-column: 1; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ku-marken .ku-highlight { margin-left: 0; }

/* 11.10.: Digital Academy schlicht und eigenständig – kein blauer Kasten, kein Rahmen */
.ku-gruppe.ku-digital { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; gap: 22px; margin-bottom: 56px; }
.ku-academy-kopf { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--linie); padding-bottom: 14px; }
.ku-academy-marke { display: block; font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #004aad; margin-bottom: 6px; }
.ku-academy-kopf h3 { margin: 0; font-size: clamp(1.4rem, 2.4vw, 1.9rem); color: #071a36; }
.ku-academy-link { font-weight: 700; color: #004aad; text-decoration: none; white-space: nowrap; }
.ku-academy-link:hover { text-decoration: underline; }
@media (max-width: 600px) { .ku-academy-kopf { flex-direction: column; align-items: flex-start; } }

.ku-gruppe.ku-vorort { display: grid !important; grid-template-columns: 1fr !important; gap: 22px; padding: 0 !important; background: none !important; }
.ku-gruppe.ku-vorort .ku-karten { display: grid !important; grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 14px; }
@media (max-width: 1099px) { .ku-gruppe.ku-vorort .ku-karten { grid-template-columns: repeat(3, minmax(0,1fr)) !important; } }
@media (max-width: 760px) { .ku-gruppe.ku-vorort .ku-karten { grid-template-columns: 1fr !important; } }
.ku-gruppe.ku-vorort .ku-karte h4 { font-size: 1.02rem; white-space: normal; overflow-wrap: anywhere; hyphens: auto; } .ku-gruppe.ku-vorort .ku-karte .ku-text { display: flex; flex-direction: column; flex: 1; } .ku-gruppe.ku-vorort .ku-karte { display: flex !important; flex-direction: column; } .ku-gruppe.ku-vorort .ku-mehr { margin-top: auto; }

/* Bonus Claude & Cursor (Angabe edu-campus, 11.10.2026) */
.bonus-band { display: inline-flex; align-items: center; gap: 10px; margin: 18px 0 0; padding: 10px 14px; background: #f5b301; color: #071a36; font-size: .95rem; border-radius: 2px; }
.bonus-band svg { width: 20px; height: 20px; flex: none; }
.ku-fakten .ku-bonus { background: #f5b301 !important; color: #071a36 !important; }
.ku-bonus-zeile { display: inline-block; margin: 6px 0 0; padding: 4px 8px; background: #f5b301; color: #071a36; font-size: .78rem; font-weight: 800; border-radius: 2px; }
.ku-academy-zusatz { margin: 6px 0 0; font-size: .9rem; font-weight: 700; color: #004aad; }

/* Claude/Cursor-Hinweis in Anthropic-Farben (Pampas #F0EEE6, Crail #D97757, Tinte #141413) – ohne Logos */
.bonus-band { background: #F0EEE6; color: #141413; border-left: 4px solid #D97757; font-weight: 500; }
.bonus-band svg { color: #D97757; }
.ku-fakten .ku-bonus, .ku-bonus-zeile { background: #F0EEE6 !important; color: #141413 !important; border-left: 3px solid #D97757; }

/* Claude-Stempel (Anthropic-Farben, ohne Logo) */
.stempel-halter { position: relative; }
.claude-stempel { position: absolute; left: -26px; top: -30px; z-index: 3; display: grid; place-items: center; width: 160px; height: 160px; border-radius: 50%;
  background: #F0EEE6; color: #141413; border: 3px solid #D97757; outline: 2px solid #D97757; outline-offset: -10px; transform: rotate(-12deg);
  box-shadow: 0 8px 22px rgba(0,0,0,.35); text-align: center; line-height: 1; }
.claude-stempel small { display: block; font-size: .7rem !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #D97757; }
.claude-stempel b { display: block; font-size: 2.2rem; font-weight: 900; margin-top: 4px; color: #141413; }
.claude-stempel strong { display: block; font-size: 1.45rem; font-weight: 900; text-transform: uppercase; letter-spacing: .02em; }
.claude-stempel em { display: block; font-style: normal; font-size: .68rem; font-weight: 800; color: #D97757; margin-top: 4px; }
.claude-stempel--klein { left: auto; right: 10px; top: 10px; width: 92px; height: 92px; outline-offset: -7px; }
.claude-stempel--klein small { font-size: .5rem !important; }
.claude-stempel--klein b { font-size: 1.2rem; margin-top: 2px; }
.claude-stempel--klein strong { font-size: .85rem; }
.claude-stempel--klein em { font-size: .45rem; margin-top: 2px; }
.ku-bild, .karte-bild { position: relative; }
.kurs-extras { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; padding: 0; margin: 18px 0 0; font-weight: 600; color: rgba(255,255,255,.88); }
.kurs-extras li { display: flex; align-items: center; gap: 8px; }
.kurs-extras svg { width: 16px; height: 16px; color: #aec4e9; }
@media (max-width: 899px) { .claude-stempel:not(.claude-stempel--klein) { width: 120px; height: 120px; left: auto; right: -6px; top: -18px; } .claude-stempel:not(.claude-stempel--klein) b { font-size: 1.6rem; } .claude-stempel:not(.claude-stempel--klein) strong { font-size: 1.05rem; } }
.claude-stempel--klein { width: 112px; height: 112px; }
.claude-stempel--klein small { font-size: .55rem !important; }
.claude-stempel--klein b { font-size: 1.45rem; }
.claude-stempel--klein strong { font-size: 1rem; }
.claude-stempel--klein em { font-size: .5rem; }
/* großer Stempel: mehr Luft zum Rand */
.claude-stempel:not(.claude-stempel--klein) { width: 176px; height: 176px; }
.claude-stempel:not(.claude-stempel--klein) small { font-size: .62rem !important; }
.claude-stempel:not(.claude-stempel--klein) b { font-size: 1.85rem; }
.claude-stempel:not(.claude-stempel--klein) strong { font-size: 1.2rem; }
.claude-stempel:not(.claude-stempel--klein) em { font-size: .6rem; margin-top: 6px; white-space: nowrap; }
@media (max-width: 899px) { .claude-stempel:not(.claude-stempel--klein) { width: 140px; height: 140px; } .claude-stempel:not(.claude-stempel--klein) b { font-size: 1.45rem; } .claude-stempel:not(.claude-stempel--klein) strong { font-size: .95rem; } .claude-stempel:not(.claude-stempel--klein) small, .claude-stempel:not(.claude-stempel--klein) em { font-size: .5rem !important; } }

/* Offizielles IHK-Logo (von edu-campus bereitgestellt, 11.10.2026) */
.siegel-ihk { display: inline-flex; flex-direction: column; align-items: center; gap: 3px; padding: 0 16px; }
.siegel-ihk img { display: block; width: 72px; height: auto; border-radius: 2px; }
.siegel-ihk small { font-size: .7rem !important; font-weight: 700; }
.vertrauen-band .siegel-ihk { border-left: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.65); }
.fuss-band .siegel-ihk { color: #5b6470; }
.siegel-zeile-ihk { display: flex; align-items: center; gap: 12px; }
.siegel-zeile-ihk img { width: 76px; height: auto; border-radius: 2px; flex: none; }
.ihk-mini { position: absolute; right: 10px; bottom: 10px; width: 64px; height: auto; border-radius: 2px; box-shadow: 0 2px 8px rgba(0,0,0,.3); z-index: 2; }
@media (max-width: 1099px) { .vertrauen-band .siegel-ihk img { width: 56px; } }
.ku-bild img.ihk-mini, .karte-bild img.ihk-mini, .ku-karte .ku-bild img.ihk-mini { position: absolute !important; inset: auto 10px 10px auto !important; width: 64px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; transform: none !important; }

/* ===== 11.10.: Zoom / mittlere Breiten ===== */
/* Kopfzeile: zwischen 1100 und 1499 px (z. B. 1440 px bei 100–125 % Zoom) kompakter, damit nichts herausgedrückt wird */
@media (min-width: 1100px) and (max-width: 1499px) {
  .kopfzeile .logo img { height: 42px !important; }
  .kopf-aktion .anmelden { display: none; }
  .navi a, .navi button { padding: 10px 8px; font-size: .86rem; }
  .kopfzeile .knopf--klein { padding: 9px 16px; font-size: .9rem; }
}
/* Unter 1100 px (Tablet, Laptop mit Zoom): Termin-Knopf bleibt neben dem Menü sichtbar */
@media (min-width: 600px) and (max-width: 1099px) {
  .kopf-aktion { display: flex !important; margin-left: auto; }
  .kopf-aktion .anmelden { display: none; }
  .kopfzeile .menue-knopf { margin-left: 12px !important; }
}
/* Aufmacher-Knöpfe: groß, aber nicht wuchtig */
@media (min-width: 900px) {
  .held .knopfreihe { max-width: 400px; }
  .held .knopfreihe .knopf { min-height: 60px; padding: 11px 22px; font-size: 1.05rem; }
}
/* KI-Professional: Stempel über dem Ebenen-Kasten statt darauf */
.kp-ebenen.stempel-halter { margin-top: 70px; }
.kp-ebenen > .claude-stempel { left: auto; right: -14px; top: -96px; }
@media (max-width: 899px) { .kp-ebenen.stempel-halter { margin-top: 64px; } .kp-ebenen > .claude-stempel { right: 0; top: -80px; } }

.h1-km { font-size: clamp(2rem, 4.2vw, 3.4rem) !important; line-height: 1.08; }
.h1-km .betont { display: inline-block; margin-top: .15em; font-size: .82em; }

/* Zweitschrift „Gothic“ (14.10.2026): Century Gothic, wo installiert; sonst die freie, sehr ähnliche Didact Gothic (OFL). */
@font-face { font-family: "Didact Gothic"; src: url("../fonts/didact-gothic-latin-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Didact Gothic"; src: url("../fonts/didact-gothic-latin-ext-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Variante: Knöpfe im Aufmacher nebeneinander (14.10.2026, Termin-Seite KI-Manager).
   Überschreibt nur dort die Regel „am Rechner untereinander“; am Handy weiter untereinander.
   15.10.: erst ab 1180 px nebeneinander – darunter waren die Knöpfe zu schmal (Text abgeschnitten). */
@media (min-width: 1180px) {
  .held .knopfreihe.knopfreihe--nebeneinander { flex-direction: row; flex-wrap: nowrap; max-width: 640px; gap: 16px; }
  .held .knopfreihe.knopfreihe--nebeneinander .knopf { flex: 1 1 0; width: auto; min-width: 0; white-space: normal; justify-content: flex-start; font-size: 1rem; padding: 12px 18px; }
}
@media (min-width: 1180px) {
  .held .knopfreihe.knopfreihe--nebeneinander { gap: 12px; }
  .held .knopfreihe.knopfreihe--nebeneinander .knopf { padding: 12px 14px; gap: 10px; min-height: 64px; }
  .held .knopfreihe.knopfreihe--nebeneinander .knopf b { font-size: .95rem; white-space: nowrap; }
  .held .knopfreihe.knopfreihe--nebeneinander .knopf small { font-size: .74rem !important; }
}

/* 15.10.2026 Vertrauens-Band einheitlich (Wendy): gleich lange Striche, gleiche Abstände, gleich große Abzeichen.
   Die Siegel-Gruppe wird aufgelöst (display: contents), damit alle sechs Teile gleichberechtigt verteilt werden. */
@media (min-width: 760px) {
  .vertrauen-band .vertrauensleiste { display: flex !important; flex-wrap: nowrap; align-items: stretch !important; justify-content: space-between; gap: 0 !important; }
  .vertrauen-band .vl-siegel { display: contents !important; }
  .vertrauen-band .vertrauensleiste > :not(.vl-siegel), .vertrauen-band .vl-siegel > * {
    display: flex !important; align-items: center; justify-content: center; flex: 1 1 auto !important; min-height: 48px;
    margin: 0 !important; padding: 0 18px !important; border-left: 1px solid rgba(255,255,255,.14) !important; box-sizing: content-box; }
  .vertrauen-band .vertrauensleiste > :first-child { border-left: 0 !important; padding-left: 0 !important; justify-content: flex-start; }
  .vertrauen-band .vl-siegel > :last-child { padding-right: 0 !important; justify-content: flex-end; }
  .vertrauen-band .siegel-ihk { flex-direction: column; }
  /* AZAV-Siegel: Strich davor kommt vom Google-Teil, damit das runde Bild nicht verzogen wird */
  .vertrauen-band .vertrauensleiste > .vl-google { border-right: 1px solid rgba(255,255,255,.14) !important; }
  .vertrauen-band .siegel-bild { border-left: 0 !important; flex: 1 1 44px !important; width: auto !important; height: 44px !important; min-height: 0 !important; align-self: center;
    object-fit: contain; border-radius: 0 !important; box-shadow: none !important; background: radial-gradient(circle closest-side, #fff 97%, transparent 100%) !important; }
  .vertrauen-band .siegel-ihk img { width: 44px !important; height: 22px !important; object-fit: contain; }
  .vertrauen-band .vl-gesichter img { width: 34px; height: 34px; }
  .vertrauen-band .vl-google .g-logo { width: 26px !important; height: 26px !important; }
}
@media (min-width: 760px) and (max-width: 1099px) {
  .vertrauen-band .vertrauensleiste > :not(.vl-siegel), .vertrauen-band .vl-siegel > * { padding: 0 12px !important; }
  .vertrauen-band .vertrauensleiste > :first-child { padding-left: 0 !important; }
  .vertrauen-band .vl-siegel > :last-child { padding-right: 0 !important; }
}
@media (max-width: 759px) {
  .vertrauen-band .vl-siegel { display: flex !important; align-items: stretch !important; justify-content: center; gap: 0 !important; }
  .vertrauen-band .vl-siegel > * { display: flex !important; flex-direction: column; align-items: center; justify-content: center; margin: 0 !important; padding: 0 16px !important; border-left: 1px solid rgba(255,255,255,.14) !important; min-height: 48px; box-sizing: content-box; }
  .vertrauen-band .vl-siegel > :first-child { border-left: 0 !important; padding-left: 0 !important; }
  .vertrauen-band .vl-siegel > :last-child { padding-right: 0 !important; align-items: flex-start; }
  .vertrauen-band .siegel-bild { width: 44px !important; height: 44px !important; min-height: 0 !important; flex: 0 0 auto !important; align-self: center; padding: 0 !important; margin-right: 16px !important; }
  .vertrauen-band .vl-siegel > .siegel-ihk { padding-left: 16px !important; }
  .vertrauen-band .siegel-ihk img { width: 44px !important; height: 22px !important; object-fit: contain; }
}
/* Bewertungs-Kasten: sobald er umbricht (Handy/Tablet) mittig */
@media (max-width: 1099px) {
  .vertrauen .innen { flex-direction: column; align-items: center !important; justify-content: center; text-align: center; }
  .vertrauen-punkte { justify-content: center !important; }
  .pe-siegel { text-align: left; }
}

/* 15.10.2026 Unter 1180 px: beide Knöpfe untereinander und exakt gleich breit (vorher je nach Text unterschiedlich) */
@media (max-width: 1179px) {
  .held .knopfreihe.knopfreihe--nebeneinander { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; max-width: 440px; gap: 14px; }
  .held .knopfreihe.knopfreihe--nebeneinander .knopf { flex: none; width: 100%; box-sizing: border-box; justify-content: flex-start !important; padding: 12px 22px !important; gap: 14px; }
}
/* 15.10.2026 IHK-Abzeichen kleiner, passend zum AZAV-Siegel */
.vertrauen-band .siegel-ihk small { font-size: .66rem !important; margin-top: 2px; line-height: 1.1; }

/* 15.10.2026 KI-Manager (Termin- und Kursseite): Claude-Stempel komplett auf dem Bild statt über der Ecke */
.stempel-halter > .claude-stempel--innen { left: 16px !important; top: 16px !important; right: auto !important; bottom: auto !important; }
@media (max-width: 899px) { .stempel-halter > .claude-stempel--innen { left: auto !important; right: 12px !important; top: 12px !important; } }

/* 15.10.2026 Handy aufgeräumt: Bewertungs-Kasten + Fußzeilen-Abzeichen gleich breit, gleich hoch, im Raster */
@media (max-width: 759px) {
  /* weißer Bewertungs-Abschnitt: Kasten volle Breite, drei Punkte als gleichmäßige Spalten */
  .vertrauen .innen { gap: 16px; }
  .vertrauen .pe-siegel { width: 100%; max-width: 360px; box-sizing: border-box; }
  .vertrauen-punkte { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 !important; width: 100%; max-width: 360px; }
  .vertrauen-punkte > span { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; padding: 2px 4px; font-size: .72rem; line-height: 1.25; min-width: 0; border-left: 1px solid var(--linie); }
  .vertrauen-punkte > span:first-child { border-left: 0; }
  .vertrauen-punkte b { display: block; margin: 0 0 3px !important; font-size: 1rem !important; white-space: nowrap; }

  /* Fußzeile: Logo, zwei gleich breite Bewertungs-Kästen, darunter drei gleich große Abzeichen */
  .fuss-band .innen { flex-direction: column; align-items: center; gap: 18px; }
  .fusszeile .fuss-band .vertrauensleiste { display: grid !important; grid-template-columns: 1fr; gap: 12px; width: 100%; max-width: 320px; }
  .fuss-band .vl-bewertung { display: flex !important; width: 100%; box-sizing: border-box; min-height: 80px; height: 80px; margin: 0 !important; padding: 8px 14px !important; gap: 12px; }
  .fuss-band .vl-bewertung .vl-note, .fuss-band .vl-google .g-logo { flex: 0 0 auto; }
  .fuss-band .vl-google .g-logo { width: 46px !important; height: 36px !important; object-fit: contain; }
  .fuss-band .vl-bewertung .vl-note { min-width: 46px; box-sizing: border-box; text-align: center; }
  .fuss-band .vl-siegel { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 10px !important; align-items: stretch; margin-top: 4px; }
  .fuss-band .vl-siegel > * { margin: 0 !important; height: 72px !important; min-width: 0 !important; box-sizing: border-box; display: flex !important; flex-direction: column; align-items: center; justify-content: center; }
  .fuss-band .vl-siegel .siegel-bild { width: 72px !important; height: 72px !important; justify-self: center; padding: 0 !important; }
  .fuss-band .siegel-ihk { padding: 0 !important; gap: 4px; }
  .fuss-band .siegel-ihk img { width: 64px !important; height: 32px !important; object-fit: contain; }
  .fuss-band .siegel-eckig { width: 100% !important; padding: 0 6px !important; }
  .fuss-band .siegel-eckig b { font-size: 1rem; }
  .fuss-band .siegel-eckig small { font-size: .7rem !important; }
}
@media (max-width: 379px) { .vertrauen-punkte > span { font-size: .64rem; padding: 2px 2px; } .vertrauen-punkte b { font-size: .92rem !important; } }
/* 15.10.2026 Handy-Fußzeile: Google-Text bündig mit ProvenExpert-Text (Logo-Feld so breit wie „4,95“) */
@media (max-width: 759px) { .fuss-band .vl-google .g-logo { width: 56px !important; flex: 0 0 56px !important; } .fuss-band .vl-bewertung .vl-note { width: 56px; flex: 0 0 56px; } }
/* 15.10.2026 Handy-Fußzeile: Sterne hinter „Sehr gut“ (wie bei Google hinter „5,0“) */
@media (max-width: 759px) {
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child > b { order: 1; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child > .sterne { order: 2; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child > small { order: 3; flex-basis: 100%; }
}
/* 15.10.2026 PC-Fußzeile: alle Abzeichen gleich hoch (72 px), Bewertungs-Kästen gleich breit, Texte bündig */
@media (min-width: 760px) {
  .fusszeile .fuss-band .vertrauensleiste { align-items: center; gap: 14px; }
  .fuss-band .vl-bewertung { width: 214px; height: 72px; box-sizing: border-box; padding: 8px 14px !important; gap: 12px; margin: 0 !important; }
  .fuss-band .vl-bewertung .vl-note, .fuss-band .vl-google .g-logo { flex: 0 0 52px; width: 52px !important; box-sizing: border-box; text-align: center; }
  .fuss-band .vl-google .g-logo { height: 32px !important; object-fit: contain; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child { display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child > b { order: 1; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child > .sterne { order: 2; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child > small { order: 3; flex-basis: 100%; }
  .fuss-band .vl-siegel { gap: 14px !important; align-items: center; }
  .fuss-band .vl-siegel > * { height: 72px !important; margin: 0 !important; box-sizing: border-box; }
  .fuss-band .vl-siegel .siegel-bild { width: 72px !important; }
  .fuss-band .siegel-ihk { justify-content: center; padding: 0 6px !important; }
  .fuss-band .siegel-ihk img { width: 64px !important; height: 32px !important; object-fit: contain; }
  .fuss-band .siegel-eckig { width: 96px !important; min-width: 0 !important; padding: 0 8px !important; }
}
@media (min-width: 760px) {
  .fuss-band .vl-bewertung { width: 246px; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child { flex-wrap: wrap; }
  .fuss-band .vl-bewertung:not(.vl-google) > span:last-child > b, .fuss-band .vl-bewertung .sterne { white-space: nowrap; }
}
@media (min-width: 760px) and (max-width: 1099px) {
  .fuss-band .innen { flex-direction: column; align-items: center; }
  .fusszeile .fuss-band .vertrauensleiste { justify-content: center; }
}
/* 15.10.2026 Trustpilot: eigener Knopf ohne Zustimmung (lädt nichts von Trustpilot), gleiche Optik wie der Original-Knopf */
.tp-ersatz { display: inline-flex; align-items: center; gap: 6px; height: 52px; padding: 0 16px; box-sizing: border-box; border: 1px solid #1b4d3e; border-radius: 6px; background: #fff; color: #191919 !important; font: 400 15px/1 Arial, Helvetica, sans-serif; text-decoration: none !important; }
.tp-ersatz:hover { background: #f4faf7; }
.tp-ersatz .tp-stern { color: #00b67a; font-size: 22px; line-height: 1; margin-left: 2px; }
.tp-ersatz b { font-weight: 700; letter-spacing: -.01em; }
/* 15.10.2026 Handy: ProvenExpert-Siegel klein links, Text + Trustpilot-Knopf rechts daneben */
@media (max-width: 759px) {
  .fuss-siegel .innen { display: grid !important; grid-template-columns: 104px minmax(0, 1fr); align-items: center; column-gap: 16px; justify-items: start; text-align: left; }
  .fuss-siegel .pe-siegel { padding: 4px !important; margin: 0 !important; width: 104px; box-sizing: border-box; }
  .fuss-siegel .pe-siegel img { width: 100% !important; height: auto; }
  .fuss-siegel .tp-box { max-width: none; margin: 0 !important; }
  .fuss-siegel .tp-box p { font-size: .82rem; line-height: 1.4; margin: 0 0 10px; }
  .fuss-siegel .tp-ersatz { height: 42px; padding: 0 10px; gap: 4px; font-size: 12.5px; width: 100%; justify-content: center; }
  .fuss-siegel .tp-ersatz .tp-stern { font-size: 17px; }
}
@media (max-width: 359px) {
  .fuss-siegel .innen { grid-template-columns: 88px minmax(0, 1fr); column-gap: 12px; }
  .fuss-siegel .pe-siegel { width: 88px; }
  .fuss-siegel .tp-ersatz { white-space: nowrap; font-size: 11px; padding: 0 6px; }
  .fuss-siegel .tp-ersatz .tp-stern { font-size: 14px; }
}
.fuss-siegel .tp-ersatz { white-space: nowrap; }

/* 16.10.: IHK-Kachel im Siegel-Raster auf dem Handy: Logo über dem Text, Trennung nur an der Wortfuge */
.siegel-zeile-ihk span { hyphens: manual; -webkit-hyphens: manual; }
@media (max-width: 600px) {
  .siegel-zeile-ihk { flex-direction: column; align-items: flex-start; gap: 8px; }
  .siegel-zeile-ihk img { width: 60px; }
}

/* 19.10.: „Fit für den Job am Flughafen“ entfällt → 4 Präsenz-Kurse: 4 Spalten, darunter 2×2 */
.ku-gruppe.ku-vorort .ku-karten { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
@media (max-width: 1099px) { .ku-gruppe.ku-vorort .ku-karten { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (max-width: 760px) { .ku-gruppe.ku-vorort .ku-karten { grid-template-columns: 1fr !important; } }

/* 19.10. Design-Prüfung */
/* Knopf-Paare: beide Knöpfe gleich breit und gleich hoch; nebeneinander nur am Tablet, sonst untereinander */
.knopfreihe:has(> .knopf + .knopf) { display: grid !important; grid-auto-flow: row; grid-auto-rows: 1fr; gap: 14px 16px; }
.knopfreihe:has(> .knopf + .knopf) > .knopf { width: 100%; margin: 0; }
@media (min-width: 600px) and (max-width: 899px) { .knopfreihe:has(> .knopf + .knopf) { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); width: fit-content; max-width: 100%; } }
@media (min-width: 900px) { .knopfreihe:has(> .knopf + .knopf) { width: fit-content; max-width: 100%; } .held .knopfreihe:has(> .knopf + .knopf) { width: auto; } }
/* Bewertungsleiste: „auf Google“ / „auf ProvenExpert“ kräftiger (Kontrast 4,5:1) */
html:not(.nacht) .vl-bewertung small { color: #5b6470; }
html:not(.nacht) :is(.vertrauen-band, .held--dunkel, .abschnitt--dunkel, .aufruf) .vl-bewertung small { color: rgba(255,255,255,.65); }
/* Mindestens 12,5 px Schrift */
html body :is(.vertrauen-band, .fuss-band, .vertrauensleiste, .vl-siegel) :is(.siegel-ihk, .siegel-eckig, .vl-bewertung) small, .fusszeile .fuss-titel { font-size: .78rem !important; }
/* übrige kleine Beschriftungen auf mindestens 12 px (Claude-Stempel bleibt original) */
.knopf .knopf-text small { font-size: max(.74em, 12px) !important; }
.karte-inhalt .nr, span.nr, .etiketten li, .ku-foerder, .ku-fakten li, .ku-highlight, .ku-academy-marke, .vertrauen-punkte > span { font-size: max(.75rem, 12px) !important; }
/* Telefon und E-Mail in der Fußzeile: größere Tippfläche, gleiche Optik */
.fusszeile .adresse a { display: inline-block; padding-block: 10px; margin-block: -10px; }
/* Fokusrahmen für wischbare Kartenreihen */
[data-wisch]:focus-visible { outline: 2px solid var(--blau); outline-offset: 4px; }
html:not(.nacht) .kp-tabelle thead th { color: #5b6470; }