/* Aus Main.dc.html */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-display:swap;font-weight:400 900;src:url("../fonts/schibsted-grotesk-latin-wght.woff2") format("woff2");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}
:root{
  color-scheme:light dark;
  --grund:#F4F7F6;--flaeche:#FCFDFD;--tinte:#10302A;--text2:#4B635E;
  --smaragd:#08776A;--smaragd-tief:#065E54;--knopftext:#FCFDFD;--hauch:#E1F3EE;
  --linie:#D5E2DE;--feldrand:#7C948F;--schatten:16 48 42;
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --r:10px;
}
@media (prefers-color-scheme: dark){
  :root{
    --grund:#0E1C19;--flaeche:#142622;--tinte:#E4EEEB;--text2:#A3B8B3;
    --smaragd:#4CC2AF;--smaragd-tief:#6FD3C3;--knopftext:#0E1C19;--hauch:#173A34;
    --linie:#24403A;--feldrand:#6F8A84;--schatten:0 0 0;
  }
}
body{margin:0;background:var(--grund);color:var(--tinte);font-family:"Schibsted Grotesk",ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--tinte)}
::selection{background:var(--hauch);color:var(--tinte)}
input{caret-color:var(--smaragd)}
html{scrollbar-color:var(--feldrand) var(--grund)}
:focus-visible{outline:2px solid var(--smaragd);outline-offset:2px}
.seite{min-height:100dvh}
.wrap{max-width:1240px;margin:0 auto;padding-inline:32px}
.ic{width:20px;height:20px;flex:none;fill:currentColor}
.sr{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.kopf{background:var(--flaeche);border-bottom:1px solid var(--linie)}
.kopf .wrap{display:flex;align-items:center;gap:20px;height:68px}
.marke{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:800;font-size:22px;letter-spacing:-0.02em;text-decoration:none;color:var(--tinte)}
.marke-wort span{font-weight:500;color:var(--text2)}.marke-wort b{font-weight:800;color:var(--smaragd)}@media (max-width: 340px){.kopf .ort-knopf{display:none}}.marke-zeichen{display:block;flex:none;color:var(--smaragd)}.marke-zeichen svg{display:block;width:40px;height:27.5px;fill:currentColor}
.ort-knopf{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--linie);border-radius:var(--r);background:transparent;color:var(--tinte);font:inherit;font-weight:600;cursor:pointer;transition:transform 160ms var(--ease-out),border-color 160ms ease}
.ort-knopf .ic{color:var(--smaragd)}
.ort-knopf small{font-size:14px;font-weight:500;color:var(--text2)}
.ort-knopf:active{transform:scale(0.97)}
.kopf-aktionen{margin-left:auto;display:flex;align-items:center;gap:4px}
.leise{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:var(--r);text-decoration:none;font-weight:600;color:var(--tinte)}
.knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:var(--r);background:var(--smaragd);color:var(--knopftext);font:inherit;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform 160ms var(--ease-out),background-color 160ms ease}
.knopf:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){
  .knopf:hover{background:var(--smaragd-tief)}
  .ort-knopf:hover{border-color:var(--feldrand)}
  .leise:hover{background:var(--hauch);color:var(--tinte)}
  .kat:hover{background:var(--flaeche)}
  .anzeige-link:hover .titel{color:var(--smaragd)}
  .orte-liste a:hover{text-decoration-color:var(--smaragd)}
  .fuss li a:hover{color:var(--smaragd)}
}

.start{padding-block:72px 64px}
.start-inhalt{max-width:980px;margin-inline:auto;text-align:center}
.start h1{max-width:820px;margin:0 auto 16px;font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.04;font-weight:800;letter-spacing:-0.03em;text-wrap:balance}
.lead{margin:0 auto 32px;font-size:1.1875rem;color:var(--text2);max-width:44ch}
.suche{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,0.8fr) auto;gap:8px;padding:8px;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;box-shadow:0 1px 2px rgb(var(--schatten) / 0.06),0 12px 28px -16px rgb(var(--schatten) / 0.28)}
.feld{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche)}
.feld:focus-within{outline:2px solid var(--smaragd);outline-offset:1px}
.feld label{font-size:13px;font-weight:600;color:var(--text2)}
.feld input{border:0;padding:0;background:transparent;font:inherit;font-size:17px;color:var(--tinte);outline:none;min-width:0}
.feld input::placeholder{color:var(--text2);opacity:1}
.feld-label{font-size:13px;font-weight:600;color:var(--text2)}


.abschnitt{padding-block:56px}
.abschnitt h2{margin:0 0 8px;font-size:1.75rem;line-height:1.15;font-weight:800;letter-spacing:-0.02em;text-wrap:balance}
.unterzeile{margin:0 0 28px;color:var(--text2)}

.kat-raster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 12px;margin-top:24px}
.kat{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px;border-radius:var(--r);text-decoration:none;font-weight:600;font-size:15px;line-height:1.25;color:var(--tinte);transition:background-color 160ms ease}
.kat-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--r);background:var(--hauch);color:var(--smaragd)}
.kat-icon .ic{width:24px;height:24px}

.anzeigen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.anzeige{position:relative}
.anzeige-link{display:block;text-decoration:none;color:var(--tinte)}
.anzeige img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:var(--hauch)}
.preis{margin:12px 0 2px;font-size:1.25rem;font-weight:800;letter-spacing:-0.01em}
.titel{margin:0 0 6px;font-size:1rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 160ms ease}
.meta{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;color:var(--text2)}
.meta .ic{width:16px;height:16px;color:var(--smaragd)}
.merken{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--r);background:var(--flaeche);color:var(--tinte);cursor:pointer;box-shadow:0 1px 3px rgb(var(--schatten) / 0.18);transition:transform 160ms var(--ease-out)}
.merken:active{transform:scale(0.92)}
.leer{padding:32px;border:1px dashed var(--feldrand);border-radius:var(--r);color:var(--text2)}

.orte{background:var(--flaeche);border-block:1px solid var(--linie)}
.orte-liste{list-style:none;margin:0;padding:0;columns:4;column-gap:32px}
.orte-liste li{break-inside:avoid}
.orte-liste a{display:inline-block;padding:10px 0;font-weight:600;text-decoration:underline;text-decoration-color:var(--feldrand);text-decoration-thickness:1px;text-underline-offset:6px}

.abgeben{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:44px 48px;background:var(--hauch);border-radius:var(--r)}
.abgeben h2{margin:0 0 8px}
.abgeben p{margin:0;max-width:52ch;color:var(--text2)}

