
@media(max-width:1100px){
header.header{position:relative!important;z-index:99990!important;background:#090a0a!important;width:100%!important;border-bottom:1px solid #26231d!important}
header.header>.wrap.nav{height:68px!important;min-height:68px!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 16px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;box-sizing:border-box!important;position:relative!important}
header.header .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;position:static!important;margin:0!important;padding:0!important}
header.header .brand img{width:120px!important;height:auto!important;max-height:52px!important;object-fit:contain!important;display:block!important}
header.header button.menu{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;flex:0 0 40px!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important;background:transparent!important;color:#e3c18b!important;border:1px solid #6b5940!important;border-radius:3px!important;font-size:23px!important;z-index:2!important}
header.header #navlinks{position:absolute!important;top:100%!important;left:0!important;right:0!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 75px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:0!important;padding:13px 10px 20px!important;background:#101111!important;border:0!important;border-bottom:1px solid #57452c!important;box-shadow:0 10px 20px #0006!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important}
header.header #navlinks:not(.open){display:none!important;visibility:hidden!important;pointer-events:none!important}
header.header #navlinks.open{display:flex!important;visibility:visible!important;pointer-events:auto!important}
header.header #navlinks>a{display:block!important;flex:none!important;align-self:stretch!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:15px 0!important;text-align:left!important;line-height:1.5!important;font-size:11px!important;letter-spacing:.06em!important;font-weight:700!important;text-transform:uppercase!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;white-space:normal!important}
header.header #navlinks>.dew-qr-nav-mini{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;flex:0 0 auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:8px 0 0!important;padding:0!important;width:75px!important;max-width:75px!important;height:55px!important;min-height:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#d8b26e!important;gap:2px!important}
header.header #navlinks>.dew-qr-nav-mini svg{display:block!important;width:23px!important;height:23px!important;flex:none!important}
header.header #navlinks>.dew-qr-nav-mini span{font-size:10px!important;white-space:nowrap!important}
header.header #navlinks .dww-merkzettel-menu,header.header #navlinks .dww-heart-nav{align-self:flex-end!important;margin-left:auto!important}
}

/* Einheitliche mobile QR-Position und goldene Menü-Scrollleiste */
@media (max-width:1100px) {
 html body header.header #navlinks > button.dew-qr-nav-mini,
 html body header.header #navlinks > .nav-qr,
 html body header.header #navlinks > .nav-qr-trigger,
 html body header.header #navlinks > button.qr-open,
 html body header.header #navlinks > button.qr-trigger {
   position:relative !important;
   float:none !important;
   display:flex !important;
   align-self:flex-start !important;
   justify-self:start !important;
   margin:10px auto 0 0 !important;
   left:0 !important;
   right:auto !important;
   top:auto !important;
   bottom:auto !important;
   transform:none !important;
   text-align:center !important;
 }
 html body header.header #navlinks {
   scrollbar-color:#c9a15d #171717 !important;
   scrollbar-width:thin !important;
 }
 html body header.header #navlinks::-webkit-scrollbar {width:7px !important;}
 html body header.header #navlinks::-webkit-scrollbar-track {background:#171717 !important;}
 html body header.header #navlinks::-webkit-scrollbar-thumb {background:#c9a15d !important;border-radius:8px !important;}
}

/* Mobile Menue: Merkzettel fest an die rechte Kante, QR links */
@media(max-width:1100px){
 html body header.header #navlinks.open>.dww-heart-nav{
  display:inline-flex!important;position:relative!important;float:none!important;
  align-self:flex-end!important;justify-self:end!important;
  margin:0 8px 0 auto!important;left:auto!important;right:0!important;
  top:auto!important;bottom:auto!important;transform:none!important;
  width:44px!important;min-width:44px!important;max-width:44px!important;
  flex:0 0 44px!important;order:999!important;
 }
 html body header.header #navlinks.open>.dww-heart-nav .dww-heart-count{right:0!important;left:auto!important}
}

