/* =========================================================================
   hautconcept - Dermokosmetisches Fachinstitut, Pegau.

   Design Read: lokale Premium-Service-Website für Bestands- und Neukundinnen.
   Ruhige dermokosmetische Vertrauenssprache, natives CSS/JS, dunkle Foto-Bühne,
   klarer Fokus auf echte Bilder aus dem Institut.
   Regler: Varianz 7, Bewegung 5, Dichte 4.

   Regeln aus ANWEISUNG-NEU:
   - keine externen Schriften, keine Stockbilder, keine Textanimationen
   - Google-Karte nur über data-src und Cookie-Einwilligung
   - ein Akzent, ein Radius-System, Navigation unter 80 px
   ========================================================================= */

@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url('assets/schrift/bricolage-grotesque-600-x.woff2?v=20260806b') format('woff2');}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url('assets/schrift/bricolage-grotesque-800-x.woff2?v=20260806b') format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url('assets/schrift/karla-400.woff2?v=20260806b') format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:500;font-display:swap;src:url('assets/schrift/karla-500.woff2?v=20260806b') format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;src:url('assets/schrift/karla-700.woff2?v=20260806b') format('woff2');}

:root{
  --grund:#111316;
  --band:#171a1d;
  --flaeche:#202326;
  --flaeche-2:#262a2d;
  --tinte:#f4f0ed;
  --leise:#c7bbb4;
  --muted:#938880;
  --akzent:#e40054;
  --akzent-hell:#ff6d9a;
  --akzent-txt:#ff8ab0;
  --akzent-auf:#fff7fa;
  --linie:rgba(244,240,237,.13);
  --linie-2:rgba(244,240,237,.25);
  --display:'Bricolage Grotesque',system-ui,-apple-system,sans-serif;
  --body:'Karla',system-ui,-apple-system,sans-serif;
  --radius:6px;
  --rand:clamp(1.1rem,4.8vw,4.5rem);
  --luft:clamp(4.6rem,8vw,7.5rem);
  --breite:82rem;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:5.2rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--tinte);font-family:var(--body);font-size:clamp(1rem,.96rem + .22vw,1.07rem);line-height:1.68;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(228,0,84,.08),transparent 32%,rgba(255,255,255,.025));z-index:-1}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,p,figure,dl,dd,blockquote{margin:0}
ul,ol{margin:0}
button,input,textarea,select{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.018em;line-height:1.05;text-wrap:balance}
p{text-wrap:pretty}
strong{font-weight:700;color:var(--tinte)}
:focus-visible{outline:2px solid var(--akzent-hell);outline-offset:3px;border-radius:3px}

.innen{width:100%;max-width:var(--breite);margin-inline:auto;padding-inline:var(--rand)}
.abschnitt{padding-block:var(--luft);position:relative}
.band{background:var(--band)}
.nur-vorlesen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a.sprung:focus{position:fixed;left:.7rem;top:.7rem;z-index:100;width:auto;height:auto;margin:0;clip:auto;overflow:visible;background:var(--akzent);color:var(--akzent-auf);padding:.7rem 1rem;border-radius:var(--radius);font-weight:700}