.fuss{padding-block:48px 40px;border-top:1px solid var(--linie);font-size:15px}
.fuss-raster{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.fuss p{margin:0}
.fuss .fuss-text{margin-top:12px;color:var(--text2);max-width:34ch}
.fuss .fuss-titel{font-weight:700;margin-bottom:4px}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li a{display:inline-flex;align-items:center;min-height:44px;color:var(--text2);text-decoration:none}
.fuss .fuss-unten{margin-top:40px;color:var(--text2);font-size:14px}

@media (max-width: 1240px){
  .kat-raster{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width: 1100px){
  .suche{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .suche .feld:first-child{grid-column:1 / -1}
  .suche .knopf{grid-column:1 / -1;min-height:52px}
}
@media (max-width: 1024px){
  .leise .text{display:none}
  .kat-raster{grid-template-columns:repeat(3,minmax(0,1fr))}
  .anzeigen{grid-template-columns:repeat(3,minmax(0,1fr))}
  .orte-liste{columns:3}
  .fuss-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767px){
  .wrap{padding-inline:16px}
  .kopf .wrap{gap:8px}
  .ort-knopf small,.ort-knopf .ort-name{display:none}
  .knopf .text-lang{display:none}
  .kopf .knopf{width:44px;padding:0}
  .marke{font-size:19px}
  .leise{padding:0 12px}
  .start{padding-block:32px 32px}
  .suche{grid-template-columns:minmax(0,1fr)}
  .suche .knopf{min-height:52px}
  .abschnitt{padding-block:40px}
  .kat-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .anzeigen{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .preis{font-size:1.0625rem}
  .orte-liste{columns:2}
  .abgeben{grid-template-columns:minmax(0,1fr);padding:28px 20px}
  .fuss-raster{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 400px){
  .kopf .merkliste{display:none}.marke{gap:6px;font-size:18px}.marke-zeichen svg{width:32px;height:22px}
  .kat-raster{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion: reduce){
  .knopf,.ort-knopf,.merken,.umkreis-daumen,.umkreis-knopf,.aufklapp,.auswahl-pfeil,.kat,.titel{transition:none}
  .knopf:active,.ort-knopf:active,.merken:active{transform:none}
}

/* Aus suche.src.html */
/* Der Mittelteil bleibt immer hell, auch wenn die Seite dunkel ist */
.liste-flaeche{color-scheme:light;
  --grund:#F4F7F6;--flaeche:#FCFDFD;--tinte:#10302A;--text2:#4B635E;
  --smaragd:#08776A;--smaragd-tief:#065E54;--knopftext:#FCFDFD;--hauch:#E1F3EE;
  --linie:#D5E2DE;--feldrand:#7C948F;--schatten:16 48 42;
  --fehler:#B42318;--gelb-hauch:#FBEFD5;--gelb-text:#7A4B00;
  color:var(--tinte)}
.suchleiste{background:var(--flaeche);border-bottom:1px solid var(--linie)}
.suchleiste form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,0.9fr) auto;gap:8px;padding-block:14px}
.sfeld{display:flex;flex-direction:column;gap:1px;padding:6px 12px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche)}
.sfeld:focus-within{outline:2px solid var(--smaragd);outline-offset:1px}
.sfeld label{font-size:12px;font-weight:600;color:var(--text2)}
.sfeld input,.sfeld select{min-width:0;height:26px;padding:0;border:0;background:transparent;color:var(--tinte);font:inherit;font-size:16px;outline:none;caret-color:var(--smaragd)}
.sfeld select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:24px;background-image:none}
.sfeld-wahl{position:relative}
.sfeld-wahl .ic{position:absolute;right:10px;bottom:12px;width:16px;height:16px;color:var(--text2);pointer-events:none}
.suchleiste .knopf{height:auto;min-height:50px;padding:0 22px}
.treffer-seite{display:grid;grid-template-columns:256px minmax(0,1fr);gap:32px;align-items:start;padding-block:28px 72px}
@media (min-width: 1101px){ .treffer-seite{grid-template-columns:264px minmax(0,1fr);gap:40px} }
.treffer-seite.ohne-filter{grid-template-columns:minmax(0,1fr)}
.filter-knopf{display:none}
.filter h2{margin:0 0 4px;font-size:1.125rem;font-weight:800;letter-spacing:-0.01em}
.filter fieldset{margin:0;padding:16px 0;border:0;border-bottom:1px solid var(--linie)}
.filter fieldset:last-child{border-bottom:0}
.filter legend{float:left;width:100%;padding:0;margin-bottom:8px;font-size:14px;font-weight:700}
.filter .wahl-liste{clear:both}
.wahl-liste{display:flex;flex-direction:column;gap:2px}
.wahl{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border:0;border-radius:var(--r);background:transparent;color:var(--tinte);font:inherit;font-size:15px;font-weight:500;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}
.wahl-punkt{position:relative;flex:none;width:18px;height:18px;box-sizing:border-box;border:2px solid var(--feldrand);border-radius:50%}
.wahl[aria-checked="true"]{background:var(--hauch);font-weight:700;color:var(--smaragd)}
.wahl[aria-checked="true"] .wahl-punkt{border-color:var(--smaragd)}
.wahl[aria-checked="true"] .wahl-punkt::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--smaragd)}
.wahl:focus-visible{outline-offset:-2px}
.wahl-zahl{margin-left:auto;font-size:13px;font-weight:600;color:var(--text2)}
.liste-flaeche{min-width:0;box-sizing:border-box;padding:28px 32px 36px;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;box-shadow:0 1px 3px rgb(var(--schatten) / 0.06)}
.liste-kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;padding-bottom:18px;border-bottom:1px solid var(--linie)}
.liste-kopf h1{margin:0 0 4px;font-size:1.75rem;line-height:1.15;font-weight:800;letter-spacing:-0.02em;text-wrap:balance}
.liste-kopf p{margin:0;color:var(--text2)}
.liste-werkzeug{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sortierung{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 34px 0 12px;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche)}
.sortierung:focus-within{outline:2px solid var(--smaragd);outline-offset:1px}
.sortierung label{font-size:14px;color:var(--text2)}
.sortierung select{appearance:none;-webkit-appearance:none;height:42px;padding:0;border:0;background:transparent;color:var(--tinte);font:inherit;font-size:15px;font-weight:600;outline:none;cursor:pointer}
.sortierung .ic{position:absolute;right:10px;width:16px;height:16px;color:var(--text2);pointer-events:none}
.merk-suche{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform 140ms var(--ease-out),border-color 140ms ease}
.merk-suche:active{transform:scale(0.97)}
.merk-suche[aria-pressed="true"]{border-color:var(--smaragd);color:var(--smaragd);background:var(--hauch)}
.merk-suche .ic{width:18px;height:18px}
.ergebnisse{margin:0;padding:0;list-style:none}
.treffer{position:relative;display:grid;grid-template-columns:208px minmax(0,1fr) auto;gap:6px 24px;padding:20px 0;border-bottom:1px solid var(--linie)}
.treffer:last-child{border-bottom:0}
.treffer-bild{grid-row:span 2;display:block;width:208px;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--hauch)}
.treffer-bild img{display:block;width:100%;height:100%;object-fit:cover}
.treffer-text{min-width:0}
.treffer h2{margin:2px 0 6px;font-size:1.125rem;line-height:1.3;font-weight:700;letter-spacing:-0.01em}
.treffer h2 a{color:var(--tinte);text-decoration:none}
.treffer h2 a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.treffer h2 a:focus-visible{outline:none}
.treffer h2 a:focus-visible::after{outline:2px solid var(--smaragd);outline-offset:-2px}
.treffer-auszug{margin:0 0 10px;max-width:62ch;color:var(--text2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.treffer-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--text2)}
.treffer-meta li{display:inline-flex;align-items:center;gap:6px}
.treffer-meta .ic{width:16px;height:16px;color:var(--smaragd)}
.treffer-meta strong{color:var(--tinte);font-weight:600}
.treffer-rechts{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px}
.treffer-preis{margin:0;font-size:1.375rem;font-weight:800;letter-spacing:-0.015em;white-space:nowrap}
.treffer-preis.gratis{color:var(--smaragd)}
.status-klein{display:inline-flex;margin-left:8px;padding:2px 8px;border-radius:6px;background:var(--gelb-hauch);color:var(--gelb-text);font-size:13px;font-weight:700;vertical-align:3px}
.herz{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);cursor:pointer;transition:transform 140ms var(--ease-out)}
.herz:active{transform:scale(0.92)}
.herz[aria-pressed="true"]{color:var(--smaragd);border-color:var(--smaragd)}
.keine{margin:24px 0 0;padding:28px;border:1px dashed var(--feldrand);border-radius:var(--r);color:var(--text2)}
.keine strong{display:block;margin-bottom:6px;color:var(--tinte)}
.keine button{margin-top:14px}
@media (hover:hover) and (pointer:fine){
  .wahl:not([aria-checked="true"]):hover{background:var(--hauch)}
  .treffer:hover h2 a{color:var(--smaragd)}
  .merk-suche:not([aria-pressed="true"]):hover,.herz:hover{border-color:var(--feldrand)}
}
@media (max-width: 1100px){
  .suchleiste form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .suchleiste form .sfeld:first-child{grid-column:1 / -1}
  .suchleiste .knopf{grid-column:1 / -1;min-height:48px}
  .treffer{grid-template-columns:168px minmax(0,1fr)}
  .treffer-bild{width:168px}
  .treffer-rechts{grid-column:2;grid-row:auto;flex-direction:row;align-items:center}
}
@media (max-width: 900px){
  .treffer-seite{grid-template-columns:minmax(0,1fr);gap:16px}
  .filter-knopf{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;padding:0 14px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);font:inherit;font-weight:600;cursor:pointer}
  .filter-knopf .ic{width:18px;height:18px}
  .filter-knopf .zahl{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--smaragd);color:var(--knopftext);font-size:12px;font-weight:700}
  .filter[data-offen="false"]{display:none}
  .filter{padding:4px 16px;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px}
  .filter h2{display:none}
  .wahl{min-height:44px}
}
@media (max-width: 767px){
  .suchleiste form{grid-template-columns:minmax(0,1fr)}
  .treffer-seite{padding-block:16px 0}
  .liste-flaeche{margin-inline:-16px;padding:20px 16px 32px;border-inline:0;border-radius:0;box-shadow:none}
  .liste-kopf h1{font-size:1.375rem}
  .treffer{grid-template-columns:112px minmax(0,1fr);gap:4px 14px;padding:16px 0}
  .treffer-bild{width:112px;grid-row:span 3}
  .treffer h2{margin:0 0 4px;font-size:1rem}
  .treffer-auszug{display:none}
  .treffer-meta{flex-direction:column;gap:2px;font-size:13px}
  .treffer-rechts{grid-column:2}
  .treffer-preis{font-size:1.125rem;white-space:normal}
  .treffer-rechts{flex-wrap:wrap;gap:4px 12px}
}
@media (prefers-reduced-motion: reduce){
  .merk-suche,.herz{transition:none}
  .merk-suche:active,.herz:active{transform:none}
}

