/* Desktop header 2026: load after cs_shop24.css. */
.shop-header-modern { position:relative; z-index:200; min-height:210px; background:#fff; font-family:Arial, Verdana, Helvetica, sans-serif; }
.shop-header-modern__hero { position:relative; height:118px; overflow:hidden; background:#fff url('/assets/mobil/header-v51.png') center center / 1200px auto no-repeat; }
.shop-header-modern__brand { display:inline-block; margin:8px 0 0 20px; }
.shop-header-modern__brand img { display:block; width:170px; height:auto; border:0; }
.shop-header-modern__since { display:none; }
.shop-header-modern__sticky { position:relative; z-index:8000; width:1200px; background:#fff; }
.shop-header-modern__script-hooks { position:absolute !important; left:-9999px !important; width:0 !important; height:0 !important; overflow:hidden !important; visibility:hidden !important; }
.shop-header-modern__utility { display:flex; align-items:center; gap:14px; min-height:52px; padding:5px 32px; border-top:1px solid #d5dfe9; border-bottom:0; background:#fff; box-sizing:border-box; }
.shop-header-modern__search { position:relative; display:flex; flex:1 1 420px; max-width:500px; min-height:38px; overflow:hidden; border:1px solid #aebdce; border-radius:4px; background:#fff; box-shadow:0 1px 4px rgba(26,46,75,.13); box-sizing:border-box; }
.shop-header-modern__search .textInputSearch { flex:1; min-width:0; height:auto; padding:0 46px 0 12px; border:0; color:#263443; font:14px Arial, Verdana, Helvetica, sans-serif; outline:0; }
.shop-header-modern__search .bsearch-btn { position:absolute; top:50%; right:4px; width:34px; height:34px; padding:0; border:0; border-radius:4px; background:transparent; cursor:pointer; transform:translateY(-50%); }
.shop-header-modern__search .bsearch-btn:hover, .shop-header-modern__search .bsearch-btn:focus { background:#edf2f8; }
.shop-header-modern__search .bsearch-btn img { width:22px; height:22px; vertical-align:middle; }
.shop-header-modern__actions { display:flex; align-items:center; gap:6px; margin-left:auto; overflow:visible; padding:3px; border:1px solid #d3dce8; border-radius:5px; background:#f8fafc; }
.shop-header-modern__action { display:flex; align-items:center; justify-content:center; gap:6px; min-height:30px; padding:0 8px; border:1px solid transparent; border-radius:4px; color:#263a68; font-size:12px; font-weight:bold; line-height:1; text-decoration:none; background:transparent; box-sizing:border-box; }
.shop-header-modern__action:hover, .shop-header-modern__action:focus { border-color:#c5d1df; background:#edf2f8; }
.shop-header-modern__header-switch { font-family:inherit; font-size:12px; font-weight:bold; line-height:1; cursor:pointer; }
.shop-header-modern__header-switch img { border-radius:6px; filter:brightness(0) saturate(100%) invert(22%) sepia(36%) saturate(1510%) hue-rotate(188deg) brightness(86%) contrast(91%); }
.shop-header-modern__action img { width:24px; height:24px; object-fit:contain; flex:0 0 auto; }
.shop-header-modern__action span { display:inline-block; white-space:nowrap; }
.shop-header-modern__icon-variant { line-height:0; }
.shop-header-modern__icon-variant--wave { display:none !important; }
.shop-header-modern--wave .shop-header-modern__icon-variant--landscape { display:none !important; }
.shop-header-modern--wave .shop-header-modern__icon-variant--wave { display:inline-flex !important; align-items:center; justify-content:center; }
.shop-header-modern__login { position:relative; display:flex; }
.shop-header-modern__login-preview, .shop-header-modern__cart-preview { position:absolute; z-index:9999; display:none; font-size:13px; }
.shop-header-modern__login-preview { top:40px; right:0; width:270px; }
.shop-header-modern__login-preview > div, .shop-header-modern__cart-preview > div { padding:5px; border:1px solid #4275aa; border-radius:5px; background:#f4f6f8; box-shadow:0 3px 10px rgba(29,57,89,.25); }
.shop-header-modern__login-preview ul { margin:0; padding:0; list-style:none; }
.shop-header-modern__login-preview .menutop { padding:4px 3px; font-weight:bold; }
.shop-header-modern__login-preview .menum a { display:block; padding:3px; color:#243959; text-decoration:none; }
.shop-header-modern__login-preview .menum a:hover { background:#eaf0f7; }
.shop-header-modern__login:hover #loginpreview, .shop-header-modern__login:focus-within #loginpreview { display:block; }
.shop-header-modern__cart-group { position:relative; display:flex; align-items:center; flex:0 0 auto; gap:6px; min-height:38px; padding:3px 9px 3px 6px; border:1px solid #d3dce8; border-radius:5px; background:#f8fafc; box-sizing:border-box; }
.shop-header-modern__cart-state { display:flex; align-items:center; min-height:30px; min-width:135px; padding:0; border:0; background:transparent; color:#263a68; font-size:11px; font-weight:400; line-height:1.3; text-align:left; white-space:normal; }
.shop-header-modern__cart-state a { color:inherit; text-decoration:none; }
.shop-header-modern__cart-state strong { color:#1d633f; }
.shop-header-modern__cart-state-wave { display:none !important; }
.shop-header-modern__cart-state-landscape { display:block; min-width:135px; white-space:nowrap; }
.shop-header-modern__cart-state-landscape .shop-header-modern__cart-line { display:block; font-size:11px; line-height:1; white-space:nowrap; }
.shop-header-modern__cart-state-landscape .shop-header-modern__cart-line b { font-size:inherit; line-height:inherit; font-weight:700; }
.shop-header-modern--wave .shop-header-modern__cart-state-landscape { display:none !important; }
.shop-header-modern--wave .shop-header-modern__cart-state-wave { display:block !important; }
.shop-header-modern__cart-preview { top:40px; right:0; width:326px; text-align:left; }
.shop-header-modern__cart-preview table { border-collapse:collapse; font-size:12px; }
.shop-header-modern__cart-preview th, .shop-header-modern__cart-preview td { padding:3px; border-bottom:1px solid #d9e2ed; }
.shop-header-modern__preview-button { margin-top:6px; text-align:right; }
.shop-header-modern .wklink:hover #wkpreview, .shop-header-modern .wklink:focus-within #wkpreview { display:block; }
.shop-header-modern__navigation { position:relative; z-index:8000; width:1200px; min-height:40px; overflow:visible; border-top:0; border-bottom:0; background:#fff; }
.shop-header-modern__navigation > .content { width:1200px !important; height:40px !important; margin:0 !important; padding:0 !important; border:0 !important; background:#f2f7f9 !important; box-sizing:border-box; }
.shop-header-modern__navigation .lmenuo { float:none; width:100% !important; height:40px; margin:0; padding:0; border:1px solid #d5e2e8; background:#f2f7f9; box-sizing:border-box; }
.shop-header-modern__navigation nav { margin:0; padding:0; }
.shop-header-modern__navigation nav > ul { width:1198px !important; margin:0; padding:0; }
.shop-header-modern__navigation nav > ul::after { content:""; display:block; clear:both; }
.shop-header-modern__navigation .menuho { height:38px; margin:0; padding:0; border-right:1px solid #e1eaee; border-bottom:0; background:transparent; text-align:center; box-sizing:border-box; }
.shop-header-modern__navigation .menuho:last-child { width:108px !important; border-right:0; }
html[lang="en"] .shop-header-modern__navigation .menuho:last-child { width:84px !important; }
.shop-header-modern__navigation .menuho .menulink { justify-content:center; height:38px; padding:0 11px; color:#203f50; font-family:"Open Sans",Arial,Verdana,sans-serif !important; font-size:14px !important; font-weight:400 !important; line-height:1.3 !important; white-space:nowrap; }
.shop-header-modern__navigation .menuho:hover, .shop-header-modern__navigation .menuho:focus-within { background:#eaf4f8; }
.shop-header-modern__navigation .menuho:hover .menulink, .shop-header-modern__navigation .menuho:focus-within .menulink { color:#0f4e6b; text-decoration:none; }
.shop-header-modern__navigation .menuhol { top:38px; z-index:9000; padding:8px; border:1px solid #d5e2e8; border-top:3px solid #168fc4; border-radius:0 0 8px 8px; background:#fff; box-shadow:0 7px 18px rgba(18,63,82,.16); }
.shop-header-modern__navigation .menuhol ul { margin:0; padding:0; border:0 !important; }
.shop-header-modern__navigation .menuhol > li > ul > li + li { border-left:1px solid #dbe7ec; }
.shop-header-modern__navigation .menuhol .mo { min-width:150px; border-bottom:1px solid #e7eef2; background:#fff; color:#203f50; font-family:"Open Sans",Arial,Verdana,sans-serif; font-size:13px; line-height:1.3; }
.shop-header-modern__navigation .menuhol .mo:last-child { border-bottom:0; }
.shop-header-modern__navigation .menuhol .mo > a { box-sizing:border-box; min-height:33px; padding:8px 11px; color:#203f50 !important; font-family:"Open Sans",Arial,Verdana,sans-serif !important; font-size:13px; font-weight:400; line-height:1.3; text-decoration:none !important; }
.shop-header-modern__navigation .menuhol li > ul > li > ul > .mo:first-child > a { background:#edf6f9; color:#163f55 !important; font-weight:700; }
.shop-header-modern__navigation .menuhol .mo:hover, .shop-header-modern__navigation .menuhol .mo:focus-within { background:#eaf4f8; }
.shop-header-modern__navigation .menuhol .mo:hover > a, .shop-header-modern__navigation .menuhol .mo:focus-within > a { color:#0f4e6b !important; outline:none; }
.shop-header-modern__menu-space { height:38px; }

/* Separater Desktop-Wellenheader-Test: Aktivierung nur mit ?header=wave. */
.shop-header-modern--wave { min-height:158px; }
.shop-header-modern--wave .shop-header-modern__hero { isolation:isolate; height:118px; overflow:hidden; background:linear-gradient(98deg,#177fbb 0%,#1169a7 46%,#0d4c90 100%); box-shadow:0 5px 18px rgba(18,44,82,.16); }
.shop-header-modern--wave .shop-header-modern__hero::before { content:""; position:absolute; z-index:-1; top:-78px; left:-130px; width:1120px; height:112px; border-radius:0 0 55% 55%; background:rgba(255,255,255,.13); transform:rotate(-2deg); }
.shop-header-modern--wave .shop-header-modern__hero::after { content:""; position:absolute; z-index:-1; right:-120px; bottom:16px; width:860px; height:42px; border-radius:999px; background:rgba(76,165,215,.20); transform:rotate(-3deg); }
.shop-header-modern--wave .shop-header-modern__brand { position:relative; z-index:3; margin:4px 0 0 28px; }
.shop-header-modern--wave .shop-header-modern__brand img { width:190px; filter:brightness(0) invert(1); }
.shop-header-modern--wave .shop-header-modern__since { position:absolute; top:98px; left:13px; display:flex; align-items:center; justify-content:center; gap:8px; width:150px; color:rgba(255,255,255,.88); font-family:"Open Sans",Arial,Verdana,sans-serif; font-size:9px; font-style:normal; font-weight:400; line-height:1; letter-spacing:.12em; text-transform:none; white-space:nowrap; }
.shop-header-modern--wave .shop-header-modern__since span { display:block; flex:1 1 auto; height:1px; background:rgba(255,255,255,.52); }
.shop-header-modern--wave .shop-header-modern__since b { font:inherit; }
.shop-header-modern--wave .shop-header-modern__sticky { background:transparent; }
.shop-header-modern--wave .shop-header-modern__utility { position:absolute; z-index:9100; top:-118px; left:250px; width:950px; min-height:118px; gap:10px; padding:23px 18px; border:0; background:transparent; }
.shop-header-modern--wave .shop-header-modern__search { flex:1 1 430px; max-width:none; min-height:52px; border:1px solid rgba(255,255,255,.82); border-radius:12px; box-shadow:0 7px 18px rgba(4,35,78,.18); }
.shop-header-modern--wave .shop-header-modern__search .textInputSearch { padding-left:20px; color:#263a68; font-family:"Open Sans",Arial,Verdana,sans-serif; font-size:17px; }
.shop-header-modern--wave .shop-header-modern__search .bsearch-btn { right:7px; width:40px; height:40px; border-radius:8px; }
.shop-header-modern--wave .shop-header-modern__search .bsearch-btn img { width:26px; height:26px; }
.shop-header-modern--wave .shop-header-modern__actions { flex:0 0 auto; gap:2px; margin-left:0; padding:0; border:0; background:transparent; }
.shop-header-modern--wave .shop-header-modern__action { min-height:54px; padding:4px 7px; color:#fff !important; font-family:"Open Sans",Arial,Verdana,sans-serif; font-size:11px; font-weight:600; flex-direction:column; gap:3px; }
.shop-header-modern--wave .shop-header-modern__action:hover,.shop-header-modern--wave .shop-header-modern__action:focus { border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.12); }
.shop-header-modern--wave .shop-header-modern__actions .shop-header-modern__icon-variant--wave { width:30px; height:30px; }
.shop-header-modern--wave .shop-header-modern__actions .shop-header-modern__action > span:last-child { display:flex; align-items:flex-start; justify-content:center; height:12px; line-height:12px; }
.shop-header-modern--wave .shop-header-modern__action img { width:29px; height:29px; filter:brightness(0) invert(1); }
.shop-header-modern--wave .shop-header-modern__header-switch img { width:30px; height:30px; border:0; border-radius:0; filter:none; }
.shop-header-modern--wave .shop-header-modern__line-icon { display:block; width:29px; height:29px; fill:none !important; stroke:#fff !important; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.shop-header-modern--wave .shop-header-modern__cart-group { min-height:66px; width:232px; max-width:232px; gap:7px; padding:5px 10px 5px 7px; border-color:rgba(255,255,255,.32); border-radius:10px; background:rgba(4,49,105,.18); }
.shop-header-modern--wave .shop-header-modern__cart-group > .shop-header-modern__action { flex:0 0 42px; padding:1px; }
.shop-header-modern--wave .shop-header-modern__cart-group .shop-header-modern__cart-icon { display:block; width:43px; height:43px; overflow:visible; fill:none; stroke:#fff; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.shop-header-modern--wave .shop-header-modern__cart-badge circle { fill:#73b72b; stroke:#fff; stroke-width:2; }
.shop-header-modern--wave .shop-header-modern__cart-badge path { fill:none; stroke:#174f28; stroke-width:2.3; }
.shop-header-modern--wave .shop-header-modern__cart-state { display:block; min-width:0; flex:1 1 auto; color:#fff; font-family:"Open Sans",Arial,Verdana,sans-serif; font-size:10.5px; font-weight:400; line-height:1.35; white-space:normal; }
.shop-header-modern--wave .shop-header-modern__cart-line { display:flex; align-items:baseline; justify-content:space-between; gap:7px; white-space:nowrap; }
.shop-header-modern--wave .shop-header-modern__cart-line + .shop-header-modern__cart-line { margin-top:2px; }
.shop-header-modern--wave .shop-header-modern__cart-line b { font-size:11px; font-weight:700; }
.shop-header-modern--wave .shop-header-modern__cart-state strong { color:#fff; }
.shop-header-modern--wave .shop-header-modern__login-preview,.shop-header-modern--wave .shop-header-modern__cart-preview { z-index:99999; top:68px; color:#263a68; }
.shop-header-modern--wave .shop-header-modern__navigation { min-height:40px; box-shadow:0 2px 8px rgba(22,55,85,.08); }
.shop-header-modern__scroll-brand { display:none; }
.shop-header-modern--wave.is-scrolled .shop-header-modern__sticky { position:fixed; z-index:20000; top:0; left:50%; width:1200px; height:106px; background:linear-gradient(98deg,#177fbb 0%,#1169a7 46%,#0d4c90 100%); box-shadow:0 7px 20px rgba(18,44,82,.22); transform:translateX(-50%); }
.shop-header-modern--wave.is-scrolled .shop-header-modern__utility { position:relative; z-index:20003; top:0; left:0; width:1200px; min-height:66px; padding:7px 18px; }
.shop-header-modern--wave.is-scrolled .shop-header-modern__scroll-brand { display:flex; align-items:center; flex:0 0 118px; height:52px; }
.shop-header-modern--wave.is-scrolled .shop-header-modern__scroll-brand img { display:block; width:112px; height:auto; filter:brightness(0) invert(1); }
.shop-header-modern--wave.is-scrolled .shop-header-modern__since { display:none; }
.shop-header-modern--wave.is-scrolled .shop-header-modern__search { min-height:46px; }
.shop-header-modern--wave.is-scrolled .shop-header-modern__actions { display:none; }
.shop-header-modern--wave.is-scrolled .shop-header-modern__cart-group { min-height:52px; }
.shop-header-modern--wave.is-scrolled .shop-header-modern__cart-preview { top:55px; }
.shop-header-modern--wave.is-scrolled .shop-header-modern__navigation { display:block; position:relative; z-index:20002; width:1200px; min-height:40px; overflow:visible; }
@media (max-width:980px) { .shop-header-modern__utility { gap:8px; padding:4px 10px; } .shop-header-modern__cart-state { min-width:0; font-size:11px; } .shop-header-modern__navigation { overflow-x:auto; } }