*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101216;color:#f5f5f5;font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,5vw,4.9rem);margin:0 0 22px}h2{font-size:clamp(1.9rem,3vw,3rem);margin:0 0 20px}h3{font-size:1.25rem}p{color:#c8cbd0}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.top{background:#191c22;border-bottom:1px solid #2e323a;font-size:.85rem;padding:7px 0;color:#b9bec7}.header{position:sticky;top:0;z-index:40;background:#111318ed;backdrop-filter:blur(16px);border-bottom:1px solid #2c3038}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}.logo{font-weight:950;font-size:1.4rem;letter-spacing:-.06em;white-space:nowrap}.logo span{color:#ffd23c}.links{display:flex;align-items:center;gap:20px;font-size:.9rem}.links a:hover,.footer a:hover{color:#ffd23c}.btn{display:inline-flex;align-items:center;justify-content:center;background:#ffd23c;color:#101216;border-radius:7px;font-weight:800;padding:14px 22px;min-height:48px;line-height:1.2}.btn:hover{background:#ffe077}.btn.outline{border:1px solid #6e747f;background:transparent;color:white}.menu-toggle{display:none;background:transparent;border:1px solid #555;color:white;border-radius:6px;font-size:1.5rem;padding:5px 12px}.hero{position:relative;min-height:590px;display:flex;align-items:center;background:#171a20;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c0e12 0%,#0c0e12e6 37%,#0c0e1250 100%);z-index:-1}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.hero-content{max-width:740px;padding:90px 0}.eyebrow{color:#ffd23c;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:850}.lead{font-size:1.15rem;max-width:640px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px;color:#e4e6e9;font-size:.9rem}.trust span:before{content:'✓';color:#ffd23c;margin-right:7px}.section{padding:90px 0}.section.alt{background:#191c22}.section-heading{max-width:750px;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#242831;border:1px solid #343943;border-radius:12px;overflow:hidden}.card img{width:100%;aspect-ratio:1.55;object-fit:cover}.card-body{padding:22px}.card h3{margin:0 0 8px}.card p{margin:0 0 17px}.text-link{font-weight:800;color:#ffd23c}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.two img{border-radius:14px;width:100%;max-height:450px;object-fit:cover}.cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cities a{padding:13px 15px;border:1px solid #3a4049;background:#242831;border-radius:7px}.cities a:hover{border-color:#ffd23c}.faq details{border-bottom:1px solid #353a43;padding:18px 0}.faq summary{font-weight:750;cursor:pointer}.cta{background:#ffd23c;color:#151515;padding:65px 0}.cta p{color:#343434}.cta .btn{background:#14161a;color:#fff}.footer{background:#0b0d10;padding:55px 0 95px;border-top:1px solid #292c33}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer a{display:block;margin:8px 0;color:#c5c8cc}.small{font-size:.85rem;color:#a4aab3}.crumb{padding:20px 0;font-size:.85rem;color:#aeb4be}.content{max-width:850px}.content p{margin:0 0 18px}.content h2{margin-top:35px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery img{aspect-ratio:1.4;object-fit:cover;border-radius:9px;width:100%}.form{display:grid;gap:15px;max-width:650px}.form label{font-weight:650}.form input,.form textarea,.form select{display:block;width:100%;margin-top:5px;padding:13px;background:#22262d;color:white;border:1px solid #555d69;border-radius:6px;font:inherit}.form textarea{min-height:130px}.form .check{display:flex;align-items:flex-start;gap:10px;font-weight:400}.form .check input{width:auto;margin-top:7px}.mobile-cta{display:none}@media(max-width:950px){.links{gap:11px;font-size:.8rem}.nav>.btn{display:none}.grid{grid-template-columns:repeat(2,1fr)}.cities{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){body{font-size:16px}.top{display:none}.nav{min-height:68px}.menu-toggle{display:block}.links{display:none;position:absolute;left:0;right:0;top:68px;background:#171a20;padding:16px 20px 25px;flex-direction:column;align-items:stretch;border-bottom:1px solid #444;font-size:1rem}.links.open{display:flex}.links a{padding:9px 0}.hero{min-height:630px;align-items:end}.hero:before{background:linear-gradient(0deg,#0b0d10 0%,#0b0d10dd 44%,#0b0d1040 100%)}.hero-bg{object-position:center}.hero-content{padding:110px 0 50px}.lead{font-size:1rem}.section{padding:60px 0}.grid,.two,.footer-grid{grid-template-columns:1fr}.cities{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.trust{gap:10px 20px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#111318ee;border-top:1px solid #363b44;z-index:50}.mobile-cta .btn{width:100%}.footer{padding-bottom:125px}}@media(max-width:360px){.wrap{width:calc(100% - 28px)}.cities{grid-template-columns:1fr}.actions .btn{width:100%}}
/* V3: mobile usability, centered conversions */
.header-call{white-space:nowrap;font-weight:800;color:#ffd23c;font-size:.88rem}.cta-pair{justify-content:center}.city-depth .eyebrow{text-align:center}.inline-conversion{background:#262b34;border:1px solid #454b55;border-radius:14px;padding:24px;margin:32px auto;text-align:center;max-width:920px}.inline-conversion p{margin:0 0 16px}.inline-conversion .actions{margin-top:15px}.readable{max-width:950px}.readable>h2{margin:48px auto 20px}.readable>p{max-width:800px;margin:0 auto 22px}.steps{max-width:790px;margin:20px auto 35px;padding-left:26px}.steps li{margin:10px 0}.city-depth .faq{max-width:850px;margin:auto}.cta-call{justify-self:center;grid-column:1/-1;max-width:370px}.cta .btn.outline{background:#14161a;color:#fff;border:1px solid #14161a}.mobile-cta a{min-width:0}@media(max-width:1100px){.header-call{display:none}}@media(max-width:720px){.wrap{width:calc(100% - 32px)}.hero-content{padding:85px 0 42px}.hero-content h1{font-size:clamp(2rem,9vw,3.2rem)}.section{padding:50px 0}.section h2{font-size:clamp(1.65rem,7vw,2.25rem)}.section .two>div{text-align:center}.section .two .actions{justify-content:center}.actions .btn{flex:1 1 100%;max-width:100%}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px 12px max(9px,env(safe-area-inset-bottom))}.mobile-cta .btn{font-size:.92rem;padding:12px 7px;min-height:48px}.inline-conversion{padding:22px 15px}.readable>p{line-height:1.8}.footer{text-align:center;padding-bottom:125px}.footer-grid{gap:20px}.cta{text-align:center}.cta .two{gap:18px}.grid{grid-template-columns:1fr}.cities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:350px){.mobile-cta .btn{font-size:.83rem}.cities{grid-template-columns:1fr}}

/* V4: Zentrierung nur auf Smartphones, Desktop bleibt unverändert */
@media(max-width:720px){.hero-content,.section-heading,.section>.wrap>h2,.section>.wrap>.eyebrow,.section>.wrap>.lead,.card-body,.readable>h2,.inline-conversion,.cta,.footer{text-align:center}.hero-content .lead{margin-inline:auto}.hero-content .actions,.hero-content .trust,.section .actions{justify-content:center}.section .two>div{text-align:center}.readable>p,.content p,.steps,.faq details{text-align:left}.section-heading{margin-inline:auto}.card-body .btn{margin-inline:auto}}

/* V5: Startseite mit bündigem Inhaltsraster; alle Unterseiten kompakter Banner */
.hero>.wrap.home-hero-wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto;position:relative;z-index:1;flex:1 1 auto}
.hero .hero-content{width:100%;max-width:740px;padding:80px 0}
.hero>.actions,.hero>.cta-pair{display:none!important}
.page-banner{position:relative;isolation:isolate;min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;background:#171a20}
.page-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.page-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,15,.88),rgba(8,10,15,.66),rgba(8,10,15,.88));z-index:-1}
.page-banner-inner{padding:35px 0;max-width:1000px}
.page-banner h1{font-size:clamp(1.9rem,3.4vw,3.25rem);margin:0 0 10px}
.page-banner p{font-size:clamp(.95rem,1.35vw,1.13rem);color:#f0f0f0;margin:0 auto;max-width:820px;line-height:1.55}
.page-banner-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.page-banner-actions .btn{min-height:42px;padding:10px 20px}
@media(max-width:720px){.hero>.wrap.home-hero-wrap{width:calc(100% - 32px)}.hero .hero-content{padding:85px 0 42px;text-align:center}.hero .hero-content .actions,.hero .hero-content .trust{justify-content:center}.page-banner{min-height:0}.page-banner-inner{padding:36px 0 32px}.page-banner h1{font-size:clamp(1.65rem,7vw,2.4rem)}.page-banner-actions{flex-direction:column;align-items:stretch;gap:9px}.page-banner-actions .btn{width:100%}}

/* V6: Hero exactly aligned with header content */
.hero>.wrap.home-hero-wrap{width:min(1200px,calc(100% - 40px));margin:0 auto;flex:0 1 1200px;}
.hero .hero-content{margin:0;max-width:740px;box-sizing:border-box;}
@media(min-width:721px){.hero>.wrap.home-hero-wrap{flex:0 1 1200px;}.hero .hero-content{padding-left:0!important;transform:none!important;}}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:36px;align-items:start}.contact-info{min-width:0}.service-panel,.drinks-panel{background:#20242b;border:1px solid #3c414b;border-radius:14px;padding:24px;margin-bottom:22px}.service-panel h2,.drinks-panel h2{font-size:1.55rem;margin:0 0 18px}.service-panel ul{padding-left:22px;margin:0}.service-panel li{margin:7px 0}.service-note{font-size:.84rem;margin:18px 0 0;color:#b8bdc6}.drinks-panel details{border-top:1px solid #454b55;padding:13px 0}.drinks-panel summary{font-weight:800;color:#ffd23c;cursor:pointer}.drink-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:10px 0;border-bottom:1px solid #343a43;align-items:baseline}.drink-row:last-child{border-bottom:0}.drink-name{font-size:.93rem}.drink-size{color:#aeb4be;font-size:.83rem;white-space:nowrap}.drink-price{font-weight:800;white-space:nowrap;color:white}.drink-name small{display:block}.contact-form-side>p{margin-top:0}.occasion-card img{width:100%;aspect-ratio:1.6;object-fit:cover}.occasion-card .card-body{min-height:210px}.occasion-card .text-link{display:inline-block;margin-top:6px}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr}.contact-form-side{order:0}.contact-info{order:1}}
@media(max-width:720px){.hero>.wrap.home-hero-wrap{width:calc(100% - 32px)}.service-panel,.drinks-panel{padding:18px}.drink-row{gap:8px}.drink-name{font-size:.88rem}.contact-layout{text-align:left}.occasion-card .card-body{text-align:center}.contact-info h2{text-align:center}}

/* Kontakt: Zusatzinformationen unter den Getränkepreisen */
.extra-info-body{padding:16px 18px 20px;line-height:1.65;overflow-wrap:anywhere}
.extra-info-body p{margin:0 0 13px}
.extra-info-body ul{margin:0 0 16px;padding-left:22px}
.extra-info-body li{margin:5px 0}
.extra-info-body a{color:#ffd23f;text-decoration:underline;text-underline-offset:3px}
#kontaktformular{scroll-margin-top:110px}
@media(max-width:767px){.extra-info-body{padding:14px 15px 18px;text-align:left}}

/* V9: Formularfelder – bestehendes Layout bleibt unverändert */
.form input,.form select,.form textarea{box-sizing:border-box;min-width:0;max-width:100%}
.form label{min-width:0}
.form .check a{text-decoration:underline}
@media(max-width:767px){.contact-form-side .form{width:100%;max-width:100%}.contact-form-side .form label{text-align:left}.contact-form-side .form input,.contact-form-side .form select,.contact-form-side .form textarea{font-size:16px}}

/* V10: kompakter Abschluss-CTA auf allen Seiten */
.cta{padding:34px 0}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-copy{flex:1 1 46%;min-width:0}
.cta-copy h2{font-size:clamp(1.55rem,2.4vw,2.15rem);margin:0 0 7px}
.cta-copy p{margin:0;line-height:1.55;max-width:520px}
.cta-buttons{display:flex;flex:0 0 auto;align-items:center;gap:12px}
.cta-buttons .btn{white-space:nowrap;padding:13px 17px}
@media(max-width:1050px){.cta-inner{flex-direction:column;text-align:center;gap:17px}.cta-copy p{margin-inline:auto}}
@media(max-width:720px){.cta{padding:29px 0}.cta-inner{gap:17px}.cta-buttons{width:100%;flex-direction:column;gap:10px}.cta-buttons .btn{width:100%;white-space:normal;min-height:48px}.cta-copy h2{font-size:1.7rem}}

/* V11: Telefon rechts in Topbar, Navigation mittig – Desktop */
.top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-phone{color:#ffd23c;font-weight:800;white-space:nowrap}
.top-phone:hover{text-decoration:underline}
@media(min-width:951px){.nav{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:20px}.nav>.logo{justify-self:start}.nav>.links{justify-self:center}.nav>.btn{justify-self:end}.nav>.menu-toggle{display:none}}
@media(min-width:721px) and (max-width:950px){.nav{display:flex;gap:15px}.nav>.links{margin-inline:auto}.nav>.logo{font-size:1.15rem}}
@media(max-width:720px){.top{display:none}.nav>.logo{margin-right:auto}.nav>.menu-toggle{margin-left:auto}}

/* V12: consistent city-page layout, desktop and mobile */
main>.section>.wrap,main>.section.alt>.wrap{width:min(1200px,calc(100% - 40px));max-width:none;margin-inline:auto}
main>.section .two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
main>.section .two>img{width:100%;height:100%;min-height:350px;max-height:520px;object-fit:cover}
.city-depth .city-article{max-width:none}.city-article>h2,.city-article>p,.city-article>.steps,.city-article>.faq{max-width:100%;margin-left:0;margin-right:0}.city-article>p{max-width:950px;line-height:1.85}.city-article>h2{margin-top:42px}.city-article>.inline-conversion{max-width:100%;margin-inline:0}
main>.section>.inline-conversion{width:min(1200px,calc(100% - 40px));max-width:none;margin:32px auto 0}
@media(max-width:720px){main>.section>.wrap,main>.section.alt>.wrap,main>.section>.inline-conversion{width:calc(100% - 32px)}main>.section .two{grid-template-columns:1fr;gap:24px}main>.section .two>img{min-height:0;max-height:none;aspect-ratio:4/3}main>.section .two>div{text-align:center}.city-article>h2{text-align:center}.city-article>p,.city-article>.steps{text-align:left}.city-article>h2{margin-top:32px}.city-depth .city-article>.eyebrow{text-align:center}}

/* V13 – Einheitliche horizontale Inhaltskanten und kompaktere Abschnittsabstände */
:root{--site-content-width:1200px;--section-space:64px;--section-space-mobile:38px}
main>.section{padding-block:var(--section-space)}
main>.section>.wrap,main>.section.alt>.wrap,main>.section>.inline-conversion,
.cta>.wrap,.footer>.wrap{width:min(var(--site-content-width),calc(100% - 40px));margin-inline:auto}
main>.section .section-heading{margin-bottom:26px}
main>.section .two{gap:clamp(24px,3.2vw,44px)}
main>.section .grid{gap:20px}
main>.section .inline-conversion{margin-block:24px}
main>.section>.inline-conversion{margin-top:24px}
.city-article>h2{margin-top:32px;margin-bottom:15px}
.city-article>p{margin-bottom:17px;line-height:1.75}
.city-article>.steps{margin-block:16px 24px}
.city-depth .city-article>.inline-conversion{margin-block:24px}
@media(max-width:720px){
 main>.section{padding-block:var(--section-space-mobile)}
 main>.section>.wrap,main>.section.alt>.wrap,main>.section>.inline-conversion,
 .cta>.wrap,.footer>.wrap{width:calc(100% - 32px)}
 main>.section .two{gap:20px}
 main>.section .section-heading{margin-bottom:22px}
 main>.section .grid{gap:16px}
 .city-article>h2{margin-top:26px;margin-bottom:12px}
 .city-article>p{margin-bottom:15px}
 .city-article>.inline-conversion{margin-block:20px}
}

/* V14 – harmonisierte Typografie, desktop und mobile */
body{font-size:16px;line-height:1.65;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
h1,h2,h3{letter-spacing:-.025em;line-height:1.2}
h1{font-size:clamp(2.4rem,4.2vw,4rem)}
h2{font-size:clamp(1.75rem,2.5vw,2.125rem)}
h3{font-size:clamp(1.2rem,1.6vw,1.375rem);line-height:1.3}
p,.city-article>p{line-height:1.7}
.hero-content h1{font-size:clamp(2.8rem,4.5vw,4rem)}
.page-banner h1{font-size:clamp(2.2rem,3vw,2.75rem)}
.section h2{font-size:clamp(1.75rem,2.5vw,2.125rem)}
.section .service-panel h2,.section .drinks-panel h2{font-size:1.55rem}
.btn{font-size:1rem}
@media(max-width:720px){
 body{font-size:16px;line-height:1.65}
 .hero .hero-content h1{font-size:clamp(2.125rem,9vw,2.5rem)}
 .page-banner h1{font-size:clamp(1.75rem,7.5vw,2.125rem)}
 .section h2,.city-article>h2{font-size:clamp(1.55rem,6.4vw,1.75rem);line-height:1.25}
 .section h3{font-size:1.2rem}
 .city-article>p,.readable>p{line-height:1.7}
 .btn{font-size:.95rem}
}

/* V15 – Stadtseiten: einheitliche horizontale Kanten und kompaktere untere Bereiche */
@media(min-width:721px){
  main>.section.city-depth>.wrap.city-article, main>.section>.wrap {width:min(1200px,calc(100% - 40px));}
  .city-depth .city-article>p,.city-depth .city-article>.steps,.city-depth .city-article>.faq{max-width:none;width:100%;margin-left:0;margin-right:0;}
  .city-depth .city-article>.inline-conversion{width:100%;max-width:none;}
}
main>.section.city-depth{padding-block:46px 38px;}
main>.section.city-depth + .section{padding-top:34px;padding-bottom:42px;}
.city-depth .city-article>h2{margin-top:25px;margin-bottom:12px;}
.city-depth .city-article>h2:first-of-type{margin-top:12px;}
.city-depth .city-article>p{margin-top:0;margin-bottom:14px;}
.city-depth .city-article>.faq{margin-top:10px;}
.city-depth .city-article>.inline-conversion{margin-block:18px 22px;}
main>.section>.inline-conversion{margin-top:18px;}
main>.section .inline-conversion{box-sizing:border-box;}
@media(max-width:720px){
  main>.section.city-depth{padding-block:32px 28px;}
  main>.section.city-depth + .section{padding-block:28px 34px;}
  .city-depth .city-article>h2{margin-top:22px;margin-bottom:12px;}
  .city-depth .city-article>p{margin-bottom:14px;}
  .city-depth .city-article>.inline-conversion{margin-block:18px;}
}

/* V16: gezielte Korrektur ab city-article auf sämtlichen Stadtseiten.
   Behebt den großen Leerraum durch Abschnitts-Padding + Kind-Margins. */
main > section.section.city-depth {padding-top:32px;padding-bottom:20px;}
main > section.section.city-depth + section.section {padding-top:22px;padding-bottom:30px;}
.city-depth .city-article > .eyebrow {margin:0 0 8px;}
.city-depth .city-article > h2 {margin:24px 0 10px;}
.city-depth .city-article > .eyebrow + h2 {margin-top:0;}
.city-depth .city-article > p {margin:0 0 13px;}
.city-depth .city-article > .steps {margin:10px 0 16px;}
.city-depth .city-article > .inline-conversion {margin:18px 0 20px;}
.city-depth .city-article > .faq {margin:8px 0 0;max-width:none;width:100%;}
.city-depth .city-article > .faq details {padding:12px 0;}
main > section.section.city-depth + section.section > .wrap > h2 {margin:0 0 12px;}
main > section.section.city-depth + section.section > .wrap > p {margin:0 0 12px;}
main > section.section.city-depth + section.section > .inline-conversion {margin-top:16px;margin-bottom:0;}
@media(max-width:720px){
 main > section.section.city-depth {padding-top:25px;padding-bottom:16px;}
 main > section.section.city-depth + section.section {padding-top:20px;padding-bottom:26px;}
 .city-depth .city-article > h2 {margin:21px 0 10px;}
 .city-depth .city-article > .inline-conversion {margin:16px 0;}
 .city-depth .city-article > .faq details {padding:12px 0;}
}

/* V17 – Stadtseiten: Übergänge zwischen den Sektionen statt nur city-article.
   Das direkte Geschwister-Selektor-Muster greift ausschließlich auf Stadtseiten. */
main > section.section:has(+ section.section.city-depth) {
  padding-bottom: 20px;
}
main > section.section.city-depth {
  padding-top: 24px;
  padding-bottom: 14px;
}
main > section.section.city-depth + section.section {
  padding-top: 16px;
  padding-bottom: 64px;
}
main > section.section.city-depth + section.section > .inline-conversion {
  margin-top: 18px;
}
@media (max-width:720px) {
  main > section.section:has(+ section.section.city-depth) {padding-bottom: 18px;}
  main > section.section.city-depth {padding-top: 22px;padding-bottom: 12px;}
  main > section.section.city-depth + section.section {padding-top: 16px;padding-bottom: 42px;}
}

/* V19 – Footer kompakt, Kontakt-Block */
.footer { padding-top: 44px; padding-bottom: 38px; }
.contact-direct { margin-top: 24px; padding: 22px 24px; background:#20242b; border:1px solid #3c414b; border-radius:14px; }
.contact-direct h2 { font-size:1.35rem; margin:0 0 14px; }
.contact-direct p { margin:8px 0; overflow-wrap:anywhere; }
.contact-direct a { color:#ffd23c; font-weight:750; }
@media(max-width:720px) {
 .footer { padding-top:34px; padding-bottom:105px; }
 .contact-direct { padding:18px; text-align:left; }
}

/* V20: Direktkontakt in der rechten Spalte, bündig mit dem Formularraster */
.contact-info>.contact-direct{margin-top:0;width:100%;max-width:none;}
.contact-info>.drinks-panel{margin-bottom:22px;}
@media(max-width:850px){.contact-info>.contact-direct{margin-top:0;}}

/* V22 – Icons für direkte Kontaktmöglichkeiten */
.contact-direct-links{display:grid;gap:12px;margin-top:18px}
.contact-direct-link{display:flex;align-items:center;gap:14px;min-width:0;text-decoration:none;color:#ffd23c;font-weight:700;overflow-wrap:anywhere}
.contact-direct-link svg{width:23px;height:23px;flex:0 0 23px;color:#ffd23c}
.contact-direct-link span{min-width:0}
.contact-direct-link:hover{text-decoration:underline}
@media(max-width:767px){.contact-direct-links{gap:15px}.contact-direct-link{min-height:36px}}

/* Legal pages */
.legal-page .content{max-width:1000px;margin-inline:auto;overflow-wrap:anywhere}.legal-page .content h2{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3;margin:1.65em 0 .65em}.legal-page .content h3{font-size:1.12rem;margin:1.3em 0 .6em}.legal-page .content p,.legal-page .content li{line-height:1.75}.legal-page .content a{color:#ffd23f;text-decoration:underline}.legal-page .content ul,.legal-page .content ol{padding-left:1.5rem}.legal-page .content li{margin-bottom:.6rem}.legal-page .content strong{color:#fff}@media(max-width:767px){.legal-page .content{padding-inline:4px}.legal-page .content h2{margin-top:1.35em}}

/* V25 – Rechtsseiten: einheitliche Inhaltsbreite, Typografie und Abstände */
.legal-page main > .section {padding-block:42px 54px;}
.legal-page main > .section > .wrap.content {width:min(1000px,calc(100% - 40px));max-width:1000px;margin-inline:auto;}
.legal-page .content .legal-intro-heading {font-size:clamp(1.45rem,2.2vw,1.85rem);line-height:1.3;margin:0 0 16px;}
.legal-page .content h2:not(.legal-intro-heading) {font-size:clamp(1.2rem,1.8vw,1.5rem);margin:28px 0 12px;}
.legal-page .content h3 {margin:22px 0 10px;}
.legal-page .content p {margin:0 0 15px;line-height:1.7;}
.legal-page .content ul,.legal-page .content ol {margin:10px 0 18px;padding-left:1.45rem;}
.legal-page .content li {margin-bottom:8px;line-height:1.65;}
@media(max-width:767px){
 .legal-page main > .section {padding-block:28px 38px;}
 .legal-page main > .section > .wrap.content {width:calc(100% - 32px);}
 .legal-page .content .legal-intro-heading {font-size:1.45rem;margin-bottom:14px;}
 .legal-page .content h2:not(.legal-intro-heading) {margin:24px 0 10px;}
 .legal-page .content p {margin-bottom:13px;}
}

/* Footer copyright */
.footer-copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding:18px 0 4px;text-align:center;font-size:13px;color:#a9adb5}

/* V29: Startseiten-Hero auf kleinen Displays ohne Überlauf */
@media (max-width:720px){
  .hero>.wrap.home-hero-wrap{min-width:0;max-width:calc(100% - 32px);width:calc(100% - 32px);flex:1 1 auto;}
  .hero .hero-content{min-width:0;max-width:100%;width:100%;box-sizing:border-box;}
  .hero .hero-content h1{font-size:clamp(1.75rem,7.5vw,2.125rem);line-height:1.16;overflow-wrap:normal;hyphens:auto;max-width:100%;}
  .hero .hero-content .actions{width:100%;max-width:100%;min-width:0;}
  .hero .hero-content .actions .btn{display:flex;flex:1 1 100%;width:100%;min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;text-align:center;padding-inline:12px;overflow-wrap:anywhere;}
  .hero .hero-content .lead{max-width:100%;overflow-wrap:break-word;}
}

/* V30: Menüschrift besser lesbar auf Desktop und Mobilgeräten */
@media(min-width:951px){.nav .links{font-size:1rem}}
@media(min-width:721px) and (max-width:950px){.nav .links{font-size:.9rem}}
@media(max-width:720px){.nav .links{font-size:1.2rem}.nav .links a{padding:12px 0;line-height:1.4}}