/* Aus anzeige.src.html */
.krumen{padding-block:20px 8px}
.krumen ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--text2)}
.krumen li{display:inline-flex;align-items:center;gap:6px}
.krumen a{display:inline-flex;align-items:center;min-height:44px;color:var(--text2);text-decoration:underline;text-decoration-color:var(--linie);text-underline-offset:5px}
.krumen .ic{width:14px;height:14px;color:var(--feldrand)}
/* Der Mittelteil bleibt immer hell, auch wenn die Seite dunkel ist */
.inserat{color-scheme:light;
  --grund:#F4F7F6;--flaeche:#FCFDFD;--tinte:#10302A;--text2:#4B635E;
  --smaragd:#08776A;--smaragd-tief:#065E54;--knopftext:#FCFDFD;--hauch:#E1F3EE;
  --linie:#D5E2DE;--feldrand:#7C948F;--schatten:16 48 42;
  --fehler:#B42318;--gelb-hauch:#FBEFD5;--gelb-text:#7A4B00;
  color:var(--tinte);background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;box-shadow:0 1px 3px rgb(var(--schatten) / 0.06);
  display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto 1fr;gap:0 48px;align-items:start;padding:32px 32px 44px;margin-bottom:56px}
.galerie{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;margin:0;aspect-ratio:2/1}
.galerie img{display:block;width:100%;height:100%;object-fit:cover;background:var(--hauch)}
.galerie .gross{grid-row:span 2;border-radius:var(--r) 0 0 var(--r);overflow:hidden}
.galerie .klein{overflow:hidden}
.galerie .klein:nth-child(2){border-top-right-radius:var(--r)}
.galerie .klein:nth-child(3){border-bottom-right-radius:var(--r)}
.foto-zahl{margin:10px 0 0;font-size:14px;color:var(--text2)}
.rest h2{margin:40px 0 12px;font-size:1.375rem;line-height:1.2;font-weight:800;letter-spacing:-0.015em}
.beschreibung p{margin:0 0 14px;max-width:68ch;font-size:1.0625rem;line-height:1.6}
.daten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;max-width:720px}
.daten div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--linie)}
.daten dt{color:var(--text2)}
.daten dd{margin:0;font-weight:600;text-align:right}
.daten a{color:var(--smaragd);text-underline-offset:4px}
.abholung p{margin:0 0 12px;max-width:68ch;line-height:1.6}
.ortlinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.ortlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);font-weight:600;font-size:15px;text-decoration:none}
.ortlink .ic{width:18px;height:18px;color:var(--smaragd)}
.galerie-block{grid-column:1;grid-row:1}
.rest{grid-column:1;grid-row:2}
.kasse{grid-column:2;grid-row:1 / span 2;align-self:start;display:flex;flex-direction:column;gap:20px}
@media (min-height: 1000px) and (min-width: 901px){ .kasse{position:sticky;top:24px} }
.kasse-kern{padding:24px;background:var(--grund);border:1px solid var(--linie);border-radius:var(--r)}
.kasse .preis-gross{margin:0 0 6px;font-size:2.25rem;line-height:1;font-weight:800;letter-spacing:-0.025em;font-variant-numeric:tabular-nums}
.kasse h1{margin:0 0 16px;font-size:1.375rem;line-height:1.25;font-weight:700;letter-spacing:-0.01em;text-wrap:balance}
.fakten{display:flex;flex-direction:column;gap:6px;margin:0 0 20px;padding:0;list-style:none;font-size:15px;color:var(--text2)}
.fakten li{display:flex;align-items:center;gap:8px}
.fakten .ic{width:18px;height:18px;color:var(--smaragd)}
.fakten strong{color:var(--tinte);font-weight:600}
.knopf-breit{width:100%;height:52px;font-size:1.0625rem}
.zweitreihe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.zweit{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--feldrand);border-radius:var(--r);background:transparent;color:var(--tinte);font:inherit;font-weight:600;cursor:pointer;transition:transform 160ms var(--ease-out),border-color 160ms ease}
.zweit:active{transform:scale(0.97)}
.zweit.an{border-color:var(--smaragd);color:var(--smaragd)}
.schreiben{margin-top:16px;padding-top:16px;border-top:1px solid var(--linie)}
.schreiben label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--text2)}
.schreiben textarea{box-sizing:border-box;width:100%;min-height:112px;padding:12px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);font:inherit;font-size:16px;line-height:1.45;resize:vertical;caret-color:var(--smaragd)}
.schreiben textarea[aria-invalid="true"]{border-color:var(--fehler)}
.schreiben textarea:focus{outline:2px solid var(--smaragd);outline-offset:1px}
.feldfehler{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--fehler)}
.vorschlaege{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.vorschlag{min-height:44px;padding:0 12px;border:0;border-radius:var(--r);background:var(--hauch);color:var(--tinte);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:transform 140ms var(--ease-out)}
.vorschlag:active{transform:scale(0.97)}
.gesendet{display:flex;gap:10px;margin:16px 0 0;padding:14px;border-radius:var(--r);background:var(--hauch);line-height:1.45}
.gesendet .ic{width:22px;height:22px;color:var(--smaragd)}
.gesendet a{color:var(--smaragd);font-weight:600;text-underline-offset:4px}
.anbieter{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;padding:0 4px}
.avatar{display:grid;place-items:center;width:48px;height:48px;grid-row:span 2;border-radius:50%;background:var(--hauch);color:var(--smaragd);font-weight:800;font-size:1.125rem}
.anbieter-name{margin:0;font-weight:700}
.anbieter-info{margin:0;font-size:14px;color:var(--text2)}
.anbieter a{grid-column:2;display:inline-flex;align-items:center;min-height:44px;color:var(--smaragd);font-weight:600;text-underline-offset:4px}
.hinweis{display:flex;gap:12px;margin:0;padding:0 4px;font-size:14px;line-height:1.5;color:var(--text2)}
.hinweis .ic{width:22px;height:22px;color:var(--smaragd)}
.melden{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--text2);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.melden .ic{width:16px;height:16px}
.naehe{background:var(--flaeche);border-top:1px solid var(--linie)}
.leiste{display:none}
@media (hover:hover) and (pointer:fine){
  .krumen a:hover,.anbieter a:hover,.daten a:hover{text-decoration-color:currentColor}
  .ortlink:hover,.zweit:hover{border-color:var(--smaragd)}
  .vorschlag:hover{background:var(--linie)}
}
@media (max-width: 1100px){
  .inserat{grid-template-columns:minmax(0,1fr) 340px;gap:0 32px}
}
@media (max-width: 900px){
  .inserat{grid-template-columns:minmax(0,1fr)}
  .inserat{row-gap:24px}
  .galerie-block,.rest,.kasse{grid-column:1;grid-row:auto}
  .rest h2:first-child{margin-top:16px}
}
@media (max-width: 767px){
  .inserat{margin:0 -16px 0;padding:20px 16px 36px;border-inline:0;border-radius:0;box-shadow:none}
  .krumen{padding-block:8px 0}
  .galerie{aspect-ratio:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .galerie .gross,.galerie .klein{flex:0 0 88%;aspect-ratio:4/3;border-radius:var(--r);scroll-snap-align:center}
  .daten{grid-template-columns:minmax(0,1fr)}
  .kasse-kern{padding:20px 16px}
  .kasse .preis-gross{font-size:2rem}
  .fuss{padding-bottom:104px}
  .leiste{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;visibility:hidden;opacity:0;transform:translateY(100%);transition:transform 220ms var(--ease-out),opacity 220ms var(--ease-out),visibility 0s linear 220ms;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--flaeche);border-top:1px solid var(--linie)}
  .leiste.sichtbar{visibility:visible;opacity:1;transform:none;transition:transform 220ms var(--ease-out),opacity 220ms var(--ease-out)}
  .leiste-preis{margin:0;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}
  .leiste .knopf{flex:1 1 auto;height:48px}
}
@media (prefers-reduced-motion: reduce){
  .zweit,.vorschlag,.leiste,.leiste.sichtbar{transition:none}
  .zweit:active,.vorschlag:active{transform:none}
}

/* Ergänzungen für das WordPress Theme */
.sprung{position:absolute;left:16px;top:-60px;z-index:50;padding:10px 14px;border-radius:var(--r);background:var(--smaragd);color:var(--knopftext);font-weight:700;text-decoration:none}
.sprung:focus{top:12px}
.suche .knopf{height:auto;min-height:56px;padding:0 22px}
.feld select{min-width:0;height:26px;padding:0 24px 0 0;border:0;background:transparent;color:var(--tinte);font:inherit;font-size:17px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}
.feld-wahl{position:relative}
.feld-wahl .ic{position:absolute;right:12px;bottom:14px;width:16px;height:16px;color:var(--text2);pointer-events:none}
select option,select optgroup{color:#10302A;background:#FCFDFD}
.krumen-liste{padding-block:16px 0}
.liste-kopf .beschreibung-kurz{margin-top:8px;max-width:68ch}
.filter-links{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.filter-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 10px;border-radius:var(--r);color:var(--tinte);text-decoration:none;font-size:15px;font-weight:500}
.filter-links a[aria-current="page"]{background:var(--hauch);color:var(--smaragd);font-weight:700}
.filter-links .zahl{font-size:13px;font-weight:600;color:var(--text2)}
.seitenzahlen{margin-top:28px}
.seitenzahlen .nav-links{display:flex;flex-wrap:wrap;gap:6px}
.seitenzahlen .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;box-sizing:border-box;border:1px solid var(--linie);border-radius:var(--r);color:var(--tinte);text-decoration:none;font-weight:600}
.seitenzahlen .page-numbers.current{background:var(--smaragd);border-color:var(--smaragd);color:var(--knopftext)}
.seitenzahlen .screen-reader-text,.screen-reader-text{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.status-verkauft{background:#F2E4E2;color:#8A1C12}
.galerie.einzeln{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);aspect-ratio:4/3}
.galerie.einzeln .gross{grid-row:auto;border-radius:var(--r)}
.galerie.zwei{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);aspect-ratio:8/3}
.galerie.zwei .gross{grid-row:auto}
.galerie.zwei .klein:nth-child(2){border-radius:0 var(--r) var(--r) 0}
.ohne-bild{display:grid;place-items:center;width:100%;height:100%;min-height:160px;background:var(--hauch);color:var(--smaragd)}
.ohne-bild .ic{width:40px;height:40px}
.anzeige .ohne-bild{aspect-ratio:4/3;border-radius:var(--r);min-height:0}
.inhalt-seite{color-scheme:light;
  --grund:#F4F7F6;--flaeche:#FCFDFD;--tinte:#10302A;--text2:#4B635E;
  --smaragd:#08776A;--smaragd-tief:#065E54;--knopftext:#FCFDFD;--hauch:#E1F3EE;
  --linie:#D5E2DE;--feldrand:#7C948F;--schatten:16 48 42;
  color:var(--tinte);max-width:820px;margin:32px auto 64px;padding:32px 40px 44px;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;box-shadow:0 1px 3px rgb(var(--schatten) / 0.06)}
.inhalt-seite h1{margin:0 0 16px;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.15;font-weight:800;letter-spacing:-0.02em}
.inhalt-seite h2{margin:32px 0 10px;font-size:1.375rem;line-height:1.2;font-weight:800}
.inhalt-seite p,.inhalt-seite li{max-width:68ch;line-height:1.6}
.inhalt-seite a{color:var(--smaragd);text-underline-offset:4px}
.inhalt-seite .knopf{color:var(--knopftext)}
.liste-flaeche a.knopf,.inserat a.knopf{color:var(--knopftext)}
@media (max-width: 767px){
  .inhalt-seite{margin:0 -16px;padding:24px 16px 36px;border-inline:0;border-radius:0;box-shadow:none}
  .krumen-liste{padding-block:8px 0}
}
.weitere-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.weitere-fotos img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:var(--hauch)}
.beschreibung ul,.beschreibung ol{max-width:68ch;padding-left:1.25em;line-height:1.6}
.treffer-bild .ohne-bild{min-height:0}
.filter-knopf[hidden],.js-teilen[hidden]{display:none}
.regionen-liste{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}

