:root{--font-size-xs:clamp(0.75rem,0.7375rem + 0.05vw,0.8125rem);--font-size-sm:clamp(0.8125rem,0.8rem + 0.05vw,0.875rem);--font-size-md:clamp(0.9375rem,0.9rem + 0.08vw,1rem);--font-size-lg:clamp(1rem,0.95rem + 0.1vw,1.0625rem);--font-size-xl:clamp(1.0625rem,1rem + 0.15vw,1.125rem);--line-height-xs:calc(var(--font-size-xs) + 0.25rem);--line-height-sm:calc(var(--font-size-sm) + 0.25rem);--line-height-md:calc(var(--font-size-md) + 0.25rem);--line-height-lg:calc(var(--font-size-lg) + 0.25rem);--line-height-xl:calc(var(--font-size-xl) + 0.25rem);--line-height-base:var(--line-height-md);--font-size-h6:clamp(1rem,0.95rem + 0.15vw,1.125rem);--font-size-h5:clamp(1.0625rem,1rem + 0.2vw,1.25rem);--font-size-h4:clamp(1.125rem,1.05rem + 0.3vw,1.375rem);--font-size-h3:clamp(1.25rem,1.1rem + 0.5vw,1.625rem);--font-size-h2:clamp(1.5rem,1.25rem + 0.8vw,2.25rem);--font-size-h1:clamp(2rem,1.5rem + 1.4vw,3.5rem);--font-size-display:clamp(2.25rem,1.7rem + 1.8vw,4rem);--line-height-h1:calc(var(--font-size-h1) + 0.25rem);--line-height-h2:calc(var(--font-size-h2) + 0.25rem);--line-height-h3:calc(var(--font-size-h3) + 0.25rem);--line-height-h4:calc(var(--font-size-h4) + 0.25rem);--line-height-h5:calc(var(--font-size-h5) + 0.25rem);--line-height-h6:calc(var(--font-size-h6) + 0.25rem);--line-height-display:calc(var(--font-size-display) + 0.25rem);color-scheme:dark;--font-family-heading:var(--font-barlow),system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-body:var(--font-barlow),system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-heading:var(--font-family-heading);--font-body:var(--font-family-body);--font-sans:var(--font-body);--font-base:var(--font-body);--primary:#37a3bf;--primary-hover:#267184;--primary-active:#39bbdd;--primary-foreground:#1c1d1d;--secondary:#c1b48c;--secondary-hover:#898063;--secondary-active:#d4c28d;--secondary-foreground:#262929;--accent:#25455a;--accent-hover:#1d3647;--accent-active:#44718e;--accent-foreground:#fafafa;--muted:#1c212a;--muted-hover:#282f3c;--muted-active:#101318;--muted-foreground:#bab9af;--background:#070c11;--background-elevated:#091017;--foreground:#fafafa;--card:#0d161e;--card-elevated:#131f2c;--card-foreground:#f7f9e6;--sidebar:#0D161E;--sidebar-foreground:#FAFAFA;--navbar:var(--sidebar);--popover:#18222b;--popover-elevated:#11191f;--popover-foreground:#fafafa;--destructive:#ff6467;--destructive-foreground:#eceee0;--success:#4caf82;--success-foreground:#0d1a13;--border:#283949;--border-hover:#314558;--border-active:#4e6c89;--input:#091017;--input-hover:#172a3b;--input-active:#030608;--input-placeholder:#949698;--input-foreground:#fbf9ec;--ring:#73a6b4;--link:var(--primary);--link-hover:var(--foreground);--focus-ring:var(--ring);--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--heading-weight:400;--body-weight:400;--label-weight:500;--body-letter-spacing:0.125px;--stroke-sm:1px;--stroke-md:1.5px;--stroke-lg:2px;--border-default:var(--stroke-sm) solid var(--border);--border-strong:var(--stroke-md) solid var(--border);--icon-xs:14px;--icon-sm:20px;--icon-md:24px;--icon-lg:28px;--icon-xl:36px;--duration-instant:80ms;--duration-fast:150ms;--duration-base:240ms;--duration-slow:400ms;--duration-slower:600ms;--motion-fast:var(--duration-fast);--motion-base:var(--duration-base);--easing-standard:cubic-bezier(0.2,0,0,1);--easing-emphasized:cubic-bezier(0.2,0,0,1.2);--easing-decelerate:cubic-bezier(0,0,0.2,1);--easing-accelerate:cubic-bezier(0.3,0,1,1);--transition-base:all var(--duration-base) var(--easing-standard);--z-base:1;--z-raised:10;--z-dropdown:50;--z-sticky:100;--z-overlay:500;--z-modal:1000;--z-toast:2000;--heading-letter-spacing:0.06em;--heading-transform:uppercase;--body-transform:none;--space-0:0;--space-1:clamp(2px,1.5px + 0.5vw,4px);--space-2:clamp(4px,3px + 0.5vw,8px);--space-3:clamp(8px,6px + 0.25vw,12px);--space-4:clamp(12px,9px + 0.25vw,16px);--space-5:clamp(16px,12px + 0.25vw,24px);--space-6:clamp(24px,14px + 0.5vw,28px);--space-7:clamp(28px,20px + 0.5vw,36px);--space-8:clamp(32px,22px + 0.5vw,40px);--space-10:clamp(40px,28px + 0.5vw,48px);--space-12:clamp(48px,34px + 0.5vw,56px);--space-20:clamp(56px,40px + 0.5vw,64px);--space-24:clamp(64px,44px + 0.5vw,72px);--space-32:clamp(72px,48px + 0.5vw,88px);--space-40:clamp(88px,64px + 0.5vw,104px);--space-48:clamp(104px,72px + 0.5vw,128px);--space-64:clamp(128px,96px + 0.5vw,160px);--height-navbar:clamp(56px,56px + 2vw,100px);--height-footer-min:clamp(20vh,150px,30vh);--height-footer:clamp(28rem,18rem + 22vw,37.5rem);--height-tabbar:clamp(10vh,64px + 2vw,72px);--height-model-hero:clamp(22rem,16rem + 24vw,37.5rem);--height-content-hero:clamp(14rem,10rem + 14vw,25rem);--height-page-hero:clamp(28rem,20rem + 28vw,50rem);--height-section-hero:clamp(22rem,16rem + 20vw,37.5rem);--height-block-hero:clamp(22rem,16rem + 20vw,37.5rem);--model-card-min-width:20rem;--model-card-max-width:23.75rem;--model-card-height:clamp(26rem,22rem + 8vw,37.5rem);--model-card-image-width:12.5rem;--model-card-image-height:11.25rem;--range-card-image-height:clamp(11rem,9rem + 4vw,16.25rem);--container-max:min(100%,1280px);--container-wide:min(100%,1440px);--container-narrow:min(100%,980px);--container-content:min(100%,1280px);--page-padding-inline:clamp(1rem,0.5rem + 2.5vw,3rem);--page-padding-block:clamp(1.5rem,1rem + 2vw,3rem);--section-padding-block:clamp(3rem,2rem + 4vw,6rem);--section-gap:clamp(2rem,1.4rem + 2.5vw,4rem);--content-gap:clamp(1.125rem,0.95rem + 0.95vw,1.75rem);--card-padding:clamp(1.125rem,0.95rem + 0.95vw,1.75rem);--card-gap:var(--space-5);--header-padding-inline:var(--page-padding-inline);--header-padding-block:clamp(0.75rem,0.6rem + 0.5vw,1.25rem);--footer-padding-inline:var(--page-padding-inline);--footer-padding-block:clamp(2rem,1.4rem + 2vw,3.5rem);--pad-page-x:0;--pad-page-y:0;--pad-page-gap:clamp(1.25rem,0.85rem + 1.4vw,2rem);--pad-section-x:clamp(1rem,0.75rem + 2vw,3rem);--pad-section-y:clamp(2rem,1.5rem + 1.5vw,3rem);--pad-section-gap:clamp(1rem,0.8rem + 0.6vw,1.25rem);--pad-section-full:0;--pad-content-x:clamp(1rem,0.85rem + 0.8vw,1.5rem);--pad-content-y:clamp(1rem,0.85rem + 0.8vw,1.5rem);--pad-content-gap:clamp(0.75rem,0.7rem + 0.4vw,1rem);--pad-article-x:clamp(1rem,0.7rem + 1.2vw,2rem);--pad-article-y:clamp(2rem,1.4rem + 2vw,3rem);--pad-article-gap:clamp(0.875rem,0.75rem + 0.5vw,1.25rem);--pad-footer-x:clamp(1.25rem,0.5rem + 3.5vw,5rem);--pad-footer-y:clamp(2rem,1.4rem + 2vw,3rem);--pad-footer-gap:clamp(1.25rem,0.85rem + 1.4vw,2rem);--pad-header-x:clamp(0.875rem,0.7rem + 0.6vw,1.5rem);--pad-header-y:clamp(0.875rem,0.7rem + 0.6vw,1.5rem);--pad-header-gap:clamp(0.875rem,0.75rem + 0.5vw,1.25rem);--pad-header-text-gap:clamp(0.5rem,0.45rem + 0.25vw,0.75rem);--pad-imagebar-x:0;--pad-imagebar-y:0;--pad-imagebar-gap:clamp(0.75rem,0.65rem + 0.4vw,1rem);--pad-card-x:clamp(1rem,0.85rem + 0.5vw,1.25rem);--pad-card-y:clamp(1rem,0.85rem + 0.5vw,1.25rem);--pad-card-gap:clamp(0.875rem,0.75rem + 0.5vw,1.125rem);--radius-none:0;--radius-sm:3px;--radius-base:5px;--radius-md:5px;--radius-lg:8px;--radius-xl:12px;--radius-card:12px;--radius-pill:9999px;--radius-round:9999px;--radius-full:var(--radius-pill);--radius-circle:50%;--radius:var(--radius-base);--control-h-sm:44px;--control-h-md:48px;--control-h-lg:52px;--input-min-w:15rem;--input-max-w:23.75rem;--input-border-w:1.5px;--card-min-w:260px;--card-max-w:420px;--card-border-w:2px;--card-icon-size:24px;--spacing-x-base:1rem;--spacing-y-base:0.5rem;--spacing-gap-base:1rem;--icon-base:16px;--badge-pad-x:0.75rem;--badge-pad-y-top:0.25rem;--badge-pad-y-bottom:0.375rem;--card-gradient:var(--card);--card-gradient-hover:color-mix(in oklab,var(--card) 84%,var(--sidebar));--gradient-surface:var(--card);--gradient-brand:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);--gradient-overlay-top:linear-gradient(180deg,rgba(0,0,0,0.72),rgba(0,0,0,0));--gradient-overlay-bottom:linear-gradient(0deg,rgba(0,0,0,0.82),rgba(0,0,0,0));--image-fade-overlay:linear-gradient(180deg,rgba(7,12,17,0.12),rgba(7,12,17,0.38) 44%,rgba(7,12,17,0.92));--image-fade-overlay-soft:linear-gradient(180deg,rgba(7,12,17,0),rgba(7,12,17,0.22) 55%,rgba(7,12,17,0.80));--surface-glow-primary:radial-gradient(ellipse 80% 50% at 50% 100%,color-mix(in oklab,var(--primary) 8%,transparent) 0%,transparent 100%);--surface-glow-secondary:radial-gradient(ellipse 60% 30% at 50% 0%,color-mix(in oklab,var(--primary) 5%,transparent) 0%,transparent 100%);--hover-lift-sm:translateY(-3px);--hover-lift-md:translateY(-5px);--shadow-soft:0 1px 2px rgba(0,0,0,0.28),0 4px 12px rgba(0,0,0,0.22);--shadow-medium:0 4px 12px rgba(0,0,0,0.36),0 8px 28px rgba(0,0,0,0.28);--shadow-strong:0 8px 20px rgba(0,0,0,0.48),0 20px 48px rgba(0,0,0,0.38);--shadow-card-hover:0 12px 32px rgba(0,0,0,0.52),0 0 0 1px color-mix(in oklab,var(--primary) 24%,transparent);--shadow-focus-ring:0 0 0 3px color-mix(in oklab,var(--primary) 28%,transparent);--shadow-card:12px 12px 20px rgba(0,0,0,0.45),-5px -5px 20px rgba(255,255,255,0.06);--shadow-item:6px 6px 20px rgba(0,0,0,0.25),-2px -2px 20px rgba(255,255,255,0.04);--shadow-button:4px 4px 12px rgba(0,0,0,0.15);--shadow-3d:14px 15px 8.5px rgba(0,0,0,0.15),12px 12px 35.3px rgba(0,0,0,0.28);--gradient-card-radial:radial-gradient(76.21% 129.24% at 64.35% 109.07%,#0d161e 0%,#131f2c 100%);--gradient-card-linear:linear-gradient(358.72deg,#0a1118,#0d161e);--gradient-section:linear-gradient(180deg,var(--background-elevated) 0%,var(--background) 100%);--gradient-section-reversed:linear-gradient(180deg,var(--background) 0%,var(--background-elevated) 100%);--gradient-section-to-footer:linear-gradient(180deg,var(--background-elevated) 0%,var(--sidebar) 100%)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:var(--height-navbar)}body{min-height:100dvh;background-color:var(--background);background-image:linear-gradient(180deg,var(--background) 0,var(--background) 100%);color:var(--foreground);font-family:var(--font-base);font-size:var(--font-size-md);line-height:var(--line-height-base);font-weight:var(--body-weight);letter-spacing:var(--body-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--height-tabbar)}@media (min-width:768px){body{padding-bottom:0}}img,svg,video{max-width:100%;height:auto;display:block}main{padding-top:var(--height-navbar)}.text-h1,h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}.text-h1,.text-h2,h1,h2{font-family:var(--font-heading);font-weight:var(--heading-weight);text-transform:var(--heading-transform);letter-spacing:var(--heading-letter-spacing)}.text-h2,h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}.text-h3,h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.text-h3,.text-h4,h3,h4{font-family:var(--font-heading);font-weight:var(--heading-weight);text-transform:var(--heading-transform);letter-spacing:var(--heading-letter-spacing)}.text-h4,h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}.text-h5,h5{font-size:var(--font-size-h5);line-height:var(--line-height-h5)}.text-h5,.text-h6,h5,h6{font-family:var(--font-heading);font-weight:var(--heading-weight);text-transform:var(--heading-transform);letter-spacing:var(--heading-letter-spacing)}.text-h6,h6{font-size:var(--font-size-h6);line-height:var(--line-height-h6)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-lg,.text-xl{font-weight:var(--body-weight);letter-spacing:var(--body-letter-spacing)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-md,.text-sm{font-weight:var(--body-weight);letter-spacing:var(--body-letter-spacing)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--body-weight);letter-spacing:var(--body-letter-spacing)}p{margin:0;color:var(--muted-foreground)}a,p{font-size:var(--font-size-md);line-height:var(--line-height-base);font-weight:var(--body-weight);letter-spacing:var(--body-letter-spacing)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--easing-standard)}a:hover:not(.button){color:var(--link-hover)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;font-weight:var(--label-weight)}button,input,textarea{font-size:var(--font-size-md);line-height:var(--line-height-base);letter-spacing:var(--body-letter-spacing)}input,textarea{font-weight:var(--body-weight);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);border:var(--stroke-sm) solid transparent;background-color:var(--input);color:var(--foreground)}::placeholder{color:var(--muted-foreground)}:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring);border-radius:var(--radius-base)}::selection{background-color:color-mix(in oklab,var(--primary) 28%,transparent);color:var(--foreground)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-reveal]>*{animation:pop-in .52s cubic-bezier(.2,.8,.2,1) both}[data-reveal]>:first-child{animation-delay:40ms}[data-reveal]>:nth-child(2){animation-delay:.1s}[data-reveal]>:nth-child(3){animation-delay:.16s}[data-reveal]>:nth-child(4){animation-delay:.22s}[data-reveal]>:nth-child(5){animation-delay:.28s}[data-reveal]>:nth-child(6){animation-delay:.34s}@media (prefers-reduced-motion:reduce){[data-reveal]>*{animation:none}}.section-surface{background:var(--gradient-section)}.section-surface[data-gradient=reversed]{background:var(--gradient-section-reversed)}.section-surface[data-gradient=to-footer]{background:var(--gradient-section-to-footer)}.section-surface>section{background:transparent}.shadow-card{box-shadow:var(--shadow-medium)}.shadow-button,.shadow-item{box-shadow:var(--shadow-soft)}.bg-gradient-card-radial{background:var(--gradient-surface)}.bg-gradient-card-linear{background:var(--card-gradient)}.gradient-section{background:linear-gradient(180deg,var(--background) 0,var(--background-elevated) 100%)}.gradient-section-reversed{background:linear-gradient(180deg,var(--background-elevated) 0,var(--background) 100%)}.gradient-background-footer{background:linear-gradient(180deg,var(--background) 0,var(--sidebar) 100%)}.gradient-elevated-footer{background:linear-gradient(180deg,var(--background-elevated) 0,var(--sidebar) 100%)}.gradient-card-radial{background:radial-gradient(76.21% 129.24% at 64.35% 109.07%,var(--card) 0,var(--card-elevated) 100%)}.gradient-card-linear{background:linear-gradient(358.72deg,var(--background-elevated) 0,var(--card) 100%)}.banner-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--background) 20%,transparent) 0,var(--background) 95%)}.radial-upgrades{background:radial-gradient(71.66% 43.76% at 52.68% 54.16%,transparent 0,var(--background) 100%)}.detailpage-hero-overlay{background:linear-gradient(180.8deg,color-mix(in srgb,var(--background) 31%,transparent) 0,var(--background) 100%)}.shadow-3d{box-shadow:var(--shadow-strong)}.shadow-title{text-shadow:2px 2px 4px color-mix(in srgb,var(--background) 60%,transparent)}.header-page-hero{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:var(--font-size-display);line-height:var(--line-height-display);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-transform)}.header-page-description{font-family:var(--font-sans);font-weight:var(--body-weight);font-size:var(--font-size-h6);line-height:var(--line-height-h6);letter-spacing:var(--body-letter-spacing)}.title-section{font-size:var(--font-size-h2);line-height:var(--line-height-h2);text-transform:var(--heading-transform)}.article-title,.title-section{font-family:var(--font-heading);font-weight:var(--heading-weight);letter-spacing:var(--heading-letter-spacing)}.article-title{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}.card-usp-title{font-size:var(--font-size-md);line-height:var(--line-height-md);letter-spacing:.025em}.card-usp-title,.tab-label{font-family:var(--font-heading);font-weight:var(--label-weight);text-transform:var(--heading-transform)}.tab-label{font-size:var(--font-size-sm);line-height:var(--line-height-sm);letter-spacing:var(--heading-letter-spacing)}.badge-label{font-family:var(--font-sans);font-weight:var(--label-weight);font-size:var(--font-size-xs);line-height:var(--line-height-xs);letter-spacing:var(--body-letter-spacing)}.eyebrow,[class*=-eyebrow]{display:inline-flex!important;align-items:center;justify-content:center;gap:0;padding:var(--badge-pad-y-top) var(--badge-pad-x) var(--badge-pad-y-bottom)!important;background-color:var(--muted)!important;background-image:none!important;border:var(--stroke-sm) solid var(--border)!important;border-radius:var(--radius-full)!important;font-family:var(--font-sans)!important;font-weight:var(--body-weight)!important;font-size:var(--font-size-md)!important;line-height:var(--line-height-md)!important;letter-spacing:0!important;color:var(--muted-foreground)!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap;width:auto!important;max-width:max-content!important;margin:0!important;box-shadow:none!important}.card-hover,.feature-article,.kundenbewertungen-card,.service-teaser-card,.shadow-card,.showroom-teaser-card,.spa-finder-card,.vertrauensbar-item,.warum-earthspas-card,.warum-earthspas-step,.werte-card,.whirlpools-teaser-card{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);will-change:transform}.card-hover:hover,.kundenbewertungen-card:hover,.service-teaser-card:hover,.shadow-card:hover,.showroom-teaser-card:hover,.spa-finder-card:hover,.vertrauensbar-item:hover,.warum-earthspas-card:hover,.warum-earthspas-step:hover,.werte-card:hover,.whirlpools-teaser-card:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover)}.button,.button-outlined,.button-outlined-primary,.button-primary,.button-secondary{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.button-outlined-primary:focus-visible,.button-outlined-primary:hover,.button-outlined:focus-visible,.button-outlined:hover,.button-primary:focus-visible,.button-primary:hover,.button-secondary:focus-visible,.button-secondary:hover,.button:focus-visible,.button:hover{transform:var(--hover-lift-sm);box-shadow:var(--shadow-card-hover)}.button-outlined-primary:active,.button-outlined:active,.button-primary:active,.button-secondary:active,.button:active{transform:none}@media (prefers-reduced-motion:reduce){.button-outlined-primary:hover,.button-outlined:hover,.button-primary:hover,.button-secondary:hover,.button:hover,.card-hover:hover,.kundenbewertungen-card:hover,.service-teaser-card:hover,.shadow-card:hover,.showroom-teaser-card:hover,.spa-finder-card:hover,.vertrauensbar-item:hover,.warum-earthspas-card:hover,.warum-earthspas-step:hover,.werte-card:hover,.whirlpools-teaser-card:hover{transform:none;box-shadow:none}}