/* Öffentliche Seiten · Startseite V-1 aus ideas/firmenaapp/r5 (Wahl des Inhabers RPE-101), Einbau 12.10.2026.
   Kopf KZ-1 mit Logo L5-2, Startbild K-1f1a (scharfe Fotos nur im Fenster .h5t, Text nie darin), Ablauf D-12/D-7,
   Vorschlag P-2c, Bausteine D-8, Referenzen A1-9, Pakete, Anfrage. Lädt nach style.css und überschreibt nur unter .pub.
   Farben nur aus tokens.css (.pub: V-1 dunkel, V-2 hell). Bewegung nur unter html.mo (app.js setzt es ohne reduced-motion). */
[hidden]{display:none!important}
html{scroll-padding-top:96px}
html.mo{scroll-behavior:smooth}
.pub{font:16px/1.55 var(--t5);overflow-x:clip}
.pub img{max-width:100%;display:block}
.pub button,.pub input,.pub textarea{font:inherit;color:inherit}
.pub .skip{left:12px;top:-60px;background:var(--acc);color:var(--on);padding:12px 16px;font-weight:700;z-index:100}
.pub .skip:focus{left:12px;top:12px}
.pub .wrap{max-width:1360px;padding:0 clamp(18px,4.4vw,64px)}
.pub main.voll{padding:0}
.pub main.seite{padding:clamp(36px,5vw,72px) 0 clamp(64px,8vw,120px)}
.pub section.sec{margin:0}
.sec{padding:clamp(72px,9vw,140px) 0}
.sec+.sec{border-top:1px solid var(--ln)}
.sec h2{margin:0;font:800 clamp(30px,4.6vw,68px)/1 var(--d5);letter-spacing:-.045em;text-wrap:balance}
.sec h2 em{font-style:normal;color:var(--acc)}
.s-kopf p{margin:18px 0 0;max-width:52ch;color:var(--mut);font-size:clamp(16px,1.3vw,19px)}
.mo [data-in]:not(.in){opacity:0}
.mo [data-in].in{animation:r5in .7s var(--ease) both}
.pub .banner{background:var(--acc);color:var(--on)}

/* Unterseiten (Vorschlag, Danke, Impressum, Datenschutz, Meldungen): Überschriften in S-5 */
.seite h1{font:800 clamp(30px,4.6vw,60px)/1.02 var(--d5);letter-spacing:-.045em;max-width:20ch;text-wrap:balance}
.seite h2:not(.klein){font:800 clamp(24px,2.8vw,38px)/1.08 var(--d5);letter-spacing:-.035em}
.seite .ref h3.rt{font:800 20px/1.15 var(--d5);letter-spacing:-.03em}
.seite .pakete thead th{font:800 20px var(--d5);letter-spacing:-.03em}
.seite .danke .nr{color:var(--acc)}
.stepsbar{border-bottom:1px solid var(--ln)}
.stepsbar .steps{border:0}

