:root{--primary:#8d6b54;--accent:#d8b8a2;--bg:#f6f2ed;--text:#252320;--muted:#79746d;--line:#ded8d0;--serif:'Cormorant Garamond',serif;--sans:'DM Sans',sans-serif;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:86px;padding:0 max(calc((100vw - var(--max))/2),5.2vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(37,35,32,.12);background:var(--bg);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font:500 27px var(--serif);color:var(--primary);width:34px;height:38px;border:1px solid var(--primary);border-radius:50% 50% 45% 45%;display:grid;place-items:center}.brand b{font-size:11px;letter-spacing:.15em;font-weight:600;display:block}.brand small{font-size:10px;letter-spacing:.08em;color:var(--muted);display:block;margin-top:4px}.mainnav{display:flex;align-items:center;gap:31px}.mainnav a{font-size:11px;letter-spacing:.04em;color:#57534d}.mainnav a:hover,.footer-links a:hover{color:var(--primary)}.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:11px;letter-spacing:.045em;transition:.2s}.button span{font-size:16px}.button-dark{background:var(--text);color:white}.button-dark:hover{background:var(--primary)}.button-outline{border:1px solid var(--text);margin-top:28px}.button-outline:hover{background:var(--text);color:white}.button-light{background:var(--bg);color:var(--text)}.button-light:hover{background:#fff}.menu-toggle{display:none;border:0;background:none;font-size:23px}.hero{max-width:var(--max);margin:auto;min-height:625px;padding:64px 0 62px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;position:relative}.hero-copy{padding:30px 30px 30px 6vw;z-index:1}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.2em;font-weight:600;color:var(--primary)}.hero h1{font:400 clamp(56px,6.3vw,91px)/.91 var(--serif);letter-spacing:-.035em;margin:25px 0 20px;white-space:pre-line}.hero-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:365px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-size:11px;border-bottom:1px solid var(--primary);padding-bottom:6px;display:inline-flex;gap:16px;align-items:center}.hero-note{margin-top:54px;font-size:10px;color:var(--muted);letter-spacing:.04em;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}.hero-image-wrap{height:485px;position:relative;margin-right:4.4vw}.hero-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.image-caption{position:absolute;bottom:17px;left:17px;background:rgba(246,242,237,.92);padding:12px 17px}.image-caption span,.image-caption small{display:block}.image-caption span{font-size:9px;letter-spacing:.17em}.image-caption small{color:var(--muted);font-size:9px;margin-top:3px}.hero-index{position:absolute;bottom:41px;left:0;color:var(--primary);font:17px var(--serif);display:flex;gap:12px;align-items:center}.hero-index span{width:36px;height:1px;background:var(--primary)}.section-pad{padding:105px max(calc((100vw - 1110px)/2),8vw)}.intro{background:#eee8e0}.intro-grid{display:grid;grid-template-columns:1fr .7fr;gap:10%;align-items:start;margin-top:25px}.intro h2,.section-heading h2,.contact h2{font:400 clamp(39px,4.1vw,57px)/1 var(--serif);letter-spacing:-.025em;margin:0}.intro-grid p{margin:4px 0 23px;font-size:13px;color:var(--muted);line-height:1.9}.intro-stats{border-top:1px solid #d5ccc1;margin-top:57px;padding-top:21px;display:grid;grid-template-columns:repeat(3,1fr)}.intro-stats div{display:flex;align-items:center;gap:11px}.intro-stats strong{font:26px var(--serif);color:var(--primary);font-weight:400}.intro-stats span{font-size:10px;color:var(--muted)}em{color:var(--primary);font-weight:400}.services{background:var(--bg)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-heading h2{margin-top:17px}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:300px;margin:0 0 4px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:55px 1fr 1fr 110px;gap:20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line)}.service-number{font:20px var(--serif);color:var(--primary)}.service-row h3{font:500 24px var(--serif);margin:0}.service-row p{font-size:11px;color:var(--muted);margin:0}.service-price{text-align:right;font-size:12px}.price-note{font-size:10px;color:var(--muted);margin-top:14px}.statement{display:grid;grid-template-columns:1fr 1fr;background:#292823;color:#f6f2ed;min-height:550px}.statement-image{background:url('https://images.unsplash.com/photo-1600948836101-f9ffda59d250?auto=format&fit=crop&w=1400&q=85') center/cover;min-height:480px}.statement-copy{padding:95px 10vw 78px 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.statement-copy .eyebrow{color:#d4b59c}.statement-copy h2{font:400 clamp(44px,4.6vw,65px)/.98 var(--serif);margin:22px 0}.statement-copy h2 em{color:#d4b59c}.statement-copy p{font-size:12px;line-height:1.9;color:#c5c0b7;max-width:350px;margin:0 0 27px}.light-link{color:#f6f2ed;border-color:#d4b59c}.team{background:#eee8e0}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.team-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--bg)}.team-card img{width:100%;height:300px;object-fit:cover}.team-copy{padding:22px}.team-copy h3{font:500 25px var(--serif);margin:0 0 4px}.team-copy .role{font-size:9px;color:var(--primary);letter-spacing:.09em;text-transform:uppercase}.team-copy p{font-size:11px;color:var(--muted);line-height:1.7}.gallery{background:var(--bg)}.gallery-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;gap:14px}.gallery-grid img{width:100%;height:245px;object-fit:cover}.gallery-grid img:nth-child(even){margin-top:32px}.booking-band{padding:69px max(calc((100vw - 1110px)/2),8vw);background:var(--primary);color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.booking-band .eyebrow{color:#f0d8c4}.booking-band h2{font:400 clamp(39px,4vw,56px)/.98 var(--serif);margin:14px 0 0}.booking-band h2 em{color:#f0d8c4}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#eee8e0}.contact-title h2{margin:17px 0}.contact-title p{font-size:12px;line-height:1.8;color:var(--muted);max-width:330px;margin-bottom:23px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:33px 24px;padding-top:15px}.detail-label{font-size:9px;letter-spacing:.16em;color:var(--primary);font-weight:600}.contact-details p{font-size:12px;line-height:1.9;margin:12px 0;color:#514e49}.contact-details p a:hover{color:var(--primary)}.hours{margin-top:9px}.hours div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;border-bottom:1px solid #d9d1c8;font-size:10px;color:#514e49}.footer{min-height:95px;padding:20px max(calc((100vw - 1110px)/2),8vw);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-center{font-size:9px;color:var(--muted)}.footer-links{display:flex;gap:18px;font-size:10px;color:var(--muted)}.demo-ribbon{position:fixed;right:-42px;top:102px;z-index:12;transform:rotate(45deg);background:var(--primary);color:white;font-size:8px;letter-spacing:.12em;padding:8px 45px;box-shadow:0 2px 8px #0002}
/* Drei wiederverwendbare Designrichtungen */
body[data-theme="modern"]{--primary:#315a66;--accent:#a9c3c4;--bg:#f4f7f6;--text:#182326;--muted:#68787a;--line:#d5dfdf;--serif:'Manrope',sans-serif;--sans:'Montserrat',sans-serif}body[data-theme="modern"] .brand-mark{border-radius:0;font:600 17px var(--serif)}body[data-theme="modern"] .hero{grid-template-columns:1fr 1fr;min-height:590px}body[data-theme="modern"] .hero h1{font-size:clamp(50px,5.3vw,76px);font-weight:600;letter-spacing:-.06em}body[data-theme="modern"] .hero-image-wrap>img{border-radius:3px}body[data-theme="modern"] .section-heading h2,body[data-theme="modern"] .intro h2,body[data-theme="modern"] .contact h2{font-weight:500;letter-spacing:-.055em}body[data-theme="modern"] .statement{background:#17282d}body[data-theme="modern"] .statement-image{filter:saturate(.7)}body[data-theme="modern"] .service-row h3{font-family:var(--sans);font-size:17px;font-weight:500}body[data-theme="modern"] .team-card{display:block}body[data-theme="modern"] .team-card img{height:340px}body[data-theme="natural"]{--primary:#65724f;--accent:#d5c4a3;--bg:#f5f3ea;--text:#292d25;--muted:#74766a;--line:#dcdccf;--serif:'Playfair Display',serif;--sans:'Nunito Sans',sans-serif}body[data-theme="natural"] .brand-mark{border-color:var(--primary);border-radius:50%}body[data-theme="natural"] .hero{grid-template-columns:.95fr 1.05fr}body[data-theme="natural"] .hero-image-wrap>img{border-radius:48% 48% 2px 2px}body[data-theme="natural"] .statement{background:#384035}body[data-theme="natural"] .statement-image{filter:saturate(.78)}body[data-theme="natural"] .intro,.team,body[data-theme="natural"] .contact{background:#ebe9dc}body[data-theme="natural"] .button{border-radius:24px}body[data-theme="natural"] .service-row h3{font-size:25px}
@media(max-width:850px){.topbar{height:72px;padding:0 24px}.mainnav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);padding:20px 25px 27px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.mainnav.open{display:flex}.top-book{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:36px 24px 65px;gap:30px}.hero-copy{padding:20px 0 0}.hero h1{font-size:67px}.hero-image-wrap{height:430px;margin:0}.hero-index{bottom:22px;left:24px}.section-pad{padding:77px 25px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading>p{max-width:450px}.intro-grid{grid-template-columns:1fr;gap:17px}.intro-stats{margin-top:35px}.statement{grid-template-columns:1fr}.statement-image{min-height:340px}.statement-copy{padding:60px 28px 65px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:230px}.gallery-grid img:nth-child(even){margin-top:0}.team-grid{grid-template-columns:1fr}.team-card img{height:330px}.booking-band{padding:55px 25px}.contact{grid-template-columns:1fr;gap:45px}.footer{padding:24px;flex-wrap:wrap}.footer-center{order:3;width:100%}}
@media(max-width:520px){.hero{padding-top:21px}.hero h1{font-size:58px}.hero-image-wrap{height:340px}.hero-note{margin-top:35px}.hero-actions{gap:17px}.button{padding:0 17px}.intro-stats{grid-template-columns:1fr;gap:14px}.service-row{grid-template-columns:32px 1fr auto;gap:11px;padding:18px 0}.service-row h3{font-size:21px}.service-row p{grid-column:2/4;grid-row:2}.service-price{grid-column:3;grid-row:1}.gallery-grid img{height:175px}.team-card{grid-template-columns:1fr 1fr}.team-card img{height:255px}.team-copy{padding:14px}.team-copy h3{font-size:20px}.booking-band{align-items:flex-start;flex-direction:column}.contact-details{grid-template-columns:1fr;gap:25px}.footer{gap:17px}.footer-links{gap:13px}.demo-ribbon{top:86px;font-size:7px}}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}