/* Doktorfy DE Startseite nach Design-Vorlage (15.10.2026). Alle Farben/Radien als Variablen auf .hd; Bilder = graue Platzhalter (.hd-ph). */
.hd{--hd-blue:#1a9fd4;--hd-blue-d:#1384ba;--hd-blue-soft:#e6f5fc;--hd-blue-soft2:#cdebf8;--hd-ink:#0a0a0a;--hd-text:#3a3f45;--hd-muted:#6b7480;--hd-line:#e7edf2;--hd-ph:#dfe4e9;--hd-white:#fff;--hd-r:16px;--hd-shadow:0 10px 30px -12px rgba(16,60,90,.25);
  font-family:"Inter",-apple-system,system-ui,"Segoe UI",sans-serif;color:var(--hd-ink);background:var(--hd-white)}
.hd *{box-sizing:border-box}
.hd a{color:inherit;text-decoration:none}
.hd-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.hd-i{flex:none;vertical-align:middle}
/* Buttons */
.hd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .15s,background .15s}
.hd-btn:hover{transform:translateY(-1px)}
.hd .hd-btn-dark{background:var(--hd-ink);color:var(--hd-white)}
.hd .hd-btn-blue{background:var(--hd-blue);color:var(--hd-white)}
.hd .hd-btn-blue:hover{background:var(--hd-blue-d)}
.hd-btn-lg{padding:15px 32px;font-size:15px}
/* Promo-Leiste */
.hd-promo{background:var(--hd-blue);color:var(--hd-white);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;padding:8px 16px;font-size:14px}
.hd-promo-pill{background:var(--hd-white);color:var(--hd-blue);border-radius:999px;padding:6px 14px;font-weight:700;font-size:13px}
.hd-cd{display:flex;gap:8px}
.hd-cd div{background:var(--hd-white);color:var(--hd-ink);border-radius:8px;min-width:46px;padding:5px 6px;text-align:center}
.hd-cd b{display:block;font-size:17px;line-height:1.1;font-variant-numeric:tabular-nums}
.hd-cd span{display:block;font-size:9.5px;color:var(--hd-muted)}
.hd-promo-btn{background:var(--hd-white);color:var(--hd-ink)!important;border-radius:999px;padding:9px 18px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px}
/* Header */
.hd-head{background:var(--hd-white);border-bottom:1px solid var(--hd-line);position:sticky;top:0;z-index:50}
.hd-head-in{display:flex;align-items:center;gap:32px;height:64px}
.hd-logo img{display:block;height:30px;width:auto}
.hd-nav{display:flex;gap:26px;font-size:14px;font-weight:500}
.hd-nav a:hover{color:var(--hd-blue)}
.hd-head-act{margin-left:auto;display:flex;align-items:center;gap:14px}
.hd-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}
.hd-icon:hover{background:var(--hd-blue-soft)}
.hd-burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.hd-burger span{display:block;width:22px;height:2px;background:var(--hd-ink);margin:5px 0;border-radius:2px}
.hd-top{display:contents}
.hd-cartbadge{position:absolute;right:-2px;top:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--hd-blue);color:var(--hd-white);font-size:10.5px;font-weight:700;display:none;align-items:center;justify-content:center}
.hd-icon{position:relative}
.hd-nav a[aria-current=page]{color:var(--hd-blue);font-weight:700}
@media(max-width:1020px){.hd-nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--hd-white);border-bottom:1px solid var(--hd-line);flex-direction:column;gap:0;padding:8px 24px 16px}.hd-nav.on{display:flex}.hd-nav a{padding:12px 0;border-bottom:1px solid var(--hd-line)}.hd-burger{display:block}.hd-head-cta{display:none}}
@media(max-width:560px){.hd-promo{font-size:12.5px;gap:8px 12px}.hd-promo-txt{width:100%;text-align:center}}

/* Feinabgleich mit der Design-Vorlage (kleinere Typografie/Hoehen) */
.hd .hd-wrap{max-width:1100px}
.hd-promo{padding:6px 16px;font-size:12.5px;gap:8px 18px}
.hd-promo-pill{padding:5px 12px;font-size:12px}
.hd-cd{gap:6px}
.hd-cd div{min-width:36px;padding:3px 4px;border-radius:7px}
.hd-cd b{font-size:15px}
.hd-cd span{font-size:8.5px}
.hd-promo-btn{padding:7px 16px;font-size:12px}
.hd-head-in{height:58px;gap:28px}
.hd-logo img{height:27px}
.hd-nav{font-size:12.5px;gap:24px}
.hd .hd-btn{padding:10px 20px;font-size:12.5px}
.hd .hd-head-cta{padding:10px 22px}
.hd-icon{width:34px;height:34px}
@media(max-width:1020px){.hd-nav{top:58px}}