/* ---------- Kopfzeile KZ-1 mit Logo L5-2 ---------- */
.kz5{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--ln)}
.kzi{position:relative;display:flex;align-items:center;gap:clamp(16px,2.6vw,40px);max-width:1360px;margin:0 auto;padding:12px clamp(18px,4.4vw,64px);min-height:80px}
.kzlg{display:flex;align-items:center;flex:none;text-decoration:none;color:var(--ink);outline-offset:4px}
.kzl{display:block;height:56px;width:auto;max-width:none}
.kzlg .nur-d{display:var(--nur-d);align-items:center}
.kzlg .nur-h{display:var(--nur-h);align-items:center}
.kzchip{width:44px;height:44px;flex:none}
.kzchip .g{fill:var(--acc)}
.kzchip .d{fill:var(--bg)}
.kzwm{font:800 20px/1 var(--d5);letter-spacing:-.04em;margin-left:10px;color:var(--ink)}
.kzwm b{color:var(--acc);font-weight:800}
.kzw{display:flex;align-items:center;gap:clamp(14px,2.4vw,36px);margin-right:auto;min-width:0}
.kzn{display:flex;gap:clamp(14px,2vw,30px)}
.kzn a{text-decoration:none;color:var(--ink);font-size:15px;font-weight:500;padding:12px 0;border-bottom:2px solid transparent}
.kzn a:hover{border-bottom-color:var(--acc)}
.kz5 .lang{font:400 13px/1 var(--m5);gap:12px;padding-left:clamp(14px,2vw,28px);border-left:1px solid var(--ln)}
.kz5 .lang a,.kz5 .lang span{display:inline-flex;align-items:center;min-height:44px;color:var(--mut)}
.kz5 .lang [aria-current]{color:var(--ink);border-bottom:2px solid var(--acc)}
.kzr{display:flex;align-items:center;gap:10px;flex:none}
.kzc{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border:1.5px solid var(--acc);color:var(--ink);text-decoration:none;font:800 15px/1.1 var(--d5);letter-spacing:-.01em}
.mo .kzc{transition:background-color .2s var(--ease),color .2s var(--ease)}
.kzc:hover,.kzc:focus-visible{background:var(--acc);color:var(--on)}
.kzm{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--ui);background:none;color:var(--ink);cursor:pointer;font:600 14px/1 var(--t5)}
.kzm i{display:block;width:16px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
/* Umschalter Hell/Dunkel: zeigt das Ziel (Sonne im dunklen, Mond im hellen Schema); aria-pressed = hell an */
.kzt{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:1px solid var(--ui);background:none;color:var(--ink);cursor:pointer}
.kzt:hover{border-color:var(--acc);color:var(--acc)}
.kzt svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kzt .sonne{display:var(--nur-d)}
.kzt .mond{display:var(--nur-h)}

/* ---------- Startbild K-1f1a ---------- */
.h5w{container-type:inline-size}
.h5{--pad:clamp(18px,4cqi,64px);position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:var(--ink);padding:clamp(28px,4.4cqi,72px) var(--pad) var(--pad)}
.h5 .ph{position:relative;display:block;height:100%;overflow:hidden;background:var(--ph)}
.h5 .ph>img{display:block;width:100%;height:100%;object-fit:cover}
.ki{position:absolute;right:8px;bottom:8px;z-index:2;font:500 10px/1 var(--m5);letter-spacing:.06em;text-transform:uppercase;color:var(--ki-ink);background:var(--ki-bg);padding:5px 6px}
.h5bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.h5bg .ph{position:absolute;inset:-32px 0;height:auto;will-change:transform;background:none}
.h5bg img{filter:var(--bg-bild);opacity:var(--bg-bild-o)}
.h5bg::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,var(--glanz) 0%,var(--glanz0) 40%),linear-gradient(0deg,var(--bg) 0%,var(--klar) 34%)}
.h5g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4.4cqi,80px);align-items:stretch}
.h5x{min-width:0;display:flex;flex-direction:column}
.h5t{position:relative;overflow:hidden;contain:paint;min-height:clamp(420px,46cqi,660px)}
.e5{position:absolute;will-change:transform}
.e5 .ph{border:1px solid var(--acc)}
.e5 .ph::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(128deg,var(--licht) 0%,var(--licht0) 46%)}
.e5.m{z-index:2;box-shadow:var(--schatten-m);left:4%;top:5%;width:70%;height:64%}
.e5.v{z-index:3;box-shadow:var(--schatten-v);right:4%;bottom:5%;width:56%;height:50%}
.e5.m img{filter:var(--m-bild)}
.e5.m .ki{right:auto;left:8px;top:8px;bottom:auto}
.h5 .khl{margin:0;max-width:none;font:800 clamp(34px,6.1cqi,98px)/.94 var(--d5);letter-spacing:-.045em;text-wrap:balance;overflow-wrap:normal;hyphens:none}
.h5 .khl em{font-style:normal;color:var(--acc)}
.h5 .kle{margin:clamp(16px,2cqi,26px) 0 0;max-width:46ch;color:var(--kle);font-size:clamp(16px,1.35cqi,19px)}
.h5f{position:relative;background:var(--sf);border-top:3px solid var(--acc);padding:clamp(18px,2.4cqi,30px);margin-top:clamp(20px,2.6cqi,36px)}
.h5 .steps.h5s{border:0;font:400 12px/1.4 var(--m5);color:var(--mut);margin:0 0 14px}
.h5 .steps.h5s ol{padding:0 0 10px;gap:4px 18px;border-bottom:1px solid var(--ln)}
.h5 .kl{display:block;font:500 11px/1.4 var(--m5);text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin:0 0 8px;padding:0;font-weight:500}
.h5 textarea{display:block;width:100%;min-height:3.4em;resize:vertical;padding:10px 0;border:0;border-bottom:2px solid var(--ink);background:transparent;color:var(--ink);font:400 clamp(18px,1.7cqi,23px)/1.35 var(--t5);letter-spacing:-.01em}
.h5 textarea::placeholder{color:var(--mut);opacity:1}
.h5 textarea:focus-visible{outline:none;border-bottom-color:var(--acc);box-shadow:0 2px 0 var(--acc)}
.h5 textarea[aria-invalid=true]{border-bottom-color:var(--warn)}
.h5 .count{margin-top:6px;font:400 12px var(--m5)}
.h5 .kc{margin-top:16px}
.h5 .ch{gap:6px}
.h5 .chip span{display:flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--ui);background:transparent;color:var(--ink);font:400 14px/1.2 var(--t5)}
.h5 .chip input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.h5 .kgo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.h5 .go{min-height:54px;padding:0 28px;border:0;background:var(--acc);color:var(--on);font:700 16px/1 var(--t5);cursor:pointer;box-shadow:0 0 0 1px var(--acc)}
.h5 .go:hover{box-shadow:0 0 0 3px var(--sf),0 0 0 4px var(--acc)}
/* leer: nicht gefüllt, aber klar ein Knopf (Rand Messing ≥ 5,7 : 1, Schrift --ink) */
.h5 .go[aria-disabled="true"]{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--acc)}
.h5 .go[aria-disabled="true"]:hover{box-shadow:inset 0 0 0 3px var(--acc)}
.h5 .why{font-size:14px;color:var(--ink)}
.h5 .fail{margin:0 0 14px}
.mo .h5 .e5 .ph{animation:r5auf .9s var(--ease) both}
.mo .h5 .e5.m .ph{animation-delay:.12s}
.mo .h5 .e5.v .ph{animation-delay:.26s}
.mo .h5 .khl{animation:r5in .7s var(--ease) both}

