*{box-sizing:border-box}
:root{--red:#b51f32;--red-dark:#941729;--ink:#202023;--muted:#69696d;--line:#e9e9eb;--soft:#f7f7f7;--white:#fff;--font:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:var(--font);background:#fff;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
.topline{background:var(--red);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 5%;font-size:10px;letter-spacing:.7px;font-weight:700}.top-links{display:flex;gap:20px;align-items:center}.topline a{text-decoration:underline;text-underline-offset:3px;letter-spacing:0;font-size:11px;white-space:nowrap}
.site-header{height:74px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:37px;height:37px;background:var(--red);color:#fff;border-radius:3px;display:grid;place-items:center;font-weight:800;font-size:22px}.brand strong,.brand small{display:block;line-height:1.2;letter-spacing:.7px}.brand strong{font-size:13px;font-weight:800}.brand small{font-size:9px;letter-spacing:2px;color:var(--red);font-weight:700;margin-top:4px}.nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}.nav>a:hover{color:var(--red)}.nav-cta{background:var(--red);color:#fff;padding:11px 15px;border-radius:2px}.nav-cta:hover{background:var(--red-dark);color:#fff!important}.map-nav{color:var(--red);text-decoration:underline;text-underline-offset:4px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:54px 7% 65px;min-height:510px;background:#fff;align-items:center}.hero-copy{max-width:510px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--red);display:flex;align-items:center;gap:8px}.eyebrow-dot{width:6px;height:6px;background:var(--red);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:800;line-height:1.1;letter-spacing:-1.5px}h1{font-size:clamp(43px,5vw,66px);margin:18px 0}h1 em,h2 em{font-style:normal;color:var(--red)}.hero-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:420px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;font-weight:700;font-size:12px;border-radius:2px;transition:background .2s}.button-red{background:var(--red);color:#fff}.button-red:hover{background:var(--red-dark)}.button-light{background:#fff;border:1px solid #d8d8da;color:var(--ink)}.button-light:hover{border-color:var(--red);color:var(--red)}.button span{font-size:16px}.hero-note{display:flex;align-items:center;gap:10px}.note-icon{display:grid;place-items:center;width:30px;height:30px;background:#f8e9eb;color:var(--red);border-radius:3px;font-size:16px}.hero-note strong,.hero-note small{display:block}.hero-note strong{font-size:11px}.hero-note small{font-size:10px;color:var(--muted)}.hero-visual{position:relative;min-height:355px}.hero-image-wrap{position:absolute;inset:0;overflow:hidden;border-radius:3px}.hero-image-wrap img{object-position:center}.red-disc{display:none}.floating-card{position:absolute;left:-18px;bottom:-17px;background:#fff;border:1px solid var(--line);padding:12px 15px;display:flex;align-items:center;gap:10px;z-index:2}.floating-icon{width:28px;height:28px;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:3px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:11px}.floating-card small{font-size:10px;color:var(--muted)}.hero-bottom{display:none}
.quick-menu{display:grid;grid-template-columns:repeat(4,1fr);padding:0 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-menu>a{display:flex;align-items:center;gap:12px;padding:19px 12px;border-right:1px solid var(--line);font-size:12px}.quick-menu>a:first-child{border-left:1px solid var(--line)}.quick-number{color:var(--red);font-size:10px;font-weight:800}.quick-arrow{margin-left:auto;color:var(--red);font-size:15px}
.section{padding:78px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2,.feature-copy h2{font-size:clamp(32px,3.7vw,44px);margin:10px 0 0}.section-heading>p{max-width:320px;color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 3px}.menu-layout{display:grid;grid-template-columns:220px 1fr;gap:42px}.menu-tabs{display:flex;flex-direction:column;align-items:stretch}.menu-tab{border:1px solid var(--line);border-bottom:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 12px;text-align:left;font-family:var(--font);font-weight:700;font-size:12px;cursor:pointer;color:#4f4f52}.menu-tab:last-of-type{border-bottom:1px solid var(--line)}.menu-tab span{font-size:10px;color:#999}.menu-tab.active{background:var(--red);color:#fff;border-color:var(--red)}.menu-tab.active span{color:#ffe1e5}.menu-footnote{font-size:10px;line-height:1.7;color:#777;margin-top:20px}.menu-panel{display:none;animation:fadein .2s ease}.menu-panel.active{display:block}@keyframes fadein{from{opacity:.5}to{opacity:1}}.menu-panel-title{padding:0 0 14px;border-bottom:1px solid var(--ink);margin-bottom:2px}.menu-panel-title>span{font-size:9px;letter-spacing:1.3px;font-weight:800;color:var(--red)}.menu-panel-title h3{font-size:23px;margin:5px 0 0;letter-spacing:-.4px}.menu-item{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.menu-item strong{display:block;font-size:12px;font-weight:700}.menu-item small{display:block;max-width:540px;color:var(--muted);font-size:10px;line-height:1.55;margin-top:3px}.menu-item b{white-space:nowrap;color:var(--red);font-size:12px}.menu-photo{margin-top:20px;height:165px;position:relative;overflow:hidden;border-radius:2px}.menu-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008)}.menu-photo span{position:absolute;z-index:1;bottom:12px;left:15px;color:#fff;font-size:9px;font-weight:800;letter-spacing:1.5px}.panel-note{padding:12px;background:var(--soft)}
.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);min-height:390px}.feature-image{min-height:370px}.feature-copy{align-self:center;padding:50px 10%}.feature-copy h2{margin:14px 0 18px}.feature-copy p{color:var(--muted);font-size:12px;line-height:1.9;max-width:430px}.text-link{display:inline-flex;gap:18px;align-items:center;color:var(--red);font-size:11px;font-weight:800;margin-top:9px;border-bottom:1px solid #d9a5ac;padding-bottom:6px}.text-link span{font-size:15px}.gallery{padding-top:78px;padding-bottom:82px}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:13px}.gallery-grid figure{margin:0;position:relative;height:220px;overflow:hidden;background:#eee;border-radius:2px}.gallery-grid figure:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008)}.gallery-grid figure img{transition:transform .3s}.gallery-grid figure:hover img{transform:scale(1.025)}.gallery-grid figcaption{position:absolute;z-index:1;bottom:13px;left:15px;color:#fff;font-weight:700;font-size:13px}
.contact-section{background:var(--red);color:#fff;padding:60px 7%}.contact-inner{display:grid;grid-template-columns:1fr .8fr;gap:9%;max-width:1100px;margin:auto;align-items:center}.eyebrow-white{color:#ffe1e5}.contact-section h2{font-size:clamp(43px,4.7vw,58px);margin:16px 0}.contact-section h2 em{color:#ffe1e5}.contact-inner>div:first-child>p{color:#f8e5e7;font-size:13px}.button-white{background:#fff;color:var(--red);margin-top:14px}.contact-card{background:#fff;color:var(--ink);padding:27px 29px;border-radius:2px}.contact-card-label{display:block;font-size:9px;font-weight:800;letter-spacing:1.4px;color:var(--red)}.contact-card h3{font-size:19px;margin:8px 0}.contact-card p{font-size:11px;color:var(--muted);margin-bottom:9px}.contact-card .contact-small{font-size:10px;line-height:1.7}.text-link-white{margin-top:5px}.contact-divider{height:1px;background:var(--line);margin:20px 0}.phone-big{display:block;font-weight:800;font-size:19px;margin-top:4px}
.footer{padding:25px 7%;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.brand-footer .brand-mark{width:32px;height:32px;font-size:18px}.brand-footer strong{font-size:10px}.brand-footer small{font-size:8px}.footer>p{font-size:10px;color:var(--muted);margin:0}.footer-links{display:flex;gap:20px;margin-left:auto;font-size:10px;font-weight:600}.footer-links a:hover{color:var(--red)}.copyright{width:100%;border-top:1px solid var(--line);padding-top:13px;color:#999;font-size:10px}
@media(max-width:900px){.nav{gap:14px}.hero{padding-left:5%;padding-right:5%;gap:4%}.hero-visual{min-height:320px}.section{padding-left:5%;padding-right:5%}.menu-layout{gap:25px;grid-template-columns:195px 1fr}.quick-menu{padding:0 5%}.feature-copy{padding:40px 7%}.contact-section{padding-left:5%;padding-right:5%}}
@media(max-width:680px){.topline{padding:7px 4%;font-size:8px;letter-spacing:.3px}.top-links{gap:10px}.topline a{font-size:9px}.site-header{height:66px;padding:0 5%}.brand-mark{width:34px;height:34px}.brand strong{font-size:11px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:9px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink)}.nav{display:none;position:absolute;left:0;right:0;top:66px;padding:12px 5% 20px;background:#fff;box-shadow:0 12px 18px #0000000b;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 5px}.nav .nav-cta{margin-top:7px;padding:12px 14px}.hero{display:flex;flex-direction:column;padding:39px 5% 43px;gap:20px}.hero h1{font-size:clamp(42px,11vw,58px);margin:15px 0}.hero-copy>p{font-size:13px}.hero-actions{margin:20px 0 10px}.button{padding:12px 13px;font-size:11px}.hero-visual{min-height:255px;width:100%;margin-bottom:5px}.hero-image-wrap{inset:0}.floating-card{left:8px;bottom:-12px;padding:10px 12px}.quick-menu{grid-template-columns:1fr 1fr;padding:0 5%}.quick-menu>a{padding:14px 7px;font-size:10px;gap:8px}.quick-menu>a:nth-child(3){border-left:1px solid var(--line)}.quick-menu>a:nth-child(3),.quick-menu>a:nth-child(4){border-top:1px solid var(--line)}.section{padding:55px 5%}.section-heading{display:block;margin-bottom:25px}.section-heading h2,.feature-copy h2{font-size:33px}.section-heading>p{margin-top:12px}.menu-layout{display:flex;flex-direction:column;gap:20px}.menu-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.menu-tab,.menu-tab:last-of-type{padding:11px 9px;border:1px solid var(--line);font-size:10px}.menu-tab.active{border-color:var(--red)}.menu-tabs .menu-footnote{grid-column:1/-1;margin:6px 0 0}.menu-panel-title h3{font-size:21px}.menu-item{gap:10px;padding:12px 0}.menu-item strong{font-size:11px}.menu-item small{font-size:9px}.menu-item b{font-size:11px}.feature{grid-template-columns:1fr}.feature-image{min-height:240px;height:240px}.feature-copy{padding:35px 6% 43px}.gallery-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-grid figure{height:160px}.gallery-grid .gallery-large{grid-column:1/-1;height:200px}.gallery-grid figcaption{left:11px;bottom:10px;font-size:12px}.contact-section{padding:46px 5%}.contact-inner{grid-template-columns:1fr;gap:25px}.contact-section h2{font-size:46px}.contact-card{padding:23px}.footer{padding:22px 5%;gap:12px}.footer>p{width:calc(100% - 150px);text-align:right}.footer-links{order:3;width:100%;margin:6px 0 0;justify-content:space-between;gap:8px}.copyright{order:4}}
@media(max-width:390px){.topline>span{max-width:48%;line-height:1.4}.top-links{gap:8px}.topline a{font-size:8px}.hero-actions{gap:7px}.button{gap:10px}.quick-menu>a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Umschalter für Hell- und Dunkelmodus */
.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:2px;font:700 11px Arial,Helvetica,sans-serif;white-space:nowrap;cursor:pointer}.theme-toggle:hover{border-color:var(--red);color:var(--red)}
body, .site-header, .hero, .quick-menu, .section, .menu-tab, .contact-card, .footer, .floating-card, .button-light, .nav{transition:background-color .2s,color .2s,border-color .2s}
body.dark-mode{--ink:#f1f1f2;--muted:#b6b6bc;--line:#37373d;--soft:#202024;--white:#17171a;background:#17171a;color:var(--ink)}
body.dark-mode .site-header,body.dark-mode .hero,body.dark-mode .quick-menu,body.dark-mode .section,body.dark-mode .nav{background:#17171a;color:var(--ink)}
body.dark-mode .brand strong,body.dark-mode .nav>a,body.dark-mode .menu-tab{color:var(--ink)}
body.dark-mode .brand small,body.dark-mode .nav .map-nav{color:#f07a89}
body.dark-mode .nav .nav-cta{background:var(--red);color:#fff}
body.dark-mode .button-light,body.dark-mode .theme-toggle{background:#252529;color:#f1f1f2;border-color:#45454b}
body.dark-mode .floating-card,body.dark-mode .contact-card{background:#222226;color:#f1f1f2;border-color:#37373d}
body.dark-mode .menu-tab{background:#222226;border-color:#37373d}
body.dark-mode .menu-tab.active{background:var(--red);border-color:var(--red);color:#fff}
body.dark-mode .menu-item small,body.dark-mode .contact-card p,body.dark-mode .footer>p{color:#b6b6bc}
body.dark-mode .feature{background:#202024}body.dark-mode .feature-copy{color:var(--ink)}body.dark-mode .contact-divider{background:#37373d}
body.dark-mode .menu-photo{background:#222226}
@media(max-width:680px){.header-actions{gap:7px}.theme-toggle{font-size:0;padding:9px 10px;gap:0}.theme-toggle span{font-size:0}.theme-toggle{font-size:17px;line-height:1}.header-actions .menu-toggle{margin-left:0}.nav{background:#17171a}body:not(.dark-mode) .nav{background:#fff}}

.map-embed-wrap{max-width:1100px;margin:34px auto 0;background:#fff;color:#202023;padding:18px;border-radius:3px}
.map-embed-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.map-embed-heading h3{font-size:20px;letter-spacing:-.4px;margin:5px 0 0}
.map-open-link{font-size:11px;font-weight:800;color:#b51f32;text-decoration:underline;text-underline-offset:4px}
.google-map{display:block;width:100%;height:330px;border:0;border-radius:2px;background:#eee}
@media(max-width:680px){.map-embed-wrap{padding:12px;margin-top:25px}.map-embed-heading{align-items:flex-start;flex-direction:column;gap:8px}.map-embed-heading h3{font-size:18px}.google-map{height:270px}}