/* Herzgeflüster am Bodensee – alle Stile in einer Datei (früher v27.css + v31.css) */

/* ===== v27.css ===== */
/* Herzgeflüster v27 – dezent mehr Gelb (gesprüht), ein weiches Herz im Hintergrund, Charakter-Test */
body{position:relative;z-index:0}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(520px 420px at 92% 12%, rgba(255,210,50,.42), rgba(255,210,50,0) 70%),
    radial-gradient(460px 380px at 4% 58%, rgba(255,222,90,.38), rgba(255,222,90,0) 70%),
    radial-gradient(520px 420px at 70% 104%, rgba(255,200,40,.34), rgba(255,200,40,0) 70%),
    radial-gradient(380px 300px at 30% 0%, rgba(150,158,168,.22), rgba(160,166,174,0) 70%);}
body::after{content:"";position:fixed;right:-8vw;bottom:-6vh;width:min(70vw,460px);height:min(70vw,460px);z-index:-1;pointer-events:none;opacity:.6;filter:blur(1px);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='40%25' r='65%25'%3E%3Cstop offset='0' stop-color='%23FFEFBF' stop-opacity='.6'/%3E%3Cstop offset='.6' stop-color='%23F7C9D8' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%23F7C9D8' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3.2 4.5 6.9 4.5c2.2 0 3.8 1.2 5.1 3 1.3-1.8 2.9-3 5.1-3 3.7 0 6 3.9 4.5 7.3C19.5 16.4 12 21 12 21z' fill='url(%23g)'/%3E%3C/svg%3E") center/contain no-repeat;}
#umbau{background:
  radial-gradient(520px 420px at 90% 8%, rgba(255,214,64,.30), transparent 70%),
  radial-gradient(460px 380px at 6% 92%, rgba(255,226,110,.28), transparent 70%),
  radial-gradient(700px 500px at 10% -10%,rgba(20,163,154,.10),transparent 60%),var(--grund)}
#umbau .herz{filter:drop-shadow(0 6px 18px rgba(255,200,60,.45))}
/* Anonym in der Testphase: Kontakt/Impressum auf der Umbau-Seite nur zeigen, wenn im Admin ausgeschaltet */
html:not(.hk-nichtanonym) #umbau .klein{display:none}
@media (prefers-reduced-transparency: reduce){ body::before,body::after{display:none} }

