/* ==== STRUKTURWERK GASTRO® · Sofortpaket 02 · HACCP-Konzept · nach DESIGN-REGELN (30.10.2026) ==== */ #sgw-hcc { font-family:'Montserrat',system-ui,sans-serif !important; background:#0f1d2e !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; max-width:860px !important; margin:0 auto !important; padding:0 !important; text-align:left !important; color-scheme:light only !important; forced-color-adjust:none !important; -webkit-forced-color-adjust:none !important; } #sgw-hcc * { box-sizing:border-box !important; forced-color-adjust:none !important; -webkit-forced-color-adjust:none !important; } #sgw-hcc .sgw-sec { padding:64px 56px !important; margin:0 !important; border:none !important; } #sgw-hcc .sgw-navy { background:#0f1d2e !important; } #sgw-hcc .sgw-warm { background:#f5f0e8 !important; color:#0f1d2e !important; -webkit-text-fill-color:#0f1d2e !important; } #sgw-hcc .sgw-warm + .sgw-warm { box-shadow:0 -2px 0 #f5f0e8 !important; } #sgw-hcc .sgw-eyebrow-svg { display:block !important; margin:0 0 20px 0 !important; padding:0 !important; line-height:0 !important; } #sgw-hcc .sgw-eyebrow-svg svg { display:block !important; height:11px !important; width:auto !important; max-width:100% !important; } #sgw-hcc h1.sgw-h1 { font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(34px,5vw,56px) !important; font-weight:600 !important; line-height:1.12 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; margin:0 0 22px 0 !important; padding:0 !important; } #sgw-hcc h1.sgw-h1 em { font-style:normal !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; } #sgw-hcc h1.sgw-h1 span { white-space:nowrap !important; } #sgw-hcc h2.sgw-h2 { font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(26px,4vw,42px) !important; font-weight:600 !important; line-height:1.2 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; margin:0 0 26px 0 !important; padding:0 !important; font-variant-numeric:lining-nums !important; font-feature-settings:"lnum" 1 !important; } #sgw-hcc .sgw-warm h2.sgw-h2 { color:#0f1d2e !important; -webkit-text-fill-color:#0f1d2e !important; } #sgw-hcc span.sgw-divider { display:block !important; width:48px !important; height:2px !important; background:#c8a84b !important; margin:0 0 30px 0 !important; padding:0 !important; } #sgw-hcc p.sgw-text { font-family:'Montserrat',system-ui,sans-serif !important; font-size:14px !important; line-height:1.9 !important; color:rgba(245,240,232,0.82) !important; -webkit-text-fill-color:rgba(245,240,232,0.82) !important; margin:0 0 16px 0 !important; padding:0 !important; font-variant-numeric:lining-nums !important; } #sgw-hcc .sgw-warm p.sgw-text { color:rgba(15,29,46,0.85) !important; -webkit-text-fill-color:rgba(15,29,46,0.85) !important; } #sgw-hcc p.sgw-text em { font-style:normal !important; font-weight:600 !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; } #sgw-hcc .sgw-warm p.sgw-text em { color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; } #sgw-hcc p.sgw-text a, #sgw-hcc p.sgw-autor a { color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; text-decoration:none !important; border-bottom:1px solid rgba(200,168,75,0.5) !important; } #sgw-hcc .sgw-warm p.sgw-text a { color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; font-weight:600 !important; border-bottom-color:rgba(138,109,31,0.5) !important; } #sgw-hcc p.sgw-kern { font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(23px,3.4vw,32px) !important; font-weight:600 !important; line-height:1.35 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; margin:40px 0 0 0 !important; padding:2px 0 2px 22px !important; border-left:3px solid #c8a84b !important; font-variant-numeric:lining-nums !important; font-feature-settings:"lnum" 1 !important; } #sgw-hcc .sgw-hero p.sgw-kern { margin-top:0 !important; } #sgw-hcc p.sgw-kern em { font-style:normal !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; } #sgw-hcc .sgw-warm p.sgw-kern { color:#0f1d2e !important; -webkit-text-fill-color:#0f1d2e !important; } #sgw-hcc .sgw-warm p.sgw-kern em { color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; } #sgw-hcc-paket, #sgw-hcc-woche, #sgw-hcc-kauf, #sgw-hcc-faq { scroll-margin-top:110px !important; } /* ----- Hero ----- */ #sgw-hcc .sgw-hero { padding-bottom:52px !important; } #sgw-hcc p.sgw-sub { font-family:'Montserrat',system-ui,sans-serif !important; font-size:14px !important; line-height:1.7 !important; color:rgba(245,240,232,0.75) !important; -webkit-text-fill-color:rgba(245,240,232,0.75) !important; margin:0 0 22px 0 !important; padding:0 !important; } #sgw-hcc p.sgw-autor { font-family:'Montserrat',system-ui,sans-serif !important; font-size:12px !important; line-height:1.6 !important; color:rgba(245,240,232,0.62) !important; -webkit-text-fill-color:rgba(245,240,232,0.62) !important; margin:0 0 32px 0 !important; padding:0 !important; } #sgw-hcc .sgw-hero .sgw-knoepfe { margin:32px 0 0 0 !important; } /* ----- Kachelleiste ----- */ #sgw-hcc nav.sgw-kacheln { display:block !important; background:#243A5A !important; padding:40px 56px 44px 56px !important; margin:0 !important; } #sgw-hcc p.sgw-kacheln-kopf { font-family:'Montserrat',system-ui,sans-serif !important; font-size:10px !important; font-weight:700 !important; letter-spacing:3px !important; text-transform:uppercase !important; white-space:nowrap !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; margin:0 0 18px 0 !important; padding:0 !important; } #sgw-hcc nav.sgw-kacheln ul { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; list-style:none !important; margin:0 !important; padding:0 !important; } #sgw-hcc nav.sgw-kacheln li { margin:0 !important; padding:0 !important; list-style:none !important; } #sgw-hcc nav.sgw-kacheln li::before { content:none !important; } #sgw-hcc a.sgw-kachel { display:flex !important; flex-direction:column !important; gap:8px !important; height:100% !important; padding:20px 20px 16px 20px !important; background:rgba(15,29,46,0.6) !important; border:1px solid rgba(245,240,232,0.12) !important; border-left:3px solid #c8a84b !important; text-decoration:none !important; transition:background .2s ease, border-color .2s ease !important; } #sgw-hcc a.sgw-kachel:hover, #sgw-hcc a.sgw-kachel:focus-visible { background:rgba(15,29,46,0.9) !important; border-color:rgba(200,168,75,0.55) !important; border-left-color:#c8a84b !important; outline:none !important; } #sgw-hcc span.sgw-k-titel { display:block !important; font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(21px,2.6vw,26px) !important; font-weight:600 !important; line-height:1.1 !important; white-space:nowrap !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; font-variant-numeric:lining-nums !important; font-feature-settings:"lnum" 1 !important; } #sgw-hcc span.sgw-k-text { display:block !important; flex:1 1 auto !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:13px !important; line-height:1.6 !important; color:rgba(245,240,232,0.78) !important; -webkit-text-fill-color:rgba(245,240,232,0.78) !important; font-variant-numeric:lining-nums !important; } #sgw-hcc span.sgw-k-pfeil { display:block !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:18px !important; font-weight:600 !important; line-height:1 !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; } /* ----- 01 Drei Pflichten (Warmweiß) ----- */ #sgw-hcc ol.sgw-pf { list-style:none !important; margin:32px 0 0 0 !important; padding:0 !important; counter-reset:sgwpf !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; } #sgw-hcc ol.sgw-pf li.sgw-pf-item { position:relative !important; list-style:none !important; margin:0 !important; padding:22px 20px 18px 20px !important; background:#0f1d2e !important; border-top:3px solid #c8a84b !important; counter-increment:sgwpf !important; } #sgw-hcc ol.sgw-pf li.sgw-pf-item::before { content:counter(sgwpf,decimal-leading-zero) !important; display:block !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:10px !important; font-weight:700 !important; letter-spacing:3px !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; margin:0 0 8px 0 !important; font-variant-numeric:lining-nums !important; } #sgw-hcc h3.sgw-pf-titel { font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(21px,2.4vw,24px) !important; font-weight:600 !important; line-height:1.15 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; margin:0 0 8px 0 !important; padding:0 !important; } #sgw-hcc p.sgw-pf-text { font-family:'Montserrat',system-ui,sans-serif !important; font-size:12.5px !important; line-height:1.65 !important; color:rgba(245,240,232,0.8) !important; -webkit-text-fill-color:rgba(245,240,232,0.8) !important; margin:0 !important; padding:0 !important; font-variant-numeric:lining-nums !important; } #sgw-hcc span.sgw-pf-norm { display:block !important; margin:10px 0 0 0 !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:10.5px !important; font-weight:600 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; font-variant-numeric:lining-nums !important; } /* ----- 02 Paketinhalt (Navy): Ordnerliste ----- */ #sgw-hcc ul.sgw-ord { list-style:none !important; margin:32px 0 0 0 !important; padding:0 !important; } #sgw-hcc ul.sgw-ord li.sgw-ord-item { display:grid !important; grid-template-columns:200px minmax(0,1fr) !important; gap:6px 24px !important; list-style:none !important; margin:0 !important; padding:16px 0 !important; border-top:1px solid rgba(245,240,232,0.12) !important; } #sgw-hcc ul.sgw-ord li.sgw-ord-item:last-child { border-bottom:1px solid rgba(245,240,232,0.12) !important; } #sgw-hcc ul.sgw-ord li.sgw-ord-item::before { content:none !important; } #sgw-hcc span.sgw-ord-name { display:block !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:12px !important; font-weight:700 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; line-height:1.6 !important; font-variant-numeric:lining-nums !important; } #sgw-hcc span.sgw-ord-text { display:block !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:14px !important; line-height:1.7 !important; color:rgba(245,240,232,0.85) !important; -webkit-text-fill-color:rgba(245,240,232,0.85) !important; font-variant-numeric:lining-nums !important; } #sgw-hcc span.sgw-ord-text b { font-weight:600 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; } /* ----- 03 Bis Montag (Warmweiß): Zeitleiste ----- */ #sgw-hcc ol.sgw-zl { list-style:none !important; margin:32px 0 0 0 !important; padding:0 !important; } #sgw-hcc ol.sgw-zl li.sgw-zl-item { position:relative !important; display:grid !important; grid-template-columns:150px minmax(0,1fr) !important; gap:4px 24px !important; list-style:none !important; margin:0 !important; padding:18px 0 18px 0 !important; border-top:1px solid rgba(15,29,46,0.14) !important; } #sgw-hcc ol.sgw-zl li.sgw-zl-item:last-child { border-bottom:1px solid rgba(15,29,46,0.14) !important; } #sgw-hcc ol.sgw-zl li.sgw-zl-item::before { content:none !important; } #sgw-hcc span.sgw-zl-wann { display:block !important; font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(20px,2.4vw,24px) !important; font-weight:600 !important; line-height:1.2 !important; color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; font-variant-numeric:lining-nums !important; font-feature-settings:"lnum" 1 !important; } #sgw-hcc span.sgw-zl-dauer { display:block !important; margin:4px 0 0 0 !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:10.5px !important; font-weight:700 !important; letter-spacing:2px !important; text-transform:uppercase !important; color:rgba(15,29,46,0.55) !important; -webkit-text-fill-color:rgba(15,29,46,0.55) !important; font-variant-numeric:lining-nums !important; } #sgw-hcc p.sgw-zl-text { font-family:'Montserrat',system-ui,sans-serif !important; font-size:14px !important; line-height:1.75 !important; color:rgba(15,29,46,0.85) !important; -webkit-text-fill-color:rgba(15,29,46,0.85) !important; margin:0 !important; padding:0 !important; font-variant-numeric:lining-nums !important; } #sgw-hcc p.sgw-zl-text b { font-weight:600 !important; color:#0f1d2e !important; -webkit-text-fill-color:#0f1d2e !important; } #sgw-hcc p.sgw-zl-ziel { font-family:'Montserrat',system-ui,sans-serif !important; font-size:12.5px !important; line-height:1.6 !important; color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; margin:8px 0 0 0 !important; padding:0 0 0 16px !important; border-left:2px solid #c8a84b !important; font-weight:600 !important; } #sgw-hcc ol.sgw-zl.sgw-zl-anim li.sgw-zl-item { opacity:0 !important; transform:translateX(-12px) !important; transition:opacity .5s ease, transform .5s ease !important; } #sgw-hcc ol.sgw-zl.sgw-zl-anim li.sgw-zl-item.sgw-an { opacity:1 !important; transform:none !important; } /* ----- 04 Abgrenzung (Navy): zwei Spalten ----- */ #sgw-hcc .sgw-ab { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; margin:32px 0 0 0 !important; } #sgw-hcc .sgw-ab-k { margin:0 !important; padding:24px 22px 20px 22px !important; background:#243A5A !important; border-top:3px solid #c8a84b !important; } #sgw-hcc .sgw-ab-k.sgw-ab-nicht { background:rgba(36,58,90,0.35) !important; border:1px solid rgba(245,240,232,0.08) !important; border-top:3px solid rgba(245,240,232,0.2) !important; } #sgw-hcc span.sgw-ab-kopf { display:block !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:10px !important; font-weight:700 !important; letter-spacing:3px !important; text-transform:uppercase !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; margin:0 0 10px 0 !important; } #sgw-hcc .sgw-ab-nicht span.sgw-ab-kopf { color:rgba(245,240,232,0.55) !important; -webkit-text-fill-color:rgba(245,240,232,0.55) !important; } #sgw-hcc .sgw-ab-k ul { list-style:none !important; margin:0 !important; padding:0 !important; } #sgw-hcc .sgw-ab-k ul li { position:relative !important; list-style:none !important; margin:0 !important; padding:8px 0 8px 20px !important; border-top:1px solid rgba(245,240,232,0.08) !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:13.5px !important; line-height:1.55 !important; color:rgba(245,240,232,0.85) !important; -webkit-text-fill-color:rgba(245,240,232,0.85) !important; } #sgw-hcc .sgw-ab-k ul li:first-child { border-top:none !important; } #sgw-hcc .sgw-ab-k ul li::before { content:'›' !important; position:absolute !important; left:0 !important; top:6px !important; font-size:16px !important; font-weight:700 !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; } #sgw-hcc .sgw-ab-nicht ul li { color:rgba(245,240,232,0.55) !important; -webkit-text-fill-color:rgba(245,240,232,0.55) !important; } #sgw-hcc .sgw-ab-nicht ul li::before { content:'—' !important; font-size:11px !important; top:9px !important; color:rgba(245,240,232,0.35) !important; -webkit-text-fill-color:rgba(245,240,232,0.35) !important; } #sgw-hcc .sgw-ab-k ul li a { color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; text-decoration:underline !important; text-underline-offset:3px !important; } /* ----- Kauf ----- */ #sgw-hcc .sgw-kauf { margin:30px 0 0 0 !important; padding:30px 32px !important; background:#243A5A !important; border-top:3px solid #c8a84b !important; } #sgw-hcc span.sgw-kauf-kopf { display:block !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:10px !important; font-weight:700 !important; letter-spacing:3px !important; text-transform:uppercase !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; margin:0 0 10px 0 !important; font-variant-numeric:lining-nums !important; } #sgw-hcc ul.sgw-kauf-liste { list-style:none !important; margin:0 0 18px 0 !important; padding:0 !important; } #sgw-hcc ul.sgw-kauf-liste li { position:relative !important; list-style:none !important; margin:0 !important; padding:7px 0 7px 20px !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:13.5px !important; line-height:1.55 !important; color:rgba(245,240,232,0.85) !important; -webkit-text-fill-color:rgba(245,240,232,0.85) !important; font-variant-numeric:lining-nums !important; } #sgw-hcc ul.sgw-kauf-liste li::before { content:'›' !important; position:absolute !important; left:0 !important; top:5px !important; font-size:16px !important; font-weight:700 !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; } #sgw-hcc ul.sgw-kauf-liste li b { font-weight:600 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; } #sgw-hcc .sgw-kauf-preis { display:flex !important; flex-wrap:wrap !important; align-items:baseline !important; gap:6px 16px !important; margin:8px 0 6px 0 !important; padding:18px 0 0 0 !important; border-top:1px solid rgba(200,168,75,0.4) !important; } #sgw-hcc span.sgw-preis { font-family:'Cormorant Garamond',Georgia,serif !important; font-size:52px !important; font-weight:600 !important; line-height:1 !important; white-space:nowrap !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; font-variant-numeric:lining-nums !important; font-feature-settings:"lnum" 1 !important; } #sgw-hcc span.sgw-preis-zusatz { font-family:'Montserrat',system-ui,sans-serif !important; font-size:12px !important; font-weight:600 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; } #sgw-hcc p.sgw-kauf-meta { font-family:'Montserrat',system-ui,sans-serif !important; font-size:12px !important; line-height:1.7 !important; color:rgba(245,240,232,0.62) !important; -webkit-text-fill-color:rgba(245,240,232,0.62) !important; margin:0 0 22px 0 !important; padding:0 !important; font-variant-numeric:lining-nums !important; } #sgw-hcc .sgw-knoepfe { display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin:0 !important; } #sgw-hcc a.sgw-btn { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:48px !important; padding:14px 28px !important; background:#c8a84b !important; color:#0f1d2e !important; -webkit-text-fill-color:#0f1d2e !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:12px !important; font-weight:700 !important; letter-spacing:2.5px !important; text-transform:uppercase !important; text-decoration:none !important; border:none !important; transition:background .2s ease !important; } #sgw-hcc a.sgw-btn:hover { background:#d4b85a !important; } #sgw-hcc a.sgw-btn, #sgw-hcc a.sgw-btn-linie { text-align:center !important; } #sgw-hcc a.sgw-btn span.sgw-nw, #sgw-hcc a.sgw-btn-linie span.sgw-nw { white-space:nowrap !important; } #sgw-hcc figure.sgw-cover { margin:0 0 28px 0 !important; padding:0 !important; max-width:340px !important; } #sgw-hcc figure.sgw-cover img { display:block !important; width:100% !important; height:auto !important; border:0 !important; } #sgw-hcc a.sgw-btn-linie { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:48px !important; padding:13px 26px !important; background:transparent !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; border:1px solid rgba(245,240,232,0.45) !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:11px !important; font-weight:600 !important; letter-spacing:2px !important; text-transform:uppercase !important; text-decoration:none !important; transition:border-color .2s ease !important; } #sgw-hcc a.sgw-btn-linie:hover { border-color:#c8a84b !important; } #sgw-hcc .sgw-warm a.sgw-btn-linie { color:#0f1d2e !important; -webkit-text-fill-color:#0f1d2e !important; border-color:#0f1d2e !important; } #sgw-hcc .sgw-warm a.sgw-btn-linie:hover { border-color:#7a5f1a !important; color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; } #sgw-hcc .sgw-warm .sgw-knoepfe { margin-top:26px !important; } /* ----- Anrechnung (Warmweiß) ----- */ #sgw-hcc .sgw-anr { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; margin:30px 0 0 0 !important; } #sgw-hcc .sgw-anr-k { margin:0 !important; padding:20px 20px 18px 20px !important; background:#243A5A !important; border-top:3px solid #c8a84b !important; } #sgw-hcc .sgw-anr-k.sgw-anr-ziel { background:transparent !important; border:1px solid rgba(15,29,46,0.22) !important; border-top:3px solid rgba(200,168,75,0.6) !important; } #sgw-hcc span.sgw-anr-kopf { display:block !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:10px !important; font-weight:700 !important; letter-spacing:3px !important; text-transform:uppercase !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; margin:0 0 8px 0 !important; } #sgw-hcc .sgw-anr-ziel span.sgw-anr-kopf { color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; } #sgw-hcc h3.sgw-anr-titel { font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(21px,2.4vw,24px) !important; font-weight:600 !important; line-height:1.15 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; margin:0 0 6px 0 !important; padding:0 !important; } #sgw-hcc .sgw-anr-ziel h3.sgw-anr-titel { color:#0f1d2e !important; -webkit-text-fill-color:#0f1d2e !important; } #sgw-hcc span.sgw-anr-preis { display:block !important; font-family:'Cormorant Garamond',Georgia,serif !important; font-size:30px !important; font-weight:600 !important; line-height:1 !important; color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; margin:0 0 8px 0 !important; font-variant-numeric:lining-nums !important; font-feature-settings:"lnum" 1 !important; } #sgw-hcc .sgw-anr-ziel span.sgw-anr-preis { color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; } #sgw-hcc p.sgw-anr-text { font-family:'Montserrat',system-ui,sans-serif !important; font-size:12.5px !important; line-height:1.6 !important; color:rgba(245,240,232,0.8) !important; -webkit-text-fill-color:rgba(245,240,232,0.8) !important; margin:0 !important; padding:0 !important; font-variant-numeric:lining-nums !important; } #sgw-hcc .sgw-anr-ziel p.sgw-anr-text { color:rgba(15,29,46,0.7) !important; -webkit-text-fill-color:rgba(15,29,46,0.7) !important; } #sgw-hcc p.sgw-anr-text a { color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; text-decoration:underline !important; text-underline-offset:3px !important; } #sgw-hcc .sgw-anr-ziel p.sgw-anr-text a { color:#7a5f1a !important; -webkit-text-fill-color:#7a5f1a !important; } /* ----- FAQ ----- */ #sgw-hcc .sgw-faq { margin:28px 0 0 0 !important; padding:0 !important; } #sgw-hcc details.sgw-faq-item { margin:0 0 10px 0 !important; padding:0 !important; background:#243A5A !important; border-left:3px solid #c8a84b !important; } #sgw-hcc details.sgw-faq-item summary { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; min-height:56px !important; padding:16px 22px !important; cursor:pointer !important; list-style:none !important; font-family:'Montserrat',system-ui,sans-serif !important; font-size:15px !important; font-weight:600 !important; line-height:1.4 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; user-select:none !important; } #sgw-hcc details.sgw-faq-item summary::-webkit-details-marker { display:none !important; } #sgw-hcc details.sgw-faq-item summary::marker { content:"" !important; } #sgw-hcc span.sgw-faq-icon { flex:0 0 18px !important; width:18px !important; height:18px !important; position:relative !important; display:inline-block !important; } #sgw-hcc span.sgw-faq-icon::before, #sgw-hcc span.sgw-faq-icon::after { content:"" !important; position:absolute !important; background:#c8a84b !important; transition:transform .2s ease !important; } #sgw-hcc span.sgw-faq-icon::before { left:0 !important; right:0 !important; top:50% !important; height:2px !important; margin-top:-1px !important; } #sgw-hcc span.sgw-faq-icon::after { top:0 !important; bottom:0 !important; left:50% !important; width:2px !important; margin-left:-1px !important; } #sgw-hcc details.sgw-faq-item[open] span.sgw-faq-icon::after { transform:scaleY(0) !important; } #sgw-hcc .sgw-faq-a { padding:4px 22px 20px 22px !important; margin:0 !important; border-top:1px solid rgba(245,240,232,0.1) !important; } #sgw-hcc .sgw-faq-a p { font-family:'Montserrat',system-ui,sans-serif !important; font-size:14px !important; line-height:1.75 !important; color:rgba(245,240,232,0.85) !important; -webkit-text-fill-color:rgba(245,240,232,0.85) !important; margin:14px 0 0 0 !important; padding:0 !important; font-variant-numeric:lining-nums !important; overflow-wrap:anywhere !important; } #sgw-hcc .sgw-faq-a p strong { font-weight:600 !important; color:#f5f0e8 !important; -webkit-text-fill-color:#f5f0e8 !important; } #sgw-hcc .sgw-faq-a p a { color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; text-decoration:underline !important; text-underline-offset:3px !important; } #sgw-hcc p.sgw-faq-fuss { font-family:'Montserrat',system-ui,sans-serif !important; font-size:12px !important; line-height:1.7 !important; color:rgba(245,240,232,0.62) !important; -webkit-text-fill-color:rgba(245,240,232,0.62) !important; margin:24px 0 0 0 !important; padding:0 !important; } #sgw-hcc p.sgw-faq-fuss a { color:#c8a84b !important; -webkit-text-fill-color:#c8a84b !important; text-decoration:underline !important; text-underline-offset:3px !important; } /* ----- Effekte (Ausgangszustand nur per JavaScript) ----- */ #sgw-hcc p.sgw-kern.sgw-kern-anim { position:relative !important; border-left-color:transparent !important; } #sgw-hcc p.sgw-kern.sgw-kern-anim::before { content:'' !important; position:absolute !important; left:-3px !important; top:0 !important; bottom:0 !important; width:3px !important; background:#c8a84b !important; transform:scaleY(0) !important; transform-origin:top !important; transition:transform .9s ease !important; } #sgw-hcc p.sgw-kern.sgw-kern-anim em { display:inline-block !important; opacity:0 !important; transform:translateY(8px) !important; transition:opacity .7s ease, transform .7s ease !important; } #sgw-hcc p.sgw-kern.sgw-kern-anim.sgw-an::before { transform:none !important; } #sgw-hcc p.sgw-kern.sgw-kern-anim.sgw-an2 em { opacity:1 !important; transform:none !important; } /* ----- Mobil ----- */ @media (max-width:600px) { #sgw-hcc .sgw-sec { padding:48px 22px !important; } #sgw-hcc .sgw-hero { padding-bottom:40px !important; } #sgw-hcc nav.sgw-kacheln { padding:32px 22px 36px 22px !important; } #sgw-hcc a.sgw-kachel { padding:16px 16px 14px 16px !important; } #sgw-hcc ol.sgw-pf { grid-template-columns:minmax(0,1fr) !important; } #sgw-hcc ul.sgw-ord li.sgw-ord-item { grid-template-columns:minmax(0,1fr) !important; gap:4px 0 !important; } #sgw-hcc ol.sgw-zl li.sgw-zl-item { grid-template-columns:minmax(0,1fr) !important; gap:6px 0 !important; } #sgw-hcc .sgw-ab { grid-template-columns:minmax(0,1fr) !important; } #sgw-hcc .sgw-kauf { padding:24px 18px !important; } #sgw-hcc span.sgw-preis { font-size:46px !important; } #sgw-hcc .sgw-knoepfe a { flex:1 1 100% !important; } #sgw-hcc .sgw-anr { grid-template-columns:minmax(0,1fr) !important; } #sgw-hcc details.sgw-faq-item summary { font-size:14px !important; padding:14px 18px !important; } #sgw-hcc .sgw-faq-a { padding:2px 18px 18px 18px !important; } #sgw-hcc p.sgw-kern { padding-left:18px !important; } } @media (max-width:430px) { #sgw-hcc nav.sgw-kacheln ul { grid-template-columns:1fr !important; gap:10px !important; } #sgw-hcc a.sgw-kachel { flex-direction:row !important; align-items:center !important; justify-content:space-between !important; column-gap:12px !important; padding:14px 16px !important; } #sgw-hcc span.sgw-k-text { display:none !important; } } @media (prefers-color-scheme:dark) { #sgw-hcc, #sgw-hcc * { forced-color-adjust:none !important; -webkit-forced-color-adjust:none !important; color-scheme:light only !important; } #sgw-hcc { background:#0f1d2e !important; } #sgw-hcc .sgw-warm { background:#f5f0e8 !important; } } html [hidden] { display:none !important; } /* ----- Volle Breite ab 861 px: Farbflächen über die ganze Breite, Inhalt bleibt 748 px breit in der Mitte ----- */ @media (min-width:861px) { #sgw-hcc#sgw-hcc { max-width:none !important; } #sgw-hcc#sgw-hcc > * { padding-left:calc((100% - 748px) / 2) !important; padding-right:calc((100% - 748px) / 2) !important; } }