.schild{display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1.1rem;font-weight:700;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--akzent-hell)}
.schild::before{content:"";width:1.8rem;height:1px;background:currentColor}
.titel{font-size:clamp(2rem,1.25rem + 3vw,3.7rem);margin-bottom:1rem}
.lead{font-size:clamp(1.05rem,1rem + .45vw,1.24rem);color:var(--leise);max-width:58ch;line-height:1.58}
.lang{color:var(--leise);max-width:64ch}
.fussnote,.fuss-note{color:var(--muted);font-size:.84rem;line-height:1.55;margin-top:1.1rem}
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.78rem 1.45rem;border-radius:999px;border:1px solid var(--akzent);background:var(--akzent);color:var(--akzent-auf);text-decoration:none;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .18s,border-color .18s,transform .12s,color .18s}
.knopf:hover{background:var(--akzent-hell);border-color:var(--akzent-hell);color:#25000d}
.knopf:active{transform:translateY(1px)}
.knopf--linie,.knopf--geist{background:transparent;border-color:var(--linie-2);color:var(--tinte)}
.knopf--linie:hover,.knopf--geist:hover{background:var(--tinte);border-color:var(--tinte);color:var(--grund)}
.knopf-reihe{margin-top:2rem}
.textlink{display:inline-flex;margin-top:1.35rem;color:var(--akzent-hell);font-weight:700;text-underline-offset:4px}

.kopf{position:sticky;top:0;z-index:70;background:rgba(17,19,22,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--linie)}
.kopf__reihe{display:flex;align-items:center;gap:1rem;min-height:68px}
.marke{display:flex;align-items:center;gap:.6rem;margin-right:auto;text-decoration:none;min-width:0}
.marke img{width:42px;height:auto;object-fit:contain}
.marke span{font-family:var(--display);font-weight:800;font-size:1.1rem;letter-spacing:-.01em}
.kopf__nav{display:flex;align-items:center;gap:clamp(.55rem,1.7vw,1.45rem);flex-wrap:nowrap}
.kopf__nav a{font-size:.79rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--leise);padding:.45rem 0}
.kopf__nav a:hover,.kopf__nav a[aria-current="page"]{color:var(--tinte)}
.kopf__nav a.kopf__ruf{background:var(--akzent);border:1px solid var(--akzent);color:var(--akzent-auf);padding:.58rem 1.05rem;border-radius:999px}
.kopf__nav a.kopf__ruf:hover{background:var(--akzent-hell);color:#25000d}
.nav-schalter{position:absolute;opacity:0;pointer-events:none}
.nav-knopf{display:none}
@media (max-width:880px){
  .kopf__reihe{flex-wrap:wrap;min-height:62px;padding-block:.65rem}
  .nav-knopf{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;border:1px solid var(--linie-2);border-radius:var(--radius);padding:9px 8px}
  .nav-strich{height:2px;background:var(--tinte)}
  .kopf__nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:.7rem}
  .kopf__nav a{padding:.86rem 0;border-bottom:1px solid var(--linie)}
  .kopf__nav a.kopf__ruf{text-align:center;margin-top:.8rem;border-bottom:0}
  .nav-schalter:checked ~ .kopf__nav{display:flex}
}

.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(88vh,760px);display:flex;align-items:flex-end;padding-block:clamp(6rem,16vh,9rem) clamp(3rem,7vw,5rem);border-bottom:1px solid var(--linie)}
.hero__bild{position:absolute;inset:0;z-index:-2;margin:0}
.hero__bild img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.8)}
.hero__schleier{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,19,22,.96),rgba(17,19,22,.88) 42%,rgba(17,19,22,.54) 72%,rgba(17,19,22,.33)),linear-gradient(0deg,var(--grund),rgba(17,19,22,.42) 42%,transparent)}
.hero h1{font-size:clamp(2.25rem,1.18rem + 4vw,4.45rem);max-width:22ch;margin-bottom:1.1rem;text-wrap:nowrap}
.hero .lead{max-width:44ch}
.hero__tat{margin-top:2rem}
@media (max-width:700px){
  .hero{min-height:min(90vh,720px)}
  .hero__bild img{object-position:62% center}
  .hero__schleier{background:linear-gradient(90deg,rgba(17,19,22,.95),rgba(17,19,22,.85)),linear-gradient(0deg,var(--grund),rgba(17,19,22,.35))}
  .hero h1{text-wrap:balance;max-width:13ch}
}

.subhero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(340px,52vh,560px);display:flex;align-items:flex-end;padding-block:clamp(6rem,14vh,8rem) clamp(2.4rem,6vw,4rem);border-bottom:1px solid var(--linie)}
.subhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:saturate(.82)}
.subhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,19,22,.94),rgba(17,19,22,.73) 56%,rgba(17,19,22,.38)),linear-gradient(0deg,var(--grund),transparent 50%);z-index:-1}
.subhero h1{font-size:clamp(2.1rem,1.25rem + 3.2vw,4rem);max-width:17ch;margin-bottom:1rem}