/* ---------- Ablauf (D-12 Format, D-7 Icons) ---------- */
.s-ab .s-kopf{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:end}
.s-ab .s-kopf p{margin:0}
.ab3{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);position:relative}
.ab3::before{content:"";position:absolute;left:32px;right:32px;top:32px;height:1px;background:var(--acc);opacity:.7}
.mo .ab3.in::before{animation:r5wipe 1.1s var(--ease-io) both}
.ab3 li{position:relative}
.ic{display:grid;place-items:center;width:64px;height:64px;border:1.5px solid var(--acc);border-radius:50%;background:var(--bg);color:var(--acc);position:relative}
.ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ab3 h3{margin:22px 0 8px;font:800 clamp(19px,1.6vw,24px)/1.15 var(--d5);letter-spacing:-.03em}
.ab3 p{margin:0;color:var(--mut);max-width:34ch}
.mo .ab3.in li{animation:r5in .6s var(--ease) both}
.mo .ab3.in li:nth-child(2){animation-delay:.12s}
.mo .ab3.in li:nth-child(3){animation-delay:.24s}

/* ---------- Vorschlag P-2c ---------- */
.s-vor .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.s-vor h2{font-size:clamp(30px,3.5vw,52px)}
.px5{border:1px solid var(--ln);background:var(--sf);min-width:0}
.pxp{padding:clamp(20px,3vw,40px)}
.pxp+.pxp{border-top:1px solid var(--ln)}
.pxh{margin:0 0 14px;font:500 13px/1 var(--m5);color:var(--acc)}
.ptab{display:flex;flex-wrap:wrap;font:400 13px/1 var(--m5);border-bottom:1px solid var(--ln)}
.ptab button{min-height:48px;padding:0 16px;background:none;border:0;border-right:1px solid var(--ln);cursor:pointer;color:var(--mut)}
.ptab button[aria-selected="true"]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--acc)}
.ptab button:focus-visible{outline-offset:-4px}
.px5.tabs .pxp+.pxp{border-top:0}
.px5.tabs .pxh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p4e{margin:0 0 clamp(18px,2.4vw,30px);font-size:14px;color:var(--mut);max-width:70ch}
.p4e span{font:500 11px/1 var(--m5);letter-spacing:.08em;text-transform:uppercase;margin-right:10px}
.p4leer{font-size:clamp(20px,2vw,26px);max-width:30ch;margin:0;font-weight:600}
.p4d{margin:0;border-top:2px solid var(--ink)}
.p4d>div{display:grid;grid-template-columns:minmax(110px,2fr) minmax(0,7fr);gap:clamp(14px,2.4vw,36px);padding:clamp(16px,2vw,24px) 0;border-bottom:1px solid var(--ln);align-items:center}
.p4d dt{font:500 12px/1.4 var(--m5);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.p4d dd{margin:0;font-size:clamp(17px,1.6vw,22px);line-height:1.35;letter-spacing:-.01em;display:flex;gap:16px;align-items:center;min-width:0}
.p4d dd b{font:800 clamp(24px,2.6vw,36px)/1 var(--d5);letter-spacing:-.03em;color:var(--acc)}
.p4d dd small{display:block;font-size:14px;color:var(--mut);letter-spacing:0}
.p4d dd span small{font:400 12px/1.6 var(--m5)}
.p4t{flex:none;width:88px;aspect-ratio:1;overflow:hidden;border:1px solid var(--ln)}
.p4t img{width:100%;height:100%;object-fit:cover}
.p4go{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.pub .btn{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;background:var(--acc);color:var(--on);border:0;font:700 16px/1 var(--t5);text-decoration:none;cursor:pointer}
.pub .btn:hover{background:var(--accent-hover)}
.pub .btn.ghost{background:none;color:var(--ink);border:1.5px solid var(--ui)}
.pub .btn.ghost:hover{border-color:var(--acc)}
.mo .px5.neu .pxp:not([hidden]){animation:r5in .42s var(--ease) both}

/* ---------- Bausteine mit Bildern wie D-8 ---------- */
.bs-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,96px);align-items:start}
.bs12{margin:clamp(32px,4vw,56px) 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20px,3vw,40px);border-top:2px solid var(--ink)}
.bs12>div{padding:16px 0;border-bottom:1px solid var(--ln);min-width:0}
.bs12 dt{font-weight:700;font-size:16px}
.bs12 dt b{font:500 12px/1 var(--m5);color:var(--acc);margin-right:8px;letter-spacing:.04em}
.bs12 dd{margin:4px 0 0;color:var(--mut);font-size:14px}
.d8{position:sticky;top:110px;display:grid;grid-template-columns:1.15fr 1fr;gap:14px}
.d8 figure{margin:0;min-width:0}
.d8 .rf{padding:7px;background:var(--sf);border:1px solid var(--ln);box-shadow:var(--schatten-b)}
.d8 .ph{position:relative;overflow:hidden;background:var(--ph)}
.d8 .ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);will-change:transform}
.d8 .ki{right:6px;bottom:6px;padding:4px 5px}
.d8 figcaption{margin-top:8px;font:400 12px/1.4 var(--m5);color:var(--mut)}
.d8 .d81{grid-row:span 2}
.d8 .d81 .ph{aspect-ratio:3/4.4}
.d8 .d82{margin-top:48px}
.d8 .d82 .ph,.d8 .d83 .ph{aspect-ratio:4/3.4}

