/* BrennerMedien — monochrome Barlow, deliberate hierarchy and clear chapters. */
body.df {--section-pad:clamp(64px,7vw,104px);--site-width:1280px;}
body.df :is(h1,h2,h3,.section-title,.page-title) {text-wrap:balance;}
body.df :is(.hero-body p,.webdesign-card-desc,.reseller-content p,.kontakt-sub,.kontakt-card-label,.brands-group-title,.webdesign-card-tag,.webdesign-card-url,.section-label,.hero-eyebrow,.footer-copy,.page-label) {color:var(--grey-dark,#333);}
body.df .hero {min-height:760px;padding-top:140px;padding-bottom:80px;}
body.df .hero .container {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0 48px;align-items:center;}
body.df .hero-eyebrow,body.df .hero-headline,body.df .hero-body {grid-column:1;}
body.df .hero-headline {font-size:clamp(50px,6.4vw,96px);line-height:.98;max-width:15ch;margin-bottom:32px;}
body.df .hero-body {max-width:60ch;margin-bottom:0;}
body.df .hero-body p {font-size:17px;line-height:1.7;font-weight:400;}
body.df .df-art {grid-column:2;grid-row:1/span 3;min-width:0;margin:0;}
body.df .df-art img {width:100%;height:auto;display:block;}
body.df .section-title {max-width:27ch;line-height:1.06;letter-spacing:-.03em;}
body.df .webdesign-card {border-radius:8px;}
body.df .webdesign-card > a {padding:32px;}
body.df .webdesign-card-name {line-height:1.2;}
body.df .webdesign-card-desc {font-size:16px;line-height:1.7;max-width:65ch;}
body.df .webdesign-grid {gap:24px;}
body.df .brands-teaser {background:var(--black);border-color:var(--black);max-width:none;}
body.df .brands-teaser :is(.webdesign-card-name,.webdesign-card-tag,.webdesign-card-desc,.webdesign-card-url,.arrow) {color:#fff;}
body.df .brands-teaser > a {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 40px;}
body.df .brands-teaser .webdesign-card-tag,body.df .brands-teaser .webdesign-card-name {grid-column:1;}
body.df .brands-teaser .webdesign-card-desc {grid-column:2;grid-row:1/span 2;margin:0;}
body.df .brands-teaser .webdesign-card-url {grid-column:2;margin:0;}
body.df .brands-group {margin-top:40px;}
body.df .brands-group-title {font-size:12px;font-weight:600;letter-spacing:.1em;margin-bottom:16px;}
body.df .brands-grid {gap:8px 24px;border:0;}
body.df .brand-card,body.df .brand-card:hover {border-radius:0;border:0;background:transparent;min-width:0;transform:none;box-shadow:none;transition:none;}
body.df .brand-card a {display:block;padding:12px 0;font-size:16px;line-height:1.45;overflow-wrap:anywhere;}
body.df .brand-card a::after {content:none;}
body.df .brand-card a:hover {text-decoration:underline;text-underline-offset:5px;}
body.df .statement-section {padding-block:80px;background:#111;color:#fff;}
body.df .statement-section :is(p,a,span) {color:inherit;}
body.df .reseller-section .container {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:start;}
body.df .reseller-content {max-width:65ch;}
body.df .reseller-content p {font-size:18px;line-height:1.7;}
body.df .kontakt-section .container {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 40px;align-items:start;}
body.df .kontakt-section .container > .reveal:first-child {grid-column:1/-1;}
body.df .kontakt-grid {grid-template-columns:minmax(0,1fr);gap:16px;margin:0;}
body.df .kontakt-card {padding:28px;background:var(--grey-bg);border:0;border-radius:6px;min-width:0;}
body.df .kontakt-card a {font-size:clamp(18px,1.8vw,26px);overflow-wrap:anywhere;line-height:1.3;}
body.df .kontakt-sub {font-size:14px;line-height:1.6;}
body.df .kontakt-form-wrap {margin:0;padding:28px;background:var(--grey-bg);border:0;border-radius:6px;max-width:none;}
body.df .form-field :is(input,textarea) {background:#fff;font-size:16px;line-height:1.5;}
body.df :is(.form-field label,.kontakt-form-sublabel) {color:#333;letter-spacing:.08em;}
body.df :is(a,button,input,textarea):focus-visible {outline:2px solid #111;outline-offset:4px;}
body.df .page-content {max-width:1100px;}
body.df main:has(> .page-content) {max-width:1200px;}
body.df .df-chapter {display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;padding:28px 24px;border-top:1px solid #ddd;}
body.df .df-chapter:nth-child(3n+2) {background:var(--grey-bg,#f5f5f5);border-radius:6px;border-top-color:transparent;}
body.df .df-chapter-head h2 {font-size:23px;line-height:1.25;letter-spacing:-.015em;margin:0!important;}
body.df .df-chapter-body {min-width:0;overflow-wrap:anywhere;}
body.df .df-chapter-body :is(p,li) {max-width:75ch;font-size:16px;line-height:1.75;color:#333;}
body.df .df-chapter-body > :first-child {margin-top:0!important;}
body.df .df-chapter-body > :last-child {margin-bottom:0!important;}
body.df .reveal,body.df .hero-eyebrow,body.df .hero-body,body.df .hero-headline .line-inner {opacity:1;transform:none;animation:none;transition:none;}
body.df .scroll-indicator {opacity:1;animation:none;}
body.df .scroll-line::after {animation:none;top:0;}
@media(max-width:1000px) {
 body.df .hero .container {gap:0 24px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);}
 body.df .hero-headline {font-size:clamp(46px,6.4vw,76px);}
 body.df .df-chapter {grid-template-columns:180px minmax(0,1fr);gap:24px;padding-inline:20px;}
}
@media(max-width:767px) {
 body.df .hero {min-height:0;padding:120px 0 56px;}
 body.df .hero .container {grid-template-columns:minmax(0,1fr);gap:28px;}
 body.df .hero-headline {font-size:clamp(44px,10.5vw,68px);margin:0;}
 body.df .hero-eyebrow {margin:0;}
 body.df .hero-body p {font-size:16px;}
 body.df .df-art {grid-column:1;grid-row:auto;max-width:420px;}
 body.df .hero .scroll-indicator {position:static;transform:none;margin-top:32px;}
 body.df .brands-teaser > a,body.df .reseller-section .container,body.df .kontakt-section .container {display:block;}
 body.df .brands-teaser .webdesign-card-desc {margin-top:20px;}
 body.df .brands-teaser .webdesign-card-url {margin-top:16px;}
 body.df .webdesign-card > a {padding:24px;}
 body.df .brand-card a {padding:12px 0;font-size:15px;}
 body.df .reseller-content {margin-top:24px;}
 body.df .kontakt-form-wrap {margin-top:24px;padding:22px;}
 body.df .kontakt-card {padding:22px;}
 body.df .statement-section {padding-block:64px;}
 body.df .df-chapter {display:block;padding:24px 18px;}
 body.df .df-chapter-head h2 {margin-bottom:20px!important;font-size:22px;}
}
body.df .hero {min-height:100vh;min-height:100dvh;padding:calc(var(--nav-height) + 2rem) 0 4rem;}
body.df .hero .container {display:block;}
body.df .hero-eyebrow {margin-bottom:clamp(1.5rem,3vw,2.5rem);}
body.df .hero-headline {font-size:clamp(3rem,8.5vw,9rem);line-height:.92;margin-bottom:clamp(2rem,4vw,3rem);}
body.df .hero-body {max-width:540px;margin-bottom:2rem;}
body.df .hero .scroll-indicator {position:absolute;left:50%;bottom:clamp(2rem,4vh,3.5rem);transform:translateX(-50%);margin:0;}
body.df .page-content {max-width:860px;}
body.df .df-chapter,body.df .df-chapter:nth-child(3n+2) {display:block;background:transparent;border:0;border-radius:0;padding:24px 0;}
body.df .df-chapter-head h2 {margin:0 0 18px!important;border:0;padding:0;max-width:100%;overflow-wrap:break-word;}
@media(prefers-reduced-motion:reduce) {
 body.df *,body.df *::before,body.df *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}