.finder{display:grid;gap:2rem}
/* Ansage 05.08.2026: die fuenf Knoepfe nebeneinander, die Antwort darunter
   und genau so breit wie die Knopfreihe. Vorher stand die Antwort als
   schmale Spalte rechts daneben — dadurch waren die Knoepfe nur halb so
   breit wie der Platz und die Antwort brach staendig um. */
.finder__feld{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}
.finder__wahl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}
.finder__wahl button,.wahl button,.zeitwahl button{min-height:48px;border:1px solid var(--linie-2);border-radius:var(--radius);background:var(--flaeche);color:var(--leise);font-weight:700;padding:.8rem .9rem;text-align:left;transition:border-color .18s,background .18s,transform .18s,color .18s}
.finder__wahl button:hover,.wahl button:hover:hover,.zeitwahl button:hover{border-color:var(--akzent-hell);color:var(--tinte);transform:translateY(-1px)}
.finder__wahl button[aria-pressed="true"],.wahl button[aria-pressed="true"],.zeitwahl button[aria-pressed="true"]{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-auf)}
.finder__antwort{align-self:start;border:1px solid var(--linie);background:linear-gradient(145deg,var(--flaeche),rgba(228,0,84,.12));border-radius:var(--radius);padding:1.3rem}
.finder__antwort h3{font-size:1.25rem;margin-bottom:.55rem}
.finder__antwort p{color:var(--leise)}
.finder__antwort a{color:var(--akzent-hell);font-weight:700;text-underline-offset:3px}

.zug{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}
.zug--umgekehrt{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
.zug__text p + p{margin-top:1rem}
.bildblock{border-radius:var(--radius);overflow:hidden;background:var(--flaeche)}
.bildblock img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.82)}
.bildblock figcaption{padding:.95rem 1rem;color:var(--muted);font-size:.86rem;line-height:1.45;border-top:1px solid var(--linie)}

.leistungsraster{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) minmax(0,.85fr);gap:1rem;margin-top:2.4rem}
.leistung{border:1px solid var(--linie);background:var(--flaeche);border-radius:var(--radius);overflow:hidden;min-width:0}
.leistung img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.75)}
.leistung h3{font-size:1.28rem;margin:1.1rem 1.1rem .45rem}
.leistung p{color:var(--leise);padding:0 1.1rem 1.25rem}

.zahlenband{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.zahlenband div{border-top:1px solid var(--linie-2);padding-top:1.1rem}
.zahlenband dt{color:var(--leise);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.zahlenband dd{font-family:var(--display);font-size:clamp(2.5rem,6vw,5rem);line-height:1;color:var(--akzent-hell);margin-top:.45rem}
.zahlenband small{display:block;color:var(--muted);font-size:.86rem;margin-top:.45rem}

.einblick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(1.5rem,5vw,4rem);align-items:end}
.einblick__bild{margin:0;border-radius:var(--radius);overflow:hidden}
.einblick__bild img{aspect-ratio:16/11;width:100%;object-fit:cover;filter:saturate(.78)}
.zitat{font-family:var(--display);font-size:clamp(1.8rem,1.2rem + 2.1vw,3rem);line-height:1.12}
.zitat footer{font-family:var(--body);font-size:.9rem;color:var(--muted);line-height:1.5;margin-top:1rem}

.kontaktteaser__innen{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.46fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}
.kontaktkarte{border:1px solid var(--linie);background:var(--flaeche);border-radius:var(--radius);padding:1.35rem}
.kontaktkarte p + p{margin-top:1rem}
.kontaktkarte .knopf{margin-top:1.4rem;width:100%}
.kontaktkarte a:not(.knopf),.infoliste a{display:inline-flex;align-items:center;min-height:24px;color:var(--akzent-hell);text-underline-offset:3px}

.seitenzug{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;margin-top:clamp(3rem,7vw,5rem)}
.seitenzug:first-child{margin-top:0}
.seitenzug:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
.seitenzug:nth-child(even) .seitenzug__bild{order:-1}
.seitenzug__text p + p{margin-top:1rem}
.punkte{display:grid;gap:.65rem;padding:0;list-style:none;margin-top:1.1rem;color:var(--leise)}
.punkte li{position:relative;padding-left:1.05rem}
.punkte li::before{content:"";position:absolute;left:0;top:.72em;width:.35rem;height:.35rem;background:var(--akzent-hell);border-radius:50%}

.servicegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem}
.servicegrid article{border:1px solid var(--linie);background:var(--flaeche);border-radius:var(--radius);padding:1.15rem}
.servicegrid h3{font-size:1.08rem;margin-bottom:.45rem}
.servicegrid p{color:var(--leise);font-size:.95rem}