/* ---------- Referenzen A1-9 (ohne JS: alle Karten untereinander) ---------- */
.a-top{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.ahalt{min-height:44px;padding:0 16px;border:1px solid var(--ink);background:none;color:var(--ink);font-weight:600;font-size:14px;cursor:pointer}
.ahalt[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
html:not(.mo) .ahalt{display:none}
.a9l{display:grid;gap:18px}
.a9b{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);background:var(--sf);border:1px solid var(--ln)}
.a9b .ph{position:relative;overflow:hidden;min-height:clamp(280px,34vw,500px);background:var(--ph)}
.a9b .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mo .a9b.neu .ph{animation:r5wipe .7s var(--ease-io) both}
.mo .a9b.neu .tx>*{animation:r5in .5s var(--ease) both}
.mo .a9b.neu .tx>*:nth-child(2){animation-delay:.08s}
.mo .a9b.neu .tx>*:nth-child(3){animation-delay:.16s}
.mo .a9b.neu .tx>*:nth-child(4){animation-delay:.24s}
.tx{padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:12px;min-width:0}
.aL{margin:0;font:800 clamp(56px,7vw,104px)/.8 var(--d5);letter-spacing:-.04em;color:var(--acc)}
.tx .br{margin:0;color:var(--mut);font:400 16px/1.4 var(--t5)}
.avo{margin:0;color:var(--mut);font-size:14px}
.avo b{color:var(--ink);font-weight:600}
.aje{margin:0;font-size:clamp(18px,1.7vw,23px);line-height:1.35;font-weight:600;letter-spacing:-.01em}
.am{margin:auto 0 0;border-top:1px solid var(--ln);padding-top:10px;color:var(--mut);font:400 13px/1.5 var(--m5)}
.am a{color:var(--acc)}
.a9m{overflow:hidden;margin-top:22px;border-top:1px solid var(--ln);padding-top:16px}
.a9r{display:flex;width:max-content}
.a9r>div{display:flex;flex:none}
.a9c{display:block;flex:none;width:clamp(200px,22vw,290px);margin-right:14px;padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}
.a9c .ph{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ph)}
.a9c .ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}
.a9c .a9n{display:block;font-size:14px;margin-top:8px;padding-left:8px;border-left:3px solid transparent}
.a9c .a9n b{color:var(--acc);margin-right:4px}
.a9c[aria-pressed="true"] .a9n{border-left-color:var(--acc);font-weight:600}
.a9c[aria-pressed="true"] .ph img,.a9c:hover .ph img{filter:none}
.mo .a9c .ph img{transition:filter .4s var(--ease),transform .6s var(--ease)}
.mo .a9c:hover .ph img{transform:scale(1.04)}
.mo .a9r{animation:r5lauf 60s linear infinite}
.mo .s-ref.steht .a9r,.mo .a9m:hover .a9r,.mo .a9m:focus-within .a9r{animation-play-state:paused}
html:not(.mo) .a9k{display:none}
html:not(.mo) .a9m{overflow-x:auto}

