/* Claude Design approved Header 1440 / Mobile 390, exported 2026-10-01. */

.page-header.lu-header,
.page-header.lu-header.is-transparent{background:#304e5b; color:#fff}
.page-header.lu-header .main-header .container-xxl{box-sizing:border-box; max-width:1680px; margin:0 auto; padding:0 15px}
.page-header.lu-header .main-header .row{margin:0}
.page-header.lu-header .main-header .col-12{padding:0}
.page-header.lu-header .wrapper{display:flex; align-items:center; gap:34px; height:88px}

/* Logo */
.page-header.lu-header .site-logo{display:flex; flex:0 0 auto}
.page-header.lu-header .site-logo img{display:block; height:62px; width:auto}

/* Menü */
.page-header.lu-header .navigation{flex:1 1 auto}
.page-header.lu-header .navigation nav,
.page-header.lu-header .navigation ul{display:flex; align-items:center; gap:34px; margin:0; padding:0; list-style:none}
.page-header.lu-header .navigation li a{
  display:block; padding:14px 0 5px; border-bottom:2px solid #fff; color:#fff; text-decoration:none; white-space:nowrap;
  font:400 15px/1.3 Outfit,"Segoe UI",system-ui,sans-serif; letter-spacing:.02em; text-transform:uppercase;
}
.page-header.lu-header .header-actions__cta--menu{display:none}       /* CTA im Menü: nur im geöffneten Mobilmenü (nicht gezeichnet) */

/* Aktionen */
.page-header.lu-header .header-actions{display:flex; align-items:center; gap:20px; flex:0 0 auto}
.page-header.lu-header .header-actions a{color:#fff; text-decoration:none}
.page-header.lu-header .header-actions__location{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px}
.page-header.lu-header .header-actions__location .icon{width:22px; height:22px}
.page-header.lu-header .header-actions__phone{display:inline-flex; align-items:center; gap:8px; min-height:44px; white-space:nowrap;
  font:400 18px/1 Outfit,"Segoe UI",system-ui,sans-serif}
.page-header.lu-header .header-actions__phone .icon{width:20px; height:20px}
.page-header.lu-header .header-actions .icon{fill:currentColor; flex:0 0 auto}
.page-header.lu-header .header-actions__cta--mobile{
  display:inline-flex; align-items:center; min-height:50px; padding:0 22px; border-radius:8px; background:#bf4415; white-space:nowrap;
  font:600 17px/1 Comfortaa,"Trebuchet MS",sans-serif;
}
.page-header.lu-header .burger-btn{display:none}
.page-header.lu-header a:focus-visible,
.page-header.lu-header .burger-btn:focus-visible{outline:3px solid #fff; outline-offset:3px; border-radius:4px}

/* ===== unter 1280 px: Mobil-Leiste wie Artboard 390 (nur geschlossener Zustand) ===== */
@media (max-width:1279.98px){
  .page-header.lu-header .main-header .container-xxl{padding:0 16px 0 20px}
  .page-header.lu-header .wrapper{height:68px; gap:4px}
  .page-header.lu-header .site-logo{margin-right:auto}
  .page-header.lu-header .site-logo img{height:48px}
  .page-header.lu-header .header-actions{gap:4px}
  .page-header.lu-header .header-actions__location,
  .page-header.lu-header .header-actions__cta--mobile,
  .page-header.lu-header .header-actions__phone span{display:none}
  .page-header.lu-header .header-actions__phone{width:44px; height:44px; justify-content:center; gap:0}
  .page-header.lu-header .burger-btn{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    flex:0 0 44px; width:44px; height:44px; padding:0; border:0; background:transparent; color:#fff; cursor:pointer;
  }
  .page-header.lu-header .burger-btn span{display:block; width:16px; height:2px; border-radius:1px; background:currentColor}
}

/* Integration with the parent header, retaining WordPress menu/options and toggle. */
.page-header.lu-header .main-header{padding:0;background:#304e5b;box-shadow:none}
.page-header.lu-header .main-header .container-xxl{width:100%}
.page-header.lu-header .wrapper{justify-content:flex-start}
.page-header.lu-header .site-logo picture{display:block;line-height:0}
.page-header.lu-header .site-logo picture img{height:62px;width:155px;max-width:none;aspect-ratio:5/2;object-fit:contain}
.page-header.lu-header .navigation{min-width:0}
.page-header.lu-header .navigation nav{padding:0;overflow:visible}
.page-header.lu-header .navigation nav>ul{min-width:0;justify-content:flex-start}
.page-header.lu-header .navigation nav>ul>li>a{height:auto}
.page-header.lu-header .navigation nav>ul>li>a:after{display:none}
.page-header.lu-header .header-actions{margin-left:auto}
.page-header.lu-header .header-actions__phone span{display:inline;font:inherit}
.page-header.lu-header .header-actions .icon{fill:none}
.page-header.lu-header .header-actions__cta{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:0;border-radius:8px;background:#bf4415;color:#fff;font:600 17px/1 Comfortaa,"Trebuchet MS",sans-serif;text-decoration:none;white-space:nowrap}
.page-header.lu-header .header-actions__cta:hover{background:#a23a12}
.page-header.lu-header .header-actions__cta--menu{display:none}
.page-header.lu-header .navigation li>a:hover{color:#fff;border-bottom-color:#ee653f}
.page-header.lu-header .header-actions__phone:hover,.page-header.lu-header .header-actions__location:hover{color:#d2e0e0}
@media(min-width:1280px){
 /* Keep the logo/menu together; the existing auto margin pushes contacts/CTA right. */
 .page-header.lu-header .navigation{position:static;flex:0 0 auto;left:auto;top:auto;padding:0;height:auto;max-width:none;width:auto;background:transparent;transform:none;visibility:visible;margin-left: auto;}
 .page-header.lu-header .header-actions {margin-left: 0}
 /* Underline only the current item; current-anchor-* are set by the parent header.js scroll spy. */
 .page-header.lu-header .navigation nav>ul>li>a{border-bottom-color:transparent;transition:border-color .2s}
 .page-header.lu-header .navigation nav>ul>li:is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current_page_ancestor,.current-anchor-item,.current-anchor-ancestor)>a{border-bottom-color:#fff}
 .page-header.lu-header .navigation nav>ul>li>a:hover{border-bottom-color:#ee653f}
}
@media(max-width:1279.98px){
 .page-header.lu-header .site-logo picture img{height:48px;width:120px}
 .page-header.lu-header .header-actions__phone span,.page-header.lu-header .header-actions__location,.page-header.lu-header .header-actions__cta--mobile{display:none}
 .page-header.lu-header .burger-btn{position:relative;overflow:visible}
 .page-header.lu-header .burger-btn span{position:static;flex:0 0 2px;left:auto;top:auto;bottom:auto;transform:none;animation:none!important;transition:transform .2s,opacity .2s}
 .page-header.lu-header .burger-btn[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
 .page-header.lu-header .burger-btn[aria-expanded=true] span:nth-child(2){opacity:0}
 .page-header.lu-header .burger-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
 .page-header.lu-header .navigation{position:fixed;left:0;top:calc(var(--header-height,68px) + var(--admin-bar-height,0px));width:100%;max-width:620px;height:calc(100dvh - var(--header-height,68px) - var(--admin-bar-height,0px));padding:24px 24px 32px;background:#304e5b;border-top:1px solid #ffffff26;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;overflow:auto}
 .page-header.lu-header .navigation.active{transform:translateX(0);visibility:visible}
 .page-header.lu-header .navigation nav{min-height:100%;height:auto;flex-direction:column;align-items:stretch;gap:28px}
 .page-header.lu-header .navigation ul{flex-direction:column;align-items:stretch;gap:0;width:100%}
 .page-header.lu-header .navigation nav>ul>li>a{min-height:56px;padding:14px 0;border-bottom:1px solid #ffffff40;font-size:17px;letter-spacing:.02em}
 .page-header.lu-header .header-actions__cta--menu{display:flex;flex:none;margin-top:auto;min-height:52px;white-space:normal;text-align:center}
}
@media(prefers-reduced-motion:reduce){
 .page-header.lu-header .navigation,.page-header.lu-header .burger-btn span{transition:none}
}