/* Steinmeister 1.1: klare Typografie, Mega-Menüs und fokussierte Anfrage. */
body .calculator-teaser>div:last-child{padding:48px;background:var(--stone)}
@media(max-width:760px){body .calculator-teaser>div:last-child{padding:28px}}
#mega-services .mega-column>.mega-link:last-child{border-bottom:0}
@media(min-width:1101px){#mega-services .mega-column{display:grid;grid-template-rows:auto repeat(3,minmax(94px,auto));align-content:start}#mega-services .mega-column .mega-label{margin-bottom:18px}#mega-services .mega-link{align-content:center}}
.surface-nav a{justify-content:flex-start;gap:12px}
#main h2:has(+p){margin-bottom:24px}
#main h2+p{margin-top:0}
body .closing-box{background:var(--red);border-color:var(--red);color:var(--paper)}
.closing-box .eyebrow{color:var(--paper)}
.closing-box .text-link{color:var(--paper);border-bottom-color:color-mix(in srgb,var(--paper) 65%,transparent)}
.closing-box .text-link:hover{border-bottom-color:var(--paper)}
.closing-box a:focus-visible{outline-color:var(--paper)}
.closing-box .closing-actions{gap:12px}
.closing-box .closing-actions>.button{margin-bottom:6px}
.closing-box .closing-email{overflow-wrap:anywhere}
.closing-box>div:first-child>p:last-child{margin-bottom:0}
.faq-section{padding-top:clamp(78px,8vw,130px)}
@media(max-width:760px){.faq-section{padding-top:65px}}
body .calculator-teaser{padding:0;border:1px solid var(--line);gap:0;overflow:hidden;transition:border-color .2s ease-out}
.calculator-teaser .area-sketch{padding:24px 32px 20px;background:var(--stone);display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--line)}
.area-sketch-label{align-self:flex-start;font-size:1rem;color:var(--muted)}
.area-sketch svg{width:100%;max-width:440px;height:auto;display:block;margin:8px 0;color:var(--muted)}
.sketch-surface{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}.sketch-joints{color:var(--line)}
.sketch-label-bg{fill:var(--stone)}.sketch-result-bg{fill:var(--paper);stroke:var(--line);stroke-width:1}
.sketch-dimension{fill:var(--ink);font:500 20px var(--font)}.sketch-result{fill:var(--red);font:600 34px var(--display)}
.area-sketch-example{font-size:1rem;color:var(--muted)}
.calculator-teaser>div:last-child{padding:32px;background:var(--paper)}
.calculator-teaser>div:last-child .eyebrow{margin-bottom:14px}
.calculator-teaser>div:last-child h3{margin-bottom:14px}
.calculator-teaser>div:last-child p:not(.eyebrow){font-size:1.125rem;max-width:42ch;margin-bottom:24px}
.calculator-teaser .button{width:fit-content;gap:24px}
.calculator-teaser:hover,.calculator-teaser:focus-visible{border-color:var(--red)}
.calculator-teaser:hover .button{background:var(--red-deep)}
.calculator-teaser:hover .button .arrow{transform:translateX(4px)}
@media(max-width:760px){.calculator-teaser .area-sketch{padding:20px 16px}.calculator-teaser>div:last-child{padding:24px}}
.mega-overlay{position:fixed;inset:0;z-index:99;background:oklch(24.5% .008 35 / .24);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,visibility .2s}
body.mega-open .mega-overlay{opacity:1;visibility:visible;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.mega-overlay{transition:none}}
.photo-note .surface-cleaner-icon{width:26px;height:26px;flex:0 0 26px;color:var(--red)}
/* Eindeutige Linkflächen und zustandsabhängige Menü-Chevrons. */
.mega-trigger .mega-chevron{width:18px;height:18px;flex:0 0 18px;transition:transform .2s ease-out}
.mega-trigger[aria-expanded=true] .mega-chevron{transform:rotate(180deg)}
.mega-panel .mega-link{display:grid;grid-template-columns:minmax(0,1fr) 24px;column-gap:16px;row-gap:5px;padding:15px 12px;border-bottom:1px solid var(--line);white-space:normal;transition:background-color .18s ease-out,color .18s ease-out}
.mega-panel .mega-link strong,.mega-panel .mega-link>span{grid-column:1}
.mega-panel .mega-link>span{margin-top:0}
.mega-panel .mega-link>.arrow{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--muted);transition:transform .18s ease-out,color .18s ease-out}
.mega-panel .mega-link:hover,.mega-panel .mega-link:focus-visible{background:var(--stone);color:var(--red)}
.mega-panel .mega-link:hover strong,.mega-panel .mega-link:focus-visible strong{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.mega-panel .mega-link:hover>.arrow,.mega-panel .mega-link:focus-visible>.arrow{color:var(--red);transform:translateX(3px)}
.mega-panel .mega-label{padding-inline:12px}
.mega-panel .mega-meta{border-top:0;padding-top:0}
.mega-panel .mega-feature .button{display:inline-flex;width:fit-content;max-width:100%;align-items:center;justify-content:flex-start;gap:18px;white-space:normal;line-height:1.4}
.mega-panel .mega-feature .button>.arrow{display:block;align-self:center;flex-shrink:0}
.mega-panel .mega-image-link:hover .text-link,.mega-panel .mega-image-link:focus-visible .text-link{color:var(--red);border-color:var(--red)}
@media(prefers-reduced-motion:reduce){.mega-trigger .mega-chevron,.mega-panel .mega-link,.mega-panel .mega-link>.arrow{transition:none}}
/* Ruhige Pflasterkonturen statt großem Schriftzug im Gewerbeabschnitt. */
body .business-band{padding-block:70px;isolation:isolate}
.business-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('../images/pflaster-muster.svg');background-size:360px 200px;opacity:.22;mask-image:linear-gradient(115deg,transparent 18%,#000 100%)}
@media(max-width:760px){body .business-band{padding-block:40px}.business-band::before{background-size:270px 150px;opacity:.17}}
body .results-copy>p:not(.eyebrow),body .business-layout p:not(.eyebrow),body .about-copy>p:not(.eyebrow),body .costs-copy>p:not(.eyebrow),body .hero .eyebrow{font-size:1.125rem}
@media(max-width:1100px){.mega-panel .mega-feature{display:none}}
html{font-size:100%;scroll-padding-top:110px}
.eyebrow,.button,.text-link,.main-menu a,.surface-nav a,.service-feature small,.service-row small,.result-choice,.service-row p,.results-copy>p,.business-layout p,.process-grid p,.process-footer,.about-copy p,.costs-copy p,.faq-list summary,.faq-list details p,.footer-columns h2,.footer-columns a,.footer-columns p,.footer-top>p,.back-top,.footer-bottom,.menu-toggle,.header-cta{font-size:1rem}
.eyebrow{letter-spacing:.075em}.button,.text-link{min-height:48px}.header-inner{height:104px;gap:26px}.site-navigation{gap:28px}.brand{width:270px;height:64px;overflow:hidden}.brand img{height:100%;width:100%;object-fit:contain}.main-menu{gap:28px}.main-menu li{position:static}.main-menu a{white-space:nowrap}.mega-trigger{font:500 1rem/1.5 var(--font);padding:14px 0;display:flex;align-items:center;gap:8px;background:transparent;color:var(--ink);min-height:48px}.mega-trigger[aria-expanded=true]{color:var(--red)}.mega-trigger span{font-size:1.25rem}.mega-panel[hidden]{display:none!important}.mega-panel{position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 110px);overflow:auto;background:var(--paper);border-block:1px solid var(--line);box-shadow:0 18px 26px oklch(24% .008 35 / .1);z-index:110}.mega-inner{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:36px;padding-block:38px 20px}.mega-label{color:var(--red);font-weight:600;margin-bottom:18px;font-size:1rem}.mega-column>a{display:block;padding:12px 0;white-space:normal}.mega-column strong{display:block;font-family:var(--display);font-size:1.5rem;font-weight:600;line-height:1.2}.mega-column a span{display:block;font-size:1rem;color:var(--muted);margin-top:5px;line-height:1.4}.mega-column a:hover strong,.mega-bottom a:hover{color:var(--red)}.mega-meta{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.mega-meta a{font-size:1rem;padding:9px 0}.mega-meta strong{font-family:var(--font);font-size:1rem}.mega-feature{background:var(--stone);padding:0 22px 20px;display:block;white-space:normal!important}.mega-feature img{width:calc(100% + 44px);max-width:none;margin:0 -22px 20px;height:170px;object-fit:cover}.mega-feature h2{font-size:2rem;margin-bottom:10px}.mega-feature p{font-size:1rem;line-height:1.45;margin-bottom:10px}.mega-feature .button{gap:12px;font-size:1rem;padding:12px 14px}.mega-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;gap:22px}.mega-bottom a{display:flex;align-items:center;gap:20px;font-size:1rem!important}.mega-bottom span{font-size:1rem;color:var(--muted)}.site-navigation>.header-cta{white-space:nowrap;gap:18px}
.hero-inner{min-height:640px}.hero-copy{padding-block:80px}.hero-intro{font-size:1.125rem;max-width:400px}.hero-actions .text-link{font-size:1rem}.hero-visual figcaption{background:none;padding:0;bottom:28px;left:26px;right:auto}.photo-note{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;background:var(--paper);color:var(--ink);font-size:.875rem;line-height:1.4;border:1px solid var(--line)}.photo-note svg{width:20px;height:20px}.surface-nav a{min-height:80px}.section-heading>p{font-size:1.125rem}.service-layout{gap:48px}.service-feature{min-height:570px}.service-feature strong{font-size:2.1rem}.service-row{grid-template-columns:140px 1fr 24px;gap:22px}.service-row p{font-size:1rem}.care-note{margin-top:24px;padding:25px 0 0}.care-note h3{font-size:1.65rem;line-height:1.2;margin-bottom:12px}.care-note p{font-size:1rem;color:var(--muted)}.care-note>div{display:flex;gap:26px;flex-wrap:wrap}.care-note .text-link{font-size:1rem}.result-choice{font-size:1.125rem;min-height:62px}.result-choice span{font-size:1rem}.result-visual figcaption{font-size:.875rem}.business-band{padding:70px 0 22px}.business-layout{position:static;gap:45px 70px}.business-layout>img{height:340px;object-fit:cover}.business-word{position:static;grid-column:1/-1;display:block;font:700 clamp(2.5rem,5.9vw,6rem)/1.05 var(--display);letter-spacing:-.015em;color:oklch(65% .009 35);white-space:normal;overflow-wrap:normal;opacity:1;text-align:left;margin:0}.process-footer{justify-content:flex-start}.process-grid p{font-size:1.125rem}.process-grid h3{font-size:1.8rem}.about{background:var(--stone)}.about-layout{grid-template-columns:1.05fr 1fr}.about-visual{margin:0;position:relative;min-width:0}.about-visual>img{height:550px;width:100%;object-fit:cover}.about-visual figcaption{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:14px}.about-visual strong{font:700 clamp(2rem,4vw,3.7rem)/1 var(--display);color:var(--ink)}.about-copy{padding-block:55px}.about-copy p{font-size:1.125rem}.costs-layout{grid-template-columns:1fr 1.1fr;gap:80px}.calculator-teaser{background:var(--stone);padding:40px;display:flex;flex-direction:column;gap:28px;border-top:2px solid var(--red)}.calculator-teaser h3{font-size:2.2rem}.calculator-teaser p{font-size:1.125rem}.teaser-drawing{position:relative;min-height:140px;display:flex;align-items:center;gap:12px}.teaser-drawing span{font:700 6rem/1 var(--display);color:var(--red);margin-right:auto}.teaser-drawing i{display:block;width:45px;height:75px;background:var(--paper);transform:skew(-18deg);border:1px solid var(--line)}.knowledge-section{background:var(--stone)}.guide-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.guide-list>a{display:flex;flex-direction:column;align-items:flex-start}.guide-list img{aspect-ratio:1.6;object-fit:cover;width:100%;margin-bottom:25px}.guide-list h3{font-size:2rem;line-height:1.1;margin-bottom:20px}.guide-list .text-link{margin-top:auto}.faq-list summary{font-size:1.125rem}.faq-list details p{font-size:1.125rem}.faq-list a{text-decoration:underline}.closing-section{padding-top:30px}.closing-box{padding:55px;background:var(--stone);display:flex;justify-content:space-between;align-items:center;gap:44px;border:1px solid var(--line)}.closing-box h2{font-size:clamp(2.5rem,4vw,3.6rem)}.closing-box p{font-size:1.125rem}.closing-box .eyebrow{font-size:1rem}.closing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;flex-shrink:0}.closing-box .button{white-space:nowrap}.footer-columns{gap:30px}.footer-columns h2{letter-spacing:.02em;font-size:1rem;line-height:1.5}.footer-columns a,.footer-columns p{font-size:1rem}.footer-top .brand{width:300px;height:68px}.footer-bottom{font-size:1rem}.footer-bottom nav{font-size:1rem}.footer-top>p{font-size:1rem}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding-block:24px;font-size:1rem}.breadcrumbs a{text-decoration:underline}.subpage-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:36px 70px}.subpage-hero h1{font-size:clamp(2.8rem,4.5vw,4.9rem);line-height:1.04;margin-bottom:25px}.subpage-hero p:not(.eyebrow){font-size:1.2rem;margin-bottom:28px}.subpage-hero figure{position:relative;margin:0}.subpage-hero img{height:460px;width:100%;object-fit:cover}.subpage-hero .photo-note{position:absolute;bottom:20px;left:20px}.subpage-body .entry-content{max-width:800px;margin:0 auto}.entry-content h2{font-size:2.3rem;margin:42px 0 16px}.entry-content p{font-size:1.125rem}.topic-links{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.topic-links>a{padding:28px 0;border-top:1px solid var(--line)}.topic-links h2{font-size:2rem;margin-bottom:12px}.topic-links p{font-size:1.125rem}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.calculator{background:var(--stone);padding:40px}.calculator h2{font-size:2.5rem;margin-bottom:25px}.calculator label,.calculator legend{font-size:1rem;display:block;margin:16px 0 7px}.calculator fieldset{border:0;padding:0;margin:0 0 22px}.calc-mode label{display:inline-flex;gap:8px;margin-right:18px;align-items:center}.calculator input:not([type=radio]),.calculator select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--muted);background:var(--paper);font:inherit;color:var(--ink)}.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calc-result{padding:25px 0}.calc-result span{font-size:1rem;display:block}.calc-result output{font:700 4rem/1.2 var(--display);color:var(--red)}.calculator-explainer p{font-size:1.125rem}.calculator-explainer h2{margin-bottom:25px}.calculator [hidden]{display:none!important}.calculator [aria-disabled=true]{opacity:.6;cursor:not-allowed}
@media(max-width:1300px){.site-navigation{gap:18px}.main-menu{gap:20px}.brand{width:240px}.header-cta{padding:12px 14px}.mega-inner{gap:24px}.mega-column strong{font-size:1.4rem}.service-row{grid-template-columns:110px 1fr 24px}.service-row>img{width:110px}.closing-box{padding:40px;gap:28px}}
@media(max-width:1100px){.header-inner{height:90px}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;padding:8px;color:var(--ink);font-size:1rem}.menu-bars{width:24px;height:16px;position:relative;border-block:1px solid currentColor}.menu-bars:before{content:'';position:absolute;top:6px;width:100%;border-top:1px solid currentColor}.site-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:22px 36px 32px;max-height:calc(100dvh - 90px);overflow:auto}.site-navigation.is-open{display:block}.main-menu{display:block}.main-menu>li{border-bottom:1px solid var(--line)}.main-menu>li>a,.mega-trigger{font-size:1.4rem;width:100%;padding:18px 0;justify-content:space-between}.mega-panel{position:static;box-shadow:none;border:0;max-height:none;overflow:visible}.mega-inner{width:100%;grid-template-columns:1fr 1fr;padding:20px 0;gap:25px}.mega-feature{display:none}.mega-bottom span{display:none}.mega-column strong{font-size:1.3rem}.mega-column a span{font-size:1rem}.site-navigation>.header-cta{display:inline-flex;margin-top:24px;font-size:1rem}.service-layout{gap:30px}.service-row{grid-template-columns:95px 1fr;gap:18px}.service-row>img{width:95px}.service-row>.arrow{display:none}.results-layout{gap:45px}.business-layout{gap:30px}.business-layout>img{height:310px}.about-layout{gap:35px}.about-copy h2{font-size:3rem}.about-visual>img{height:530px}.about-visual figcaption{flex-wrap:wrap}.costs-layout,.calculator-layout{gap:40px}.closing-box{align-items:flex-start;flex-direction:column}.footer-columns{grid-template-columns:1fr 1fr}.subpage-hero{gap:35px}.guide-list{gap:24px}.guide-list h3{font-size:1.75rem}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header-inner{height:80px}.brand{width:240px;height:60px}.site-navigation{padding:16px 24px 28px;max-height:calc(100dvh - 80px)}.mega-inner{grid-template-columns:1fr;gap:25px}.mega-column>a{padding:12px 0}.mega-bottom{flex-direction:column;align-items:flex-start}.hero-inner{min-height:0}.hero-copy{padding:48px 24px 40px}.hero h1{font-size:clamp(3.1rem,12.8vw,4.9rem)}.hero-intro{font-size:1.125rem}.hero-actions{gap:16px}.hero-actions .button,.hero-actions .text-link{font-size:1rem}.hero-visual{height:355px;min-height:0}.hero-visual figcaption{left:20px;bottom:20px}.surface-nav .wrap{grid-template-columns:1fr;gap:0}.surface-nav a{min-height:58px;padding:13px 0;font-size:1rem}.surface-nav a+a{border-top:1px solid var(--line)}.section{padding-block:65px}.eyebrow{font-size:1rem}.section-heading>p{font-size:1.125rem}.service-layout{display:block}.service-feature{display:block;min-height:0}.service-feature>img{height:360px}.service-feature-label{position:static;padding:22px}.service-feature strong{font-size:2rem}.service-feature small{font-size:1rem}.service-list{margin-top:28px}.service-row{grid-template-columns:110px 1fr;gap:20px}.service-row>img{width:110px;height:155px}.service-row p{font-size:1rem}.care-note h3{font-size:1.7rem}.care-note p{font-size:1rem}.results-layout{display:flex;flex-direction:column;gap:32px}.results-copy>p{font-size:1.125rem}.result-choice{font-size:1rem;min-height:56px}.result-choice span{font-size:1rem}.result-visual img{height:340px}.result-visual figcaption{font-size:.875rem}.business-band{padding:40px 0 30px}.business-layout{display:flex;flex-direction:column;gap:30px}.business-layout>img{width:100%;height:260px}.business-layout p{font-size:1.125rem}.business-layout .eyebrow{font-size:1rem}.business-word{font-size:clamp(2rem,8vw,3.3rem);line-height:1.08;width:100%;overflow-wrap:normal}.process-grid{gap:30px}.process-grid p{font-size:1.125rem}.process-grid h3{font-size:1.8rem}.process-footer{justify-content:flex-start}.about-layout{display:flex;flex-direction:column;gap:0}.about-visual{width:100%}.about-visual>img{height:360px}.about-visual strong{font-size:2.7rem}.about-copy{padding:32px 0 50px}.about-copy h2{font-size:2.8rem}.about-copy p{font-size:1.125rem}.costs-layout{display:flex;flex-direction:column;gap:35px}.costs-copy p{font-size:1.125rem}.calculator-teaser{padding:26px}.calculator-teaser h3{font-size:2rem}.teaser-drawing{min-height:95px}.teaser-drawing span{font-size:5rem}.teaser-drawing i{height:58px;width:34px}.guide-list{grid-template-columns:1fr;gap:40px}.guide-list h3{font-size:2rem}.guide-list img{margin-bottom:20px}.faq-list summary,.faq-list details p{font-size:1.125rem}.closing-box{padding:28px;gap:24px}.closing-box h2{font-size:2.4rem}.closing-box .button{white-space:normal}.closing-actions{width:100%}.closing-box p{font-size:1.125rem}.footer-columns{grid-template-columns:1fr;gap:30px}.footer-columns a,.footer-columns p,.footer-columns h2,.footer-top>p,.back-top,.footer-bottom,.footer-bottom nav{font-size:1rem}.footer-top .brand{width:280px;height:65px}.footer-bottom{gap:20px}.subpage-hero{grid-template-columns:1fr;gap:30px;padding-block:20px 40px}.subpage-hero h1{font-size:2.8rem}.subpage-hero img{height:300px}.subpage-hero p:not(.eyebrow){font-size:1.125rem}.breadcrumbs{font-size:1rem}.topic-links{grid-template-columns:1fr}.calculator-layout{grid-template-columns:1fr;gap:40px}.calculator{padding:25px}.calculator h2{font-size:2.1rem}.calculator .button{font-size:1rem}.calc-row{gap:15px}.calculator-explainer h2{font-size:2.5rem}}
@media(max-width:380px){.brand{width:205px}.header-inner{gap:12px}.hero-copy{padding-inline:20px}.hero h1{font-size:3rem}.hero-actions .button,.hero-actions .text-link{font-size:1rem}.service-row{grid-template-columns:85px 1fr;gap:15px}.service-row>img{width:85px}.closing-box{padding:24px}.closing-box h2{font-size:2.1rem}}
