@font-face{font-family:"Saira";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/saira-400.woff) format("woff")}
@font-face{font-family:"Saira";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/saira-500.woff) format("woff")}
@font-face{font-family:"Saira";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/saira-600.woff) format("woff")}
@font-face{font-family:"Saira Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/saira-condensed-600.woff) format("woff")}
@font-face{font-family:"Saira Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/saira-condensed-800.woff) format("woff")}
:root{
  --anthrazit:#2c2c2b;--anthrazit-tief:#232322;
  --gruen:#1b7f3a;--gruen-hell:#458736;--gruen-dunkel:#006b2c;
  --silber:#c9ccca;--silber-hell:#eceeec;--papier:#f6f7f5;--surface:#fff;
  --text:#262625;--text-leise:#5b5e5c;--linie:#d6d9d6;
  --foto-a:#dfe2df;--foto-b:#d8dbd8;--foto-text:#5d605d;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--papier:#1f1f1e;--silber-hell:#282827;--surface:#252524;--text:#ecedeb;--text-leise:#a9aca9;--linie:#3a3b39;--foto-a:#30302f;--foto-b:#2b2b2a;--foto-text:#9a9d9a}}
:root[data-theme="dark"]{--papier:#1f1f1e;--silber-hell:#282827;--surface:#252524;--text:#ecedeb;--text-leise:#a9aca9;--linie:#3a3b39;--foto-a:#30302f;--foto-b:#2b2b2a;--foto-text:#9a9d9a}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--papier);color:var(--text);font:400 1.0625rem/1.6 "Saira",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:"Saira Condensed","Arial Narrow",system-ui,sans-serif;font-weight:800;line-height:1.04;margin:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
:focus-visible{outline:3px solid var(--gruen-hell);outline-offset:3px;border-radius:2px}
.foto{background:repeating-linear-gradient(135deg,var(--foto-a) 0 14px,var(--foto-b) 14px 28px);color:var(--foto-text);display:flex;align-items:flex-end;padding:14px;font-size:.88rem}

/* Kopf */
.kopf{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--anthrazit);color:#fff;border-bottom:3px solid var(--gruen)}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.logo img{height:54px;width:auto}
.nav{display:flex;align-items:center;gap:4px}
.nav>a,.drop>button{font:600 1.02rem "Saira",system-ui,sans-serif;color:#e8e9e7;text-decoration:none;background:none;border:0;padding:10px 13px;cursor:pointer;display:flex;align-items:center;gap:6px;border-radius:4px}
.nav>a:hover,.drop>button:hover{color:#fff;background:#383837}
.nav>a[aria-current="page"]{color:#8fd07b}
.drop{position:relative}
.drop svg{width:12px;height:12px;transition:transform .2s}
.drop[data-open="true"] svg{transform:rotate(180deg)}
.drop-menu{position:absolute;top:calc(100% + 13px);left:0;min-width:290px;background:var(--anthrazit-tief);border:1px solid #3d3d3c;border-top:3px solid var(--gruen);padding:8px;display:none;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.drop[data-open="true"] .drop-menu{display:block}
.drop-menu a{display:block;padding:11px 14px;text-decoration:none;color:#e8e9e7;border-radius:3px}
.drop-menu a:hover{background:#333332;color:#fff}
.drop-menu strong{display:block;font-weight:600;color:#fff}
.drop-menu span{font-size:.875rem;color:#a6a9a6}
.sprache{display:flex;margin-left:14px;border:1px solid #4a4a49;border-radius:4px;overflow:hidden}
.sprache a{padding:6px 10px;font-size:.875rem;text-decoration:none;color:#bfc2bf}
.sprache a[aria-current="true"]{background:var(--gruen);color:#fff}
.menu-knopf{display:none;background:none;border:1px solid #4a4a49;color:#fff;border-radius:4px;padding:9px 12px;font:500 1rem "Saira",sans-serif;cursor:pointer}

/* Hero mit großem Foto */
.hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;color:#fff;background:repeating-linear-gradient(135deg,#3b3b39 0 16px,#363634 16px 32px)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,28,27,.15) 0%,rgba(28,28,27,.35) 45%,rgba(28,28,27,.88) 100%)}
.hero .fotohinweis{position:absolute;top:18px;right:clamp(18px,4vw,40px);z-index:1;font-size:.85rem;color:#c3c6c3;background:rgba(0,0,0,.35);padding:4px 10px;border-radius:3px}
.hero .wrap{position:relative;z-index:1;width:100%;padding-top:120px;padding-bottom:clamp(44px,7vw,80px)}
.hero .name{font:600 1.05rem "Saira",sans-serif;color:#8fd07b;margin:0 0 10px}
.hero h1{font-size:clamp(2.7rem,7vw,5.6rem);max-width:12em;text-wrap:balance}
.hero .lead{font-size:clamp(1.1rem,1.7vw,1.3rem);color:#dfe1df;max-width:34em;margin:18px 0 30px}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.knopf{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;font:600 1.05rem "Saira",sans-serif;text-decoration:none;border-radius:4px;border:2px solid transparent}
.knopf svg{width:20px;height:20px;flex:none}
.knopf.primaer{background:linear-gradient(90deg,var(--gruen-hell),var(--gruen-dunkel));color:#fff}
.knopf.primaer:hover{filter:brightness(1.1)}
.knopf.sekundaer{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.2)}
.knopf.sekundaer:hover{border-color:#fff}

/* Drei Wegweiser */
.wegweiser{background:var(--surface);border-bottom:1px solid var(--linie)}
.wegweiser .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.wegweiser a{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;padding:28px 24px;text-decoration:none;border-left:1px solid var(--linie)}
.wegweiser a:last-child{border-right:1px solid var(--linie)}
.wegweiser a:hover h2{color:var(--gruen)}
.wegweiser .foto{aspect-ratio:1;padding:6px;font-size:.72rem;border-radius:50%;justify-content:center;align-items:center;text-align:center}
.wegweiser h2{font-size:1.6rem;transition:color .15s}
.wegweiser p{margin:4px 0 0;color:var(--text-leise);font-size:.95rem;line-height:1.45}

/* Leistungen als Bildkacheln */
section{padding:clamp(64px,9vw,108px) 0}
.kopfzeile{max-width:40em;margin-bottom:40px}
.kopfzeile h2{font-size:clamp(2.2rem,4.4vw,3.4rem)}
.kopfzeile p{color:var(--text-leise);margin:14px 0 0}
.kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kachel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;text-decoration:none;color:#fff;overflow:hidden;border-radius:3px;background:repeating-linear-gradient(135deg,#454543 0 14px,#40403e 14px 28px)}
.kachel.gross{grid-column:1/-1;min-height:380px}
.kachel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,28,27,0) 30%,rgba(28,28,27,.85) 100%);transition:background .2s}
.kachel:hover::after{background:linear-gradient(180deg,rgba(27,127,58,.15) 0%,rgba(28,28,27,.9) 100%)}
.kachel .fotohinweis{position:absolute;top:12px;left:14px;font-size:.8rem;color:#b9bcb9;z-index:1}
.kachel .inhalt{position:relative;z-index:1;padding:24px}
.kachel h3{font-size:clamp(1.7rem,2.6vw,2.2rem);padding-bottom:10px;margin-bottom:10px;border-bottom:3px solid var(--gruen-hell);display:inline-block}
.kachel.gross h3{font-size:clamp(2rem,3.6vw,3rem)}
.kachel p{margin:0;color:#dcdfdc;max-width:36em}

/* PEFC-Leiste */
.pefc{background:var(--silber-hell);padding:44px 0}
.pefc .wrap{display:flex;align-items:center;gap:28px}
.siegel{width:92px;height:92px;flex:none;border-radius:50%;border:2px dashed var(--text-leise);display:grid;place-items:center;text-align:center;font-size:.75rem;color:var(--text-leise)}
.pefc h2{font-size:1.9rem}
.pefc p{color:var(--text-leise);margin:6px 0 0;max-width:46em}

/* Über mich */
.ueber .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:center}
.ueber .foto{aspect-ratio:4/5;border-radius:3px}
.ueber h2{font-size:clamp(2.2rem,4.4vw,3.4rem)}
.ueber p{margin:18px 0 0;max-width:36em}
.platzhalter{background:rgba(69,135,54,.16);padding:1px 4px;border-radius:2px}

/* Galerie */
.galerie{padding-top:0}
.bilder{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bilder .foto{aspect-ratio:1;border-radius:3px}
@media (max-width:700px){.bilder{grid-template-columns:1fr 1fr}}
/* Anfrage-Band */
.anfrage{background:linear-gradient(90deg,var(--gruen-hell),var(--gruen-dunkel));color:#fff;padding:52px 0}
.anfrage .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.anfrage h2{font-size:clamp(2rem,4vw,3rem)}
.anfrage p{margin:6px 0 0;color:#e3f0e0}
.anfrage .knopf.hell{background:#fff;color:var(--gruen-dunkel)}
.anfrage .knopf.rand{border-color:rgba(255,255,255,.7);color:#fff}

/* Fuß */
footer{background:var(--anthrazit);color:#cfd2cf;padding:56px 0 0}
footer .spalten{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
footer .fusslogo{height:62px;width:auto;margin-bottom:18px}
footer h4{font:800 1.3rem "Saira Condensed","Arial Narrow",sans-serif;color:#fff;margin:0 0 12px}
footer address{font-style:normal;line-height:1.7}
footer a{text-decoration:none}
footer a:hover{color:#8fd07b}
footer ul{list-style:none;margin:0;padding:0;line-height:1.9}
footer dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 14px}
footer dt{color:#a6a9a6}
footer dd{margin:0}
footer .siegel{border-color:#6c6f6c;color:#a6a9a6}
footer .unten{border-top:1px solid #444443;margin-top:44px;padding:18px 0;font-size:.88rem;color:#8e918e}

@media (max-width:960px){
  .menu-knopf{display:block}
  .nav{position:fixed;top:calc(env(safe-area-inset-top,0px) + 81px);left:0;right:0;bottom:0;background:var(--anthrazit);flex-direction:column;align-items:stretch;padding:12px 18px calc(24px + env(safe-area-inset-bottom,0px));gap:2px;overflow-y:auto;display:none}
  .nav[data-open="true"]{display:flex}
  .nav>a,.drop>button{font-size:1.2rem;padding:14px 8px;width:100%;justify-content:space-between;border-bottom:1px solid #3a3a39;border-radius:0}
  .drop-menu{position:static;box-shadow:none;border:0;border-left:3px solid var(--gruen);margin:6px 0 10px 8px;padding:0;background:none;min-width:0}
  .sprache{margin:18px 0 0;align-self:flex-start}
  .sprache a{padding:10px 16px;font-size:1rem}
  .wegweiser .wrap{grid-template-columns:1fr;padding:0}
  .wegweiser a{border-left:0;border-right:0!important;border-bottom:1px solid var(--linie);padding:18px clamp(18px,4vw,40px);grid-template-columns:72px 1fr}
  .kacheln{grid-template-columns:1fr}
  .kachel,.kachel.gross{min-height:250px}
  .ueber .wrap{grid-template-columns:1fr}
  .ueber .foto{max-width:340px}
  footer .spalten{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .logo img{height:42px}
  .knopf{width:100%;justify-content:center}
  .pefc .wrap{flex-direction:column;align-items:flex-start}
  footer .spalten{grid-template-columns:1fr}
}

/* Kennzeichnung KI-generierter Bilder (Art. 50 KI-VO) */
.ki-tag{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);font-size:.8rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}

/* Duo-Abschnitt Text + Bild */
.us-ofen{background:var(--surface)}
.us-duo-text{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px);align-items:center}
.us-duo-text figure{margin:0;border-radius:4px;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.14)}
.us-duo-text figure img{display:block;width:100%;height:auto}
.us-bildband figure{margin:0}
@media (max-width:820px){.us-duo-text{grid-template-columns:1fr}}

/* Lead-Band: Bild läuft nach unten weiter, grüne Linien links UND rechts, Text mittig */
.hero-band{position:relative;background:var(--anthrazit);color:#fff;overflow:hidden}
.hero-band .band-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hero-band::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,30,28,.22) 0%,rgba(28,30,28,.46) 60%,rgba(28,30,28,.62) 100%)}
.hero-band .wrap{position:relative;z-index:1}
.hero-band .lead-huelle{position:relative;display:flex;justify-content:center;padding:clamp(28px,3.6vw,48px) clamp(20px,3vw,44px)}
.hero-band .lead-huelle::before,.hero-band .lead-huelle::after{content:"";position:absolute;top:clamp(14px,1.6vw,22px);bottom:clamp(14px,1.6vw,22px);width:5px;border-radius:3px;background:linear-gradient(180deg,var(--gruen-hell),var(--gruen))}
.hero-band .lead-huelle::before{left:0}
.hero-band .lead-huelle::after{right:0}
.hero-band .lead{margin:0;padding:0;text-align:center;font:600 clamp(1.1rem,1.9vw,1.7rem)/1.4 "Saira",system-ui,sans-serif;max-width:34em;text-wrap:balance;letter-spacing:.005em;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.hero-band .lead .akzent{color:#9fe089}
.hero-band .lead .ort{white-space:nowrap}
@media (max-width:960px){
  .hero-band .lead-huelle{padding:24px 16px 30px}
  .hero-band .lead{font-size:1.1rem;text-align:left}
  .hero-band .lead-huelle::after{display:none}
}

/* Ablauf-Schritte auf den Unterseiten */
.us-ablauf{background:var(--surface)}
.schritte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.schritt{display:flex;gap:14px;align-items:flex-start}
.schritt .nr{flex:none;width:38px;height:38px;border-radius:50%;background:var(--gruen);color:#fff;display:grid;place-items:center;font:800 1.15rem "Saira Condensed","Arial Narrow",system-ui,sans-serif}
.schritt h3{margin:4px 0 6px;font-size:1.2rem}
.schritt p{margin:0;color:var(--text-leise);font-size:.96rem}
@media (max-width:960px){.schritte{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.schritte{grid-template-columns:1fr}}

/* Bildband auf den Unterseiten (KI-Bilder u. a.) */
.us-bildband{padding:0!important}
.us-bildband img{display:block;width:100%;height:clamp(220px,26vw,360px);object-fit:cover}
.us-duo{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media (max-width:700px){.us-duo{grid-template-columns:1fr}}
.us-bild-text{position:relative}
.us-bild-text figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;color:#fff;font-size:.95rem;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72))}

/* Hero: Text tiefer, Lead als gestaltetes Band */
.hero-text{top:11vw}
.hero-band{position:relative;background:var(--anthrazit);color:#fff;overflow:hidden}
.hero-band::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--gruen-hell),var(--gruen))}
.hero-band::after{content:"";position:absolute;right:-4%;top:-40%;width:44%;height:180%;background:radial-gradient(closest-side,rgba(69,135,54,.34),rgba(69,135,54,0) 70%);pointer-events:none}
.hero-band .wrap{position:relative}
.hero-band .lead{margin:0;padding:clamp(26px,3.4vw,44px) 0 clamp(26px,3.4vw,44px) clamp(18px,2.4vw,34px);font:600 clamp(1.15rem,2vw,1.75rem)/1.35 "Saira",system-ui,sans-serif;max-width:30em;text-wrap:balance;letter-spacing:.005em}
.hero-band .lead .akzent{color:#8fd07b}
.hero-band .lead .ort{white-space:nowrap}
@media (max-width:960px){.hero-text{top:auto}.hero-band .lead{padding:22px 0 30px 16px;font-size:1.12rem;max-width:none}}

.seite[hidden]{display:none}
.hero-bild{position:relative;width:100%;height:min(calc(100vw / 1.684),980px);overflow:hidden}
.hero-bild::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 72% 0%,rgba(18,22,18,.62) 0%,rgba(18,22,18,.3) 45%,rgba(18,22,18,0) 75%)}
.hero-text{position:absolute;z-index:1;left:40%;right:3%;top:2.2vw;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.hero-text .name{font:600 clamp(.9rem,1.15vw,1.15rem) "Saira",sans-serif;color:#b8f0a4;margin:0 0 .5vw}
.hero-text h1{font-size:clamp(2rem,3.9vw,4.4rem);margin:0 0 1.3vw;text-wrap:balance}
.hero-text .knopf{text-shadow:none}
.hero-band{background:var(--anthrazit);color:#dfe1df}
.hero-band .lead{margin:0;padding:22px 0;font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:52em}
@media (max-width:960px){
  .hero-bild{height:auto;padding-top:64vw;overflow:visible}
  .hero-bild::after{display:none}
  .hero-text{position:static;background:var(--anthrazit);padding:26px clamp(18px,4vw,40px) 8px;text-shadow:none}
  .hero-text .name{font-size:1rem;margin-bottom:8px}
  .hero-text h1{font-size:clamp(2.2rem,8vw,3.2rem);margin-bottom:20px}
  .hero-band .lead{padding:18px 0 30px}
}
@media (min-width:961px){footer .spalten>div:not(:first-child){padding-top:80px}}
footer ul button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
footer ul button:hover{color:#8fd07b}
.ck{display:none;position:fixed;left:0;right:0;bottom:0;z-index:150;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px))}
body.ck-offen .ck{display:block}
.ck-inhalt{max-width:760px;margin:0 auto;background:var(--anthrazit-tief);color:#e8e9e7;border:1px solid #3d3d3c;border-top:3px solid var(--gruen);border-radius:4px;padding:22px 24px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.ck h2{font-size:1.6rem;margin-bottom:8px;color:#fff}
.ck p{margin:0 0 16px;font-size:.95rem;color:#c9ccc9}
.ck a{color:#8fd07b}
.ck-knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.ck-btn{flex:1 1 180px;font:600 1rem "Saira",sans-serif;padding:12px 18px;border-radius:4px;cursor:pointer;border:2px solid #8fd07b;background:transparent;color:#fff}
.ck-btn:hover{background:var(--gruen);border-color:var(--gruen)}
.kachel{background-size:cover!important;transition:background-size .6s}
.kachel .vorschau-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.kachel.spielt .vorschau-video{opacity:1}
.anfrage{padding:clamp(56px,8vw,96px) 0}
.anfrage-kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.anfrage-kopf p{max-width:36em}
.anfrage .knopf svg{width:20px;height:20px}
.anfrage-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.formular{background:var(--surface);color:var(--text);border-radius:4px;padding:clamp(22px,3vw,34px);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.formular h3,.karte h3{font-size:1.9rem;margin-bottom:18px}
.felder{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.felder label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:.95rem}
.felder .breit{grid-column:1/-1}
.formular input,.formular select,.formular textarea{font:inherit;font-weight:400;color:var(--text);background:var(--papier);border:1px solid var(--linie);border-radius:3px;padding:11px 12px;width:100%}
.formular textarea{resize:vertical;min-height:120px}
.formular input:focus,.formular select:focus,.formular textarea:focus{outline:2px solid var(--gruen-hell);outline-offset:0;border-color:transparent}
.formular .check{display:flex;gap:12px;align-items:flex-start;margin:18px 0 20px;font-size:.92rem;color:var(--text-leise)}
.formular .check input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--gruen)}
.formular .check a{color:var(--gruen)}
.feld-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-ok{margin:16px 0 0;padding:12px 14px;background:rgba(69,135,54,.14);border-left:4px solid var(--gruen);border-radius:3px}
.karte{background:var(--anthrazit);color:#fff;border-radius:4px;padding:clamp(22px,3vw,34px);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.karte>p{color:#cfd2cf;margin:0 0 18px}
.karte-box{position:relative;aspect-ratio:4/3;border-radius:3px;overflow:hidden;background:radial-gradient(circle at 60% 40%,#3d4a3c 0,#262a25 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:22px}
.karte-box svg{width:42px;height:42px;color:#6fbf5a}
.karte-box .karte-hinweis{margin:0;font-size:.88rem;color:#c3c6c3;max-width:30em}
.karte-box .karte-hinweis a{color:#8fd07b}
.karte-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.karte-link{display:inline-block;margin-top:14px;color:#8fd07b;font-weight:600;text-decoration:none;border-bottom:2px solid currentColor}
button.foto{border:0;padding:0;cursor:zoom-in;transition:transform .2s,box-shadow .2s}
button.foto:hover{transform:scale(1.02);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(14,14,13,.94);display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 56px) 64px calc(env(safe-area-inset-bottom,0px) + 56px)}
.lightbox[hidden]{display:none}
.lb-bild{width:100%;height:100%}
.lightbox .lb-bild{background-size:contain!important;background-position:center!important}
.lightbox button{position:absolute;background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:50%;width:52px;height:52px;font-size:2rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.lightbox button:hover{background:var(--gruen)}
.lb-close{top:calc(env(safe-area-inset-top,0px) + 12px);right:14px}
.lb-prev{left:10px;top:50%;transform:translateY(-50%)}
.lb-next{right:10px;top:50%;transform:translateY(-50%)}
.lb-zaehler{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:0;right:0;text-align:center;color:#bfc2bf;font-size:.95rem}
@media (max-width:960px){.anfrage-grid{grid-template-columns:1fr}}
@media (max-width:560px){.felder{grid-template-columns:1fr}.lightbox{padding-left:8px;padding-right:8px}.lb-prev,.lb-next{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);transform:none}}
.kachel::after{background:linear-gradient(180deg,rgba(24,24,23,.2) 0%,rgba(24,24,23,.5) 40%,rgba(24,24,23,.9) 100%)!important}
.kachel h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;max-width:100%}
@media (max-width:560px){.kachel.gross h3{font-size:1.85rem}}
.rechtsseite{padding:clamp(40px,7vw,80px) 0}
.rechtstext{max-width:760px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.rechtstext h1{font-size:clamp(2.1rem,6vw,4rem);margin-bottom:24px}
.rechtstext h2{font-size:1.55rem;margin:36px 0 8px;padding-top:4px}
.rechtstext h3{font:600 1.1rem "Saira",system-ui,sans-serif;margin:22px 0 6px}
.rechtstext .liste{margin:0 0 12px;padding-left:22px}
.rechtstext a{overflow-wrap:anywhere}
.rechtstext p{margin:0 0 12px;color:var(--text)}
.rechtstext a{color:var(--gruen);font-weight:500}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rechtstext a{color:#6fbf5a}}
.rechtstext .kurz{background:var(--silber-hell);border-left:4px solid var(--gruen);padding:16px 18px;margin:0 0 8px}
.rechtstext .hinweis{font-size:.92rem;color:var(--text-leise);background:rgba(69,135,54,.12);padding:10px 14px;border-radius:3px}
.rechtstext .stand{margin-top:36px;font-size:.92rem;color:var(--text-leise)}
footer ul a[aria-current="page"]{color:#8fd07b}


/* SEO-Umbau: echte Bilder statt Hintergründe */
.hero-text h1 .h1-ort{display:block;font:600 clamp(1rem,1.5vw,1.45rem)/1.25 "Saira",system-ui,sans-serif;letter-spacing:.01em;color:#fff;margin-bottom:.35em}
.wegweiser .foto.rund{padding:0;background:none;overflow:hidden;border-radius:50%}
.wegweiser .foto.rund img{width:100%;height:100%;object-fit:cover;display:block}
.kachel{background:#3a3a38}
.kachel .kachel-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kachel:hover .kachel-bild{transform:scale(1.03)}
.kachel .vorschau-video{z-index:0}
.bilder .foto{padding:0;background:#dfe2df;overflow:hidden}
.bilder .foto img{width:100%;height:100%;object-fit:cover;display:block}
/* FAQ */
.faq{padding-top:0}
.faq-liste{max-width:860px;border-top:1px solid var(--linie)}
.faq-item{border-bottom:1px solid var(--linie)}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 44px 18px 0;position:relative;font:600 1.15rem "Saira",system-ui,sans-serif}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";position:absolute;right:8px;top:50%;width:12px;height:12px;border-right:2.5px solid var(--gruen);border-bottom:2.5px solid var(--gruen);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq-item[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq-item p{margin:0 0 20px;color:var(--text-leise);max-width:60em}
.fehler section{margin-bottom:36px}
.fehler .knopf{color:#fff;text-decoration:none}

.wegweiser .weg-titel{font:800 1.6rem/1.04 "Saira Condensed","Arial Narrow",system-ui,sans-serif;margin:0;transition:color .15s;color:var(--text)}
.wegweiser a:hover .weg-titel{color:var(--gruen)}
.ck .ck-titel{font:800 1.6rem/1.04 "Saira Condensed","Arial Narrow",system-ui,sans-serif;margin:0 0 8px;color:#fff}

/* ===== Unterseiten (Leistungen) ===== */
.kachel .kachel-link{position:absolute;inset:0;z-index:2;border-radius:inherit}
.kachel .kachel-link:focus-visible{outline:3px solid var(--gruen-hell);outline-offset:3px}
.kachel .mehr{display:inline-block;margin-top:10px;font:600 .95rem "Saira",system-ui,sans-serif;color:#b8f0a4}
.kachel.hat-seite:hover .mehr{text-decoration:underline}
.us-hero{position:relative;min-height:clamp(320px,42vw,520px);display:flex;align-items:flex-end;overflow:hidden;background:#2c2c2b}
.us-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.us-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,20,0) 25%,rgba(20,22,20,.78) 100%)}
.us-hero-text{position:relative;z-index:1;color:#fff;padding-bottom:clamp(28px,4vw,48px)}
.us-hero h1{font-size:clamp(2.4rem,5vw,4.4rem);margin:6px 0 8px}
.us-sub{margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem);color:#e3e6e3}
.brotkrumen{font-size:.92rem;color:#cfd3cf}
.brotkrumen a{color:#b8f0a4;text-decoration:none}
.brotkrumen a:hover{text-decoration:underline}
.unterseite section{padding:clamp(40px,6vw,72px) 0}
.unterseite h2{font-size:clamp(1.9rem,3.2vw,2.6rem);margin:0 0 14px}
.lead-text{font-size:clamp(1.1rem,1.6vw,1.3rem);max-width:46em;margin:0 0 28px}
.us-p{max-width:52em;color:var(--text-leise);margin:0 0 20px}
.fakten{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fakt{background:var(--surface);border-left:4px solid var(--gruen);border-radius:3px;padding:18px 18px 16px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.fakt strong{display:block;font:800 clamp(1.7rem,2.6vw,2.2rem)/1 "Saira Condensed","Arial Narrow",system-ui,sans-serif;color:var(--gruen)}
.fakt span{display:block;margin-top:6px;color:var(--text-leise);font-size:.95rem}
.us-qualitaet{background:var(--surface)}
.tabelle-wrap{overflow-x:auto;margin:6px 0 22px;border:1px solid var(--linie);border-radius:4px}
table.werte{width:100%;border-collapse:collapse;min-width:520px;font-size:1rem}
table.werte th,table.werte td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--linie)}
table.werte thead th{background:var(--anthrazit);color:#fff;font:600 .95rem "Saira",system-ui,sans-serif}
table.werte tbody tr:nth-child(even){background:rgba(0,0,0,.025)}
table.werte tbody th{font-weight:500}
table.werte td:last-child{font-weight:600}
.ok{color:var(--gruen);font-weight:800;margin-right:4px}
.quelle{font-size:.88rem;color:var(--text-leise);max-width:60em;border-left:3px solid var(--linie);padding-left:12px}
.vorteile{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vorteile.drei{grid-template-columns:repeat(3,1fr);margin-bottom:24px}
.vorteil{background:var(--surface);border-radius:4px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.vorteil h3{font-size:1.35rem;margin:0 0 8px;color:var(--gruen)}
.vorteil p{margin:0;color:var(--text-leise)}
.rechner{background:var(--anthrazit);color:#fff;border-radius:4px;padding:22px 24px;max-width:52em}
.rechner h3{margin:0 0 8px;font-size:1.5rem;color:#b8f0a4}
.rechner p{margin:0;color:#dfe2df}
.us-cta{background:linear-gradient(135deg,var(--gruen) 0%,#1d5c16 100%);color:#fff}
.us-cta .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.us-cta h2{color:#fff}
.us-cta p{margin:0;color:#e6f0e3}
.us-cta .knopf svg{width:20px;height:20px}
@media (max-width:960px){.fakten,.vorteile{grid-template-columns:1fr 1fr}.vorteile.drei{grid-template-columns:1fr}}
@media (max-width:560px){.fakten{grid-template-columns:1fr 1fr}.vorteile{grid-template-columns:1fr}}
@media (max-width:560px){table.werte{min-width:0;font-size:.88rem}table.werte th,table.werte td{padding:9px 7px}table.werte thead th{font-size:.82rem}}
@media (max-width:560px){table.werte th{hyphens:auto;overflow-wrap:anywhere}}

.kachel{position:relative}
.kachel .inhalt{position:relative;z-index:2}
.kachel .kachel-link{z-index:3;display:block}
.us-hero .bild{position:absolute;inset:0;width:100%;height:100%}

.bild-hero{background:url(/assets/img/hero.webp) center/cover no-repeat !important}.bild-transport{background:url(/assets/img/transport.webp) center/cover no-repeat !important}.bild-handel{background:url(/assets/img/handel.webp) center/cover no-repeat !important}.bild-brennholz{background:url(/assets/img/brennholz.webp) center/cover no-repeat !important}.bild-pellets{background:url(/assets/img/pellets.webp) center/cover no-repeat !important}.bild-weg1{background:url(/assets/img/weg1.webp) center/cover no-repeat !important}.bild-weg2{background:url(/assets/img/weg2.webp) center/cover no-repeat !important}.bild-weg3{background:url(/assets/img/weg3.webp) center/cover no-repeat !important}.bild-g1{background:url(/assets/img/g1.webp) center/cover no-repeat !important}.bild-g2{background:url(/assets/img/g2.webp) center/cover no-repeat !important}.bild-g3{background:url(/assets/img/g3.webp) center/cover no-repeat !important}.bild-g4{background:url(/assets/img/g4.webp) center/cover no-repeat !important}.bild-g5{background:url(/assets/img/g5.webp) center/cover no-repeat !important}.bild-g6{background:url(/assets/img/g6.webp) center/cover no-repeat !important}.bild-g7{background:url(/assets/img/g7.webp) center/cover no-repeat !important}.bild-g8{background:url(/assets/img/g8.webp) center/cover no-repeat !important}.bild-g1gross{background:url(/assets/img/g1gross.webp) center/cover no-repeat !important}.bild-g2gross{background:url(/assets/img/g2gross.webp) center/cover no-repeat !important}.bild-g3gross{background:url(/assets/img/g3gross.webp) center/cover no-repeat !important}.bild-g4gross{background:url(/assets/img/g4gross.webp) center/cover no-repeat !important}.bild-g5gross{background:url(/assets/img/g5gross.webp) center/cover no-repeat !important}.bild-g6gross{background:url(/assets/img/g6gross.webp) center/cover no-repeat !important}.bild-g7gross{background:url(/assets/img/g7gross.webp) center/cover no-repeat !important}.bild-g8gross{background:url(/assets/img/g8gross.webp) center/cover no-repeat !important}.bild-transport-gross{background:url(/assets/img/transport-gross.webp) center/cover no-repeat !important}.bild-handel-gross{background:url(/assets/img/handel-gross.webp) center/cover no-repeat !important}.bild-brennholz-gross{background:url(/assets/img/brennholz-gross.webp) center/cover no-repeat !important}.bild-hero-band{background:url(/assets/img/hero-band.webp) center/cover no-repeat !important}.bild-ki-pellets{background:url(/assets/img/ki-pellets.webp) center/cover no-repeat !important}.bild-ki-ofen{background:url(/assets/img/ki-ofen.webp) center/cover no-repeat !important}.hero-bild.bild-hero{background-position:50% 0!important}@media (max-width:960px){.hero-bild.bild-hero{background-size:auto 64vw!important;background-position:80% 0!important;background-color:#2c2c2b!important}}
/* === Überarbeitung 30.09.2026 === */
.bild-pellets-gross{background:url(/assets/img/pellets-gross.webp) 75% 70%/cover no-repeat !important}
/* Lead-Band größer */
.hero-band .lead-huelle{padding:clamp(40px,5.2vw,78px) clamp(28px,4vw,72px)}
.hero-band .lead-huelle .lead{font-size:clamp(1.7rem,3.4vw,3.2rem);line-height:1.22;max-width:24em;padding:0}
.hero-band .lead-huelle .lead .akzent{white-space:nowrap}
.us-hero:has(.bild-pellets-gross)::after{background:linear-gradient(180deg,rgba(20,22,20,0) 45%,rgba(20,22,20,.72) 100%)}
@media (max-width:960px){.hero-band .lead-huelle{padding:30px 18px 36px}.hero-band .lead-huelle .lead{font-size:clamp(1.35rem,5.4vw,1.8rem)}}
/* Abstände Startseite */
section[id$="-leistungen"]{padding-bottom:clamp(36px,4.5vw,56px)}
.galerie{padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(40px,5vw,64px)}
.anfrage{padding-top:clamp(36px,4.5vw,56px)}
/* Formular und Karte gleich hoch */
@media (min-width:961px){
  .anfrage-grid{align-items:stretch}
  .karte{display:flex;flex-direction:column}
  .karte-box{flex:1;aspect-ratio:auto;min-height:320px}
}
/* KI-Hinweis oben rechts */
.us-bild-text .ki-tag{position:absolute;top:14px;right:14px;margin:0;z-index:2;color:#fff;background:rgba(20,22,20,.55);border-color:rgba(255,255,255,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.us-bild-unter figcaption{position:static;background:var(--anthrazit);padding:14px 20px}
/* Unterseiten: ein gemeinsamer Anfrage-Block in Dunkelgrün */
.anfrage.us-anfrage{background:linear-gradient(135deg,var(--gruen) 0%,#1d5c16 100%)}
.unterseite .anfrage.us-anfrage{padding:clamp(44px,6vw,72px) 0}

/* === Runde 2: Fotos Leistungsseiten === */
.bild-rh_kran{background:url(/assets/img/rh_kran.webp) 50% 40%/cover no-repeat !important}
.bild-rh_gruen{background:url(/assets/img/rh_gruen.webp) 50% 50%/cover no-repeat !important}
.bild-rh_nacht{background:url(/assets/img/rh_nacht.webp) 50% 62%/cover no-repeat !important}
.bild-rh_polter{background:url(/assets/img/rh_polter.webp) 50% 50%/cover no-repeat !important}
.bild-rh_werk{background:url(/assets/img/rh_werk.webp) 40% 50%/cover no-repeat !important}
.bild-rh_herbst{background:url(/assets/img/rh_herbst.webp) 50% 55%/cover no-repeat !important}
.vorteile.mit-foto{grid-template-columns:repeat(4,1fr)}
.vorteile.mit-foto .vorteil-foto{grid-row:span 2;border-radius:4px;min-height:340px;box-shadow:0 8px 20px rgba(0,0,0,.1)}
@media (max-width:960px){.vorteile.mit-foto{grid-template-columns:1fr 1fr}.vorteile.mit-foto .vorteil-foto{grid-column:1/-1;grid-row:auto;min-height:0;aspect-ratio:16/9}}
@media (max-width:560px){.vorteile.mit-foto{grid-template-columns:1fr}}
.us-qualitaet .us-duo-text .us-p{margin-bottom:0}
/* Ablauf: Überschrift etwas höher, mehr Luft zu den Schritten */
.unterseite .us-ablauf{padding-top:clamp(30px,4vw,52px)}
.us-ablauf h2{margin-bottom:clamp(26px,3vw,40px)}
/* Lead-Band schmaler */
.hero-band .lead-huelle{padding:clamp(20px,2.2vw,34px) clamp(24px,3vw,56px)}
.hero-band .lead-huelle::before,.hero-band .lead-huelle::after{top:clamp(10px,1vw,16px);bottom:clamp(10px,1vw,16px)}
.hero-band .lead-huelle .lead{font-size:clamp(1.4rem,2.2vw,2.15rem);line-height:1.25;max-width:32em}
@media (max-width:960px){.hero-band .lead-huelle{padding:22px 18px 26px}.hero-band .lead-huelle .lead{font-size:clamp(1.25rem,5vw,1.6rem)}}

/* Runde 3 */
@media (max-width:960px){
 .hero-band .lead-huelle{padding:22px 24px 26px;justify-content:center}
 .hero-band .lead-huelle::after{display:block}
 .hero-band .lead-huelle .lead{text-align:center;margin:0 auto}
 .vorteile.mit-foto .vorteil-foto.bild-rh_kran{background-position:50% 62% !important}
}
.us-hero:has(.bild-pellets-gross){min-height:clamp(420px,52vw,800px)}
.bild-pellets-gross{background-position:50% 54% !important}
@media (max-width:600px){.bild-pellets-gross{background-position:53% 55% !important}}
.us-hero .us-hero-text{width:100%}

/* Runde 4: Video weich ein- und ausblenden */
.kachel .vorschau-video{transition:opacity .45s ease}
.kachel .vorschau-video{pointer-events:none}

.bild-rh_schiff{background:url(/assets/img/rh_schiff.webp) 96% 50%/cover no-repeat !important}
@media (min-width:961px){
  .bild-rh_schiff{height:auto !important;aspect-ratio:3/1;background-position:50% 78% !important}
  .unterseite:has(.us-bildband) .us-bildband .bild-rh_schiff{max-height:none}
  .unterseite:has(.us-bildband){display:flex;flex-direction:column}
  .unterseite:has(.us-bildband) .us-bildband{order:8}
  .unterseite:has(.us-bildband) .anfrage.us-anfrage{order:9}
}

/* Runde 7 */
@media (min-width:961px){
 .hero-text{top:5vw}
 .unterseite .us-vorteile{padding-bottom:58px}
 .unterseite .us-vorteile + .us-holz{padding-top:58px}
 .us-duo-text .us-p + .us-p{margin-top:14px}
}
.us-duo-text .us-p + .us-p{margin-top:12px}


/* ===== Überarbeitung 06.10.2026 ===== */

/* Bilder erst laden, wenn sie in die Nähe des sichtbaren Bereichs kommen (nur mit JavaScript) */
.js .bild.lazy{background-image:none!important;background-color:var(--foto-a)!important}
.js .kachel.bild.lazy{background-color:#3a3b39!important}

/* Fehlermeldung im Formular */
.form-fehler{margin:16px 0 0;padding:12px 14px;background:rgba(190,60,40,.12);border-left:4px solid #b8432d;border-radius:3px}
.form-ok a,.form-fehler a{color:inherit;font-weight:600}
.formular button[disabled]{opacity:.6;cursor:progress}

/* PEFC-Label */
.pefc-label{display:block;flex:none;width:224px;max-width:100%;height:auto}
.pefc-label.fuss{width:170px}
@media (max-width:560px){.pefc .pefc-label{width:190px}}

/* Brotkrumen: Startseite verlinkt */
.brotkrumen a{color:#b8f0a4;text-decoration:none}

/* 404-Seite */
.fehler-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px;padding:0;list-style:none}
.fehler-links a{display:inline-block;padding:10px 16px;border:2px solid var(--linie);border-radius:4px;text-decoration:none;font-weight:600}
.fehler-links a:hover{border-color:var(--gruen);color:var(--gruen)}

/* Große Monitore (ab 1651 px Breite, z. B. 1920 oder 2560): Titelbild nicht mehr bei 980 px kappen,
   sondern ganz zeigen – wie auf dem Laptop. So bleibt der Lkw vollständig sichtbar. */
@media (min-width:1651px){
  .hero-bild{height:calc(100vw / 1.684)}
}

/* Sehr breite Monitore (21:9, z. B. 3440 x 1440): Titelbild gerahmt in Bildschirmhöhe,
   seitlich eine weichgezeichnete, abgedunkelte Fortsetzung desselben Fotos */
@media (min-width:1700px) and (min-aspect-ratio:21/10){
  .hero2{position:relative;isolation:isolate;overflow:hidden;background:#1d1e1c}
  .hero2::before{content:"";position:absolute;inset:-80px;z-index:-1;background:url(/assets/img/hero.webp) 50% 45%/cover no-repeat;filter:blur(42px) brightness(.42) saturate(1.1)}
  .hero2>.hero-bild,.hero2>.hero-band{width:min(100%,calc((100vh - 81px) * 1.684));margin-left:auto;margin-right:auto}
  .hero2>.hero-bild{height:min(calc(100vw / 1.684),calc(100vh - 81px));box-shadow:0 0 80px rgba(0,0,0,.45)}
  .hero2 .hero-text{top:calc(min(100vw,(100vh - 81px) * 1.684) * .05)}
  /* Titelbilder der Unterseiten: auf 1920 px begrenzt, Ränder weich auslaufend */
  .us-hero>.bild{left:50%!important;right:auto!important;width:min(100%,1920px)!important;transform:translateX(-50%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
  .us-hero{background:#232322}
  /* Bildbänder der Unterseiten (Schiff, KI-Pellets): ebenfalls auf 1920 px begrenzt */
  .us-bildband{background:#232322}
  .us-bildband figure{max-width:1920px;margin:0 auto}
}


/* ===== Überarbeitung 07.10.2026 ===== */
.hero-text .slogan{font:800 clamp(2rem,3.9vw,4.4rem)/1.04 "Saira Condensed","Arial Narrow",system-ui,sans-serif;margin:0 0 1.3vw;text-wrap:balance;color:#fff}
@media (max-width:960px){.hero-text .slogan{font-size:clamp(2.2rem,8vw,3.2rem);margin-bottom:20px}}
.ck .ck-titel{font:800 1.6rem/1.04 "Saira Condensed","Arial Narrow",system-ui,sans-serif;margin:0 0 8px;color:#fff}
/* Hinweis auf die niederländische Version */
.sprachhinweis{background:var(--gruen);color:#fff;font-size:.95rem}
.sprachhinweis .wrap{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}
.sprachhinweis a{color:#fff;font-weight:700}
.sprachhinweis button{margin-left:auto;background:none;border:0;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:2px 8px}
/* Handy: kleinere Bilddateien */
@media (max-width:800px){
  .bild-hero{background-image:url(/assets/img/hero-m.webp)!important}
  .bild-transport-gross{background-image:url(/assets/img/transport-gross-m.webp)!important}
  .bild-handel-gross{background-image:url(/assets/img/handel-gross-m.webp)!important}
  .bild-brennholz-gross{background-image:url(/assets/img/brennholz-gross-m.webp)!important}
  .bild-pellets-gross{background-image:url(/assets/img/pellets-gross-m.webp)!important}
  .bild-ki-pellets{background-image:url(/assets/img/ki-pellets-m.webp)!important}
  .bild-rh_schiff{background-image:url(/assets/img/rh_schiff-m.webp)!important}
  .bild-rh_nacht{background-image:url(/assets/img/rh_nacht-m.webp)!important}
}


/* ===== Überarbeitung 09.10.2026: Steckbrief ===== */
.steckbrief-liste{display:grid;grid-template-columns:minmax(9rem,13rem) 1fr;margin:0;max-width:60rem;border-top:2px solid var(--gruen)}
.steckbrief-liste dt,.steckbrief-liste dd{margin:0;padding:14px 0;border-bottom:1px solid var(--linie)}
.steckbrief-liste dt{font:600 1rem/1.5 "Saira",system-ui,sans-serif;color:var(--text-leise);padding-right:20px}
.steckbrief-liste dd{line-height:1.55}
.steckbrief-liste ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.steckbrief-liste a{color:var(--gruen);font-weight:600;text-underline-offset:3px}
.steckbrief-liste .nw{white-space:nowrap}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .steckbrief-liste a{color:#7fcf6a}}
:root[data-theme="dark"] .steckbrief-liste a{color:#7fcf6a}
@media (max-width:640px){
  .steckbrief-liste{grid-template-columns:1fr}
  .steckbrief-liste dt{padding:14px 0 2px;border-bottom:0}
  .steckbrief-liste dd{padding:0 0 14px}
}


/* ===== 10.10.2026: Zusatzangebot Brennholz ===== */
.vorteile.zwei{grid-template-columns:repeat(2,1fr);margin-bottom:24px}
@media (max-width:960px){.vorteile.zwei{grid-template-columns:1fr}}
.unterseite .us-zusatz{padding-top:0}
.zusatz-box{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,3.4vw,52px);align-items:start;background:var(--surface);border-left:6px solid var(--gruen);border-radius:4px;padding:clamp(22px,3vw,40px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.zusatz-box h2{margin-top:0;text-wrap:balance}
.zusatz-box .us-p{margin-bottom:0}
.zusatz-marke{display:inline-block;margin:0 0 12px;padding:3px 12px;border-radius:999px;background:rgba(27,127,58,.12);color:var(--gruen-dunkel);font-weight:600;font-size:.92rem}
.zusatz-bedingungen h3{font-size:1.4rem;margin:4px 0 14px}
.zusatz-bedingungen ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.zusatz-bedingungen li{position:relative;padding-left:26px;line-height:1.5}
.zusatz-bedingungen li::before{content:"";position:absolute;left:2px;top:.5em;width:11px;height:11px;border-radius:2px;background:var(--gruen)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .zusatz-marke{color:#9fe089;background:rgba(127,207,106,.14)}}
:root[data-theme="dark"] .zusatz-marke{color:#9fe089;background:rgba(127,207,106,.14)}
@media (max-width:820px){.zusatz-box{grid-template-columns:1fr}}