/* Startseite (Design-Vorlage 15.10.2026). Header/Promo/Buttons/Tokens: header-design.css */
.hd .hd-btn-white{background:var(--hd-white);color:var(--hd-ink);box-shadow:0 4px 14px -6px rgba(16,60,90,.3)}
/* Platzhalter */
.hd-ph{display:block;background:var(--hd-ph);border-radius:var(--hd-r)}
/* Hero */
.hd-hero{background:linear-gradient(180deg,#f3fafe 0%,var(--hd-blue-soft) 100%);overflow:hidden}
.hd .hd-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;padding-top:28px;padding-bottom:0;min-height:520px}
.hd-pill{display:inline-flex;align-items:center;gap:8px;background:var(--hd-white);color:var(--hd-blue);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;box-shadow:0 4px 14px -8px rgba(16,60,90,.3)}
.hd-hero h1{font-size:clamp(34px,4.6vw,56px);line-height:1.02;font-weight:800;letter-spacing:-.035em;margin:22px 0 16px}
.hd-hero h1 span{display:block;color:var(--hd-blue)}
.hd-lead{font-size:17px;line-height:1.5;color:var(--hd-text);max-width:30em;margin:0 0 24px}
.hd-search{display:flex;align-items:center;gap:10px;background:var(--hd-white);border-radius:999px;padding:7px 7px 7px 20px;box-shadow:var(--hd-shadow);max-width:560px;color:var(--hd-blue)}
.hd-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14.5px;color:var(--hd-ink)}
.hd-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 20px;font-size:13px;color:var(--hd-muted)}
.hd-tags a{background:var(--hd-blue-soft2);color:var(--hd-ink);border-radius:999px;padding:5px 12px;font-weight:500}
.hd-rating{display:flex;align-items:center;gap:10px;font-size:14px;padding-bottom:36px}
.hd-rating small{display:block;font-size:11.5px;color:var(--hd-muted)}
.hd-stars{position:relative;display:inline-block;font-size:19px;letter-spacing:2px;color:#d6dde3;line-height:1}
.hd-stars::before{content:"★★★★★";position:absolute;left:0;top:0;width:var(--fill,100%);overflow:hidden;color:#f5b301}
.hd-hero-r{position:relative;align-self:stretch;min-height:480px}
.hd-blob{position:absolute;left:8%;top:12%;width:70%;aspect-ratio:1;border-radius:50%;background:var(--hd-blue-soft2);opacity:.7}
.hd-ph-person{position:absolute;left:12%;bottom:0;width:52%;height:88%;border-radius:200px 200px 0 0;background:var(--hd-ph)}
.hd-script{position:absolute;right:2%;top:6px;text-align:right;font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;font-size:19px;line-height:1.25;color:var(--hd-blue-d);transform:rotate(-6deg)}
.hd-cats{position:absolute;right:0;top:15%;margin:0;padding:0;list-style:none;width:min(260px,44%);display:grid;gap:14px}
.hd-cats a{display:flex;align-items:center;gap:12px;background:var(--hd-white);border-radius:var(--hd-r);padding:12px 14px;box-shadow:var(--hd-shadow)}
.hd-ph-sm{width:52px;height:52px;border-radius:12px}
.hd-cats b{display:block;font-size:13.5px}
.hd-cats small{font-size:12.5px;color:var(--hd-text)}
.hd-cats i{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--hd-blue-soft);display:grid;place-items:center}
.hd-checks{position:absolute;left:4%;bottom:14px;margin:0;padding:14px 18px;list-style:none;background:var(--hd-white);border-radius:var(--hd-r);box-shadow:var(--hd-shadow);display:grid;gap:9px;font-size:13px;z-index:2}
.hd-checks li{display:flex;align-items:center;gap:9px}
.hd-checks .hd-i{background:var(--hd-blue);color:var(--hd-white);border-radius:50%;padding:3px;width:18px;height:18px}
/* Vertrauensleiste */
.hd-trust{background:var(--hd-blue-soft)}
.hd .hd-trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:22px;padding-bottom:22px}
.hd-trust-in>div{display:flex;align-items:center;gap:14px}
.hd-ico{flex:none;width:58px;height:58px;border-radius:50%;background:var(--hd-blue-soft2);color:var(--hd-blue);display:grid;place-items:center}
.hd-trust p{margin:0;font-size:12.5px;line-height:1.4;color:var(--hd-text)}
.hd-trust b{display:block;font-size:14.5px;color:var(--hd-ink);margin-bottom:2px}
/* Sektionen */
.hd-sec{padding:44px 0 8px}
.hd-h2{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.025em;text-align:center;margin:0 0 8px}
.hd-sub{text-align:center;font-size:14.5px;color:var(--hd-text);margin:0 0 28px}
.hd-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hd-pal{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:var(--hd-r);padding:20px 18px 20px;min-height:290px}
.hd-pal--green{background:linear-gradient(180deg,#eef8ee,#f6fbf6)}
.hd-pal--orange{background:linear-gradient(180deg,#fdeee5,#fdf6f1)}
.hd-pal--blue{background:linear-gradient(180deg,#e6f2fb,#f1f8fd)}
.hd-pal--pink{background:linear-gradient(180deg,#fde9f0,#fef4f7)}
.hd-pal-go{position:absolute;right:14px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--hd-white);display:grid;place-items:center}
.hd-ph-prod{width:120px;height:110px;margin:6px 0 12px}
.hd-pal b{font-size:17px;margin-bottom:6px}
.hd-pal small{font-size:13px;line-height:1.4;color:var(--hd-text);margin-bottom:16px;max-width:15em}
.hd-pal .hd-btn{margin-top:auto;width:100%}
/* Weg */
.hd-sec--way{padding:36px 0 56px}
.hd-way{background:linear-gradient(180deg,var(--hd-blue-soft),#f3fafe);border-radius:28px;padding:32px 28px 28px}
.hd-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}
.hd-step{position:relative;display:flex;align-items:center;gap:14px;background:var(--hd-white);border-radius:var(--hd-r);padding:14px 16px 14px 20px;min-height:104px;box-shadow:0 6px 20px -14px rgba(16,60,90,.35)}
.hd-num{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--hd-blue);color:var(--hd-white);font-weight:700;font-size:15px;display:grid;place-items:center}
.hd-ph-step{flex:none;width:76px;height:80px;margin-left:12px}
.hd-step p{margin:0;font-size:12.5px;line-height:1.45;color:var(--hd-text)}
.hd-step b{display:block;font-size:14px;color:var(--hd-ink);margin-bottom:4px}
.hd-step-go{color:var(--hd-blue)}
.hd-way-cta{text-align:center;margin:26px 0 14px}
.hd-way-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--hd-text)}
.hd-way-checks li{display:flex;align-items:center;gap:7px}
.hd-way-checks .hd-i{background:var(--hd-blue);color:var(--hd-white);border-radius:50%;padding:2px;width:16px;height:16px}
/* Responsive */
@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}.hd-hero-in{grid-template-columns:1fr}.hd-hero-r{min-height:440px}.hd-trust-in{grid-template-columns:repeat(2,1fr)}.hd-palette{grid-template-columns:repeat(2,1fr)}.hd-steps{grid-template-columns:1fr}.hd-step-go{display:none}.hd-step{margin-left:14px}}
@media(max-width:560px){.hd-promo{font-size:12.5px;gap:8px 12px}.hd-promo-txt{width:100%;text-align:center}.hd-search{flex-wrap:wrap;border-radius:24px;padding:10px 14px}.hd-search .hd-btn{width:100%}.hd-trust-in{grid-template-columns:1fr}.hd-palette{grid-template-columns:1fr}.hd-hero-r{min-height:400px}.hd-cats{width:58%}.hd-ph-person{left:0;width:48%}}

.hd-person{position:absolute;left:6%;bottom:0;height:94%;width:auto;max-width:62%;object-fit:contain;object-position:bottom;z-index:1}
@media(max-width:560px){.hd-person{left:-4%;height:90%;max-width:70%}}

.hd-thumb{flex:none;width:52px;height:52px;object-fit:contain}
.hd-pal-img{height:120px;width:auto;max-width:80%;object-fit:contain;margin:6px 0 12px}
.hd-step-img{flex:none;width:76px;height:92px;object-fit:contain;margin-left:12px}

/* Feinabgleich mit der Design-Vorlage */
.hd-pill{font-size:12.5px;padding:7px 14px}
.hd-hero h1{font-size:clamp(30px,3.1vw,40px);line-height:1.08;margin:18px 0 12px;letter-spacing:-.03em}
.hd-lead{font-size:14.5px;max-width:27em;margin-bottom:20px}
.hd-search{max-width:480px;padding:5px 5px 5px 18px}
.hd-search input{font-size:13px}
.hd .hd-search .hd-btn{padding:11px 20px}
.hd-tags{font-size:11.5px;margin:12px 0 16px}
.hd-tags a{padding:4px 11px;font-size:11.5px}
.hd-rating{font-size:13px;padding-bottom:26px}
.hd-stars{font-size:16px}
.hd .hd-hero-in{min-height:440px;padding-top:26px}
.hd-hero-r{min-height:420px}
.hd-person{height:100%;left:6%;max-width:62%}
.hd-blob{left:14%;top:8%;width:58%}
.hd-cats{width:254px;gap:10px;top:10%}
.hd-cats a{padding:10px 14px}
.hd-thumb,.hd-ph-sm{width:60px;height:60px}
.hd-cats b{font-size:12.5px}
.hd-cats small{font-size:11.5px}
.hd-checks{font-size:12px;padding:12px 16px;left:2%;bottom:18px;gap:8px}
.hd-script{font-size:16px}
.hd-ico{width:62px;height:62px}
.hd-trust p{font-size:12px}
.hd-trust b{font-size:13.5px}
.hd-sec{padding:34px 0 6px}
.hd-h2{font-size:clamp(20px,2.2vw,24px)}
.hd-sub{font-size:12.5px;margin-bottom:22px}
.hd-palette{gap:16px}
.hd-pal{min-height:0;padding:14px 14px 16px;justify-content:flex-start}
.hd-pal-ph{position:relative;display:grid;place-items:center;width:100%;height:92px;margin-bottom:8px}
.hd-pal-ph::before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:var(--hd-acc,transparent);opacity:.55}
.hd-pal--orange{--hd-acc:#fbd9bd}.hd-pal--blue{--hd-acc:#cfe6f7}.hd-pal--green{--hd-acc:#dcecd6}.hd-pal--pink{--hd-acc:#f9d3df}
.hd-pal-img{position:relative;height:88px;margin:0;max-width:70%}
.hd-pal b{font-size:14.5px;margin-bottom:3px}
.hd-pal small{font-size:12px;margin-bottom:10px;max-width:16em}
.hd-pal .hd-btn{padding:8px 16px;font-size:12px}
.hd-way{padding:24px 24px 22px}
.hd-step p{font-size:11.5px}
.hd-step b{font-size:13px}

.hd-search{max-width:530px}
.hd-search input{font-size:12.5px}
.hd-person{height:108%;left:3%}

/* Mobil/Tablet: Hero untereinander statt uebereinander gelegt */
@media(max-width:1020px){
  .hd .hd-hero-in{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:20px;gap:6px}
  .hd-hero-l{min-width:0}
  .hd-hero h1{font-size:clamp(28px,8.2vw,40px)}
  .hd-lead{font-size:14px}
  .hd-hero-r{min-height:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0 22px}
  .hd-blob{display:block;left:50%;top:0;width:min(78vw,340px);transform:translateX(-50%)}
  .hd-person{position:relative;left:auto;bottom:auto;height:min(300px,62vw);width:auto;max-width:100%;margin:0 auto;object-position:center bottom}
  .hd-script{position:static;transform:none;text-align:center;font-size:15px;order:-1;margin-top:4px}
  .hd-cats{position:static;width:100%;max-width:420px;gap:10px;margin:0}
  .hd-checks{position:static;width:100%;max-width:420px;grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px 14px}
}
@media(max-width:560px){
  .hd-search{padding:8px 10px 10px 14px}
  .hd-tags{gap:6px}
  .hd-trust-in{gap:14px}
  .hd-pal{padding:14px}
  .hd-way{padding:18px 14px}
}
@media(max-width:1020px){.hd .hd-trust-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hd .hd-trust-in{grid-template-columns:minmax(0,1fr)}}