/* ---------- Pakete: Typenschild ---------- */
.pak{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0;border-top:2px solid var(--ink)}
.pak li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,2fr);gap:clamp(16px,3vw,48px);align-items:baseline;padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--ln)}
.pak .pn{font:800 clamp(28px,3.4vw,52px)/1 var(--d5);letter-spacing:-.045em}
.pak li:nth-child(2) .pn{color:var(--acc)}
.pak p{margin:0;font-size:clamp(16px,1.3vw,19px)}
.pak .pp{font:500 13px/1.4 var(--m5);color:var(--mut);text-align:right}

/* ---------- Anfrage (Startseite und Vorschlagsseite) ---------- */
.s-anf .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,96px);align-items:start}
.pub form.anf{gap:22px 28px}
.s-anf form.anf{margin-top:0}
.pub .anf label.field,.pub .anf legend{display:block;font:500 11px/1.4 var(--m5);text-transform:uppercase;letter-spacing:.07em;color:var(--mut);margin-bottom:6px;padding:0}
.pub .anf .hint{text-transform:none;letter-spacing:0;font:400 12px var(--t5)}
.pub .anf input[type=text],.pub .anf input[type=email],.pub .anf input[type=tel],.pub .anf textarea{display:block;width:100%;min-height:48px;padding:8px 0;border:0;border-bottom:2px solid var(--ui);background:transparent;color:var(--ink);font:400 18px/1.4 var(--t5)}
.pub .anf textarea{min-height:5em;resize:vertical}
.pub .anf input:focus-visible,.pub .anf textarea:focus-visible{outline:none;border-bottom-color:var(--acc);box-shadow:0 2px 0 var(--acc)}
.pub .anf input[aria-invalid=true],.pub .anf textarea[aria-invalid=true]{border-bottom-color:var(--warn)}
.pub .anf .chip span{display:flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--ui);font:400 15px/1.2 var(--t5)}
.pub .consent{min-height:44px;font-size:14px;color:var(--mut);cursor:pointer}
.pub .consent a{color:var(--acc)}
.pub .consent input{width:24px;height:24px;accent-color:var(--acc);flex:none}
.pub .err{font-size:13px}
.pub .summary{border-color:var(--ln);background:var(--sf)}

