/* Kostenloser Hausbesuch (angebot.html) - Stand 12.11.2026 - Developed by Toni Sciacca - mail@tonisciacca.com */
.hb{--hb-ink:#1c1d25;--hb-muted:#4d4e57;--hb-paper:#ffffff;--hb-soft:#f6f4fb;--hb-soft2:#f3f3f6;--hb-line:#e6e3ee;--hb-line-strong:#cfc8e0;--hb-focus:#7b33e9;--hb-head:"Open Sans",sans-serif;--hb-body:"Open Sans",sans-serif;--hb-head-w:400;--hb-head-tt:none;--hb-head-ls:-.025em;--hb-h1:clamp(40px,4.4vw,62px);--hb-h1-m:clamp(34px,8.5vw,46px);--hb-h2:clamp(32px,3.4vw,50px);--hb-h2-m:32px;--hb-h2-panel:clamp(30px,3vw,44px);--hb-h3:24px;--hb-eyebrow:#7b33e9;--hb-rule:#ffe016;--hb-accent:#ffe016;--hb-accent-ink:#1c1d25;--hb-accent-hover:#ffffff;--hb-accent-hover-ink:#1c1d25;--hb-outline:#1c1d25;--hb-outline-ink:#1c1d25;--hb-outline-hover:#1c1d25;--hb-outline-hover-ink:#ffffff;--hb-btn-r:8px;--hb-btn-font:"Open Sans",sans-serif;--hb-btn-w:600;--hb-btn-ls:0;--hb-btn-tt:none;--hb-hero-bg:linear-gradient(220.55deg,#A531DC 0%,#4300B1 100%);--hb-hero-ink:#ffffff;--hb-hero-muted:rgba(255,255,255,.88);--hb-hero-eyebrow:#ffe016;--hb-hero-outline:#ffffff;--hb-hero-outline-ink:#ffffff;--hb-hero-outline-hover:#ffffff;--hb-hero-outline-hover-ink:#1c1d25;--hb-em:#ffe016;--hb-tick:#ffe016;--hb-frame:rgba(255,255,255,.45);--hb-frame-w:2px;--hb-frame-r:2.4rem;--hb-portrait-r:2rem;--hb-portrait-shadow:0 20px 40px rgba(0,0,0,.25);--hb-card-r:16px;--hb-card-shadow:0 10px 30px rgba(28,29,37,.06);--hb-quote:#d9c8f5;--hb-facts-bg:rgba(255,255,255,.12);--hb-facts-line:rgba(255,255,255,.22);--hb-facts-num:#ffffff;--hb-facts-label:rgba(255,255,255,.85);--hb-icon-bg:linear-gradient(220.55deg,#A531DC 0%,#4300B1 100%);--hb-icon-ink:#ffffff;--hb-icon-r:14px;--hb-chef-shadow:0 20px 40px rgba(67,0,177,.18);--hb-sig-font:"Open Sans",sans-serif;--hb-sig-style:italic;--hb-sig:#4300B1;--hb-step-line:3px solid #A531DC;--hb-num-font:"Open Sans",sans-serif;--hb-num-style:normal;--hb-num:#7b33e9;--hb-pin-bg:#f0e8fd;--hb-pin-ink:#7b33e9;--hb-panel-r:2rem;--hb-panel-bg:linear-gradient(220.55deg,#A531DC 0%,#4300B1 100%);--hb-panel-ink:#ffffff;--hb-panel-muted:rgba(255,255,255,.88);--hb-panel-eyebrow:#ffe016;--hb-panel-ring:rgba(255,255,255,.25);--hb-panel-btn:#ffe016;--hb-panel-btn-ink:#1c1d25;--hb-panel-btn-hover:#ffffff;--hb-panel-btn-hover-ink:#1c1d25;color:var(--hb-ink);font-family:var(--hb-body);font-size:16px;line-height:1.65;background:var(--hb-paper);-webkit-font-smoothing:antialiased;overflow:hidden;position:relative}
.hb *,.hb *::before,.hb *::after{box-sizing:border-box}
.hb a{color:inherit;text-decoration:none}
.hb a:focus-visible,.hb button:focus-visible,.hb input:focus-visible,.hb summary:focus-visible{outline:3px solid var(--hb-focus);outline-offset:4px}
.hb p{margin:0;font-size:inherit;line-height:inherit}
.hb figure{margin:0;padding:0}
.hb picture{display:contents}
.hb strong{font-weight:700}
.hb h1,.hb h2,.hb h3{font-family:var(--hb-head);font-weight:var(--hb-head-w);text-transform:var(--hb-head-tt);letter-spacing:var(--hb-head-ls);line-height:1.12;margin:0;padding:0;color:var(--hb-ink)}
.hb .hb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hb .hb-wrap{max-width:1240px;margin:0 auto;padding:0 30px;width:auto;float:none}
.hb .hb-eyebrow{font-family:var(--hb-head);font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--hb-eyebrow);line-height:1.6}
.hb .hb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--hb-accent);border:2px solid var(--hb-accent);border-radius:var(--hb-btn-r);color:var(--hb-accent-ink);padding:15px 24px;font-family:var(--hb-btn-font);font-weight:var(--hb-btn-w);font-size:14px;letter-spacing:var(--hb-btn-ls);text-transform:var(--hb-btn-tt);line-height:1.3;height:auto;min-width:0;margin:0;box-shadow:none;transition:transform .2s,background .2s,color .2s,border-color .2s;text-decoration:none;text-shadow:none;white-space:normal;text-align:center}
.hb .hb-btn:hover,.hb .hb-btn:focus{background:var(--hb-accent-hover);border-color:var(--hb-accent-hover);color:var(--hb-accent-hover-ink);transform:translateY(-2px)}
.hb .hb-btn-outline{background:transparent;border-color:var(--hb-outline);color:var(--hb-outline-ink)}
.hb .hb-btn-outline:hover,.hb .hb-btn-outline:focus{background:var(--hb-outline-hover);border-color:var(--hb-outline-hover);color:var(--hb-outline-hover-ink)}
.hb .hb-btn .fa,.hb .hb-btn .fa-solid{font-size:15px}
.hb .hb-hero{padding:76px 0 72px;position:relative;background:var(--hb-hero-bg);color:var(--hb-hero-ink)}
.hb .hb-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:64px}
.hb .hb-hero .hb-eyebrow{color:var(--hb-hero-eyebrow)}
.hb .hb-small-rule{width:37px;height:3px;background:var(--hb-rule);display:inline-block;vertical-align:middle;margin-right:10px}
.hb h1{font-size:var(--hb-h1);max-width:720px;margin:25px 0 27px;color:var(--hb-hero-ink)}
.hb h1 em{font-style:normal;font-family:inherit;font-weight:inherit;color:var(--hb-em);}
.hb .hb-hero-intro{font-size:18px;line-height:1.85;color:var(--hb-hero-muted);max-width:565px;margin:0 0 29px}
.hb .hb-hero-intro strong{color:var(--hb-hero-ink)}
.hb .hb-hero-action{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:25px 0 23px}
.hb .hb-hero .hb-btn-outline{border-color:var(--hb-hero-outline);color:var(--hb-hero-outline-ink)}
.hb .hb-hero .hb-btn-outline:hover,.hb .hb-hero .hb-btn-outline:focus{background:var(--hb-hero-outline-hover);border-color:var(--hb-hero-outline-hover);color:var(--hb-hero-outline-hover-ink)}
.hb .hb-hero-subnote{font-size:13px;color:var(--hb-hero-muted);display:flex;gap:9px;align-items:center}
.hb .hb-tick{color:var(--hb-tick);font-weight:900}
.hb .hb-hero-figure{height:590px;position:relative;margin:0 0 25px}
.hb .hb-hero-figure::before{content:"";position:absolute;inset:-15px -15px 35px 35px;border:var(--hb-frame-w) solid var(--hb-frame);border-radius:var(--hb-frame-r)}
.hb .hb-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;border-radius:var(--hb-portrait-r);box-shadow:var(--hb-portrait-shadow);max-width:none}
.hb .hb-photo-plaque{position:absolute;left:-38px;bottom:-24px;max-width:320px;background:#fff;color:var(--hb-ink);padding:22px 27px;border-radius:var(--hb-card-r);border:1px solid var(--hb-line);box-shadow:0 15px 40px rgba(30,40,25,.12);margin:0}
.hb .hb-photo-plaque strong{display:block;padding-right:44px;font-size:20px;font-family:var(--hb-head);font-weight:var(--hb-head-w);text-transform:var(--hb-head-tt);color:var(--hb-ink);line-height:1.3}
.hb .hb-photo-plaque span{display:block;color:var(--hb-muted);font-size:12px;line-height:1.6;margin-top:3px}
.hb .hb-photo-plaque::before{content:"\201C";position:absolute;right:24px;top:3px;color:var(--hb-quote);font:72px Georgia,serif;line-height:1}
.hb .hb-facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--hb-facts-bg);border:1px solid var(--hb-facts-line);border-radius:var(--hb-card-r);margin-top:25px;overflow:hidden;}
.hb .hb-fact{padding:29px 30px;border-right:1px solid var(--hb-facts-line)}
.hb .hb-fact:last-child{border-right:0}
.hb .hb-fact strong{display:block;font-family:var(--hb-head);font-weight:var(--hb-head-w);font-size:38px;line-height:1;letter-spacing:-.02em;color:var(--hb-facts-num)}
.hb .hb-fact span{display:block;font-size:12px;color:var(--hb-facts-label);margin-top:7px;font-weight:700;line-height:1.5}
.hb section.hb-section{padding:102px 0;margin:0}
.hb .hb-section-head{max-width:790px;margin:0 auto 50px;text-align:center}
.hb .hb-section-head h2{font-size:var(--hb-h2);margin:15px 0 19px}
.hb .hb-section-head p{font-size:17px;color:var(--hb-muted);margin:0}
.hb .hb-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hb .hb-service{padding:32px 29px 34px;border-radius:var(--hb-card-r);background:#fff;border:1px solid var(--hb-line);box-shadow:var(--hb-card-shadow)}
.hb .hb-service-icon{height:52px;width:52px;display:grid;place-items:center;background:var(--hb-icon-bg);border-radius:var(--hb-icon-r);margin-bottom:23px;color:var(--hb-icon-ink)}
.hb .hb-service h3{font-size:var(--hb-h3);line-height:1.2;margin-bottom:13px}
.hb .hb-service p{color:var(--hb-muted);font-size:14px;line-height:1.8;margin:0}
.hb .hb-chef-section{background:var(--hb-soft)}
.hb .hb-chef-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:85px}
.hb .hb-chef-img{width:100%;aspect-ratio:1.17;object-fit:cover;object-position:center 25%;border-radius:var(--hb-portrait-r);box-shadow:var(--hb-chef-shadow);max-width:none;height:auto}
.hb .hb-chef-grid h2{font-size:var(--hb-h2);margin:17px 0 24px}
.hb .hb-chef-grid p{font-size:16px;color:var(--hb-muted);line-height:1.85;margin:0 0 18px}
.hb .hb-chef-grid p strong{color:var(--hb-ink)}
.hb .hb-chef-signature{margin-top:24px;padding-top:19px;border-top:1px solid var(--hb-line);display:flex;gap:15px;align-items:center}
.hb .hb-signature-line{display:block;font-family:var(--hb-sig-font);font-style:var(--hb-sig-style);font-size:28px;color:var(--hb-sig);line-height:1.3}
.hb .hb-chef-signature small{color:var(--hb-muted);font-size:12px}
.hb .hb-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:33px}
.hb .hb-step{border-top:var(--hb-step-line);padding-top:25px}
.hb .hb-step-number{font-family:var(--hb-num-font);font-style:var(--hb-num-style);font-weight:var(--hb-head-w);font-size:39px;line-height:1.2;color:var(--hb-num);display:block;margin-bottom:18px}
.hb .hb-step h3{font-size:var(--hb-h3);margin-bottom:9px}
.hb .hb-step p{color:var(--hb-muted);line-height:1.8;font-size:14px}
.hb .hb-areas{background:var(--hb-soft2)}
.hb .hb-areas .hb-section-head{margin-bottom:30px}
.hb .hb-area-callout{text-align:center;max-width:850px;margin:0 auto 32px;color:var(--hb-muted);font-size:15px}
.hb .hb-area-callout strong{color:var(--hb-ink)}
.hb .hb-area-search{max-width:570px;margin:0 auto 34px;position:relative}
.hb .hb-area-search svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--hb-muted)}
.hb .hb-area-search input{background:#fff;border:1px solid var(--hb-line-strong);border-radius:var(--hb-btn-r);padding:16px 19px 16px 49px;width:100%;height:auto;margin:0;box-shadow:0 5px 16px rgba(30,45,30,.03);font-size:15px;font-family:var(--hb-body);color:var(--hb-ink);line-height:1.4;-webkit-appearance:none;appearance:none}
.hb .hb-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start}
.hb .hb-district-card{background:#fff;border:1px solid var(--hb-line);border-radius:var(--hb-card-r);overflow:hidden;min-width:0;margin:0}
.hb .hb-district-card[hidden]{display:none}
.hb .hb-district-card[open]{border-color:var(--hb-line-strong);box-shadow:0 6px 18px rgba(47,67,49,.06)}
.hb .hb-district-card summary{cursor:pointer;display:flex;align-items:center;gap:13px;padding:18px 17px;list-style:none;min-height:86px}
.hb .hb-district-card summary::-webkit-details-marker{display:none}
.hb .hb-district-pin{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;background:var(--hb-pin-bg);font-size:18px;color:var(--hb-pin-ink)}
.hb .hb-district-name{font-weight:700;font-size:14px;line-height:1.3;overflow-wrap:anywhere;color:var(--hb-ink)}
.hb .hb-district-name small{display:block;font-size:11px;font-weight:500;color:var(--hb-muted);margin-top:6px}
.hb .hb-district-expand{margin-left:auto;font-size:22px;color:var(--hb-muted);transition:transform .2s}
.hb .hb-district-card[open] .hb-district-expand{transform:rotate(45deg)}
.hb .hb-district-parts{border-top:1px solid var(--hb-line);margin:0;padding:15px 19px 21px 61px;font-size:13px;color:var(--hb-muted);line-height:1.85}
.hb .hb-no-results{display:none;text-align:center;color:var(--hb-muted);padding:20px;font-size:14px}
.hb .hb-no-results.hb-visible{display:block}
.hb .hb-area-punch{margin-top:29px;text-align:center;font-size:15px;color:var(--hb-ink);font-weight:700}
.hb .hb-contact-section{padding:92px 0 78px}
.hb .hb-contact-panel{position:relative;overflow:hidden;border-radius:var(--hb-panel-r);background:var(--hb-panel-bg);color:var(--hb-panel-ink);padding:64px 65px;display:flex;align-items:center;justify-content:space-between;gap:55px}
.hb .hb-contact-panel::after{content:"";width:340px;height:340px;border:1px solid var(--hb-panel-ring);border-radius:50%;position:absolute;right:-110px;top:-175px;pointer-events:none}
.hb .hb-contact-copy{position:relative;z-index:1;max-width:650px}
.hb .hb-contact-copy .hb-eyebrow{color:var(--hb-panel-eyebrow)}
.hb .hb-contact-panel h2{font-size:var(--hb-h2-panel);margin:15px 0;color:var(--hb-panel-ink)}
.hb .hb-contact-panel p{color:var(--hb-panel-muted);font-size:15px;line-height:1.8;margin:0}
.hb .hb-contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:13px;position:relative;z-index:1;min-width:240px}
.hb .hb-contact-actions .hb-btn{white-space:nowrap;background:var(--hb-panel-btn);border-color:var(--hb-panel-btn);color:var(--hb-panel-btn-ink)}
.hb .hb-contact-actions .hb-btn:hover,.hb .hb-contact-actions .hb-btn:focus{background:var(--hb-panel-btn-hover);border-color:var(--hb-panel-btn-hover);color:var(--hb-panel-btn-hover-ink)}
.hb .hb-contact-actions a:last-child{color:var(--hb-panel-ink);font-size:14px;text-align:center;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1020px){.hb .hb-hero-grid{gap:39px}.hb .hb-hero-figure{height:500px}.hb .hb-hero-intro{font-size:16px}.hb .hb-fact{padding:25px 19px}.hb .hb-chef-grid{gap:50px}.hb .hb-photo-plaque{left:-15px}.hb .hb-contact-panel{padding:45px}}
@media(max-width:760px){.hb .hb-wrap{padding:0 20px}
 .hb .hb-hero{padding:41px 0 48px}.hb .hb-hero-grid{display:flex;flex-direction:column;gap:42px;align-items:stretch}.hb h1{font-size:var(--hb-h1-m);margin:19px 0}.hb .hb-hero-intro{line-height:1.75}.hb .hb-hero-action{flex-direction:column;align-items:stretch}.hb .hb-hero-action .hb-btn{width:100%}.hb .hb-hero-subnote{font-size:12px}
 .hb .hb-hero-figure{height:450px;width:min(100%,420px);margin:0 auto 15px}.hb .hb-hero-figure::before{inset:-9px -9px 20px 20px}.hb .hb-photo-plaque{left:-5px;bottom:-25px;padding:16px 21px;max-width:250px}.hb .hb-photo-plaque strong{font-size:18px}
 .hb .hb-facts{grid-template-columns:repeat(2,1fr);margin-top:28px}.hb .hb-fact{padding:22px;border-bottom:1px solid var(--hb-facts-line)}.hb .hb-fact:nth-child(2){border-right:0}.hb .hb-fact:nth-child(n+3){border-bottom:0}.hb .hb-fact strong{font-size:30px}
 .hb section.hb-section{padding:67px 0}.hb .hb-section-head{margin-bottom:30px}.hb .hb-section-head h2{font-size:var(--hb-h2-m)}.hb .hb-section-head p{font-size:15px}.hb .hb-services,.hb .hb-step-grid{grid-template-columns:1fr;gap:15px}
 .hb .hb-service{padding:25px}.hb .hb-chef-grid{grid-template-columns:1fr;gap:32px}.hb .hb-chef-img{max-height:340px}.hb .hb-chef-grid h2{font-size:var(--hb-h2-m)}.hb .hb-step-grid{gap:28px}
 .hb .hb-area-grid{grid-template-columns:1fr 1fr}.hb .hb-contact-section{padding:58px 0}.hb .hb-contact-panel{padding:37px 25px;flex-direction:column;align-items:stretch;gap:30px}.hb .hb-contact-panel h2{font-size:var(--hb-h2-m)}.hb .hb-contact-actions{width:100%;min-width:0}.hb .hb-contact-actions .hb-btn{white-space:normal}
}
@media(max-width:480px){.hb .hb-area-grid{grid-template-columns:1fr}.hb .hb-district-card summary{min-height:70px}.hb .hb-district-parts{padding-left:60px}.hb .hb-hero-figure{height:370px;max-width:330px}.hb .hb-photo-plaque{left:-9px}.hb .hb-btn{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hb .hb-btn,.hb .hb-district-expand{transition:none}}

.hb--boots .hb-zurueck{position:absolute;right:30px;top:24px;z-index:3;color:#fff;font-weight:600;font-size:18px;text-decoration:underline;text-underline-offset:5px}
.hb--boots .hb-zurueck:hover{color:#ffe016}
.hb--boots .hb-section-head h2,.hb--boots .hb-chef-grid h2{background:linear-gradient(220.55deg,#A531DC 0%,#4300B1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hb--boots .hb-hero{padding-top:96px}
.hb--boots .hb-photo-plaque{border-radius:16px}
.hb--boots .hb-hero .hb-btn:hover{background:#ffffff;border-color:#ffffff}
.hb--boots .hb-section-head p,.hb--boots .hb-chef-grid p{font-size:18px}
@media(max-width:760px){.hb--boots .hb-zurueck{right:20px;top:14px;font-size:15px}.hb--boots .hb-hero{padding-top:64px}}

/* Auf der Startseite ist main bis zum Oeffnen eines Bereichs versteckt (style.css) - hier immer sichtbar */
body.hb-seite-boots main.hb{margin-top:0;visibility:visible;height:auto;overflow:hidden}
/* linke Bildspalte: Markenname wie auf der Startseite (dort h1/h2) */
.hb-seite-boots .header-content .hb-marke{font-size:40px;line-height:1.2;font-weight:400;margin-bottom:.5rem;color:#fff}
.hb-seite-boots .header-content .hb-marke-zeile{font-size:24px;line-height:1.2;margin-bottom:12px;color:#fff}
.hb-seite-boots a.floating-btn{text-decoration:none}
.hb-seite-boots #footer a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1399.98px){.hb-seite-boots .header-content .hb-marke{font-size:35px}}
@media (max-width:1199.98px){.hb-seite-boots #header{position:relative;height:40vh;min-height:300px;width:100%}.hb-seite-boots .floating-buttons{top:auto;bottom:20px;transform:none;flex-direction:row;left:20px}}