@font-face{font-family:'DM Sans';src:url("fonts/DMSans-VariableFont_opsz,wght.ttf") format("truetype");font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url("fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");font-weight:400 900;font-style:normal;font-display:swap}
:root{--ink:#241715;--wine:#6f2436;--wine-dark:#401820;--gold:#c8a66a;--cream:#f7f3ec;--paper:#fffdf9;--muted:#7f716b;--line:rgba(36,23,21,.15);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;flex:none;white-space:nowrap;font-family:var(--serif);font-size:18px;color:#fff;letter-spacing:-2px}.brand-mark span{color:var(--gold);padding:0 2px}.brand-name{font-size:14px;font-weight:700;letter-spacing:2px;line-height:1.2}.brand-name small{display:block;font-size:8px;font-weight:500;letter-spacing:1.55px;color:#cbb9ad;margin-top:5px}.nav{display:flex;align-items:center;gap:35px;font-size:12px;letter-spacing:.8px}.nav a{transition:color .2s}.nav a:hover{color:var(--gold)}.nav-cta{border:1px solid rgba(200,166,106,.75);padding:11px 17px}.nav-cta span{color:var(--gold);margin-left:10px}.menu-toggle{display:none;background:none;border:0;color:white}.hero{height:min(740px,calc(100vh - 88px));min-height:610px;position:relative;display:flex;align-items:center;background:#34201e;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/goldener-hintergrund.jpg') center 46%/cover no-repeat;transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,rgba(26,15,14,.88) 0%,rgba(35,18,17,.73) 43%,rgba(35,18,17,.18) 100%),linear-gradient(0deg,rgba(20,12,11,.4),transparent 40%)}.hero-content{position:relative;z-index:1;padding-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#e5c994;display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow>span{height:1px;width:31px;background:var(--gold);display:inline-block}.eyebrow.dark{color:var(--wine)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-1.3px;line-height:1.14}h1{font-size:clamp(42px,5.3vw,72px);max-width:850px;margin-bottom:24px}h1 em,h2 em,.footer em{font-weight:500;color:#d9b879}h1 em{font-style:normal}.hero-copy{max-width:560px;color:#e7ded8;font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#241715}.button-gold:hover{background:#dfc18a}.button span{font-size:16px}.text-link{font-size:11px;color:white;border-bottom:1px solid rgba(255,255,255,.5);padding:0 0 8px}.text-link span{color:var(--gold);margin-left:10px}.hero-note{position:absolute;bottom:0;left:0;right:0;height:58px;border-top:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;gap:17px;font-size:9px;letter-spacing:2px;color:#e7d8c6}.note-line{height:1px;width:34px;background:var(--gold)}.note-dot{color:var(--gold)}.section-pad{padding:110px 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:100px;align-items:end}.intro h2,.section-heading h2,.features h2,.getting-there h2,.contact h2{font-size:clamp(36px,4.3vw,56px);margin:0}.intro h2 em,.section-heading h2 em,.gallery h2 em{font-style:normal;color:var(--wine)}.intro-text p{color:#645650;line-height:1.95;margin-bottom:23px}.under-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:9px}.under-link span{color:var(--wine);margin-left:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid var(--line);padding-top:30px}.stat{padding:0 25px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{display:block;font-family:var(--serif);font-size:37px;font-weight:500;color:var(--wine);line-height:1.2}.stat span{font-size:11px;color:#6f625c;display:block;margin-top:7px}.spaces{background:var(--ink);color:white}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading h2{margin-top:8px}.section-heading>p{max-width:335px;color:#bdb0a8;font-size:13px;line-height:1.9;margin-bottom:5px}.spaces .section-heading h2 em,.features h2 em,.getting-there h2 em,.contact h2 em{font-style:normal;color:var(--gold)}.space-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.space-card{height:310px;position:relative;overflow:hidden;background:#45322d}.space-card.space-large{grid-row:span 2;height:638px}.space-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.space-card:hover img{transform:scale(1.04)}.space-card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,rgba(18,11,10,.86),transparent)}.space-caption{position:absolute;z-index:1;bottom:24px;left:27px;right:25px}.space-caption span{font-size:9px;letter-spacing:2px;color:#e3c58d}.space-caption h3{font-family:var(--serif);font-size:28px;font-weight:500;margin:8px 0 3px}.space-caption p{font-size:12px;color:#e0d6d0;margin:0}.features{background:var(--wine-dark);color:white}.features-grid{display:grid;grid-template-columns:.85fr 1fr;gap:120px}.features-copy>p:not(.eyebrow){max-width:360px;color:#d3c4bd;line-height:1.9;margin:24px 0 27px;font-size:13px}.button-outline{border-color:var(--gold);color:white}.button-outline:hover{background:rgba(200,166,106,.12)}.feature-list{border-top:1px solid rgba(255,255,255,.2)}.feature{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.2)}.feature-icon{width:42px;height:42px;flex:none;border:1px solid rgba(200,166,106,.55);display:grid;place-items:center;color:var(--gold);font-size:18px}.feature h3{font-size:14px;margin:0 0 3px;font-weight:600}.feature p{font-size:12px;color:#c8b7ae;margin:0}.gallery{background:var(--cream)}.gallery .section-heading>p{color:#756660}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:220px 220px;grid-auto-rows:220px;gap:13px}.gallery-item{border:0;padding:0;position:relative;overflow:hidden;cursor:pointer;background:#ddd;text-align:left}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s,filter .3s}.gallery-item:hover img{transform:scale(1.05);filter:brightness(.8)}.gallery-item:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(20,12,11,.72),transparent)}.gallery-item span{position:absolute;z-index:1;bottom:15px;left:17px;color:white;font-size:11px;letter-spacing:.3px}.g1{grid-column:span 2;grid-row:span 2}.g2{grid-column:span 2}.g3,.g4,.g5,.g6{grid-column:span 1}.getting-there{background:var(--ink);color:white}.getting-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.getting-lead{max-width:400px;color:#c9bbb2;font-size:13px;line-height:1.9;margin:23px 0 27px}.route-card{border:1px solid rgba(255,255,255,.2);padding:12px 28px 24px}.route-row{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.15)}.route-symbol{width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:13px}.route-row div{flex:1}.route-row strong,.route-row small{display:block}.route-row strong{font-size:13px}.route-row small{color:#b9aaa2;font-size:11px}.route-row b{font-size:12px;color:#e1c48c;font-weight:500}.address-box{display:flex;gap:13px;align-items:center;padding-top:25px}.pin{font-size:22px;color:var(--gold)}.address-box div{flex:1}.address-box small{display:block;font-size:8px;letter-spacing:1.5px;color:#b8a49a;margin-bottom:5px}.address-box strong{font-size:12px;line-height:1.6}.copy-address{border:0;background:transparent;color:var(--gold);font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.contact{background:#f0e8dd;position:relative;overflow:hidden}.contact-decor{position:absolute;width:450px;height:450px;border:1px solid rgba(111,36,54,.1);border-radius:50%;right:-180px;top:-170px}.contact-grid{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:110px;align-items:start}.contact h2 em{color:var(--wine)}.contact-grid>div>p:not(.eyebrow){max-width:430px;color:#76655e;font-size:13px;line-height:1.9;margin:23px 0 30px}.contact-links{display:grid;gap:18px}.contact-links a{font-size:14px;font-weight:600}.contact-links span{display:block;font-size:8px;letter-spacing:1.8px;color:var(--wine);margin-bottom:3px}.inquiry-form{background:var(--paper);padding:34px 35px;box-shadow:0 16px 50px rgba(55,30,20,.07)}.inquiry-form h3{font-family:var(--serif);font-size:27px;font-weight:500;margin:0 0 23px}.inquiry-form label{display:block;font-size:10px;font-weight:700;margin:14px 0 6px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid #ded3c7;background:#fffdf9;padding:12px;color:var(--ink);border-radius:0;font-size:12px;outline-color:var(--gold)}.inquiry-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.submit-button{width:100%;margin-top:20px}.form-note{font-size:9px;color:#82746b;line-height:1.5;margin:11px 0 0}.footer{background:#1a1110;color:white;padding:42px 0 0}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px}.footer-top>p{font-family:var(--serif);font-size:18px;line-height:1.55;margin:0;color:#e5d9ce}.footer em{font-style:normal}.back-top{font-size:10px;color:#d4c5b9;border-bottom:1px solid var(--gold);padding-bottom:7px}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:18px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#bbaea5;gap:15px}.footer-bottom div{display:flex;gap:20px}.footer-bottom a:hover{color:var(--gold)}.lightbox{position:fixed;z-index:50;inset:0;background:rgba(13,8,8,.94);display:flex;align-items:center;justify-content:center;padding:60px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(100%,1100px);max-height:82vh;object-fit:contain;box-shadow:0 15px 60px #000}.lightbox button{position:absolute;border:0;background:transparent;color:white;cursor:pointer;font-size:40px}.lightbox-close{right:30px;top:15px}.lightbox-prev{left:25px}.lightbox-next{right:25px}
@media(max-width:850px){.site-header{height:76px;padding-inline:22px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{width:23px;height:1px;background:white}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 24px 26px;background:var(--ink);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav .nav-cta{margin-top:12px;padding:12px}.hero{min-height:620px;height:calc(100vh - 76px)}.hero-shade{background:linear-gradient(90deg,rgba(26,15,14,.87),rgba(35,18,17,.55)),linear-gradient(0deg,rgba(20,12,11,.4),transparent 40%)}.hero-content{padding-bottom:20px}.intro-grid,.features-grid,.getting-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.intro-grid{gap:25px}.stats{margin-top:50px}.features-grid,.getting-grid,.contact-grid{gap:48px}.section-pad{padding:78px 0}.space-grid{grid-template-columns:1fr 1fr}.space-card.space-large{height:550px}.space-card{height:266px}.gallery-grid{grid-template-rows:180px 180px;grid-auto-rows:180px}.section-heading{gap:25px}.section-heading>p{max-width:270px}.route-card{max-width:620px}.contact-grid{gap:40px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{padding-inline:18px}.brand-mark{width:37px;height:37px}.brand-name{font-size:12px;letter-spacing:1.5px}.brand-name small{font-size:7px;letter-spacing:1px}.hero{min-height:650px}.hero-image{background-position:58% center}.hero-content{padding-top:10px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:18px}h1{font-size:42px;letter-spacing:-.8px}h1 em{display:inline}.hero-copy{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{height:47px;gap:8px;font-size:7px;letter-spacing:1px}.note-line{width:18px}.section-pad{padding:65px 0}.intro h2,.section-heading h2,.features h2,.getting-there h2,.contact h2{font-size:38px}.intro-grid{gap:20px}.stats{grid-template-columns:1fr 1fr;row-gap:25px;margin-top:40px}.stat{padding:0 12px;border-right:0}.stat:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}.stat strong{font-size:32px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.space-grid{display:flex;flex-direction:column}.space-card.space-large{height:380px}.space-card{height:280px}.space-caption{left:20px;bottom:20px}.features-grid{gap:38px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 160px 160px;grid-auto-rows:160px;gap:9px}.g1{grid-column:span 2;grid-row:span 1}.g2{grid-column:span 2}.g3,.g4,.g5,.g6{grid-column:span 1}.gallery-item span{left:11px;bottom:10px;font-size:10px}.route-card{padding:8px 16px 20px}.address-box{flex-wrap:wrap}.address-box div{min-width:150px}.copy-address{margin-left:34px}.inquiry-form{padding:25px 20px}.form-row{gap:8px}.footer-top{align-items:flex-start;flex-direction:column;gap:22px}.footer-top>p{font-size:16px}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom div{gap:15px}.lightbox{padding:30px 15px}.lightbox-prev{left:5px}.lightbox-next{right:5px}.lightbox img{max-width:100%}}
.legal{background:var(--cream);padding:80px 0 100px}.legal-wrap{width:min(780px,calc(100% - 48px));margin-inline:auto}.legal h1{font-size:clamp(36px,5vw,52px);color:var(--ink);margin-bottom:36px}.legal h2{font-size:24px;letter-spacing:-.4px;margin:40px 0 12px;color:var(--wine)}.legal h3{font-size:15px;margin:24px 0 6px}.legal p,.legal li{color:#4f423d;font-size:14px;line-height:1.8}.legal ul{padding-left:20px}.legal a{color:var(--wine);text-decoration:underline;text-underline-offset:3px;word-break:break-word}.legal-back{font-size:12px;letter-spacing:.8px;border:1px solid rgba(200,166,106,.75);padding:11px 17px}.legal-back:hover{color:var(--gold)}.legal .stand{margin-top:48px;font-size:12px;color:var(--muted)}
/* Stabile Klickfläche: Knopf bleibt unter dem Mauszeiger, auch wenn er beim Hover nach oben rutscht */
.button{position:relative}.button::after{content:"";position:absolute;left:0;right:0;top:0;bottom:-6px}
/* Menü-Knopf am Handy mindestens 44x44 px */
.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;cursor:pointer}
@media(min-width:851px){.nav-cta{position:relative}.nav-cta::before{content:"";position:absolute;inset:-14px -16px}}
