:root{--primary-gradient:linear-gradient(180deg,rgb(219,43,95) 0%,rgb(220,67,135) 100%);--primary-start:rgb(219,43,95);--primary-end:rgb(220,67,135);--contrast-color:#1a1a1a;--bg-pattern-dot:#e5e5e5;--font-family:'Inter',sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:var(--font-family);color:var(--contrast-color);line-height:1.65;background:#fff}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1a1a1a;outline-offset:4px}img{max-width:100%;height:auto}p{margin:0 0 1.25rem}h1,h2,h3{line-height:1.15;letter-spacing:-.045em;margin:0 0 1.5rem}h1{font-size:clamp(2.4rem,4.2vw,3.75rem);font-weight:700}h1 span{color:var(--primary-start)}h2{font-size:clamp(2rem,3.1vw,2.85rem)}h3{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:1rem}.container{max-width:1200px;margin:auto;padding:0 1.5rem}.header{border-bottom:1px solid #eee;background:white}.nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:100px}.logo{display:block;width:220px}.nav nav{display:flex;gap:2rem;align-items:center}.nav-text{text-decoration:none;font-size:.9rem;font-weight:600}.button{display:inline-flex;gap:1.25rem;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border:0;border-radius:var(--radius-md);padding:1rem 1.5rem;font-weight:700;text-decoration:none;line-height:1.4;cursor:pointer;min-height:48px}.button:hover{box-shadow:0 4px 12px #0002}.button span{font-size:1.3em}.button.small{padding:.8rem 1.2rem;font-size:.9rem}.button:disabled{opacity:.6;cursor:wait}.button.secondary{background:#eee;color:var(--contrast-color);margin-bottom:1rem}.eyebrow{color:#626262;text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.72rem;margin-bottom:1.5rem}.hero{padding:5rem 0 4rem;background:radial-gradient(circle,var(--bg-pattern-dot) 1.29px,transparent 1.29px);background-size:23.24px 23.24px}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center}.hero-grid>div{background:#fffffff2}.lead{font-size:1.05rem;max-width:630px;margin:1.5rem 0 2rem}.caption{font-size:.78rem;line-height:1.5;margin:.8rem 0 1.5rem}.qualification{font-size:.8rem;max-width:470px;font-weight:600;margin:0}.price-card{border-radius:var(--radius-lg);border:1px solid #eee;background:white;box-shadow:0 16px 48px #00000009;padding:2rem;transform:rotate(2deg)}.card-top{display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;font-weight:600;border-bottom:1px solid #eee;padding-bottom:1.4rem}.card-top span:first-child{background:#fcebf1;border-radius:4px;padding:.15rem .5rem}.price-label{margin:2.5rem 0 .5rem;font-size:.8rem}.price{font-size:clamp(4.5rem,8vw,6.5rem);font-weight:700;letter-spacing:-.075em;line-height:1.1;margin:0}.price span{font-size:.5em}.price-unit{font-size:1.1rem;font-weight:600;margin:.7rem 0}.tax{font-size:.85rem;color:#505050;max-width:280px}.card-bottom{border-top:1px solid #eee;margin-top:2rem;padding-top:1rem;display:flex;gap:1rem;justify-content:space-between;font-size:.8rem}.card-bottom strong{color:#ab204b}.section{padding:5rem 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.benefits article{border-top:2px solid var(--primary-start);padding-top:1.5rem}.number{display:block;font-size:.72rem;color:#626262;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.08em}.benefits p{font-size:.95rem;color:#505050}.cut-section{background:#faf7f8}.cut-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.litres{margin-top:2rem;border-left:3px solid var(--primary-start);padding-left:1rem}.litres p{font-size:.8rem;margin:.4rem 0 0}.volume-card{color:#fff;background:var(--primary-gradient);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;position:relative;background-image:radial-gradient(circle,#ffffff30 1.29px,transparent 1.29px),var(--primary-gradient);background-size:23.24px 23.24px,100% 100%}.volume-card>p{font-weight:600;font-size:1.2rem;margin:0}.volume-card>strong{font-size:clamp(5rem,10vw,8rem);line-height:1.2;letter-spacing:-.075em;display:block}.volume-card strong span{font-size:.65em}.volume-foot{display:block;border-top:1px solid #ffffff66;margin-top:2rem;padding-top:1.25rem;font-size:.8rem}.section-intro{max-width:800px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding:0;list-style:none;counter-reset:steps;margin:3rem 0}.steps li{counter-increment:steps}.steps .number{margin-bottom:1rem}.steps p{font-size:.9rem;color:#505050}.delivery-note{background:#f6f6f6;border-radius:var(--radius-md);padding:1.5rem 2rem}.delivery-note p{margin:.4rem 0 0;font-size:.9rem}.faq-section{background:#fafafa;border-block:1px solid #eee}.faq-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:4rem}.faq details{border-bottom:1px solid #ddd;padding:1.2rem 0}.faq details:first-child{padding-top:0}.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#ad224d;font-size:1.2rem}.faq details[open] summary:after{content:'−'}.faq details p{margin:1rem 1rem 0 0;color:#505050;font-size:.9rem}.request-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem}.request-intro{align-self:start}.product-summary{background:#faf7f8;border:1px solid #f3e2e8;border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0;font-size:.9rem}fieldset{border:0;padding:0;margin:1rem 0 2rem;min-width:0}legend{font-size:1rem;font-weight:700;padding:0 0 1rem;border-bottom:1px solid #ddd;width:100%;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.field{margin-bottom:1rem;min-width:0}label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.45rem}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #aaa;border-radius:var(--radius-sm);padding:.75rem;background:white;color:#1a1a1a;min-height:48px;min-width:0}textarea{resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--primary-start)}[aria-invalid=true]{border-color:#ad224d!important;background:#fff7fa!important}.field-error{display:block;font-size:.8rem;color:#a01943;margin-top:.25rem}.form-note{font-size:.78rem;color:#555;line-height:1.65}.checkbox{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;font-size:.9rem}.checkbox input{width:20px;height:20px;flex-shrink:0;margin-top:.2rem;accent-color:var(--primary-start)}#form-status:not(:empty){border-left:3px solid var(--primary-start);background:#faf7f8;padding:1rem;margin:1rem 0;font-size:.9rem}#submit{width:100%;font-size:.9rem}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer{border-top:1px solid #ddd;padding:3rem 0 2rem;background:#fafafa}.footer-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:2rem;font-size:.85rem}.footer-grid p{margin:.5rem 0}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.footer-note{border-top:1px solid #ddd;padding-top:1.5rem;margin:2rem 0 0;font-size:.72rem;color:#555;max-width:950px}.legal{max-width:850px;padding-block:4rem}.legal h2{font-size:1.3rem;margin-top:2rem;letter-spacing:-.02em}.skip{position:absolute;top:-100px;left:1rem;z-index:20;background:white;padding:1rem}.skip:focus{top:1rem}[hidden]{display:none!important}
@media(max-width:950px){.hero-grid{gap:2rem;grid-template-columns:1.3fr 1fr}.cut-grid,.request-grid{gap:2.5rem}.price-card{padding:1.5rem;transform:none}.faq-grid{gap:2rem}.nav nav{gap:1.25rem}.card-bottom{flex-direction:column;gap:.2rem}}
@media(max-width:700px){.container{padding-inline:1.25rem}.nav{min-height:80px;gap:1rem}.logo{width:155px}.nav-text{display:none}.button.small{font-size:.75rem;padding:.75rem}.button.small span{display:none}.hero{padding:3rem 0}.hero-grid,.cut-grid,.faq-grid,.request-grid{grid-template-columns:1fr;gap:2.5rem}.hero h1{font-size:clamp(2.25rem,7vw,3rem)}.price-card{max-width:480px;width:100%;justify-self:center}.price-label{margin-top:1.5rem}.price{font-size:5rem}.card-bottom{flex-direction:row}.section{padding:3.5rem 0}.benefits,.steps{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.benefits article{padding-top:1rem}.benefits h3{margin-bottom:.6rem}.number{margin-bottom:.8rem}.steps{gap:1rem}.steps p{margin-bottom:.5rem}.volume-card>strong{font-size:6rem}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.eyebrow{font-size:.65rem}.delivery-note{padding:1.25rem}.legal{padding-top:3rem}.legal h1{font-size:2rem;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(min-width:1100px){.hero h1{font-size:3rem}}
.mobile-price{display:none}
@media(max-width:700px){.mobile-price{display:block;background:white;border-left:3px solid var(--primary-start);padding:.5rem 0 .5rem 1rem;margin:1.5rem 0}.mobile-price>strong{font-size:1.8rem;letter-spacing:-.04em}.mobile-price>strong span{font-size:.8rem;letter-spacing:0}.mobile-price>p{font-size:.78rem;margin:.3rem 0 .7rem}.mobile-price>p:last-child{margin-bottom:0}.hero .price-card,.hero-grid>div>.qualification{display:none}.hero h1{margin-bottom:1rem}}

/* FAIR-CI: durchgehender Originalverlauf mit weißen Punkten und hellen Karten.
   Referenz: custom.fairjump.eu/assets/css/style.css */
html{background:var(--primary-end)}
body{background:transparent;isolation:isolate}
body::before{content:"";position:fixed;top:calc(-1 * env(safe-area-inset-top,0px));right:0;bottom:calc(-1 * env(safe-area-inset-bottom,0px));left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.25) 1.29px,transparent 1.29px),var(--primary-gradient);background-size:23.24px 23.24px,100% 100%}
.header{background:#fff;border:0;box-shadow:0 2px 4px #0000001a}
.hero{background:none;padding:3rem 1.5rem 0}
.hero-grid{max-width:1152px;background:#fff;border-radius:var(--radius-lg);padding:3rem;gap:2.5rem;box-shadow:0 4px 12px #00000026}
.hero-grid>div{background:transparent}
.price-card{transform:none;background:#faf7f8;border:1px solid #f3e2e8;box-shadow:none;padding:1.5rem}
.section{padding:3rem 1.5rem 0;background:none;border:0}
.section>.container{max-width:1152px;padding:3rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026}
#produkt>.container{background:transparent;padding:0;box-shadow:none}
#produkt>.container>h2{color:#fff}
.benefits{gap:1.5rem;margin-top:2rem}
.benefits article{background:#fff;padding:2rem;border:0;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026}
.benefits article p:last-child{margin-bottom:0}
.number{color:#626262;font-weight:600}
#anfrage{padding-bottom:3rem}
.request-grid{grid-template-columns:1fr 1.5fr;gap:3rem}
footer{border:0;background:#fff;box-shadow:0 -2px 4px #0000000a}
.legal{margin:3rem auto;padding:3rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;width:calc(100% - 3rem)}
@media(min-width:1100px){.hero h1{font-size:2.65rem}}
@media(max-width:950px){.hero-grid{padding:2rem;gap:2rem}.section>.container{padding:2rem}.benefits article{padding:1.5rem}.request-grid{gap:2rem}}
@media(max-width:700px){.hero,.section{padding:1.5rem 1rem 0}.hero-grid,.section>.container{padding:1.5rem 1.25rem;border-radius:var(--radius-lg)}#produkt>.container{padding:.75rem 0 0}.hero h1{font-size:clamp(1.8rem,6.5vw,2.5rem)}.hero .eyebrow{margin-bottom:1rem}.benefits{gap:1rem;margin-top:1.5rem}.benefits article{padding:1.5rem}.hero .lead{font-size:1rem}.mobile-price{margin:1rem 0;padding-left:.75rem}.mobile-price>strong{font-size:1.65rem}.mobile-price>strong span{font-size:.75rem}.volume-card{padding:2rem 1rem}.request-grid{grid-template-columns:1fr}.legal{width:calc(100% - 2rem);margin:1.5rem auto;padding:1.5rem 1.25rem}.legal h1{font-size:1.8rem}#anfrage{padding-bottom:1.5rem}}

/* Produktmotiv und offener FAIR-Header. */
.header{background:transparent;box-shadow:none;border:0}
.header .logo{filter:brightness(0) invert(1)}
.header .button{background:#fff;color:var(--contrast-color);box-shadow:0 2px 4px #0000001a}
.header .nav-text{color:#fff}
.header .nav{min-height:112px}
.hero{padding-top:.5rem}
.hero-grid{grid-template-columns:1fr 1fr;padding:0;gap:0;overflow:hidden;align-items:stretch}
.hero-grid>div{padding:2.5rem;min-width:0}
.hero .mobile-price{display:block;background:transparent;border-left:3px solid var(--primary-start);padding:.2rem 0 .2rem 1rem;margin:1.5rem 0}
.hero .mobile-price>strong{font-size:2rem;letter-spacing:-.04em}
.hero .mobile-price>strong span{font-size:.85rem;letter-spacing:0}
.hero .mobile-price>p{font-size:.78rem;margin:.3rem 0 .6rem}
.hero .mobile-price>p:last-child{margin-bottom:0}
.hero-grid>div>.qualification{display:none}
.hero .lead{font-size:1rem;margin:1.5rem 0}
.hero .caption{margin-bottom:0}
.hero-product{margin:0;position:relative;min-width:0;min-height:640px;background:#eee5d8}
.hero-product img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% center}
.hero-product figcaption{position:absolute;bottom:1rem;right:1rem;background:#ffffffeb;color:#505050;padding:.3rem .65rem;border-radius:4px;font-size:.65rem}
@media(min-width:1100px){.hero h1{font-size:2.4rem}}
@media(min-width:701px) and (max-width:950px){.hero-grid{grid-template-columns:1.1fr 1fr}.hero-grid>div{padding:1.75rem}.hero h1{font-size:2.1rem}}
@media(max-width:700px){.header .nav{min-height:88px}.hero{padding-top:.5rem}.hero-grid{grid-template-columns:1fr;padding:0;gap:0}.hero-grid>div{padding:1.5rem 1.25rem}.hero-product{order:-1;min-height:0;aspect-ratio:3/2}.hero-product img{object-position:center}.hero .mobile-price{margin:1rem 0;padding-left:.75rem}.hero .mobile-price>strong{font-size:1.7rem}.hero .mobile-price>strong span{font-size:.75rem}.hero-product figcaption{bottom:.65rem;right:.65rem;font-size:.6rem}}
[hidden]{display:none!important}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.delivery-card{border:1px solid #e9d5dd;border-radius:var(--radius-lg);padding:2rem;background:#fff;box-shadow:0 12px 40px #00000008;scroll-margin-top:2rem}.delivery-card .eyebrow{margin-bottom:1rem}.from-line,.result-price{font-size:1.4rem;line-height:1.4}.calculator-row{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1rem}.calculator-row .field{flex:1;min-width:110px;margin:0}.calculator-row button{font-size:.9rem;max-width:190px}.delivery-steps{display:block}.delivery-steps li{margin-bottom:2rem}.delivery-card details{margin:1rem 0}.delivery-card summary{cursor:pointer;font-weight:600}.price-details{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem}.price-details dd{margin:0;font-weight:600}.attribution{font-size:.68rem;color:#555;line-height:1.5;margin-bottom:0}.quote-summary{padding:1.5rem;background:#fff3f7;border-radius:var(--radius-md);margin-bottom:2rem}.quote-summary p:last-child{margin-bottom:0}#quote-request{margin:1rem 0}#calculation-status:not(:empty),#calculation-required{padding:1rem;border-left:3px solid var(--primary-start);background:#faf5f7}.admin{max-width:720px;padding-top:3rem;padding-bottom:3rem}.admin h1{margin-top:2rem}.admin .field{margin-bottom:1.5rem}.admin .field span{font-size:.85rem}.admin .quote-summary{margin-top:2rem}.mobile-price span[data-from-price]{font-size:inherit}.mobile-price p{max-width:620px}input[readonly]{background:#f5f5f5}.button:disabled{cursor:not-allowed}.admin dd{margin:0 0 1rem;font-weight:600}@media(max-width:900px){.delivery-grid{grid-template-columns:1fr}.delivery-card{max-width:680px;width:100%}}@media(max-width:480px){.delivery-card{padding:1.25rem}.calculator-row{flex-direction:column;align-items:stretch}.calculator-row button{max-width:none}.price-details{grid-template-columns:1fr}.price-details dd{margin-bottom:.5rem}.quote-summary{padding:1rem}}
.hero .mobile-price>strong span[data-from-price]{font-size:inherit;white-space:nowrap}.admin{background:#fff;border-radius:var(--radius-lg);margin:2rem auto;width:calc(100% - 2rem);padding:2rem}.admin .field input{width:100%}
.admin{overflow-wrap:anywhere}.admin h1{font-size:clamp(1.65rem,5vw,2.5rem)}.admin .quote-summary h2{font-size:1.5rem}@media(max-width:480px){.admin{padding:1.5rem}}

/* Kompakter Rechner direkt beim Preis im oberen Seitenbereich. */
.hero .delivery-card{margin:1.5rem 0;padding:0 0 0 1rem;border:0;border-left:3px solid var(--primary-start);border-radius:0;background:transparent;box-shadow:none;max-width:none}
.hero .from-line{font-size:1.65rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.hero .calculator-row{gap:.6rem;margin-bottom:.5rem}.hero .calculator-row .field{min-width:90px}.hero .calculator-row button{padding:.8rem 1rem}.hero .delivery-card .caption{margin:.75rem 0;font-size:.72rem}.hero .delivery-card .attribution{margin-top:.75rem;font-size:.65rem}.hero .delivery-card #quote-result{margin-top:1.25rem}.delivery-grid>.delivery-steps{margin:0}
@media(max-width:480px){.hero .delivery-card{padding-left:.75rem}.hero .calculator-row{flex-direction:row;align-items:flex-end}.hero .calculator-row button{max-width:155px;padding:.75rem;font-size:.8rem}.header .nav{gap:.75rem}.header .button.small{max-width:150px;text-align:center}}

/* Ein Preis, ein nächster Schritt. */
.hero h1{font-size:clamp(1.7rem,2.7vw,2.35rem);line-height:1.18;margin-bottom:0}
.hero .eyebrow{margin-bottom:1rem}
.hero .delivery-card{margin:2rem 0 0;padding:0;border:0}
.price-promise{font-size:.9rem;font-weight:600;line-height:1.5;margin:0 0 .75rem}
.hero-price-box{padding:1rem 1.25rem;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg)}
.hero-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;margin:0;line-height:1.05;letter-spacing:-.055em}
.hero-price-box .kg-price{margin:.4rem 0 0;font-size:.8rem;line-height:1.5;color:inherit}
.hero-price #price-prefix{font-size:1.2rem;font-weight:700;letter-spacing:-.03em}
.hero-price .price-value{display:inline-flex;align-items:baseline;gap:.35rem;min-width:0;max-width:100%}
.hero-price strong{font-size:clamp(4rem,6.8vw,6rem);font-weight:750;color:#fff;white-space:nowrap}
.hero-price strong.price-unavailable{font-size:1.7rem;white-space:normal;letter-spacing:-.03em}
.delivery-unit{margin:.75rem 0 .4rem;font-size:.9rem;line-height:1.5;font-weight:550;letter-spacing:-.025em}
.kg-price{margin:0;font-size:.9rem;color:#626262}
.price-terms{font-size:.72rem;color:#626262;line-height:1.7;margin:1.25rem 0 0;max-width:29rem}
.hero #calculator{margin-top:1.5rem}
.hero .calculator-row{gap:.75rem;margin:0;align-items:flex-end;flex-direction:row}
.hero .calculator-row .field{flex:1;min-width:0}
.hero .calculator-row button{font-size:.85rem;padding:.8rem 1rem;max-width:none;flex-shrink:0}
#delivery-postcode{font-variant-numeric:tabular-nums;border-radius:var(--radius-md)}

#calculation-status:empty{display:none}
#calculation-status:not(:empty){font-size:.85rem;margin:1rem 0 0}
#quote-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem}
#quote-request{margin:0;font-size:.9rem;padding:.95rem 1.25rem}
.price-benefits{display:grid;gap:.3rem;list-style:none;margin:1rem 0 0;padding:0;color:#626262;font-size:.8rem;line-height:1.5}
.price-benefits li{display:flex;align-items:baseline;gap:.5rem}
.price-benefits span{color:var(--primary-start);font-size:1rem;font-weight:700;line-height:1}
.text-button{border:0;padding:.65rem 0;background:none;color:#626262;font-size:.8rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
.hero .lead{font-size:.85rem;color:#626262;max-width:28rem;margin:1.75rem 0 0;padding-top:1.25rem;border-top:1px solid #eee}
.hero-product{min-height:580px}
.faq-section{padding-bottom:3rem}
.offer-page{padding-bottom:3rem}.offer-page .section{padding-top:.5rem}
.offer-page h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:1.5rem 0 .6rem}
.offer-claim{font-size:clamp(1.4rem,2.3vw,1.8rem);font-weight:700;line-height:1.2;letter-spacing:-.04em;margin:0 0 2rem}
.fair-gradient{display:inline-block;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
@media(forced-colors:active){.fair-gradient{background:none;color:CanvasText}}
.back-link{font-size:.85rem;color:#626262;text-decoration:none}
.offer-amount{font-size:clamp(3rem,5vw,4.5rem);font-weight:750;letter-spacing:-.055em;line-height:1.1;color:var(--primary-start);margin:0}
.offer-page .request-grid{grid-template-columns:1fr 1.4fr}
.offer-page .form-note:first-child{margin-bottom:1.5rem}.offer-page fieldset{margin-top:0}
.billing-choice{margin:0 0 1.5rem}.billing-choice .checkbox{align-items:center;min-height:44px}.billing-choice .checkbox input{margin-top:0}
#billing-address .field:first-child,#billing-address .field:last-child{grid-column:1/-1}
@media(min-width:701px) and (max-width:950px){.hero-grid{grid-template-columns:1.2fr 1fr}.hero .calculator-row{flex-direction:column;align-items:stretch}.hero .calculator-row button{width:100%}.hero-price strong{font-size:4.5rem}}
@media(max-width:700px){.hero-product{order:-1;min-height:0;aspect-ratio:3/2}.hero-grid>div{padding:1.75rem 1.5rem}.hero .delivery-card{margin-top:1.75rem}.hero h1{font-size:1.8rem}.hero-price strong{font-size:clamp(3.8rem,17vw,5rem)}.hero .calculator-row{gap:.6rem}.hero .calculator-row button{font-size:.78rem;padding:.85rem .75rem;max-width:155px}.delivery-unit{font-size:.8rem}.offer-page .request-grid{grid-template-columns:1fr;gap:2rem}.offer-page h1{margin:1.25rem 0 .6rem}.offer-page{padding-bottom:1.5rem}.faq-section{padding-bottom:1.5rem}}
@media(max-width:360px){.hero-grid>div{padding:1.5rem 1.25rem}.hero .calculator-row{flex-direction:column;align-items:stretch}.hero .calculator-row button{max-width:none}.hero-price strong{font-size:3.5rem}}

.fair-accent{color:var(--primary-start);font-weight:700}
.hero .fair-claim{text-transform:none;color:#626262}

@media(max-width:700px){.hero-price-box{padding:1rem}.hero-price{gap:.45rem}#delivery-postcode::placeholder{font-size:.8rem}}
@media(max-width:360px){.hero-price-box{padding:.9rem .75rem}.delivery-unit{font-size:.75rem;letter-spacing:-.04em}}

/* FAIR-Familie: lokal geladene Logos, nativ scrollbar und erweiterbar. */
.family-section{padding:0 1.5rem 3rem}
.family-inner{max-width:1152px;padding:0}
.family-section h2{margin:0 0 1.5rem;color:#fff;text-align:center;font-size:clamp(1.8rem,3vw,2.35rem)}
.family-track{display:flex;gap:1.25rem;list-style:none;margin:0;padding:.5rem .5rem .75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:.5rem;scrollbar-width:thin;scrollbar-color:#ffffff80 transparent;border-radius:var(--radius-md)}
.family-slide{flex:0 0 calc((100% - 2.5rem)/3);min-width:0;scroll-snap-align:start}
.family-brand{display:flex;align-items:center;justify-content:center;min-height:144px;padding:2rem;border:1px solid #ffffff40;border-radius:var(--radius-lg);background:#ffffff0d;transition:background .2s,border-color .2s}
.family-brand:hover{background:#ffffff1f;border-color:#ffffffa6}
.family-brand img{display:block;width:100%;max-width:260px;height:78px;object-fit:contain;filter:brightness(0) invert(1)}
.family-controls{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}
.family-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#fff;color:var(--primary-start);cursor:pointer}
.family-arrow:disabled{opacity:.45;cursor:default}
@media(max-width:900px){.family-slide{flex-basis:calc((100% - 1.25rem)/2)}}
@media(max-width:600px){.family-section{padding:0 1rem 1.5rem}.family-track{gap:1rem}.family-slide{flex-basis:85%}.family-brand{min-height:132px;padding:1.5rem}.family-brand img{height:70px}}
@media(prefers-reduced-motion:reduce){.family-brand{transition:none}}
@media(forced-colors:active){.family-section h2{color:CanvasText}.family-brand{background:Canvas;border-color:LinkText}.family-brand img{filter:brightness(0)}.family-arrow{background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* Öffentliche Preis-Dokumentation und Konditionen. */
.legal pre{white-space:pre-wrap;overflow-wrap:anywhere}.legal dt{font-weight:600;margin-top:1rem}.legal dd{margin:.35rem 0 1rem;overflow-wrap:anywhere}.legal code{overflow-wrap:anywhere}.hero .price-terms{font-size:.75rem;line-height:1.6;color:#555}
