/* biokarte-editor.css — Abschnitt „Deine BioKarte“ (DJ-Profil-Editor und biokarte.html) */
.bk { margin-top:18px; border-left:4px solid var(--burg); }
.dj-seite > #loeschen-box { margin-top:18px; }
.bk-adresse { display:flex; align-items:center; border:1px solid var(--border); border-radius:12px; background:var(--dark); overflow:hidden; }
.bk-adresse span { padding:0 0 0 14px; color:var(--muted); font-size:15px; white-space:nowrap; }
.bk-adresse .cb-input { border:0; background:transparent; padding-left:2px; }
.bk-designs { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px; }
.bk-design { text-align:left; padding:12px; border:2px solid var(--border); border-radius:12px; background:var(--dark); color:var(--white); font:inherit; cursor:pointer; }
.bk-design[aria-pressed="true"] { border-color:var(--burg); }
.bk-design strong { display:block; font-size:15px; }
.bk-design span { display:block; color:var(--muted); font-size:12px; margin-top:4px; line-height:1.4; }
.bk-design.bald { opacity:.5; cursor:default; border-style:dashed; }
.bk-farben { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.bk-farbe { width:34px; height:34px; border-radius:50%; border:2px solid var(--border); cursor:pointer; }
.bk-farbe[aria-pressed="true"] { outline:3px solid var(--white); outline-offset:2px; }
.bk-logo-vorschau { background-size:contain !important; background-color:#111 !important; }
.bk-zeile { display:grid; grid-template-columns:170px 1fr 44px; gap:10px; margin-bottom:10px; }
.bk-zeile .cb-input { padding:12px 14px; font-size:15px; }
.bk-schalter { display:flex; gap:10px; align-items:center; cursor:pointer; color:var(--muted); }
.bk-schalter input { width:20px; height:20px; accent-color:var(--burg); }
.bk-schalter strong { color:var(--white); }
.bk-knoepfe { display:flex; gap:12px; flex-wrap:wrap; }
/* Hinweis „Deine BioKarte ist online“ oben im Abschnitt (08.10.) */
.bk-fertig { display:flex; flex-direction:column; gap:8px; margin:12px 0 18px; padding:16px; border:1px solid var(--ok); border-left-width:4px; border-radius:12px; background:var(--dark); }
.bk-fertig a { font-size:17px; font-weight:600; word-break:break-all; }
.hilfe-inline { text-transform:none; letter-spacing:0; font-weight:500; }
@media(max-width:640px) { .bk-zeile { grid-template-columns:1fr 44px; } .bk-zeile select { grid-column:1 / -1; } .bk-adresse span { font-size:13px; } }

/* Bausteine, die biokarte.html selbst nicht mitbringt (im DJ-Editor gleich definiert) */
.bk h2 { font-size:18px; font-weight:700; margin-bottom:4px; }
.bk > p { color:var(--muted); font-size:14px; line-height:1.5; margin-bottom:18px; }
.bk .auth-form { gap:14px; }
.bk .bild-feld { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.bk .bild-vorschau { width:96px; height:96px; border-radius:12px; background:var(--dark) center/cover no-repeat; border:1px solid var(--border); flex-shrink:0; }
.bk .bild-vorschau.breit { width:240px; height:135px; }
.bk .bild-vorschau.hoch { width:120px; height:150px; } /* 4:5 wie das Foto auf der Karte */
.bk .datei-knopf { position:relative; overflow:hidden; }
.bk .datei-knopf input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.bk .zeile-weg { background:none; border:1px solid var(--border); color:var(--muted); border-radius:10px; width:40px; height:44px; cursor:pointer; font-size:18px; }
.bk .bk-grund { display:flex; flex-direction:column; gap:14px; padding-bottom:18px; margin-bottom:4px; border-bottom:1px solid var(--border); }
.bk-seite { flex:1; width:100%; max-width:760px; margin:0 auto; padding:110px 20px 120px; }
.bk-seite h1 { font-family:var(--f-head); font-weight:800; font-size:clamp(28px,5vw,40px); letter-spacing:-.02em; margin-bottom:8px; }
.bk-seite .unter { color:var(--muted); line-height:1.6; margin-bottom:20px; }
.bk-seite .bk { max-width:none; margin-top:0; }