/* Mein Bereich (aus konto.src.html) */
/* Der Mittelteil bleibt immer hell, auch wenn die Seite dunkel ist */
.bereich{color-scheme:light;
  --grund:#F4F7F6;--flaeche:#FCFDFD;--tinte:#10302A;--text2:#4B635E;
  --smaragd:#08776A;--smaragd-tief:#065E54;--knopftext:#FCFDFD;--hauch:#E1F3EE;
  --linie:#D5E2DE;--feldrand:#7C948F;--schatten:16 48 42;
  --fehler:#B42318;--gelb-hauch:#FBEFD5;--gelb-text:#7A4B00;
  color:var(--tinte)}
.konto{display:grid;grid-template-columns:256px minmax(0,1fr);gap:32px;align-items:start;padding-block:32px 72px}
@media (min-width: 1101px){ .konto{grid-template-columns:264px minmax(0,1fr);gap:40px} }
.seitenmenue{min-width:0}
.gruss{margin:0 0 4px;font-size:1.125rem;font-weight:800;letter-spacing:-0.01em}
.gruss-ort{display:flex;align-items:center;gap:6px;margin:0 0 20px;font-size:14px;color:var(--text2)}
.gruss-ort .ic{width:16px;height:16px;color:var(--smaragd)}
.menue{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.menue-knopf{white-space:nowrap;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:var(--r);background:transparent;color:var(--tinte);font:inherit;font-weight:600;text-align:left;cursor:pointer;transition:background-color 140ms ease}
.menue-knopf .ic{color:var(--text2)}
.menue-knopf .zahl{margin-left:auto;font-size:14px;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums}
.menue-knopf .neu{margin-left:auto;min-width:22px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:11px;background:var(--smaragd);color:var(--knopftext);font-size:13px;font-weight:700;line-height:22px;text-align:center}
.menue-knopf[aria-current="true"]{background:var(--hauch);color:var(--smaragd)}
.menue-knopf[aria-current="true"] .ic{color:var(--smaragd)}
.bereich{min-width:0;min-height:560px;box-sizing:border-box;padding:32px 36px 40px;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;box-shadow:0 1px 3px rgb(var(--schatten) / 0.06)}
.bereich-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.bereich h1{margin:0;font-size:2rem;line-height:1.1;font-weight:800;letter-spacing:-0.025em}
.reiter{display:flex;gap:4px;margin:0 0 8px;padding:0;border-bottom:1px solid var(--linie);overflow-x:auto;scrollbar-width:none}
.reiter-knopf{position:relative;flex:none;min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--text2);font:inherit;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums}
.reiter-knopf:focus-visible,.menue-knopf:focus-visible{outline-offset:-3px}
.reiter-knopf[aria-selected="true"]{color:var(--tinte)}
.reiter-knopf[aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--smaragd)}
.liste{margin:0;padding:0;list-style:none}
.zeile{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px 20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--linie)}
.zeile img{display:block;width:120px;height:90px;object-fit:cover;border-radius:8px;background:var(--hauch)}
.zeile-titel{margin:0 0 2px;font-weight:600;line-height:1.35}
.zeile-titel a{color:var(--tinte);text-decoration:none}
.zeile-preis{margin:0 0 6px;font-weight:800;font-variant-numeric:tabular-nums}
.zahlen{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--text2);font-variant-numeric:tabular-nums}
.zahlen li{display:inline-flex;align-items:center;gap:6px}
.zahlen .ic{width:16px;height:16px}
.status{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;border-radius:6px;background:var(--hauch);color:var(--smaragd);font-size:13px;font-weight:700;vertical-align:2px}
.status.reserviert{background:var(--gelb-hauch);color:var(--gelb-text)}
.aktionen{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.klein-knopf{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);font:inherit;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform 140ms var(--ease-out),border-color 140ms ease}
.klein-knopf .ic{width:18px;height:18px}
.klein-knopf:active{transform:scale(0.97)}
.leer-zustand{margin:24px 0 0;padding:28px;border:1px dashed var(--feldrand);border-radius:var(--r);color:var(--text2);max-width:60ch}
.leer-zustand strong{display:block;margin-bottom:4px;color:var(--tinte)}
.nachrichten{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:520px;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);overflow:hidden}
.gespraeche{margin:0;padding:6px;list-style:none;border-right:1px solid var(--linie)}
.gespraech{display:grid;grid-template-columns:48px minmax(0,1fr);gap:2px 12px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--tinte);font:inherit;text-align:left;cursor:pointer}
.gespraech img{grid-row:span 2;width:48px;height:48px;object-fit:cover;border-radius:8px}
.gespraech-kopf{display:flex;justify-content:space-between;gap:8px;font-weight:700}
.gespraech-kopf time{font-size:13px;font-weight:500;color:var(--text2);white-space:nowrap}
.gespraech-text{overflow:hidden;font-size:14px;color:var(--text2);white-space:nowrap;text-overflow:ellipsis}
.gespraech.ungelesen .gespraech-text{color:var(--tinte);font-weight:600}
.gespraech[aria-current="true"]{background:var(--hauch)}
.verlauf{display:flex;flex-direction:column;min-width:0}
.verlauf-kopf{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--linie)}
.verlauf-kopf img{width:44px;height:44px;object-fit:cover;border-radius:8px}
.verlauf-kopf p{margin:0;line-height:1.3}
.verlauf-kopf a{font-weight:700;color:var(--tinte);text-decoration:none}
.verlauf-kopf small{font-size:14px;color:var(--text2)}
.zurueck-knopf{display:none}
.blasen{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;margin:0;padding:20px 16px;list-style:none;background:var(--grund)}
.blase{max-width:min(76%,460px);padding:10px 14px;border-radius:14px;line-height:1.45}
.blase time{display:block;margin-top:4px;font-size:12px;opacity:0.8}
.blase.fremd{align-self:flex-start;background:var(--flaeche);border:1px solid var(--linie);border-bottom-left-radius:4px}
.blase.eigen time{opacity:1}
.blase.eigen{align-self:flex-end;background:var(--smaragd);color:var(--knopftext);border-bottom-right-radius:4px}
@starting-style{.blase.frisch{opacity:0;transform:translateY(6px)}}
.blase.frisch{transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}
.antwort{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--linie)}
.antwort label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.antwort input{flex:1 1 auto;min-width:0;height:44px;padding:0 12px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);font:inherit;font-size:16px}
.antwort input:focus{outline:2px solid var(--smaragd);outline-offset:1px}
.antwort .knopf{width:48px;padding:0}
.merk-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.suchen-liste .zeile{grid-template-columns:44px minmax(0,1fr) auto}
.such-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r);background:var(--hauch);color:var(--smaragd)}
.such-titel{margin:0 0 2px;font-weight:700}
.such-info{margin:0;font-size:14px;color:var(--text2)}
.schalter{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;border:0;background:transparent;color:var(--tinte);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.schalter-spur{position:relative;width:44px;height:26px;border-radius:13px;background:var(--feldrand);transition:background-color 160ms ease}
.schalter-spur::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--flaeche);box-shadow:0 1px 2px rgb(var(--schatten) / 0.3);transition:transform 180ms var(--ease-out)}
.schalter[aria-checked="true"] .schalter-spur{background:var(--smaragd)}
.schalter[aria-checked="true"] .schalter-spur::after{transform:translateX(18px)}
.einst{display:grid;gap:24px;max-width:560px}
.einst-feld label,.einst-feld .einst-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--text2)}
.einst-feld input{box-sizing:border-box;width:100%;height:48px;padding:0 12px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);font:inherit;font-size:16px}
.einst-feld input:focus{outline:2px solid var(--smaragd);outline-offset:1px}
.einst-hilfe{margin:6px 0 0;font-size:14px;color:var(--text2)}
.stufen{display:flex;flex-wrap:wrap;gap:6px}
.stufe{min-width:64px;min-height:44px;padding:0 12px;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);color:var(--text2);font:inherit;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums}
.stufe[aria-pressed="true"]{border-color:var(--smaragd);background:var(--hauch);color:var(--smaragd)}
@media (hover:hover) and (pointer:fine){
  .menue-knopf:not([aria-current="true"]):hover,.gespraech:not([aria-current="true"]):hover{background:var(--hauch)}
  .reiter-knopf:hover{color:var(--tinte)}
  .klein-knopf:hover,.stufe:not([aria-pressed="true"]):hover{border-color:var(--feldrand)}
  .zeile-titel a:hover,.verlauf-kopf a:hover{color:var(--smaragd)}
}
@media (max-width: 900px){
  .kopf .knopf .text-lang{display:none}
  .kopf .knopf{width:44px;padding:0}
}
@media (max-width: 1100px){
  .nachrichten{grid-template-columns:minmax(0,1fr);min-height:0}
  .gespraeche{border-right:0}
  .nachrichten[data-ansicht="verlauf"] .gespraeche,.nachrichten[data-ansicht="liste"] .verlauf{display:none}
  .zurueck-knopf{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-left:-8px;border:0;border-radius:var(--r);background:transparent;color:var(--tinte);cursor:pointer}
  .merk-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zeile{grid-template-columns:120px minmax(0,1fr)}
  .aktionen{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .aktionen .klein-knopf{justify-content:center;padding:0 8px}
  .aktionen .wieder{grid-column:1 / -1}
}
@media (max-width: 767px){
  .kopf .merkliste{display:none}
  .kopf .leise{position:relative}
  .kopf .neu-zahl{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;font-size:11px}
  .ich{padding:0 4px}
  .konto{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:16px 0}
  .bereich{min-height:0;margin-inline:-16px;padding:24px 16px 40px;border-inline:0;border-radius:0;box-shadow:none}
  .gruss-ort{margin-bottom:12px}
  .menue{flex-direction:row;gap:6px;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .menue-knopf{width:auto;flex:none;white-space:nowrap;border:1px solid var(--linie);background:var(--flaeche)}
  .menue-knopf .zahl,.menue-knopf .neu{margin-left:2px}
  .bereich h1{font-size:1.625rem}
  .zeile{grid-template-columns:88px minmax(0,1fr);gap:8px 14px}
  .zeile img{width:88px;height:66px}
  .merk-raster{gap:24px 12px}
  .suchen-liste .zeile{grid-template-columns:44px minmax(0,1fr)}
  .suchen-liste .schalter{grid-column:2}
}
@media (max-width: 340px){
  .kopf .ich{display:none}
}
@media (max-width: 400px){
  .kopf .ort-knopf{display:none}
  .aktionen .klein-knopf .ic{display:none}
}
@media (prefers-reduced-motion: reduce){
  .menue-knopf,.klein-knopf,.schalter-spur,.schalter-spur::after,.blase.frisch{transition:none}
  .klein-knopf:active{transform:none}
}

/* Konto Formulare */
.konto-karte{color-scheme:light;
  --grund:#F4F7F6;--flaeche:#FCFDFD;--tinte:#10302A;--text2:#4B635E;
  --smaragd:#08776A;--smaragd-tief:#065E54;--knopftext:#FCFDFD;--hauch:#E1F3EE;
  --linie:#D5E2DE;--feldrand:#7C948F;--schatten:16 48 42;--fehler:#B42318;
  color:var(--tinte);max-width:460px;margin:40px auto 72px;padding:32px 32px 28px;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;box-shadow:0 1px 3px rgb(var(--schatten) / 0.06)}
.konto-karte h1{margin:0 0 6px;font-size:1.75rem;line-height:1.15;font-weight:800;letter-spacing:-0.02em}
.konto-karte .unterzeile{margin:0 0 20px}
.formular{display:flex;flex-direction:column;gap:2px}
.formular p{margin:0 0 12px}
.feld-block{display:flex;flex-direction:column;gap:6px}
.feld-block label,.foto-liste legend,.feld-gruppe legend{font-size:14px;font-weight:600;color:var(--tinte)}
.feld-block input,.feld-block select,.feld-block textarea{box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);font:inherit;font-size:16px;caret-color:var(--smaragd)}
.feld-block textarea{min-height:160px;line-height:1.5;resize:vertical}
.feld-block input[type=file]{padding:10px;min-height:auto}
.feld-block input:focus,.feld-block select:focus,.feld-block textarea:focus{outline:2px solid var(--smaragd);outline-offset:1px}
.feld-block input:disabled{background:var(--grund);color:var(--text2)}
.feld-block small{font-size:13px;line-height:1.45;color:var(--text2)}
.feld-zeile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.feld-haken{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45}
.feld-haken input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--smaragd)}
.feld-haken a,.konto-links a,.hinweis-kasten a{color:var(--smaragd);font-weight:600;text-underline-offset:3px}
.feld-gruppe,.foto-liste{margin:8px 0 14px;padding:14px 16px 4px;border:1px solid var(--linie);border-radius:var(--r)}
.code-feld{font-size:1.75rem!important;font-weight:800;letter-spacing:0.35em;text-align:center;font-variant-numeric:tabular-nums}
.honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.konto-links{margin:14px 0 0;font-size:15px;color:var(--text2)}
.text-knopf{min-height:44px;padding:0;border:0;background:none;color:var(--smaragd);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.klein-hinweis{display:flex;gap:10px;margin:18px 0 0;font-size:14px;line-height:1.45;color:var(--text2)}
.klein-hinweis .ic{flex:none;width:20px;height:20px;color:var(--smaragd)}
.hinweis-kasten{margin:0 0 16px;padding:12px 14px;border-radius:var(--r);font-size:15px;line-height:1.45}
.hinweis-kasten.fehler{background:#FDECEA;color:#8A1C12;border:1px solid #F4C7C1}
.hinweis-kasten.ok{background:var(--hauch);color:var(--smaragd-tief);border:1px solid #BFE3D9}
.formular-breit{max-width:760px}
.formular-ende{margin-top:8px!important}
.foto-liste{display:flex;flex-wrap:wrap;gap:12px}
.foto-liste legend{padding:0 4px}
.foto-eintrag{display:flex;flex-direction:column;gap:6px;width:150px;font-size:14px}
.foto-eintrag img{display:block;width:150px;height:113px;object-fit:cover;border-radius:8px;background:var(--hauch)}
.foto-eintrag label{display:flex;align-items:center;gap:8px;min-height:32px}
.foto-eintrag input{width:18px;height:18px;accent-color:var(--smaragd)}
.aktionen form{display:inline}
.loeschen{display:inline-block;position:relative}
.loeschen summary{list-style:none;cursor:pointer}
.loeschen summary::-webkit-details-marker{display:none}
.loeschen form{display:block;margin-top:6px}
.klein-knopf.gefahr{border-color:#F4C7C1;color:#8A1C12}
.status.verkauft{background:#F2E4E2;color:#8A1C12}
.zeile .ohne-bild{width:120px;height:90px;border-radius:8px;min-height:0}
.menue form{margin:0}
.anbieter-kasten{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;align-items:center;padding:0 4px}
.anbieter-kasten .avatar{display:grid;place-items:center;width:48px;height:48px;grid-row:span 2;border-radius:50%;background:var(--hauch);color:var(--smaragd);font-weight:800;font-size:1.125rem}
.anbieter-kasten p{margin:0}
.anbieter-kasten .anbieter-name{font-weight:700}
.anbieter-kasten .anbieter-info{font-size:14px;color:var(--text2)}
@media (max-width: 767px){
  .konto-karte{margin:0 -16px;padding:24px 16px 28px;border-inline:0;border-radius:0;box-shadow:none}
  .feld-zeile{grid-template-columns:minmax(0,1fr)}
}
.feld-block[hidden]{display:none}
.menue-knopf{text-decoration:none}
.konto-karte-breit{max-width:640px}
.melde-ziel{margin:0 0 16px;padding:12px 14px;border-radius:var(--r);background:var(--grund);font-size:15px;line-height:1.45}
.melde-ziel a{color:var(--smaragd);font-weight:600;text-underline-offset:3px}
.konto-loeschen{margin-top:28px;padding-top:20px;border-top:1px solid var(--linie)}
.konto-loeschen summary{display:inline-flex;list-style:none;cursor:pointer}
.konto-loeschen summary::-webkit-details-marker{display:none}
.konto-loeschen form{margin-top:16px}
.knopf.knopf-gefahr{background:#8A1C12}
.zweit.melden{color:var(--text2);font-weight:500;text-decoration:none}
.leer-zustand .knopf{margin-top:14px}
/* 0.5.0: Preissenkung, Merken, Nachrichten */
.preis-alt{margin-right:6px;font-size:0.72em;font-weight:500;color:var(--text2);text-decoration:line-through;text-decoration-thickness:1.5px;white-space:nowrap}
.preis-neu{white-space:nowrap}
.kasse .preis-gross .preis-alt{display:block;margin:0 0 4px;font-size:1.0625rem;letter-spacing:0}
.zweitreihe .melden{grid-column:1 / -1}
.merk-form{display:contents}
.merk-form .zweit{width:100%;font:inherit;font-weight:600}
.zweit.an .ic{color:var(--smaragd)}
.eigen-hinweis{margin:16px 0 0;padding:12px 14px;border-radius:var(--r);background:var(--hauch);line-height:1.45}
.eigen-hinweis a{color:var(--smaragd);font-weight:600;text-underline-offset:3px}
.js-nachricht-form .schreiben{margin-top:16px}
.kopf-zahl{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--smaragd);color:var(--knopftext);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.gespraech{text-decoration:none}
.gespraech .ohne-bild{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--hauch);color:var(--smaragd)}
.verlauf-kopf .ohne-bild{display:none}
.verlauf-kopf p{flex:1 1 auto;min-width:0}
.verlauf-melden{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:var(--r);color:var(--text2);font-size:14px;font-weight:600;text-decoration:none}
.verlauf-melden .ic{width:16px;height:16px}
.verlauf-leer{margin:auto;padding:40px 20px;color:var(--text2);text-align:center}
.antwort{align-items:flex-end}
.antwort textarea{flex:1 1 auto;min-width:0;min-height:44px;max-height:180px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche);color:var(--tinte);font:inherit;font-size:16px;line-height:1.4;resize:vertical;field-sizing:content}
.antwort textarea:focus{outline:2px solid var(--smaragd);outline-offset:1px}
.antwort .knopf{flex:none;height:44px}
.antwort-hinweis{margin:0;padding:0 16px 14px;font-size:13px;color:var(--text2)}
.blase{white-space:normal;overflow-wrap:anywhere}
.nachricht-ziel{margin:0 0 4px;padding:12px 0;border-bottom:0}
.nachricht-ziel img{width:56px;height:56px}
@media (max-width: 767px){
  .nachrichten .zurueck-knopf{display:grid}
  .nachrichten[data-ansicht="liste"] .verlauf{display:none}
}
@media (min-width: 768px){
  .nachrichten .zurueck-knopf{display:none}
}
.js-nachricht-start{box-sizing:border-box;width:100%;margin-top:16px}
.js-nachricht-start[hidden],.js-nachricht-form[hidden],.js-vorschlaege[hidden]{display:none!important}
.gespraech{box-sizing:border-box}
@media (max-width: 767px){
  .aktionen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aktionen form,.aktionen details{display:block;min-width:0}
  .aktionen form .klein-knopf,.aktionen details summary.klein-knopf,.aktionen > .klein-knopf{width:100%;box-sizing:border-box;white-space:normal;text-align:center}
  .verlauf-kopf img{display:none}
  .verlauf-kopf p{font-size:15px}
}
/* Kategorieauswahl wie im Entwurf */
.kat-wahl{position:relative}
.kat-wahl select.sr{pointer-events:none}
.kat-ausloeser{display:flex;align-items:center;gap:8px;width:100%;min-width:0;margin:0;padding:2px 0;border:0;background:transparent;font:inherit;font-size:17px;color:var(--tinte);text-align:left;cursor:pointer;outline:none}
.sfeld .kat-ausloeser{font-size:16px;padding:0}
.kat-ausloeser-icon{flex:none;width:20px;height:20px;color:var(--smaragd)}
.kat-ausloeser-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kat-ausloeser .auswahl-pfeil{flex:none;width:18px;height:18px;color:var(--text2);transition:transform 160ms var(--ease-out)}
.kat-ausloeser[aria-expanded="true"] .auswahl-pfeil{transform:rotate(180deg)}
.kat-wahl:focus-within{outline:2px solid var(--smaragd);outline-offset:1px}
.aufklapp{position:absolute;top:calc(100% + 8px);z-index:20;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);box-shadow:0 2px 6px rgb(var(--schatten) / 0.08),0 16px 36px -14px rgb(var(--schatten) / 0.38);color:var(--tinte);text-align:left;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out)}
@starting-style{.aufklapp{opacity:0;transform:scale(0.97) translateY(-4px)}}
.kat-pop{left:-1px;width:min(720px,calc(100vw - 48px));display:flex;max-height:min(86vh,720px);transform-origin:top left}
.kat-haupt{flex:0 0 272px;display:flex;flex-direction:column;gap:2px;padding:8px;overflow:auto;border-right:1px solid var(--linie)}
.kat-sub{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:2px 8px;padding:12px 12px 12px 16px;overflow:auto}
.kat-sub-titel{grid-column:1 / -1;margin:4px 0 6px;font-size:13px;font-weight:600;color:var(--text2)}
.kat-option,.kat-unter,.kat-zurueck{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px 6px 6px;border:0;border-radius:7px;background:transparent;font:inherit;font-size:15px;font-weight:500;line-height:1.25;color:var(--tinte);text-align:left;cursor:pointer}
.kat-unter{padding:6px 10px}
.kat-haupt .kat-option{padding-block:4px}
.kat-zurueck{display:none}
.kat-unter.alle{grid-column:1 / -1;font-weight:700}
.kat-option:focus-visible,.kat-unter:focus-visible,.kat-zurueck:focus-visible{outline:2px solid var(--smaragd);outline-offset:-2px}
.kat-option-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:7px;background:var(--hauch);color:var(--smaragd)}
.kat-option-icon .ic{width:20px;height:20px}
.kat-option-name{flex:1 1 auto;min-width:0}
.kat-mehr{flex:none;width:16px;height:16px;color:var(--text2)}
.kat-mehr.ohne{visibility:hidden}
.kat-option.zeigt{background:var(--hauch);box-shadow:inset 3px 0 0 var(--smaragd)}
.kat-option.aktiv,.kat-unter.aktiv{background:var(--hauch);font-weight:700;color:var(--smaragd)}
.kat-option.aktiv .kat-option-icon{background:var(--flaeche)}
@media (hover:hover) and (pointer:fine){
  .kat-option:not(.aktiv):hover,.kat-unter:not(.aktiv):hover,.kat-zurueck:hover{background:var(--hauch)}
  .kat-option,.kat-unter{min-height:40px}
}
@media (max-width: 767px){
  .kat-pop{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:60;width:auto;max-height:78vh;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);transform-origin:bottom center}
  @starting-style{.kat-pop{opacity:1;transform:translateY(24px)}}
  .kat-haupt,.kat-sub{flex:1 1 auto;border-right:0}
  .kat-sub{grid-template-columns:minmax(0,1fr);padding:8px}
  .kat-pop[data-ebene="haupt"] .kat-sub,.kat-pop[data-ebene="unter"] .kat-haupt{display:none}
  .kat-zurueck{display:flex;font-weight:600;color:var(--smaragd)}
  .kat-zurueck .ic{width:18px;height:18px}
  .kat-sub-titel{margin:8px 10px 4px}
  .kat-option,.kat-unter{min-height:44px}
}
@media (prefers-reduced-motion: reduce){
  .aufklapp,.kat-ausloeser .auswahl-pfeil{transition:none}
}
.feld-wahl.kat-wahl .kat-ausloeser .ic,.sfeld-wahl.kat-wahl .kat-ausloeser .ic,.kat-wahl .aufklapp .ic{position:static;right:auto;bottom:auto;pointer-events:auto}
.feld-wahl.kat-wahl .kat-ausloeser .kat-ausloeser-icon,.sfeld-wahl.kat-wahl .kat-ausloeser .kat-ausloeser-icon{width:20px;height:20px;color:var(--smaragd)}
.kat-wahl .aufklapp .kat-option-icon .ic{width:20px;height:20px}
.kat-wahl .aufklapp .kat-mehr{width:16px;height:16px}
.kat-wahl .aufklapp .kat-zurueck .ic{width:18px;height:18px}
/* 0.6.0: Auswahllisten einheitlich hoch, Inseratmaske */
.feld-block select{appearance:none;-webkit-appearance:none;height:48px;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%234B635E' d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}
.feld-block input:not([type=checkbox]):not([type=radio]):not([type=file]){height:48px}
.inserat-form{max-width:760px;gap:0}
.inserat-teil{margin:0 0 20px;padding:24px 24px 8px;border:1px solid var(--linie);border-radius:14px;background:var(--flaeche)}
.inserat-teil h2{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:1.25rem;line-height:1.2;font-weight:800;letter-spacing:-0.01em}
.schritt{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--hauch);color:var(--smaragd);font-size:15px;font-weight:800}
.zaehler{float:right;font-size:13px;font-weight:500;color:var(--text2);font-variant-numeric:tabular-nums}
.feld-hinweis{margin:10px 0 16px!important;font-size:13px;line-height:1.45;color:var(--text2)}
.js-kat-feld .kat-ausloeser{box-sizing:border-box;min-height:48px;padding:0 12px;border:1px solid var(--feldrand);border-radius:var(--r);background:var(--flaeche);font-size:16px}
.js-kat-feld .kat-ausloeser.leer .kat-ausloeser-text{color:var(--text2)}
.js-kat-feld.kat-wahl:focus-within{outline:0}
.js-kat-feld .kat-ausloeser:focus-visible{outline:2px solid var(--smaragd);outline-offset:1px}
.js-kat-feld .kat-pop{top:calc(100% + 6px)}
.feld-block.kat-wahl .kat-ausloeser .ic{position:static}
/* Auswahl als Pillen */
.wahl-gruppe{margin:0 0 16px;padding:0;border:0}
.wahl-gruppe legend{margin:0 0 8px;padding:0;font-size:14px;font-weight:600;color:var(--tinte)}
.wahl-reihe{display:flex;flex-wrap:wrap;gap:8px}
.wahl-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pille{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--feldrand);border-radius:999px;background:var(--flaeche);color:var(--tinte);font-size:15px;font-weight:600;cursor:pointer;transition:background-color 140ms ease,border-color 140ms ease,transform 120ms var(--ease-out)}
.pille:active{transform:scale(0.97)}
.wahl-input:checked + .pille{border-color:var(--smaragd);background:var(--hauch);color:var(--smaragd)}
.wahl-input:focus-visible + .pille{outline:2px solid var(--smaragd);outline-offset:2px}
/* Betrag mit Eurozeichen */
.betrag{position:relative;display:block;max-width:240px}
.betrag input{width:100%;padding-right:40px!important;font-size:18px!important;font-weight:700;font-variant-numeric:tabular-nums}
.betrag-zeichen{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--text2)}
/* Fotos */
.foto-input{position:absolute;opacity:0;width:1px;height:1px}
.foto-zone{position:relative}
.foto-ablage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:168px;padding:24px;box-sizing:border-box;border:2px dashed var(--feldrand);border-radius:14px;background:var(--grund);color:var(--text2);text-align:center;cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease}
.foto-ablage .ic{width:28px;height:28px;padding:10px;border-radius:50%;background:var(--flaeche);color:var(--smaragd);box-shadow:0 1px 3px rgb(var(--schatten) / 0.12)}
.foto-ablage strong{font-size:16px;color:var(--tinte)}
.foto-ablage span{font-size:13px;line-height:1.45}
.foto-zahl{font-weight:600;color:var(--smaragd)}
.foto-zone.drueber .foto-ablage,.foto-input:focus-visible + .foto-ablage{border-color:var(--smaragd);background:var(--hauch)}
.foto-zone.laedt .foto-ablage{opacity:0.6;cursor:progress}
.foto-zone.hat-fotos .foto-ablage{min-height:96px;flex-direction:row;flex-wrap:wrap}
.foto-zone.hat-fotos .foto-ablage span:not(.foto-zahl){display:none}
.foto-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin:0 0 12px;padding:0;list-style:none}
.foto-zone .foto-raster{margin:12px 0 0}
.foto-raster:empty{display:none}
.foto-kachel{position:relative;margin:0;border-radius:10px;overflow:hidden;background:var(--grund);box-shadow:0 0 0 1px var(--linie)}
.foto-kachel img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.foto-kachel.haupt{box-shadow:0 0 0 2px var(--smaragd)}
.foto-kachel.weg img{opacity:0.35}
.foto-marke{display:none;position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:var(--smaragd);color:var(--knopftext);font-size:12px;font-weight:700}
.foto-kachel.haupt .foto-marke{display:block}
.foto-knoepfe{display:flex;gap:4px;padding:6px}
.foto-knopf{flex:1 1 0;min-height:36px;padding:0 6px;border:1px solid var(--linie);border-radius:7px;background:var(--flaeche);color:var(--tinte);font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.foto-knopf.weg{color:#8A1C12}
.wahl-input:checked + .foto-knopf{border-color:var(--smaragd);background:var(--hauch);color:var(--smaragd)}
.wahl-input:checked + .foto-knopf.weg{border-color:#F4C7C1;background:#FBEDEB;color:#8A1C12}
.foto-kachel.haupt .foto-knoepfe label[for^="haupt-"]{display:none}
/* Ortssuche */
.ort-suche{position:relative}
.ort-eingabe{position:relative;display:block}
.ort-eingabe .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--smaragd);pointer-events:none}
.ort-eingabe input{width:100%;padding-left:42px!important}
.ort-suche.gewaehlt .ort-eingabe input{border-color:var(--smaragd);background:var(--hauch)}
.ort-liste{position:absolute;left:0;right:0;top:78px;z-index:30;max-height:min(60vh,420px);overflow:auto;margin:0;padding:6px;list-style:none;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);box-shadow:0 2px 6px rgb(var(--schatten) / 0.08),0 16px 36px -14px rgb(var(--schatten) / 0.38)}
.ort-liste[hidden]{display:none}
.ort-liste .wo-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px 6px 6px;border-radius:7px;cursor:pointer}
.ort-liste .wo-option.aktiv,.ort-liste .wo-option:hover{background:var(--hauch)}
.ort-liste .kat-option-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:7px;background:var(--hauch);color:var(--smaragd)}
.ort-liste .kat-option-icon .ic{position:static;width:18px;height:18px}
.ort-liste .wo-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ort-liste .wo-name{font-size:15px;font-weight:600}
.ort-liste .wo-art{font-size:13px;color:var(--text2)}
.js-ort-hinweis:empty{display:none}
.js-ort-hinweis{color:var(--smaragd)!important;font-weight:600}
.inserat-senden{position:sticky;bottom:0;z-index:5;margin:0!important;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--flaeche) 70%,transparent)}
@media (max-width: 767px){
  .inserat-teil{padding:18px 16px 4px;border-radius:12px}
  .inserat-teil h2{font-size:1.125rem}
  .foto-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion: reduce){
  .pille,.foto-ablage{transition:none}
}

