/* Navbar (Vincent 07.11.2026)
   1) Unter 1400 px wird die Navbar zweizeilig -> dort lieber aufklappbar: die Tablet-Regeln (Webflow, max-width 991px)
      gelten zusätzlich für 992–1399 px. Webflow-JS erkennt den Zustand an der Sichtbarkeit des Burger-Buttons.
   2) Der CTA "Küchenplanung anfragen" bleibt im aufklappbaren Zustand immer neben dem Burger sichtbar (.kg-nav-cta). */
@media screen and (min-width: 992px) and (max-width: 1399px) {
  .w-nav[data-collapse=medium] .w-nav-menu{display:none}
  .w-nav[data-collapse=medium] .w-nav-button{display:block}
  .menu-icon_line-middle-inner{width:4px;height:0;padding-bottom:0;padding-right:0}
  .menu-icon_line-middle{justify-content:center;align-items:center;width:24px;height:2px;margin-top:6px;margin-bottom:6px;padding-bottom:0;padding-right:0;display:flex}
  .navbar_component{width:100%;margin-left:auto;margin-right:auto;padding-left:5%;padding-right:5%}
  .navbar_container{grid-template-columns:1fr 1fr auto}
  .navbar_menu{-webkit-text-fill-color:inherit;background-color:#0000;background-clip:border-box;justify-content:center;width:100%;padding-left:5%;padding-right:5%;display:flex;position:absolute;overflow:auto}
  .navbar_menu-link-wrapper{border:1px solid var(--base-color-brand--light-gold);background-color:var(--base-color-brand--light-gold);flex-direction:column;align-items:stretch;width:100%;padding:2rem}
  .navbar_menu-links{flex-flow:column;display:flex}
  .navbar_link{padding:.75rem 0;font-size:1.125rem}
  .navbar_link.w--current{box-shadow:none}
  .navbar_button-wrapper{grid-row-gap:1rem;flex-direction:column;align-items:stretch;margin-left:0}
  .navbar_menu-button{padding:0}
  .navbar_menu-button.w--open{background-color:#0000}
  .navbar-menu-icon{background-color:var(--base-color-brand--light-gold);border:1px solid #0000001a;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;margin-right:-.5rem;padding-bottom:0;padding-right:0;display:flex}
  .navbar-menu-icon_line-top{background-color:var(--base-color-brand--darker-gold);width:24px;height:2px;padding-bottom:0;padding-right:0}
  .navbar-menu-icon_line-middle{background-color:var(--base-color-brand--darker-gold);justify-content:center;align-items:center;width:24px;height:2px;margin-top:6px;margin-bottom:6px;padding-bottom:0;padding-right:0;display:flex}
  .navbar-menu-icon_line-bottom{background-color:var(--base-color-brand--darker-gold);width:24px;height:2px;padding-bottom:0;padding-right:0}
  .navbar_link-underline{display:none}
  .uui-dropdown-icon{color:var(--untitled-ui--gray500);margin-top:0;margin-bottom:0;margin-right:0;inset:auto 0% auto auto}
  .menu-icon_line-middle-inner-2{width:4px;height:0;padding-bottom:0;padding-right:0}
  .uui-navbar01_menu-left{grid-column-gap:0px;grid-row-gap:.5rem;color:var(--untitled-ui--gray900);flex-direction:column;align-items:flex-start;display:flex}
  .uui-navbar01_link{width:100%;color:var(--untitled-ui--gray900);padding:.75rem 0;font-size:1.125rem}
  .uui-navbar01_link:hover{color:var(--untitled-ui--gray900)}
  .uui-navbar01_dropdown-content-left{align-content:start;align-items:start;padding-left:0;padding-right:0}
  .uui-navbar01_button-wrapper{flex-direction:column-reverse;align-items:stretch;display:flex}
  .uui-navbar01_dropdown-toggle{color:var(--untitled-ui--gray900);align-items:center;padding-top:.75rem;padding-bottom:.75rem;padding-left:0;font-size:1.125rem;display:flex}
  .uui-navbar01_dropdown-toggle:hover{color:var(--untitled-ui--gray900)}
  .uui-navbar01_blog-item{width:100%;padding-left:0;padding-right:0}
  .uui-navbar01_blog-item:hover{background-color:#0000}
  .menu-icon_line-bottom-2{background-color:var(--untitled-ui--gray700);border-radius:1rem;width:24px;height:2px;padding-bottom:0;padding-right:0}
  .uui-navbar01_dropdown-blog-list{width:100%}
  .uui-navbar01_component.navbar_component{margin-top:0}
  .menu-icon_line-middle-2{background-color:var(--untitled-ui--gray700);border-radius:1rem;justify-content:center;align-items:center;width:24px;height:2px;margin-top:6px;margin-bottom:6px;padding-bottom:0;padding-right:0;display:flex}
  .uui-navbar01_menu-right{flex-direction:column-reverse;grid-template-rows:auto auto;grid-template-columns:1fr;align-items:stretch;margin-top:1.5rem;padding-bottom:7rem}
  .menu-icon_line-top-2{background-color:var(--untitled-ui--gray700);border-radius:1rem;width:24px;height:2px;padding-bottom:0;padding-right:0}
  .uui-navbar01_menu{border-top:1px solid var(--untitled-ui--gray100);-webkit-text-fill-color:inherit;background-color:#fff;background-clip:border-box;align-items:flex-start;height:100vh;margin-left:0;padding:1.5rem 2rem 5rem;position:absolute;overflow:auto}
  .uui-navbar01_dropdown-content{flex-direction:column}
  .menu-icon_component{flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;margin-right:-.5rem;padding-bottom:0;padding-right:0;display:flex}
  .uui-navbar01_dropdown-content-right{align-items:flex-start;max-width:none;padding-left:2rem;padding-right:2rem;overflow:hidden}
  .uui-navbar01_menu-button.w--open{background-color:#0000}
  .uui-navbar01_menu-dropdown{width:100%;position:relative}
  .uui-navbar01_large-item-content{width:100%}
  .uui-navbar01_dropdown-link{padding-left:0;padding-right:0}
  .uui-navbar01_dropdown-link:hover{background-color:#0000}
  .uui-navbar01_dropdown-right-overlay-absolute{border-radius:.5rem;min-width:100%}
  .uui-navbar01_dropdown-list{position:relative;overflow:hidden}
  .uui-navbar01_dropdown-list.w--open{min-width:auto;box-shadow:none;border-style:none;align-items:flex-start;margin-bottom:1.5rem;padding:0 0 0;position:relative;top:0;left:0;right:0}
  .uui-navbar01_dropdown-content-heading,.uui-navbar01_dropdown-content-button-wrapper{margin-bottom:0;margin-left:0}
  .uui-navbar07_dropdown-link{padding-left:0;padding-right:0}
  .uui-navbar07_dropdown-link:hover{background-color:#0000}
  .uui-navbar07_dropdown-link-list{padding-top:1rem;padding-bottom:1rem}
  .uui-navbar07_menu{border-top:1px solid var(--untitled-ui--gray100);-webkit-text-fill-color:inherit;background-color:#fff;background-clip:border-box;align-items:flex-start;height:100vh;margin-left:0;padding:1.5rem 2rem 5rem;position:absolute;overflow:auto}
  .uui-navbar07_menu-left{grid-column-gap:0px;grid-row-gap:.5rem;color:var(--untitled-ui--gray900);flex-direction:column;align-items:flex-start;display:flex}
  .uui-navbar07_link{width:100%;color:var(--untitled-ui--gray900);padding:.75rem 0;font-size:1.125rem}
  .uui-navbar07_link:hover{color:var(--untitled-ui--gray900)}
  .uui-navbar07_menu-dropdown{width:100%;position:relative}
  .uui-navbar07_dropdown-toggle{color:var(--untitled-ui--gray900);align-items:center;padding-top:.75rem;padding-bottom:.75rem;padding-left:0;font-size:1.125rem;display:flex}
  .uui-navbar07_dropdown-toggle:hover{color:var(--untitled-ui--gray900)}
  .uui-navbar07_menu-right{flex-direction:column-reverse;grid-template-rows:auto auto;grid-template-columns:1fr;align-items:stretch;margin-top:1.5rem;padding-bottom:7rem}
  .uui-navbar07_menu-button.w--open{background-color:#0000}
  .uui-navbar07_dropdown-list{position:static;overflow:hidden}
  .uui-navbar07_dropdown-list.w--open{width:auto;box-shadow:none;border-style:none;border-color:#0000;padding:0}
  .uui-navbar07_button-wrapper{flex-direction:column-reverse;align-items:stretch;display:flex}
  .rt-home-two-tabs-menu{padding-top:20px}
  .waves---nav-brand-link{padding-left:0}
  .waves---nav-link{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:16px;padding-bottom:16px;font-size:20px;display:flex}
  .waves---nav-buttons-right{grid-column-gap:8px}
  .waves---nav-menu{background-color:var(--waves-library--white);border:1px solid #1313131a;border-radius:8px;margin-top:4px}
  .waves-dropdown-toggle{padding-right:16px;font-size:20px}
  .waves-dropdown-list.w--open{width:100%;padding-top:8px;padding-bottom:8px;position:static}
  .waves---dropdown-link{padding-top:12px;padding-bottom:12px;font-size:20px}
  .waves-master-top-navbar-4{height:auto;padding-top:24px;padding-bottom:24px}
  .waves-left-top-nav-4{grid-row-gap:12px;flex-wrap:wrap}
  .waves-right-top-nav-4{grid-column-gap:18px}
  .waves---menu-button{justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex}
  .waves---menu-button.w--open{background-color:var(--waves-library--black);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex}
}
.kg-nav-cta { display: none; }
@media screen and (max-width: 1399px) {
  .uui-navbar01_container { display: flex; align-items: center; }
  .uui-navbar01_container > .uui-navbar01_logo-link { margin-right: auto; }
  .kg-nav-cta { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; margin: 0 16px 0 auto; }
  /* im aufgeklappten Menü kein zweiter CTA */
  .uui-navbar01_menu .uui-navbar01_button-wrapper { display: none; }
}
@media screen and (max-width: 1399px) {
  .uui-navbar01_logo-link { flex: 0 0 auto; }
}
/* kleine Handys: nur das Logo-Zeichen, damit Logo, CTA und Burger nebeneinander passen */
@media screen and (max-width: 479px) {
  .uui-navbar01_logo-link .uui-logo_logotype { display: none; }
  .uui-navbar01_logo-link { width: 36px; overflow: hidden; }
  .uui-navbar01_logo-link .uui-logo_component { width: 36px; overflow: hidden; }
  .uui-navbar01_logo-link .uui-logo_image { display: block; height: 36px; width: auto; max-width: none; }
  .kg-nav-cta { padding: .7rem .85rem; font-size: .68rem; letter-spacing: .06em; margin-right: 10px; }
}
@media screen and (max-width: 359px) {
  .kg-nav-cta { padding: .6rem .6rem; font-size: .62rem; letter-spacing: .03em; margin-right: 6px; }
}
/* Mobil: Navbar fährt beim Runterscrollen weg und kommt beim Hochscrollen zurück (kg-nav.js) */
@media screen and (max-width: 767px) {
  .uui-navbar01_component { transition: transform .28s ease; will-change: transform; }
  .uui-navbar01_component.kg-nav-hidden { transform: translateY(-100%); }
}
@media (prefers-reduced-motion: reduce) {
  .uui-navbar01_component { transition: none; }
}