/* MarkMade / Impeccable layout: Nähe innerhalb einer Gruppe, Raum zwischen Themen. */
:root{
  --space-xs:.5rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-group:clamp(2rem,4vw,3rem);
  --space-section:clamp(4.5rem,8vw,7rem);
  --space-gutter:clamp(1.5rem,4vw,4rem);
  --space-panel:clamp(1.5rem,4vw,3.5rem);
  --measure-content:72ch;
}
body>.header .wrap,body>main .wrap,body>main.wrap,body>.contact .wrap,body>.footer .wrap{
  width:min(1152px,calc(100% - var(--space-gutter)*2));
}
.nav{gap:var(--space-lg);height:88px}
.navlinks{gap:var(--space-lg)}
section{scroll-margin-top:112px}
.hero{padding-block:clamp(3rem,6vw,5rem) var(--space-xl);gap:var(--space-group)}
.hero h1{margin-block:var(--space-md);text-wrap:balance}
.hero .intro{margin-block:var(--space-md);max-width:42ch}
.price-inline{margin-block:var(--space-lg);gap:var(--space-sm)}
.hero-actions{margin-top:var(--space-lg)}
.hero-actions .micro{margin-top:var(--space-sm)}
.project-label{margin-top:var(--space-md)}
.trust{padding-block:var(--space-group);gap:var(--space-lg)}
.home-clean main>.wrap>.section{padding-block:0;margin-block-start:var(--space-section)}
.home-clean main>.wrap>.faq-section{margin-block-end:var(--space-section)}
.section-head{gap:var(--space-xl);margin-bottom:var(--space-group)}
.section-head h2,.faq-layout h2{margin-top:0;text-wrap:balance}
.section-head>p{line-height:1.7}
.nmb-feature{gap:var(--space-group)}
.nmb-intro h2{margin-block:0 var(--space-md)}
.nmb-intro>p{margin-block:var(--space-md);max-width:46ch}
.reference-tools{margin-top:var(--space-md)}
.demo-options{gap:var(--space-lg)}
.demo-option small{margin-top:var(--space-md)}
.demo-option h3{margin-block:var(--space-sm);line-height:1.35}
.demo-option p{font-size:14px;line-height:1.7;max-width:40ch}
.offer{padding:var(--space-panel);gap:var(--space-group)}
.offer h3{margin-bottom:var(--space-md)}
.offer .tax{margin-block:var(--space-sm) var(--space-lg)}
.offer-list{gap:var(--space-md)}
.offer-list small{margin-top:var(--space-xs)}
.hosting{padding-block:var(--space-md);gap:var(--space-lg);line-height:1.7}
.steps{gap:var(--space-group);margin-top:var(--space-group)}
.step{padding-top:var(--space-md)}
.step h3{margin-block:var(--space-md) var(--space-sm)}
.about-band{gap:var(--space-group);padding:var(--space-panel);margin-top:var(--space-xl)}
.about-band h3{margin:0}
.audience-links{gap:var(--space-xs) var(--space-lg);padding-block:var(--space-md)}
.faq-layout{gap:var(--space-group)}
summary{padding-block:var(--space-md);line-height:1.5}
details p,details .ans{line-height:1.8;margin:0 var(--space-md) var(--space-md) 0}
.contact{padding-block:var(--space-section)}
.contact-grid{column-gap:var(--space-group);row-gap:var(--space-xl);align-items:start}
.contact h2{margin-top:0;text-wrap:balance}
.contact-copy>p{margin-block:var(--space-md);max-width:40ch;line-height:1.8}
.form-panel{padding:var(--space-panel)}
.form-panel label{margin-bottom:var(--space-md);line-height:1.6}
.form-panel input,.form-panel textarea{margin-top:var(--space-xs);padding:var(--space-sm);line-height:1.5}
.form-panel textarea{min-height:120px}
.form-panel details{margin-block:var(--space-xs) var(--space-md)}
.form-panel .micro{margin-top:var(--space-sm);line-height:1.7}
.direct-contact{padding-top:var(--space-xl);gap:var(--space-group)}
.direct-contact h3{margin-bottom:var(--space-sm)}
.direct-contact p{margin-bottom:var(--space-sm)}
.footer{padding-block:var(--space-group)}
.foot-topics{margin:0 0 var(--space-lg);padding-top:var(--space-md);gap:var(--space-sm) var(--space-lg)}
.footer-inner{gap:var(--space-md)}
.cookie-settings{margin-top:var(--space-md)}