.quote-band{padding-block:clamp(3.5rem,7vw,5.5rem);background:var(--band)}
.quote-band blockquote{max-width:58rem}

.pflegeweg{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem}
.pflegeweg::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--linie)}
.pflegeweg__linie{position:absolute;left:0;top:0;height:1px;width:100%;background:var(--akzent-hell);transform-origin:left center;transform:scaleX(0)}
.pflegeweg li{list-style:none;padding-top:1.2rem;color:var(--leise)}
.pflegeweg h3{font-size:1.1rem;color:var(--tinte);margin-bottom:.45rem}

.formularbereich{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}
/* Formularfelder. Diese Regeln standen zusammen mit dem Einzugsgebiet-Prüfer
   in einer Selektorliste (`.plz input,.feld input,…`). Beim Entfernen des
   Prüfers am 05.08.2026 sind sie mitgegangen — Beschriftung und Feld standen
   danach nebeneinander, die Eingaben waren weiße Kästchen ohne Breite.
   Wer eine Selektorliste kürzt, muss die anderen Selektoren behalten. */
.feld label,.zeit-label{display:block;font-weight:700;margin-bottom:.45rem}
.feld input,.feld textarea,.feld select{width:100%;min-height:48px;
  border:1px solid var(--linie-2);border-radius:var(--radius);
  background:var(--grund);color:var(--tinte);padding:.8rem .9rem}