.kasse .preis-gross,.zeile-preis,.leiste-preis,.treffer-preis,.preis{font-variant-numeric:normal}
.foto-raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.foto-knoepfe{flex-wrap:wrap}
.foto-knopf{font-size:12px;min-height:32px}
.inserat-senden{position:static;padding:8px 0 0;background:none}
@media (max-width: 767px){
  .inserat-senden{position:sticky;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--flaeche) 70%,transparent)}
}
/* Gewerbliche Anbieter */
.js-gewerbe-felder[hidden]{display:none!important}
.gewerbe-felder{display:flex;flex-direction:column;gap:2px}
.gewerbe-info{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text2)}
.optional{font-weight:500;color:var(--text2);font-size:13px}
.wahl-hinweis{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:var(--text2)}
.anbieter-art{font-weight:600;color:var(--smaragd)}
.anbieter-impressum{margin:10px 0 0;padding:12px 14px;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);font-size:14px;line-height:1.5}
.anbieter-impressum summary{cursor:pointer;font-weight:600;color:var(--tinte)}
.anbieter-impressum address{margin:10px 0 0;font-style:normal;color:var(--tinte)}
.anbieter-zusatz{margin-top:10px;color:var(--text2);overflow-wrap:anywhere}
.anbieter-zusatz p{margin:0 0 8px}
.anbieter-recht{margin:10px 0 0;font-size:13px;color:var(--text2)}
a.zweit{text-decoration:none}
.anbieter-recht.privat{margin:8px 0 0}

/* 0.4.2 Ortsauswahl: Bundesland, Landkreis, Ort */
.kat-unter.kreis{grid-column:1 / -1;margin-top:6px;font-size:14px;font-weight:700;color:var(--text2)}
.kat-unter.kreis.aktiv{color:var(--smaragd)}
.kat-unter.alle + .kat-unter.kreis{margin-top:2px}
@media (min-width: 768px){.kat-pop.rechts{left:auto;right:-1px;transform-origin:top right}}