@font-face{font-family:"InterSelbst";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("schriften/inter-var.woff2") format("woff2")}
:root,body{--t-weiss:var(--b-flaeche);--t-tinte:var(--b-tinte);--t-matt:var(--b-matt2);--t-linie:var(--b-linie2);--t-sanft:var(--b-grund);--t-akzent:var(--b-akzent-hell);
  --t-akzent-hell:color-mix(in srgb,var(--b-akzent-hell) 10%,transparent);--t-akzent-text:var(--b-akzent);--t-akzent-tief:var(--b-akzent);--t-gruen:#12a150;--t-rot:#c2410c;
  --t-sans:"InterSelbst","Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--t-sanft);color:var(--t-tinte);font-family:var(--t-sans);font-size:16px;line-height:1.55}
body.tb-eingebettet{background:transparent}
a{color:var(--t-tinte)}
h1,h2{margin:0;letter-spacing:-.03em;line-height:1.15}
h1{font-size:24px}h2{font-size:20px;margin-bottom:8px}
.tb{max-width:1060px;margin:0 auto;padding:40px 16px}
.tb-eingebettet .tb{padding:0}
.tb-karte{background:var(--t-weiss);border:1px solid var(--t-linie);border-radius:18px;
  box-shadow:0 20px 50px -30px rgba(18,22,28,.35);display:grid;grid-template-columns:300px 1fr;overflow:hidden;min-height:440px}
.tb-liste{display:block;padding:32px;min-height:0}
.tb-liste h1{margin-bottom:18px}
.tb-seitenlink{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid var(--t-linie);
  border-radius:12px;text-decoration:none;margin-top:10px}
.tb-seitenlink:hover{border-color:var(--t-tinte)}
.tb-seitenlink span{color:var(--t-matt)}
.tb-info{padding:28px 26px;border-right:1px solid var(--t-linie);background:linear-gradient(180deg,#fff, #fbfbfc)}
.tb-wer{margin:0 0 6px;color:var(--t-matt);font-size:14px;font-weight:600}
.tb-meta{margin:10px 0 0;color:var(--t-matt);font-size:14.5px;font-weight:600}
.tb-beschreibung{margin-top:16px;color:#3f4653;font-size:15px}
.tb-zone{margin-top:18px;font-size:13px;color:var(--t-matt)}
.tb-dauern{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tb-dauern button,.tb-zeitliste button{font:inherit;cursor:pointer;border-radius:10px}
.tb-dauern button{border:1px solid var(--t-linie);background:#fff;padding:6px 12px;font-size:14px;font-weight:600}
.tb-dauern button[aria-pressed="true"]{background:var(--t-tinte);border-color:var(--t-tinte);color:#fff}
.tb-schritt{padding:26px}
#tb-schritt-zeit:not([hidden]){display:grid;grid-template-columns:1fr 200px;gap:26px}
.tb-monat{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.tb-monat b{font-size:17px}
.tb-monat button{width:36px;height:36px;border-radius:50%;border:1px solid var(--t-linie);background:#fff;font-size:20px;
  cursor:pointer;line-height:1}
.tb-monat button:disabled{opacity:.35;cursor:default}
.tb-wochentage,.tb-tage{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}
.tb-wochentage span{font-size:12px;font-weight:700;color:var(--t-matt);padding:4px 0}
.tb-tage button{aspect-ratio:1;border-radius:50%;border:0;background:transparent;font:inherit;font-size:15px;color:#b9bec6}
.tb-tage button.tb-frei{background:var(--t-akzent-hell);color:var(--t-akzent-tief);font-weight:700;cursor:pointer}
.tb-tage button.tb-frei:hover{background:rgba(255,90,31,.2)}
.tb-tage button.tb-aktiv{background:var(--t-akzent-tief);color:#fff}
.tb-tage[aria-busy="true"]{opacity:.5}
.tb-tagname{margin:6px 0 12px;font-weight:700}
.tb-zeitliste{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;padding-right:4px}
.tb-zeitliste button{border:1.5px solid rgba(255,90,31,.55);background:#fff;color:var(--t-akzent-text);font-weight:700;padding:10px}
.tb-zeitliste button:hover{background:var(--t-akzent-tief);color:#fff;border-color:var(--t-akzent-tief)}
.tb-textknopf{border:0;background:none;font:inherit;color:var(--t-matt);cursor:pointer;padding:0;margin-bottom:12px}
.tb-gewaehlt{font-weight:700;margin:6px 0 16px}
form label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}
form label em{color:var(--t-akzent);font-style:normal}
form small{display:block;font-weight:400;color:var(--t-matt);margin-top:4px}
input,textarea,select{display:block;width:100%;margin-top:6px;border:1.5px solid var(--t-linie);border-radius:10px;
  padding:10px 12px;font:inherit;font-size:15px;color:var(--t-tinte);background:#fff}
textarea{min-height:90px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--t-tinte)}
.tb-gaeste{margin-bottom:14px;font-size:14px}
.tb-gaeste summary{cursor:pointer;color:var(--t-matt);margin-bottom:10px}
.tb-honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tb-knopf{display:inline-block;border:0;border-radius:12px;background:var(--t-akzent-text);color:#fff;font:inherit;font-weight:700;
  font-size:15.5px;padding:13px 22px;cursor:pointer;text-decoration:none}
.tb-knopf:hover{background:var(--t-akzent-tief)}
.tb-knopf:disabled{opacity:.6;cursor:wait}
.tb-knopf-hell{background:#fff;color:var(--t-tinte);border:1.5px solid var(--t-linie)}
.tb-knopf-hell:hover{background:var(--t-sanft)}
.tb-fehler{color:var(--t-rot);font-weight:600;min-height:1.2em;margin:4px 0 10px}
.tb-klein{font-size:12.5px;color:var(--t-matt);margin-top:14px}
.tb-fertig{text-align:center;align-self:center}
.tb-haken{width:58px;height:58px;border-radius:50%;background:var(--t-gruen);color:#fff;font-size:30px;display:grid;
  place-items:center;margin:0 auto 14px}
.tb-absagen{margin-top:30px;padding-top:22px;border-top:1px solid var(--t-linie)}
.tb-hinweis{color:var(--t-matt)}
@media(max-width:820px){
  .tb{padding:16px}
  .tb-karte{grid-template-columns:1fr}
  .tb-info{border-right:0;border-bottom:1px solid var(--t-linie);padding:22px 20px}
  .tb-schritt{padding:20px}
  #tb-schritt-zeit:not([hidden]){grid-template-columns:1fr}
  .tb-zeitliste{max-height:none;display:grid;grid-template-columns:repeat(3,1fr)}
}
.tb-zeitliste button[data-bestaetigen="1"]{background:var(--t-akzent-tief);color:#fff;border-color:var(--t-akzent-tief)}
.tb-knopf[data-bestaetigen="1"]{background:var(--t-rot);color:#fff;border-color:var(--t-rot)}
.tb-absagen h2{font-size:17px;margin-bottom:12px}
.tb-fertig .tb-knopf-hell{margin-top:6px}
input::placeholder,textarea::placeholder{color:#a0a6b0}
.tb-eingebettet .tb-karte{box-shadow:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--t-tinte);outline-offset:2px}
.tb-vorschau-band{grid-column:1/-1;margin:0;padding:8px 14px;background:#fff7ed;border-bottom:1px solid #fed7aa;font-size:13.5px;font-weight:600;color:#92400e}
input,textarea,select{font-weight:400}
.tb-fuss{text-align:center;margin:18px 0 0;font-size:13px}
.tb-fuss a{color:var(--t-matt);text-decoration:none}
.tb-fuss a:hover{color:var(--t-tinte);text-decoration:underline}
[hidden]{display:none!important}

/* ---------- Buchungsseite, Design 2: Farben als Variablen, damit Vorlagen und Akzentfarbe sie überschreiben ---------- */
:root{--b-akzent:#c2410c;--b-akzent-hell:#e8590c;--b-akzent-zart:#fff3eb;--b-akzent-zart2:#ffe2cc;--b-akzent-tief:#9a3412;
  --b-tinte:#0f1419;--b-text:#344054;--b-matt:#475467;--b-matt2:#667085;--b-blass:#c0c5cd;--b-linie:#d0d5dd;--b-linie2:#e6e8ed;
  --b-linie3:#eef0f3;--b-flaeche:#fff;--b-flaeche2:#f9fafb;--b-grund:#f5f6f8;--b-radius:20px;--b-radius-k:10px}
body:not(:has(.ta)){background:var(--b-grund)}
#tb-app{grid-template-columns:330px 1fr;border-radius:var(--b-radius);background:var(--b-flaeche);color:var(--b-tinte);border:1px solid var(--b-linie2);min-height:500px;
  box-shadow:0 24px 48px -24px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.04)}
#tb-app .ta-sym{flex:none;display:inline-block}
#tb-app .tb-info{background:var(--b-flaeche);padding:32px 28px;border-right:1px solid var(--b-linie3)}
.tb-gastgeber{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.tb-avatar{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--b-akzent-zart);color:var(--b-akzent-tief);
  font-weight:700;font-size:15px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--b-akzent) 15%,transparent)}
#tb-app .tb-wer{margin:0;font-size:14.5px;color:var(--b-matt)}
#tb-app .tb-info h1{font-size:26px;letter-spacing:-.03em;line-height:1.15;color:var(--b-tinte)}
#tb-app .tb-meta{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;color:var(--b-text);font-weight:600;font-size:14.5px}
#tb-app .tb-meta li{display:flex;align-items:center;gap:10px}
#tb-app .tb-meta .ta-sym{color:var(--b-matt2)}
#tb-app .tb-dauern{margin-top:16px}
#tb-app .tb-dauern button{border-radius:999px;border:1px solid var(--b-linie);padding:6px 13px}
#tb-app .tb-dauern button[aria-pressed="true"]{background:var(--b-akzent-zart);border-color:var(--b-akzent-hell);color:var(--b-akzent)}
#tb-app .tb-beschreibung{margin-top:20px;padding-top:20px;border-top:1px solid var(--b-linie3);color:var(--b-matt);font-size:15px;line-height:1.6}
#tb-app .tb-zone{display:flex;align-items:flex-start;gap:6px;margin-top:20px;font-size:13px;color:var(--b-matt2)}
#tb-app .tb-schritt{padding:32px}
.tb-schritt-titel{font-size:18px!important;margin:0 0 18px!important;color:var(--b-tinte);letter-spacing:-.02em}
#tb-schritt-zeit:not([hidden]){grid-template-columns:1fr 210px;gap:32px}
#tb-app .tb-monat b{font-size:16px;color:var(--b-tinte)}
#tb-app .tb-monat button{width:36px;height:36px;border:1px solid var(--b-linie2);color:var(--b-text);background:var(--b-flaeche);box-shadow:0 1px 2px rgba(16,24,40,.05)}
#tb-app .tb-monat button:hover:not(:disabled){border-color:var(--b-akzent);color:var(--b-akzent)}
#tb-app .tb-wochentage span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--b-matt2)}
#tb-app .tb-tage{gap:6px}
#tb-app .tb-tage button{max-width:48px;width:100%;justify-self:center;font-size:15px;color:var(--b-blass);transition:color .12s}
#tb-app .tb-tage button.tb-frei{background:var(--b-akzent-zart);color:var(--b-akzent);font-weight:600}
#tb-app .tb-tage button.tb-frei:hover{background:var(--b-akzent-zart2)}
#tb-app .tb-tage button.tb-aktiv,#tb-app .tb-tage button.tb-aktiv:hover{background:var(--b-akzent);color:#fff;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--b-akzent) 70%,transparent)}
#tb-app .tb-tagname{margin:2px 0 14px;font-weight:700;color:var(--b-tinte);font-size:15px}
#tb-app .tb-zeitliste{gap:8px;max-height:380px}
#tb-app .tb-zeitliste button{border:1px solid var(--b-linie);background:var(--b-flaeche);color:var(--b-tinte);font-weight:600;padding:11px;border-radius:var(--b-radius-k);
  font-variant-numeric:tabular-nums;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .12s,color .12s}
#tb-app .tb-zeitliste button:hover{background:var(--b-flaeche);border-color:var(--b-akzent);color:var(--b-akzent)}
#tb-app .tb-zeitliste button[data-bestaetigen="1"]{background:var(--b-akzent);border-color:var(--b-akzent);color:#fff}
#tb-app .tb-textknopf{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--b-matt2);margin-bottom:14px}
#tb-app .tb-textknopf:hover{color:var(--b-tinte)}
#tb-app .tb-gewaehlt{display:inline-block;margin:0 0 20px;padding:8px 12px;border-radius:var(--b-radius-k);background:var(--b-akzent-zart);color:var(--b-akzent-tief);font-weight:700;font-size:14.5px}
#tb-app form label{color:var(--b-tinte)}
#tb-app input,#tb-app textarea,#tb-app select{border:1px solid var(--b-linie);border-radius:var(--b-radius-k);box-shadow:0 1px 2px rgba(16,24,40,.04)}
#tb-app input:focus,#tb-app textarea:focus,#tb-app select:focus{border-color:var(--b-akzent-hell);box-shadow:0 0 0 4px color-mix(in srgb,var(--b-akzent) 18%,transparent);outline:0}
#tb-app form label em{color:var(--b-akzent)}
#tb-app .tb-knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--b-akzent);border-radius:var(--b-radius-k);
  box-shadow:0 1px 2px rgba(16,24,40,.05),inset 0 -1px 0 rgba(0,0,0,.08)}
#tb-app .tb-knopf:hover{background:var(--b-akzent-tief)}
#tb-app #tb-senden{width:100%;padding:14px}
#tb-app .tb-knopf-hell{background:var(--b-flaeche);color:var(--b-tinte);border:1px solid var(--b-linie);box-shadow:0 1px 2px rgba(16,24,40,.05)}
#tb-app .tb-knopf-hell:hover{background:var(--b-flaeche2)}
#tb-app .tb-fertig h2{font-size:24px;margin-bottom:8px}
#tb-app .tb-haken{width:64px;height:64px;background:#ecfdf3;color:#067647;box-shadow:0 0 0 8px #f6fef9}
.tb-fuss a{display:inline-flex;align-items:center;gap:6px}
@media(max-width:820px){
  #tb-app{grid-template-columns:1fr;border-radius:16px}
  #tb-app .tb-info{border-right:0;border-bottom:1px solid var(--b-linie3);padding:22px 20px}
  #tb-app .tb-schritt{padding:22px 18px}
  #tb-schritt-zeit:not([hidden]){grid-template-columns:1fr;gap:20px}
  #tb-app .tb-zeitliste{display:grid;grid-template-columns:repeat(3,1fr);max-height:none}
}
.tb-fuss a{color:var(--b-matt)}

/* Auswahl per Punkt oder Kästchen, Textblock */
.tb-wahl{border:0;padding:0;margin:0 0 14px;min-width:0}
.tb-wahl legend{padding:0;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--b-tinte)}
.tb-wahl legend em{color:var(--b-akzent);font-style:normal}
form label.tb-wahl-option{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:0 0 8px;cursor:pointer;line-height:1.45}
.tb-wahl-option input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--b-akzent);box-shadow:none!important}
.tb-wahl small{display:block;color:var(--t-matt);font-size:12.5px;font-weight:400}
.tb-textblock{margin:0 0 16px;padding:12px 14px;border-radius:8px;background:var(--b-flaeche2);border:1px solid var(--b-linie3);font-size:14px;color:var(--b-text)}
.tb-textblock p{margin:0}
.tb-textblock-titel{font-weight:600;color:var(--b-tinte);margin-bottom:4px!important}

/* Leistungen mit Preis */
#tb-app .tb-leistungen{flex-direction:column;align-items:stretch}
#tb-app .tb-leistungen button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border-radius:8px;padding:10px 12px;font-weight:400;color:var(--b-tinte)}
#tb-app .tb-leistungen button b{font-weight:600;font-size:14px}
.tb-leistung-fakten{font-size:13px;color:var(--b-matt)}
.tb-leistung-text{font-size:12.5px;color:var(--b-matt);line-height:1.45}
#tb-app .tb-leistungen button[aria-pressed="true"] .tb-leistung-fakten{color:var(--b-akzent)}
#tb-app .tb-zeitliste button small{display:block;font-size:11.5px;font-weight:500;color:var(--b-matt);margin-top:1px}

/* ---------- Vorlagen (Design der Buchungsseite) ---------- */
body[data-vorlage="weich"]{--b-grund:color-mix(in srgb,var(--b-akzent) 7%,#fff);--b-radius:28px;--b-radius-k:999px}
body[data-vorlage="weich"] #tb-app{border-color:transparent;box-shadow:0 30px 60px -30px color-mix(in srgb,var(--b-akzent) 35%,transparent)}
body[data-vorlage="weich"] #tb-app .tb-info{background:color-mix(in srgb,var(--b-akzent) 4%,#fff)}
body[data-vorlage="schlicht"]{--b-grund:#fff;--b-radius:8px;--b-radius-k:6px}
body[data-vorlage="schlicht"] #tb-app{box-shadow:none}
body[data-vorlage="dunkel"]{--b-tinte:#f3f4f6;--b-text:#d1d5db;--b-matt:#aeb4be;--b-matt2:#9aa1ac;--b-blass:#5b626d;--b-linie:#3a414c;
  --b-linie2:#2c323b;--b-linie3:#262c34;--b-flaeche:#161b22;--b-flaeche2:#1d232b;--b-grund:#0d1117;
  --b-akzent-zart:color-mix(in srgb,var(--b-akzent-hell) 12%,#161b22);--b-akzent-zart2:color-mix(in srgb,var(--b-akzent-hell) 22%,#161b22);--b-akzent-tief:var(--b-akzent-hell)}
body[data-vorlage="dunkel"]{background:var(--b-grund);color:var(--b-tinte)}
body[data-vorlage="dunkel"] #tb-app .tb-tage button.tb-frei,body[data-vorlage="dunkel"] #tb-app .tb-leistungen button[aria-pressed="true"] .tb-leistung-fakten,
body[data-vorlage="dunkel"] #tb-app .tb-dauern button[aria-pressed="true"],body[data-vorlage="dunkel"] #tb-app .tb-monat button:hover:not(:disabled),
body[data-vorlage="dunkel"] #tb-app .tb-zeitliste button:hover,body[data-vorlage="dunkel"] #tb-app form label em{color:var(--b-akzent-hell)}
body[data-vorlage="dunkel"] #tb-app .tb-tage button.tb-aktiv{color:#fff}
body[data-vorlage="dunkel"] #tb-app input,body[data-vorlage="dunkel"] #tb-app textarea,body[data-vorlage="dunkel"] #tb-app select{background:#0d1117;color:var(--b-tinte)}
body[data-vorlage="dunkel"] a{color:var(--b-tinte)}
body[data-vorlage="dunkel"] .tb-fuss a{color:var(--b-matt)}
body[data-vorlage="dunkel"] .tb-karte{background:var(--b-flaeche);color:var(--b-tinte)}
body[data-vorlage="dunkel"] #tb-app .tb-haken{background:#0f2e1f;box-shadow:0 0 0 8px #0b2318;color:#4ade80}
.tb-richtlinie{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:var(--b-flaeche2);border:1px solid var(--b-linie3);font-size:13px;color:var(--b-text)}
.tb-richtlinie b{display:block;color:var(--b-tinte);margin-bottom:2px}
.tb-richtlinie p{margin:0}
.tb-passwort form{max-width:340px}
.tb-bild{width:44px;height:44px;flex:none;object-fit:cover;border-radius:8px}
.tb-bild-rund{border-radius:50%}
.tb-warteliste{margin-top:14px;font-size:14px}
.tb-warteliste summary{cursor:pointer;color:var(--b-akzent);font-weight:600}
.tb-warteliste form{margin-top:10px}
.tb-erfolg{color:#067647;font-weight:600;margin:10px 0 0}
body[data-vorlage="dunkel"] .tb-erfolg{color:#4ade80}
.tb-verwalten-wann{margin-top:16px}
#tb-app .tb-info .tb-knopf{width:100%;margin-top:4px}
/* Datei-Upload im Formular */
.tb-datei input[type=file]{display:block;width:100%;margin-top:6px;padding:8px;border:1px dashed var(--b-linie,#d0d5dd);border-radius:8px;background:transparent;font:inherit;font-size:14px;cursor:pointer}
.tb-datei-status{margin:4px 0 0;font-size:13px;color:var(--b-matt,#667085)}
.tb-datei-ok .tb-datei-status{color:var(--t-tinte);font-weight:600}
.tb-datei-ok .tb-datei-status::before{content:"✓ ";color:var(--t-gruen)}
.tb-datei-fehler .tb-datei-status{color:var(--t-rot);font-weight:600}
/* Serientermine */
.tb-serie{border:0;padding:0;margin:0 0 14px}
.tb-serie legend{font-weight:600;font-size:14px;margin-bottom:6px;padding:0}
.tb-serie-felder{display:flex;gap:10px;flex-wrap:wrap}
.tb-serie-felder label{flex:1 1 160px;margin:0}
.tb-serie-felder select{width:100%}
.tb-serie-liste{margin:10px 0 0;padding:0;list-style:none;font-size:14px}
.tb-serie-liste li{padding:4px 0}
.tb-serie-frei::before{content:"✓ ";color:var(--t-gruen)}
.tb-serie-belegt{color:var(--t-rot);font-weight:600}
.tb-serie-belegt::before{content:"✗ "}
.tb-serie-hinweis{color:var(--t-rot);font-size:13px}
.tb-fertig .tb-serie-liste{text-align:left;display:inline-block}
/* SMS-Erinnerung zum Ankreuzen */
.tb-sms{margin:4px 0 12px}
.tb-sms .tb-sms-nummer{margin-top:8px}
/* Absagegründe als Auswahl-Chips */
.tb-gruende{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:4px 0 12px}
.tb-gruende legend{width:100%;font-weight:600;font-size:14px;margin-bottom:6px;padding:0}
.tb-chip{position:relative;margin:0}
.tb-chip input{position:absolute;opacity:0;width:1px;height:1px}
.tb-chip span{display:inline-block;padding:7px 12px;border:1px solid var(--t-linie);border-radius:999px;font-size:14px;cursor:pointer;background:var(--t-weiss);color:var(--t-tinte)}
.tb-chip input:checked+span{border-color:var(--t-akzent-tief);background:var(--t-akzent-hell);color:var(--t-akzent-text);font-weight:600}
.tb-chip input:focus-visible+span{outline:2px solid var(--t-akzent-tief);outline-offset:2px}
.tb-feedback{margin:6px 0 14px}
.tb-unsichtbar{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Anrede, Vor- und Nachname */
.tb-namen{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media (max-width:420px){.tb-namen{grid-template-columns:1fr}}
.tb-anrede select{max-width:260px}