/* AS Design-Werkstatt: seitenweite Regeln für Kopf, Mega-Menü und Fußzeile */
/* Schriften selbst gehostet, nur die genutzten Schnitte (Ladezeit, 15.10.2026). Elementor lädt keine Google-Schriften mehr. */
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fira-sans-400.woff2) format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500 600;font-display:swap;src:url(fira-sans-600.woff2) format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700 900;font-display:swap;src:url(fira-sans-700.woff2) format('woff2')}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:100 700;font-display:swap;src:url(fira-sans-condensed-700.woff2) format('woff2')}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:800 900;font-display:swap;src:url(fira-sans-condensed-800.woff2) format('woff2')}
@font-face{font-family:'Fira Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fira-mono-400.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(bricolage-grotesque.woff2) format('woff2')}
html{scroll-padding-top:88px}
body{background:#0f2529;color:#eef3f3;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid #5fb4c0;outline-offset:3px}
[data-id="kopf-tel"] .elementor-heading-title,[data-id="kopf-wa"] .elementor-button,[data-id="kopf-wa"] .elementor-button-text{white-space:nowrap}
[data-id^="mm-"] .elementor-widget-text-editor p{margin:0}
[data-id="mm-leistungen"] [data-id^="mm-0-"],[data-id="mm-leistungen"] [data-id^="mm-1-"]{transition:background .2s}
[data-id="mm-leistungen"] [data-id^="mm-0-"]:hover,[data-id="mm-leistungen"] [data-id^="mm-1-"]:hover{background:#0f2529}
[data-id="kopf"] .e-n-menu-title-text{white-space:nowrap}
@media (max-width:767px){body{padding-bottom:0}}
[data-id="kopf-marke"]{flex-wrap:nowrap!important}
[data-id="kopf-marke"]>.elementor-widget-image{width:auto!important;flex:none}
[data-id="kopf-name"] .elementor-heading-title{white-space:nowrap}
@media (max-width:1024px){[data-id="kopf-menue-box"]{width:auto!important;margin-left:auto}}
@media (max-width:767px){
  [data-id="kopf-rechts"]{display:none!important}
  [data-id="kopf-marke"]{width:auto!important}
  [data-id="kopf-name"] .elementor-heading-title{font-size:15px!important}
}

/* Handy- und Tablet-Menü: dunkles Vollbild statt weißer Balken */
a{color:inherit}
@media (max-width:1024px){
  [data-id="kopf-menue"] .e-n-menu-toggle[aria-expanded="false"]+.e-n-menu-wrapper{display:none!important}
  [data-id="kopf-menue"] .e-n-menu-toggle[aria-expanded="true"]+.e-n-menu-wrapper{position:fixed!important;top:75px!important;left:0!important;right:0!important;bottom:0!important;
    height:auto!important;max-height:none!important;width:100vw!important;max-width:none!important;box-sizing:border-box!important;
    background:#0b1d20!important;overflow-y:auto!important;padding:12px 20px 120px!important;margin:0!important;border:0!important;border-top:1px solid #2e4b4f!important}
  [data-id="kopf-menue"] .e-n-menu-heading{display:flex;flex-direction:column;gap:0}
  [data-id="kopf-menue"] .e-n-menu-title{background:transparent!important;border-bottom:1px solid #2e4b4f;justify-content:space-between!important;padding:18px 0!important}
  [data-id="kopf-menue"] .e-n-menu-title-text,[data-id="kopf-menue"] .e-n-menu-title-container,[data-id="kopf-menue"] .e-n-menu-title-text *{color:#eef3f3!important;font-family:"Fira Sans Condensed",sans-serif!important;font-weight:800!important;font-weight:800;font-size:28px!important;line-height:1.1;text-align:left;justify-content:flex-start!important}
  [data-id="kopf-menue"] .e-n-menu-title:hover .e-n-menu-title-text,[data-id="kopf-menue"] .e-n-menu-title.e-current .e-n-menu-title-text{color:#feb548!important}
  [data-id="kopf-menue"] .e-n-menu-dropdown-icon svg{fill:#fd7b01;width:18px;height:18px}
  [data-id="kopf-menue"] .e-n-menu-content{background:transparent!important}
  [data-id="mm-leistungen"]{background:transparent!important;border:0!important}
  [data-id="mm-raster"]{padding:8px 0 16px!important}
  [data-id="mm-promo"]{display:none!important}
  [data-id^="mm-0-"] .elementor-heading-title,[data-id^="mm-1-"] .elementor-heading-title{font-size:19px!important}
  [data-id="kopf-menue"] .e-n-menu-toggle svg{fill:#eef3f3;width:26px;height:26px}
  body.as-menue-offen{overflow:hidden}
}

/* Desktop-Menü: Strich wächst beim Überfahren, offenes Menü bleibt markiert */
@media (min-width:1025px){
  [data-id="kopf-menue"] .e-n-menu-title{position:relative}
  [data-id="kopf-menue"] .e-n-menu-title::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#fd7b01;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
  [data-id="kopf-menue"] .e-n-menu-title:hover::after,[data-id="kopf-menue"] .e-n-menu-title[aria-expanded="true"]::after,[data-id="kopf-menue"] .e-n-menu-item:has(.e-n-menu-title-container[aria-expanded="true"]) .e-n-menu-title::after{transform:scaleX(1)}
  [data-id="kopf-menue"] .e-n-menu-title-text{letter-spacing:.01em}
  [data-id="kopf"]{backdrop-filter:none}
  [data-id="mm-leistungen"]{box-shadow:0 30px 60px rgba(4,18,20,.55)}
}
@media (max-width:1024px){
  [data-id="kopf-menue"] .e-n-menu-dropdown-icon{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px}
  [data-id="kopf-menue"] .e-n-menu-dropdown-icon svg,[data-id="kopf-menue"] .e-n-menu-dropdown-icon i{fill:#fd7b01!important;color:#fd7b01!important;width:20px;height:20px}
}
@media (max-width:767px){[data-id="mobil-leiste"]{z-index:110!important}}
@media (max-width:1024px){[data-id="kopf-menue"] .e-n-menu-item,[data-id="kopf-menue"] .e-n-menu-title{width:100%!important;max-width:100%!important;box-sizing:border-box}}

/* Schwebender WhatsApp-Knopf (Fuß-Vorlage), erscheint beim ersten Scrollen */
body .elementor [data-id="wa-schwebe"]{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:95;display:inline-flex;align-items:center;gap:10px;background:#25d366;color:#0b0c0c;font-family:'Fira Sans',system-ui,sans-serif;font-weight:600;font-size:15.5px;line-height:1;padding:14px 20px 14px 16px;border-radius:40px;text-decoration:none;box-shadow:0 14px 30px -10px rgba(0,0,0,.55);transform:translateY(160%) scale(.8);opacity:0;transition:transform .5s cubic-bezier(.2,1.5,.4,1),opacity .3s,background .2s}
body .elementor [data-id="wa-schwebe"].da{transform:none;opacity:1}
body .elementor [data-id="wa-schwebe"]:hover{background:#45e087}
body .elementor [data-id="wa-schwebe"]::before{content:"";width:24px;height:24px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6a2.7 2.7 0 0 0 1.8-1.2 2.2 2.2 0 0 0 .1-1.3c0-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6a2.7 2.7 0 0 0 1.8-1.2 2.2 2.2 0 0 0 .1-1.3c0-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E") center/contain no-repeat}
body .elementor [data-id="wa-schwebe"]::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:as-wa-ring 3.2s 1.5s ease-out infinite;pointer-events:none}
@keyframes as-wa-ring{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}60%,100%{box-shadow:0 0 0 18px rgba(37,211,102,0)}}
@media (max-width:1024px){body.im-flug .elementor [data-id="wa-schwebe"].da{opacity:0;pointer-events:none;transform:translateY(160%)}}
@media (prefers-reduced-motion:reduce){body .elementor [data-id="wa-schwebe"]::after{animation:none}}
[data-id="mobil-leiste"]{display:none!important}

/* Kopfleiste deckend, nichts scheint durch (15.10.2026) */
[data-id="kopf"]{background-color:#0f2529!important}

/* Footer-Siegel in natürlichem Seitenverhältnis (Lighthouse image-aspect-ratio, 18.10.2026) */
.elementor [data-id^="fuss-s"]{flex:none;width:auto!important;object-fit:contain}