:root{--ink:#182018;--forest:#1e392c;--deep:#10251c;--gold:#caa86a;--paper:#f3efe5;--cream:#fbf8f1;--muted:#6c7069;--line:#dcd5c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans Variable",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{object-fit:cover}.site-header{height:88px;display:flex;align-items:center;gap:40px;padding:0 clamp(22px,5vw,80px);background:rgba(16,37,28,.96);color:#fff;position:absolute;z-index:10;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.14)}.logo{width:170px;height:72px;display:flex;align-items:center}.logo img{width:100%;height:auto}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{font-size:13px;letter-spacing:.04em;color:#f6f1e8;transition:.2s}.site-header nav a:hover{color:var(--gold)}.header-cta{font-size:12px;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid var(--gold);padding:8px 0;color:#f6e3b8}.hero{height:min(900px,100svh);min-height:720px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-image{object-position:center 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,23,17,.92) 0%,rgba(8,23,17,.67) 48%,rgba(8,23,17,.2) 78%),linear-gradient(0deg,rgba(8,23,17,.58),transparent 45%)}.hero-content{position:relative;z-index:1;width:min(760px,90vw);margin-left:clamp(24px,8vw,140px);padding-top:70px}.kicker,.section-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px}.kicker{color:#edd5a6}.kicker svg{width:15px}.hero h1,.section h2,.contact-card h2{font-family:"Playfair Display",serif;font-weight:500}.hero h1{font-size:clamp(58px,7.5vw,112px);line-height:.95;letter-spacing:-.055em;margin:25px 0}.hero-content>p:not(.kicker){max-width:580px;line-height:1.7;font-size:18px;color:#e4e2db}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:36px}.button{min-height:50px;padding:0 24px;border:0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#192218}.button-dark{background:var(--deep);color:#fff}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link svg{width:16px}.text-link.dark{color:var(--forest);margin-top:20px}.scroll-cue{position:absolute;bottom:30px;left:50%;z-index:2;border:1px solid rgba(255,255,255,.4);border-radius:50%;width:46px;height:46px;display:grid;place-items:center}.scroll-cue svg{width:18px}.section{padding:clamp(80px,10vw,150px) clamp(22px,7vw,110px)}.section-kicker{color:#8a6c35;margin:0 0 20px}.section h2,.contact-card h2{font-size:clamp(43px,5.1vw,76px);line-height:1.02;letter-spacing:-.045em;margin:0}.intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:8vw;align-items:center;max-width:1600px;margin:auto}.intro-copy{max-width:620px}.intro .lead{font-size:20px;line-height:1.65;margin:34px 0 18px}.intro-copy>p:not(.section-kicker):not(.lead){line-height:1.75;color:var(--muted)}.intro-images{position:relative;height:700px}.image-tall{position:absolute;left:0;top:0;width:68%;height:83%}.image-small{position:absolute;right:0;bottom:0;width:48%;height:47%;border:12px solid var(--cream)}.intro-images img{object-fit:cover}.round-label{position:absolute;right:6%;top:5%;width:134px;height:134px;border-radius:50%;background:var(--gold);display:grid;place-items:center;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;line-height:1.7;transform:rotate(7deg)}.menu-section{background:var(--forest);color:#fff}.menu-heading{max-width:1400px;margin:0 auto 70px;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end}.menu-heading .section-kicker{color:#dfbd7e}.menu-heading>p{color:#cbd2cd;line-height:1.7;max-width:470px}.menu-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.2)}.menu-item{min-height:132px;display:grid;grid-template-columns:40px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding:22px 26px 22px 0}.menu-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.18);padding-right:35px}.menu-item:nth-child(even){padding-left:35px}.menu-item>span{font-size:10px;color:#94a49b;align-self:start;margin-top:8px}.menu-item h3{font-family:"Playfair Display",serif;font-size:24px;font-weight:500;margin:0 0 6px}.menu-item p{margin:0;color:#aebbb4;font-size:13px;line-height:1.5}.menu-item strong{white-space:nowrap;color:#e3c78f}.menu-disclaimer{max-width:1400px;margin:24px auto 0;color:#9faea5;font-size:12px}.quote-section{height:650px;position:relative;display:grid;place-items:center;color:#fff;text-align:center;padding:30px}.quote-shade{position:absolute;inset:0;background:rgba(13,25,18,.62)}.quote-section blockquote{position:relative;z-index:1;max-width:980px;font-family:"Playfair Display",serif;font-size:clamp(34px,4.6vw,64px);line-height:1.2;margin:0}.quote-section cite{display:block;font-family:"DM Sans Variable",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-style:normal;margin-top:28px;color:#e6c987}.reservation-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;max-width:1600px;margin:auto}.reservation-copy>p:not(.section-kicker){color:var(--muted);line-height:1.7;max-width:500px;margin:28px 0}.contact-line{display:flex;align-items:center;gap:14px;margin-top:34px}.contact-line>svg{width:42px;height:42px;padding:11px;border-radius:50%;background:var(--forest);color:#fff}.contact-line span{display:flex;flex-direction:column;font-weight:700}.contact-line small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.reservation-form{background:#fff;border:1px solid var(--line);padding:clamp(24px,4vw,50px);box-shadow:0 20px 60px rgba(31,39,29,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.reservation-form label{display:flex;flex-direction:column;gap:7px}.reservation-form label span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.reservation-form input,.reservation-form textarea{border:1px solid var(--line);background:#faf8f2;border-radius:0;padding:13px;outline:none;color:var(--ink)}.reservation-form input{height:49px}.reservation-form input:focus,.reservation-form textarea:focus{border-color:#8e713d;box-shadow:0 0 0 3px rgba(202,168,106,.18)}.form-wide{grid-column:1/-1}.honeypot{position:absolute!important;left:-9999px!important}.form-note{font-size:12px;color:var(--muted);line-height:1.5}.form-message{display:flex;align-items:center;gap:7px;font-size:13px;padding:11px;margin:12px 0}.form-message.success{background:#eaf3ec;color:#275936}.form-message.error{background:#fff0ed;color:#8f3024}.form-message svg{width:17px}.form-submit{margin-top:10px;min-width:190px}.form-submit:disabled{opacity:.65;cursor:wait}.spin{width:17px;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.contact-section{display:grid;grid-template-columns:1fr 1fr;padding-top:0;gap:0;max-width:1600px;margin:auto}.contact-card{background:var(--paper);padding:clamp(42px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.contact-card h2{font-size:clamp(44px,4.5vw,68px);margin-bottom:35px}.contact-row{display:flex;gap:16px;border-top:1px solid var(--line);padding:20px 0}.contact-row svg{color:#8a6c35;width:19px;flex:none}.contact-row p{margin:0;line-height:1.65}.contact-actions{display:flex;align-items:center;gap:15px;margin-top:20px}.social-link{width:50px;height:50px;border:1px solid var(--forest);display:grid;place-items:center}.social-link svg{width:18px}.contact-image{position:relative;min-height:620px}footer{background:var(--deep);color:#dce2dd;padding:70px clamp(24px,7vw,110px) 28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}footer .footer-brand img{width:230px;height:auto}footer .footer-brand p{color:#97a69e;line-height:1.6}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}footer strong{color:#d8bd87;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-bottom:7px}footer a{font-size:13px}footer a:hover{color:#e2c78e}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:23px;margin:20px 0 0;color:#76867d;font-size:11px}.legal-page{min-height:100vh;background:var(--cream)}.legal-header{height:96px;background:var(--deep);padding:12px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;color:#fff}.legal-header img{width:155px;height:auto}.legal-header a:last-child{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:4px}.legal-content{max-width:820px;margin:auto;padding:80px 24px 120px}.legal-content h1{font-family:"Playfair Display",serif;font-size:60px;font-weight:500;margin:0 0 45px}.legal-content h2{font-size:21px;margin:40px 0 12px}.legal-content p,.legal-content li{line-height:1.75;color:#4f574f}.legal-content a{text-decoration:underline}
@media(max-width:900px){.site-header nav{display:none}.site-header{height:76px}.logo{width:140px}.hero{min-height:680px}.hero-content{padding-top:60px}.intro{grid-template-columns:1fr}.intro-images{height:620px;margin-top:20px}.menu-heading{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr}.menu-item:nth-child(odd){border-right:0;padding-right:0}.menu-item:nth-child(even){padding-left:0}.reservation-section{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr}.contact-image{min-height:450px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.header-cta{font-size:10px}.hero{min-height:720px}.hero-content{margin-left:22px}.hero h1{font-size:54px}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding:78px 22px}.intro-images{height:480px}.image-tall{width:80%;height:85%}.image-small{width:55%;height:45%;border-width:7px}.round-label{width:104px;height:104px;right:0;font-size:8px}.menu-heading{margin-bottom:38px}.menu-item{grid-template-columns:25px 1fr;gap:10px;padding:20px 0}.menu-item strong{grid-column:2}.quote-section{height:540px}.form-grid{grid-template-columns:1fr}.contact-section{padding-left:0;padding-right:0}.contact-card{padding:60px 24px}.contact-image{min-height:380px}footer{grid-template-columns:1fr;padding-top:55px}.footer-brand{grid-column:auto}.copyright{grid-column:1}.legal-content h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.spin{animation:none}}

:root{--forest:#244747;--deep:#152f31;--gold:#c4ad80;--paper:#f0eee5;--cream:#faf8f2}.site-header{background:rgba(21,47,49,.96)}.hero-shade{background:linear-gradient(90deg,rgba(12,32,34,.91),rgba(12,32,34,.62) 48%,rgba(12,32,34,.15) 83%),linear-gradient(0deg,rgba(12,32,34,.4),transparent 45%)}
@font-face{font-family:'Playfair Display';src:url('/beispiele/fonts/playfair.woff2');font-weight:500;font-display:swap}@font-face{font-family:'DM Sans Variable';src:url('/beispiele/fonts/dm-sans.woff2');font-weight:100 1000;font-display:swap}.example-brand{font:500 29px 'Playfair Display',serif;white-space:nowrap;color:#e4cfaa}.example-contact{padding:85px 24px;text-align:center;background:var(--cream);color:var(--ink)}.example-contact h2{font:500 clamp(38px,5vw,62px)/1.1 'Playfair Display',serif;margin:24px 0}.example-contact>p:not(.section-kicker){max-width:520px;margin:20px auto 30px;line-height:1.8}.example-contact .section-kicker{justify-content:center}.example-return{display:block;margin-top:25px;text-decoration:underline;font-size:14px}.site-header nav a{font-size:14px}a:focus-visible{outline:2px solid #c4ad80;outline-offset:5px}.example-notice{position:fixed;bottom:14px;right:14px;z-index:30;padding:9px 14px;color:#f5f5f5;background:#15241be8;border:1px solid #ffffff38;border-radius:5px;font:12px 'DM Sans Variable',sans-serif;backdrop-filter:blur(10px)}@media(max-width:600px){.example-notice{font-size:11px;bottom:8px;right:8px}}