/* Ergaenzungen nur fuer /a-mim/ (shared.css gilt fuer die ganze Site und bleibt unberuehrt). */
.topbar{display:flex;align-items:center;gap:10px}
.topbar>a{flex:1;min-width:0}
.burger{display:none;background:none;border:1px solid var(--border);border-radius:8px;font-size:22px;line-height:1;padding:6px 10px;cursor:pointer;color:var(--text)}
.nav a.nav-cta{background:var(--accent);color:#fff;border-radius:8px;margin-left:8px;border-bottom-color:transparent}
.nav a.nav-cta:hover,.nav a.nav-cta.active{background:#16304f;color:#fff;border-bottom-color:transparent}
.hero-cta{margin-top:18px}
@media(max-width:768px){
  .burger{display:block}
  .nav{display:none;flex-direction:column;border-bottom:0;margin-bottom:16px}
  .nav.offen{display:flex}
  .nav a{padding:12px 8px;font-size:15px;border-bottom:1px solid var(--border);margin:0}
  .nav a.nav-cta{margin:10px 0 0;text-align:center;border-bottom:0}
}
/* Absender im Footer und Kontaktzeile im Kopf des Bauteilchecks */
.footer-nav .absender{color:#666;font-size:.9rem;padding-bottom:40px}
.footer-nav .absender a{font-weight:600}
.intro-hero .hero-kontakt{margin-top:10px;font-size:.95rem;opacity:.9}
.intro-hero .hero-kontakt a{color:#fff;font-weight:600}
@media(max-width:768px){.footer-nav .absender{text-align:center;padding-bottom:20px}}

/* Bilder (19.10.2026): Kopf mit Bild, Bilder in Kaesten und Grundprinzipien */
.intro-hero.mit-bild{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:28px;align-items:center}
.intro-hero.mit-bild.breit{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
.hero-bild{margin:0}
.hero-bild img,.bild-rechts img{display:block;width:100%;height:auto;border-radius:10px}
.hero-bild img{box-shadow:0 10px 28px rgba(0,0,0,.28)}
.grid-2.mit-bildern{grid-template-columns:repeat(3,minmax(0,1fr))}
.spec-bild{margin:-16px -16px 12px}
.spec-bild img,.step-bild img{display:block;width:100%;height:auto;background:#fff}
.spec-bild img{border-radius:10px 10px 0 0}
.step-bild{display:block;margin:-20px -20px 14px}
.step-bild img{border-radius:var(--radius) var(--radius) 0 0}
.bild-rechts{float:right;width:min(36%,300px);margin:0 0 12px 24px}
.bild-rechts img{border:1px solid var(--border)}
.card:has(> .bild-rechts){display:flow-root}
@media(max-width:768px){
  .intro-hero.mit-bild,.intro-hero.mit-bild.breit{grid-template-columns:1fr;gap:20px}
  .grid-2.mit-bildern{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bild-rechts{float:none;width:100%;margin:0 0 14px}
}
@media(max-width:520px){.grid-2.mit-bildern{grid-template-columns:1fr}}
@media(max-width:768px){table.data{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* Typische Bauteile: Bild oben in der Kategorie-Karte (19.10.2026) */
.cat-bild{margin:-20px -20px 14px}
.cat-bild img{display:block;width:100%;height:auto;border-radius:var(--radius) var(--radius) 0 0;background:#fff}

/* Technologie: erklaerende Schaubilder (19.10.2026) */
.grafik{margin:4px 0 20px}
.grafik a{display:block;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}
.grafik img{display:block;width:100%;height:auto}
.grafik .nur-mobil{display:none}
@media(max-width:768px){.grafik .nur-mobil{display:block;font-size:.8rem;color:#777;margin-top:6px;text-align:right}}
.card > div + .grafik,.card > ul + p + .grafik,.card > p + .grafik{margin-top:20px}

/* Bilderreihe (Rohteil-Seite, 19.10.2026) */
.bilderreihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.bilderreihe .grafik{margin:0}
@media(max-width:768px){.bilderreihe{grid-template-columns:1fr}}
.bilderreihe.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.card > .bilderreihe{margin-top:16px}
@media(max-width:768px){.bilderreihe.zwei{grid-template-columns:1fr}}
/* Aktiver Menuepunkt deutlich sichtbar (19.10.2026) */
.nav a.active{color:var(--accent);font-weight:800;border-bottom:3px solid var(--accent);background:rgba(30,58,95,.07);border-radius:6px 6px 0 0}
.nav a.nav-cta.active{background:#16304f;color:#fff;border-radius:8px;box-shadow:0 0 0 3px rgba(30,58,95,.25)}
.aktuelle-seite{display:none}
@media(max-width:768px){
  .aktuelle-seite{display:block;font-size:13px;font-weight:700;color:var(--accent);background:rgba(30,58,95,.08);border-radius:6px;padding:5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
  .nav a.active{border-bottom:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0;padding-left:12px}
}
@media(max-width:768px){
  .topbar{flex-wrap:wrap}
  .aktuelle-seite{flex:1 0 100%;max-width:none;margin:2px 0 10px;padding:7px 10px;font-size:14px}
  .aktuelle-seite::before{content:"Sie sind hier: ";font-weight:600;color:var(--muted)}
  :lang(en) .aktuelle-seite::before{content:"You are here: "}
  :lang(it) .aktuelle-seite::before{content:"Si trova qui: "}
}
/* Nachbearbeitung: Schritte mit Bild, gleich hohe Bilder (19.10.2026) */
/* Zehn Menuepunkte (Grenzen-Seite, 21.10.2026): etwas engere Abstaende, damit die Leiste ab 1100 px einzeilig bleibt */
@media(min-width:769px){.nav a{padding-left:11px;padding-right:11px}}