/* HERBELIN – Garantieseite /garantie/ (Seite 35885) und Hinweis auf /10-jahre-garantie-formular/.
   Alle Regeln unter .hb-guarantee bzw. .hbg-formular-hinweis gekapselt. Schriften: global vorhandene
   'Monument Extended' (Überschriften) und Poppins (Lesetext); hier keine eigenen Schriftdateien. */

.hb-guarantee{--hbg-navy:#0d1b2a;--hbg-navy-tief:#06101c;--hbg-gold:#c9a961;--hbg-gold-dunkel:#9c7b34;--hbg-creme:#faf7f2;--hbg-creme-2:#ede8de;--hbg-blaugrau:#c0cdd3;
  font-family:Poppins,Arial,sans-serif;font-size:15px;line-height:1.75;color:var(--hbg-navy);background:#fcfbfe;overflow-x:hidden}
.hb-guarantee *,.hb-guarantee *:before,.hb-guarantee *:after{box-sizing:border-box}
.hb-guarantee [id]{scroll-margin-top:120px}
.hb-guarantee a{color:inherit}
.hb-guarantee a:focus-visible,.hb-guarantee summary:focus-visible{outline:3px solid var(--hbg-gold-dunkel);outline-offset:5px}
.hb-guarantee h1,.hb-guarantee h2,.hb-guarantee h3,.hb-guarantee p,.hb-guarantee ul{margin-top:0}
/* Child-Theme setzt Poppins mit !important auf h1–h6 (Projektnotiz 14.07.2026) – daher hier ebenfalls !important */
.hb-guarantee h1,.hb-guarantee h2{font-family:'Monument Extended',Arial,sans-serif!important;font-weight:400;line-height:1.28;letter-spacing:-.035em;text-transform:none;color:inherit}
.hb-guarantee h1{font-size:clamp(32px,3.75vw,54px);margin-bottom:25px}
.hb-guarantee h2{font-size:clamp(26px,2.55vw,36px);margin-bottom:22px}
.hb-guarantee h3{font-family:Poppins,Arial,sans-serif!important;font-size:19px;font-weight:500;line-height:1.45;letter-spacing:0;text-transform:none;color:inherit}
.hb-guarantee em{font-style:italic;color:#997631}
.hb-guarantee p{color:#53606a}
.hb-guarantee .hbg-inner{max-width:1230px;margin:0 auto;padding-left:34px;padding-right:34px}
.hb-guarantee .hbg-eyebrow{font-size:10px;letter-spacing:.27em;text-transform:uppercase;font-weight:500;color:#86652b;margin:0 0 19px}
.hb-guarantee .hbg-eyebrow:before{content:'';display:inline-block;width:24px;height:1px;background:currentColor;vertical-align:middle;margin-right:15px}

/* Buttons */
.hb-guarantee .hbg-actions{display:flex;flex-wrap:wrap;gap:12px}
.hb-guarantee .hbg-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;text-transform:uppercase;font-family:Poppins,Arial,sans-serif;font-size:10px;line-height:1.5;letter-spacing:.15em;padding:17px 22px;min-height:52px;border:1px solid var(--hbg-navy);background:transparent;color:var(--hbg-navy);font-weight:500;margin:0}
.hb-guarantee .hbg-btn.hbg-gold{background:var(--hbg-gold);border-color:var(--hbg-gold);color:var(--hbg-navy-tief)}
.hb-guarantee .hbg-btn.hbg-hell{border-color:rgba(255,255,255,.5);color:var(--hbg-creme)}
.hb-guarantee .hbg-btn:hover{background:var(--hbg-navy);color:#fff}
.hb-guarantee .hbg-btn.hbg-gold:hover{background:#b3944c;border-color:#b3944c;color:var(--hbg-navy-tief)}
.hb-guarantee .hbg-btn.hbg-hell:hover{background:var(--hbg-creme);color:var(--hbg-navy-tief)}
.hb-guarantee .hbg-pdfmeta{display:block;font-size:10px;letter-spacing:.06em;margin-top:8px;color:inherit;opacity:.8}

/* 1 Einstieg */
.hb-guarantee .hbg-hero{background:var(--hbg-blaugrau);display:grid;grid-template-columns:1fr 1fr;min-height:485px}
.hb-guarantee .hbg-hero-copy{justify-self:end;width:100%;max-width:615px;padding:60px 48px 50px 34px;align-self:center}
.hb-guarantee .hbg-hero-copy p{max-width:470px;font-size:14px;margin-bottom:27px;color:#3b4e58}
.hb-guarantee .hbg-hero-copy .hbg-hero-note{font-size:11px;margin:24px 0 0;color:#4d5e64}
.hb-guarantee .hbg-hero-media{overflow:hidden;position:relative;min-height:320px}
.hb-guarantee .hbg-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block;max-width:none}

/* 2 Übersicht */
.hb-guarantee .hbg-overview{background:var(--hbg-creme);padding:57px 0 63px}
.hb-guarantee .hbg-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.hb-guarantee .hbg-section-intro h2{margin:0;font-size:27px}
.hb-guarantee .hbg-section-intro p{max-width:370px;font-size:12px;margin:0}
.hb-guarantee .hbg-durations{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hb-guarantee .hbg-duration{display:block;text-decoration:none;background:#fff;padding:27px 30px 24px;border-bottom:2px solid var(--hbg-gold);color:var(--hbg-navy)}
.hb-guarantee .hbg-duration .hbg-type{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px;color:#5a6672}
.hb-guarantee .hbg-duration .hbg-years{font-family:'Monument Extended',Arial,sans-serif;font-size:48px;line-height:1.1;display:block}
.hb-guarantee .hbg-duration .hbg-years small{font:400 15px Poppins,Arial,sans-serif;margin-left:8px}
.hb-guarantee .hbg-duration p{font-size:12px;margin:12px 0 16px;line-height:1.65}
.hb-guarantee .hbg-duration .hbg-go{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#785822}
.hb-guarantee .hbg-duration.hbg-featured{background:var(--hbg-navy);color:#fff}
.hb-guarantee .hbg-duration.hbg-featured .hbg-type,.hb-guarantee .hbg-duration.hbg-featured p{color:#cbd1d5}
.hb-guarantee .hbg-duration.hbg-featured .hbg-years,.hb-guarantee .hbg-duration.hbg-featured .hbg-go{color:#e4d4a8}

/* 3 Uhrengarantie */
.hb-guarantee .hbg-watch{padding:82px 0;background:#fcfbfe}
.hb-guarantee .hbg-watch-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:85px}
.hb-guarantee .hbg-watch p{font-size:14px}
.hb-guarantee .hbg-textlink{display:inline-block;margin-top:12px;font-size:12px;text-underline-offset:5px;color:#785822}
.hb-guarantee .hbg-facts{border-top:1px solid #dfe1e0}
.hb-guarantee .hbg-fact{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid #dfe1e0}
.hb-guarantee .hbg-fact .hbg-num{font-family:'Monument Extended',Arial,sans-serif;font-size:24px;color:#997631}
.hb-guarantee .hbg-fact h3{font-size:15px;margin:0 0 5px}
.hb-guarantee .hbg-fact p{font-size:12px;margin:0}

/* 4 FKM-Bereich */
.hb-guarantee .hbg-fkm{background:var(--hbg-navy-tief);color:var(--hbg-creme)}
.hb-guarantee .hbg-fkm-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:72px;padding-top:75px;padding-bottom:75px}
.hb-guarantee .hbg-fkm-picture{height:425px;overflow:hidden;background:#02080d;position:relative}
.hb-guarantee .hbg-fkm-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;max-width:none}
.hb-guarantee .hbg-fkm .hbg-eyebrow{color:var(--hbg-gold)}
.hb-guarantee .hbg-fkm h2{font-size:clamp(28px,3vw,42px)}
.hb-guarantee .hbg-fkm h2 span{color:var(--hbg-gold)}
.hb-guarantee .hbg-fkm p{color:#bec8d0;font-size:13px;max-width:510px}
.hb-guarantee .hbg-fkm ul{list-style:none;padding:0;margin:25px 0 29px;font-size:12px;color:#e1e5e8}
.hb-guarantee .hbg-fkm li{margin:0 0 9px;position:relative;padding-left:23px;list-style:none}
.hb-guarantee .hbg-fkm li:before{content:'✓';position:absolute;left:0;color:var(--hbg-gold)}
.hb-guarantee .hbg-fkm .hbg-klein{display:block;margin-top:19px;color:#b4c0ca;font-size:10px}
.hb-guarantee .hbg-fkm .hbg-underlink{color:#e4d4a8;font-size:11px;text-underline-offset:5px;display:inline-block;margin-top:18px}

/* 5 Ablauf */
.hb-guarantee .hbg-process{background:var(--hbg-creme);padding:73px 0}
.hb-guarantee .hbg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:37px}
.hb-guarantee .hbg-step{border-top:1px solid #cfc6b5;padding-top:20px}
.hb-guarantee .hbg-step .hbg-num{font-family:'Monument Extended',Arial,sans-serif;font-size:22px;color:#86652b;display:block;margin-bottom:18px}
.hb-guarantee .hbg-step h3{font-size:16px;margin-bottom:12px}
.hb-guarantee .hbg-step p{font-size:12px;margin-bottom:7px}
.hb-guarantee .hbg-step a{font-size:12px;text-underline-offset:4px}

/* 6 Gesetzliche Rechte */
.hb-guarantee .hbg-rights{background:var(--hbg-creme-2);padding:33px 0}
.hb-guarantee .hbg-rights-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}
.hb-guarantee .hbg-rights h2{font-size:23px;margin:0}
.hb-guarantee .hbg-rights p{font-size:13px;color:#3d4d58;margin:0}
.hb-guarantee .hbg-rights .hbg-eyebrow{margin-bottom:13px}

/* 7 Bedingungen */
.hb-guarantee .hbg-terms{padding:78px 0;background:#fcfbfe}
.hb-guarantee .hbg-terms-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}
.hb-guarantee .hbg-terms-aside p{font-size:12px}
.hb-guarantee .hbg-terms-aside .hbg-btn{margin:15px 0 13px}
.hb-guarantee .hbg-terms .hbg-stand{display:block;font-size:11px;color:#64717a}
.hb-guarantee .hbg-terms details{border-top:1px solid #d9dedf;margin:0}
.hb-guarantee .hbg-terms details:last-child{border-bottom:1px solid #d9dedf}
.hb-guarantee .hbg-terms summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:13px;cursor:pointer;font-weight:500;color:var(--hbg-navy)}
.hb-guarantee .hbg-terms summary::-webkit-details-marker{display:none}
.hb-guarantee .hbg-terms summary:after{content:'+';font-size:22px;font-weight:400;line-height:1}
.hb-guarantee .hbg-terms details[open] summary:after{content:'\2212'}
.hb-guarantee .hbg-terms .hbg-detail-body{padding:0 0 18px}
.hb-guarantee .hbg-terms .hbg-detail-body p,.hb-guarantee .hbg-terms .hbg-detail-body li{font-size:12px;line-height:1.85;color:#45545e;margin-bottom:13px}
.hb-guarantee .hbg-terms .hbg-detail-body ol{margin:0 0 13px;padding-left:22px}
.hb-guarantee .hbg-terms .hbg-detail-body ol li{margin-bottom:4px}
.hb-guarantee .hbg-terms .hbg-detail-body p:last-child{margin-bottom:0}
.hb-guarantee .hbg-terms .hbg-detail-body a{overflow-wrap:anywhere;text-underline-offset:4px}

/* 8 Downloads */
.hb-guarantee .hbg-download-block{background:var(--hbg-creme);padding:65px 0}
.hb-guarantee .hbg-downloads{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hb-guarantee .hbg-download{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;padding:27px 30px;color:var(--hbg-navy);text-decoration:none;border:1px solid #e4e3df}
.hb-guarantee .hbg-download h3{font-size:15px;margin:0 0 8px}
.hb-guarantee .hbg-download p{font-size:11px;margin:0}
.hb-guarantee .hbg-download .hbg-arrow{font-size:25px;color:#997631}

/* 9 Kontakt */
.hb-guarantee .hbg-contact{padding:56px 34px;text-align:center;background:#fcfbfe}
.hb-guarantee .hbg-contact h2{font-size:24px}
.hb-guarantee .hbg-contact p{font-size:13px}
.hb-guarantee .hbg-contact .hbg-actions{justify-content:center}

/* Mobil / Tablet */
@media (max-width:849px){
  .hb-guarantee .hbg-inner{padding-left:22px;padding-right:22px}
  .hb-guarantee .hbg-hero{grid-template-columns:1fr}
  .hb-guarantee .hbg-hero-copy{justify-self:stretch;max-width:none;padding:40px 22px}
  .hb-guarantee .hbg-hero-media{height:280px;min-height:0}
  .hb-guarantee h1{font-size:34px}
  .hb-guarantee .hbg-section-intro,.hb-guarantee .hbg-rights-grid{display:block}
  .hb-guarantee .hbg-section-intro p{margin-top:15px}
  .hb-guarantee .hbg-durations,.hb-guarantee .hbg-watch-grid,.hb-guarantee .hbg-fkm-grid,.hb-guarantee .hbg-steps,.hb-guarantee .hbg-terms-grid,.hb-guarantee .hbg-downloads{grid-template-columns:1fr;gap:25px}
  .hb-guarantee .hbg-watch,.hb-guarantee .hbg-terms{padding:48px 0}
  .hb-guarantee .hbg-fkm-grid{padding-top:40px;padding-bottom:45px}
  .hb-guarantee .hbg-fkm-picture{height:330px;max-width:400px;width:100%}
  .hb-guarantee .hbg-rights h2{margin-bottom:20px}
  .hb-guarantee .hbg-fkm h2{font-size:29px}
  .hb-guarantee .hbg-actions .hbg-btn{flex:1 1 200px}
  .hb-guarantee .hbg-terms-aside .hbg-btn{width:100%}
  .hb-guarantee .hbg-contact{padding:48px 22px}
}
@media (max-width:360px){
  .hb-guarantee h1{font-size:28px}
  .hb-guarantee .hbg-actions .hbg-btn{flex-basis:100%}
  .hb-guarantee .hbg-download{padding:22px 20px}
}
@media (prefers-reduced-motion:reduce){.hb-guarantee *{transition:none!important;scroll-behavior:auto!important}}

/* Hinweis auf /10-jahre-garantie-formular/ direkt vor dem Formular */
.hbg-formular-hinweis{font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:1.7;color:#0d1b2a;background:#faf7f2;border-left:3px solid #c9a961;padding:14px 18px;margin:0 0 22px}
.hbg-formular-hinweis p{margin:0 0 6px}
.hbg-formular-hinweis p:last-child{margin:0}
.hbg-formular-hinweis a{color:#0d1b2a;font-weight:600;text-underline-offset:4px}

/* Ergänzung 10.10.2026 (Design-Freigabe Sabine): Lesbarkeit, Block „Garantie und Gewährleistung“, Hero mobil */
.hb-guarantee .hbg-hero-copy .hbg-hero-note{color:#2f3f46;font-size:12px}
.hb-guarantee .hbg-hero em{color:#6f511b}
.hb-guarantee .hbg-eyebrow{font-size:11px}
.hb-guarantee .hbg-btn{font-size:11px}
.hb-guarantee .hbg-section-intro p,.hb-guarantee .hbg-duration p,.hb-guarantee .hbg-fact p,.hb-guarantee .hbg-step p,.hb-guarantee .hbg-terms-aside p{font-size:13px}
.hb-guarantee .hbg-fkm .hbg-klein{font-size:12px}
.hb-guarantee .hbg-fkm ul{font-size:13px}
.hb-guarantee .hbg-duration .hbg-type,.hb-guarantee .hbg-duration .hbg-go,.hb-guarantee .hbg-pdfmeta{font-size:11px}
.hb-guarantee .hbg-terms .hbg-detail-body p,.hb-guarantee .hbg-terms .hbg-detail-body li{font-size:13px}
.hb-guarantee .hbg-download p{font-size:12px}
.hb-guarantee .hbg-rights{background:var(--hbg-creme-2);padding:72px 0}
.hb-guarantee .hbg-rights h2{font-size:clamp(26px,2.55vw,36px);margin:0 0 14px}
.hb-guarantee .hbg-rights p.hbg-lead{max-width:640px;font-size:14px;color:#3d4d58;margin:0 0 34px}
.hb-guarantee .hbg-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hb-guarantee .hbg-card{background:#fff;padding:28px 30px 26px;border-top:3px solid var(--hbg-navy)}
.hb-guarantee .hbg-card.hbg-card-gold{border-top-color:var(--hbg-gold)}
.hb-guarantee .hbg-card .hbg-type{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#5a6672;margin-bottom:10px}
.hb-guarantee .hbg-card h3{font-size:19px;margin:0 0 16px}
.hb-guarantee .hbg-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 16px;font-size:13px;line-height:1.6}
.hb-guarantee .hbg-card dt{color:#5a6672;margin:0;font-weight:400}
.hb-guarantee .hbg-card dd{margin:0;color:var(--hbg-navy)}
.hb-guarantee .hbg-card dt,.hb-guarantee .hbg-card dd{text-transform:none;letter-spacing:0}
.hb-guarantee .hbg-rights p.hbg-pflichttext{margin:30px 0 0;padding:22px 26px;background:#fcfbfe;border-left:3px solid var(--hbg-gold);font-size:14px;color:#3d4d58}
.hb-guarantee .hbg-eu{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin-top:30px;background:#fff;padding:24px}
.hb-guarantee .hbg-eu a.hbg-eu-bild{display:block;border:1px solid #e1e3e4}
.hb-guarantee .hbg-eu img{display:block;width:100%;height:auto;max-width:100%}
.hb-guarantee .hbg-eu h3{font-size:17px;margin:0 0 8px}
.hb-guarantee .hbg-rights .hbg-eu p{font-size:13px;margin:0 0 12px}
.hb-guarantee .hbg-eu .hbg-textlink{margin-top:0}
@media (max-width:849px){
  .hb-guarantee .hbg-hero-media{order:-1;height:300px}
  .hb-guarantee .hbg-rights{padding:48px 0}
  .hb-guarantee .hbg-compare,.hb-guarantee .hbg-eu{grid-template-columns:1fr}
  .hb-guarantee .hbg-eu a.hbg-eu-bild{max-width:260px}
  .hb-guarantee .hbg-card{padding:24px 22px}
}