.feld textarea::placeholder{color:#9f938c}

.formular{display:grid;gap:1rem;border:1px solid var(--linie);background:var(--flaeche);border-radius:var(--radius);padding:1.25rem}
.zeitwahl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.formhinweis{color:var(--muted);font-size:.86rem}
.infoliste{display:grid;gap:1rem;list-style:none;padding:0;margin-top:1.1rem}
.infoliste li{border-top:1px solid var(--linie);padding-top:1rem;color:var(--leise)}
.infoliste strong{display:block;color:var(--tinte);margin-bottom:.25rem}

.kartenband{padding-top:clamp(3.5rem,7vw,6rem);background:var(--grund)}
.karte{position:relative;height:clamp(280px,38vw,460px);background:var(--flaeche);overflow:hidden;border-top:1px solid var(--linie)}
.karte iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.karte__sperre{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,var(--flaeche),#141719)}
.ks-frei .karte__sperre{display:none}
.karte__kasten{max-width:42rem;text-align:center}
.karte__wo{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.08}
.karte__grund,.karte__klein{color:var(--leise);margin-top:1rem}
.karte__klein{font-size:.85rem;color:var(--muted)}
.karte__reihe{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.4rem}

.prosa{max-width:74ch;color:var(--leise)}
.prosa h1,.prosa h2{color:var(--tinte);margin-top:2.2rem;margin-bottom:.8rem}
.prosa h1:first-child,.prosa h2:first-child{margin-top:0}
.prosa p + p{margin-top:1rem}
.prosa ul{margin-top:1rem;padding-left:1.2rem}
.prosa a{color:var(--akzent-hell);text-underline-offset:3px}
.hinweis{border:1px solid var(--linie);background:var(--flaeche);border-radius:var(--radius);padding:1.2rem;color:var(--leise);margin-top:1.4rem}

.auf{opacity:1}
.js .auf{opacity:0;transform:translateY(18px)}
.js .auf.da{opacity:1;transform:translateY(0);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}

.fuss{border-top:1px solid var(--linie);background:#0e1012;color:var(--leise);padding-block:2rem}
.fuss__gitter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:start}
.fuss strong{font-family:var(--display);font-size:1.1rem;color:var(--tinte)}
.fuss p{max-width:36ch;margin-top:.4rem}
.fuss nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:flex-end}
.fuss a,.fuss button{color:var(--leise);font-size:.9rem;text-decoration:none;min-height:28px}
.fuss a:hover,.fuss button:hover{color:var(--tinte)}
.fuss__cookie{padding:0;text-align:left}

@media (max-width:1020px){
  .finder__feld,.zug,.zug--umgekehrt,.einblick,.kontaktteaser__innen,.seitenzug,.seitenzug:nth-child(even),.formularbereich{grid-template-columns:minmax(0,1fr)}
  .seitenzug:nth-child(even) .seitenzug__bild{order:0}
  .finder__antwort{position:static}
  .finder__wahl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .leistungsraster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .servicegrid,.pflegeweg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .abschnitt{padding-block:clamp(3.5rem,12vw,5rem)}
  .finder__wahl,.leistungsraster,.zahlenband,.servicegrid,.pflegeweg,.zeitwahl{grid-template-columns:minmax(0,1fr)}
  .fuss__gitter{grid-template-columns:minmax(0,1fr)}
  .fuss nav{justify-content:flex-start;flex-direction:column}
  .knopf{width:100%}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .js .auf{opacity:1;transform:none}
  .pflegeweg__linie{transform:scaleX(1)}
}

/* Regel 10 (05.08.2026): Bilder in gleichartigen Kacheln haben dieselbe Höhe.
   Das Leistungsraster hat bewusst ungleiche Spalten (1.2fr .85fr .85fr). Mit
   `aspect-ratio:16/10` wurde das Bild der breiten Kachel dadurch 294 px hoch,
   die beiden anderen 208 px — gemessen bei 1440 px. Die Spaltenbreiten bleiben,
   die Bildhöhe wird fest. */
.leistung img{ aspect-ratio:auto; height:clamp(190px, 15vw, 230px); }

/* ── Behandlungen zum Aufklappen (ergänzt 05.08.2026) ─────────────────
   Die bisherige Website hat für jede Medical-Beauty-Behandlung eine eigene
   Seite mit 1.000 bis 3.100 Zeichen. Diese Texte standen hier nicht; die
   Seite trug Einzeiler. Acht ausführliche Beschreibungen untereinander
   wären eine Textwand — deshalb geklappt. `<details>` arbeitet ohne
   JavaScript, die Texte bleiben also auch ohne Skript erreichbar.
   Kein `display` auf dem Kind des geschlossenen `<details>`: Chromium gibt
   ihm sonst einen Kasten in voller Grösse, und Messwerkzeuge sehen dort
   Überlappungen. */
.klapp{border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);
  margin-top:.7rem;overflow:hidden}
.klapp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;
  gap:.9rem;padding:1rem 1.2rem;min-height:48px;font-weight:600;font-size:1.05rem;
  color:var(--tinte)}
.klapp>summary::-webkit-details-marker{display:none}
.klapp>summary::after{content:"+";margin-left:auto;color:var(--akzent-txt);
  font-size:1.4rem;line-height:1}
.klapp[open]>summary::after{content:"–"}
.klapp>summary:hover{background:var(--flaeche-2)}
.klapp__inhalt{padding:0 1.2rem 1.3rem}
.klapp[open]>.klapp__inhalt{display:grid;gap:.85rem}
.klapp__inhalt p{color:var(--leise)}
.klapp .preisliste{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.1rem}
.klapp .preisliste li{display:flex;justify-content:space-between;gap:1rem;
  border-bottom:1px solid var(--linie);padding:.6rem 0}
.klapp .preisliste li:last-child{border-bottom:0}
.klapp .preisliste b{color:var(--akzent-txt);white-space:nowrap}