/* W12 Strang c (11.11.2026, Entscheid (4) des Inhabers): Seite «Kunden-Portal» je Marke (w3/d/kunden-portal-seite.mjs). Nur diese Seite lädt die Datei.
   Karten, Schritte, Fragen, Knöpfe und «Persönlich erreichbar» sind die Bausteine der übrigen Seiten (basis.css, g5.css); hier stehen nur die
   Bühne mit dem Bild des Portals (Pillen seit dem Zusammenführen W12 die der Unterseiten, ul.buehne__fakten), die Beispiel-Profile und die Box mit Balken und Rand (iPersonal schwarzer Balken, roter Rand;
   MediPersonal blauer Balken, grüner Rand, nie Rot; Entscheid 10.11. ca. 21:20 und Gesetz 11.11. «gleiche Boxen und Pillen wie die Startseite»).
   Raster-Regeln (w3/a/raster-g5.mjs): Schrift 400/500/700, ganze Pixel, Radien 10, 14, 999, Hover ohne Bewegung. Kein style-Attribut (CSP). */

/* ---------- Bühne: Text links, Vorderseite des Portals rechts (unter 961 px darunter, Computer-Ansicht über die ganze Breite) ---------- */
.kdp-buehne{padding:40px 0 48px}
.kdp-buehne__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.kdp-buehne__text h1{margin-bottom:12px}
.kdp-buehne__text .lead{max-width:560px}
.kdp-buehne__knopf{margin-top:26px}
.kdp-buehne__knopf .knopf{max-width:100%}
.kdp-buehne__nur{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
/* W12 Zusammenführen: Symbol bei iPersonal schwarz wie alle Symbole im Hauptteil (g5.css: Rot nur für Hauptknopf, Logo, Fortschritt, Pflicht-Stern, Fehler) */
.kdp-buehne__nur .sym{color:var(--tinte);flex:none}
.marke-medipersonal .kdp-buehne__nur .sym{color:var(--med-gruen)}

/* Rahmen wie ein Browserfenster, darin das Bild in Computer-Ansicht */
.kdp-portal{margin:0;background:#fff;border:1px solid var(--linie2);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px rgba(24,24,27,.05),0 16px 40px rgba(24,24,27,.10)}
.kdp-portal__leiste{display:flex;align-items:center;gap:14px;height:40px;padding:0 14px;background:var(--grau2);border-bottom:1px solid var(--linie)}
.kdp-portal__punkte{display:flex;gap:6px;flex:none}
.kdp-portal__punkte i{display:block;width:10px;height:10px;border-radius:50%;background:var(--linie2)}
.kdp-portal__adresse{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border:1px solid var(--linie);border-radius:var(--rund);background:#fff;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);white-space:nowrap;overflow:hidden;--zeile:var(--klein-z)}
.kdp-portal__adresse .sym{color:var(--text3);flex:none}
.kdp-portal__link{display:block;line-height:0;cursor:zoom-in}
.kdp-portal__bild{display:block;width:100%;height:auto}
.kdp-portal__unten{padding:10px 14px;border-top:1px solid var(--linie);font-size:var(--klein);line-height:var(--klein-z);color:var(--text3);text-align:right;--zeile:var(--klein-z)}

/* ---------- Was das Portal bietet und Ablauf: Karten und Schritte der übrigen Seiten (basis.css .karten, .karte, .schritte, .schritt) ---------- */
.kdp-abschnitt :is(.karten,.schritte){list-style:none;margin:0;padding:0}
.kdp-abschnitt .karte h3{margin:6px 0 0}

/* ---------- Beispiel-Profile: wie die Setkarte im Kunden-Portal (Korrektur W12 Runde 1, Zug 11 K26 und Zug 12 K25): Foto mit K-Nummer darunter, Stufe als dunkle
   Marke, Beruf, Jahre im Beruf, Kanton, Tätigkeiten, eine Zeile mit Pensum, Sprachen, Ausweisen und Altersstufe, Kacheln (Verfügbar, Tarif, Entfernung, Mobil),
   Pille «Geprüft» oben rechts, unten der Stern. iPersonal Stufe Tinte, Siegel in der Markenfarbe; MediPersonal Stufe Nachtblau, Siegel grün, nie Rot. ---------- */
.kdp-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--luecke)}
.kdp-profil{--kdp-stufe:var(--tinte);--kdp-sg:var(--akzent);--kdp-sg-ln:color-mix(in srgb,var(--akzent) 32%,#fff);--kdp-zelle:var(--grau2);position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten)}
.marke-medipersonal .kdp-profil{--kdp-stufe:#0B3B57;--kdp-sg:var(--med-gruen);--kdp-sg-ln:color-mix(in srgb,var(--med-gruen) 40%,#fff)}
.kdp-profil__kopf{display:flex;gap:14px;align-items:flex-start}
.kdp-profil__links{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;width:64px}
.kdp-profil__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.kdp-profil--siegel .kdp-profil__text>:first-child{padding-right:104px}
.kdp-profil__oben{margin:0;min-height:26px}
.kdp-profil__stufe{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 10px 2px 8px;border-radius:10px;background:var(--kdp-stufe);color:#fff;font-size:var(--klein);line-height:var(--klein-z);font-weight:700;--zeile:var(--klein-z)}
.kdp-profil__stufe .sym{flex:none}
.kdp-profil__titel{margin:0;font-size:var(--fliess);line-height:var(--fliess-z);color:var(--tinte);--zeile:var(--fliess-z)}
.kdp-profil__titel strong{font-weight:700}
.kdp-profil__knr{display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid var(--linie2);border-radius:var(--rund);font-size:var(--klein);line-height:var(--klein-z);font-weight:500;color:var(--text2);white-space:nowrap;--zeile:var(--klein-z)}
.kdp-profil__zeile{margin:0;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.kdp-profil__zeile strong{font-weight:700;color:var(--tinte)}
.kdp-profil__ort{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--klein);line-height:var(--klein-z);font-weight:500;color:var(--text2);--zeile:var(--klein-z)}
.kdp-profil__ort .sym{flex:none}
.kdp-profil__taet{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.kdp-profil__taet span{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border:1px solid var(--linie);border-radius:10px;background:var(--kdp-zelle);font-size:var(--klein);line-height:var(--klein-z);font-weight:500;color:var(--tinte);--zeile:var(--klein-z)}
.kdp-profil__mehr{margin:0;font-size:var(--klein);line-height:var(--klein-z);color:var(--text3);--zeile:var(--klein-z)}
/* gleich hohe Karten in einer Reihe: die Kacheln stehen unten bündig, auch wenn ein langer Beruf zwei Zeilen braucht */
.kdp-profil__fakten{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--linie);border-radius:var(--radius);background:var(--kdp-zelle);overflow:hidden}
.kdp-profil__fakt{display:flex;flex-direction:column;gap:2px;padding:10px 12px;min-width:0}
.kdp-profil__fakt:nth-child(odd){border-right:1px solid var(--linie)}
.kdp-profil__fakt:nth-child(-n+2){border-bottom:1px solid var(--linie)}
.kdp-profil__lbl{display:flex;align-items:center;gap:6px;font-size:var(--klein);line-height:var(--klein-z);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text3);--zeile:var(--klein-z)}
.kdp-profil__lbl .sym{flex:none}
.kdp-profil__fakt strong{font-size:var(--klein);line-height:var(--klein-z);font-weight:700;color:var(--tinte);--zeile:var(--klein-z)}
.kdp-profil__fakt--ja strong{color:#15803D}
.kdp-profil__fakt small{font-size:var(--klein);line-height:var(--klein-z);color:var(--text3);min-height:20px;--zeile:var(--klein-z)}
/* Pille «Geprüft» oben rechts (Satz «Von uns geprüft: …» als Titel), Siegel als Maske: die Farbe kommt aus der Variable der Marke */
.kdp-profil__siegel{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 6px;border:1px solid var(--kdp-sg-ln);border-radius:var(--rund);background:#fff;color:var(--tinte);font-size:var(--klein);line-height:var(--klein-z);font-weight:700;white-space:nowrap;cursor:help;--zeile:var(--klein-z)}
.marke-medipersonal .kdp-profil__siegel{color:#0B3B57}
.kdp-profil__sg{position:relative;display:inline-block;flex:none;width:20px;height:20px;background:var(--kdp-sg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50.0 8.0L52.1 7.2L54.4 5.2L56.9 3.4L59.4 2.9L61.4 4.3L63.1 6.9L64.4 9.6L66.1 11.2L68.3 11.2L71.2 10.3L74.2 9.6L76.7 10.1L78.1 12.2L78.5 15.2L78.8 18.2L79.7 20.3L81.8 21.2L84.8 21.5L87.8 21.9L89.9 23.3L90.4 25.8L89.7 28.8L88.8 31.7L88.8 33.9L90.4 35.6L93.1 36.9L95.7 38.6L97.1 40.6L96.6 43.1L94.8 45.6L92.8 47.9L92.0 50.0L92.8 52.1L94.8 54.4L96.6 56.9L97.1 59.4L95.7 61.4L93.1 63.1L90.4 64.4L88.8 66.1L88.8 68.3L89.7 71.2L90.4 74.2L89.9 76.7L87.8 78.1L84.8 78.5L81.8 78.8L79.7 79.7L78.8 81.8L78.5 84.8L78.1 87.8L76.7 89.9L74.2 90.4L71.2 89.7L68.3 88.8L66.1 88.8L64.4 90.4L63.1 93.1L61.4 95.7L59.4 97.1L56.9 96.6L54.4 94.8L52.1 92.8L50.0 92.0L47.9 92.8L45.6 94.8L43.1 96.6L40.6 97.1L38.6 95.7L36.9 93.1L35.6 90.4L33.9 88.8L31.7 88.8L28.8 89.7L25.8 90.4L23.3 89.9L21.9 87.8L21.5 84.8L21.2 81.8L20.3 79.7L18.2 78.8L15.2 78.5L12.2 78.1L10.1 76.7L9.6 74.2L10.3 71.2L11.2 68.3L11.2 66.1L9.6 64.4L6.9 63.1L4.3 61.4L2.9 59.4L3.4 56.9L5.2 54.4L7.2 52.1L8.0 50.0L7.2 47.9L5.2 45.6L3.4 43.1L2.9 40.6L4.3 38.6L6.9 36.9L9.6 35.6L11.2 33.9L11.2 31.7L10.3 28.8L9.6 25.8L10.1 23.3L12.2 21.9L15.2 21.5L18.2 21.2L20.3 20.3L21.2 18.2L21.5 15.2L21.9 12.2L23.3 10.1L25.8 9.6L28.8 10.3L31.7 11.2L33.9 11.2L35.6 9.6L36.9 6.9L38.6 4.3L40.6 2.9L43.1 3.4L45.6 5.2L47.9 7.2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50.0 8.0L52.1 7.2L54.4 5.2L56.9 3.4L59.4 2.9L61.4 4.3L63.1 6.9L64.4 9.6L66.1 11.2L68.3 11.2L71.2 10.3L74.2 9.6L76.7 10.1L78.1 12.2L78.5 15.2L78.8 18.2L79.7 20.3L81.8 21.2L84.8 21.5L87.8 21.9L89.9 23.3L90.4 25.8L89.7 28.8L88.8 31.7L88.8 33.9L90.4 35.6L93.1 36.9L95.7 38.6L97.1 40.6L96.6 43.1L94.8 45.6L92.8 47.9L92.0 50.0L92.8 52.1L94.8 54.4L96.6 56.9L97.1 59.4L95.7 61.4L93.1 63.1L90.4 64.4L88.8 66.1L88.8 68.3L89.7 71.2L90.4 74.2L89.9 76.7L87.8 78.1L84.8 78.5L81.8 78.8L79.7 79.7L78.8 81.8L78.5 84.8L78.1 87.8L76.7 89.9L74.2 90.4L71.2 89.7L68.3 88.8L66.1 88.8L64.4 90.4L63.1 93.1L61.4 95.7L59.4 97.1L56.9 96.6L54.4 94.8L52.1 92.8L50.0 92.0L47.9 92.8L45.6 94.8L43.1 96.6L40.6 97.1L38.6 95.7L36.9 93.1L35.6 90.4L33.9 88.8L31.7 88.8L28.8 89.7L25.8 90.4L23.3 89.9L21.9 87.8L21.5 84.8L21.2 81.8L20.3 79.7L18.2 78.8L15.2 78.5L12.2 78.1L10.1 76.7L9.6 74.2L10.3 71.2L11.2 68.3L11.2 66.1L9.6 64.4L6.9 63.1L4.3 61.4L2.9 59.4L3.4 56.9L5.2 54.4L7.2 52.1L8.0 50.0L7.2 47.9L5.2 45.6L3.4 43.1L2.9 40.6L4.3 38.6L6.9 36.9L9.6 35.6L11.2 33.9L11.2 31.7L10.3 28.8L9.6 25.8L10.1 23.3L12.2 21.9L15.2 21.5L18.2 21.2L20.3 20.3L21.2 18.2L21.5 15.2L21.9 12.2L23.3 10.1L25.8 9.6L28.8 10.3L31.7 11.2L33.9 11.2L35.6 9.6L36.9 6.9L38.6 4.3L40.6 2.9L43.1 3.4L45.6 5.2L47.9 7.2Z'/%3E%3C/svg%3E") center/contain no-repeat}
.kdp-profil__sg::after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M31.5 51.5 44 63.5 69 37.5' fill='none' stroke='%23000' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M31.5 51.5 44 63.5 69 37.5' fill='none' stroke='%23000' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* Stern wie im Kunden-Portal: gemerkt gefüllt in der Farbe der gewählten Pillen (iPersonal Rot, MediPersonal Nachtblau) */
.kdp-profil__fuss{display:flex;margin:0}
.kdp-profil__stern{display:inline-flex;align-items:center;gap:6px;min-height:28px;font-size:var(--klein);line-height:var(--klein-z);font-weight:700;color:var(--text2);--zeile:var(--klein-z)}
.kdp-profil__stern .sym{flex:none}
.kdp-profil__stern--an{color:var(--tinte)}
.kdp-profil__stern--an .sym{fill:var(--wahl-an,var(--tinte));stroke:var(--wahl-an,var(--tinte))}
/* Handy: die Pille «Geprüft» bleibt oben rechts, die Karte beginnt darunter (sonst bräche eine lange Stufe wie «Eidg. Facharzttitel» auf zwei Zeilen um) */
@media (max-width:560px){.kdp-profil{padding:16px}.kdp-profil--siegel{padding-top:56px}.kdp-profil__siegel{top:14px;right:14px}.kdp-profil--siegel .kdp-profil__text>:first-child{padding-right:0}}
/* unscharfes Foto wie im Fenster (stil/vorschau-fenster.css .vfp-unscharf): Kopf und Schultern weichgezeichnet, sechs Farben je K-Nummer */
.kdp-profil__foto{position:relative;display:block;flex:none;width:64px;height:64px;overflow:hidden;border-radius:var(--radius);background:#D8DEE6}
.kdp-profil__foto i,.kdp-profil__foto b{position:absolute;left:50%;display:block;border-radius:50%;transform:translateX(-50%);filter:blur(7px)}
.kdp-profil__foto i{top:14%;width:46%;height:46%;background:#E8C4A8}
.kdp-profil__foto b{top:62%;width:96%;height:80%;background:#5B6B80}
.kdp-profil__foto--1{background:#E3DDD3}.kdp-profil__foto--1 i{background:#D9A988}.kdp-profil__foto--1 b{background:#2F3E54}
.kdp-profil__foto--2{background:#DCE6E2}.kdp-profil__foto--2 i{background:#C99A7A}.kdp-profil__foto--2 b{background:#7FA79A}
.kdp-profil__foto--3{background:#E6E1EA}.kdp-profil__foto--3 i{background:#EBCDB7}.kdp-profil__foto--3 b{background:#8B6F86}
.kdp-profil__foto--4{background:#DDE3EA}.kdp-profil__foto--4 i{background:#B9876A}.kdp-profil__foto--4 b{background:#3F5B7A}
.kdp-profil__foto--5{background:#EAE4DA}.kdp-profil__foto--5 i{background:#E2B999}.kdp-profil__foto--5 b{background:#A07A5A}

/* ---------- Zugang: Box mit Balken und Rand neben «Persönlich erreichbar» ---------- */
.kdp-zugang{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--luecke);align-items:stretch}
.kdp-box{display:flex;flex-direction:column;background:#fff;border:2px solid var(--akzent);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 4px rgba(24,24,27,.06),0 12px 32px rgba(24,24,27,.10)}
.kdp-box__balken{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 24px;background:var(--zweit);color:#fff}
.kdp-box__balken .sym{flex:none}
.kdp-box__titel{margin:0;flex:1 1 auto;min-width:0;font-size:var(--fliess);line-height:var(--fliess-z);font-weight:700;color:#fff;--zeile:var(--fliess-z)}
.kdp-box__etikett{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:var(--klein);line-height:var(--klein-z);font-weight:500;color:#fff;white-space:nowrap;--zeile:var(--klein-z)}
.kdp-box__inhalt{display:flex;flex-direction:column;gap:16px;padding:24px}
.kdp-box__inhalt>p{margin:0;font-size:var(--fliess);line-height:var(--fliess-z);color:var(--text);--zeile:var(--fliess-z)}
.kdp-box__haken{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.kdp-box__haken li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fliess);line-height:var(--fliess-z);color:var(--tinte);--zeile:var(--fliess-z)}
.kdp-box__haken .sym{flex:none;margin-top:4px;color:var(--akzent)}
.kdp-box__knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.marke-medipersonal .kdp-box{border-color:var(--med-gruen)}
.marke-medipersonal .kdp-box__balken{background:var(--med-blau)}
.marke-medipersonal .kdp-box__haken .sym{color:var(--med-gruen)}

/* «Persönlich erreichbar» bzw. «Direkt erreichbar»: gleiche Werte wie der Kasten oben auf der Startseite (stil/h3.css .oben2__box, .oben2__titel,
   .oben2__tel, .oben2__zeit, .oben2__liste): weisse Karte mit 1-px-Linie, Titel 3 mit Symbol, Telefon in Titel 3, Linie, darunter die Zeilen */
.kdp-erreichbar{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px 22px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten)}
.kdp-erreichbar__titel{display:flex;align-items:center;gap:10px;margin:0;font-size:var(--h3);line-height:var(--h3-z);font-weight:700;color:var(--tinte);--zeile:var(--h3-z)}
.kdp-erreichbar__titel .sym{flex:none;color:var(--akzent)}
.kdp-erreichbar__tel-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin:0}
.kdp-erreichbar__tel{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:var(--h3);line-height:var(--h3-z);font-weight:700;color:var(--tinte);text-decoration:none;--zeile:var(--h3-z)}
.kdp-erreichbar__tel .sym{flex:none;color:var(--akzent)}
.kdp-erreichbar__tel:hover span{text-decoration:underline;text-underline-offset:3px}
.kdp-erreichbar__zeit{font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.kdp-erreichbar__satz{margin:0;padding-top:12px;border-top:1px solid var(--linie);font-size:var(--klein);line-height:var(--klein-z);color:var(--text);--zeile:var(--klein-z)}
/* «Anrufen» grün wie überall (Gesetz 11.11.), daneben «Nachricht senden» bzw. «Nachricht schreiben» mit Rand; unten in der Karte */
.kdp-erreichbar__knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:4px}
/* iPersonal wie auf der Startseite: Symbole des Kastens in Tinte (Rot bleibt den Hauptknöpfen, dem Rand der Box und den Pillen) */
.marke-ipersonal :is(.kdp-erreichbar__titel,.kdp-erreichbar__tel) .sym{color:var(--tinte)}

/* ---------- Bildschirmbreiten ---------- */
@media (max-width:1100px){
  .kdp-buehne__raster{gap:32px}
  .kdp-profile{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .kdp-buehne__raster{grid-template-columns:minmax(0,1fr)}
  .kdp-buehne__text .lead{max-width:none}
  .kdp-zugang{grid-template-columns:minmax(0,1fr)}
}
/* schmale Handys: der lange Knopf «Kostenloses Unternehmenskonto erstellen» bleibt einzeilig (Symbol weg, Text ganz) */
@media (max-width:420px){
  .kdp-buehne__knopf .knopf .sym{display:none}
}
@media (max-width:700px){
  .kdp-buehne{padding:24px 0 32px}
  .kdp-buehne__knopf{margin-top:20px}
  .kdp-buehne__knopf .knopf{display:flex;width:100%;padding:0 16px}
  .kdp-portal__leiste{height:34px;gap:10px;padding:0 10px}
  .kdp-portal__punkte i{width:8px;height:8px}
  .kdp-portal__adresse{height:24px;padding:0 10px;font-size:var(--klein);line-height:var(--klein-z);--zeile:var(--klein-z)}
  .kdp-portal__unten{padding:8px 12px;font-size:var(--klein);line-height:var(--klein-z);--zeile:var(--klein-z)}
  .kdp-profile{grid-template-columns:1fr}
  /* am Handy Symbol und Titel in einer Reihe; «Nur für Unternehmen» bzw. «Nur Gesundheitswesen» steht schon als Haken in der Box */
  .kdp-box__balken{padding:12px 16px;gap:10px}
  .kdp-box__etikett{display:none}
  .kdp-box__inhalt{padding:20px 16px}
  .kdp-box__knoepfe .knopf{display:flex;width:100%}
  .kdp-erreichbar{gap:8px;padding:14px 16px}
  .kdp-erreichbar__knoepfe .knopf{flex:1 1 140px}
}