:root{--color-bg:#ffffff;--color-soft:#f5f7f2;--color-soft-strong:#edf2eb;--color-text:#1d2437;--color-muted:#5a6478;--color-brand:#177d3b;--color-brand-dark:#0f5f2a;--color-navy:#1a2347;--color-navy-soft:#27345c;--color-border:#dce4dc;--color-card:#ffffff;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-heading:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--shadow-lg:0 28px 60px rgba(18, 33, 70, 0.14);--shadow-md:0 18px 38px rgba(18, 33, 70, 0.1);--shadow-sm:0 8px 18px rgba(18, 33, 70, 0.08);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--container:1280px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 48px), var(--container));margin:0 auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255, 255, 255, 0.97);border-bottom:1px solid rgba(29, 36, 55, 0.08);backdrop-filter:blur(14px)}.site-header__inner{display:grid;grid-template-columns:auto minmax(180px, 1fr) auto;align-items:center;gap:20px;min-height:96px}.site-header__right{display:flex;align-items:center;justify-content:flex-end;gap:22px}.site-brand{min-width:180px}.site-brand img{width:180px;height:auto}.site-phone-link{display:inline-flex;align-items:center;justify-content:center;justify-self:center;padding:0;border:0;background:transparent;color:var(--color-navy);font-family:var(--font-heading);font-size:1.08rem;font-weight:900;letter-spacing:0.01em;line-height:1;text-align:center;white-space:nowrap;transition:color 0.22s ease}.site-phone-link:hover{color:var(--color-brand-dark)}.site-nav{display:flex;align-items:center;gap:18px;font-weight:700;font-size:0.9rem}.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:var(--color-text);transition:color 0.25s ease}.site-nav a:hover,.site-nav a.is-active{color:var(--color-brand)}.site-nav__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 24px;border-radius:10px;background:var(--color-brand);color:#ffffff !important;border:2px solid rgba(0, 0, 0, 0.2);box-shadow:0 12px 24px rgba(31, 168, 76, 0.18)}.site-nav__cta:hover{background:var(--color-brand-dark)}.nav-toggle{display:none;width:52px;height:52px;padding:0;border:0;background:transparent}.nav-toggle span{display:block;width:28px;height:2px;margin:6px auto;background:var(--color-text);transition:transform 0.25s ease,opacity 0.25s ease}.page-shell{padding:72px 0 0}.home-hero{position:relative;overflow:hidden;background:linear-gradient(90deg, rgba(18, 24, 44, 0.9) 0%, rgba(18, 24, 44, 0.78) 42%, rgba(18, 24, 44, 0.34) 100%),url("../img/live/photovoltaik-wien-niederoesterreich-flachdach-pv-anlage.webp") center center/cover no-repeat;min-height:0}.home-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:#ffffff;clip-path:polygon(0 40%, 100% 0, 100% 100%, 0 100%)}.home-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);grid-template-rows:auto 1fr;align-items:start;gap:0 48px;min-height:0;padding:48px 0 96px}.home-hero__content{max-width:690px;color:#ffffff}.home-hero__intro{grid-column:1;grid-row:1}.home-hero__details{grid-column:1;grid-row:2}.home-hero__form{grid-column:2;grid-row:1/3;min-width:0;padding:28px;border:1px solid #dce4dc;border-radius:20px;background:#fff;color:var(--color-text);box-shadow:var(--shadow-lg)}.home-hero__form h2{margin:0;color:var(--color-navy);font-size:clamp(1.35rem, 2vw, 1.75rem);line-height:1.2}.home-hero__form-subtitle{margin:10px 0 22px;color:var(--color-muted);font-size:.95rem}.home-hero .hero-kicker{color:#9cf2b6}.hero-kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--color-brand);font-family:var(--font-heading);font-size:0.86rem;font-weight:700;letter-spacing:0.32em;text-transform:uppercase}.section-kicker--light{color:#9cf2b6}.home-hero h1,.page-hero h1,.section-title{margin:0;font-family:var(--font-heading);font-weight:800;line-height:1.05}.home-hero h1{max-width:640px;font-size:clamp(2rem, 4.2vw, 3rem);text-transform:uppercase;text-shadow:0 6px 20px rgba(0, 0, 0, 0.3)}.home-hero__lead{margin:24px 0 0;max-width:620px;font-size:clamp(1rem, 1.5vw, 1.2rem);color:rgba(255, 255, 255, 0.92)}.home-hero__context{max-width:670px;margin:18px 0 0;color:rgba(255, 255, 255, 0.84)}.hero-checks{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:10px}.hero-checks li{font-family:var(--font-heading);font-size:clamp(0.92rem, 1.3vw, 1.02rem);font-weight:700;text-transform:uppercase}.hero-checks li::before{content:"✔";margin-right:10px}.hero-cta-line{display:inline-flex;margin-top:28px;padding:10px 18px;border-radius:999px;background:var(--color-brand);color:#ffffff;font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;box-shadow:0 14px 28px rgba(31, 168, 76, 0.28)}.section{position:relative;padding:92px 0}.section--soft{background:var(--color-soft)}.section__inner{position:relative;z-index:2}.split-layout{display:grid;grid-template-columns:minmax(0, 1.02fr) minmax(0, 0.98fr);gap:60px;align-items:center}.section-title{font-size:clamp(1.55rem, 3vw, 2.25rem);letter-spacing:-0.02em}.section-copy{font-size:1.05rem;color:var(--color-muted)}.content-stack{display:grid;gap:18px}.about-collage{position:relative;padding:0 0 48px 44px}.about-collage__main{border-radius:8px;box-shadow:var(--shadow-lg)}.about-collage__accent{position:absolute;left:0;bottom:0;width:220px;border:8px solid #ffffff;border-radius:8px;box-shadow:var(--shadow-md)}.about-points{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:22px;margin-top:40px}.mini-point{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:var(--color-text)}.mini-point__icon{width:68px;height:68px;padding:14px;border-radius:20px;background:#f1fff5;box-shadow:inset 0 0 0 1px rgba(31, 168, 76, 0.18)}.mini-point p{margin:0;font-size:0.95rem;font-weight:700}.steps-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:26px;margin-top:42px}.step-card{padding:28px 24px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff;box-shadow:var(--shadow-sm);text-align:center}.step-card__icon{width:54px;height:54px;margin:0 auto 18px;border-radius:16px;background:#effcf2;color:var(--color-brand);display:grid;place-items:center}.step-card h3{margin:0 0 8px;font-family:var(--font-heading);font-size:1.05rem}.step-card p{margin:0;color:var(--color-muted);font-size:0.95rem}.button-row{margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;border:2px solid transparent;font-family:var(--font-heading);font-size:0.96rem;font-weight:700;transition:transform 0.22s ease,background 0.22s ease,color 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--color-brand);color:#ffffff;box-shadow:0 16px 30px rgba(31, 168, 76, 0.26)}.button--primary:hover{background:var(--color-brand-dark)}.button--ghost{border-color:rgba(255, 255, 255, 0.45);color:#ffffff}.form-actions .button--ghost{border-color:rgba(29, 36, 55, 0.14);background:#ffffff;color:var(--color-text)}.button--light{border-color:rgba(29, 36, 55, 0.1);color:var(--color-text);background:#ffffff}.funding-band{position:relative;z-index:2;margin:4px 0 -18px}.funding-band__inner{border-radius:18px;padding:24px 28px;background:linear-gradient(135deg, #334372 0%, #23315c 100%);color:#ffffff;box-shadow:var(--shadow-md);text-align:center;font-family:var(--font-heading);font-weight:700}.funding-band__inner p{margin:0}.installation-block{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:54px;align-items:center}.rounded-image-card{position:relative}.rounded-image-card img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.floating-badge{position:absolute;left:32px;bottom:-28px;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:16px;background:#ffffff;box-shadow:var(--shadow-md);font-size:0.95rem;font-weight:700}.check-list{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:30px;color:var(--color-text);font-weight:600}.check-list li::before{content:"✔";position:absolute;left:0;top:0;color:var(--color-brand)}.testimonials{position:relative;background:linear-gradient(180deg, rgba(21, 31, 60, 0.88) 0%, rgba(21, 31, 60, 0.92) 100%),url("../img/live/photovoltaik-trapezblechdach-anlage-niederoesterreich.webp") center center/cover no-repeat;color:#ffffff}.testimonials::before,.contact-section::before{content:"";position:absolute;left:0;right:0;top:0;height:72px;background:#ffffff;clip-path:polygon(0 100%, 100% 0, 100% 100%)}.testimonials__cards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px;margin-top:40px}.testimonial-card{position:relative;padding:34px 24px 28px;border-radius:18px;background:rgba(255, 255, 255, 0.95);color:var(--color-text);box-shadow:var(--shadow-md)}.testimonial-card::before{content:"“";position:absolute;top:8px;right:16px;color:rgba(26, 35, 71, 0.16);font-size:4.2rem;line-height:1;font-family:Georgia,serif}.testimonial-card p{margin:0;font-size:0.95rem;color:#3e4760}.projects-grid{display:grid;grid-template-columns:minmax(0, 0.78fr) minmax(0, 1.22fr);gap:44px;align-items:center}.project-gallery{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px}.project-gallery figure{margin:0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);background:#ffffff}.project-gallery img{width:100%;height:100%;aspect-ratio:1.15;object-fit:cover}.pricing-intro{max-width:760px}.pricing-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:26px;margin-top:42px}.pricing-card{padding:34px 30px;border-radius:18px;background:#ffffff;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.pricing-card--featured{border-color:rgba(31, 168, 76, 0.36);transform:translateY(-10px)}.pricing-card__title,.pricing-card__subtitle,.pricing-card__price{font-family:var(--font-heading)}.pricing-card__title{display:block;margin-bottom:6px;color:var(--color-navy-soft);font-size:0.94rem;text-transform:uppercase}.pricing-card__subtitle{display:block;min-height:54px;margin-bottom:22px;font-size:1.12rem;font-weight:700}.pricing-card__price{display:flex;align-items:baseline;gap:6px;margin-bottom:24px;color:var(--color-brand)}.pricing-card__price-prefix{font-size:0.95rem;text-transform:uppercase}.pricing-card__price-value{font-size:2.5rem;font-weight:800}.pricing-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.pricing-card li{position:relative;padding-left:26px;color:var(--color-muted);font-size:0.95rem}.pricing-card li::before{content:"•";position:absolute;left:6px;color:var(--color-brand);font-size:1.2rem;line-height:1}.pricing-card__note{margin-top:18px;color:#4a546a;font-size:0.9rem}.pricing-card .button{margin-top:24px}.contact-section{position:relative;background:linear-gradient(180deg, rgba(36, 52, 93, 0.78) 0%, rgba(36, 52, 93, 0.62) 46%, rgba(36, 52, 93, 0.8) 100%),url("../img/live/photovoltaik-trapezblechdach-anlage-niederoesterreich.webp") center right/cover no-repeat;color:#ffffff}.contact-section__inner{position:relative;z-index:1}.legacy-form-shell{max-width:1020px;margin:0 auto}.form-panel__header--legacy{margin-bottom:28px;text-align:center}.form-panel__header--legacy .section-kicker{justify-content:center;margin-bottom:10px}.form-panel__header--legacy h2{margin:0;color:#ffffff;font-family:var(--font-heading);font-size:clamp(1.5rem, 3vw, 2rem);font-weight:800;line-height:1.12;text-transform:uppercase}.form-panel__header--legacy p{margin:12px 0 0;color:#9af2ad;font-size:1rem;font-weight:600}.form-panel__divider{display:block;width:42px;height:2px;margin:16px auto 0;background:rgba(255, 255, 255, 0.35)}.form-notice{max-width:1020px;margin:0 auto 18px;padding:12px 16px;border-radius:4px;font-size:0.94rem;font-weight:700}.form-notice--success{background:rgba(31, 168, 76, 0.2);color:#f1fff5}.form-notice--error{background:rgba(147, 35, 35, 0.3);color:#fff4f4}.form-panel--legacy{padding:28px 18px 24px;border:0;border-radius:0;background:rgba(236, 240, 245, 0.82);color:#4e5a70;box-shadow:none}.lead-form--legacy{margin:0}.legacy-input-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px 14px}.legacy-input-grid--compact{margin-top:12px}.legacy-control input,.legacy-control textarea{width:100%;min-height:40px;padding:10px 12px;border:1px solid #cfd5dd;border-radius:0;background:rgba(255, 255, 255, 0.92);color:#546074;font-size:0.85rem;font-family:inherit}.legacy-control textarea{min-height:96px;resize:vertical}.legacy-control input::placeholder,.legacy-control textarea::placeholder{color:#707b90}.legacy-fieldset{margin:14px 0 0;padding:0;border:0}.legacy-fieldset legend{margin-bottom:6px;color:#4d5a70;font-size:0.82rem;font-weight:600}.legacy-option-list{display:grid;gap:2px}.legacy-option,.legacy-check-line{display:flex;align-items:flex-start;gap:8px;min-height:32px;color:#586579;font-size:0.8rem;line-height:1.45}.legacy-option input,.legacy-check-line input{appearance:none;width:24px;height:24px;margin:2px 0 0;border:1px solid #b9c2cf;background:#ffffff;border-radius:0;flex:0 0 24px}.legacy-option input:checked,.legacy-check-line input:checked{border-color:var(--color-brand);box-shadow:inset 0 0 0 3px var(--color-brand)}.legacy-check-line{margin-top:16px}.legacy-check-line--privacy{margin-top:10px}.legacy-check-line a{color:#24345d;text-decoration:underline}.legacy-submit-row{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:18px}.legacy-captcha{display:inline-flex;align-items:center;gap:8px;color:#4f5c70;font-size:0.78rem}.legacy-captcha input{width:26px;min-width:26px;min-height:26px;padding:4px;border:1px solid #cfd5dd;background:#ffffff;text-align:center}.legacy-submit-button{min-height:46px;padding:0 24px;font-size:0.88rem;letter-spacing:0.04em;text-transform:uppercase}.legacy-contact-callout{padding-top:26px;text-align:center}.legacy-contact-callout__lead{margin:0;color:#4b5670;font-size:0.92rem;font-weight:700}.legacy-contact-callout__copy{margin:6px 0 0;color:#556276;font-size:0.82rem}.legacy-phone{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;color:#24345d;font-family:var(--font-heading);font-size:clamp(1.3rem, 3vw, 2rem);font-weight:800;letter-spacing:-0.02em}.sr-only,.hp-field{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.page-hero{background:linear-gradient(135deg, #edf4ee 0%, #f7f9f4 100%);padding:84px 0 50px}.page-hero__grid{display:grid;grid-template-columns:minmax(0, 0.96fr) minmax(0, 1.04fr);gap:48px;align-items:center}.page-hero__form{padding:28px;border:1px solid #dce4dc;border-radius:20px;background:#fff;color:var(--color-text);box-shadow:var(--shadow-lg)}.page-hero__form h2{margin:0;color:var(--color-navy);font-size:clamp(1.35rem, 2vw, 1.75rem);line-height:1.2}.page-hero__form-subtitle{margin:10px 0 22px;color:var(--color-muted);font-size:.95rem}.page-hero__form-phone{margin:18px 0 0;text-align:center;color:var(--color-muted);font-size:.9rem;font-weight:600}.page-hero__form-phone a{color:var(--color-navy);font-weight:800;text-decoration:none}.page-hero__form-phone a:hover{text-decoration:underline}.page-hero h1{font-size:clamp(1.8rem, 3.6vw, 2.6rem);color:var(--color-navy)}.page-hero p{margin:20px 0 0;color:var(--color-muted);font-size:1.05rem}.info-grid,.value-grid,.feature-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:22px}.info-grid--four{grid-template-columns:repeat(4, minmax(0, 1fr))}.info-card,.value-card,.feature-card{padding:26px 24px;border-radius:18px;border:1px solid var(--color-border);background:#ffffff;box-shadow:var(--shadow-sm)}.info-card h3,.value-card h3,.feature-card h3{margin:0 0 8px;font-family:var(--font-heading);font-size:1.05rem}.info-card p,.value-card p,.feature-card p{margin:0;color:var(--color-muted)}.faq-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:22px;margin-top:34px}.faq-card{padding:28px 24px;border-radius:18px;border:1px solid var(--color-border);background:#ffffff;box-shadow:var(--shadow-sm)}.faq-card h3{margin:0 0 10px;font-family:var(--font-heading);font-size:1.04rem;line-height:1.35}.faq-card p{margin:0;color:var(--color-muted)}.legal-copy{display:grid;gap:22px;max-width:820px}.legal-copy h2{margin:0 0 8px;font-family:var(--font-heading);font-size:1.4rem}.thank-you-card{max-width:760px;margin:0 auto;padding:42px;border-radius:24px;background:#ffffff;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);text-align:center}.thank-you-card h1{margin:0;font-family:var(--font-heading);font-size:clamp(2rem, 4vw, 3rem)}.thank-you-card p{color:var(--color-muted)}.site-footer__band{background:var(--color-brand);color:#ffffff}.site-footer__band-inner{padding:14px 0}.site-footer__band p{margin:0;text-align:center;font-size:0.9rem;font-weight:700}.site-footer__main{background:#151d33;color:#ffffff}.site-footer__grid{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:48px 0}.site-footer__grid p,.site-footer__grid a{margin:8px 0 0;color:rgba(255, 255, 255, 0.86)}.site-footer__grid a{display:inline-flex;align-items:center;min-height:32px}.site-footer__links{display:grid;gap:10px;text-align:right}@media (max-width: 1180px){/* Gestapelt zuerst das Formular: der Lead-Weg darf auf dem Handy nicht unter
     dem Fliesstext liegen. */.split-layout,.installation-block,.projects-grid,.page-hero__grid{display:grid}.page-hero__form{order:-1}.page-hero__grid,.info-grid,.faq-grid,.value-grid,.feature-grid{grid-template-columns:1fr}.about-points,.steps-grid,.testimonials__cards,.pricing-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.project-gallery{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 1280px){.site-header__inner{grid-template-columns:auto 1fr auto;min-height:86px;gap:14px}.site-header__right{gap:12px}.site-phone-link{min-height:40px;padding:0 12px;border:1px solid rgba(31, 168, 76, 0.2);border-radius:999px;background:#f1fff5;font-size:0.82rem;font-weight:800;letter-spacing:0;transition:background 0.22s ease,color 0.22s ease,transform 0.22s ease,box-shadow 0.22s ease}.site-phone-link:hover{background:var(--color-brand);color:#ffffff;transform:translateY(-1px);box-shadow:0 12px 24px rgba(31, 168, 76, 0.18)}.nav-toggle{display:block}.site-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:8px;max-height:calc(100dvh - 112px);overflow-y:auto;padding:16px 24px;background:#ffffff;box-shadow:var(--shadow-md)}.site-nav.is-open{display:flex}}@media (max-width: 920px){.home-hero,.home-hero__inner{min-height:auto}.home-hero__inner{grid-template-columns:minmax(0, 1fr);gap:24px;padding:24px 0 80px}.home-hero__intro,.home-hero__form,.home-hero__details{grid-column:auto;grid-row:auto;width:100%;max-width:690px;margin-inline:auto}.home-hero__lead{margin-top:0}.lead-form__grid--two,.legacy-input-grid,.about-points,.steps-grid,.testimonials__cards,.pricing-grid,.project-gallery{grid-template-columns:1fr}.form-panel--legacy{padding:24px 16px 22px}.legacy-submit-row{flex-direction:column;align-items:flex-start}.legacy-phone{font-size:1.6rem}.site-footer__grid{flex-direction:column;align-items:flex-start}.site-footer__links{text-align:left}}@media (max-width: 680px){.container{width:min(calc(100% - 32px), var(--container))}.site-header__inner{grid-template-columns:minmax(0, 1fr) auto;gap:0 10px;min-height:0;padding:6px 0}.site-brand{min-width:0}.site-brand img{width:144px}.site-header__right{grid-column:2;grid-row:1}.site-phone-link{grid-column:1/-1;grid-row:2}.site-phone-link{min-height:34px;padding:0 10px;font-size:0.7rem}.home-hero h1{font-size:clamp(1.5rem, 6vw, 2rem);overflow-wrap:anywhere}.home-hero .hero-kicker{margin-bottom:12px;font-size:.7rem;letter-spacing:.1em}.home-hero__form{padding:20px 16px}.home-hero__inner{gap:20px;padding-top:20px}.hero-kicker,.section-kicker{letter-spacing:0.2em}.form-panel,.thank-you-card{padding:28px 22px}.form-panel--legacy{padding:20px 14px 18px}.form-panel__header--legacy h2{font-size:1.7rem}.form-panel__header--legacy p{font-size:0.9rem}.legacy-control input{min-height:38px}.legacy-submit-button{width:100%}.legacy-captcha{width:100%;justify-content:flex-end}.legacy-phone{font-size:1.35rem}.about-collage{padding-left:0}.about-collage__accent{position:static;width:180px;margin:18px 0 0}.floating-badge{left:16px;right:16px;bottom:16px}}.ratgeber-hero .page-hero__grid{align-items: center}.ratgeber-cats{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px}.ratgeber-chip{display: inline-block;padding: 7px 14px;border-radius: 999px;background: var(--color-soft-strong);color: var(--color-brand-dark);font-size: 0.82rem;font-weight: 700;font-family: var(--font-heading)}.ratgeber-feature{display: block;border-radius: var(--radius-lg);overflow: hidden;background: var(--color-card);border: 1px solid var(--color-border);box-shadow: var(--shadow-md);text-decoration: none;color: inherit;transition: transform .18s ease, box-shadow .18s ease}.ratgeber-feature:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.ratgeber-feature__media img, .ratgeber-card__media img{display: block;width: 100%;height: 100%;object-fit: cover}.ratgeber-feature__media{display: block;aspect-ratio: 16 / 9;overflow: hidden}.ratgeber-feature__body{display: block;padding: 24px 26px 28px}.ratgeber-feature__title{display: block;margin: 12px 0 10px;font-family: var(--font-heading);font-size: 1.35rem;font-weight: 800;line-height: 1.25;color: var(--color-navy)}.ratgeber-feature__excerpt{display: block;color: var(--color-muted);font-size: 0.98rem;line-height: 1.6}.ratgeber-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 26px;margin-top: 34px}.ratgeber-card{display: flex;flex-direction: column;border-radius: var(--radius-md);overflow: hidden;background: var(--color-card);border: 1px solid var(--color-border);box-shadow: var(--shadow-sm);text-decoration: none;color: inherit;transition: transform .18s ease, box-shadow .18s ease}.ratgeber-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-md)}.ratgeber-card__media{display: block;aspect-ratio: 5 / 3;overflow: hidden}.ratgeber-card__body{display: flex;flex-direction: column;gap: 9px;padding: 20px 22px 24px;flex: 1}.ratgeber-card__tag{display: inline-block;align-self: flex-start;padding: 4px 11px;border-radius: 999px;background: #effcf2;color: var(--color-brand-dark);font-size: 0.74rem;font-weight: 800;letter-spacing: .04em;text-transform: uppercase;font-family: var(--font-heading)}.ratgeber-card__tag--featured{background: var(--color-brand);color: #fff}.ratgeber-card__title{font-family: var(--font-heading);font-size: 1.1rem;font-weight: 800;line-height: 1.3;color: var(--color-navy)}.ratgeber-card__excerpt{color: var(--color-muted);font-size: 0.92rem;line-height: 1.55}.ratgeber-card__meta{margin-top: auto;color: var(--color-muted);font-size: 0.82rem}.ratgeber-card__more{display: inline-block;margin-top: 6px;color: var(--color-brand);font-weight: 700;font-size: 0.9rem}.ratgeber-article{padding: 0 0 10px}.ratgeber-article__head{padding: 46px 0 8px}.ratgeber-article__meta{display: flex;flex-wrap: wrap;gap: 8px 16px;align-items: center;color: var(--color-muted);font-size: 0.88rem;margin-top: 14px}.ratgeber-article__lead{font-size: 1.14rem;line-height: 1.6;color: var(--color-text);margin: 18px 0 0;max-width: 760px}.ratgeber-article__hero{margin: 30px 0 0;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-md);aspect-ratio: 16 / 8}.ratgeber-article__hero img{display: block;width: 100%;height: 100%;object-fit: cover}.ratgeber-prose{max-width: 760px;width: min(calc(100% - 48px), 760px);margin: 0 auto;padding: 34px 0 8px;font-size: 1.03rem;line-height: 1.72;color: #2a3350}.ratgeber-prose h2{font-family: var(--font-heading);font-size: 1.5rem;line-height: 1.25;color: var(--color-navy);margin: 40px 0 14px}.ratgeber-prose h3{font-family: var(--font-heading);font-size: 1.16rem;color: var(--color-navy);margin: 28px 0 10px}.ratgeber-prose p{margin: 0 0 16px}.ratgeber-prose ul, .ratgeber-prose ol{margin: 0 0 18px;padding-left: 22px}.ratgeber-prose li{margin: 0 0 8px}.ratgeber-prose a{color: var(--color-brand-dark);font-weight: 600}.ratgeber-prose strong{color: var(--color-navy)}.ratgeber-prose .ratgeber-callout{background: var(--color-soft);border-left: 4px solid var(--color-brand);border-radius: var(--radius-sm);padding: 18px 20px;margin: 24px 0}.ratgeber-prose .ratgeber-callout p:last-child{margin-bottom: 0}.ratgeber-keytake{background: var(--color-navy);color: #eef2ff;border-radius: var(--radius-md);padding: 24px 26px;margin: 30px 0}.ratgeber-keytake h2{color: #fff;margin: 0 0 12px;font-family: var(--font-heading);font-size: 1.16rem;line-height: inherit}.ratgeber-keytake ul{margin: 0;padding-left: 20px}.ratgeber-keytake li{margin: 0 0 8px}.ratgeber-faq{max-width: 760px;margin: 0 auto;padding: 8px 0 10px}.ratgeber-faq h2{font-family: var(--font-heading);font-size: 1.5rem;color: var(--color-navy);margin: 20px 0 16px}.ratgeber-faq__item{border: 1px solid var(--color-border);border-radius: var(--radius-sm);padding: 18px 20px;margin-bottom: 12px;background: #fff}.ratgeber-faq__item h3{margin: 0 0 8px;font-size: 1.03rem;color: var(--color-navy)}.ratgeber-faq__item p{margin: 0;color: var(--color-muted);line-height: 1.6}.ratgeber-cta-band{background: var(--color-soft)}.ratgeber-cta{background: linear-gradient(135deg, var(--color-brand-dark), var(--color-brand));color: #fff;border-radius: var(--radius-lg);padding: 40px 44px;box-shadow: var(--shadow-md)}.ratgeber-cta h2{color: #fff;margin: 6px 0 10px;font-family: var(--font-heading);font-size: 1.7rem}.ratgeber-cta p{color: rgba(255,255,255,.92);max-width: 680px}.ratgeber-cta .section-kicker--light{color: #d6ffe4}.ratgeber-cta .button--ghost{border-color: rgba(255,255,255,.7);color: #fff}.ratgeber-cta .button--ghost:hover{background: rgba(255,255,255,.14)}.ratgeber-back{margin-top: 26px}.ratgeber-back a{font-weight: 700;color: var(--color-brand-dark)}.ratgeber-teaser__inner{align-items: center}.ratgeber-teaser .ratgeber-grid{grid-template-columns: repeat(3, minmax(0,1fr))}@media (max-width: 960px){.ratgeber-grid, .ratgeber-teaser .ratgeber-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 640px){.ratgeber-grid, .ratgeber-teaser .ratgeber-grid{grid-template-columns: 1fr}.ratgeber-cta{padding: 30px 24px}.ratgeber-prose, .ratgeber-faq{padding-left: 0;padding-right: 0}}@media (max-width: 680px){.ratgeber-prose{width: min(calc(100% - 32px), 760px)}}.value-card img{height:auto}.section-copy a:not(.button), .content-stack > p a:not(.button){color: var(--color-brand-dark);font-weight: 600}.section-copy a:not(.button):hover, .content-stack > p a:not(.button):hover{text-decoration: underline}.ev-price-more{margin-top: 22px}.ev-exit{position: fixed;inset: 0;z-index: 2147482000;display: flex;align-items: center;justify-content: center;padding: 16px}.ev-exit[hidden]{display: none}.ev-exit__backdrop{position: absolute;inset: 0;background: rgba(15, 22, 40, 0.55)}.ev-exit__dialog{position: relative;width: min(100%, 520px);max-height: calc(100vh - 32px);overflow-y: auto;padding: 30px 28px 26px;border-radius: var(--radius-lg);background: #fff;color: var(--color-text);box-shadow: var(--shadow-lg);outline: none}.ev-exit__close{position: absolute;top: 10px;right: 12px;width: 40px;height: 40px;border: 0;background: transparent;color: var(--color-muted);font-size: 28px;line-height: 1;cursor: pointer}.ev-exit__close:hover{color: var(--color-navy)}.ev-exit__kicker{margin: 0 0 6px;color: var(--color-brand-dark);font-size: 0.82rem;font-weight: 700;letter-spacing: 0.02em}.ev-exit__title{margin: 0 36px 10px 0;color: var(--color-navy);font-family: var(--font-heading);font-size: 1.45rem;line-height: 1.25}.ev-exit__text{margin: 0 0 18px;color: var(--color-muted);line-height: 1.55}.ev-exit__text--small{margin: 18px 0 0;font-size: 0.92rem}.ev-exit__choices{display: grid;gap: 10px}.ev-exit__choice{display: grid;gap: 2px;width: 100%;padding: 14px 16px;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-soft);color: var(--color-navy);font: inherit;text-align: left;cursor: pointer;transition: border-color 0.15s, background 0.15s}.ev-exit__choice:hover, .ev-exit__choice:focus-visible{border-color: var(--color-brand);background: #fff;outline: none}.ev-exit__choice span{color: var(--color-muted);font-size: 0.9rem}.ev-exit__choice--quiet{background: transparent}.ev-exit__contact{display: flex;flex-wrap: wrap;gap: 10px}.ev-exit__contact .button{flex: 1 1 200px;justify-content: center;text-align: center}.ev-exit__back, .ev-exit__link{padding: 0;border: 0;background: none;color: var(--color-brand-dark);font: inherit;font-weight: 600;cursor: pointer}.ev-exit__back{margin: 0 0 12px;font-size: 0.9rem}.ev-exit__link:hover, .ev-exit__back:hover{text-decoration: underline}.ev-exit__link--close{display: block;margin: 18px auto 0;color: var(--color-muted)}.ev-exit .ev-lead-form__grid{gap: 10px}html.ev-exit-open{overflow: hidden}@media (max-width: 640px){.ev-exit{align-items: flex-end;padding: 0}.ev-exit__dialog{width: 100%;max-height: 88vh;padding: 26px 18px 20px;border-radius: var(--radius-lg) var(--radius-lg) 0 0}.ev-exit__title{font-size: 1.25rem}}/* Bildcontainer: Seitenverhältnis fixieren und zuschneiden statt verzerren
   (ergänzt 2026-08-26 – erlaubt Hoch- und Querformat im selben Slot) */.rounded-image-card img{aspect-ratio:3/2;object-fit:cover;height:auto}.ratgeber-card__media img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.ratgeber-article__hero img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}