/* Die Branchen-, Ratgeber- und Preisseiten nutzen dieselben räumlichen Rollen. */
.sub-main{padding-bottom:var(--space-xl)}
.breadcrumbs{padding-top:var(--space-lg);gap:var(--space-xs);line-height:1.7}
.sub-hero{padding-block:var(--space-group) var(--space-section);gap:var(--space-group)}
.sub-hero.text-only{max-width:none}
.sub-hero h1{margin-block:var(--space-md);max-width:22ch;line-height:1.12;text-wrap:balance}
.sub-hero .lead{max-width:60ch;margin-block:var(--space-md);line-height:1.8}
.sub-hero .hero-cta{margin-top:var(--space-lg)}
.sub-hero .hero-note,.sub-hero figcaption{margin-top:var(--space-sm);line-height:1.7}
.sub-main>.blk,.sub-main>.section{padding-block:0;margin-block-start:var(--space-section)}
.subpage .blk h2{margin-block:0 var(--space-md);max-width:28ch;line-height:1.2;text-wrap:balance}
.subpage .sec-intro{margin-block:0 var(--space-lg);max-width:var(--measure-content);line-height:1.8}
.subpage .guide{gap:var(--space-group);margin-top:var(--space-lg)}
.subpage .g-item{padding-top:var(--space-md)}
.subpage .g-item h3{margin-block:0 var(--space-sm);line-height:1.4}
.subpage .g-item p{font-size:16px;line-height:1.8;max-width:var(--measure-content)}
.subpage .prob{margin-top:var(--space-lg)}
.subpage .prob-row{gap:var(--space-lg);padding-block:var(--space-md)}
.subpage .ref-grid,.subpage .calc{gap:var(--space-group);margin-top:var(--space-lg)}
.subpage .pos,.subpage .calc,.subpage .mock-main{padding:var(--space-panel)}
.subpage .inline-demo{gap:var(--space-group);margin-top:var(--space-xl);padding-top:var(--space-group)}
.subpage .inline-demo h3{margin-block:0 var(--space-sm)}
.subpage .inline-demo p{line-height:1.8;margin-block:var(--space-sm) var(--space-md)}
.topic-links{margin-top:var(--space-xl);gap:var(--space-sm) var(--space-lg)}
.site-directory{padding-block:var(--space-group) 0;gap:var(--space-xl) var(--space-group)}
.directory-group{padding-top:var(--space-md)}
.directory-group h2{margin-block:0 var(--space-md)}
.directory-group li+li{margin-top:var(--space-xs)}
.directory-group li{line-height:1.7}
.sub-main>.demo-showcase{margin-top:var(--space-section)}
.utility-content{padding-block:var(--space-group) var(--space-section);max-width:var(--measure-content)}
.utility-page main>.wrap{width:100%;max-width:var(--measure-content);margin-inline:0;padding-block:var(--space-group) var(--space-section)}
.utility-page main h1{margin-block:var(--space-md) var(--space-lg)}
.utility-page main h2{margin-block:var(--space-xl) var(--space-md);line-height:1.3}
.utility-page main h3{margin-block:var(--space-lg) var(--space-sm)}
.utility-page main p{margin-block:0 var(--space-md);line-height:1.85}
.utility-content form{padding:var(--space-panel)}
.utility-content fieldset{margin-block:var(--space-md);padding:var(--space-md)}
.utility-content .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}

@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;gap:var(--space-group)}
  .contact-copy>p{max-width:60ch}
  .direct-contact{align-items:start;flex-wrap:wrap}
}
@media(max-width:740px){
  .nav{height:76px;gap:var(--space-sm)}
  .hero{gap:var(--space-xl);padding-block:var(--space-xl)}
  .hero h1{margin-block:var(--space-md)}
  .trust{gap:var(--space-md)}
  .section-head{gap:var(--space-md)}
  .section-head>p{margin-top:var(--space-md)}
  .steps{gap:var(--space-lg)}
  .about-band{gap:var(--space-md)}
  .hosting{display:block}
  .hosting>a{margin-top:var(--space-sm)}
  .sub-hero{padding-block:var(--space-xl);gap:var(--space-xl)}
  .sub-hero h1{overflow-wrap:normal;font-size:clamp(2rem,8.7vw,2.5rem)}
  .subpage .blk h2{overflow-wrap:normal;font-size:clamp(1.65rem,7vw,2rem)}
  .subpage .prob-row{gap:var(--space-xs)}
  .subpage .guide,.site-directory{gap:var(--space-lg)}
  .utility-content .row{grid-template-columns:1fr;gap:0}
  .whatsapp-button{margin-top:var(--space-md);min-width:0}
  .direct-contact{padding-top:var(--space-lg)}
  .form-panel .button{white-space:normal}
}