/* Gemeinsamer Desktop-Header wie auf der Startseite */
@media (min-width:1101px){
header.header,header.header.dww-identical-header{position:relative!important;width:100%!important;max-width:none!important;background:#090b0a!important;border-bottom:1px solid #2c2922!important;z-index:1000!important;box-sizing:border-box!important}
header.header>.wrap.nav,header.header>.wrap.nav.dww-identical-wrap{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:30px!important;width:100%!important;max-width:1320px!important;min-height:86px!important;height:86px!important;padding:0 24px!important;margin:0 auto!important;box-sizing:border-box!important}
header.header .brand{display:flex!important;align-items:center!important;flex:0 0 190px!important;width:190px!important;max-width:190px!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;position:static!important;transform:none!important}
header.header .brand img{display:block!important;width:170px!important;max-width:170px!important;max-height:70px!important;height:auto!important;object-fit:contain!important;position:static!important;transform:none!important}
header.header #navlinks{position:static!important;display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;overflow:visible!important;visibility:visible!important}
header.header #navlinks>a{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;white-space:nowrap!important;text-align:center!important;text-decoration:none!important;text-transform:uppercase!important;font-size:11px!important;font-weight:800!important;letter-spacing:.055em!important;line-height:1.3!important;color:#e4e3df!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
header.header #navlinks>a.dew-sample-link{display:inline-flex!important;background:#b63e47!important;color:#fff!important;padding:12px 16px!important;border-radius:28px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.06em!important;box-shadow:none!important}
header.header #navlinks>a.newsletter-popup{color:#d5b16d!important}
header.header #navlinks .dww-themenwelt-gruen{color:#4db58a!important}
header.header #navlinks>button.dew-qr-nav-mini{display:flex!important;flex:0 0 50px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:50px!important;max-width:50px!important;height:56px!important;min-height:0!important;margin:0!important;padding:0!important;position:static!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#d5ad62!important}
header.header #navlinks>button.dew-qr-nav-mini svg{display:block!important;width:22px!important;height:22px!important}
header.header #navlinks>button.dew-qr-nav-mini span{font-size:9px!important;white-space:nowrap!important}
header.header #navlinks>.dww-heart-nav,header.header #navlinks>.dww-merkzettel-menu{position:relative!important;flex:0 0 32px!important;width:32px!important;margin:0!important;padding:0!important;transform:none!important;align-self:center!important}
header.header button.menu{display:none!important}
}
@media (min-width:1101px) and (max-width:1250px){header.header>.wrap.nav{gap:15px!important;padding:0 14px!important}header.header .brand{flex-basis:145px!important;width:145px!important}header.header .brand img{width:135px!important}header.header #navlinks{gap:9px!important}header.header #navlinks>a{font-size:9px!important}header.header #navlinks>a.dew-sample-link{padding:10px 11px!important;font-size:9px!important}}

/* Single desktop header design, identical across all public pages. */
@media(min-width:1101px){
html body header.header{position:relative!important;z-index:1000!important;width:100%!important;max-width:none!important;min-height:86px!important;height:86px!important;margin:0!important;padding:0!important;background:#080909!important;border-bottom:1px solid #30281b!important;box-sizing:border-box!important;overflow:visible!important}
html body header.header>.wrap.nav{position:relative!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:26px!important;box-sizing:border-box!important;width:100%!important;max-width:1320px!important;height:86px!important;min-height:86px!important;margin:0 auto!important;padding:0 24px!important;transform:none!important}
html body header.header .brand{display:flex!important;flex:0 0 195px!important;width:195px!important;max-width:195px!important;min-width:0!important;height:70px!important;align-items:center!important;position:static!important;overflow:visible!important;margin:0!important;padding:0!important;transform:none!important}
html body header.header .brand img{display:block!important;width:175px!important;max-width:175px!important;height:auto!important;max-height:66px!important;object-fit:contain!important;transform:none!important;margin:0!important}
html body header.header #navlinks.navlinks{position:static!important;display:flex!important;flex:1 1 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
html body header.header #navlinks>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;position:static!important;white-space:nowrap!important;font-size:11px!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;text-decoration:none!important;line-height:1.4!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;color:#e6e3dd!important}
html body header.header #navlinks>a.dew-sample-link{background:#b83e48!important;border-radius:999px!important;padding:12px 17px!important;color:white!important;box-shadow:none!important}
html body header.header #navlinks>a .dww-themenwelt-gruen{color:#48aa7b!important}
html body header.header #navlinks>a.newsletter-popup{color:#d8b46d!important}
html body header.header #navlinks>button.dew-qr-nav-mini{display:flex!important;position:relative!important;flex:0 0 52px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;align-self:center!important;gap:2px!important;width:52px!important;height:54px!important;min-height:0!important;max-width:52px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;color:#d8b46d!important}
html body header.header #navlinks>button.dew-qr-nav-mini svg{width:23px!important;height:23px!important}
html body header.header #navlinks>button.dew-qr-nav-mini span{font-size:9px!important;white-space:nowrap!important}
html body header.header #navlinks>.dww-heart-nav{position:relative!important;display:flex!important;flex:0 0 38px!important;align-items:center!important;justify-content:center!important;align-self:center!important;width:38px!important;height:42px!important;margin:0!important;padding:0!important;transform:none!important}
html body header.header button.menu{display:none!important}
}
@media(min-width:1101px) and (max-width:1250px){html body header.header>.wrap.nav{gap:12px!important;padding:0 15px!important}html body header.header .brand{flex-basis:140px!important;width:140px!important}html body header.header .brand img{width:135px!important}html body header.header #navlinks>a{font-size:9px!important;letter-spacing:.025em!important}html body header.header #navlinks>a.dew-sample-link{padding:10px!important}}

/* Einheitlicher goldener Scrollbalken – Desktop und Mobil */
html,body,#navlinks.navlinks{scrollbar-color:#c7a15a #12110f;scrollbar-width:thin;}
html::-webkit-scrollbar,body::-webkit-scrollbar,#navlinks.navlinks::-webkit-scrollbar{width:9px;height:9px;}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,#navlinks.navlinks::-webkit-scrollbar-track{background:#12110f;}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,#navlinks.navlinks::-webkit-scrollbar-thumb{background:#c7a15a;border-radius:12px;border:2px solid #12110f;}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,#navlinks.navlinks::-webkit-scrollbar-thumb:hover{background:#e5c67e;}