/* ---------- Charakter-Test ---------- */
.ch-karte{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,249,230,.9));border:1px solid rgba(235,215,150,.5);border-radius:20px;padding:16px 16px 14px;margin:14px 0;box-shadow:0 10px 28px rgba(200,160,40,.10)}
.ch-karte-kopf{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.ch-karte-kopf b{font-family:var(--rund);font-size:18px}
.ch-herz-klein,.ch-typ-icon.klein{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--himbeer);background:radial-gradient(circle at 40% 35%,#FFFBEA,#FFEDB8)}
.ch-zeile{margin:10px 0 2px}
.ch-kopf{display:flex;justify-content:space-between;font-size:14px}
.ch-kopf span{color:var(--leise)}
.ch-spur{position:relative;height:10px;border-radius:10px;margin:6px 0 4px;background:linear-gradient(90deg,#E6E8EB,#FFF0C4 50%,#F7D3DF)}
.ch-spur i,.ch-spur em{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:3px solid var(--himbeer);box-shadow:0 2px 6px rgba(0,0,0,.15)}
.ch-spur em{width:14px;height:14px;border-color:#4A5361;background:#FFE07A}
.ch-enden{display:flex;justify-content:space-between;font-size:12px;color:var(--leise)}
.ch-text{font-size:15px;line-height:1.5;margin-top:10px}
.ch-text.klein{font-size:13.5px;color:#4A4F55;margin-top:2px}
.ch-zeigen{display:flex;gap:8px;align-items:center;font-size:14px;margin-top:12px}
.ch-zeigen input{width:20px;height:20px}
.ch-punkt{display:inline-block;width:11px;height:11px;border-radius:50%;border:3px solid var(--himbeer);background:#fff;vertical-align:-1px}
.ch-punkt.du{border-color:#4A5361;background:#FFE07A}
.ch-herz{font-size:54px;line-height:1;color:var(--himbeer);text-align:center;margin:6px 0 8px;filter:drop-shadow(0 6px 16px rgba(255,200,60,.55))}
.ch-ergebnis h2{text-align:center}.ch-ergebnis .unter{text-align:center}
.ch-typ{text-align:center}
.ch-typ .ch-typ-icon{font-size:52px;line-height:1;margin:4px 0 8px}
.ch-typ h3{font-size:26px;margin:2px 0 6px}
.ch-typ .ch-zeile{text-align:left}

/* v27b: kräftiger – Kacheln satter, Steckbrief mit mehr Farbe und Kontrast */
.g-kachel,.g-cover{filter:saturate(1.45) contrast(1.06)}
.steckbrief{background:linear-gradient(160deg,#FFF1C9 0%,#FFF8E6 45%,#F8DCE6 100%);box-shadow:0 16px 40px rgba(150,120,60,.14)}
.sb-rand{border:2.5px solid #2A2F36;outline:1.5px solid #E6CB7A;outline-offset:-9px;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.85),transparent 55%),radial-gradient(circle at 90% 95%,rgba(255,214,64,.22),transparent 60%),#FFFBEC}
.sb-titel{color:#1F2328}
.sb-sub{color:#3A3F46}
.sb-name{color:#1F2328}
.sb-ort{color:#4A4F55}
.sb-foto{box-shadow:0 0 0 1px #E3C76A,0 14px 30px rgba(30,36,40,.30)}
.sb-fakten{background:#EFE4C4;border-color:#EFE4C4}
.sb-fakten div{background:#FFFDF5}
.sb-fakten dt{color:#7A5C0E;font-weight:600}
.sb-belohnung{background:linear-gradient(135deg,#FFF6D6,#FFEAB0);color:#2A2F36;border:0;box-shadow:0 6px 14px rgba(200,170,80,.16)}
/* Hilfe beim Anschreiben */
.ab-reiter{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;margin:8px 0 4px;scrollbar-width:none}
.ab-reiter button{flex-shrink:0;padding:8px 12px;border-radius:999px;background:var(--grund);border:1.5px solid var(--linie);font-size:13.5px;font-weight:700;white-space:nowrap}
.ab-reiter button.an{background:linear-gradient(135deg,#FFF6D6,#FFEAB0);border-color:#E9D28E;color:#2A2F36}
.ab-liste{max-height:46vh;overflow-y:auto;margin-bottom:8px}
.ab-knopf{margin-top:12px;width:100%;background:linear-gradient(135deg,#FFF6D6,#FFEAB0)!important;color:#2A2F36!important;box-shadow:0 4px 12px rgba(200,170,80,.18)!important}
/* v27c: mehr Airbrush in Gelb und Grau (Polaroid-Rahmen bleibt schwarz) */
body::before{background:
  radial-gradient(560px 460px at 94% 10%, rgba(255,232,150,.38), rgba(255,232,150,0) 70%),
  radial-gradient(520px 420px at 2% 30%, rgba(150,158,168,.20), rgba(140,148,158,0) 70%),
  radial-gradient(520px 440px at 8% 88%, rgba(255,236,170,.34), rgba(255,236,170,0) 70%),
  radial-gradient(560px 460px at 96% 78%, rgba(160,168,178,.20), rgba(150,158,168,0) 70%),
  radial-gradient(420px 340px at 50% 50%, rgba(255,240,190,.18), rgba(255,240,190,0) 70%)}

/* Das Wichtigste auf einen Blick (oben bei Entdecken) */
.schnell{display:flex;gap:10px;overflow-x:auto;padding:4px 18px 12px;scrollbar-width:none}
.schnell::-webkit-scrollbar{display:none}
.schnell button{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;width:86px;padding:12px 6px 10px;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 6px 16px rgba(60,60,60,.10);font-size:12.5px;font-weight:700;line-height:1.2;color:#2F3338;position:relative}
.schnell button i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:20px;background:linear-gradient(135deg,#FFF6D6,#FFEAB0)}
.schnell button b{position:absolute;top:6px;right:12px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--himbeer);color:#fff;font-size:11.5px;display:grid;place-items:center}
/* v28: Event buchen */
.ev-blind{background:linear-gradient(135deg,#FFF9EA,#F8E7EE);border-radius:16px;padding:12px 14px;margin:6px 0 10px}
.ev-blind p{font-size:14px;margin:4px 0 8px}
.ev-band{display:inline-flex;align-items:center;gap:6px;font-weight:800}
.ev-band i{width:26px;height:10px;border-radius:6px;background:var(--f);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.ev-menues{display:grid;gap:8px;margin-bottom:8px}
.ev-menue{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;padding:12px 14px;border-radius:16px;border:2px solid var(--linie);background:var(--flaeche)}
.ev-menue span{grid-column:1;font-size:13px;color:var(--leise)}
.ev-menue em{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-weight:800}
.ev-menue.an{border-color:var(--himbeer);background:#FDF3F7}
.ev-ticket{display:flex;justify-content:space-between;padding:10px 2px;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);margin:8px 0}
.ev-zahl{display:grid;gap:8px;margin-bottom:8px}
.ev-zahl button{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;border:2px solid var(--linie);background:var(--flaeche);text-align:left}
.ev-zahl button span{font-size:12.5px;color:var(--leise)}
.ev-zahl button.an{border-color:var(--himbeer);background:#FDF3F7}
.ev-ok{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:8px 0}
.ev-ok input{width:20px;height:20px;flex-shrink:0;margin-top:1px}
.ev-ue{display:grid;gap:6px;background:var(--grund);border-radius:14px;padding:12px 14px;margin:8px 0}
.ev-ue div{display:flex;justify-content:space-between;gap:10px;font-size:14px}.ev-ue span{color:var(--leise)}
.ev-karte{padding:14px;border:2px solid var(--linie);border-radius:14px;background:#fff;margin:8px 0}
.ev-klein{font-size:12.5px}
.ev-gerichte{display:flex;flex-wrap:wrap;gap:6px;padding:4px 2px 6px}
.ev-gerichte span{width:100%;font-size:13px;color:var(--leise);font-weight:700}
.ev-gerichte button{padding:8px 12px;border-radius:999px;border:1.5px solid var(--linie);background:var(--flaeche);font-size:13.5px;font-weight:600}
.ev-gerichte button.an{border-color:var(--himbeer);background:#FDF3F7}
.ev-qr{display:flex;justify-content:center;margin:8px 0}.ev-qr svg{width:190px;height:190px;background:#fff;border-radius:12px}
.ev-sterne{display:flex;justify-content:center;gap:6px;margin:8px 0 12px}.ev-sterne button{font-size:36px;color:#D5D8DC}.ev-sterne button.an{color:#E3B521}

/* v30: Rabatt & Mitbringen */
.ev-alt{color:#8A9099;font-weight:500;margin-right:4px}
.ev-gut{background:#FFF7DA;border-radius:12px;padding:8px 12px;font-size:14px;margin:6px 0 10px}
.ev-mit{background:#FCEFF3;border-radius:16px;padding:14px;margin:12px 0;text-align:center}
.ev-mit p{font-size:14px;margin:6px 0 10px}
.ev-mitcode{font-size:24px;font-weight:800;letter-spacing:2px;color:#9A3E62;margin-bottom:8px}

/* v31: Buffet, Hinweise, Stempelkarte */
.ev-zeile{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-top:1px solid var(--linie);font-size:15px}
.ev-zeile span{color:var(--tinte)}.ev-zeile b{font-weight:600;color:var(--leise)}
.ev-diaet{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ev-diaet label{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:500;color:var(--tinte);background:var(--flaeche);border:1.5px solid var(--linie);border-radius:999px;padding:6px 12px;margin:0}
.ev-diaet input{width:auto;margin:0}
.ev-stempel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:var(--grund);border-radius:14px;padding:10px 12px;margin:10px 0;font-size:13px}
.ev-stempel span{font-weight:700}.ev-stempel i{display:flex;gap:4px}.ev-stempel em{width:14px;height:14px;border-radius:50%;border:2px solid var(--himbeer);display:block}
.ev-stempel em.an{background:var(--himbeer)}.ev-stempel em.ziel{border-style:dashed}.ev-stempel small{color:var(--leise);width:100%}.ev-stempel b{color:var(--himbeer);width:100%}

.ev-mehr{margin:10px 0;border:1.5px solid var(--linie);border-radius:14px;padding:10px 12px;background:var(--flaeche)}
.ev-mehr summary{cursor:pointer;font-weight:700;font-size:14.5px}.ev-mehr[open] summary{margin-bottom:6px}


/* ===== v31.css ===== */
/* Herzgeflüster v31 – aufgeräumt: Logo, Nachtblau aus dem Logo, weniger Text, eine Navigation, Hilfe-Knopf */
:root{--tinte:#22304A;--nachtblau:#22304A;--see:#22304A;--see-hell:#EEF0F5}
.btn{background:linear-gradient(180deg,#2D3D5C,#22304A);box-shadow:0 8px 18px -8px rgba(34,48,74,.45)}
.btn-zart{background:var(--flaeche);color:var(--tinte);box-shadow:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(194,85,127,.45)}

/* Register (Seitenleiste): ohne Untertitel, ruhiger */
.reg-eintrag small{display:none}
.reg-eintrag{min-height:42px;padding:6px 8px}
.reg-sym{width:30px;height:30px;background:transparent;color:var(--tinte)}
.reg-eintrag.an{background:var(--see-hell)}
.reg-eintrag.an .reg-sym{background:transparent;color:var(--himbeer)}
.reg-eintrag.an b{color:var(--tinte)}
.reg-gruppe:empty{display:none}
.reg-marke{padding:6px 6px 14px}
.reg-marke img{height:46px;width:auto}

/* Schnellzugriff weg – es gibt nur noch eine Navigation */
#hk-schnell{display:none!important}
@media (min-width:1000px){ .nav{display:none} #app{padding-bottom:30px} .app-hinweis{display:none!important} }

/* Logo auf der Anmeldeseite */
.marke-zeile img.hk-logo{height:64px;width:auto}

/* Hilfe-Assistent */
#hk-hilfe-knopf{position:fixed;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:8px;
  background:var(--flaeche);color:var(--tinte);border-radius:999px;padding:10px 16px 10px 12px;font-weight:700;font-size:14.5px;box-shadow:0 10px 26px rgba(34,48,74,.18);border:1px solid var(--linie)}
#hk-hilfe-knopf svg{width:22px;height:22px;color:var(--himbeer)}
@media (min-width:1000px){ #hk-hilfe-knopf{bottom:24px;right:24px} }
#hk-hilfe{position:fixed;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:96;width:min(400px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 140px));
  background:var(--flaeche);border-radius:24px;box-shadow:0 24px 60px rgba(34,48,74,.28);display:flex;flex-direction:column;overflow:hidden}
@media (min-width:1000px){ #hk-hilfe{bottom:24px;right:24px} }
#hk-hilfe .hh-kopf{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--linie)}
#hk-hilfe .hh-kopf b{font-family:var(--rund);font-size:18px;flex:1}
#hk-hilfe .hh-kopf button{width:34px;height:34px;border-radius:12px;font-size:22px;color:var(--leise)}
#hk-hilfe .hh-verlauf{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
#hk-hilfe .hh-b{max-width:88%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.5}
#hk-hilfe .hh-b.du{align-self:flex-end;background:var(--nachtblau);color:#fff;border-bottom-right-radius:6px}
#hk-hilfe .hh-b.ki{align-self:flex-start;background:var(--grund);border-bottom-left-radius:6px}
#hk-hilfe .hh-b details{margin-top:6px}#hk-hilfe .hh-b summary{cursor:pointer;font-weight:700}
#hk-hilfe .hh-vorschlag{display:flex;flex-wrap:wrap;gap:6px}
#hk-hilfe .hh-vorschlag button{border:1.5px solid var(--linie);border-radius:999px;padding:6px 11px;font-size:13px;background:var(--flaeche);text-align:left}
#hk-hilfe form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--linie)}
#hk-hilfe form input{margin:0;flex:1}
#hk-hilfe form button{width:auto;margin:0;padding:0 16px;border-radius:14px;background:var(--nachtblau);color:#fff;font-weight:700}
.reg-eintrag .reg-sym{background:transparent!important}
.reg-marke img{height:54px}
/* Handy: kein schwebender Knopf – das „?“ oben öffnet den Assistenten */
@media (max-width:999px){ #hk-hilfe-knopf{display:none!important} }

/* Gemeinschaften: dunkle, gut lesbare Schrift auf den hellen Zeichnungs-Kacheln */
.g-kachel[data-hell]{color:#1B2232;box-shadow:0 10px 24px -16px rgba(34,48,74,.45);border:1px solid rgba(34,48,74,.06)}
.g-kachel[data-hell] *{color:#1B2232!important;text-shadow:none!important}
.g-kachel[data-hell] small,.g-kachel[data-hell] .g-unten span{color:#4A5363!important}
.g-kachel[data-hell]::before,.g-kachel[data-hell]::after{display:none!important}
/* Hintergrund: Perlweiß mit zartem Rosé und Nachtblau – kein Gelb, kein Türkis */
:root{--grund:#FBF8F5}
html,body{background:#FBF8F5}
body::before{background:radial-gradient(900px 620px at -5% -10%,rgba(62,92,126,.11),transparent 62%),radial-gradient(800px 600px at 105% 0%,rgba(234,205,220,.38),transparent 60%),radial-gradient(900px 700px at 100% 110%,rgba(34,48,74,.07),transparent 62%),#FBF8F5!important}
body::after{opacity:.5}
.kopf{background:rgba(251,248,245,.88)}
#register{background:rgba(251,248,245,.97)}
/* Gemeinschaften: Themen-Register */
.g-reiter{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:none}.g-reiter::-webkit-scrollbar{display:none}
.g-reiter button{flex-shrink:0;padding:9px 15px;border-radius:999px;background:var(--flaeche);border:1.5px solid var(--linie);font-weight:650;font-size:14px;color:var(--tinte);white-space:nowrap}
.g-reiter button small{color:var(--leise);font-weight:600;margin-left:2px}
.g-reiter button.an{background:var(--nachtblau);border-color:var(--nachtblau);color:#fff}.g-reiter button.an small{color:rgba(255,255,255,.7)}
/* Partys & Tickets */
.hk-partys-hinweis{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:linear-gradient(120deg,#EEF1F5,#EEF0F5);border-radius:18px;padding:14px 16px;margin-bottom:14px}
.hk-partys-hinweis b{font-family:var(--rund);font-size:16px}.hk-partys-hinweis span{font-size:13.5px;color:var(--leise)}
.hk-party{background:var(--flaeche);border-radius:22px;overflow:hidden;margin-bottom:14px;box-shadow:0 10px 24px -18px rgba(34,48,74,.5);display:grid;grid-template-columns:1fr}
@media(min-width:700px){.hk-party{grid-template-columns:240px 1fr}}
.hk-party-bild{min-height:150px}.hk-party-text{padding:16px 18px}
.hk-party-text .tag{display:inline-block;font-size:12.5px;font-weight:700;color:var(--himbeer);background:#EEF1F5;border-radius:999px;padding:4px 10px}
.hk-party-text h3{font-family:var(--rund);font-size:21px;margin:8px 0 2px}.hk-party-be{font-size:14.5px;line-height:1.55;margin:8px 0 0;color:var(--tinte)}
.hk-party-fuss{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.hk-party-fuss b{font-family:var(--rund);font-size:20px}
.hk-party-fuss .btn{margin-left:auto}
.hk-chat-titel{font-family:var(--rund);font-size:18px;margin:6px 0 10px;display:flex;align-items:center;gap:8px}
.hk-chat-titel small{font-size:12px;font-weight:700;color:#fff;background:var(--himbeer);border-radius:999px;padding:1px 8px}
.hk-chat-titel:not(:first-child){margin-top:22px;padding-top:16px;border-top:1px solid var(--linie)}
.hk-g-ava{width:48px;height:48px;border-radius:14px;flex:none;background-size:cover}

/* v32: Chats in farbigen Bereichen */
.hk-chat-block{border-radius:22px;padding:14px 14px 6px;margin-bottom:14px}
.hk-chat-block .zeile{background:rgba(255,255,255,.92)}
.hk-chat-block.hk-liebe{background:linear-gradient(135deg,#E4E9F0,#F1F3F6);border:1px solid #D3DBE5}
.hk-chat-block.hk-freunde{background:linear-gradient(135deg,#E6ECF7,#EFF2F8);border:1px solid #D5DEEE}
.hk-chat-block.hk-gruppen{background:linear-gradient(135deg,#E5F2EC,#EFF6F2);border:1px solid #D1E6DB}
.hk-chat-block .hk-chat-titel{margin:2px 0 10px!important;padding-top:0!important;border-top:0!important}
.hk-liebe .hk-chat-titel{color:#34506F}.hk-freunde .hk-chat-titel{color:#2E4A7A}.hk-gruppen .hk-chat-titel{color:#2F6B52}
.hk-freunde .hk-chat-titel small{background:#2E4A7A}.hk-gruppen .hk-chat-titel small{background:#2F6B52}
/* v32: Überschriften in der Seitenleiste größer und schöner */
.reg-gruppe{font-family:'HK Lora',Lora,Georgia,serif;font-style:italic;font-weight:600;font-size:18px;color:var(--himbeer);padding:10px 10px 4px;letter-spacing:0}
/* v32: Hintergrund kräftiger – Perlmutt mit Rosé und Nachtblau, deutlich sichtbar */
body::before{background:radial-gradient(1000px 700px at -10% -10%,rgba(62,92,126,.22),transparent 60%),radial-gradient(900px 650px at 110% 5%,rgba(226,170,196,.40),transparent 60%),radial-gradient(1000px 800px at 100% 115%,rgba(34,48,74,.16),transparent 60%),radial-gradient(800px 600px at 0% 110%,rgba(200,210,235,.45),transparent 60%),#EEF1F5!important}
:root{--grund:#EEF1F5}html,body{background:#EEF1F5}
.kopf{background:rgba(249,243,242,.86)}
#register{background:rgba(252,247,246,.94)}

/* v32: Rückgängig & Boost, Eisbrecher, Foto-Hinweis, Pinnwand */
#swipe-knoepfe .kreis.klein{width:48px;height:48px}#swipe-knoepfe .kreis.klein svg{width:22px;height:22px}
.hk-eis{display:block;width:100%;text-align:left;background:#EEF1F5;border:1px solid #D3DBE5;border-radius:16px;padding:10px 14px;margin-bottom:10px;font-size:15px;color:var(--tinte)}
.hk-eis small{display:block;font-size:12px;color:var(--himbeer);font-weight:700;margin-bottom:2px}
.hk-foto-hinweis{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 36px);margin:0 18px 12px;text-align:left;background:linear-gradient(120deg,#EEF1F5,#FFF);border:1px solid #D3DBE5;border-radius:18px;padding:12px 16px}
.hk-foto-hinweis b{font-family:var(--rund);font-size:16px}.hk-foto-hinweis span{font-size:13.5px;color:var(--leise)}
.hk-pinn{background:var(--flaeche);border-radius:20px;padding:14px;margin-bottom:12px}
.hk-pinn-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-top:8px}.hk-pinn-fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
/* v33: Pinnwand im Polaroid-Look (schwarzer Rahmen wie bei den Profilfotos) */
.hk-pinn-fotos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:8px 4px}
.hk-polaroid{display:block;background:var(--rahmen,#1c1d22);padding:8px 8px 30px;transform:rotate(var(--dreh,0deg));box-shadow:0 10px 22px rgba(20,18,30,.28);position:relative;text-decoration:none;transition:transform .2s}
.hk-polaroid:hover{transform:rotate(0deg) scale(1.03)}
.hk-polaroid img{border-radius:0!important}
.hk-polaroid span{position:absolute;left:8px;right:8px;bottom:6px;color:#fff;font-family:'HK Lora',Georgia,serif;font-style:italic;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
/* v33: alles Anklickbare leicht grau hinterlegt */
.reg-eintrag{background:#F1F2F5;margin-bottom:4px}
.reg-eintrag:hover{background:#E7E9EE}
.reg-eintrag.an{background:#E4E7EE}
.g-reiter button,.segmente button,.ab-reiter button,#profil-tabs button,.ev-diaet label{background:#F1F2F5}
.g-reiter button.an{background:var(--nachtblau)}
.btn-zart{background:#F1F2F5!important;border-color:#E3E5EA!important}
.zeile{background:#F6F7F9}
.hk-chat-block .zeile{background:rgba(255,255,255,.92)}
/* v33: Schrift auf den Gemeinschafts-Kacheln nicht über der Zeichnung */
.g-kachel[data-hell] .g-unten,.g-kachel[data-hell] [class*="unten"]{max-width:56%}
.g-kachel[data-hell] b{font-size:17px;line-height:1.25}
.g-kachel[data-hell] .g-unten{right:44%}
.g-cover[data-hell] .g-cover-text{max-width:56%}
.g-cover[data-hell] .g-cover-text *{color:#1B2232!important;text-shadow:none!important}

/* v34: Steckbrief „Zu finden“ ohne Gelb – Perlmutt, Rosé, Nachtblau */
.steckbrief{background:linear-gradient(160deg,#EFF2F6,#EEF1F5 50%,#E9EDF5)!important}
.sb-rand{background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.85),transparent 55%),#FFFDFC!important;border-color:#22304A!important;outline-color:#22304A!important}
.sb-titel,.sb-name{color:#22304A!important}.sb-sub{color:#34506F!important}
.sb-fakten div{background:#fff!important}
.sb-belohnung{background:#22304A!important}
.sb-belohnung small{color:#B8C6D8!important}
/* Fotos als Scroller oben */
.galerie.pola.hk-scroller{height:220px!important;gap:14px;padding:10px 16px 18px;background:transparent!important;margin:0 0 6px}
.galerie.pola.hk-scroller>div{flex:0 0 170px!important;height:200px!important;scroll-snap-align:start}
.hk-profil-reiter{margin:10px 16px 0;padding-bottom:8px}
/* Kopfbilder */
.hk-kopfbild{display:flex;align-items:center;gap:12px;margin:4px 18px 14px;padding:14px 16px;border-radius:22px;background:linear-gradient(120deg,#E4E9F0,#EEF0F7);border:1px solid #D8DEE7}
.hk-kopfbild div{flex:1;min-width:0}.hk-kopfbild b{display:block;font-family:'HK Lora',Georgia,serif;font-style:italic;font-size:22px;color:#22304A;line-height:1.2}
.hk-kopfbild span{display:block;font-size:13.5px;color:#5B6270;margin-top:3px}.hk-kopfbild svg{width:120px;height:90px;flex:none}
.g-kopf.hk-kopf-gross{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 14px}.g-kopf.hk-kopf-gross h1{width:100%}.g-kopf.hk-kopf-gross p{flex:1}
/* Was ist dabei? */
.hk-dabei{margin-top:10px;border:1.5px solid #E3E5EA;border-radius:14px;background:#F6F7F9}.hk-dabei summary{cursor:pointer;padding:10px 12px;font-weight:700;font-size:14.5px}
.hk-dabei-inhalt{padding:0 12px 10px}.hk-dabei-zeile{display:flex;gap:10px;padding:7px 0;border-top:1px solid #E7E9EE}.hk-dabei-zeile i{font-style:normal;font-size:18px}
.hk-dabei-zeile b{display:block;font-size:14px}.hk-dabei-zeile span{display:block;font-size:13px;color:#5B6270}
/* Was ist los: edler */
.mk-karte,.partner-karte{border-radius:22px!important;box-shadow:0 10px 24px -18px rgba(34,48,74,.5)!important;border:1px solid #E3E7EC!important;background:#fff!important}
.mk-karte h4,.partner-karte h4{font-family:'HK Lora',Georgia,serif;font-style:italic;font-size:21px;color:#22304A}
/* Teilen-Knöpfe */
.hk-teilen{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hk-teilen .btn{margin-top:8px;padding:13px 6px;font-size:14.5px}
/* Seitenleiste: Überschriften größer, Logo größer, Symbol hinter „Ich“ */
.reg-gruppe{font-size:21px!important;padding:12px 10px 6px!important}
.reg-marke img{height:72px!important}
.reg-block[data-gruppe="0"] .reg-gruppe{display:flex;align-items:center;gap:8px}
.reg-block[data-gruppe="0"] .reg-gruppe::after{content:"";width:30px;height:34px;background:url("icons/symbol.svg") center/contain no-repeat}
/* Bewertungen deutlicher */
.bew-kasten{background:linear-gradient(120deg,#F5F7FA,#F6F7FB);border:1px solid #D8DEE7;border-radius:18px;padding:12px 14px;margin-top:12px}
.bew-kopf b{font-size:20px}.bew-text{background:#fff;border-radius:12px;padding:8px 10px;margin-top:8px}

/* v35 */
.g-dabei{top:auto!important;bottom:12px!important;left:auto!important;right:12px!important;background:#22304A!important;color:#fff!important}
.g-nur{top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;background:rgba(255,255,255,.95)!important;color:#34506F!important}
.g-dabei+.g-nur{top:12px!important;bottom:auto!important}
.sb-belohnung,.sb-belohnung *{color:#fff!important}.sb-belohnung small{color:#B8C6D8!important}
.sb-fakten{border-color:#E3E5EA!important}.sb-fakten div{border-color:#E3E5EA!important}.sb-fakten small,.sb-fakten span,.sb-fakten label{color:#34506F!important}
.sb-foto,.steckbrief .pola-bild{border-color:#22304A!important}
.hk-info{margin:8px 16px 14px;border-radius:20px;background:#fff;border:1.5px solid #D8DEE7;box-shadow:0 10px 26px -20px rgba(34,48,74,.6);overflow:hidden}
.hk-info-kopf{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(120deg,#E4E9F0,#EEF0F7)}
.hk-info-kopf b{font-family:'HK Lora',Georgia,serif;font-style:italic;font-size:19px;color:#22304A}.hk-info-kopf button{border:0;background:none;font-size:22px;color:#5B6270;cursor:pointer}
.hk-info-zeile{display:flex;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid #F0EEF2;cursor:default}.hk-info-zeile[role=button]{cursor:pointer}.hk-info-zeile[role=button]:hover{background:#F6F7F9}
.hk-info-zeile i{font-style:normal;font-size:20px}.hk-info-zeile div{flex:1;min-width:0}.hk-info-zeile b{display:block;font-size:14.5px;color:#22304A}.hk-info-zeile span{display:block;font-size:13px;color:#5B6270}.hk-info-zeile em{font-style:normal;font-size:22px;color:#3E5C7E}
.sb-fakten{background:#E3E5EA!important}.sb-fakten dt{color:#34506F!important}.sb-foto{box-shadow:0 0 0 1px #D9DEE2,0 14px 30px rgba(30,36,40,.28)!important}
.sb-belohnung{border:0!important;box-shadow:none!important}
.g-kachel .g-dabei,.g-kachel[data-hell] .g-dabei,.g-kachel[data-hell] span.g-dabei{color:#fff!important}
/* v36 Musik-Knopf */
.hk-musik{width:40px;height:40px;border-radius:50%;border:0;background:#F1F2F5;color:#5B6270;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px;flex:none}
.hk-musik svg{width:20px;height:20px}.hk-musik.an{background:#E4E9F0;color:#3E5C7E}.hk-musik.an .strich{display:none}
.hk-musik:focus-visible{outline:2px solid #22304A;outline-offset:2px}
.hk-ue{background:#F6F7F9;border-radius:16px;padding:6px 14px;text-align:left;margin:8px 0}.hk-ue-zeile{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 0;border-top:1px solid #E7E9EE}.hk-ue-zeile:first-child{border-top:0}
.hk-ue-zeile small{width:100%;color:#5B6270;font-size:12.5px}.hk-ue-zeile b{font-size:16px;color:#22304A;word-break:break-all}.hk-ue-zeile .textlink{margin-left:auto;font-size:13px}
/* v36: Steckbrief kompakter */
.steckbrief{max-width:440px!important;margin-left:auto!important;margin-right:auto!important;padding:10px!important}
.sb-rand{padding:16px 16px 16px!important;outline-offset:-6px!important}
.sb-titel{font-size:clamp(28px,6vw,38px)!important;letter-spacing:.1em!important}
.sb-sub{font-size:15px!important;margin-bottom:8px!important}
.sb-foto{width:min(190px,58%)!important;border-width:7px 7px 26px!important}
.sb-name{font-size:24px!important;margin-top:10px!important}
.sb-fakten{margin:12px 0 4px!important}.sb-fakten div{padding:6px 10px!important}
.sb-belohnung{margin-top:12px!important;padding:10px 12px!important}.sb-belohnung b{font-size:16px!important}
.steckbrief .sb-rand .sb-foto{width:150px!important;max-width:150px!important}
/* ===== v37: kräftigere Farben ===== */
:root{--familie-grund:radial-gradient(900px 640px at 100% 0%,rgba(62,92,126,.34),rgba(62,92,126,0) 70%),radial-gradient(760px 600px at 0% 100%,rgba(34,48,74,.22),rgba(34,48,74,0) 70%),radial-gradient(520px 420px at 60% 55%,rgba(170,184,204,.22),rgba(170,184,204,0) 70%),#EEF1F5;--grund:#EEF1F5;--himbeer:#3E5C7E;--himbeer-hell:#E3E8EF}
html,body{background:#EEF1F5}
body,body[data-seite],#detail,#login{background:var(--familie-grund)!important;background-attachment:fixed!important}
/* Seitenleiste */
#register .reg-block{background:#fff;border:1.5px solid #D8DEE7;box-shadow:0 10px 24px -18px rgba(34,48,74,.55)}
#register .reg-gruppe{color:#22304A!important}
#register .reg-eintrag{background:#EEF0F6!important;color:#22304A!important}
#register .reg-eintrag:hover{background:#E1E5F0!important}
#register .reg-eintrag.an{background:#3E5C7E!important;color:#fff!important}
#register .reg-eintrag.an .reg-sym,#register .reg-eintrag.an b{color:#fff!important}
#register .reg-eintrag .reg-sym{color:#3E5C7E}
#register .reg-eintrag[data-reg-id="t_charakter"]{margin-top:16px;position:relative}
#register .reg-eintrag[data-reg-id="t_charakter"]::before{content:"Tests";position:absolute;left:4px;top:-17px;font:italic 600 14px 'HK Lora',Georgia,serif;color:#34506F}
/* Reiter: deutlich hervorgehoben */
.tabs-ruhig{border-bottom:0!important;gap:8px!important;flex-wrap:wrap}
.tabs-ruhig button,.segmente button,.g-reiter button,.hk-profil-reiter button,#mod-liebe,#mod-freund{background:#fff!important;border:1.5px solid #D5DCE5!important;color:#22304A!important;border-radius:999px!important;font-weight:700!important;padding:9px 16px!important;margin-bottom:0!important}
.tabs-ruhig button.an,.segmente button.an,.g-reiter button.an,.hk-profil-reiter button.an,#mod-liebe.an,#mod-freund.an{background:#22304A!important;border-color:#22304A!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(34,48,74,.8)}
.tabs-ruhig button:hover:not(.an),.segmente button:hover:not(.an),.g-reiter button:hover:not(.an){background:#E7ECF2!important}
/* Kopfbilder und Karten kräftiger */
.hk-kopfbild{background:linear-gradient(120deg,#D6DEE8,#E3E7F4)!important;border-color:#C9D3DF!important}
.g-kopf{background:linear-gradient(120deg,#D6DEE8,#E3E7F4);border-radius:22px;padding:16px 18px}
.btn:not(.btn-zart){background:#22304A}
.chip.himbeer{background:#3E5C7E!important;color:#fff!important}
/* ===== v37: Tests ===== */
.hk-test-kopf{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#22304A;margin-bottom:8px}.hk-test-kopf small{color:#5B6270}
.hk-test-balken{height:6px;border-radius:9px;background:#EEF0F6;margin-bottom:14px;overflow:hidden}.hk-test-balken i{display:block;height:100%;background:#3E5C7E;border-radius:9px;transition:width .25s}
.hk-test-antwort{display:block;width:100%;text-align:left;padding:13px 15px;margin:8px 0;border-radius:14px;border:1.5px solid #D5DCE5;background:#fff;font:600 15px/1.35 inherit;color:#22304A;cursor:pointer}
.hk-test-antwort:hover,.hk-test-antwort:focus-visible{background:#E7ECF2;border-color:#3E5C7E;outline:none}
.hk-test-ergebnis{background:linear-gradient(120deg,#D6DEE8,#E3E7F4);border-radius:18px;padding:16px;text-align:center;margin:6px 0 12px}
.hk-test-ergebnis small{display:block;color:#5B6270;font-weight:600}.hk-test-ergebnis b{display:block;font:italic 700 28px/1.2 'HK Lora',Georgia,serif;color:#22304A;margin:4px 0}.hk-test-ergebnis p{margin:4px 0 0}
.hk-test-mehr{text-align:left}.hk-test-mehr h4{margin:12px 0 2px;color:#34506F;font-size:15px}.hk-test-mehr p{margin:0}
.hk-test-schloss{border:1.5px dashed #3E5C7E;border-radius:16px;padding:14px;text-align:left;background:#F5F7FA}.hk-test-schloss b{display:block;color:#22304A}.hk-test-schloss span{display:block;font-size:14px;color:#5B6270;margin:3px 0 4px}
.hk-paar-wahl{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:10px 0 14px}.hk-paar-wahl button{padding:22px 10px;border-radius:18px;border:1.5px solid #D5DCE5;background:#fff;font:700 17px inherit;color:#22304A;cursor:pointer}.hk-paar-wahl button:hover{background:#E7ECF2;border-color:#3E5C7E}.hk-paar-wahl span{color:#5B6270;font-style:italic}
.hk-paar-zeile{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #EEE}.hk-paar-zeile .btn{margin:0;width:auto}
.hk-paar-kopf,.hk-paar-v{display:grid;grid-template-columns:1fr 30px 1fr;text-align:center;align-items:center}.hk-paar-kopf{font-weight:700;color:#5B6270;font-size:13px;grid-template-columns:1fr 1fr}
.hk-paar-v{padding:7px 0;border-top:1px solid #F0EEF2;font-size:14.5px}.hk-paar-v i{font-style:normal;color:#9AA0AA}.hk-paar-v.gleich i{color:#3E5C7E}.hk-paar-v.gleich{background:#F3F6F9}
.hk-sterne{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 12px}.hk-sterne button{padding:10px 4px;border-radius:12px;border:1.5px solid #D5DCE5;background:#fff;font-weight:700;color:#22304A;cursor:pointer}
.chip.hk-test-chip{background:#EEF0F6;color:#22304A}
/* ===== v37: Coaching ===== */
.hk-coach-kopf img{width:84px;height:84px}
.hk-coach-karte{background:#fff;border-radius:20px;border:1.5px solid #D8DEE7;padding:16px;margin:0 18px 12px;box-shadow:0 10px 24px -20px rgba(34,48,74,.6)}
.hk-coach-titel{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.hk-coach-titel b{font:italic 700 20px 'HK Lora',Georgia,serif;color:#22304A}.hk-coach-titel span{font-weight:700;color:#3E5C7E;white-space:nowrap}
.hk-coach-karte p{margin:6px 0 10px;color:#3D4552}.hk-coach-antwort{background:#F6F7FA;border-left:4px solid #3E5C7E;border-radius:10px;padding:10px 12px;margin-top:8px}
.hk-coach-voll{margin:0 18px 12px;padding:12px;border-radius:14px;background:#E7ECF2;color:#34506F;font-weight:700}
.tabs-ruhig button.rechts{background:none!important;border:0!important;padding:6px!important;box-shadow:none!important}
.hk-test-mehr,.hk-test-mehr p,.hk-test-mehr h4{text-align:left!important}
/* ===== v38 ===== */
/* noch kräftiger, mit Lebensfreude */
:root{--familie-grund:radial-gradient(900px 640px at 100% 0%,rgba(62,92,126,.48),rgba(62,92,126,0) 70%),radial-gradient(760px 600px at 0% 100%,rgba(34,48,74,.30),rgba(34,48,74,0) 70%),radial-gradient(560px 460px at 55% 50%,rgba(170,184,204,.32),rgba(170,184,204,0) 70%),#ECEFF3;--grund:#ECEFF3}
html,body{background:#ECEFF3}
.hk-kopfbild,.g-kopf{background:linear-gradient(120deg,#C5D0DE,#D3DAF0)!important;border-color:#BCC8D7!important}
.hk-info{border:0!important;box-shadow:0 18px 34px -18px rgba(62,92,126,.75)!important}
.hk-info-kopf{background:linear-gradient(120deg,#3E5C7E,#22304A)!important}.hk-info-kopf b,.hk-info-kopf button{color:#fff!important}
.hk-info-zeile i{font-size:24px}.hk-info-zeile b{font-size:15.5px}
/* Kopf: Logo + größerer Seitentitel */
.hk-titelblock{display:flex;flex-direction:column;min-width:0}
.hk-marke{height:26px;width:auto;align-self:flex-start;margin-bottom:1px}
#kopf-titel{font-size:27px!important;color:#22304A!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){.kopf .hk-musik{display:none!important}#kopf-titel{font-size:23px!important}.hk-marke{height:22px}}
/* Preise an den Tests */
.reg-txt .hk-preis{display:inline-block;font-style:normal;font-size:12px;font-weight:700;color:#34506F;background:#E7ECF2;border-radius:999px;padding:1px 8px;margin-top:2px}
.reg-eintrag.an .hk-preis{background:rgba(255,255,255,.25);color:#fff}
/* Gemeinschaft-Seite: Name nicht über der Figur */
.g-cover[data-hell]{background-size:auto 88%!important;background-position:right 10px center!important;background-repeat:no-repeat!important}
.g-cover[data-hell] .g-cover-text{max-width:50%!important;bottom:auto!important;top:50%;transform:translateY(-50%)}
.g-cover[data-hell] .g-cover-text h1{font-size:24px!important;line-height:1.15;word-break:break-word;hyphens:auto}
/* Profil: Teilen / Blockieren / Melden */
.hk-profil-aktionen{display:grid;gap:8px;margin:16px 0 24px}
.hk-profil-aktionen button{background:#fff;border:1.5px solid #D5DCE5;border-radius:16px;padding:14px;font:700 16px inherit;color:#22304A;cursor:pointer}
.hk-profil-aktionen button.rot{color:#C0263F}
.hk-gruende{display:grid;gap:6px;text-align:left;margin:6px 0 10px}.hk-gruende label{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1.5px solid #D5DCE5;border-radius:12px;background:#fff;font-weight:600}
.hk-gruende input{width:auto;margin:0}
/* Einladen per Mail */
.hk-einl-mail{text-align:left;margin:12px 0 4px}.hk-einl-mail label{font-weight:700;font-size:14px}.hk-einl-mail div{display:flex;gap:8px}.hk-einl-mail input{flex:1;margin:0}.hk-einl-mail .btn{width:auto;margin:0;padding:0 18px}
/* Warnhinweise */
.warn-blase.hk-warn{background:#F3F5F8;border:1px solid #CDD6E1;color:#34445A}
/* Stimmung */
.hk-stimmung{margin:0 18px 14px;padding:12px 16px;border-radius:20px;background:#fff;border:1.5px solid #D8DEE7;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.hk-stimmung b{font:italic 700 18px 'HK Lora',Georgia,serif;color:#22304A}.hk-stimmung div{display:flex;gap:8px}
.hk-stimmung button{width:44px;height:44px;border-radius:50%;border:1.5px solid #D5DCE5;background:#fff;font-size:22px;cursor:pointer}.hk-stimmung button.an{background:#3E5C7E;border-color:#3E5C7E}
.hk-stimmung p{width:100%;margin:0;font-size:14px;color:#5B6270}.hk-stimmung p:empty{display:none}
/* v38b */
.kopf .hk-musik{display:none!important}
.hk-coach-titel{flex-wrap:wrap}.hk-coach-titel b{flex:1 1 60%;min-width:0}.hk-coach-titel span{flex:0 0 auto}
.hk-tel{display:inline-block;font-weight:700;color:#3E5C7E;background:#E7ECF2;border-radius:999px;padding:3px 10px;text-decoration:none;white-space:nowrap}
#region-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
#region-links .idee{margin:0!important;background:#fff!important;border:1.5px solid #D5DCE5;border-radius:16px!important;padding:14px 16px!important;font-weight:700;color:#22304A!important;box-shadow:0 8px 18px -14px rgba(34,48,74,.6)}
#region-links .idee:hover{background:#E7ECF2!important;border-color:#3E5C7E}
#bereich-links .bereich-titel h3{font:italic 700 22px 'HK Lora',Georgia,serif;color:#22304A}
.login-fuss{font-size:11.5px!important;opacity:.65}.login-fuss a{margin:0 6px!important}
.hk-marke{display:inline-flex!important;align-items:center;gap:5px;height:auto!important;font:italic 700 14px 'HK Lora',Georgia,serif;color:#3E5C7E;white-space:nowrap}
.hk-marke img{height:22px;width:auto}
.kopf-links{min-width:0;flex:1 1 auto}.hk-titelblock{min-width:0;max-width:100%}
@media (max-width:700px){.hk-marke{font-size:12.5px}.hk-marke img{height:18px}.kopf .muenz{padding-left:10px!important;padding-right:10px!important}}
@media (max-width:400px){.hk-marke{font-size:0}.hk-marke::after{content:"Herzgeflüster";font-size:12.5px}}
/* ===== v40: Einstellungen ===== */
.hk-ein h3{margin:20px 18px 6px;font:700 14px/1.2 inherit;color:#5B6270;text-transform:none}
.hk-ein-gruppe{background:#fff;border-radius:20px;margin:0 18px;overflow:hidden;box-shadow:0 10px 24px -20px rgba(34,48,74,.6);border:1.5px solid #D8DEE7}
.hk-ein-zeile{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:0;border-top:1px solid #E8ECF1;text-align:left;font:600 16px inherit;color:#22304A;text-decoration:none;cursor:pointer;box-sizing:border-box}
.hk-ein-gruppe .hk-ein-zeile:first-child{border-top:0}.hk-ein-zeile:hover{background:#F2F5F8}
.hk-ein-i{font-size:20px;width:26px;text-align:center}.hk-ein-t{flex:1;min-width:0}.hk-ein-t small{display:block;font-weight:500;font-size:13px;color:#5B6270;overflow:hidden;text-overflow:ellipsis}
.hk-ein-zeile em{font-style:normal;color:#3E5C7E;font-size:20px}
.hk-ein-plus{display:block;margin:4px 18px 10px;padding:18px;border-radius:22px;background:linear-gradient(120deg,#3E5C7E,#22304A);color:#fff;text-align:center;cursor:pointer;box-shadow:0 14px 28px -16px rgba(62,92,126,.8)}
.hk-ein-plus b{display:block;font:italic 700 24px 'HK Lora',Georgia,serif}.hk-ein-plus span{font-size:14px;opacity:.9}
.hk-ein-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 18px}.hk-ein-mini .hk-ein-zeile{background:#fff;border:1.5px solid #D8DEE7;border-radius:18px;flex-direction:column;justify-content:center;text-align:center;gap:4px;padding:14px 8px}
.hk-ein-knopf{display:block;width:calc(100% - 36px);margin:22px 18px 0;padding:15px;border-radius:18px;border:1.5px solid #D8DEE7;background:#fff;font:700 17px inherit;color:#22304A;cursor:pointer}.hk-ein-knopf.rot{color:#C0263F;margin-bottom:40px}
.hk-ein-fuss{display:flex;flex-direction:column;align-items:center;gap:4px;margin:20px 0 0;color:#5B6270;font-size:13px}.hk-ein-fuss img{width:34px}
.hk-schalter{width:46px;height:28px;border-radius:999px;background:#D7DAE2;position:relative;flex:none;transition:background .2s}.hk-schalter::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.hk-schalter.an{background:#3E5C7E}.hk-schalter.an::after{left:21px}
.hk-zahnrad{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#22304A;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:6px;box-shadow:0 4px 12px -6px rgba(34,48,74,.5)}.hk-zahnrad svg{width:21px;height:21px}
@media (max-width:420px){.hk-zahnrad{display:none}}
/* ===== v41: neutral für alle – Grau, Nachtblau, Stahlblau statt Rosa ===== */
:root{--himbeer:#3E5C7E;--himbeer-hell:#E7ECF2;--sonne:#3E5C7E;--sonne-hell:#E7ECF2;--flieder:#22304A;--flieder-hell:#E7ECF2;--familie-grund:radial-gradient(900px 640px at 100% 0%,rgba(62,92,126,.22),rgba(62,92,126,0) 70%),radial-gradient(760px 600px at 0% 100%,rgba(34,48,74,.20),rgba(34,48,74,0) 70%),radial-gradient(560px 460px at 55% 50%,rgba(170,184,204,.25),rgba(170,184,204,0) 70%),#ECEFF3;--grund:#ECEFF3}
html,body{background:#ECEFF3}
.hk-kopfbild,.g-kopf{background:linear-gradient(120deg,#D6DEE8,#EEF1F5)!important;border-color:#C9D3DF!important}
.hk-info-kopf{background:linear-gradient(120deg,#3E5C7E,#22304A)!important}
.hk-ein-plus{background:linear-gradient(120deg,#3E5C7E,#22304A)!important}
nav.nav button.an,nav.nav button[aria-current],nav.nav .an{color:#22304A!important}nav.nav .an svg,nav.nav button.an i{background:#E1E7EF!important;color:#22304A!important}
#register .reg-eintrag.an{background:#22304A!important}
.chip.himbeer{background:#3E5C7E!important}
.muenz{background:#fff!important}
nav button.an,body[data-seite] .nav button.an{color:#22304A!important}nav button.an svg,body[data-seite] .nav button.an svg{background:#DDE4ED!important}
.hk-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#EEF1F5;color:#22304A;font-size:22px;line-height:1;cursor:pointer;z-index:2}
.modal{position:relative}
.hk-test-preis{margin:-6px 0 10px;font-size:13px;font-weight:700;color:#3E5C7E;text-align:left}
.hk-partner-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:18px}
.hk-partner{background:#fff;border-radius:20px;overflow:hidden;border:1.5px solid #D8DEE7;box-shadow:0 10px 24px -20px rgba(34,48,74,.6)}.hk-partner.premium{border-color:#3E5C7E}
.hk-partner-bild{height:120px;background:#E7ECF2 center/cover no-repeat}.hk-partner-t{padding:12px 14px}.hk-partner-t b{display:block;font:italic 700 19px 'HK Lora',Georgia,serif;color:#22304A}.hk-partner-t span{font-size:13px;color:#5B6270}.hk-partner-t p{margin:6px 0 4px;font-weight:600}
.hk-partner-tag{display:inline-block!important;background:#22304A;color:#fff!important;border-radius:999px;padding:2px 9px;font-size:11.5px!important;font-weight:700;margin-bottom:4px}
/* ===== v42 ===== */
/* Zurück */
.hk-zurueck{width:40px;height:40px;border-radius:50%;border:0;background:#22304A;color:#fff;font-size:26px;line-height:1;cursor:pointer;margin-right:6px;flex:none;padding-bottom:3px}
#detail .hk-zurueck-gross{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 10px)!important;left:12px!important;width:auto!important;height:auto!important;padding:9px 16px 9px 12px!important;border-radius:999px!important;background:#22304A!important;color:#fff!important;font:700 16px/1 inherit!important;z-index:60;box-shadow:0 8px 20px -8px rgba(34,48,74,.7)}
#detail .detail-innen{padding-top:56px}
@media (min-width:1000px){#detail .hk-zurueck-gross{left:auto!important;position:sticky!important;top:10px!important;margin:10px 0 0 10px}}
/* Partys: großer nächster Abend */
.hk-party.hk-held{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 22px 40px -24px rgba(34,48,74,.8)}
.hk-party.hk-held .hk-party-bild{height:230px!important}
.hk-party.hk-held h3{font:italic 700 28px 'HK Lora',Georgia,serif!important;color:#22304A}
.hk-held-tag{position:absolute;top:14px;left:14px;z-index:2;background:#fff;color:#22304A;font-weight:800;font-size:13px;border-radius:999px;padding:6px 12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.hk-party.hk-held .hk-party-fuss .btn{padding:14px 22px!important;font-size:16px!important}
.hk-party-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;margin-bottom:10px;-webkit-overflow-scrolling:touch}
.hk-party-scroll .hk-party{flex:0 0 78%;max-width:340px;scroll-snap-align:start;margin:0!important}
.hk-party-scroll .hk-party .hk-party-be,.hk-party-scroll .hk-dabei{display:none}
.hk-party-bild.hk-foto{background-color:#D6DEE8}
/* Reiter zum Wischen */
.hk-wisch{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:2px 2px 8px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:0!important;background:none!important}
.hk-wisch::-webkit-scrollbar{display:none}
.hk-wisch button,.hk-wisch a{flex:0 0 auto!important;white-space:nowrap!important;background:#fff!important;border:1.5px solid #D5DCE5!important;color:#22304A!important;border-radius:999px!important;padding:9px 16px!important;font-weight:700!important;margin:0!important;box-shadow:none!important}
.hk-wisch button.an{background:#22304A!important;border-color:#22304A!important;color:#fff!important}
.hk-wisch button.rechts{border:0!important;background:none!important;padding:6px!important}
/* Gruppen-Kästchen mit Logo */
.hk-g-ava{background:#fff!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid #22304A!important}
.hk-g-ava img{width:62%;height:auto}.hk-g-ava span{font:italic 700 7.5px 'HK Lora',Georgia,serif;color:#22304A;line-height:1}
/* Einladungslink */
.hk-link-feld{text-align:left;margin:6px 0 4px;background:#EEF1F5;border-radius:16px;padding:10px 12px}.hk-link-feld small{font-weight:700;color:#5B6270}
.hk-link-feld div{display:flex;gap:8px;margin-top:6px}.hk-link-feld input{flex:1;margin:0;font-size:13px}.hk-link-feld .btn{width:auto;margin:0;padding:0 16px}.hk-link-feld p{margin:6px 0 0;font-size:13px;color:#5B6270}
@media (max-width:700px){.kopf .muenz{font-size:0!important;gap:4px}.kopf .muenz #muenz-zahl{font-size:15px!important}.kopf .muenz::after{content:"🪙";font-size:14px}.kopf .muenz i{display:none!important}}
/* v43: Gruppen-Kästchen mit Figur, Ballon, Herzgeflüster / am Bodensee */
.hk-g-ava{width:70px!important;height:82px!important;min-width:70px;border-radius:16px!important;padding:3px!important;background:#fff!important;border:2px solid #22304A!important;display:block!important}
.hk-g-ava svg{width:100%;height:100%;display:block}
/* Kooperationen */
.hk-koop-box{background:#fff;border-radius:20px;border:1.5px solid #D8DEE7;overflow:hidden;margin-bottom:14px}
.hk-koop-punkt{display:flex;gap:12px;padding:12px 14px;border-top:1px solid #E8ECF1}.hk-koop-punkt:first-child{border-top:0}.hk-koop-punkt i{font-style:normal;font-size:22px}
.hk-koop-punkt b{display:block;color:#22304A}.hk-koop-punkt span{font-size:14px;color:#5B6270}
.hk-koop-knoepfe{display:grid;gap:8px;margin:4px 0 18px}.hk-koop-knoepfe .btn{text-align:center;text-decoration:none;margin:0}
/* ===== v45 ===== */
.hk-einl-kopf{text-align:center;margin:-4px 0 4px}.hk-einl-kopf img{height:46px}
.hk-einl-wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin:10px 0}
.hk-weg{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:16px;border:1.5px solid #D5DCE5;background:#fff;color:#22304A;font:700 13.5px inherit;text-decoration:none;cursor:pointer}
.hk-weg i{font-style:normal;font-size:24px}.hk-weg.wa{background:#22304A;color:#fff;border-color:#22304A}
.hk-einl-mail{text-align:left}.hk-einl-mail .textlink{display:inline-block;margin-top:8px;font-size:13px}
.wisch-hinweis{display:flex!important;justify-content:center;gap:8px;flex-wrap:wrap;font-size:12.5px!important;color:#5B6270!important}
.wisch-hinweis span{background:#fff;border:1px solid #D8DEE7;border-radius:999px;padding:4px 10px}.wisch-hinweis b{color:#22304A}
.hk-pw-leer{background:#fff;border-radius:20px;border:1.5px dashed #C3CEDC;padding:22px;text-align:center}.hk-pw-leer b{display:block;font:italic 700 20px 'HK Lora',Georgia,serif;color:#22304A}.hk-pw-leer span{display:block;color:#5B6270;margin:6px 0 12px}
/* v45: beim Öffnen kein Aufblitzen der Startseite – erst Logo, dann gleich die richtige Seite */
html:not(.hk-bereit) #login,html:not(.hk-bereit) #umbau,html:not(.hk-bereit) #app{visibility:hidden}
html:not(.hk-bereit) body::before{content:"";position:fixed;inset:0;z-index:9999;background:url("icons/logo.svg?v=102") center 45%/min(62vw,320px) auto no-repeat,#ECEFF3}
#ds-hinweis{border-color:#22304A!important;border-left-color:#22304A!important}#ds-hinweis button{background:#22304A!important;color:#fff!important}#ds-hinweis a{color:#3E5C7E!important}
.login-tabs .an,#login .btn,#login button.an{background-color:#22304A}
/* v45: Unsere Partys + klickbare Vorteile */
.hk-pwelt{display:grid;gap:10px;margin:10px 0 16px}
.hk-pformat{display:flex;gap:12px;align-items:center;text-align:left;background:#fff;border:1.5px solid #D8DEE7;border-radius:18px;padding:12px 14px;cursor:pointer;font:inherit;color:#22304A}
.hk-pformat:hover{border-color:#3E5C7E}.hk-pformat i{font-style:normal;font-size:30px;width:40px;text-align:center}.hk-pformat div{flex:1;min-width:0}
.hk-pformat b{display:block;font:italic 700 18px 'HK Lora',Georgia,serif}.hk-pformat span{display:block;font-size:14px;color:#5B6270}
.hk-pformat em{display:inline-block;margin-top:5px;font-style:normal;font-size:12.5px;font-weight:700;border-radius:999px;padding:2px 9px}.hk-ptermin{background:#22304A;color:#fff}.hk-pauf{background:#E7ECF2;color:#34506F}
.hk-ptermin-box{background:#EEF1F5;border-radius:14px;padding:10px 12px;text-align:left;margin:6px 0}
.hk-pw-anfrage{background:linear-gradient(120deg,#D6DEE8,#EEF1F5);border-radius:20px;padding:16px;margin:4px 0 30px}.hk-pw-anfrage b{display:block;font:italic 700 20px 'HK Lora',Georgia,serif}.hk-pw-anfrage span{display:block;color:#5B6270;margin:4px 0 8px}
.hk-koop-punkt.klickbar{cursor:pointer;align-items:center}.hk-koop-punkt.klickbar:hover{background:#F3F6F9}.hk-koop-punkt em{font-style:normal;color:#3E5C7E;font-size:20px;margin-left:auto}
/* v46: Herzen statt Sterne, in der Farbe des Logo-Herzens */
.sterne .st.hk-herz{background:linear-gradient(90deg,#C24D6E var(--f),#D5DCE5 var(--f))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;font-size:19px}
.hk-abend-bew{background:#fff;border:1.5px solid #D8DEE7;border-radius:20px;padding:14px 16px;margin:0 0 14px}
.hk-ab-kopf{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hk-ab-kopf b{font-size:22px;color:#22304A}.hk-ab-kopf span{font-size:13.5px;color:#5B6270}
.hk-abend-bew p{margin:8px 0 0;font-style:italic;color:#3D4552;font-size:14.5px}
.hk-marke img{height:26px!important}

/* v50: Armbänder in Neon – mit Leuchten */
.ev-band i{width:30px;height:12px;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 10px var(--f),0 0 3px var(--f)!important}
/* v53: Lebenssituation & Echtheit */
.hk-lage{margin:10px 0 6px}.hk-lage-frage{font:italic 600 17px 'HK Lora',Georgia,serif;color:#22304A;margin:12px 0 6px}.hk-lage-frage small{font:400 12px -apple-system,sans-serif;color:#5B6270}
.hk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.hk-chips button{border:1.5px solid #C9D3DF;background:#fff;color:#22304A;border-radius:999px;padding:8px 13px;font-weight:700;font-size:14px;cursor:pointer}
.hk-chips button.an{background:#3E5C7E;border-color:#3E5C7E;color:#fff}
.hk-chips button.aus{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.hk-echt-kasten{background:#EEF1F5;border:1.5px solid #C9D3DF;border-radius:16px;padding:12px 14px;margin:10px 0;text-align:left}.hk-echt-kasten b{display:block;font-size:20px;color:#22304A}.hk-echt-kasten span{font-size:13.5px;color:#3D4552}
.hk-echt-zeile{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;text-align:left;padding:8px 0;border-bottom:1px solid #E3E8EF}.hk-echt-zeile span{grid-column:2;font-size:13px;color:#5B6270}
.hk-teil{font-weight:700}

/* v53: Logo überall größer */
.hk-marke{font-size:17px!important;gap:8px!important}.hk-marke img{height:40px!important}
@media (max-width:700px){.hk-marke{font-size:14px!important}.hk-marke img{height:32px!important}}
@media (max-width:400px){.hk-marke img{height:30px!important}}
.reg-marke img{height:96px!important}
/* v53: Familie & Jugend */
.hk-fam-sicher{background:#fff;border:1.5px solid #C9D3DF;border-radius:18px;padding:12px 16px;margin:12px 0}.hk-fam-sicher ul{margin:6px 0 0;padding-left:18px;font-size:14px;line-height:1.5}
.hk-fam-kinder{display:grid;gap:8px}.hk-fam-kind{background:#fff;border:1.5px solid #D8DEE7;border-radius:14px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;align-items:center}.hk-fam-kind span{grid-column:1;font-size:13px;color:#5B6270}.hk-fam-kind button{grid-row:1/3;grid-column:2}
.hk-fam-ticket{background:#E7ECF2;border-radius:14px;padding:10px 14px;margin:6px 0;cursor:pointer;display:grid}.hk-fam-ticket span{font-size:13px;color:#3D4552}.hk-fam-ticket em{font-style:normal;font-weight:700;color:#3E5C7E;font-size:13px}
.hk-fam-ang{background:#fff;border:1.5px solid #D8DEE7;border-radius:20px;padding:14px 16px;margin:10px 0;box-shadow:0 10px 24px -20px rgba(34,48,74,.6)}.hk-fam-ang>b{font:italic 700 20px 'HK Lora',Georgia,serif;display:block;margin:4px 0}.hk-fam-ang>span{font-size:13.5px;color:#3E5C7E;font-weight:700}.hk-fam-ang p{font-size:14px;color:#3D4552;margin:6px 0}
.hk-fam-art{font-size:12px;font-weight:800;color:#5B6270}.hk-fam-fuss{font-size:14px;margin:6px 0}.hk-fam-knoepfe{display:flex;gap:8px;flex-wrap:wrap}.hk-fam-knoepfe .btn{flex:1;min-width:150px;margin:4px 0}
/* v56: Anmeldung schöner – vier Schritte */
.rg-karte{background:#fff;border:1.5px solid #D8DEE7;border-radius:22px;padding:14px 14px 10px;margin:0 0 12px;box-shadow:0 12px 26px -22px rgba(34,48,74,.6);text-align:left}
.rg-karte input{margin-bottom:8px}
.rg-kopf{display:flex;align-items:center;gap:10px;margin:0 0 10px}.rg-kopf span{width:28px;height:28px;border-radius:50%;background:#22304A;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.rg-kopf b{font:italic 700 19px 'HK Lora',Georgia,serif;color:#22304A}.rg-kopf small{margin-left:auto;font-size:12px;color:#5B6270}
.rg-label{font-size:13px;color:#5B6270;font-weight:600;margin:2px 0 4px;display:block}
.rg-unter{font-size:13px;font-weight:700;color:#5B6270;margin:10px 0 6px}.rg-unter small{font-weight:400}
.hk-chips.rg-gross{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hk-chips.rg-gross button{border-radius:18px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:16px}
.hk-chips.rg-gross button i,.rg-kacheln button i{font-style:normal;font-size:24px;line-height:1}
.hk-chips.rg-gross button small{font-weight:500;font-size:12px;opacity:.8}
.rg-kacheln{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.rg-kacheln button{border-radius:16px!important;padding:12px 6px!important;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px!important}
.hk-chips button.an{box-shadow:0 8px 16px -10px rgba(34,48,74,.8)}
.rg-hinweis{background:#EEF1F5;border-radius:12px;padding:8px 12px;font-size:13px;color:#3D4552;margin:10px 0 2px}
.rg-karte .check{margin:6px 0}
.rg-alle{width:100%;margin:8px 0 4px;border:1.5px dashed #9FB0C4;background:#F4F6F9;color:#22304A;border-radius:999px;padding:10px;font-weight:700;cursor:pointer}
.rg-kopf small{white-space:nowrap}.rg-kopf b{flex:1}
/* v57: Auswahl als schmale, längliche Leisten */
.hk-chips.rg-gross,.rg-kacheln{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
.hk-chips.rg-gross button,.rg-kacheln button{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;padding:9px 14px!important;border-radius:12px!important;font-size:15px!important;text-align:left;position:relative;min-height:0}
.hk-chips.rg-gross button i,.rg-kacheln button i{font-size:18px!important;width:24px;text-align:center}
.hk-chips.rg-gross button small{margin-left:4px;font-size:12.5px!important}
.hk-chips.rg-gross button::after,.rg-kacheln button::after{content:"";margin-left:auto;width:18px;height:18px;border-radius:50%;border:2px solid #C9D3DF;flex:none}
.hk-chips.rg-gross button.an::after,.rg-kacheln button.an::after{content:"✓";border-color:#fff;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}
.rg-kacheln button.aus::after{border-color:transparent}
/* v58: Anmeldung – alles mittig */
#form-reg .rg-karte{text-align:center}
#form-reg .rg-kopf{justify-content:center;flex-wrap:wrap}
#form-reg .rg-kopf b{flex:0 1 auto}
#form-reg .rg-kopf small{margin-left:0;width:100%;text-align:center}
#form-reg .rg-karte input{text-align:center}
#form-reg .rg-label,#form-reg .rg-unter{text-align:center}
#form-reg .hk-chips{justify-content:center}
#form-reg .hk-chips.rg-gross button,#form-reg .rg-kacheln button{justify-content:center!important;padding:9px 40px!important}
#form-reg .hk-chips.rg-gross button::after,#form-reg .rg-kacheln button::after{position:absolute;right:12px;top:50%;margin:-9px 0 0}
#form-reg .rg-hinweis{text-align:center}
#form-reg .rg-karte .check{justify-content:center;text-align:center}
#form-reg #r-code{text-align:center}
/* ===== v59: ganze App sauber, mittig, nichts abgeschnitten ===== */
body,.detail-innen,.seite{overflow-wrap:break-word;word-break:normal}
a[href^="mailto"],.hk-ein-t small,.e-mail,small{overflow-wrap:anywhere}
/* Kopfzeile: Logo + Name oben mittig, Seitentitel darunter – nichts überlappt */
.hk-titelblock{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;flex:1 1 auto;min-width:0}
#kopf-titel{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important}
@media (max-width:700px){
 .hk-marke{font-size:12px!important;gap:5px!important}.hk-marke img{height:26px!important}
 #kopf-titel{font-size:20px!important;line-height:1.1!important}
 .kopf .muenz{white-space:nowrap}
}
@media (max-width:400px){.hk-marke{font-size:0!important}.hk-marke::after{content:"Herzgeflüster am See";font-size:11.5px}}
/* Reiter und Knopfreihen: umbrechen statt abschneiden, mittig */
.tabs-ruhig,.segmente,.g-reiter,.ab-reiter,.hk-wisch,.schnell,.hk-profil-reiter{flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important}
.tabs-ruhig .rechts{margin-left:0!important}
.neu-reihe{flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important}
.g-band{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible!important;scroll-snap-type:none!important}
.g-band>*{width:auto!important;min-width:0!important;max-width:none!important}
.hk-party-scroll{flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important;scroll-snap-type:none!important}
/* Texte nicht mehr mit … abschneiden */
.zeile .ml,.g-mitglieder span,.hk-ein-t small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.zeile .ml{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
/* Seitenköpfe, Überschriften, Einleitungen mittig */
.hk-kopfbild{flex-direction:column-reverse!important;align-items:center!important;text-align:center!important;gap:6px!important}
.hk-kopfbild img{width:56px!important;height:56px!important}
.hk-kopfbild>div{display:flex;flex-direction:column;align-items:center}
.g-kopf,.detail-innen>h3,.detail-innen>h2,.seite>h3,.hk-fam h3,.g-seite>h3,.leer,.hinweis-leer{text-align:center!important}
.btn{text-align:center}
.testband{text-align:center}
.g-band{grid-template-columns:1fr!important;gap:10px!important}.g-band>*{height:auto}
.g-teaser .g-band>*:nth-child(n+5){display:none!important}
/* v63: Mission & Wer war dabei */
.hk-mission{margin:6px 18px 12px;background:linear-gradient(150deg,#2D3D5C,#22304A);color:#fff;border-radius:22px;padding:14px 16px;text-align:center;box-shadow:0 14px 30px -18px rgba(34,48,74,.8)}
.hk-mi-kopf{font-weight:700;font-size:14px;opacity:.9}.hk-mi-nr small{display:block;font-size:12px;opacity:.8;margin-top:6px}.hk-mi-nr b{font:italic 700 54px/1 'HK Lora',Georgia,serif}
.hk-mi-text{font-size:14px;margin-top:6px}.hk-mi-zahlen{display:flex;gap:8px;justify-content:center;margin:8px 0}.hk-mi-zahlen b{width:44px;height:44px;border-radius:50%;background:#fff;color:#22304A;display:grid;place-items:center;font-size:20px}
.hk-mission .btn{background:#fff!important;color:#22304A!important;margin:6px 0}.hk-mission .hinweis{color:#DDE3EB!important;font-size:12.5px}.hk-mi-ok{background:rgba(255,255,255,.15);border-radius:12px;padding:8px;margin:6px 0;font-weight:700}
.hk-dabei-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 16px}
.hk-dabei-p{background:#fff;border:1.5px solid #D8DEE7;border-radius:18px;padding:10px;text-align:center}.hk-dabei-p.match{border-color:#3E5C7E;box-shadow:0 0 0 3px #E7ECF2}
.hk-dabei-bild{position:relative;width:84px;height:84px;border-radius:50%;margin:0 auto 6px;background-size:cover;background-position:center;display:grid;place-items:center;color:#fff;font-size:30px;font-weight:800}
.hk-dabei-bild i{position:absolute;right:-4px;bottom:-2px;background:#22304A;color:#fff;font-style:normal;font-size:12px;font-weight:800;border-radius:999px;padding:2px 7px;border:2px solid #fff}
.hk-dabei-knoepfe{display:grid;gap:5px;margin-top:8px}.hk-dabei-knoepfe button{border:1.5px solid #C9D3DF;background:#fff;border-radius:999px;padding:7px 6px;font-weight:700;font-size:13px;color:#22304A;cursor:pointer}.hk-dabei-knoepfe button.an{background:#3E5C7E;border-color:#3E5C7E;color:#fff}
.hk-dabei-match{font-weight:800;color:#3E5C7E;font-size:13px;margin-top:4px}
/* v66: Live-Swipe */
.hk-live-knopf{background:#fff!important;color:#22304A!important;margin-top:8px!important;width:100%}
#gruss-platz~.hk-live-knopf,.seite>.hk-live-knopf{margin:0 18px 12px!important;width:calc(100% - 36px);background:linear-gradient(150deg,#2D3D5C,#22304A)!important;color:#fff!important}
.hk-live-kopf{font-weight:800;color:#3E5C7E;font-size:14px;text-align:center}
.hk-live-karte{text-align:center;margin:8px 0}.hk-live-karte b{font:italic 700 26px 'HK Lora',Georgia,serif;display:block;margin-top:8px}
.hk-live-bild{position:relative;width:100%;max-width:300px;aspect-ratio:3/4;margin:0 auto;border-radius:24px;background-size:cover;background-position:center;display:grid;place-items:center;box-shadow:0 18px 36px -20px rgba(34,48,74,.7)}
.hk-live-bild span{color:#fff;font-size:80px;font-weight:800}.hk-live-bild i{position:absolute;left:10px;top:10px;background:#22304A;color:#fff;font-style:normal;font-weight:800;border-radius:999px;padding:4px 10px;font-size:13px}.hk-live-bild em{position:absolute;right:10px;top:10px;background:#fff;color:#22304A;font-style:normal;font-weight:700;border-radius:999px;padding:4px 10px;font-size:12px}
.hk-live-knoepfe{display:flex;justify-content:center;gap:18px;margin:12px 0 4px}.hk-live-knoepfe button{width:62px;height:62px;border-radius:50%;border:1.5px solid #C9D3DF;background:#fff;font-size:26px;cursor:pointer;box-shadow:0 8px 18px -10px rgba(34,48,74,.6)}.hk-live-knoepfe button.herz{width:72px;height:72px;font-size:32px;border-color:#3E5C7E}
.hk-live-matches{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:10px 0}.hk-live-matches div{display:flex;flex-direction:column;align-items:center;width:90px}.hk-live-matches span{width:70px;height:70px;border-radius:50%;background-size:cover;background-position:center;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:800}.hk-live-matches small{font-size:11px;color:#5B6270}

/* v70: Polaroids weiß, unten Logo + Herzgeflüster am See */
.hk-polaroid{background:#fff!important;padding:9px 9px 42px!important;box-shadow:0 12px 26px -10px rgba(34,48,74,.45)!important}
.hk-polaroid>span{color:#22304A!important;display:flex!important;align-items:center;justify-content:center;gap:5px;bottom:9px!important;font-size:13.5px!important}
.hk-polaroid>span img{width:20px!important;height:20px!important;object-fit:contain}
.hk-polaroid em{position:absolute;left:9px;right:9px;bottom:27px;font-style:normal;font-size:11px;color:#5B6270;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-polaroid:has(em){padding-bottom:52px!important}
.hk-polaroid>span{font-size:11.5px!important;white-space:nowrap;letter-spacing:-.1px}.hk-polaroid>span img{width:15px!important;height:15px!important}

/* v73: App bleibt gerade – kein seitliches Verschieben, kein Hineinzoomen beim Tippen (iPhone/iPad) */
html,body{overflow-x:hidden;max-width:100%;overscroll-behavior-x:none}img,video{max-width:100%}@media (max-width:1024px){input,select,textarea{font-size:16px!important}}

/* v74: Aufgeräumt – Seitenleiste als Themen mit Reitern, „Mein Bereich“, Profil auf dem iPad nebeneinander. Farben und Design wie bisher. */
body.hk-v74 #register .reg-block{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px 10px}
body.hk-v74 #register .reg-block .reg-gruppe{flex-basis:100%;font-family:'HK Lora',Lora,Georgia,serif;font-style:italic;font-size:16px;padding:6px 4px 2px}
body.hk-v74 #register .reg-eintrag{width:auto;flex:0 0 auto;min-height:36px;padding:6px 12px;gap:6px;border-radius:999px;background:rgba(255,255,255,.75);font-size:14px}
body.hk-v74 #register .reg-eintrag .reg-sym{display:none}
body.hk-v74 #register .reg-eintrag.an{background:#22304A;color:#fff}
#s-bereich .hk-bereich{max-width:980px;margin:0 auto;padding:4px 0 110px;display:grid;gap:14px}
.hk-steck{display:grid;grid-template-columns:1fr;gap:16px;background:#fff;border-radius:22px;padding:16px;box-shadow:0 4px 18px rgba(34,48,74,.07);text-align:left}
.hk-pola{justify-self:center;display:block;width:min(70vw,250px);padding:9px 9px 34px;background:var(--rahmen,#1c1d22);transform:rotate(-2deg);box-shadow:0 10px 22px rgba(20,18,30,.28);position:relative;border:0;cursor:pointer}
.hk-pola-bild{display:block;width:100%;aspect-ratio:4/5;background:#E4E7E6 center/cover no-repeat}
.hk-pola-leer{display:grid;place-items:center;font-size:44px;color:#5B6270}
.hk-pola-name{position:absolute;left:9px;right:9px;bottom:8px;color:#fff;font-family:'HK Lora',Lora,Georgia,serif;font-style:italic;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-th{font-family:'HK Lora',Lora,Georgia,serif;font-style:italic;font-size:24px;margin:0 0 10px;text-align:left}
.hk-reiter{display:flex;gap:4px;background:#ECEFF3;border-radius:14px;padding:4px;overflow-x:auto;scrollbar-width:none}
.hk-reiter::-webkit-scrollbar{display:none}
.hk-reiter button{flex:1 0 auto;padding:9px 12px;border-radius:10px;font-weight:600;font-size:14px;color:#3E5C7E;white-space:nowrap;background:transparent}
.hk-reiter button:first-child{background:#fff;color:#22304A;box-shadow:0 2px 6px rgba(34,48,74,.12)}
.hk-ueber{font-size:14.5px;line-height:1.5;color:#3D4552;margin:12px 2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hk-steck-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hk-steck-knoepfe .btn{flex:1 1 150px;margin:0;width:auto}
.hk-kachel{background:#fff;border-radius:20px;padding:16px;box-shadow:0 4px 18px rgba(34,48,74,.07);text-align:left}
.hk-kachel h3{font-family:'HK Lora',Lora,Georgia,serif;font-style:italic;font-size:21px;margin:0 0 4px}
.hk-kachel p{font-size:13.5px;color:#5B6270;margin:0 0 8px}
.hk-k-dating{border:1.5px solid #E7D3DA}
.hk-post{display:inline-block;background:#C24D6E;color:#fff;border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;margin:4px 0 8px;border:0}
.hk-chips{display:flex;flex-wrap:wrap;gap:6px}
.hk-chip{background:#ECEFF3;border:0;border-radius:999px;padding:8px 13px;font-weight:600;font-size:14px;color:#3E5C7E;cursor:pointer}
.hk-chip:active{background:#22304A;color:#fff}.hk-chip small{opacity:.7;font-weight:500}
.hk-chips-gross{margin:6px 0 14px}.hk-chips-gross .hk-chip{padding:11px 15px;font-size:15px}
@media (min-width:700px){
  .hk-steck{grid-template-columns:240px 1fr;align-items:start;padding:20px}
  .hk-pola{width:100%}
  #s-bereich .hk-bereich{grid-template-columns:1fr 1fr}
  .hk-steck,.hk-k-dating{grid-column:1/-1}
  /* Profil: oben Foto links, rechts Profil-Karte und „Wie tickst du?“ untereinander */
  .profil-held{grid-template-columns:1fr 1fr!important;grid-template-areas:"f s" "f c";align-items:start!important}
  .profil-held .ph-foto{grid-area:f}.profil-held .ph-seite{grid-area:s}.profil-held #ch-mein{grid-area:c;width:auto!important}
}
@media (min-width:820px){
  #s-profil{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-items:start}
  #s-profil>*{grid-column:1/-1}
  #s-profil>.hk-ab-fotos{grid-column:1;grid-row:span 2}
  #s-profil>.hk-ab-ueber{grid-column:2}
  #s-profil>.hk-ab-stimme{grid-column:2}
}
#s-bereich .hk-bereich{grid-template-columns:minmax(0,1fr)}#s-bereich .hk-bereich>*,.hk-steck>*{min-width:0}
@media (min-width:700px){#s-bereich .hk-bereich{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* v75: „Mein Bereich“ ruhig und edel – Logo, Register-Zeile, Steckbrief, große Karten mit Perlmutt-Verläufen */
.hk-bereich2{max-width:980px;margin:0 auto;padding:0 2px 120px;text-align:left}
.hk-bkopf{text-align:center;padding:4px 0 2px}.hk-bkopf img{height:92px;width:auto}
.hk-bnav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding:8px 4px 14px;border-bottom:1px solid #DDE1E7;margin-bottom:6px}
.hk-bnav button{background:none;border:0;padding:4px 2px;font:600 12.5px/1.2 -apple-system,'Segoe UI',sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#2A2F36;cursor:pointer;border-bottom:2px solid transparent}
.hk-bnav button.an{border-bottom-color:#C24D6E}
.hk-bsteck{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center;padding:18px 4px 8px}
.hk-bpola{display:block;border:0;cursor:pointer;padding:12px 12px 34px;background:var(--rahmen,#1c1d22);transform:rotate(-2.5deg);box-shadow:0 16px 30px -10px rgba(20,18,30,.55),0 2px 0 rgba(255,255,255,.15) inset}
.hk-bpola span{display:block;aspect-ratio:4/5;background:#E4E7E6 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.hk-bpola span.leer{display:grid;place-items:center;font-size:40px;color:#8A93A0}
.hk-bsteck-text h2{font-family:'HK Lora',Lora,Georgia,serif;font-style:normal;font-weight:700;font-size:34px;letter-spacing:1.2px;text-transform:uppercase;margin:0;background:linear-gradient(90deg,#7C6A5E,#B9A48E 45%,#6E625B);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-bsteck-text h2 small{font-size:.55em;letter-spacing:0}
.hk-bsteck-text p{font-size:15px;line-height:1.5;color:#3D4552;margin:6px 0 10px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hk-bsteck-text ul{list-style:none;padding:0;margin:0 0 12px}.hk-bsteck-text li{font-size:14px;color:#2A2F36;margin:5px 0}
.hk-bknoepfe{display:flex;flex-wrap:wrap;gap:10px}
.hk-bk-voll,.hk-bk-rand{border-radius:999px;padding:12px 18px;font:700 12.5px -apple-system,'Segoe UI',sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.hk-bk-voll{background:linear-gradient(180deg,#3A4049,#2A2F36);color:#fff;border:0}
.hk-bk-rand{background:#fff;color:#2A2F36;border:1.5px solid #2A2F36}
.hk-tkarten{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}
.hk-tkarte{display:block;width:100%;text-align:left;border:0;cursor:pointer;border-radius:26px;padding:7px;background:linear-gradient(145deg,#fff,#E2E6EC);box-shadow:0 12px 28px -12px rgba(42,47,54,.4)}
.hk-tk-innen{position:relative;display:block;height:200px;border-radius:20px;overflow:hidden}
.hk-tk-bild{position:absolute;right:4%;top:6%;width:150px;height:150px}.hk-tk-bild svg{width:100%;height:100%;display:block}
.hk-tk-text{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(0deg,rgba(255,255,255,.96),rgba(255,255,255,.78) 60%,rgba(255,255,255,0))}
.hk-tk-text b{display:block;font-family:'HK Lora',Lora,Georgia,serif;font-size:20px;letter-spacing:.6px;text-transform:uppercase;color:#2A2F36}
.hk-tk-text small{display:block;font-size:13px;color:#4A535C;margin-top:3px}
.hk-tk-text em{display:block;font-style:normal;font-weight:700;font-size:13px;color:#2A2F36;margin-top:6px}
.hk-tk-post{position:absolute;left:16px;top:14px;z-index:2;background:#C24D6E;color:#fff;font-weight:700;font-size:13px;border-radius:99px;padding:6px 12px;border:0;box-shadow:0 4px 12px rgba(194,77,110,.35)}
/* kräftigere Perlmutt-Übergänge je Thema */
.hk-tk-dating .hk-tk-innen,.hk-tseite-kopf.hk-tk-dating{background:linear-gradient(135deg,#F2C9D7 0%,#F7E6EC 40%,#DCE3F0 100%)}
.hk-tk-treffen .hk-tk-innen,.hk-tseite-kopf.hk-tk-treffen{background:linear-gradient(135deg,#D9CCF0 0%,#F1E9F6 42%,#F4D3DF 100%)}
.hk-tk-gemeinschaft .hk-tk-innen,.hk-tseite-kopf.hk-tk-gemeinschaft{background:linear-gradient(135deg,#C9DCEF 0%,#EAF1F8 42%,#D8E7E3 100%)}
.hk-tk-tests .hk-tk-innen,.hk-tseite-kopf.hk-tk-tests{background:linear-gradient(135deg,#F3DEC9 0%,#F8EFE6 42%,#EAD3DE 100%)}
.hk-tk-einstellungen .hk-tk-innen,.hk-tseite-kopf.hk-tk-einstellungen{background:linear-gradient(135deg,#CFD5DE 0%,#EEF0F4 42%,#D5DBE6 100%)}
.hk-tk-hilfe .hk-tk-innen,.hk-tseite-kopf.hk-tk-hilfe{background:linear-gradient(135deg,#CDE3EC 0%,#EEF4F7 42%,#E3D6EE 100%)}
.hk-tk-steckbrief .hk-tk-innen,.hk-tseite-kopf.hk-tk-steckbrief,.hk-tk-weitere .hk-tk-innen,.hk-tseite-kopf.hk-tk-weitere{background:linear-gradient(135deg,#EBD3DC 0%,#F5EEF1 42%,#D9DFEA 100%)}
/* Themen-Seite: Register untereinander, groß und klar */
.hk-tseite{margin-top:16px}
.hk-tseite-kopf{position:relative;border-radius:24px;padding:20px 170px 20px 20px;min-height:170px;box-shadow:0 12px 28px -14px rgba(42,47,54,.4)}
.hk-tseite-kopf .hk-tk-bild{top:50%;transform:translateY(-50%);width:140px;height:140px}
.hk-tseite-kopf h2{font-family:'HK Lora',Lora,Georgia,serif;font-size:28px;letter-spacing:.8px;text-transform:uppercase;margin:0 0 6px;color:#2A2F36}
.hk-tseite-kopf p{margin:0 0 8px;color:#3D4552;font-size:14.5px}
.hk-tseite-kopf .hk-tk-post{position:static;display:inline-block;margin-top:4px;cursor:pointer}
.hk-tliste{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:16px}
.hk-tliste button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid #E3E6EA;border-radius:16px;padding:15px 18px;font-weight:600;font-size:16px;color:#2A2F36;cursor:pointer;box-shadow:0 2px 8px rgba(42,47,54,.05)}
.hk-tliste button small{font-weight:500;color:#5B6270;font-size:13px}.hk-tliste button i{font-style:normal;font-size:20px;color:#C24D6E}
.hk-tzurueck{margin:18px auto 0;display:block;background:none;border:0;color:#3E5C7E;font-weight:700;font-size:15px;cursor:pointer}
@media (max-width:420px){.hk-bsteck{grid-template-columns:118px 1fr;gap:14px}.hk-bsteck-text h2{font-size:28px}.hk-bpola{padding:10px 10px 28px}.hk-tk-bild{width:120px;height:120px}.hk-tseite-kopf{padding-right:130px}.hk-tseite-kopf .hk-tk-bild{width:110px;height:110px}}
@media (min-width:700px){.hk-bsteck{grid-template-columns:250px 1fr;gap:28px}.hk-bsteck-text h2{font-size:52px}.hk-tkarten{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.hk-tk-innen{height:230px}.hk-tliste{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hk-bnav button{font-size:13.5px}}

/* v76: Feinschliff „Mein Bereich“ – Handy: flachere Karten, Register in einer wischbaren Zeile, Logo nur einmal */
body[data-seite="bereich"] .kopf .hk-marke{display:none}
@media (max-width:699px){
  .hk-bnav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:0 18px;padding:8px 12px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .hk-bnav::-webkit-scrollbar{display:none}
  .hk-bnav button{flex:0 0 auto}
  .hk-tkarten{gap:12px}
  .hk-tk-innen{height:136px}
  .hk-tk-bild{width:104px;height:104px;top:5%}
  .hk-tk-text{padding:10px 16px 12px}
  .hk-tk-text b{font-size:18px}
  .hk-tk-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:96px}
  .hk-tk-text em{margin-top:3px}
  .hk-tk-post{top:10px;left:12px;font-size:12px;padding:5px 10px}
}
/* v76: 3D-Effekt – die Strichmännchen ragen zur Hälfte aus der Karte heraus */
.hk-tkarten{margin-top:44px;row-gap:46px!important}
.hk-tk-innen{overflow:visible!important}
.hk-tk-text{border-radius:0 0 20px 20px}
.hk-tk-bild{top:-46px!important;right:5%!important;filter:drop-shadow(0 10px 10px rgba(34,48,74,.28)) drop-shadow(0 2px 2px rgba(34,48,74,.18));z-index:2;transition:transform .25s}
.hk-tkarte:hover .hk-tk-bild,.hk-tkarte:active .hk-tk-bild{transform:translateY(-4px) scale(1.03)}
.hk-tk-bild svg circle,.hk-tk-bild svg path{paint-order:stroke}
.hk-tseite{margin-top:48px}
.hk-tseite-kopf .hk-tk-bild{top:-40px!important;transform:none}
@media (max-width:699px){.hk-tkarten{margin-top:36px;row-gap:38px!important}.hk-tk-bild{top:-34px!important}.hk-tseite-kopf .hk-tk-bild{top:-32px!important}}
/* v76: Die Strichmännchen „laufen auf dich zu“ – kommen aus der Karte nach vorne, mit Bodenschatten */
.hk-tk-bild{width:168px!important;height:168px!important;transform-origin:50% 90%}
.hk-tk-bild::after{content:"";position:absolute;left:18%;right:18%;bottom:6%;height:12px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(34,48,74,.32),rgba(34,48,74,0) 70%);z-index:-1;filter:blur(1px)}
.hk-tkarte .hk-tk-bild{opacity:0}
.hk-tkarte.hk-da .hk-tk-bild{animation:hkKommen 1.1s cubic-bezier(.2,.8,.25,1.15) both}
.hk-tkarte.hk-da:nth-child(2) .hk-tk-bild{animation-delay:.08s}.hk-tkarte.hk-da:nth-child(3) .hk-tk-bild{animation-delay:.16s}.hk-tkarte.hk-da:nth-child(4) .hk-tk-bild{animation-delay:.24s}
@keyframes hkKommen{0%{opacity:0;transform:translateY(34px) scale(.62)}55%{opacity:1;transform:translateY(-6px) scale(1.1)}75%{transform:translateY(2px) scale(1.02)}100%{opacity:1;transform:none}}
.hk-tkarte:active .hk-tk-bild{transform:translateY(-6px) scale(1.06)!important}
.hk-tseite-kopf .hk-tk-bild{width:150px!important;height:150px!important;animation:hkKommen 1s cubic-bezier(.2,.8,.25,1.15) both}
@media (max-width:699px){.hk-tk-bild{width:124px!important;height:124px!important;top:-40px!important}.hk-tseite-kopf .hk-tk-bild{width:118px!important;height:118px!important}}
@media (prefers-reduced-motion:reduce){.hk-tkarte .hk-tk-bild,.hk-tkarte.hk-da .hk-tk-bild,.hk-tseite-kopf .hk-tk-bild{animation:none!important;opacity:1!important;transform:none!important}}
/* v77: schmale Leisten – Strichmännchen halb in, halb über der Karte, mit Schatten nach vorne */
.hk-tkarten{row-gap:52px!important;margin-top:56px!important}
.hk-tkarte{padding:5px;border-radius:22px}
.hk-tk-innen{height:96px!important;border-radius:18px}
.hk-tk-text{top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:10px 128px 10px 18px!important;background:none!important;border-radius:18px}
.hk-tk-text b{font-size:18px!important;line-height:1.15}
.hk-tk-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:0!important;margin-top:2px}
.hk-tk-text em{display:none!important}
.hk-tk-innen::after{content:"›";position:absolute;right:14px;bottom:8px;font-size:22px;font-weight:700;color:#2A2F36;opacity:.55}
.hk-tk-bild{width:118px!important;height:118px!important;top:auto!important;bottom:22px!important;right:18px!important}
.hk-tk-bild::after{left:8%;right:8%;bottom:-6px;height:16px;background:radial-gradient(ellipse at center,rgba(34,48,74,.42),rgba(34,48,74,0) 70%)}
.hk-tk-post{top:-12px!important;left:14px!important}
@media (min-width:700px){.hk-tk-innen{height:112px!important}.hk-tk-bild{width:136px!important;height:136px!important;bottom:26px!important}.hk-tk-text{padding-right:150px!important}.hk-tk-text b{font-size:20px!important}}
@media (max-width:699px){.hk-tk-bild{width:104px!important;height:104px!important;bottom:20px!important;right:14px!important}.hk-tk-text{padding-right:112px!important}}
.hk-tk-text b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px!important}
@media (min-width:700px){.hk-tk-bild{width:122px!important;height:122px!important}.hk-tk-text{padding-right:132px!important}.hk-tk-text b{font-size:19px!important}}
/* v78: Themen-Kacheln alle gleich groß, mit deinem Logo halb in / halb über der Kachel, darunter „Herzgeflüster · am Bodensee“ */
.hk-tkarten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:78px 14px!important;margin-top:86px!important}
@media (min-width:700px){.hk-tkarten{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:96px 22px!important;margin-top:104px!important}}
.hk-lk{position:relative;display:block;width:100%;border:0;cursor:pointer;padding:6px;border-radius:24px;background:linear-gradient(145deg,#fff,#E2E6EC);box-shadow:0 14px 28px -14px rgba(42,47,54,.45);text-align:center}
.hk-lk-innen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:150px;border-radius:19px;padding:0 10px 14px;overflow:hidden}
.hk-tk-dating .hk-lk-innen{background:linear-gradient(135deg,#F2C9D7 0%,#F7E6EC 45%,#DCE3F0 100%)}
.hk-tk-treffen .hk-lk-innen{background:linear-gradient(135deg,#D9CCF0 0%,#F1E9F6 45%,#F4D3DF 100%)}
.hk-tk-gemeinschaft .hk-lk-innen{background:linear-gradient(135deg,#C9DCEF 0%,#EAF1F8 45%,#D8E7E3 100%)}
.hk-tk-tests .hk-lk-innen{background:linear-gradient(135deg,#F3DEC9 0%,#F8EFE6 45%,#EAD3DE 100%)}
.hk-tk-einstellungen .hk-lk-innen{background:linear-gradient(135deg,#CFD5DE 0%,#EEF0F4 45%,#D5DBE6 100%)}
.hk-tk-hilfe .hk-lk-innen{background:linear-gradient(135deg,#CDE3EC 0%,#EEF4F7 45%,#E3D6EE 100%)}
.hk-tk-weitere .hk-lk-innen{background:linear-gradient(135deg,#EBD3DC 0%,#F5EEF1 45%,#D9DFEA 100%)}
/* Logo: Unterkörper (Füße bis unter den Bauchnabel) in der Kachel, Oberkörper und Herz darüber */
.hk-lk-logo{position:absolute;left:50%;top:0;width:118px;height:134px;transform:translate(-50%,-62%);z-index:3;pointer-events:none;filter:drop-shadow(0 10px 8px rgba(34,48,74,.22))}
.hk-lk-logo img{width:100%;height:100%;display:block}
.hk-lk-logo::after{content:"";position:absolute;left:14%;right:14%;bottom:2%;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(34,48,74,.38),rgba(34,48,74,0) 70%);z-index:-1}
.hk-lk-marke{display:flex;flex-direction:column;align-items:center;line-height:1;margin-bottom:8px}
.hk-lk-marke i{font-family:'HK Lora',Lora,Georgia,serif;font-style:italic;font-weight:700;font-size:17px;color:#22304A}
.hk-lk-marke small{font-size:8.5px;letter-spacing:2.4px;text-transform:uppercase;color:#C24D6E;margin-top:3px}
.hk-lk b{display:block;font-family:'HK Lora',Lora,Georgia,serif;font-size:16px;letter-spacing:.6px;text-transform:uppercase;color:#2A2F36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hk-lk-unter{display:block;font-size:11.5px;color:#4A535C;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hk-lk-post{position:absolute;right:10px;top:10px;z-index:4;background:#C24D6E;color:#fff;font-weight:700;font-size:12px;border-radius:99px;padding:4px 9px;box-shadow:0 4px 10px rgba(194,77,110,.35)}
/* laufen auf dich zu */
.hk-lk .hk-lk-logo{opacity:0}
.hk-lk.hk-da .hk-lk-logo{animation:hkLkKommen 1.1s cubic-bezier(.2,.8,.25,1.15) both}
.hk-lk.hk-da:nth-child(2) .hk-lk-logo{animation-delay:.08s}.hk-lk.hk-da:nth-child(3) .hk-lk-logo{animation-delay:.16s}.hk-lk.hk-da:nth-child(4) .hk-lk-logo{animation-delay:.24s}.hk-lk.hk-da:nth-child(5) .hk-lk-logo{animation-delay:.32s}.hk-lk.hk-da:nth-child(6) .hk-lk-logo{animation-delay:.4s}
@keyframes hkLkKommen{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}55%{opacity:1;transform:translate(-50%,-64%) scale(1.1)}75%{transform:translate(-50%,-61%) scale(1.02)}100%{opacity:1;transform:translate(-50%,-62%)}}
.hk-lk:active .hk-lk-logo{transform:translate(-50%,-66%) scale(1.05)!important}
@media (min-width:700px){.hk-lk-innen{height:170px}.hk-lk-logo{width:136px;height:154px}.hk-lk b{font-size:18px}.hk-lk-unter{font-size:12.5px}.hk-lk-marke i{font-size:19px}}
@media (prefers-reduced-motion:reduce){.hk-lk .hk-lk-logo,.hk-lk.hk-da .hk-lk-logo{animation:none!important;opacity:1!important}}
/* v79: Themen als kleine 3D-Würfel mit der passenden Figur halb drin, laufend, mit Pfütze */
.hk-tkarten{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:104px 14px!important;margin-top:110px!important}
@media (min-width:700px){.hk-tkarten{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:118px 26px!important;margin-top:124px!important}}
.hk-wf{position:relative;display:block;width:100%;max-width:178px;height:150px;margin:0 auto;border:0;padding:0;background:none;cursor:pointer;text-align:center;--a:#EBD3DC;--b:#F5EEF1;--c:#D9DFEA}
.hk-tk-dating.hk-wf{--a:#F2C9D7;--b:#F7E6EC;--c:#DCE3F0}.hk-tk-treffen.hk-wf{--a:#D9CCF0;--b:#F1E9F6;--c:#F4D3DF}.hk-tk-gemeinschaft.hk-wf{--a:#C9DCEF;--b:#EAF1F8;--c:#D8E7E3}
.hk-tk-tests.hk-wf{--a:#F3DEC9;--b:#F8EFE6;--c:#EAD3DE}.hk-tk-einstellungen.hk-wf{--a:#CFD5DE;--b:#EEF0F4;--c:#D5DBE6}.hk-tk-hilfe.hk-wf{--a:#CDE3EC;--b:#EEF4F7;--c:#E3D6EE}
.hk-wf-deckel{position:absolute;left:0;right:0;top:0;height:34px;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);background:linear-gradient(180deg,var(--b),var(--a))}
.hk-wf-seite{position:absolute;left:86%;right:0;top:0;bottom:0;clip-path:polygon(0 34px,100% 0,100% calc(100% - 34px),0 100%);background:linear-gradient(180deg,var(--a),var(--c));filter:brightness(.86)}
.hk-wf-front{position:absolute;left:0;right:14%;top:34px;bottom:0;z-index:3;border-radius:3px 3px 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 6px 10px;background:linear-gradient(135deg,var(--a) 0%,var(--b) 45%,var(--c) 100%);box-shadow:0 18px 26px -14px rgba(34,48,74,.55)}
.hk-wf-marke{display:flex;flex-direction:column;align-items:center;line-height:1;margin-bottom:5px}
.hk-wf-marke i{font-family:'HK Lora',Lora,Georgia,serif;font-style:italic;font-weight:700;font-size:14px;color:#22304A}
.hk-wf-marke small{font-size:7px;letter-spacing:2px;text-transform:uppercase;color:#C24D6E;margin-top:2px}
.hk-wf b{display:block;font-family:'HK Lora',Lora,Georgia,serif;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:#2A2F36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hk-wf-unter{display:block;font-size:9.5px;color:#4A535C;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hk-wf-fig{position:absolute;left:43%;top:-96px;width:146px;height:146px;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 8px 6px rgba(34,48,74,.25));pointer-events:none}
.hk-wf-fig>span{display:block;width:100%;height:100%;transform-origin:50% 100%}.hk-wf-fig svg{width:100%;height:100%;display:block}
.hk-wf-pfuetze{position:absolute;left:43%;top:16px;width:120px;height:22px;transform:translateX(-50%);z-index:1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(120,160,200,.45),rgba(120,160,200,.15) 55%,rgba(120,160,200,0) 72%)}
.hk-wf-pfuetze::before,.hk-wf-pfuetze::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(90,130,175,.55);animation:hkWelle 2.4s ease-out infinite}
.hk-wf-pfuetze::after{animation-delay:1.2s}
@keyframes hkWelle{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.hk-wf-post{position:absolute;right:18%;top:42px;z-index:4;background:#C24D6E;color:#fff;font-weight:700;font-size:12px;border-radius:99px;padding:4px 9px;box-shadow:0 4px 10px rgba(194,77,110,.35)}
.hk-wf .hk-wf-fig{opacity:0}
.hk-wf.hk-da .hk-wf-fig{animation:hkWfKommen 1.2s cubic-bezier(.2,.8,.3,1) both}
.hk-wf.hk-da .hk-wf-fig>span{animation:hkGeh .9s ease-in-out infinite alternate}
.hk-wf.hk-da:nth-child(2) .hk-wf-fig{animation-delay:.1s}.hk-wf.hk-da:nth-child(3) .hk-wf-fig{animation-delay:.2s}.hk-wf.hk-da:nth-child(4) .hk-wf-fig{animation-delay:.3s}.hk-wf.hk-da:nth-child(5) .hk-wf-fig{animation-delay:.4s}.hk-wf.hk-da:nth-child(6) .hk-wf-fig{animation-delay:.5s}
@keyframes hkWfKommen{0%{opacity:0;transform:translateX(-50%) translateY(-14px) scale(.7)}60%{opacity:1;transform:translateX(-50%) translateY(4px) scale(1.06)}100%{opacity:1;transform:translateX(-50%)}}
@keyframes hkGeh{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(0)}100%{transform:translateY(0) rotate(2deg)}}
.hk-wf:active .hk-wf-front{filter:brightness(.97)}
@media (prefers-reduced-motion:reduce){.hk-wf .hk-wf-fig,.hk-wf.hk-da .hk-wf-fig,.hk-wf.hk-da .hk-wf-fig>span,.hk-wf-pfuetze::before,.hk-wf-pfuetze::after{animation:none!important;opacity:1!important}}
/* v80: Figuren kleiner und harmonisch zum Würfel */
.hk-wf-fig{width:96px!important;height:96px!important;top:-56px!important}
.hk-wf-pfuetze{width:92px!important;height:18px!important;top:17px!important}
.hk-tkarten{gap:72px 14px!important;margin-top:76px!important}
@media (min-width:700px){.hk-tkarten{gap:80px 26px!important;margin-top:86px!important}.hk-wf-fig{width:104px!important;height:104px!important;top:-62px!important}}
.hk-wf b{font-size:13.5px}.hk-wf-unter{font-size:10px}
/* v81: Handy – Register-Zeile ganz sichtbar (zwei Zeilen, mittig); Figuren etwas größer */
@media (max-width:699px){
  .hk-bnav{flex-wrap:wrap!important;justify-content:center!important;overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important;gap:6px 14px!important;padding:8px 6px 12px!important}
  .hk-bnav button{font-size:11.5px!important;letter-spacing:1.1px!important}
}
.hk-wf-fig{width:120px!important;height:120px!important;top:-72px!important}
.hk-wf-pfuetze{width:104px!important;height:20px!important;top:16px!important}
.hk-tkarten{gap:90px 14px!important;margin-top:94px!important}
@media (min-width:700px){.hk-wf-fig{width:128px!important;height:128px!important;top:-78px!important}.hk-tkarten{gap:96px 26px!important;margin-top:102px!important}}
@media (max-width:699px){.hk-bnav{gap:6px 11px!important}.hk-bnav button{font-size:11px!important;letter-spacing:.6px!important}}
/* v83: Themen-Seite – Inhalte als Register (Reiter nebeneinander) statt Liste */
.hk-tliste{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center;background:#fff;border:1px solid #E3E6EA;border-radius:22px;padding:10px;box-shadow:0 6px 18px -10px rgba(42,47,54,.25)}
.hk-tliste button{width:auto!important;flex:0 1 auto;display:inline-flex!important;align-items:center;gap:6px;border-radius:999px!important;padding:11px 16px!important;background:#ECEFF3!important;border:0!important;box-shadow:none!important;font-size:15px!important;color:#22304A!important}
.hk-tliste button:hover,.hk-tliste button:active{background:#22304A!important;color:#fff!important}
.hk-tliste button:active small,.hk-tliste button:hover small{color:#E7ECF2}
.hk-tliste button i{display:none}
.hk-tliste button small{font-size:12px!important}
/* v84: Register wie bei Heuschober – Reiter oben, vorne das aktive Blatt */
.hk-reg{margin:18px 0 8px;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -22px rgba(34,48,74,.45)}
.hk-reg-reiter{display:flex;overflow-x:auto;scrollbar-width:none;background:linear-gradient(135deg,#2A2F36 0%,#3A4452 55%,#4A5A70 100%)}
.hk-reg-reiter::-webkit-scrollbar{display:none}
.hk-reg-reiter button{flex:1 0 auto;min-width:96px;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 12px 14px;border:0;background:transparent;color:#F2F4F7;font:600 14px/1.1 -apple-system,'Segoe UI',sans-serif;letter-spacing:.4px;cursor:pointer;border-right:1px solid rgba(255,255,255,.12)}
.hk-reg-reiter button:last-child{border-right:0}
.hk-reg-reiter button.an{background:#fff;color:#22304A;border-radius:22px 22px 0 0;border-right:0}
.hk-reg-ik{width:40px;height:40px;display:block}.hk-reg-ik svg{width:100%;height:100%;display:block}
.hk-reg-reiter button:not(.an) .hk-reg-ik svg g{stroke:#F2F4F7}
.hk-reg-zahl{position:absolute;top:6px;right:12px;font-style:normal;background:#C24D6E;color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:2px 7px}
.hk-reg-blatt{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 20px 24px}
.hk-reg-links h2{font-family:'HK Lora',Lora,Georgia,serif;font-size:30px;line-height:1.05;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;color:#22304A}
.hk-reg-links p{font-size:16px;line-height:1.55;color:#4A535C;margin:0 0 10px}
.hk-reg-fig{display:block;width:96px;height:96px;margin-bottom:6px}.hk-reg-fig svg{width:100%;height:100%;display:block}
.hk-reg-post{position:static!important;display:inline-block;cursor:pointer}
.hk-reg-links.hk-bsteck{padding:0}
.hk-reg-rechts{background:linear-gradient(180deg,#F7F8FA,#EEF1F5);border:1px solid #E3E6EA;border-radius:22px;padding:16px}
.hk-reg-rechts h3,.hk-reg-weitere h3{font:600 12px -apple-system,'Segoe UI',sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#5B6270;margin:0 0 10px}
.hk-reg-pillen{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.hk-reg-pillen button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#fff;border:1px solid #DCE1E8;border-radius:14px;padding:13px 14px;font-weight:600;font-size:15.5px;color:#22304A;cursor:pointer;box-shadow:0 2px 6px rgba(34,48,74,.05)}
.hk-reg-pillen button span{flex:1}.hk-reg-pillen button small{font-size:12px;color:#5B6270;font-weight:500}
.hk-reg-pillen button i{font-style:normal;font-size:20px;color:#C24D6E}
.hk-reg-pillen button:active{background:#22304A;color:#fff}
.hk-reg-weitere{margin-top:30px}
.hk-bnav{display:none!important}
@media (min-width:700px){
  .hk-reg-blatt{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;padding:30px 30px 32px;align-items:start}
  .hk-reg-links h2{font-size:40px}
  .hk-reg-pillen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hk-reg-blatt .hk-bsteck{grid-template-columns:200px 1fr;gap:22px}
  .hk-reg-blatt .hk-bsteck-text h2{font-size:40px}
}
@media (max-width:699px){.hk-reg-reiter button{min-width:84px;font-size:12.5px;padding:10px 8px 12px}.hk-reg-ik{width:34px;height:34px}.hk-reg-links h2{font-size:26px}}
.hk-reg-pillen button span small{display:block;margin-top:2px;line-height:1.3}
@media (min-width:700px){
  .hk-reg-blatt{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .hk-reg-blatt.st{grid-template-columns:minmax(0,1fr)}
  .hk-reg-blatt.st .hk-reg-pillen{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hk-reg-blatt.st .hk-bsteck{grid-template-columns:220px 1fr}
}
@media (max-width:699px){.hk-reg-reiter{-webkit-mask-image:linear-gradient(90deg,#000 86%,rgba(0,0,0,.35));mask-image:linear-gradient(90deg,#000 86%,rgba(0,0,0,.35))}}
/* v89: Seitenleiste zum Aufklappen */
body.hk-v74 #register .reg-block.hk-klapp .reg-gruppe{cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none}
#register .hk-klapp-zahl{margin-left:auto;font:600 12px -apple-system,'Segoe UI',sans-serif;font-style:normal;background:#ECEFF3;color:#3E5C7E;border-radius:99px;padding:2px 8px}
#register .hk-klapp-pfeil{font:700 20px/1 -apple-system,sans-serif;font-style:normal;color:#C24D6E;transition:transform .2s}
#register .reg-block.hk-klapp:not(.hk-auf) .reg-eintrag,#register .reg-block.hk-klapp:not(.hk-auf) .reg-untertitel{display:none!important}
#register .reg-block.hk-klapp:not(.hk-auf){padding-bottom:6px}
#register .reg-block.hk-auf .hk-klapp-pfeil{transform:rotate(90deg)}

/* v90: Logos sauber – Seitenleiste mit Strichmännchen statt Emojis, Reiter auf dem Handy ohne Abschneiden, Würfel-Titel vollständig */
.reg-block[data-gruppe="0"] .reg-gruppe::after{display:none!important}
#register .reg-gruppe .hk-klapp-ik{flex:0 0 auto;width:34px;height:34px;display:inline-flex;margin-right:8px;vertical-align:middle}
#register .reg-gruppe .hk-klapp-ik svg{width:100%;height:100%}
#register .reg-gruppe.hk-mit-ik{display:flex;align-items:center}
#register .reg-gruppe.hk-mit-ik .hk-klapp-text{flex:1 1 auto;min-width:0}
.hk-wf-front b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.1;word-break:normal;hyphens:auto}
@media (max-width:600px){
  .hk-reg-reiter{-webkit-mask-image:none!important;mask-image:none!important;overflow-x:hidden}
  .hk-reg-reiter button{min-width:0!important;flex:1 1 0!important;padding:9px 2px 11px!important}
  .hk-reg-reiter button:not(.an)>span:not(.hk-reg-ik){display:none}
  .hk-reg-reiter button.an{flex:2.6 1 0!important}
  .hk-reg-reiter button .hk-reg-ik{width:30px;height:30px}
  .hk-wf-front b{font-size:11px;letter-spacing:.02em}
}
#bereich-normal .reiter button.an{color:#fff!important}
/* v91: Deine ersten Schritte */
.hk-schritte{max-width:760px;margin:0 auto 18px;background:#fff;border-radius:22px;padding:16px 16px 10px;box-shadow:0 14px 34px -18px rgba(34,48,74,.45);border:1px solid #E3E7EE}
.hk-schritte-kopf{display:flex;align-items:center;gap:10px}
.hk-schritte-kopf h3{margin:0;font:italic 700 20px/1.2 Lora,Georgia,serif;color:#22304A;flex:1}
.hk-schritte-kopf span{font-size:13px;color:#3E5C7E;font-weight:600}
.hk-schritte-x{border:0;background:#ECEFF3;color:#22304A;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer}
.hk-schritte-balken{height:6px;background:#ECEFF3;border-radius:6px;margin:10px 0 8px;overflow:hidden}
.hk-schritte-balken i{display:block;height:100%;background:linear-gradient(90deg,#22304A,#C24D6E);border-radius:6px}
.hk-schritte ol{list-style:none;margin:0;padding:0}
.hk-schritte li{border-top:1px solid #EEF1F5}
.hk-schritte li:first-child{border-top:0}
.hk-schritte li button,.hk-schritte li.ok{width:100%;display:flex;align-items:center;gap:12px;padding:10px 2px;background:none;border:0;text-align:left;color:#22304A;font:inherit;cursor:pointer}
.hk-schritte .hk-sk{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:#ECEFF3;color:#22304A}
.hk-schritte li.ok .hk-sk{background:#22304A;color:#fff}
.hk-schritte li.ok b{color:#7A8494;text-decoration:line-through;font-weight:600}
.hk-schritte li button>span:nth-child(2){flex:1;min-width:0}
.hk-schritte b{display:block;font-size:15px}
.hk-schritte small{display:block;font-size:12.5px;color:#5A6472;margin-top:1px}
.hk-schritte em{font-style:normal;font-weight:700;font-size:13px;color:#fff;background:#C24D6E;border-radius:999px;padding:6px 12px;white-space:nowrap}
/* v93: Rechtliches immer sichtbar – unten in Mein Bereich und in der Seitenleiste */
.hk-recht{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:26px auto 90px;padding:12px 10px;max-width:760px;font-size:13px}
.hk-recht a{color:#3E5C7E;text-decoration:underline;text-underline-offset:2px}
#register .hk-recht{margin:16px 0 24px;justify-content:flex-start;padding:10px 4px}
/* v97: Musik-Knopf mit Text – sofort erkennbar an/aus */
.hk-musik{width:auto!important;padding:0 12px 0 10px!important;gap:6px;border-radius:999px!important;font:600 13px/1 Inter,system-ui,sans-serif}
.hk-musik.an{background:#22304A!important;color:#fff!important}
@media (max-width:420px){.hk-musik{padding:0 10px!important}.hk-musik-t{font-size:12px}}
.hk-musik-fest{position:fixed;left:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:900;height:38px;box-shadow:0 8px 20px -10px rgba(34,48,74,.55);border:1px solid #DDE2EA!important}
@media (min-width:900px){.hk-musik-fest{bottom:20px}}
@media print{.hk-musik-fest{display:none}}
/* v100: Musik-Knopf verdeckt keine Fenster (z. B. Ticket buchen) */
body:has(.modal-hg) .hk-musik-fest{display:none!important}
/* v101: „Nächster Abend“ als Polaroid-Karte in Mein Bereich */
.hk-na{width:100%;max-width:760px;margin:0 auto 16px;display:flex;gap:14px;align-items:center;text-align:left;background:#fff;border:1px solid #E3E7EE;border-radius:22px;padding:14px 14px 14px 12px;box-shadow:0 14px 34px -18px rgba(34,48,74,.45);cursor:pointer;font:inherit;color:#22304A}
.hk-na:focus-visible{outline:2px solid #22304A;outline-offset:3px}
.hk-na-pol{flex:0 0 96px;transform:rotate(-4deg);background:linear-gradient(140deg,#43454C 0%,#141518 28%,#30323A 52%,#0C0D10 76%,#2A2C33 100%);padding:6px 6px 20px;box-shadow:0 10px 18px -8px rgba(0,0,0,.5);position:relative;display:block}
.hk-na-pol i{display:block;width:84px;height:84px;background:url(icons/demo/demo-pasta.jpg) center/cover}
.hk-na-pol em{position:absolute;left:0;right:0;bottom:4px;text-align:center;color:#fff;font:italic 700 10px Lora,Georgia,serif}
.hk-na-text{flex:1;min-width:0;display:flex;flex-direction:column}
.hk-na-text small{font:600 12px Inter,system-ui,sans-serif;color:#C24D6E}
.hk-na-text b{font:italic 700 19px/1.15 Lora,Georgia,serif;color:#22304A;margin:2px 0 4px}
.hk-na-text>span:not(.hk-na-fuss):not(.hk-na-sym){font:500 13px Inter,system-ui,sans-serif;color:#3E5C7E}
.hk-na-fuss{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}
.hk-na-knopf{font:700 13px Inter,system-ui,sans-serif;color:#fff;background:#22304A;border-radius:999px;padding:8px 14px;white-space:nowrap}
.hk-na-info{font:500 12px Inter,system-ui,sans-serif;color:#5A6472}
.hk-na-sym{font:500 10px Inter,system-ui,sans-serif;color:#8A93A0;margin-top:6px}