/*
 * /inserieren/ (mu-plugins/o4u-inserieren.php, Vorlage o4u-kleinanzeigen/inserieren.php).
 * Handy zuerst (390 px): Tippflaechen mindestens 44 px, Eingabeschrift 16 px (kein Zoom unter iOS).
 * Farben und Bausteine nach den Mockups FilterMobil.dc.html und Main.dc.html, Variablen aus
 * o4u-chrome.php (--hm-*).
 */
body.o4u-ins-seite #titlebar{display:none}
.o4u-ins{
  --ins-ink:var(--hm-ink,#1d1d1f);--ins-ink2:#424245;--ins-muted:var(--hm-muted,#6e6e73);--ins-alt:var(--hm-bg-alt,#f5f5f7);
  --ins-line:var(--hm-line,#e6e6ea);--ins-line2:#d2d2d7;--ins-acc:var(--hm-accent,#fe6e0e);--ins-acc2:var(--hm-accent-2,#ff8a3d);
  --ins-acct:#a84400;--ins-soft:#fff4ec;--ins-on:#8a3800;--ins-rot:#c4001a;--ins-oben:64px;
  max-width:760px;margin:0 auto;padding:12px 16px 40px;color:var(--ins-ink);
  font-family:var(--hm-font,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);
  -webkit-font-smoothing:antialiased;letter-spacing:-.005em
}
.o4u-ins *,.o4u-ins *::before,.o4u-ins *::after{box-sizing:border-box}
.o4u-ins p{margin:0;line-height:1.5}
.o4u-ins a{color:var(--ins-acct)}
.o4u-ins button,.o4u-ins input,.o4u-ins select,.o4u-ins textarea{font-family:inherit}
.o4u-ins [hidden]{display:none!important}

/* Kopf */
.o4u-ins-kopf{background:radial-gradient(60% 120% at 80% -10%,rgba(254,110,14,.32),rgba(254,110,14,0) 62%),#0d0d10;color:#fff;border-radius:22px;padding:26px 20px 24px;margin:0 0 14px}
.o4u-ins .o4u-ins-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ins-acc2)}
.o4u-ins h1.o4u-ins-h1{margin:0;padding:0;border:0;font-size:30px;line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#fff;text-transform:none}
.o4u-ins .o4u-ins-lead{margin:10px 0 0;font-size:16px;line-height:1.5;color:#c7c7cc}
.o4u-ins--ansicht .o4u-ins-kopf{margin-top:8px}

/* Fortschritt */
.o4u-ins-fortschritt{position:sticky;top:var(--ins-oben);z-index:50;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  margin:0 -16px 12px;padding:10px 16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--ins-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.o4u-ins-fortschritt a{display:flex;flex-direction:column;gap:6px;min-height:44px;justify-content:center;text-decoration:none;color:var(--ins-muted)}
.o4u-ins-balken{display:block;height:5px;border-radius:3px;background:var(--ins-line);overflow:hidden}
.o4u-ins-balken span{display:block;height:100%;width:0;background:var(--ins-acc);border-radius:3px;transition:width .25s ease}
.o4u-ins-schritt-t{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o4u-ins-fortschritt a.is-fertig .o4u-ins-schritt-t{color:var(--ins-ink)}
.o4u-ins-fortschritt a.is-fertig .o4u-ins-schritt-t::after{content:" \2713";color:var(--ins-acc)}

/* Abschnitte */
.o4u-ins-form{display:flex;flex-direction:column;gap:14px}
.o4u-ins-abschnitt{background:#fff;border:1px solid var(--ins-line);border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;gap:18px;scroll-margin-top:calc(var(--ins-oben) + 76px)}
.o4u-ins h2.o4u-ins-h2{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--ins-ink);text-transform:none}
.o4u-ins .o4u-ins-nr{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ins-soft);color:var(--ins-acct);font-size:15px;font-weight:800;flex:0 0 auto}
.o4u-ins h3.o4u-ins-h3{margin:0;padding:0;border:0;font-size:17px;line-height:1.3;font-weight:700;letter-spacing:-.015em;color:var(--ins-ink);text-transform:none}
.o4u-ins h3.o4u-ins-h3 small,.o4u-ins-lbl small{font-weight:500;color:var(--ins-muted);font-size:13px}

/* Felder */
.o4u-ins .o4u-ins-feld{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;min-width:0;scroll-margin-top:calc(var(--ins-oben) + 90px)}
.o4u-ins .o4u-ins-lbl,.o4u-ins fieldset.o4u-ins-feld>legend{display:block;padding:0;margin:0 0 2px;font-size:15px;font-weight:600;color:var(--ins-ink2);line-height:1.35;border:0;width:auto}
.o4u-ins input[type=text],.o4u-ins input[type=email],.o4u-ins input[type=tel],.o4u-ins input[type=search],.o4u-ins select,.o4u-ins textarea{
  width:100%;min-height:48px;margin:0;padding:11px 14px;border:1px solid var(--ins-line2);border-radius:12px;background:#fff;color:var(--ins-ink);
  font-size:16px;font-weight:500;line-height:1.35;box-shadow:none;-webkit-appearance:none;appearance:none}
.o4u-ins select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px;padding-right:38px}
.o4u-ins textarea{min-height:120px;resize:vertical;line-height:1.5}
.o4u-ins input::placeholder,.o4u-ins textarea::placeholder{color:#8e8e93;font-weight:400}
.o4u-ins input[readonly]{background:var(--ins-alt);color:var(--ins-ink2)}
.o4u-ins input:focus-visible,.o4u-ins select:focus-visible,.o4u-ins textarea:focus-visible,.o4u-ins button:focus-visible,.o4u-ins summary:focus-visible,.o4u-ins a:focus-visible{outline:3px solid rgba(254,110,14,.5);outline-offset:2px}
.o4u-ins .o4u-ins-hinweis{font-size:14px;line-height:1.5;color:var(--ins-muted);font-weight:400}
.o4u-ins .o4u-ins-hinweis--kasten{padding:12px 14px;border-radius:12px;background:var(--ins-alt);color:var(--ins-ink2)}
.o4u-ins .o4u-ins-fm{font-size:14px;font-weight:600;color:var(--ins-rot);line-height:1.4}
.o4u-ins .is-fehler input,.o4u-ins .is-fehler select,.o4u-ins .is-fehler textarea,.o4u-ins .is-fehler .o4u-ins-drop{border-color:var(--ins-rot);border-width:1.5px}
.o4u-ins-reihe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.o4u-ins-reihe--plz{grid-template-columns:minmax(0,7fr) minmax(0,13fr)}
.o4u-ins-reihe2{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:10px}
.o4u-ins .o4u-ins-einheit{position:relative;display:block}
.o4u-ins .o4u-ins-einheit input{padding-right:58px}
.o4u-ins .o4u-ins-einheit>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--ins-muted);pointer-events:none}
.o4u-ins .o4u-ins-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Chips, Kacheln, Schalter (Mockup: an = 1.5px Orange, #fff4ec, #8a3800) */
.o4u-ins-chips{display:flex;flex-wrap:wrap;gap:8px}
.o4u-ins .o4u-ins-chip{position:relative;margin:0;font-weight:500}
.o4u-ins .o4u-ins-chip input,.o4u-ins .o4u-ins-kachel input,.o4u-ins .o4u-ins-koerper input,.o4u-ins .o4u-ins-karte-wahl input,.o4u-ins .o4u-ins-farbe input,.o4u-ins .o4u-ins-seg input{
  position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.o4u-ins .o4u-ins-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--ins-line2);border-radius:980px;background:#fff;color:var(--ins-ink);font-size:15px;cursor:pointer;user-select:none}
.o4u-ins .o4u-ins-chip input:checked+span,.o4u-ins .o4u-ins-kachel input:checked+span,.o4u-ins .o4u-ins-koerper input:checked+span,.o4u-ins .o4u-ins-karte-wahl input:checked+span{
  border:1.5px solid var(--ins-acc);background:var(--ins-soft);color:var(--ins-on);font-weight:600}
.o4u-ins .o4u-ins-chip input:focus-visible+span,.o4u-ins .o4u-ins-kachel input:focus-visible+span,.o4u-ins .o4u-ins-koerper input:focus-visible+span,
.o4u-ins .o4u-ins-karte-wahl input:focus-visible+span,.o4u-ins .o4u-ins-farbe input:focus-visible+.o4u-ins-farbe-punkt,.o4u-ins .o4u-ins-seg input:focus-visible+span{outline:3px solid rgba(254,110,14,.5);outline-offset:2px}
.o4u-ins .o4u-ins-chip input:disabled+span{opacity:.45;cursor:not-allowed}
.o4u-ins button.o4u-ins-chip{margin:0;padding:0;border:0;background:none;font:inherit;cursor:pointer}
.o4u-ins-noten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.o4u-ins-noten .o4u-ins-chip span{justify-content:center;padding:0 6px;width:100%}

.o4u-ins-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.o4u-ins .o4u-ins-kachel{position:relative;margin:0}
.o4u-ins .o4u-ins-kachel span{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 12px;border:1px solid var(--ins-line);border-radius:14px;background:#fff;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer}
.o4u-ins .o4u-ins-kachel svg{width:26px;height:26px;color:var(--ins-acc);flex:0 0 auto}

.o4u-ins-karosserie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.o4u-ins .o4u-ins-koerper{position:relative;margin:0}
.o4u-ins .o4u-ins-koerper span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:80px;padding:10px 4px;border:1px solid var(--ins-line2);border-radius:14px;background:#fff;font-size:13.5px;font-weight:600;text-align:center;cursor:pointer}
.o4u-ins .o4u-ins-koerper svg{width:52px;height:26px}

.o4u-ins-karten{display:flex;flex-direction:column;gap:8px}
.o4u-ins .o4u-ins-karte-wahl{position:relative;margin:0}
.o4u-ins .o4u-ins-karte-wahl span{display:flex;flex-direction:column;gap:2px;min-height:56px;justify-content:center;padding:10px 14px;border:1px solid var(--ins-line2);border-radius:14px;background:#fff;cursor:pointer}
.o4u-ins .o4u-ins-karte-wahl b{font-size:15.5px}
.o4u-ins .o4u-ins-karte-wahl small{font-size:13px;color:var(--ins-muted);font-weight:500}

.o4u-ins-farben{display:flex;flex-wrap:wrap;gap:10px 6px}
.o4u-ins .o4u-ins-farbe{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:58px;margin:0;cursor:pointer}
.o4u-ins .o4u-ins-farbe-punkt{display:block;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.16)}
.o4u-ins .o4u-ins-farbe input:checked+.o4u-ins-farbe-punkt{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ins-acc)}
.o4u-ins .o4u-ins-farbe-t{font-size:12px;color:var(--ins-ink2);text-align:center;line-height:1.2}

.o4u-ins .o4u-ins-zeile{display:flex;align-items:center;gap:12px;min-height:52px;margin:0;padding:6px 0;border-bottom:1px solid #f0f0f3;font-size:16px;font-weight:500;cursor:pointer}
.o4u-ins .o4u-ins-zeile-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;line-height:1.35}
.o4u-ins .o4u-ins-zeile-t small{font-size:13px;color:var(--ins-muted);font-weight:400}
.o4u-ins .o4u-ins-sw{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 auto;width:50px;height:30px;margin:0;border-radius:15px;background:var(--ins-line2);cursor:pointer;transition:background .15s}
.o4u-ins .o4u-ins-sw::before{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.o4u-ins .o4u-ins-sw:checked{background:var(--ins-acc)}
.o4u-ins .o4u-ins-sw:checked::before{transform:translateX(20px)}

.o4u-ins-seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border:1px solid var(--ins-line2);border-radius:12px;padding:3px;gap:3px;background:#fff}
.o4u-ins-seg--breit{display:grid;width:100%}
.o4u-ins .o4u-ins-seg label{position:relative;margin:0}
.o4u-ins .o4u-ins-seg span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:9px;font-size:15px;font-weight:600;color:var(--ins-ink2);cursor:pointer}
.o4u-ins .o4u-ins-seg input:checked+span{background:var(--ins-ink);color:#fff}
.o4u-ins .o4u-ins-seg input:disabled+span{opacity:.4;cursor:not-allowed}
.o4u-ins-leistung{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.o4u-ins .o4u-ins-einheit-fest{font-size:15px;font-weight:600;color:var(--ins-muted);padding:0 6px}

.o4u-ins .o4u-ins-check{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:15px;line-height:1.5;color:var(--ins-ink2);cursor:pointer;min-height:44px}
.o4u-ins .o4u-ins-check input{flex:0 0 auto;width:24px;height:24px;margin:0;accent-color:var(--ins-acc)}
.o4u-ins .o4u-ins-check.is-fehler span{color:var(--ins-rot)}

.o4u-ins .o4u-ins-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border:0;background:none;color:var(--ins-acct);font-size:15px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* Fotos */
.o4u-ins .o4u-ins-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:170px;padding:22px 16px;margin:0;
  border:2px dashed #ffc49b;border-radius:18px;background:var(--ins-soft);text-align:center;cursor:pointer}
.o4u-ins .o4u-ins-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.o4u-ins .o4u-ins-drop svg{width:40px;height:40px;color:var(--ins-acc)}
.o4u-ins .o4u-ins-drop-t{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:980px;background:var(--ins-acc);color:#fff;font-size:16px;font-weight:700}
.o4u-ins .o4u-ins-drop-h{font-size:14px;color:var(--ins-ink2)}
.o4u-ins .o4u-ins-drop.is-ueber{border-color:var(--ins-acc);background:#ffe9d9}
.o4u-ins .o4u-ins-drop.is-klein{min-height:64px;flex-direction:row;padding:10px 14px}
.o4u-ins .o4u-ins-drop.is-klein svg{width:26px;height:26px}
.o4u-ins .o4u-ins-drop.is-klein .o4u-ins-drop-h{display:none}
.o4u-ins .o4u-ins-kamera{position:relative;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--ins-line2);border-radius:980px;background:#fff;font-size:15px;font-weight:600;cursor:pointer;margin:0}
.o4u-ins .o4u-ins-kamera input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.o4u-ins-galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.o4u-ins-galerie:empty{display:none}
.o4u-ins-galerie li{position:relative;margin:0;padding:0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--ins-alt);border:1px solid var(--ins-line)}
.o4u-ins-galerie li.is-zieh{opacity:.4}
.o4u-ins-galerie li.is-ziel{outline:3px solid var(--ins-acc);outline-offset:1px}
.o4u-ins-galerie img{display:block;width:100%;height:100%;object-fit:cover;margin:0;pointer-events:none}
.o4u-ins-galerie .o4u-ins-titelbild{position:absolute;left:6px;top:6px;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.o4u-ins-galerie button{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;color:#fff}
.o4u-ins-galerie button span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.66);font-size:17px;line-height:1}
.o4u-ins-galerie button:disabled{display:none}
.o4u-ins-galerie .o4u-ins-weg{top:0;right:0}
.o4u-ins-galerie .o4u-ins-vor{bottom:0;left:0}
.o4u-ins-galerie .o4u-ins-nach{bottom:0;right:0}
.o4u-ins-galerie .o4u-ins-lade{position:absolute;left:8px;right:8px;bottom:8px;height:6px;border-radius:3px;background:rgba(255,255,255,.7);overflow:hidden}
.o4u-ins-galerie .o4u-ins-lade span{display:block;height:100%;width:0;background:var(--ins-acc);transition:width .2s}
.o4u-ins-galerie li.is-laedt img{opacity:.55}
.o4u-ins-galerie li.is-fehler{border-color:var(--ins-rot)}
.o4u-ins-galerie .o4u-ins-foto-fehler{position:absolute;inset:auto 0 0 0;padding:6px 8px;background:rgba(196,0,26,.88);color:#fff;font-size:12px;line-height:1.3}
.o4u-ins .o4u-ins-zaehler{font-size:14px;color:var(--ins-muted)}

/* Marke: Suchliste */
.o4u-ins-combo{position:relative}
.o4u-ins-combo-liste{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;max-height:320px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--ins-line2);border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.12)}
.o4u-ins-combo-liste li{display:flex;align-items:center;min-height:44px;margin:0;padding:0 12px;border-radius:10px;font-size:16px;cursor:pointer}
.o4u-ins-combo-liste li[aria-selected=true],.o4u-ins-combo-liste li:hover{background:var(--ins-soft);color:var(--ins-on)}
.o4u-ins-combo-liste li.o4u-ins-frei{color:var(--ins-acct);font-weight:600}
.o4u-ins .o4u-ins-marke-top:empty{display:none}

/* Titel, Mehr Angaben */
.o4u-ins-titel{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:var(--ins-alt)}
.o4u-ins .o4u-ins-titel-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:15px;color:var(--ins-ink2)}
.o4u-ins .o4u-ins-titel-zeile strong{color:var(--ins-ink);overflow-wrap:anywhere}
.o4u-ins-mehr{border:1px solid var(--ins-line);border-radius:16px;background:#fff}
.o4u-ins-mehr>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 14px;list-style:none;cursor:pointer;font-size:16px;font-weight:700}
.o4u-ins-mehr>summary::-webkit-details-marker{display:none}
.o4u-ins-mehr>summary small{display:block;font-size:13px;font-weight:500;color:var(--ins-acct)}
.o4u-ins-mehr>summary svg{width:20px;height:20px;color:var(--ins-muted);flex:0 0 auto;transition:transform .15s}
.o4u-ins-mehr[open]>summary svg{transform:rotate(180deg)}
.o4u-ins-mehr-block{display:flex;flex-direction:column;gap:22px;padding:4px 14px 18px}
.o4u-ins-gruppe{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:8px solid var(--ins-alt);margin:0 -14px;padding-left:14px;padding-right:14px}
.o4u-ins-gruppe:first-of-type{border-top:0;padding-top:4px}
.o4u-ins-abschnitt>[data-nur]{display:flex;flex-direction:column;gap:18px}
.o4u-ins-passend{display:flex;flex-direction:column;gap:14px}
.o4u-ins-passend:empty{display:none}

/* Kontakt */
.o4u-ins-impressum{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid var(--ins-line);border-radius:16px;background:#fcfcfd}
#o4u-ins-impressum-felder{display:flex;flex-direction:column;gap:14px}

/* Absende-Leiste */
.o4u-ins-leiste{position:sticky;bottom:0;z-index:45;display:flex;flex-direction:column;gap:8px;margin:0 -16px;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));
  background:#fff;border-top:1px solid var(--ins-line);box-shadow:0 -8px 24px rgba(0,0,0,.06)}
.o4u-ins .o4u-ins-offen{font-size:14px;line-height:1.4;color:var(--ins-ink2)}
.o4u-ins .o4u-ins-offen a{font-weight:600}
.o4u-ins .o4u-ins-offen.is-bereit{color:#1e7e34;font-weight:600}
.o4u-ins .o4u-ins-senden{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:0;padding:0 24px;border:0;border-radius:980px;background:var(--ins-acc);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(254,110,14,.32)}
.o4u-ins .o4u-ins-senden:hover{background:#ea6200}
.o4u-ins .o4u-ins-senden[disabled]{opacity:.65;cursor:wait}
.o4u-ins .o4u-ins-entwurf{margin:14px 0 0;font-size:14px;color:var(--ins-muted);text-align:center}

/* Ergebnis und Ansichten */
.o4u-ins-ergebnis,.o4u-ins-karte{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--ins-line);border-radius:20px;padding:22px 18px}
.o4u-ins .o4u-ins-gross{font-size:18px;line-height:1.5;color:var(--ins-ink)}
.o4u-ins .o4u-ins-klein{font-size:14px;color:var(--ins-muted)}
.o4u-ins .o4u-ins-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:980px;background:var(--ins-acc);color:#fff!important;font-size:16px;font-weight:700;text-decoration:none}
.o4u-ins .o4u-ins-knopf:hover{background:#ea6200}
.o4u-ins-ablauf{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;counter-reset:ablauf}
.o4u-ins-ablauf li{position:relative;margin:0;padding:0 0 0 42px;counter-increment:ablauf;font-size:15px;line-height:1.5;color:var(--ins-ink2)}
.o4u-ins-ablauf li::before{content:counter(ablauf);position:absolute;left:0;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--ins-soft);color:var(--ins-acct);font-weight:800}
.o4u-ins-ablauf li strong{display:block;color:var(--ins-ink)}
.o4u-ins .o4u-ins-fehlerkasten{padding:12px 16px;border-radius:12px;background:#fff0f0;border:1px solid #ffc9c9;color:#a0001a;font-size:15px}

@media (max-width:359px){
  .o4u-ins-galerie{grid-template-columns:repeat(2,minmax(0,1fr))}
  .o4u-ins-karosserie{grid-template-columns:repeat(2,minmax(0,1fr))}
  .o4u-ins-reihe{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:600px){
  .o4u-ins{padding:20px 24px 56px}
  .o4u-ins-kopf{padding:34px 32px 30px}
  .o4u-ins h1.o4u-ins-h1{font-size:40px}
  .o4u-ins-fortschritt{margin:0 -24px 14px;padding:10px 24px}
  .o4u-ins-abschnitt{padding:26px 24px}
  .o4u-ins-kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}
  .o4u-ins-galerie{grid-template-columns:repeat(4,minmax(0,1fr))}
  .o4u-ins-karosserie{grid-template-columns:repeat(4,minmax(0,1fr))}
  .o4u-ins-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .o4u-ins-leiste{margin:0;border-radius:18px;border:1px solid var(--ins-line);flex-direction:row;align-items:center;justify-content:space-between;padding:12px 14px}
  .o4u-ins .o4u-ins-senden{width:auto;flex:0 0 auto}
  .o4u-ins-mehr-block{padding:4px 20px 22px}
  .o4u-ins-gruppe{margin:0 -20px;padding-left:20px;padding-right:20px}
}
@media (min-width:900px){
  .o4u-ins-kacheln{grid-template-columns:repeat(5,minmax(0,1fr))}
  .o4u-ins .o4u-ins-kachel span{flex-direction:column;align-items:flex-start;min-height:84px}
  .o4u-ins-galerie{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (hover:hover) and (pointer:fine){
  .o4u-ins .o4u-ins-kamera{display:none}
  .o4u-ins-galerie li{cursor:grab}
  .o4u-ins .o4u-ins-chip span:hover,.o4u-ins .o4u-ins-kachel span:hover,.o4u-ins .o4u-ins-koerper span:hover,.o4u-ins .o4u-ins-karte-wahl span:hover{border-color:var(--ins-ink2)}
}
@media (prefers-reduced-motion:reduce){
  .o4u-ins *{transition:none!important;scroll-behavior:auto!important}
}