/* Mecini Trockenbau – globale Styles (Schriften lokal gehostet, Mobile-Anpassungen) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-tight-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-tight-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-tight-latin-700-normal.woff2) format('woff2')}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
[id]{scroll-margin-top:24px}
body.lb-open{overflow:hidden}
summary::-webkit-details-marker{display:none}

/* Header: Burger-Menü auf kleinen Bildschirmen */
.hdr-burger{display:none;width:48px;height:48px;border:0;border-radius:50%;background:#F5F3F3;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:0}
.hdr-burger span{display:block;width:20px;height:2px;border-radius:2px;background:#1C1E21;transition:transform .25s,opacity .2s}
.hdr-pill.open .hdr-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hdr-pill.open .hdr-burger span:nth-child(2){opacity:0}
.hdr-pill.open .hdr-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1100px){
  .hdr-pill{border-radius:30px!important;padding:10px 10px 10px 20px!important;gap:10px 12px!important;flex-wrap:wrap!important}
  .hdr-pill>a:first-child{margin-right:auto}
  .hdr-burger{display:inline-flex;order:3}
  .hdr-cta{order:2}
  .hdr-nav{order:4;display:none!important;flex-basis:100%;flex-direction:column;align-items:stretch!important;gap:2px!important;padding:6px 0 8px}
  .hdr-pill.open .hdr-nav{display:flex!important}
  .hdr-nav a{padding:13px 16px!important;font-size:16px}
}
@media (max-width:560px){
  .hdr-cta .hbtn{display:none!important}
  .hdr-pill img{height:34px!important}
}

/* Banner: feste Zeilenumbrüche nur auf großen Bildschirmen */
@media (max-width:760px){
  main>section:first-child p br{display:none}
}

/* Kleine Bildschirme */
@media (max-width:560px){
  .m-stack{grid-template-columns:1fr!important}
  [data-panel]{padding:26px 22px 26px 28px!important}
}