/* Ein Header mit festen, kompakten Größen statt überlagerter Korrekturen. */
:root{--studio-header-offset:138px}
html{scroll-padding-top:var(--studio-header-offset)}
.site-header{position:sticky!important;top:0;z-index:80;background:#fff;border-bottom:1px solid #e9e9ed}
.site-header [hidden]{display:none!important}
.header-info-inner{max-width:1180px;min-height:28px;margin:auto;padding:6px 24px;gap:8px 20px;font-size:11px;display:flex;align-items:center;flex-wrap:wrap}
.site-header nav{display:flex!important;align-items:center;justify-content:space-between;position:relative;max-width:1180px;height:96px!important;min-height:0;margin:0 auto;padding:8px 24px;gap:16px;flex-wrap:nowrap;overflow:visible}
.site-header .brand{position:relative;display:block;overflow:hidden;flex:0 0 220px;width:220px;max-width:100%;height:80px;min-width:0;align-self:center;order:0}
.site-header .brand img{position:absolute;display:block;left:10px;top:50%;transform:translateY(-48%);width:calc(100% - 20px);height:auto;max-width:none;object-fit:contain}
.site-header .brand:after{display:none}
.site-header #menu{display:none!important}
.site-header #navlinks,.site-header #navlinks.open{display:flex!important;flex:1 1 auto;position:static!important;min-width:0;max-width:100%;width:auto;max-height:none!important;align-items:center;justify-content:center;gap:2px;margin:0;padding:5px;border:1px solid #e8e8ed;border-radius:18px;background:#f5f5f7;box-shadow:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b60729 #f5f5f7;order:1}
.site-header #navlinks a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:40px;padding:9px 9px;white-space:nowrap;font-size:12px;line-height:1.3}
.site-header #navlinks>a:first-child{margin-left:auto}.site-header #navlinks>a:last-child{margin-right:auto}
.site-header .navcta{flex:0 0 auto;order:2;width:auto;margin:0;padding:13px 17px;min-height:44px;align-self:center;white-space:nowrap;font-size:12px;border-radius:24px}
@media(max-width:1180px){
 :root{--studio-header-offset:180px}
 .site-header nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:76px auto;height:auto!important;padding:2px 24px 8px;gap:2px 12px}
 .site-header .brand{grid-column:1;grid-row:1;width:220px;height:76px}
 .site-header .navcta{grid-column:2;grid-row:1}
 .site-header #navlinks,.site-header #navlinks.open{grid-column:1 / -1;grid-row:2;width:100%;border-radius:14px;justify-content:flex-start;padding:3px;gap:4px}
 .site-header #navlinks a{font-size:13px;min-height:40px;padding:9px 12px}
}
@media(max-width:600px){
 :root{--studio-header-offset:154px}
 .header-info-inner{min-height:25px;padding:5px 12px;font-size:9px;justify-content:space-between;gap:4px 8px}
 .header-info .header-walkin{display:none}
 .site-header nav{grid-template-rows:66px auto;padding:0 12px 6px;gap:0 8px}
 .site-header .brand{width:185px;height:66px}
 .site-header .navcta{padding:10px 12px;font-size:11px;gap:6px;min-height:42px}
 .site-header #navlinks a{font-size:12px;min-height:40px;padding:9px 11px}
}
@media(max-width:350px){.site-header .brand{width:155px}.site-header .navcta{font-size:10px;padding:10px}.header-info .header-location{font-size:8px}}
.contact-layout>.contact-main{min-width:0}.contact-main>.contact-form{width:100%;box-sizing:border-box}.contact-main>.studio-map{margin:28px 0 0}.contact-main>.studio-map iframe{height:360px}
@media(max-width:900px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:28px}.contact-main>.studio-map iframe{height:300px}}