/* SIMPEL – ruhig, vertrauenswürdig, wenig Effekt */
:root{--neon:#c8dba8;--moos:#2f4a26}
body{background:#fff;font-size:17.5px}
header{background:#fff;backdrop-filter:none;border-bottom:1px solid #e6ebe0;top:0}
.btn{background:#0504aa;box-shadow:none;border-radius:8px;font-weight:600;letter-spacing:0}
.btn:hover{transform:none;box-shadow:none;background:#12119a}
.btn.hell{background:#fff;color:#2f4a26!important;box-shadow:none}
h2{font-size:clamp(28px,3.4vw,40px);font-weight:600;letter-spacing:-.01em;text-transform:none;max-width:none}
.kicker{display:none}
.hero{min-height:70vh;padding-block:90px}
.hero::before{background:rgba(18,32,15,.55)}
.hero h1{font-size:clamp(34px,5vw,56px);font-weight:600;letter-spacing:-.02em;line-height:1.1;max-width:22ch}
.hero h1 em{color:#fff;font-style:normal;white-space:normal}
.hero h1 em::after{display:none}
.hero p{font-size:clamp(18px,1.6vw,21px);max-width:44ch}
.hexa{display:none}
.karte,.person{border-radius:14px;box-shadow:none;border:1px solid #e1e7da;background:#fff}
.karte:hover{box-shadow:0 8px 24px rgba(36,58,31,.10);transform:none}
.karte::after{display:none}
.hell{background:#f5f8f1}
section{padding-block:72px}
.gutschein{background:#f5f8f1}
.gc{border-radius:14px;transform:none;box-shadow:0 10px 30px rgba(36,58,31,.15)}
.gl{background:#e3ecd3;color:#2f4a26}
.gs li::before{background:#2f4a26}
.hexband{padding:44px 0 66px}
.hexband i{width:128px;height:111px;margin:0 -9px;animation:none;filter:none}
.hexband i:nth-child(even){transform:translateY(34px)}
.moossek{background:#f5f8f1}
.moossek img{border-radius:14px;box-shadow:0 14px 36px rgba(36,58,31,.16)}
@media(max-width:700px){.hexband i{width:70px;height:61px;margin:0 -5px}.hexband i:nth-child(even){transform:translateY(20px)}.hexband i:nth-child(n+9){display:none}}
/* Footer schlicht */
.mf{background:#1f3318;color:#d6dfcf;padding:56px 0 24px}
.mf h4{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.mf a{color:#d6dfcf;display:block;margin-bottom:8px;text-decoration:none}
.mf a:hover{color:#fff;text-decoration:underline}
.mfg{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.15)}
.mfl{height:44px;width:auto;background:#fff;padding:5px 9px;border-radius:6px}
.mfb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:20px;font-size:14px;color:#a9b8a0}
.mfb a{display:inline;color:#a9b8a0;font-size:14px}
.mf .wrap{display:block}
@media(max-width:800px){.mfg{grid-template-columns:1fr 1fr}}
.karte h3{overflow-wrap:anywhere;hyphens:auto;font-size:21px}
.hero h1{max-width:18ch}
@media(max-width:900px){.hero h1{max-width:none}}
.hero .btns{margin-top:30px}
/* Wabe: angeschnittene Honigwabe mit Eichenrändern */
.wabe{--w:clamp(66px,10.3vw,132px);--g:1.07;position:relative;height:calc(var(--w)*.866*3.25*var(--g));overflow:hidden;background:#fff}
.wabe-in{position:absolute;right:calc(var(--w)*-.55);top:calc(var(--w)*.866*.15);width:calc(var(--w)*.75*var(--g)*9 + var(--w));height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.wabe i{position:absolute;display:block;width:var(--w);aspect-ratio:1.1547;left:calc(var(--c)*var(--w)*.75*var(--g));top:calc((var(--r) + var(--o)*.5)*var(--w)*.866*var(--g));background:linear-gradient(135deg,#a07c52,#7a5a38);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.wabe i::after{content:"";position:absolute;inset:6.5% 5.6%;background:var(--p) center/cover;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
@media(max-width:700px){.wabe-in{right:calc(var(--w)*-1.2)}}
/* Wabe-Bausteine (allgemein) */
.wb{--g:1.07;position:relative;width:calc(var(--w)*(.75*var(--g)*var(--nc) + .25));height:calc(var(--w)*.866*var(--g)*var(--nr))}
.wb i{position:absolute;display:block;width:var(--w);aspect-ratio:1.1547;left:calc(var(--c)*var(--w)*.75*var(--g));top:calc((var(--r) + var(--o)*.5)*var(--w)*.866*var(--g));background:linear-gradient(135deg,#a07c52,#7a5a38);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.wb i::after{content:"";position:absolute;inset:6.5% 5.6%;background:var(--p) center/cover;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.hwabe{position:absolute;right:max(2%,calc(50% - 600px));top:50%;transform:translateY(-50%);--w:clamp(70px,9.5vw,124px);--nc:4;--nr:3.5;pointer-events:none}
.mwabe{--w:clamp(80px,12vw,150px);--nc:5;--nr:3.5;display:flex;justify-content:center}
@media(max-width:900px){.hwabe{opacity:.3;right:-8%}}

.moosband{line-height:0;background:#fff}.moosband img{width:100%;height:auto;max-height:440px;object-fit:cover;object-position:50% 50%;display:block;border-radius:0!important}
/* Moos-Streifen oben im Header */
.moosstreifen{height:46px;background:#1d2b1b url(img/moos-streifen.jpg) center/cover}
.moossek .wrap{display:block}.moossek .mwabe{margin:0 auto}
.seitenkopf{padding-block:56px 0!important}.seitenkopf h1{font-size:clamp(32px,4vw,46px);font-weight:600}

/* ===== NATUR-PALETTE: Eiche, Ocker, Moos, See-Blau ===== */
:root{--blau:#2f6173;--gruen:#5f8237;--dunkel:#2b3a1f;--text:#3b362f;--linie:#e8dfcd;--hell:#f6efe2;--ocker:#c8963e;--eiche:#a97c50;--sand:#f6efe2;--creme:#fdfaf3;--neon:#ecd29c}
body{background:var(--creme);color:var(--text)}
header{background:rgba(253,250,243,.97)!important;border-bottom:1px solid var(--linie)!important}
.btn{background:var(--blau)!important;border-radius:10px}
.btn:hover{background:#244f60!important}
.btn.hell{background:#fffdf8!important;color:#3d4f2a!important}
.hero .btn.hell{background:rgba(255,253,248,.94)!important}
.hell{background:var(--sand)!important}
.karte{background:#fffdf8!important;border:1px solid var(--linie)!important;box-shadow:0 8px 24px rgba(120,88,48,.08)!important}
.karte .ic{background:var(--ocker)!important}
.karte .ic::before{background:#fffdf8!important}
.karte .mehr,.faq summary::after,details summary::after{color:var(--blau)!important}
main h2::after{content:"";display:block;width:46px;height:3px;border-radius:2px;background:var(--ocker);margin-top:14px}
.hero h1::after,.vertrauen h2::after,.seitenkopf h1::after{display:none!important}
.gruen{color:#587a33!important}
.vertrauen{background:#2f2a1c!important}
.haken li::before{background:var(--neon)!important;color:#3a2c10!important}
img.foto{box-shadow:0 0 0 4px #f0dfb8,0 8px 22px rgba(120,88,48,.18)!important;border:0!important}
.foto-ems{box-shadow:0 14px 34px rgba(120,88,48,.18)!important}
.ptab,.faq details{background:#fffdf8!important;border-color:var(--linie)!important}
.ptab summary,.faq summary{color:#3d4f2a}
.gc{background:linear-gradient(135deg,#6a4a2a,#b28552)!important}
.gc .gl{background:#f6e7c6!important;color:#5a3d1c!important}
.mf{background:#2a281a!important}
.mf h4{color:#e3bb72!important}
.mf a:hover{color:#e3bb72!important}
.sticky-cta{background:rgba(253,250,243,.97)!important;border-top:1px solid var(--linie)!important}
.sticky-cta .anruf{background:#f6efe2!important;color:#3d4f2a!important}
.hinweis{color:#6c6455!important}
input,select,textarea{background:#fffdf8!important;border-color:#dccfb6!important}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ocker)!important;border-color:var(--ocker)!important}
::selection{background:#ecd9b0}
.hero::after{background:linear-gradient(180deg,rgba(40,30,15,.18),rgba(35,45,20,.45))}
.gutschein{background:#f3eadb!important}.gs li::before{background:#4f6f2e!important}