/* Kunden-Bereich: gemeinsame Bausteine (js/daten/kunden.js), danach Start */

/* Fotokarte */
.kk { padding:6px; overflow:hidden; }
.kk-foto { position:relative; aspect-ratio:16 / 10; border-radius:15px; overflow:hidden; background:var(--sand-hell); }
.kk-foto img { width:100%; height:100%; object-fit:cover; display:block; }
.kk-foto.ohne, .k-objektzeile-bild.ohne { background:linear-gradient(145deg, #EFE9E1, #E2D9CE); }
.kk-platz { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:var(--taupe); }
.kk-platz span { font:600 11.5px/14px var(--schrift); letter-spacing:.06em; text-transform:uppercase; color:var(--taupe-tief); opacity:.8; }
.kk-reserviert { position:absolute; left:10px; top:10px; height:24px; padding:0 10px; border-radius:12px; display:inline-flex; align-items:center;
  background:rgba(255,255,255,.88); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); font:600 11.5px/1 var(--schrift); color:var(--amber); box-shadow:0 2px 8px rgba(20,26,56,.12); }
.kk-text { padding:11px 8px 6px; }
.kk-preis { font:700 20px/24px var(--schrift); letter-spacing:-.03em; color:var(--navy); }
.kk-titel { margin-top:3px; font:600 15px/20px var(--schrift); color:var(--navy); letter-spacing:-.01em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.kk-meta { display:flex; justify-content:space-between; gap:10px; margin-top:6px; font:500 13px/17px var(--schrift); color:var(--text2); }
.kk-meta span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kk-meta span.num { flex:none; }
.kk.klein { flex:none; width:244px; white-space:normal; }
.kk.klein .kk-foto { aspect-ratio:4 / 3; }
.kk.klein .kk-preis { font-size:17px; line-height:21px; }
.kk.klein .kk-titel { font-size:13.5px; line-height:18px; -webkit-line-clamp:1; }

/* Auswahl-Chips, Formulare, Erfolg */
.k-chips { flex-wrap:wrap; }
.k-chips .chip { height:36px; font-weight:500; }
.k-form { padding-bottom:6px; }
.k-intro { margin:0 4px 14px; font:400 15px/21px var(--schrift); color:var(--text2); }
.k-form .feld-zeile > .feld-l { width:96px; }
.k-haken { display:flex; align-items:flex-start; gap:12px; width:100%; margin-top:16px; padding:14px; text-align:left; background:#fff; border:1px solid var(--linie); border-radius:14px;
  font:600 14.5px/20px var(--schrift); color:var(--navy); transition:border-color .2s, transform .25s var(--ios); }
.k-haken-box { flex:none; width:22px; height:22px; border-radius:7px; display:grid; place-items:center; box-shadow:inset 0 0 0 1.5px var(--sand); color:transparent; transition:background-color .2s, color .2s; }
.k-haken.an { border-color:var(--gruen-bg); }
.k-haken.an .k-haken-box { background:var(--gruen); box-shadow:none; color:#fff; }
.k-erfolg { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:12px 8px 8px; }
.k-erfolg-ic { width:64px; height:64px; border-radius:50%; display:grid; place-items:center; background:var(--gruen-bg); color:var(--gruen); animation:dm-rein .5s var(--ios) both; }
.k-erfolg .t1 { font-size:19px; margin-top:6px; }
.k-erfolg p { margin:0; max-width:290px; font:400 15px/21px var(--schrift); color:var(--text2); }
.k-objektzeile { display:flex; align-items:center; gap:12px; padding:8px; background:#fff; border:1px solid var(--linie); border-radius:16px; }
.k-objektzeile-bild { position:relative; width:56px; height:56px; flex:none; border-radius:12px; overflow:hidden; background:var(--sand-hell); }
.k-objektzeile-bild img { width:100%; height:100%; object-fit:cover; display:block; }
.k-objektzeile-bild .kk-platz span, .k-objektzeile-bild .kk-reserviert { display:none; }
.k-objektzeile .t1 { font-size:15px; }
.k-leer { margin-top:16px; }

/* Start */
.k-start .ks-betreuer { margin-top:14px; padding:14px; }
.k-start .ks-b-kopf { display:flex; align-items:center; gap:14px; }
.k-start .ks-b-kicker { font:600 11.5px/15px var(--schrift); letter-spacing:.06em; text-transform:uppercase; color:var(--taupe-tief); margin-bottom:2px; }
.k-start .ks-b-kopf .t1 { font-size:17px; }
.k-start .ks-b-knoepfe { margin-top:14px; }
.k-start .ks-b-knoepfe .knopf { height:44px; }
.k-start .sek { margin-left:20px; margin-right:20px; }
.k-start .pad .sek { margin-left:4px; margin-right:4px; }
.k-start .ks-band { display:flex; gap:12px; padding-bottom:4px; padding-top:2px; }
.k-start .ks-hinweis { padding:16px; font:500 14px/20px var(--schrift); color:var(--text2); }
.k-start .ks-kacheln { display:flex; flex-direction:column; gap:10px; }
.k-start .ks-kachel { display:flex; align-items:center; gap:14px; padding:14px 14px 14px 14px; }
.k-start .ks-kachel .t1 { font-size:16px; }
.k-start .ks-kachel .t2 { margin-top:2px; }
.k-start .ks-kachel > .ic:last-child { color:#C3C0C6; flex:none; }
.k-start .ks-fuss { margin-top:22px; }