:root{
  --bg:#f4f6f8; --card:#fff; --line:#dde3ea; --ink:#1f2a37; --muted:#5b6b7c; --accent:#0b6bcb;
  --gemeinsam:#d6ebff;  /* hellblau: Feld bei beiden Börsen */
  --nur-ts:#d8f3dc;     /* grün: nur TruckScout24 */
  --nur-al:#ffe0ef;     /* rosa: nur Autoline */
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
header.top{background:var(--accent);color:#fff;padding:14px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
header.top h1{margin:0;font-size:18px}
header.top .btn{background:#fff;color:var(--accent);text-decoration:none;font-weight:600;padding:8px 14px;border-radius:8px;font-size:14px}
header.top .btn:hover{background:#eaf2fb}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin:14px 0}
.meta{font-size:13px;color:var(--muted)}
.meta code{background:#eef3f8;padding:1px 5px;border-radius:4px}

/* Fahrzeug-Auswahltabelle */
table.fahrzeuge{width:100%;border-collapse:collapse;font-size:14px}
table.fahrzeuge th,table.fahrzeuge td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
table.fahrzeuge th{background:#eef3f8;font-size:13px}
table.fahrzeuge tr.klick{cursor:pointer}
table.fahrzeuge tr.klick:hover{background:#f0f6ff}
table.fahrzeuge a{color:var(--accent);text-decoration:none;font-weight:600}

/* Feldanzeige */
.group-h{margin:22px 0 6px;padding:8px 12px;background:#e9eef5;border-radius:8px;font-weight:600;font-size:15px}
.feld{display:grid;grid-template-columns:260px 1fr;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;margin:6px 0;background:#fff}
.feld .lab{font-weight:600}
.feld .val{}
.feld .fid{font-size:11px;color:var(--muted);font-family:ui-monospace,Consolas,monospace}

/* Farbklassen für die spätere 3-Spalten-Ansicht (Admin|TruckScout24|Autoline) */
.feld-gemeinsam{background:var(--gemeinsam)}
.feld-nur-ts{background:var(--nur-ts)}
.feld-nur-al{background:var(--nur-al)}

.hinweis{font-size:13px;color:#a86412;background:#fff7e6;border:1px solid #ffe1ad;border-radius:8px;padding:10px 12px;margin:12px 0}
.fehler{font-size:14px;color:#c0392b;background:#fff5f5;border:1px solid #f0b3ad;border-radius:8px;padding:12px 14px}

/* 3-Spalten-Editor */
.tabelle{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:12px 0}
.zeile{display:grid;grid-template-columns:240px 1fr 1fr 1fr;gap:10px;align-items:start;padding:7px 10px;border-bottom:1px solid var(--line)}
.zeile.kopf{font-weight:600;background:#eef3f8;position:sticky;top:0;z-index:2}
.zeile.gruppe{display:block;background:#e9eef5;font-weight:600;padding:8px 12px}
.zeile.err{background:#fff7f6}
.feldname{font-weight:600;font-size:14px}
.feldname .fid{font-size:11px;color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-weight:400}
.sp-admin input,.sp-admin select,.sp-admin textarea{width:100%;padding:6px 8px;border:1px solid #c4ccd6;border-radius:6px;font-size:13px;font-family:inherit;background:#fff}
.sp-admin input.ro{background:#eef1f4;color:#445}
.sp-admin textarea{resize:vertical}
.sp-ts24{background:#f3f8ff;border-radius:6px;padding:6px 8px;min-height:20px;font-size:13px;word-break:break-word}
.sp-autoline{font-size:13px}
.muted{color:#9aa7b4}
.aktionsleiste{position:sticky;bottom:0;background:var(--bg);padding:12px 4px;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line)}
.aktionsleiste button{background:var(--accent);color:#fff;border:0;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer}
.aktionsleiste button:hover{filter:brightness(.95)}
.aktionsleiste button[disabled]{background:#c4ccd6;cursor:not-allowed}
.countbox{font-size:14px;padding:10px 14px;border-radius:10px;margin:10px 0;border:1px solid var(--line);background:var(--card)}
.countbox.ok{border-left:6px solid #1a9d54}
.countbox.bad{border-left:6px solid #c0392b}
.badge{font-size:11px;padding:1px 7px;border-radius:20px;font-weight:600;background:#fde7e7;color:#c0392b}
.errmsg{color:#c0392b;font-size:12px;margin-top:4px;font-weight:600}
pre{white-space:pre-wrap;max-height:300px;overflow:auto;background:#f7f9fb;padding:8px;border-radius:6px;font-size:12px}
/* leere Gegenzelle (Feld existiert bei dieser Börse nicht) */
.sp-ts24.leer,.sp-autoline.leer{background:#eceff1;border-radius:6px;min-height:20px}
/* Legenden-Chips */
.lg{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;margin:0 2px}
.lg-b{background:var(--gemeinsam)} .lg-g{background:var(--nur-ts)} .lg-r{background:var(--nur-al)}
/* Zellwert + Beschriftung (Feldname/Typ/Format/Einheit) je Spalte */
.zell-val{font-size:13px;word-break:break-word;min-height:18px}
.zell-cap{font-size:10px;color:var(--muted);font-family:ui-monospace,Consolas,monospace;margin-top:3px;line-height:1.3}
.adm-unit{display:inline-block;font-size:11px;color:var(--muted);margin-top:3px}
/* Meine Portale */
.portalkacheln{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}
.portalkachel{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 22px;text-decoration:none;color:var(--ink);min-width:220px}
.portalkachel:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.pk-name{font-size:18px;font-weight:700;color:var(--accent)}
.pk-info{font-size:13px;color:var(--muted);margin-top:4px}
.zeile.pkopf{grid-template-columns:1fr 240px;font-weight:600;background:#eef3f8;position:sticky;top:0;z-index:2;padding:8px 12px}
.pzeile{display:grid;grid-template-columns:1fr 240px;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.pzeile.aus{background:#fbeaee}
.pfeld b{font-size:14px}
.ptoggle label{font-size:13px;cursor:pointer;user-select:none}
.ptoggle input{margin-right:6px;transform:scale(1.2)}
.pflichtbadge{font-size:11px;color:#a86412;background:#fff7e6;border:1px solid #ffe1ad;border-radius:6px;padding:2px 8px}
/* 4-Spalten-Editor (Admin + 3 Portale) */
.tabelle.p4 .zeile{grid-template-columns:190px 1.1fr 1fr 1fr 1fr}
.tabelle.p4 .zeile.gruppe{display:block}
.sp-portal{background:#f7f9fb;border-radius:6px;padding:6px 8px;min-height:20px}
.sp-portal.leer{background:#eceff1}
.kh-alle{background:var(--gemeinsam)}
.kh-zwei{background:#fbf3c9}
.kh-einzel-ts{background:var(--nur-ts)}
.kh-einzel-al{background:var(--nur-al)}
.kh-einzel-mo{background:#ffe3c7}
.lg-alle{background:var(--gemeinsam)} .lg-zwei{background:#fbf3c9} .lg-ts{background:var(--nur-ts)} .lg-al{background:var(--nur-al)} .lg-mo{background:#ffe3c7}
/* Admin – Feldreihenfolge (Drag&Drop) */
.tabelle.adminsort .zeile{grid-template-columns:26px 170px 1.1fr 1fr 1fr 1fr}
.adminrow.dragging{opacity:.45;background:#dfe7ef}
.dragh{cursor:grab;font-size:20px;line-height:1;color:#8a98a6;user-select:none;display:flex;align-items:center;justify-content:center}
.dragh:active{cursor:grabbing}
.membership{margin-top:5px;font-size:11px;font-weight:600;color:#37506b;background:#ffffffcc;border:1px solid #cdd8e3;border-radius:10px;padding:1px 8px;display:inline-block}
/* Kategorie-Auswahl + kategorie-spezifische Felder */
.katbar{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:10px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.katbar select{padding:6px 10px;border:1px solid #c4ccd6;border-radius:6px;font-size:14px;font-weight:600}
.nurkat{margin-top:4px;font-size:11px;font-weight:600;color:#7a4a12;background:#fff3e0;border:1px solid #ffd9a8;border-radius:10px;padding:1px 8px;display:inline-block}
/* Inserats-Bilder */
.bildergalerie{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.bildergalerie a{position:relative;display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;line-height:0}
.bildergalerie a:hover{border-color:var(--accent);box-shadow:0 1px 6px rgba(0,0,0,.12)}
.bildergalerie img{width:120px;height:90px;object-fit:cover;display:block;background:#eef1f4}
.bildergalerie span{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:10px;padding:1px 6px;line-height:1.5}
/* Bild-Upload + Galerie-Verwaltung (Backend-Editor) */
.bg-item{display:flex;flex-direction:column;gap:3px}
.bg-item.bg-haupt a{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.bg-tools{display:flex;gap:2px;justify-content:center;flex-wrap:wrap}
.bg-f{margin:0;line-height:0}
.bg-b{background:#eef1f4;border:1px solid var(--line);border-radius:5px;font-size:12px;line-height:1;padding:3px 6px;cursor:pointer;color:#0f1720}
.bg-b:hover{background:#e0e6ec;border-color:var(--accent)}
.bg-b.bg-del:hover{background:#fdecea;border-color:#c0392b;color:#c0392b}
.bild-upload{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px;padding:10px;border:1px dashed var(--line);border-radius:8px;background:#f7f9fb}
.bu-file{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer}
.bu-file input{font-size:12px;max-width:230px}
.bg-hint{margin:6px 0}
.listenbild{width:64px;height:46px;object-fit:cover;border-radius:4px;border:1px solid var(--line);background:#eef1f4;display:block}
table.fahrzeuge td.internr{width:58px;font-weight:800;font-size:16px;color:#0f1720;white-space:nowrap}
table.fahrzeuge td.vnr{width:52px;font-weight:700;font-size:14px;color:#5b6b7c;white-space:nowrap}
table.fahrzeuge td.pbset{width:118px;white-space:nowrap}
/* Admin-Identitätsblock (oben im Editor) */
.adminblock{background:#fbfdff;border:1px solid var(--line);border-left:4px solid var(--accent)}
.adminblock .ab-grid{display:flex;flex-wrap:wrap;gap:12px}
.adminblock .ab-f{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:13px;color:var(--ink)}
.adminblock .ab-f input,.adminblock .ab-f select{padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-size:14px;min-width:150px}
.adminblock .ab-f input[name="intern_nr"]{font-weight:800;background:#eef7ff}
.adminblock .ab-hint{font-weight:500;color:var(--muted);font-size:11px}
.adminblock .ab-note{margin-top:8px;font-size:12px;color:var(--muted)}
/* Fremdes-Inserat-Box */
.fremdbox{border-left:4px solid #b23a6a}
.fremdbox .fremd-row{display:flex;gap:8px;margin-top:6px;align-items:center;flex-wrap:wrap}
.fremdbox .fremd-row input{flex:1;min-width:280px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;font-size:14px}
.fremdbox .fremd-row button{background:#b23a6a}
.im-portal .im-zeit{margin-top:4px;font-size:10.5px;line-height:1.35;color:var(--muted)}
table.fahrzeuge a.del-lokal{margin-left:8px;text-decoration:none;opacity:.65}
table.fahrzeuge a.del-lokal:hover{opacity:1}
table.fahrzeuge .pakt{margin-top:5px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
table.fahrzeuge .pakt .pf{display:inline-flex;gap:2px;align-items:center;font-size:10px;color:var(--muted);margin:0}
table.fahrzeuge .pakt .pf button{font-size:11px;padding:0 4px;border:1px solid var(--line);border-radius:4px;background:#eef1f4;cursor:pointer;line-height:1.5}
table.fahrzeuge .pakt .pf button.x{color:#c0392b}
table.fahrzeuge .pakt .pf-hint{font-size:10px;color:var(--muted)}
table.fahrzeuge th.cb,table.fahrzeuge td.cb{width:26px;text-align:center;padding-left:6px;padding-right:0}
table.fahrzeuge a.sorth{color:inherit;text-decoration:none;white-space:nowrap}
table.fahrzeuge a.sorth:hover{text-decoration:underline}
table.fahrzeuge .kh-st{display:inline-block;padding:1px 7px;border-radius:10px;background:#eef1f4;border:1px solid var(--line);font-size:11px;white-space:nowrap}
table.fahrzeuge .ytcell{white-space:nowrap}
.ytv{display:inline-block;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:600;vertical-align:middle}
.yt-ok{background:#e3f5e8;color:#1c7a3a;border:1px solid #b6e0c2}
.yt-gleich{background:#fdf4dc;color:#9a7400;border:1px solid #f0dca0}
.yt-fehler{background:#fde3e3;color:#b8312b;border:1px solid #f3b9b6}
img.ytthumb{height:30px;width:auto;border-radius:3px;margin-left:5px;vertical-align:middle;border:1px solid var(--line)}
.btn.danger,button.danger{background:#c0392b;border-color:#c0392b;color:#fff}
.ytbox{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ytbox img.ytthumb{height:46px}
table.fahrzeuge tr.geist{background:#fbf3f3}
table.fahrzeuge tr.geist:hover{background:#f6e7e7}
.geist-badge{cursor:help}
table.fahrzeuge .bildform{display:inline;margin-left:6px}
table.fahrzeuge .imgbtn{background:none;border:none;cursor:pointer;font-size:14px;padding:0;opacity:.7;vertical-align:middle}
table.fahrzeuge .imgbtn:hover{opacity:1}
.pb{display:inline-block;min-width:22px;text-align:center;font-size:11px;font-weight:700;line-height:1;padding:3px 5px;border-radius:5px;margin-right:3px;text-decoration:none;border:1px solid transparent;vertical-align:middle}
.pb-aktiv{background:#1f9d55;color:#fff}
.pb-inaktiv{background:#e3342f;color:#fff}
.pb-vorh{background:#3498db;color:#fff}
.pb-off{background:#e6e9ee;color:#9aa6b2}
a.pb{cursor:pointer}
a.pb:hover{filter:brightness(1.08);border-color:rgba(0,0,0,.22)}
.pb-warn{color:#c0392b;font-weight:800;font-size:10px;margin-left:1px}
/* Live-Abgleich: Abweichung Admin <-> Portal */
.zell-val.zell-diff{background:#fdecea;outline:1.5px solid #e3342f;border-radius:4px;cursor:help}
.sp-admin.admin-diff input,.sp-admin.admin-diff textarea,.sp-admin.admin-diff select{background:#fdecea;border-color:#e3342f}
.sp-admin.admin-diff{border-left:3px solid #e3342f}
.diffbanner{display:inline-block;background:#fdecea;color:#a02216;border:1px solid #e3342f;border-radius:6px;padding:3px 9px;font-weight:600;font-size:13px}
.diffok{display:inline-block;background:#e9f7ee;color:#1a7a42;border:1px solid #1f9d55;border-radius:6px;padding:3px 9px;font-weight:600;font-size:13px}
/* Inserat-Zeile: ID + Link + „Daten holen" je Portalspalte */
.zeile.inserat-row{background:#eef3f8;border-bottom:2px solid var(--line)}
.im-admin{color:#8794a3;font-size:12px;align-self:center}
.im-portal{display:flex;flex-direction:column;gap:4px;padding:6px 4px}
.im-portal .im-id,.im-portal .im-link{padding:5px 7px;border:1px solid #c4ccd6;border-radius:5px;font-size:12px;width:100%;box-sizing:border-box}
.im-id{font-weight:700}
.im-btn{background:#2f6f9f;color:#fff;border:0;border-radius:5px;padding:6px 8px;font-size:12px;font-weight:700;cursor:pointer}
.im-btn:hover{filter:brightness(1.06)}
.im-hint{color:#8794a3;font-size:11px;font-style:italic}
.zell-sel{width:100%;padding:5px 6px;border:1px solid #c4ccd6;border-radius:5px;font-size:13px;background:#fff}
.multisel{width:100%;padding:3px;border:1px solid #c4ccd6;border-radius:5px;font-size:12px}
.zell-val.zell-ml{white-space:pre-line;text-align:left;max-height:170px;overflow:auto;font-size:12px;line-height:1.45}
.hp-drow-long{flex-direction:column;align-items:flex-start;gap:4px}
.hp-drow-long b{font-weight:400;line-height:1.5}
.bildchk{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}
.bildchk input{transform:scale(1.2)}
.minibtn{background:#5b6b7c;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;text-decoration:none;display:inline-block;margin-left:6px}
.minibtn:hover{filter:brightness(.95)}
/* Backend: Eigene-Homepage-Feldauswahl (mit Drag&Drop-Griff) */
.tabelle.hpsel .zeile{grid-template-columns:26px 1fr 150px 150px}
.hprow.dragging{opacity:.45;background:#dfe7ef}
.hpchk label{font-size:13px;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:6px}
.hpchk input{transform:scale(1.2)}
/* ===================== Öffentliche Homepage (Showroom) ===================== */
body.hp{background:#0f1720;color:#1f2a37}
.hp-top{background:#0f1720;color:#fff;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hp-brand{font-size:24px;font-weight:800;letter-spacing:.5px;color:#fff}
.hp-brand span{color:#5aa9e6;font-weight:600}
.hp-sub,.hp-back{color:#aebfd0;font-size:14px;text-decoration:none}
.hp-back:hover{color:#fff}
.hp-wrap{max-width:1180px;margin:0 auto;padding:22px 18px;background:#f4f6f8;min-height:70vh}
.hp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.hp-card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .15s,transform .15s}
.hp-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}
.hp-bild{position:relative;aspect-ratio:4/3;background:#e6eaef}
.hp-bild img{width:100%;height:100%;object-fit:cover;display:block}
.hp-noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#9aa7b4;font-size:14px}
.hp-typ{position:absolute;top:8px;left:8px;background:rgba(15,23,32,.82);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}
.hp-info{padding:12px 14px}
.hp-titel{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.25}
.hp-felder{display:flex;flex-direction:column;gap:3px}
.hp-feld{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-top:1px dashed #e3e8ee;padding-top:3px}
.hp-feld span{color:var(--muted)} .hp-feld b{text-align:right}
.hp-h1{font-size:26px;margin:6px 0 2px}
.hp-badge{display:inline-block;background:#0f1720;color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:12px}
.hp-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:18px}
.hp-galerie a{display:block;border-radius:8px;overflow:hidden;line-height:0;border:1px solid var(--line)}
.hp-galerie img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e6eaef}
.hp-galerie a:hover{border-color:var(--accent)}
.hp-video{position:relative;max-width:800px;aspect-ratio:16/9;margin:0 0 18px;border-radius:12px;overflow:hidden;background:#000}
.hp-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hp-daten{max-width:800px}
.hp-grp{font-size:14px;color:var(--accent);margin:14px 0 4px;border-bottom:1px solid var(--line);padding-bottom:3px}
.hp-drow{display:flex;justify-content:flex-start;gap:8px;padding:5px 0;border-bottom:1px solid #eef2f6;font-size:14px}
.hp-drow span{color:var(--muted);flex:0 0 auto} .hp-drow b{text-align:start}   /* Wert direkt hinter dem Begriff (kein Blick-Sprung nach rechts) */
.hp-foot{text-align:center;color:#aebfd0;background:#0f1720;padding:18px;font-size:13px}
/* ===================== Öffentliche Website (eigenes Design) ===================== */
body.site{margin:0;background:#eef1f5;color:#1c2530;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}
.site-head{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e2e7ee;box-shadow:0 1px 8px rgba(0,0,0,.04)}
.site-headin{max-width:1200px;margin:0 auto;padding:0 18px;min-height:64px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.site-logo{display:flex;align-items:center;text-decoration:none;color:#0f1720;font-weight:800;font-size:20px;letter-spacing:.3px}
.site-logo img{max-height:64px;width:auto;display:block}
@media(max-width:560px){.site-logo img{max-height:48px}}
.site-nav{display:flex;gap:4px;margin-left:auto}
.site-nav a{color:#33414f;text-decoration:none;font-weight:600;font-size:15px;padding:8px 12px;border-radius:8px}
.site-nav a:hover{background:#f1f4f8}
.site-nav a.aktiv{color:var(--acc)}
.site-kontaktkopf a{color:var(--acc);font-weight:700;text-decoration:none;white-space:nowrap;font-size:15px}
.navtoggle,.burger{display:none}
.burger{font-size:24px;cursor:pointer;margin-left:auto;line-height:1;padding:6px 10px;border-radius:8px;background:#f1f4f8}
.site-main{min-height:60vh}
.site-wrap{max-width:1200px;margin:0 auto;padding:22px 18px}
/* Hero: zeigt das Banner-Bild moeglichst KOMPLETT (Hoehe folgt dem Bild-Seitenverhaeltnis 1915x821,
   responsiv mit der Browserbreite). Bild volle Hoehe zentriert; ist der Browser breiter als das Bild,
   fuellt die Randfarbe (#0a0e13) auf und weiche Farbuebergaenge (::before/::after) kaschieren die Kanten. */
/* Bild rechtsbuendig: rechte Bildkante auf der Linie des Inhalts (1200px-Container = Fahrzeug-Karussell).
   Wird der Browser schmaler, bleibt das Bild rechts verankert und laeuft nach links. */
/* KEIN aspect-ratio hier: kombiniert mit min-height wuerde der Browser die Mindesthoehe in eine
   Mindest-BREITE uebertragen (1995px!) -> Seite laeuft mobil seitlich ueber. Stattdessen 13.03vw
   = 100vw x (250/1918): Banner (1918x500) bei halber Groesse, Bildbreite = halbe Seitenbreite. */
.hero{position:relative;background-color:#080d11;color:#fff;background-image:var(--hero-desk);background-size:auto 100%;background-position:right max(calc((100vw - 1200px) / 2 + 18px), 18px) center;background-repeat:no-repeat;min-height:max(260px, 13.03vw);max-height:52vh;display:flex;align-items:center;overflow:hidden}
html[dir="rtl"] .hero{background-position:left max(calc((100vw - 1200px) / 2 + 18px), 18px) center}
.hero::before,.hero::after{content:"";position:absolute;top:0;bottom:0;pointer-events:none;z-index:0}
/* Text-Abdunklung (inline-start) + weicher Uebergang in die Randfarbe */
.hero::before{left:0;width:56%;background:linear-gradient(90deg,#080d11 0%,rgba(8,13,17,.55) 45%,rgba(8,13,17,0) 100%)}
.hero::after{right:0;width:6%;background:linear-gradient(270deg,#080d11,rgba(8,13,17,0))}
html[dir="rtl"] .hero::before{left:auto;right:0;background:linear-gradient(270deg,#080d11 0%,rgba(8,13,17,.55) 45%,rgba(8,13,17,0) 100%)}
html[dir="rtl"] .hero::after{right:auto;left:0;background:linear-gradient(90deg,#080d11,rgba(8,13,17,0))}
/* Smartphone: Text oben, darunter das EIGENE Mobil-Banner (1080x552) voll sichtbar; Hero-Buttons weg
   (Fahrzeuge/Verkaufen/Kontakt sind auf der Seite ohnehin vorhanden) */
@media(max-width:760px){
  .hero{min-height:0;background-image:var(--hero-mob);background-size:100% auto;background-position:center bottom}
  .hero::before,.hero::after{display:none}
  .hero .hero-cta{display:none}
  .hero .hero-in{padding:22px 18px calc(51.2vw + 14px)}   /* Platz fuer das Mobil-Banner (552/1080 = 51.1vw); .hero-Praefix schlaegt die spaeter folgende Basis-Regel */
}
.hero-in{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 18px}
.hero-in h1{font-size:38px;margin:0 0 10px;line-height:1.1}
.hero-in p{font-size:18px;color:#d7e0ea;max-width:680px;margin:0 0 20px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn-acc{background:var(--acc);color:#fff;font-weight:700;padding:11px 20px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-size:15px;display:inline-block}
.btn-acc:hover{filter:brightness(.95)}
.btn-light{background:#fff;color:#0f1720;font-weight:700;padding:11px 20px;border-radius:8px;text-decoration:none;display:inline-block}
.sec-h{font-size:24px;margin:6px 0 14px}
.kat-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.kat-filter a{background:#fff;border:1px solid #dde3ea;color:#33414f;text-decoration:none;font-size:14px;font-weight:600;padding:6px 14px;border-radius:20px}
.kat-filter a:hover{border-color:var(--acc)}
.kat-filter a.aktiv{background:var(--acc);color:#fff;border-color:var(--acc)}
.zurueck{color:var(--acc);text-decoration:none;font-weight:600;display:inline-block;margin-bottom:6px}
.detail-h1{font-size:28px;margin:4px 0 6px}
.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}
.detail-kontakt{position:sticky;top:80px}
.dk-row{padding:5px 0;font-size:15px}.dk-row a{color:var(--acc);text-decoration:none}
.dk-msg{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dk-mbtn{color:#fff;text-decoration:none;font-weight:700;font-size:13px;padding:7px 12px;border-radius:8px}
.dk-whatsapp{background:#25D366}.dk-telegram{background:#229ED9}.dk-viber{background:#7360F2}.dk-signal{background:#3A76F0}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.kform{display:flex;flex-direction:column;gap:10px}
.kform label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#46586a}
.kform input,.kform textarea{padding:9px 11px;border:1px solid #c4ccd6;border-radius:8px;font-size:14px;font-family:inherit}
.kbezug{background:#f1f4f8;border-radius:8px;padding:8px 12px;font-size:14px}
.maps{width:100%;height:380px;border:0;display:block}
.textseite{font-size:15px;line-height:1.6;max-width:820px}
.textseite p{margin:0 0 12px}
.textseite .ts-h{font-weight:800;font-size:1.16em;line-height:1.3;margin:24px 0 7px;color:var(--ink,#16202a)}
.textseite .ts-h.ts-h-num{font-size:1.28em;margin-top:30px;padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,.1)}
.textseite h3.ts-h:first-child{margin-top:0}
.textseite .ts-list{margin:2px 0 14px;padding-inline-start:22px}
.textseite .ts-list li{margin:5px 0;line-height:1.55}
.textseite strong{font-weight:700}
.site-msgfloat{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:10px}
.site-msgfloat .mf{width:48px;height:48px;border-radius:50%;color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 3px 12px rgba(0,0,0,.28)}
.site-msgfloat .mf:hover{transform:scale(1.06)}
.site-foot{background:#0f1720;color:#c4d0dc;margin-top:30px}
.site-footin{max-width:1200px;margin:0 auto;padding:34px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sf-h{color:#fff;font-weight:700;font-size:16px;margin-bottom:8px}
.sf-col div{font-size:14px;line-height:1.7}
.sf-col a{color:#9fc6ea;text-decoration:none}
.sf-links{display:flex;flex-direction:column;gap:3px}
.sf-copy{text-align:center;border-top:1px solid #1d2937;padding:14px;font-size:13px;color:#8aa0b5}
/* FrontendLive-Update: Fortschrittsanzeige */
.publish-box{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f7f9fb;max-width:640px}
.pub-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-bottom:6px}
.pub-row span{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
.pub-track{height:16px;background:#e3e9ef;border-radius:8px;overflow:hidden}
.pub-fill{height:100%;width:0;background:linear-gradient(90deg,#1a9d54,#39c06f);transition:width .4s ease;border-radius:8px}
.pub-text{margin-top:6px}
.publish-box.err{background:#fff5f5;border-color:#f0b3ad}
.publish-box.err .pub-fill{background:#c0392b}
.publish-box.err .pub-row{color:#c0392b}
/* Backend: Seiteneinstellungen */
.setgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:8px}
.setf{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#46586a}
.setf i{font-weight:400;color:#8794a3;font-style:normal;font-size:11px}
.setf input,.setf textarea{padding:8px 10px;border:1px solid #c4ccd6;border-radius:6px;font-size:14px;font-family:inherit;font-weight:400}
.setf input[type=color]{height:38px;padding:2px;width:64px}
.setprev{max-height:60px;margin-top:4px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:3px}
@media(max-width:760px){
  .site-nav{display:none;order:3;width:100%;flex-direction:column;gap:2px}
  .navtoggle:checked ~ .site-nav{display:flex}
  .burger{display:block}
  .site-kontaktkopf a{display:none}                    /* Rufnummer platzsparend weg — Sprachumschalter bleibt sichtbar! */
  .site-kontaktkopf{display:flex;align-items:center}
  .site-lang{max-width:120px;font-size:12px}
  .detail-grid,.kontakt-grid,.site-footin{grid-template-columns:1fr}
  .hero-in h1{font-size:26px}   /* Padding regelt der Hero-Mobil-Block (Platz fuer das Banner unten) */
}
@media(max-width:560px){
  .hero-cta{flex-direction:column}
  .hero-cta a{text-align:center}
  .sec-h{font-size:21px}
  .detail-h1{font-size:23px}
  .fz-tools .tool-btn{padding:8px 11px;font-size:13px}
}

/* ===== Chat mit Allgemein Manager ===== */
.khbadge{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:10px;background:#e23b3b;color:#fff;font-size:12px;line-height:18px;text-align:center}
.khstatus{position:fixed;right:18px;bottom:92px;z-index:60;background:#fff7e6;border:1px solid #ffe1ad;color:#8a5a12;padding:8px 12px;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.14);font-size:13px;max-width:320px}
.khstatus a{color:var(--accent);font-weight:600;text-decoration:none}
.khchat{position:fixed;right:18px;bottom:18px;width:360px;max-width:calc(100vw - 24px);max-height:72vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 22px rgba(0,0,0,.20);z-index:70;overflow:hidden}
.khchat[hidden]{display:none}
.khchat-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--accent);color:#fff}
.khchat-head .khx{background:transparent;border:0;color:#fff;font-size:16px;line-height:1;cursor:pointer}
.khchat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#eef2f6;min-height:130px}
.khmsg{max-width:82%;padding:8px 10px;border-radius:10px;font-size:14px;white-space:pre-wrap;word-break:break-word}
.khmsg-in{align-self:flex-start;background:#fff;border:1px solid var(--line)}
.khmsg-out{align-self:flex-end;background:#dcf8c6}
.khchat-dec{display:flex;flex-direction:column;gap:8px;padding:8px 12px;border-top:1px solid var(--line);max-height:34vh;overflow-y:auto}
.khchat-dec:empty{display:none}
.khdec{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.khdec-q{flex:1 0 100%;font-size:13px;color:var(--muted)}
.khchip{background:#eaf2fb;color:var(--accent);border:1px solid #cfe0f5;border-radius:14px;padding:5px 10px;font-size:13px;font-weight:600;cursor:pointer}
.khchip:hover{background:#dbeafd}
.khchat-in{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line);background:var(--card)}
.khchat-in input{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px}
.khchat-in button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:0 12px;font-size:16px;cursor:pointer}
/* Nachricht + zugehörige Optionen direkt darunter */
.khmsg-wrap{display:flex;flex-direction:column;gap:5px;max-width:88%}
.khmsg-wrap-in{align-self:flex-start;align-items:flex-start}
.khmsg-wrap-out{align-self:flex-end;align-items:flex-end}
.khmsg-wrap .khmsg{max-width:100%}
.khmsg-actions{display:flex;flex-wrap:wrap;gap:6px;padding-left:2px}
.khmsg-actions:empty{display:none}
.khmsg-q{flex:1 0 100%;font-size:12px;color:var(--muted)}

/* ===== Vollbild-Seite manager.php ===== */
.mgr{max-width:820px;margin:0 auto}
.mgr-log{display:flex;flex-direction:column;gap:14px;padding:6px 0 90px}
.mgr-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.mgr-item.user{background:#eef7ff;border-color:#cfe4fb;align-self:flex-end;max-width:80%}
.mgr-item.manager{border-left:4px solid var(--accent)}
.mgr-text{white-space:pre-wrap;font-size:15px;line-height:1.55}
.mgr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mgr-actions:empty{display:none}
.mgr-q{flex:1 0 100%;font-size:13px;color:var(--muted);margin-bottom:2px}
.mgr-chip{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}
.mgr-chip:hover{filter:brightness(1.07)}
.mgr-chip:disabled{opacity:.45;cursor:default}
.mgr-result{margin-top:10px;padding:8px 12px;border-radius:8px;background:#f2f7ef;border:1px solid #d6e6cc}
.mgr-result-wahl{font-weight:700;font-size:14px;color:#2f6d33}
.mgr-result-txt{font-size:13px;color:var(--muted);margin-top:2px}
.mgr-empty{color:var(--muted);text-align:center;padding:48px 20px}
.mgr-in{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:12px 18px}
.mgr-in{display:flex;gap:8px;justify-content:center}
.mgr-in input{flex:1;max-width:760px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:15px}
.mgr-in button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:0 20px;font-size:15px;font-weight:600;cursor:pointer}

/* ===================== i18n: Sprachumschalter ===================== */
.site-lang{margin-inline-start:10px;padding:5px 8px;border:1px solid rgba(0,0,0,.25);border-radius:8px;background:#fff;color:#222;font-size:13px;cursor:pointer;max-width:170px}

/* ===================== RTL-Unterstuetzung (Arabisch / Persisch) ===================== */
/* Aktiv sobald <html dir="rtl"> gesetzt ist. Betrifft nur die oeffentlichen Seiten. */
html[dir="rtl"] body.site,
html[dir="rtl"] body.hp{ direction:rtl; text-align:right; }
/* Wertespalten wieder an den Zeilenanfang (links) statt rechts */
html[dir="rtl"] .hp-feld b{ text-align:left; }   /* .hp-drow nutzt jetzt text-align:start -> spiegelt selbst */
/* Typ-Badge auf dem Fahrzeugbild in die gespiegelte (rechte) Ecke */
html[dir="rtl"] .hp-typ{ left:auto; right:8px; }
/* Navigation & Burger: auto-Rand spiegeln */
html[dir="rtl"] .site-nav{ margin-left:0; margin-right:auto; }
html[dir="rtl"] .burger{ margin-left:0; margin-right:auto; }
/* Schwebende Messaging-Buttons nach links unten */
html[dir="rtl"] .site-msgfloat{ right:auto; left:16px; }

/* ===================== Consent / externe Medien (Zwei-Klick, § 25 TDDDG) ===================== */
.ce{position:relative}
.ce iframe[data-ce-src]:not([src]){visibility:hidden}
.ce-gate{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:#111826;color:#e7edf5}
[data-ce].ce-on .ce-gate{display:none}
.ce-gate-in{max-width:460px}
.ce-gate-ic{font-size:30px;line-height:1;margin-bottom:8px}
.ce-gate-txt{font-size:14px;line-height:1.5;margin:0 0 12px}
.ce-gate .ce-accept{margin-bottom:10px}
.ce-remember{display:flex;gap:7px;align-items:center;justify-content:center;font-size:12.5px;color:#aeb9c7;margin-bottom:8px;cursor:pointer}
.ce-privacy{color:#aeb9c7;font-size:12.5px;text-decoration:underline}
.kh-consent{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#0f1720;color:#e7edf5;box-shadow:0 -6px 24px rgba(0,0,0,.28)}
.kh-consent[hidden]{display:none}
.kh-consent-in{max-width:1100px;margin:0 auto;padding:15px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.kh-consent-txt{flex:1 1 340px;font-size:13.5px;line-height:1.55}
.kh-consent-txt a{color:#fff;text-decoration:underline}
.kh-consent-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.kh-consent-btns button{padding:11px 20px;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;border:0}
.kh-c-no{background:transparent;color:#c4d0dc;border:1px solid #3a4757}
.kh-c-yes{background:var(--acc,#0b6bcb);color:#fff}
@media(max-width:560px){.kh-consent-in{flex-direction:column;align-items:stretch}.kh-consent-btns{justify-content:flex-end}}

/* ===================== Fahrzeug-Bildergalerie (Hauptbild + Thumbs + Lightbox) ===================== */
/* inset-inline-start/-end statt left/right -> spiegelt in RTL (ar/fa) automatisch */
.gal{margin:14px 0;max-width:calc(64vh * 4 / 3)}   /* gleiche Breitenformel wie .gal-main (max-height x 4/3): Thumb-Leiste endet an der Bildkante */
.gal-main{position:relative;background:#0f1720;border-radius:12px;overflow:hidden;aspect-ratio:4/3;max-height:64vh}
.gal-main img{display:block;width:100%;height:100%;object-fit:cover;cursor:zoom-in}   /* fuellt den Rahmen: keine schwarzen Balken; Vollansicht ungeschnitten in der Lightbox */
.gal-pf{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1;cursor:pointer;background:rgba(15,23,32,.55);color:#fff;z-index:2;display:flex;align-items:center;justify-content:center}
.gal-pf:hover{background:rgba(15,23,32,.85)}
.gal-prev{inset-inline-start:10px}
.gal-next{inset-inline-end:10px}
.gal-zahl{position:absolute;bottom:10px;inset-inline-end:12px;background:rgba(15,23,32,.65);color:#fff;font-size:13px;padding:3px 10px;border-radius:12px;direction:ltr}
.gal-thumbs{display:flex;gap:6px;overflow-x:auto;margin-top:8px;padding-bottom:4px;scrollbar-width:thin}
.gal-thumbs img{width:92px;height:69px;object-fit:cover;border-radius:8px;cursor:pointer;flex:0 0 auto;border:2px solid transparent;opacity:.7}
.gal-thumbs img.aktiv{border-color:var(--acc,#0b6bcb);opacity:1}
.gal-thumbs img:hover{opacity:1}
.gal-lb{position:fixed;inset:0;background:rgba(8,12,18,.95);z-index:1200;display:flex;align-items:center;justify-content:center}
.gal-lb[hidden]{display:none}
.gal-lb img{max-width:94vw;max-height:92vh;object-fit:contain}
.gal-lb .gal-pf{width:52px;height:52px;font-size:30px;background:rgba(255,255,255,.14)}
.gal-lb .gal-pf:hover{background:rgba(255,255,255,.28)}
.gal-lb-zahl{bottom:16px}
.gal-lb-x{position:absolute;top:14px;inset-inline-end:16px;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:50%;width:42px;height:42px;font-size:19px;cursor:pointer;z-index:3}
.gal-lb-x:hover{background:rgba(255,255,255,.3)}
@media(max-width:560px){.gal{max-width:calc(48vh * 4 / 3)}.gal-main{max-height:48vh}.gal-thumbs img{width:72px;height:54px}.gal-pf{width:38px;height:38px;font-size:22px}}

/* ===================== Werkzeug-Leiste (Teilen / Drucken / PDF) ===================== */
.fz-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 4px}
.tool-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line,#dde3ea);border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:600;color:#1f2a37;cursor:pointer;text-decoration:none}
.tool-btn:hover{border-color:var(--acc,#0b6bcb);color:var(--acc,#0b6bcb)}
.share-wrap{position:relative}
.share-pop{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:50;background:#fff;border:1px solid var(--line,#dde3ea);border-radius:10px;box-shadow:0 8px 26px rgba(0,0,0,.14);padding:6px;display:flex;flex-direction:column;min-width:200px}
.share-pop[hidden]{display:none}   /* display:flex wuerde sonst das hidden-Attribut aushebeln */
.share-pop a,.share-pop button{display:flex;align-items:center;padding:8px 12px;border:0;background:none;text-align:start;font-size:14px;color:#1f2a37;text-decoration:none;border-radius:7px;cursor:pointer;font-family:inherit}
.sp-ic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:13px;font-weight:700;margin-inline-end:10px;flex:0 0 auto}
.share-pop a:hover,.share-pop button:hover{background:#eef3f8}

/* ===================== Fahrzeug-Karussell Startseite (eine Zeile + Pfeile) ===================== */
/* Standardansicht: EINE horizontale Reihe (wischbar), Pfeile blaettern; ?alle=1 -> klassisches Grid */
.hp-reihe-wrap{position:relative}
.hp-grid.hp-reihe{display:flex;overflow-x:auto;gap:18px;padding-bottom:6px;scrollbar-width:none}   /* kein scroll-snap: wuerde gegen den Auto-Lauf kaempfen */
.hp-grid.hp-reihe::-webkit-scrollbar{display:none}
.hp-reihe .hp-card{flex:0 0 262px}
@media(max-width:560px){.hp-reihe .hp-card{flex-basis:76vw}}
.hp-pf{top:38%}
.hp-pf.gal-prev{inset-inline-start:-8px}
.hp-pf.gal-next{inset-inline-end:-8px}
@media(max-width:900px){.hp-pf.gal-prev{inset-inline-start:2px}.hp-pf.gal-next{inset-inline-end:2px}}
.hp-anzahl{font-size:15px;font-weight:600;color:var(--muted,#5b6b7c);margin-inline-start:6px}
.hp-mehr{text-align:center;margin:14px 0 4px}
.hp-mehr .btn-acc{display:inline-block}

/* ===================== Verkaufen / Suchen (Lead-Bereich Startseite) ===================== */
#service{scroll-margin-top:80px}
.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}
@media(max-width:860px){.lead-grid{grid-template-columns:1fr}}
.lead-card h2{margin:0 0 6px;font-size:21px}
.lead-card .lead-text{color:var(--muted,#5b6b7c);font-size:14px;line-height:1.55;margin:0 0 12px}
.lead-card form{display:flex;flex-direction:column;gap:9px}
.lead-card label{display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:600}
.lead-card input,.lead-card select,.lead-card textarea{padding:9px 11px;border:1px solid #c4ccd6;border-radius:8px;font-size:14px;font-family:inherit;font-weight:400}
.lead-card .lead-zeile{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(max-width:420px){.lead-card .lead-zeile{grid-template-columns:1fr}}
.lead-card button[type=submit]{margin-top:4px}

/* ===================== Druck (A4): nur Inserats-Inhalt mit Logo-Kopf ===================== */
.print-kopf{display:none}
@media print{
  @page{size:A4;margin:12mm}
  body.site{background:#fff;color:#000}
  .site-head,.site-foot,.site-msgfloat,.kh-consent,.zurueck,.fz-tools,.gal-pf,.gal-zahl,.gal-lb,.detail-kontakt,.hp-video,.ce,.lead-grid,#service,.hero-cta{display:none !important}
  .site-main{padding:0}
  .site-wrap{max-width:none;padding:0}
  .print-kopf{display:flex !important;justify-content:space-between;align-items:center;gap:12mm;border-bottom:2px solid #1a5e2a;padding-bottom:5mm;margin-bottom:6mm}
  .print-kopf img{height:22mm;width:auto}
  .print-kopf .pk-kontakt{font-size:10.5pt;text-align:end;line-height:1.5}
  .detail-h1{font-size:17pt;margin:0 0 3mm}
  .gal{margin:0 0 5mm}
  .gal-main{background:#fff;border-radius:0}
  .gal-main img{max-height:95mm;object-fit:contain;cursor:default}
  .gal-thumbs{display:grid !important;grid-template-columns:repeat(4,1fr);gap:3mm;overflow:visible;margin-top:4mm}
  .gal-thumbs img{width:100%;height:32mm;opacity:1;border:0;border-radius:0}
  .gal-thumbs img:nth-child(n+9){display:none}                 /* max. 8 Fotos im Ausdruck */
  .detail-grid{display:block}
  .card{border:0;box-shadow:none;padding:0}
  .hp-drow{break-inside:avoid;border-bottom:1px solid #ddd;padding:1.2mm 0}
  .hp-grp{break-after:avoid}
  a{color:#000;text-decoration:none}
}