/* SYCA Floating Navigation V1.2 – Desktop / 17.10.2026
   Exakt als syca-floating-nav.css in REDAXO hochladen.
   Das Original-Canvas-Stylesheet bleibt unverändert.
   Das Suchfeld #syc-msearch wird am Desktop von syca-floating-nav.js
   temporär IN den Header versetzt, auf Mobile in den Footer zurückgegeben.
*/
@media (min-width:1025px) {
  #header, #header.transparent-header, #header.sticky-header {
    position:fixed !important;
    inset:12px 12px auto 12px !important;
    width:auto !important;
    height:76px !important;
    padding:0 !important;
    margin:0 !important;
    background:linear-gradient(155deg,rgba(22,49,63,.74),rgba(12,34,45,.74)) !important;
    color:#f9fafc !important;
    border:1px solid rgba(211,231,238,.17) !important;
    border-radius:21px !important;
    -webkit-backdrop-filter:blur(20px) saturate(110%);
    backdrop-filter:blur(20px) saturate(110%);
    box-shadow:0 15px 42px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.09) !important;
    z-index:9900 !important;
    overflow:visible !important;
    transition:background .35s ease,box-shadow .35s ease,border-color .35s ease,opacity .35s ease !important;
  }
  body.syca-nav-is-compact #header {
    /* Keine Layoutänderung beim Scrollen! Nur ein leicht hellerer Schimmer. */
    height:76px !important;
    background:linear-gradient(155deg,rgba(27,56,70,.81),rgba(12,34,45,.84)) !important;
    border-color:rgba(245,217,153,.35) !important;
    box-shadow:0 17px 47px rgba(0,0,0,.31),0 0 22px rgba(240,205,132,.08),inset 0 1px 0 rgba(255,255,255,.13) !important;
  }
  #header #header-wrap, #header.sticky-header #header-wrap {
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:100% !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    overflow:visible !important;
  }
  #header #header-wrap > .container,
  #header.full-header #header-wrap > .container,
  body.stretched #header.full-header #header-wrap > .container {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:0 clamp(14px,1.7vw,26px) !important;
    gap:clamp(12px,1.3vw,22px);
    position:relative !important;
    min-width:0;
    box-sizing:border-box !important;
    overflow:visible !important;
  }
  /* Desktop ohne Canvas-Mobiletrigger. Logo text- und bildbasiert zentrieren. */
  #header #primary-menu-trigger {display:none !important;}
  #header #logo,#header.sticky-header #logo {
    display:flex !important;
    flex:0 1 195px !important;
    align-items:center !important;
    justify-content:center !important;
    float:none !important;
    min-width:110px !important;
    max-width:210px !important;
    width:auto !important;
    height:100% !important;
    line-height:1.2 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:#fff !important;
    font-size:clamp(13px,1.15vw,18px) !important;
    font-weight:700 !important;
    text-align:center !important;
    letter-spacing:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    transition:color .2s ease !important;
  }
  #header #logo > a {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px;
    width:100%;
    color:#f7f6f3 !important;
    text-decoration:none !important;
    text-align:center !important;
    white-space:normal;
  }
  #header #logo img {width:auto !important;height:auto !important;max-height:52px !important;object-fit:contain;}
  #header #logo > a:hover {color:#ffe1a0 !important;}

  #header #primary-menu.syca-nav {
    display:flex !important;
    flex:1 1 auto !important;
    float:none !important;
    justify-content:flex-end !important;
    align-items:center !important;
    min-width:0;
    width:auto !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    gap:clamp(12px,1.2vw,22px);
    overflow:visible !important;
  }
  #header #primary-menu.syca-nav > ul.syca-nav__main {
    display:flex !important;
    flex:0 1 auto !important;
    float:none !important;
    height:100% !important;
    min-width:0;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(4px,.58vw,12px);
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    opacity:1 !important;
    list-style:none;
    overflow:visible;
  }
  #header #primary-menu.syca-nav li {
    position:relative !important;
    display:block;
    float:none !important;
    width:auto;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none;
    text-align:left;
  }
  #header #primary-menu.syca-nav .syca-nav__item {
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    border:1px solid transparent;
    border-radius:13px;
    background:transparent;
    transition:background .2s ease,border-color .2s ease;
  }
  #header #primary-menu.syca-nav .syca-nav__item.is-current,
  #header #primary-menu.syca-nav .syca-nav__item.is-open,
  #header #primary-menu.syca-nav .syca-nav__item:hover {
    background:rgba(255,255,255,.07);
    border-color:rgba(245,218,161,.21);
  }
  #header #primary-menu.syca-nav .syca-nav__item > a.syca-nav__link,
  #header #primary-menu.syca-nav .syca-nav__item > button.syca-nav__more-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto;
    gap:11px !important;
    min-height:42px !important;
    height:42px !important;
    width:auto !important;
    padding:0 8px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:12px;
    background:transparent !important;
    box-shadow:none !important;
    color:#f8f7f3 !important;
    font-family:Montserrat,Arial,sans-serif;
    font-size:clamp(11px,.81vw,13.5px) !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    white-space:nowrap;
    text-decoration:none !important;
    text-transform:none !important;
    cursor:pointer;
    transition:color .2s ease;
  }
  /* WICHTIG: Canvas style.css enthält #primary-menu ul li > a > span {display:none}.
     Das war die Ursache der verschwundenen Beschriftungen in V1. */
  #header #primary-menu.syca-nav > ul.syca-nav__main > li > a > span.syca-nav__label {
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:auto !important;
    height:auto !important;
    font-size:inherit !important;
    line-height:inherit !important;
    color:inherit !important;
    white-space:nowrap !important;
  }
  #header #primary-menu.syca-nav .syca-nav__item > a.syca-nav__link::after {content:none !important;display:none !important;}
  #header #primary-menu.syca-nav .syca-nav__type-icon {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 21px !important;
    width:21px !important;
    height:22px !important;
    margin:0 1px 0 0 !important;
    color:#f1cc79 !important;
    font-size:19px !important;
    line-height:1 !important;
    vertical-align:middle;
  }
  #header #primary-menu.syca-nav .syca-nav__chevron {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 20px;
    width:20px;
    min-height:36px;
    padding:0 5px 0 0;
    margin:0;
    background:transparent;
    color:#e9cb8b;
    border:0;
    border-radius:10px;
    font-size:9px;
    cursor:pointer;
  }
  #header #primary-menu.syca-nav .syca-nav__item > button.syca-nav__more-btn {
    padding:0 12px !important;
    gap:10px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.055) !important;
  }
  #header #primary-menu.syca-nav .syca-nav__more-btn i {color:#edcd83;font-size:10px;}

  /* Dropdowns: alle Kategorien mit Unterseiten bleiben bedienbar. */
  #header #primary-menu.syca-nav ul.syca-nav__dropdown {
    position:absolute !important;
    top:calc(100% - 1px) !important;
    left:0 !important;
    right:auto !important;
    z-index:9915 !important;
    display:none !important;
    flex-direction:column;
    float:none !important;
    width:max-content !important;
    min-width:218px !important;
    max-width:min(340px,calc(100vw - 38px)) !important;
    max-height:min(71vh,560px);
    overflow:auto;
    margin:0 !important;
    padding:8px !important;
    list-style:none;
    border:1px solid rgba(233,206,146,.28) !important;
    border-radius:15px;
    background:rgba(12,34,45,.97) !important;
    box-shadow:0 22px 60px rgba(0,0,0,.50);
    white-space:normal;
  }
  #header #primary-menu.syca-nav li.is-open > ul.syca-nav__dropdown {display:flex !important;}
  #header #primary-menu.syca-nav ul.syca-nav__dropdown--more {left:auto !important;right:0 !important;}
  #header #primary-menu.syca-nav ul.syca-nav__dropdown--nested {
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    flex:0 0 100%;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:none !important;
    padding:4px !important;
    margin:0 0 6px !important;
    background:rgba(255,255,255,.055) !important;
    box-shadow:none;
    border-color:rgba(255,255,255,.1) !important;
  }
  #header #primary-menu.syca-nav li.syca-nav__dropdown-item {
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    width:100% !important;
    border-radius:9px;
  }
  #header #primary-menu.syca-nav li.syca-nav__dropdown-item > a {
    display:block !important;
    flex:1 1 auto;
    min-width:0;
    padding:11px 10px !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#f4f4f4 !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    letter-spacing:0 !important;
    white-space:normal;
    overflow-wrap:break-word;
    text-align:left !important;
  }
  #header #primary-menu.syca-nav li.syca-nav__dropdown-item > a::after {display:none !important;content:none !important;}
  #header #primary-menu.syca-nav li.syca-nav__dropdown-item:hover,
  #header #primary-menu.syca-nav li.syca-nav__dropdown-item.is-current {background:rgba(237,206,142,.12);}
  #header #primary-menu.syca-nav .syca-nav__chevron--nested {flex-basis:25px;width:25px;padding:0;}
  /* Die ausgeblendeten optionalen Hauptlinks sind weiterhin in Entdecken erreichbar. */
  #header #primary-menu.syca-nav li.syca-nav__dropdown-item--responsive {display:none !important;}

  #header #primary-menu.syca-nav .syca-nav__actions {
    display:flex !important;
    align-items:center !important;
    gap:clamp(6px,.6vw,10px);
    flex:0 0 auto !important;
    margin:0;
  }
  #header #primary-menu.syca-nav .syca-nav__icon-btn {
    position:relative;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:12px !important;
    color:#f7f7f7 !important;
    font-size:17px !important;
    text-decoration:none !important;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,color .2s ease;
  }
  #header #primary-menu.syca-nav .syca-nav__icon-btn:hover,
  #header #primary-menu.syca-nav .syca-nav__icon-btn.is-current {
    color:#ffe1a0 !important;
    background:rgba(239,207,147,.15) !important;
    border-color:rgba(239,207,147,.38) !important;
  }
  #header #primary-menu.syca-nav .syca-nav__cart {background:rgba(239,207,147,.1) !important;}
  #header #primary-menu.syca-nav .syca-nav__count.badge.cart_ship_count {
    position:absolute !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    top:-9px !important;
    right:-9px !important;
    left:auto !important;
    width:auto !important;
    min-width:22px;
    height:22px !important;
    padding:0 5px;
    background:#f2c85d !important;
    color:#171718 !important;
    border:1px solid #1f2022;
    border-radius:999px;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-shadow:none !important;
    z-index:2;
  }
  #header #primary-menu.syca-nav .syca-nav__login-badge {
    position:absolute;
    right:-5px;
    top:-6px;
    width:15px;
    height:15px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#4aa67a;
    color:#fff;
    font-size:8px;
    border:1px solid #26272a;
  }
  #header #primary-menu.syca-nav a:focus-visible,
  #header #primary-menu.syca-nav button:focus-visible,
  #header #logo > a:focus-visible {
    outline:2px solid #f3cf72 !important;
    outline-offset:2px !important;
  }

  /* Die bestehende Footer-Suche wird für Desktop hierher versetzt. */
  #header #syc-msearch.syc-msearch {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    z-index:9940 !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(155deg,rgba(22,49,63,.96),rgba(12,34,45,.96)) !important;
    border-radius:20px;
    box-shadow:none !important;
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  #header #syc-msearch.syc-msearch.is-open {display:flex !important;}
  #header #syc-msearch .syc-msearch__panel {
    display:flex !important;
    position:relative;
    align-items:center !important;
    flex-direction:row !important;
    gap:12px;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:0 clamp(12px,2vw,28px) !important;
    background:transparent !important;
    border:0 !important;
    border-radius:20px;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #header #syc-msearch .syc-msearch__title,
  #header #syc-msearch .syc-msearch__hint {display:none !important;}
  #header #syc-msearch .syc-msearch__form {
    order:1;
    display:flex !important;
    flex:1 1 auto;
    align-items:center;
    gap:12px;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
  }
  #header #syc-msearch .syc-msearch__input {
    flex:1 1 auto;
    width:100%;
    height:48px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.09) !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:500;
    letter-spacing:0;
    padding:0 16px !important;
    outline:none !important;
  }
  #header #syc-msearch .syc-msearch__input:focus {border-color:#e7c67f !important;box-shadow:0 0 0 2px rgba(237,205,144,.22) !important;}
  #header #syc-msearch .syc-msearch__go {
    flex:0 0 auto;
    height:46px !important;
    margin:0 !important;
    padding:0 22px !important;
    background:rgba(239,207,147,.17);
    border:1px solid rgba(239,207,147,.6);
    border-radius:12px;
    color:#fff;
    cursor:pointer;
  }
  #header #syc-msearch .syc-msearch__close {
    order:2;
    flex:0 0 42px;
    width:42px;
    height:42px;
    margin:0;
    float:none !important;
    color:#fff;
    cursor:pointer;
  }
  #header #syc-msearch .syc-msearch__suggest:not([hidden]) {
    position:absolute !important;
    top:calc(100% + 9px);
    left:12px;
    right:62px;
    z-index:9950;
    max-height:min(60vh,480px);
    overflow-y:auto;
    margin:0;
    padding:8px;
    border:1px solid rgba(239,207,147,.25);
    border-radius:14px;
    background:rgba(12,34,45,.98);
    box-shadow:0 18px 45px rgba(0,0,0,.4);
  }

  /* Fixed Header überdeckt auf Nebenseiten sonst den Seitenanfang. */
  body:not(:has(.StartseiteV3)) > #wrapper {padding-top:105px;}
  body:has(.StartseiteV3) > #wrapper {padding-top:0;}

  /* Stufenweise Ausblendung: Infothek und Revierberichte zuerst. */
  @media (max-width:1570px) {
    #header #primary-menu.syca-nav li.syca-nav__item--info,
    #header #primary-menu.syca-nav li.syca-nav__item--reports {display:none !important;}
    #header #primary-menu.syca-nav li.syca-nav__dropdown-item--info,
    #header #primary-menu.syca-nav li.syca-nav__dropdown-item--reports {display:flex !important;}
  }
  /* Direktkontakt bleibt sichtbar, bis der Bildschirm noch schmaler wird. */
  @media (max-width:1330px) {
    #header #primary-menu.syca-nav li.syca-nav__item--contact {display:none !important;}
    #header #primary-menu.syca-nav li.syca-nav__dropdown-item--contact {display:flex !important;}
    #header #logo {flex-basis:155px !important;font-size:14px !important;}
    #header #header-wrap > .container {gap:12px;padding:0 15px !important;}
    #header #primary-menu.syca-nav {gap:10px;}
    #header #primary-menu.syca-nav > ul.syca-nav__main {gap:3px;}
  }
  @media (max-width:1140px) {
    #header #logo {flex-basis:120px !important;min-width:102px !important;font-size:12px !important;}
    #header #header-wrap > .container {gap:8px;padding:0 11px !important;}
    #header #primary-menu.syca-nav {gap:8px;}
    #header #primary-menu.syca-nav > ul.syca-nav__main {gap:2px;}
    #header #primary-menu.syca-nav .syca-nav__item > a.syca-nav__link {padding:0 4px !important;gap:7px !important;font-size:11px !important;}
    #header #primary-menu.syca-nav .syca-nav__chevron {width:16px;flex-basis:16px;padding:0 2px 0 0;}
    #header #primary-menu.syca-nav .syca-nav__type-icon {font-size:17px !important;flex-basis:19px !important;width:19px !important;}
    #header #primary-menu.syca-nav .syca-nav__item > button.syca-nav__more-btn {padding:0 9px !important;font-size:11px !important;}
    #header #primary-menu.syca-nav .syca-nav__icon-btn {width:36px !important;height:38px !important;font-size:15px !important;}
    #header #primary-menu.syca-nav .syca-nav__actions {gap:5px;}
  }
  /* V1.2: Canvas-Spezifitaet aus style.css gezielt neutralisieren.
     Die alte #header-wrap-Regel inkl. Sticky-Variante hat !important und
     uebermalt sonst die abgerundete, halbtransparente Navigationskachel. */
  #header #header-wrap,
  #header.sticky-header #header-wrap,
  #header.sticky-header:not(.static-sticky) #header-wrap,
  #header.static-sticky #header-wrap,
  #header.static-sticky.sticky-header #header-wrap,
  header#header.static-sticky.dark.transparent #header-wrap,
  header#header.static-sticky.dark.transparent.sticky-header #header-wrap {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:inherit !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #header #header-wrap > .container,
  #header.sticky-header:not(.static-sticky) #header-wrap > .container {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:inherit !important;
    box-sizing:border-box !important;
    max-width:100% !important;
  }
  /* Canvas setzt beim Logo-Link ungewollt 32/12px padding-top.
     Desktop-Logo ausschließlich per Flex vertikal zentrieren. */
  #header #header-wrap #logo > a,
  #header.sticky-header:not(.static-sticky) #header-wrap #logo > a,
  #header.static-sticky #header-wrap #logo > a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.25 !important;
    transform:none !important;
    transition:color .2s ease !important;
  }
  /* Alle Dropdowns bleiben direkt am Auslöser; kein Hover-Loch. */
  #header #primary-menu.syca-nav > ul.syca-nav__main > li > ul.syca-nav__dropdown {
    top:100% !important;
  }
  #header #primary-menu.syca-nav .syca-nav__item > a.syca-nav__link,
  #header #primary-menu.syca-nav .syca-nav__item > button.syca-nav__more-btn {
    line-height:1.2 !important;
  }
  @media (prefers-reduced-motion:reduce) {
    #header,#header #primary-menu.syca-nav *,#header #logo {transition:none !important;}
  }
}