/* ---------- Fuß ---------- */
.pub footer.fuss{border-top:1px solid var(--ln);padding:36px 0 48px;font-size:14px;color:var(--mut)}
.pub .fuss .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:0;padding-bottom:0}
.fuss b{color:var(--ink);font:800 16px/1 var(--d5);letter-spacing:-.03em}
.fuss a{color:var(--ink)}

/* F2: Großschrift unter lang=tr würde aus „i“ ein „İ“ machen */
:lang(tr) .h5 .kl,:lang(tr) .ki,:lang(tr) .p4e span,:lang(tr) .p4d dt,:lang(tr) .pub .anf label.field,:lang(tr) .pub .anf legend{text-transform:none}

/* ---------- schmal ---------- */
@container (max-width:760px){
  .h5g{grid-template-columns:1fr;gap:0}
  .h5x{display:contents}
  .h5x>.khl{order:0}
  .h5t{order:1;min-height:0;height:clamp(230px,66cqi,300px);margin-top:20px}
  .h5x>.kle{order:2;margin-top:20px}
  .h5x>.h5f{order:3}
  .e5.m{width:72%;height:68%}
  .e5.v{width:54%;height:52%}
  .h5 .khl{font-size:clamp(30px,10.4cqi,48px)}
  .h5 textarea{min-height:5.2em}   /* der feste Platzhalter bricht bei 360 px in drei Zeilen */
  .h5 .h5f{margin-left:calc(-1 * var(--pad) / 2);margin-right:calc(-1 * var(--pad) / 2)}
}
@media (max-width:980px){
  .s-vor .wrap,.bs-g,.s-anf .wrap,.s-ab .s-kopf{grid-template-columns:1fr}
  .d8{position:relative;top:auto;max-width:620px}
  .kzr{margin-left:auto}
  .kzi{flex-wrap:wrap}
  .kzw{order:3;width:100%;flex-wrap:wrap;gap:4px 20px}
  .kz5 .lang{padding-left:0;border-left:0}
  .js .kzi{flex-wrap:nowrap}
  .js .kzm{display:inline-flex}
  .js .kzw{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:6px clamp(18px,4.4vw,64px) 14px;background:var(--bg);border-bottom:1px solid var(--ln)}
  .js .kz5.offen .kzw{display:flex}
  .js .kzn{flex-direction:column;gap:0}
  .js .kzn a{min-height:48px;display:flex;align-items:center;font-weight:600;border-bottom:1px solid var(--ln)}
  .js .kz5 .lang{padding-top:6px}
}
@media (max-width:720px){
  .kzi{gap:10px;min-height:68px;padding:10px 16px}
  .kzl{height:44px}
  .kzm{gap:0;padding:0 10px}
  .kzmt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .kzc{min-height:44px;padding:0 12px;font-size:13px}
  html{scroll-padding-top:76px}
  .ab3{grid-template-columns:1fr;gap:28px}
  .ab3::before{left:32px;right:auto;top:32px;bottom:32px;width:1px;height:auto}
  .ab3 li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:18px}
  .ab3 li .ic{grid-row:span 2}
  .ab3 h3{margin:6px 0 6px}
  .p4d>div{grid-template-columns:1fr;gap:6px}
  .p4d dd{flex-wrap:wrap}
  .bs12{grid-template-columns:1fr}
  .a9b{grid-template-columns:1fr}
  .a9b .ph{min-height:220px}
  .pak li{grid-template-columns:1fr;gap:8px}
  .pak .pp{text-align:left}
  .ptab button{padding:0 12px;flex:1 1 auto}
}
@media (max-width:420px){
  .kzlang{display:none}
  .kzl{height:34px}
  .kzc{padding:0 12px}
  .kzi{gap:8px;padding:10px 14px}
}
/* 360 px: Logo, „Vorschlag“, Hell/Dunkel und Menü (je 44 px) passen nur so nebeneinander */
@media (max-width:380px){
  .kzl{height:31px}
  .kzc{padding:0 10px}
  .kzi{gap:6px;padding:10px 12px}
}