#region-preview{--forest:#183323;--cream:#f7f4ea;--ink:#21372a;background:var(--cream);color:var(--ink);font:15px/1.6 Arial,sans-serif}#region-preview *{box-sizing:border-box}#region-preview .inner{padding:36px 5%}#region-preview nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:20px 5%;border-bottom:1px solid #ffffff30;font-size:12px}#region-preview .brand{font:22px Georgia,serif;margin-right:auto}#region-preview .hero{color:#fff;background:linear-gradient(100deg,rgba(9,17,13,.95) 0%,rgba(9,17,13,.86) 32%,rgba(9,17,13,.55) 60%,rgba(9,17,13,.3) 100%),radial-gradient(ellipse at top right,rgba(63,107,69,.2),transparent 60%),url('fotos/abendfeld.webp') 70% 45%/cover}#region-preview .hero-copy{padding:45px 7% 48px;max-width:710px}#region-preview .eyebrow{color:#426044;opacity:1;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px}#region-preview h1{font:76px/1 Georgia,serif;margin:0 0 12px}#region-preview h2{font:34px/1.15 Georgia,serif;margin:0 0 16px}#region-preview .subtitle{font:28px/1.2 Georgia,serif;max-width:440px;margin:0 0 16px}#region-preview p{margin:0 0 15px}#region-preview .hero-copy>p:last-child{max-width:420px;font-size:14px;color:#eee}#region-preview .split{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}#region-preview img{width:100%;display:block;object-fit:cover;border-radius:8px}#region-preview .water{height:235px}#region-preview .stats{display:flex;gap:26px;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #21372a20}#region-preview .stats strong{display:block;font-size:18px;font-weight:400}#region-preview .stats span{font-size:11px}#region-preview .nature{background:#eaece0}#region-preview .path{height:350px;object-position:center 50%}#region-preview .nature .split{grid-template-columns:1fr 1fr}#region-preview .places{display:grid;grid-template-columns:1fr 1fr;gap:20px}#region-preview .place{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center}#region-preview .place img{height:100px}#region-preview .place h3{font:22px Georgia,serif;margin:0 0 6px}#region-preview .place p{font-size:13px;margin:0}#region-preview .gallery-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}#region-preview .gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}#region-preview .gallery button{padding:0;background:none;border:0;color:inherit;text-align:left;font:11px Arial,sans-serif}#region-preview .gallery img{height:125px;margin-bottom:8px}#region-preview .closing{background:linear-gradient(90deg,#13251dd9,#13251d66),url('fotos/abendfeld.webp') center 55%/cover;color:#fff;padding:65px 7%}#region-preview blockquote{font:32px/1.3 Georgia,serif;max-width:620px;margin:0}#region-preview footer{padding:18px 5%;font-size:11px;background:#183323;color:#ddd}#region-preview .expanded{margin-top:20px}#region-preview .expanded img{max-height:520px;object-fit:contain;background:#eaece0}#region-preview .expanded[hidden]{display:none}#region-preview .expanded button{margin-top:8px;padding:8px 14px;background:#183323;color:#fff;border:0;border-radius:4px} @media(max-width:650px){#region-preview nav .navitem{display:none}#region-preview h1{font-size:58px}#region-preview .split,#region-preview .nature .split,#region-preview .places{grid-template-columns:1fr;gap:22px}#region-preview .gallery{grid-template-columns:repeat(3,1fr)}#region-preview .inner{padding:30px 6%}#region-preview .path{height:340px}#region-preview h2{font-size:30px}#region-preview .stats{gap:20px}}

#region-preview .hero h1{font-family:"Bricolage Grotesque",Arial,sans-serif;font-weight:500;font-size:clamp(35.2px,5vw,54.4px);line-height:1.2;color:#fff !important;margin:0 0 18px}
#region-preview .hero-copy{padding:70px 5% 64px;max-width:850px;font-family:Inter,Arial,sans-serif}
#region-preview .hero .eyebrow{font-size:13.12px;font-weight:600;letter-spacing:.2em;color:#d5dfa7;margin:0 0 16px}
#region-preview .hero .subtitle{font:400 17.28px/1.65 Inter,Arial,sans-serif;margin:0;max-width:60ch;color:rgba(255,255,255,.7)}
#region-preview .hero nav{font-family:Inter,Arial,sans-serif;font-size:16px;color:rgba(255,255,255,.7)}
#region-preview .hero .brand{font:600 22px Inter,Arial,sans-serif;color:#fff}

#region-preview .gallery button{cursor:pointer} #region-preview .gallery button:focus-visible{outline:3px solid #426c3d;outline-offset:4px} #region-preview .expanded button{cursor:pointer} #region-preview .expanded p{margin:10px 0 0}

/* Kennzahlen und weiterführender Link */
#region-preview .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
#region-preview .stats svg{display:block;width:30px;height:30px;margin-bottom:8px;color:#426044}
#region-preview .stats strong{font-size:18px;line-height:1.3;font-weight:600}
#region-preview .stats span{display:block;font-size:12px;line-height:1.45;margin-top:4px}
#region-preview .kuehkopf-link{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;margin-top:4px;border:1px solid #426044;border-radius:4px;color:#21372a;text-decoration:none;font:14px/1.4 Arial,sans-serif}
#region-preview .kuehkopf-link:hover{background:#183323;border-color:#183323;color:#fff}
#region-preview .kuehkopf-link:focus-visible{outline:3px solid #426044;outline-offset:4px}
@media(max-width:400px){#region-preview .stats{gap:10px}#region-preview .stats strong{font-size:16px}#region-preview .stats span{font-size:11px}}