@font-face{font-family:"DM Sans Kopf";font-style:normal;font-weight:100 1000;font-display:swap;src:url("/bx/assets/reise-kopf-dm-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans Kopf";font-style:normal;font-weight:100 1000;font-display:swap;src:url("/bx/assets/reise-kopf-dm-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Kopf und Fuß der Reise-Seiten: gleiche Regeln wie billigxxl.de/reisen, nur auf diese Bereiche begrenzt */
.shop-header,.shop-footer,.spot-fenster{--ink:#12233f;--line:#dce5ee;--muted:#54647b;--sans:"DM Sans Kopf",Arial,Helvetica,sans-serif;--serif:"DM Sans Kopf",Arial,Helvetica,sans-serif}
.shop-header,.shop-footer,.spot-fenster{font:16px/1.55 "DM Sans Kopf",Arial,Helvetica,sans-serif;color:#12233f;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
:where(.shop-header,.shop-footer,.spot-fenster) *,:where(.shop-header,.shop-footer,.spot-fenster) *::before,:where(.shop-header,.shop-footer,.spot-fenster) *::after{box-sizing:border-box}
:where(.shop-header,.shop-footer,.spot-fenster) :is(h1,h2,h3,p,figure,ul,ol){margin:0}
:where(.shop-header,.shop-footer) :is(h1,h2,h3){line-height:1.08;letter-spacing:-.03em;font-weight:700;text-wrap:balance}
:where(.shop-footer) h2{line-height:1.25;font-size:clamp(22px,2vw,28px)}
:where(.shop-header,.shop-footer,.spot-fenster) img{display:block;max-width:100%}
:where(.shop-header,.shop-footer,.spot-fenster) :is(button,input){font:inherit;line-height:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:where(.shop-header,.shop-footer,.spot-fenster) a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:where(.shop-header,.shop-footer,.spot-fenster) button{cursor:pointer}
:where(.shop-header,.shop-footer,.spot-fenster) svg{display:block}
:where(.shop-header,.shop-footer) [hidden]{display:none!important}
.shop-header,.shop-header *:not(svg):not(svg *),.shop-footer,.shop-footer *:not(svg):not(svg *),.spot-fenster,.spot-fenster *:not(svg):not(svg *){font-family:"DM Sans Kopf",Arial,Helvetica,sans-serif!important}
/* layer layout */
.rk-brand{ display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font: bold 36px/1 var(--sans); letter-spacing: -1px; white-space: nowrap; }
.rk-brand img{ width: 54px; height: 54px; object-fit: cover; mix-blend-mode: multiply; }
.rk-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:bold 36px/1 var(--sans);letter-spacing:-1px;white-space:nowrap}
.rk-brand img{width:54px;height:54px;object-fit:cover;mix-blend-mode:multiply}
/* layer responsive */
@media (max-width: 1050px){
.rk-brand{ font-size: 30px; }
}
@media (max-width: 760px){
.rk-brand{ font-size: 28px; gap: 6px; }
.rk-brand img{ width: 43px; height: 43px; }
}
/* layer portal */
.rk-site-header{ background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); }
.rk-brand{ width: 215px; display: block; }
.rk-brand img{ width: 100%; height: 62px; object-fit: contain; mix-blend-mode: normal; }
.rk-catalog-search{ position: relative; z-index: 20; display: flex; align-items: center; min-width: 0px; height: 46px; border: 1px solid rgb(170, 185, 205); border-radius: 5px; background: rgb(248, 250, 252); }
.rk-catalog-search svg{ width: 21px; height: 21px; flex: 0 0 21px; margin-left: 13px; color: var(--muted); }
.rk-catalog-search input[type="search"]{ width: 100%; min-width: 0px; border: 0px; padding: 10px 12px; background: transparent; color: var(--ink); font-size: 16px; }
.rk-catalog-search input[type="search"]:focus-visible{ outline: 0px; }
.rk-catalog-search input::placeholder{ color: var(--muted); opacity: 1; }
.rk-catalog-search button{ align-self: stretch; padding: 0px 25px; border: 0px; border-radius: 4px; background: var(--accent); color: white; font-weight: 600; }
.rk-search-suggestions{ position: absolute; top: calc(100% + 7px); left: 0px; right: 0px; z-index: 30; max-height: min(560px, 70vh); overflow-y: auto; border: 1px solid rgb(184, 197, 215); border-radius: 5px; background: rgb(255, 255, 255); box-shadow: rgba(16, 47, 84, 0.22) 0px 12px 30px; color: var(--ink); }
.rk-search-suggestions[hidden]{ display: none; }
@media (max-width: 1200px){
.rk-brand{ width: 195px; }
}
@media (max-width: 1000px){
.rk-brand{ width: 180px; }
}
@media (max-width: 800px){
.rk-brand{ width: 175px; }
.rk-brand img{ height: 48px; }
.rk-catalog-search{ grid-area: 2 / 1 / auto / -1; }
.rk-catalog-search button{ padding-inline: 18px; font-size: 15px; }
}
.rk-site-header{ background:#fff; border-bottom:1px solid var(--line); }
.rk-brand{ width:215px; display:block; }
.rk-brand img{ width:100%; height:62px; object-fit:contain; mix-blend-mode:normal; }
.rk-catalog-search{ position:relative; z-index:20; display:flex; align-items:center; min-width:0; height:46px; border:1px solid #aab9cd; border-radius:5px; background:#f8fafc; }
.rk-catalog-search:focus-within{ border-color:#102f54; box-shadow:inset 0 0 0 1px #102f54; }
.rk-catalog-search svg{ width:21px; height:21px; flex:0 0 21px; margin-left:13px; color:var(--muted); }
.rk-catalog-search input[type="search"]{ width:100%; min-width:0; border:0; padding:10px 12px; background:transparent; color:var(--ink); font-size:16px; }
.rk-catalog-search input[type="search"]:focus-visible{ outline:0; }
.rk-catalog-search input::placeholder{ color:var(--muted); opacity:1; }
.rk-catalog-search button{ align-self:stretch; padding:0 25px; border:0; border-radius:4px; background:var(--accent); color:white; font-weight:600; }
.rk-search-suggestions{ position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:30; max-height:min(560px,70vh); overflow-y:auto; border:1px solid #b8c5d7; border-radius:5px; background:#fff; box-shadow:0 12px 30px rgba(16,47,84,.22); color:var(--ink); }
.rk-search-suggestions[hidden]{ display:none; }
/* layer priceRadar */
.rk-site-chrome{ position: sticky; top: 0px; z-index: 30; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(219, 229, 242); box-shadow: rgba(8, 44, 103, 0.043) 0px 5px 18px; }
.rk-brand{ display: block; width: 180px; height: 52px; line-height: 0; }
.rk-brand img{ width: 180px; height: 52px; object-fit: contain; object-position: left center; mix-blend-mode: normal; }
.rk-catalog-search{ height: 52px; display: flex; align-items: center; min-width: 0px; border: 1.5px solid rgb(124, 174, 255); border-radius: 7px; background: rgb(255, 255, 255); box-shadow: rgba(5, 85, 220, 0.07) 0px 3px 12px; }
.rk-catalog-search > svg{ width: 22px; height: 22px; flex: 0 0 22px; margin-left: 14px; color: rgb(18, 63, 137); }
.rk-catalog-search input[type="search"]{ min-width: 0px; width: 100%; border: 0px; outline: 0px; padding: 13px 14px; background: transparent; color: var(--ink); font: 500 16px/1.2 var(--sans); }
.rk-catalog-search input::placeholder{ color: rgb(98, 119, 155); opacity: 1; }
.rk-catalog-search button{ height: 100%; display: inline-flex; align-items: center; gap: 12px; padding: 0px 23px; border: 0px; border-radius: 0px 5px 5px 0px; background: var(--accent); color: rgb(255, 255, 255); font: 700 15px/1 var(--sans); white-space: nowrap; }
.rk-catalog-search button:hover{ background: var(--accent-strong); }
.rk-category-icon{ width: 22px; height: 22px; }
@media (max-width: 1260px){
.rk-brand{ width: 168px; }
.rk-brand img{ width: 168px; }
}
@media (max-width: 1100px){
.rk-catalog-search{ grid-area: 2 / 1 / auto / -1; }
}
@media (max-width: 700px){
.rk-brand{ width: 124px; height: 42px; }
.rk-brand img{ width: 124px; height: 42px; }
.rk-catalog-search{ height: 46px; }
.rk-catalog-search input[type="search"]{ font-size: 13px; padding-inline: 9px; }
.rk-catalog-search button{ padding-inline: 11px; font-size: 11px; }
}
@media (max-width: 390px){
.rk-catalog-search > svg{ display: none; }
}
.rk-site-chrome{ position: sticky; top: 0; z-index: 30; background: #fff; border-bottom: 1px solid #dbe5f2; box-shadow: 0 5px 18px rgba(8,44,103,.045); }
.rk-brand{ display: block; width: 180px; height: 52px; line-height: 0; }
.rk-brand img{ width: 180px; height: 52px; object-fit: contain; object-position: left center; mix-blend-mode: normal; }
.rk-catalog-search{ height: 52px; display: flex; align-items: center; min-width: 0; border: 1.5px solid #7caeff; border-radius: 7px; background: #fff; box-shadow: 0 3px 12px rgba(5,85,220,.07); }
.rk-catalog-search:focus-within{ border-color: var(--accent); box-shadow: 0 0 0 4px rgba(7,92,229,.13); }
.rk-catalog-search > svg{ width: 22px; height: 22px; flex: 0 0 22px; margin-left: 14px; color: #123f89; }
.rk-catalog-search input[type="search"]{ min-width: 0; width: 100%; border: 0; outline: 0; padding: 13px 14px; background: transparent; color: var(--ink); font: 500 16px/1.2 var(--sans); }
.rk-catalog-search input::placeholder{ color: #62779b; opacity: 1; }
.rk-catalog-search button{ height: 100%; display: inline-flex; align-items: center; gap: 12px; padding: 0 23px; border: 0; border-radius: 0 5px 5px 0; background: var(--accent); color: #fff; font: 700 15px/1 var(--sans); white-space: nowrap; }
.rk-catalog-search button:hover{ background: var(--accent-strong); }
.rk-category-icon{ width: 22px; height: 22px; }
@media (max-width: 1260px){
.rk-brand{ width: 168px; }
.rk-brand img{ width: 168px; }
}
@media (max-width: 1100px){
.rk-catalog-search{ grid-column: 1/-1; grid-row: 2; }
}
@media (max-width: 700px){
.rk-brand{ width: 124px; height: 42px; }
.rk-brand img{ width: 124px; height: 42px; }
.rk-catalog-search{ height: 46px; }
.rk-catalog-search input[type="search"]{ font-size: 13px; padding-inline: 9px; }
.rk-catalog-search button{ padding-inline: 11px; font-size: 11px; }
}
@media (max-width: 390px){
.rk-catalog-search > svg{ display: none; }
}
/* unlayered */
@media (max-width: 800px){
.rk-catalog-search :is(input, select){ font-size: 16px !important; }
.rk-catalog-search{ max-width: 100%; min-width: 0px; }
.rk-catalog-search button{ flex-shrink: 0; }
}
.rk-catalog-search{ display: none; }
.rk-site-header .rk-brand{ width: 170px; }
.rk-site-header .rk-brand img{ height: 54px; }
.rk-section-nav{ display: flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid rgb(217, 227, 239); border-radius: 11px; background: rgb(238, 243, 249); }
.rk-section-nav a{ display: inline-flex; align-items: center; justify-content: center; min-width: 96px; min-height: 37px; padding: 7px 15px; border-radius: 8px; color: rgb(83, 107, 134); font: 700 14px / 1.2 "Segoe UI", Arial, sans-serif; text-decoration: none; }
.rk-section-nav a:hover{ background: rgb(226, 237, 250); color: rgb(16, 47, 84); }
.rk-section-nav a[aria-current="page"]{ background: rgb(7, 95, 224); color: rgb(255, 255, 255); }
.rk-site-header .rk-catalog-search{ height: 44px; border-color: rgb(174, 198, 233); border-radius: 11px; background: rgb(255, 255, 255); }
.rk-site-header .rk-catalog-search button{ margin: 3px; align-self: stretch; padding-inline: 16px; border-radius: 8px; background: rgb(7, 95, 224); }
.rk-site-header .rk-catalog-search input[type="search"]{ font-size: 14px; }
.rk-site-header .travel-header-search{ display: flex; }
@media (max-width: 1180px){
.rk-site-header .rk-brand{ width: 155px; }
.rk-site-header .rk-catalog-search{ grid-area: 2 / 1 / auto / -1; margin-bottom: 8px; }
}
@media (max-width: 760px){
.rk-site-header .rk-brand{ width: 148px; }
.rk-site-header .rk-brand img{ height: 45px; }
.rk-section-nav{ grid-area: 2 / 1 / auto / -1; width: 100%; }
.rk-section-nav a{ flex: 1 1 0%; min-height: 38px; }
.rk-site-header .rk-catalog-search{ grid-area: 3 / 1 / auto / -1; margin-bottom: 0px; }
}
@media (max-width: 760px){
.rk-section-nav a{ min-width: 0px; padding-inline: 10px; }
}
.rk-site-header .rk-catalog-search{ display: none; }
.rk-site-header.shared-header{ --header-cream: #f3efe7; --header-ink: #292d2b; --header-green: #075fff; background: rgb(255, 255, 255); color: var(--header-ink); }
.rk-site-header.shared-header .site-sections{ display: flex; justify-content: center; align-items: center; gap: 24px; width: auto; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; }
.rk-site-header.shared-header .site-sections > a{ display: flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 9px; min-width: 0px; min-height: 44px; padding: 8px 14px; border-width: 0px 0px 3px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; border-radius: 0px; background: transparent; color: var(--header-ink); font: 600 14px / 1.2 "Segoe UI", Arial, sans-serif; text-decoration: none; }
.rk-site-header.shared-header .site-sections > a[aria-current]{ color: var(--header-green); border-bottom-color: var(--header-green); }
.rk-site-header.shared-header .site-sections > a:hover{ background: rgb(233, 229, 221); }
.rk-site-header.shared-header .site-sections svg{ width: 23px; height: 23px; flex-shrink: 0; }
.rk-site-header.shared-header :is(a, button, input, summary):focus-visible{ outline: 3px solid var(--header-green); outline-offset: 3px; }
.rk-site-header.shared-header :is(.shop-header-row, .catalog-header){ display: grid; grid-template-columns: 174px minmax(0px, 1fr) auto; gap: 26px; align-items: center; min-height: 82px; padding-block: 12px; }
.rk-site-header.shared-header .rk-catalog-search{ grid-area: auto; margin: 0px; border: 1px solid rgb(211, 216, 211); border-radius: 5px; background: rgb(255, 255, 255); height: 46px; color: var(--header-ink); }
.rk-site-header.shared-header .rk-catalog-search input{ color: var(--header-ink); min-width: 0px; font-size: 14px; }
.rk-site-header.shared-header .rk-catalog-search button{ margin: 0px; min-height: 44px; padding-inline: 23px; background: var(--header-green); border-radius: 0px 4px 4px 0px; color: rgb(255, 255, 255); font-weight: 600; }
.rk-site-header.shared-header .rk-catalog-search button:hover{ background: rgb(0, 78, 230); }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav){ display: flex; grid-area: auto; align-items: center; gap: 20px; justify-self: end; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) > a{ display: flex; align-items: center; gap: 8px; min-height: 44px; width: auto; color: var(--header-ink); font-size: 14px; text-decoration: none; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) svg{ width: 24px; height: 24px; }
.rk-site-header.shared-header .shop-utility span{ display: inline; }
.rk-site-header.shared-header :is(.shop-navigation, .section-subnav){ color: var(--header-ink); }
.rk-site-header.shared-header :is(.shop-navigation, .section-subnav) > a{ color: var(--header-ink); }
.rk-site-header.shared-header :is(.shop-navigation, .section-subnav) > a[aria-current]{ color: var(--header-green); border-color: var(--header-green); }
@media (max-width: 1100px){
.rk-site-header.shared-header :is(.shop-header-row, .catalog-header){ grid-template-columns: 150px minmax(0px, 1fr) auto; gap: 16px; }
.rk-site-header.shared-header .shop-utility > a:not([data-saved-link]){ display: flex; }
.rk-site-header.shared-header .shop-utility{ gap: 12px; }
}
@media (max-width: 767px){
.rk-site-header.shared-header .site-sections{ gap: 8px; }
.rk-site-header.shared-header .site-sections > a{ padding-inline: 12px; font-size: 13px; }
.rk-site-header.shared-header :is(.shop-header-row, .catalog-header){ grid-template-columns: minmax(0px, 1fr) auto; gap: 8px 12px; min-height: 0px; padding-block: 8px; }
.rk-site-header.shared-header .rk-brand{ width: 145px; }
.rk-site-header.shared-header .rk-brand img{ height: auto; max-height: 48px; }
.rk-site-header.shared-header .rk-catalog-search{ grid-area: 2 / 1 / auto / -1; width: 100%; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav){ grid-area: 1 / 2; gap: 12px; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) > a{ font-size: 12px; }
.rk-site-header.shared-header .shop-utility > a:not([data-saved-link]){ display: flex; }
.rk-site-header.shared-header .shop-utility span{ display: inline; }
.rk-site-header.shared-header .shop-navigation-border{ display: block; }
.rk-site-header.shared-header .shop-navigation{ display: flex; overflow-x: auto; white-space: nowrap; gap: 22px; min-height: 44px; }
}
.rk-site-header.shared-header .site-sections > a{ color: rgb(244, 242, 236); }
.rk-site-header.shared-header .site-sections > a[aria-current]{ color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); }
.rk-site-header.shared-header .site-sections > a:hover{ background: rgb(47, 54, 50); color: rgb(255, 255, 255); }
.rk-site-header.shared-header :is(.shop-header-row, .catalog-header){ display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; grid-template-areas: "brand areas utility" "search search search"; gap: 10px 28px; align-items: center; min-height: 0px; padding-block: 10px 14px; }
.rk-site-header.shared-header :is(.shop-brand, .brand-lockup){ grid-area: brand; }
.rk-site-header.shared-header .shop-brand{ width: 190px; }
.rk-site-header.shared-header .header-areas{ grid-area: areas; display: flex; justify-content: flex-start; align-items: stretch; gap: 0px; margin: 0px; padding: 0px; border: 0px; background: transparent; width: auto; }
.rk-site-header.shared-header .header-areas > a{ position: relative; display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 0px 22px; border-width: 0px 0px 3px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; border-radius: 0px; background: transparent; color: var(--header-ink); font: 700 17px / 1.1 "Segoe UI", Arial, sans-serif; text-decoration: none; }
.rk-site-header.shared-header .header-areas > a + a::before{ content: ""; position: absolute; left: 0px; top: 14px; bottom: 14px; width: 1px; background: rgb(227, 224, 216); }
.rk-site-header.shared-header .header-areas > a[aria-current]{ color: var(--header-green); border-bottom-color: var(--header-green); }
.rk-site-header.shared-header .header-areas > a:hover{ background: rgb(245, 243, 238); color: var(--header-green); }
.rk-site-header.shared-header .header-areas svg{ width: 26px; height: 26px; flex-shrink: 0; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav){ grid-area: utility; gap: 0px; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) > a{ padding: 0px 14px; font-size: 15px; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) > a + a{ border-left: 1px solid rgb(227, 224, 216); }
.rk-site-header.shared-header .rk-catalog-search{ grid-area: search; width: 100%; height: 48px; }
@media (max-width: 1100px){
.rk-site-header.shared-header :is(.shop-header-row, .catalog-header){ gap: 8px 14px; }
.rk-site-header.shared-header .shop-brand{ width: 150px; }
.rk-site-header.shared-header .header-areas > a{ padding: 0px 14px; font-size: 15px; gap: 8px; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) > a{ padding: 0px 10px; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) > a span{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
}
@media (max-width: 740px){
.rk-site-header.shared-header :is(.shop-header-row, .catalog-header){ grid-template-columns: minmax(0px, 1fr) auto; grid-template-areas: "brand utility" "areas areas" "search search"; gap: 6px 8px; padding-block: 8px 12px; }
.rk-site-header.shared-header .shop-brand{ width: 140px; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) > a{ padding: 0px 10px; font-size: 13px; }
.rk-site-header.shared-header :is(.shop-utility, .utility-nav) > a span{ position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.rk-site-header.shared-header .header-areas{ display: grid; grid-template-columns: repeat(3, 1fr); margin: 0px -16px; border-top: 1px solid rgb(236, 233, 226); border-bottom: 1px solid rgb(236, 233, 226); }
.rk-site-header.shared-header .header-areas > a{ justify-content: center; min-height: 52px; padding: 0px 6px; font-size: 15px; }
.rk-site-header.shared-header .header-areas svg{ width: 22px; height: 22px; }
}
.rk-site-header.shared-header .header-areas{ justify-content: center; }
@media (max-width: 740px){
.rk-site-header.shared-header .header-areas{ grid-template-columns: repeat(3, 1fr); }
}
.rk-site-header .header-areas, .rk-site-header .rk-section-nav{ max-width: 100%; overflow-x: clip; }
.rk-site-header .shop-brand, .rk-site-header.shared-header .shop-brand{ flex: 0 0 auto; width: auto !important; }
.rk-site-header.shared-header .shop-utility > a.utility-coupons{ display: flex; }
.rk-site-header.shared-header .shop-utility > a.utility-coupons svg{ width: 26px; height: 26px; }
@media (max-width: 600px){
.rk-site-header.shared-header .shop-utility > a.utility-coupons span{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); }
}
@media (max-width: 820px){
.rk-site-header .shop-brand{ min-height: 44px; }
}
.rk-site-header.shared-header.mag-head{ --mag-ink: #0b203d; --mag-blue: #0755db; --mag-muted: #53647c; position: relative; background: rgb(255, 255, 255); color: var(--mag-ink); }
.rk-site-header.shared-header.mag-head button{ min-width: 44px; min-height: 44px; }
.rk-site-header.shared-header.mag-head::before{ content: ""; position: absolute; inset: 0px 0px auto; height: 56px; background: var(--mag-ink); }
.rk-site-header.shared-header.mag-head .shop-header-row{ position: relative; display: grid; grid-template: "areas areas utility" 56px "brand search search" 76px / 210px minmax(0px, 1fr) auto; gap: 0px 42px; align-items: center; min-height: 0px; padding-block: 0px; width: min(100%, 1440px); max-width: none; padding-inline: clamp(20px, 3.4vw, 52px); margin-inline: auto; }
.rk-site-header.shared-header.mag-head .header-areas{ grid-area: areas; justify-content: flex-start; align-items: center; gap: 36px; margin: 0px 0px 0px 310px; height: 56px; border: 0px; background: transparent; }
.rk-site-header.shared-header.mag-head .header-areas > a{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 8px 15px; border: 0px; border-radius: 4px; color: rgb(255, 255, 255); font: 700 14px / 1.2 "DM Sans", Arial, sans-serif; }
.rk-site-header.shared-header.mag-head .header-areas > a + a::before{ display: none; }
.rk-site-header.shared-header.mag-head .header-areas > a[aria-current]{ color: var(--mag-blue); background: rgb(255, 255, 255); border: 0px; }
.rk-site-header.shared-header.mag-head .header-areas > a:not([aria-current]):hover{ background: rgb(32, 58, 87); color: rgb(255, 255, 255); }
.rk-site-header.shared-header.mag-head .header-areas svg{ width: 27px; height: 27px; }
.rk-site-header.shared-header.mag-head .shop-utility{ grid-area: utility; align-self: center; display: flex; align-items: center; gap: 0px; }
.rk-site-header.shared-header.mag-head .shop-utility > a{ display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0px 0px 0px 24px; border: 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; white-space: nowrap; }
.rk-site-header.shared-header.mag-head .shop-utility > a + a{ margin-left: 24px; border-left: 1px solid rgb(100, 113, 136); }
.rk-site-header.shared-header.mag-head .shop-utility > a:hover span{ text-decoration: underline; text-underline-offset: 4px; }
.rk-site-header.shared-header.mag-head .shop-utility svg{ width: 22px; height: 22px; }
.rk-site-header.shared-header.mag-head .shop-utility span{ position: static; width: auto; height: auto; overflow: visible; clip: auto; }
.rk-site-header.shared-header.mag-head .shop-brand{ grid-area: brand; width: 168px; }
.rk-site-header.shared-header.mag-head .shop-brand img{ width: 168px; height: 48px; object-fit: contain; }
.rk-site-header.shared-header.mag-head .rk-catalog-search{ grid-area: search; height: 46px; border: 1px solid rgb(185, 197, 213); border-radius: 5px; padding-left: 16px; gap: 12px; background: rgb(255, 255, 255); }
.rk-site-header.shared-header.mag-head .rk-catalog-search input{ font-size: 15px; color: var(--mag-ink); }
.rk-site-header.shared-header.mag-head .rk-catalog-search input::placeholder{ color: rgb(89, 107, 134); opacity: 1; }
.rk-site-header.shared-header.mag-head .rk-catalog-search button{ min-width: 116px; min-height: 46px; margin: -1px; border-radius: 0px 5px 5px 0px; background: var(--mag-ink); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; }
.rk-site-header.shared-header.mag-head .rk-catalog-search button:hover{ background: rgb(24, 56, 88); }
.rk-site-header.shared-header.mag-head .shop-navigation-border{ border-block: 1px solid rgb(237, 240, 245); }
.rk-site-header.shared-header.mag-head .shop-navigation{ width: min(100%, 1440px); max-width: none; margin-inline: auto; padding-inline: clamp(20px, 3.4vw, 52px); min-height: 45px; gap: 18px; }
.rk-site-header.shared-header.mag-head .shop-navigation-links{ justify-content: space-between; gap: 18px; }
.rk-site-header.shared-header.mag-head .shop-navigation-links > a{ min-height: 44px; padding: 8px 0px; color: var(--mag-ink); font-size: 13px; font-weight: 700; white-space: nowrap; }
.rk-site-header.shared-header.mag-head .shop-navigation-links > a > svg{ display: none; }
.rk-site-header.shared-header.mag-head .shop-navigation-links > a:hover{ color: var(--mag-blue); }
@media (max-width: 1100px){
.rk-site-header.shared-header.mag-head .shop-header-row{ grid-template-columns: 170px minmax(0px, 1fr) auto; column-gap: 25px; }
.rk-site-header.shared-header.mag-head .header-areas{ margin-left: 170px; gap: 18px; }
.rk-site-header.shared-header.mag-head .shop-utility > a{ padding-left: 16px; }
.rk-site-header.shared-header.mag-head .shop-utility > a + a{ margin-left: 16px; }
.rk-site-header.shared-header.mag-head .shop-navigation-links{ justify-content: flex-start; gap: 24px; }
}
@media (max-width: 899px){
.rk-site-header.shared-header.mag-head::before{ height: 54px; }
.rk-site-header.shared-header.mag-head .shop-header-row{ grid-template-rows: 54px 76px; }
.rk-site-header.shared-header.mag-head .header-areas{ margin-left: 0px; gap: 10px; }
.rk-site-header.shared-header.mag-head .header-areas > a{ padding-inline: 12px; }
}
@media (max-width: 599px){
.rk-site-header.shared-header.mag-head::before{ height: 51px; }
.rk-site-header.shared-header.mag-head .shop-header-row{ grid-template: "areas areas" 51px "brand utility" "search search" / minmax(0px, 1fr) auto; row-gap: 0px; padding-inline: 0px; }
.rk-site-header.shared-header.mag-head .header-areas{ display: flex; justify-content: space-between; gap: 4px; margin: 0px; padding-inline: 12px; height: 51px; border: 0px; }
.rk-site-header.shared-header.mag-head .header-areas > a{ gap: 7px; min-height: 44px; padding: 6px 12px; font-size: 13px; }
.rk-site-header.shared-header.mag-head .header-areas svg{ width: 22px; height: 22px; }
.rk-site-header.shared-header.mag-head .shop-brand{ margin: 14px 0px 0px 18px; width: 144px; }
.rk-site-header.shared-header.mag-head .shop-brand img{ width: 144px; height: 39px; }
.rk-site-header.shared-header.mag-head .shop-utility{ margin: 14px 18px 0px 0px; gap: 12px; }
.rk-site-header.shared-header.mag-head .shop-utility > a{ padding: 0px; color: var(--mag-ink); font-size: 13px; gap: 6px; }
.rk-site-header.shared-header.mag-head .shop-utility > a + a{ margin-left: 12px; border-left: 0px; }
.rk-site-header.shared-header.mag-head .rk-catalog-search{ margin: 13px 18px 15px; width: auto; padding-left: 11px; gap: 10px; }
.rk-site-header.shared-header.mag-head .rk-catalog-search input{ font-size: 16px; }
.rk-site-header.shared-header.mag-head .rk-catalog-search button{ min-width: 80px; padding-inline: 13px; font-size: 13px; }
.rk-site-header.shared-header.mag-head .shop-navigation{ padding-inline: 18px; }
}
@media (max-width: 767px){
.rk-site-header.shared-header.mag-head .shop-navigation-links{ flex: 1 1 0%; min-width: 0px; justify-content: flex-start; gap: 8px; overflow: auto hidden; scrollbar-width: none; align-items: center; padding-block: 4px; }
.rk-site-header.shared-header.mag-head .shop-navigation-links::-webkit-scrollbar{ display: none; }
.rk-site-header.shared-header.mag-head .shop-navigation-links > a{ min-height: 44px; padding: 0px 14px; border: 1px solid rgb(213, 225, 240); border-radius: 999px; font-size: 14px; font-weight: 600; }
}
@media (min-width: 1101px){
.rk-site-header.shared-header.mag-head .shop-navigation-links{ justify-content: flex-start; gap: 0px; }
.rk-site-header.shared-header.mag-head .shop-navigation-links > a{ padding: 8px 22px; font-size: 15px; font-weight: 500; }
}
@media (min-width: 1101px) and (max-width: 1399px){
.rk-site-header.shared-header.mag-head .shop-navigation-links > a{ padding: 8px 12px; font-size: 14px; }
}
@media (min-width: 768px) and (max-width: 1100px){
.rk-site-header.shared-header.mag-head .shop-navigation-links{ justify-content: flex-start; gap: 0px; }
.rk-site-header.shared-header.mag-head .shop-navigation-links > a{ padding: 8px; font-size: 14px; }
}
.rk-site-header.shared-header.mag-head .shop-brand img.rk-brand-bereich{ width: auto; height: 56px; max-width: none; max-height: none; }
@media (max-width: 800px){
.rk-site-header.shared-header.mag-head .shop-brand img.rk-brand-bereich{ width: auto; height: 48px; }
}
@media (max-width: 760px){
.rk-site-header.shared-header.mag-head{ position: sticky; top: 0px; z-index: 30; }
}
@media (min-width: 600px){
.rk-site-header.shared-header.mag-head .header-areas{ margin-left: clamp(0px, 100% - 330px, 310px); }
}
@media (min-width: 1101px) and (max-width: 1240px){
.rk-site-header.shared-header.mag-head .shop-utility > a{ padding-left: 14px; }
.rk-site-header.shared-header.mag-head .shop-utility > a + a{ margin-left: 14px; }
}
@media (min-width: 600px) and (max-width: 1100px){
.rk-site-header.shared-header.mag-head .header-areas{ margin-left: clamp(0px, 100% - 330px, 170px); }
.rk-site-header.shared-header.mag-head .shop-utility > a:not(.spot-knopf){ min-width: 44px; justify-content: center; padding: 0px 10px; }
.rk-site-header.shared-header.mag-head .shop-utility > a:not(.spot-knopf) + a{ margin-left: 0px; }
.rk-site-header.shared-header.mag-head .shop-utility > a:not(.spot-knopf) span{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
}
@media (min-width: 600px) and (max-width: 899px){
.rk-site-header.shared-header.mag-head .spot-knopf--service{ padding-right: 6px; }
.rk-site-header.shared-header.mag-head .spot-knopf--service .spot-text{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); }
}
@media (min-width: 600px) and (max-width: 740px){
.rk-site-header.shared-header.mag-head .header-areas{ margin-left: clamp(0px, 100% - 350px, 170px); }
}
.travel-head .shop-navigation{ display: flex; align-items: stretch; position: relative; }
.travel-head .shop-navigation-links{ display: flex; align-items: stretch; flex: 1 1 0%; min-width: 0px; gap: 28px; overflow-x: auto; scrollbar-width: none; }
.travel-head .shop-navigation-links::-webkit-scrollbar{ display: none; }
.travel-head .shop-navigation-links > a{ display: flex; align-items: center; position: relative; text-decoration: none; white-space: nowrap; }
.travel-head .shop-brand{ display: flex; }
.travel-head .shop-brand img{ display: block; }
.rk-site-header.shared-header.mag-head.travel-head .rk-catalog-search{ display: flex; }
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links > a{ display: inline-flex; align-items: center; gap: 8px; }
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links > a > svg{ display: block; width: 20px; height: 20px; flex: 0 0 auto; }
@media (min-width: 768px){
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links > a{ gap: 6px; padding-inline: 10px; }
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links > a > svg{ width: 18px; height: 18px; }
}
@media (min-width: 768px) and (max-width: 1399px){
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links > a{ padding-inline: 7px; }
}
@media (min-width: 768px) and (max-width: 1100px){
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links{ overflow: visible; gap: 2px; justify-content: space-between; }
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links > a{ flex: 1 1 0px; min-width: 0px; flex-direction: column; justify-content: center; gap: 2px; padding: 6px 2px; font-size: 11px; line-height: 1.2; text-align: center; white-space: normal; }
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links > a > svg{ width: 20px; height: 20px; }
}
.reise-menu-btn{ display: none; }
.reise-menu{ position: fixed; inset: 0px 0px 0px auto; width: min(340px, 88vw); height: 100dvh; max-height: none; margin: 0px; padding: 12px 16px 24px; border: 0px; background: rgb(255, 255, 255); color: rgb(16, 47, 84); box-shadow: rgba(16, 47, 84, 0.18) -12px 0px 32px; overflow-y: auto; }
.reise-menu::backdrop{ background: rgba(6, 28, 45, 0.45); }
.reise-menu-head{ display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin-bottom: 4px; font-size: 18px; }
.reise-menu-head button{ display: grid; place-items: center; width: 44px; height: 44px; border: 0px; border-radius: 50%; background: rgb(241, 245, 250); color: inherit; cursor: pointer; }
.reise-menu ul{ margin: 0px; padding: 0px; list-style: none; }
.reise-menu li a{ display: flex; align-items: center; min-height: 48px; padding: 0px 4px; border-bottom: 1px solid rgb(230, 237, 245); color: inherit; font-size: 17px; font-weight: 600; text-decoration: none; }
.reise-menu li a:hover, .reise-menu li a:focus-visible{ color: rgb(7, 95, 224); }
.reise-menu-more{ margin-top: 16px !important; }
.reise-menu-more a{ font-weight: 500 !important; font-size: 16px !important; }
@media (max-width: 800px){
header.travel-head{ z-index: 60; background: rgb(255, 255, 255); box-shadow: rgb(227, 234, 242) 0px 1px 0px, rgba(16, 47, 84, 0.06) 0px 4px 14px; position: sticky !important; top: 0px !important; }
.travel-head .site-sections, .travel-head .shop-utility, .travel-head .shop-navigation-border{ display: none !important; }
.travel-head .shop-header-row{ flex-wrap: wrap; align-items: center; gap: 8px; min-height: 60px; background: rgb(255, 255, 255) !important; display: flex !important; padding: 8px 64px 8px 16px !important; }
.travel-head .shop-brand{ order: 1; margin: 0px !important; }
.travel-head .shop-brand img{ height: 38px; width: auto; }
.travel-head .travel-header-search{ order: 2; flex: 1 1 100%; margin: 0px !important; }
.reise-menu-btn{ position: absolute; top: 8px; right: 10px; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgb(220, 229, 239); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(16, 47, 84); cursor: pointer; }
.travel-head .travel-header-search{ display: none !important; }
}
@media (max-width: 800px){
header.travel-head .site-sections{ display: flex !important; order: -1 !important; flex: 0 0 calc(100% + 80px) !important; width: calc(100% + 80px) !important; max-width: none !important; margin: -8px -64px 4px -16px !important; height: 51px !important; padding: 0px 12px !important; justify-content: space-between !important; align-items: center !important; background: rgb(11, 32, 61) !important; box-sizing: border-box !important; }
header.travel-head .site-sections > a{ display: inline-flex !important; align-items: center !important; gap: 8px !important; min-height: 44px !important; padding: 6px 12px !important; border: 0px !important; border-radius: 4px !important; font-size: 13px !important; font-weight: 700 !important; color: rgb(255, 255, 255) !important; background: transparent !important; text-decoration: none !important; }
header.travel-head .site-sections > a[aria-current]{ background: rgb(255, 255, 255) !important; color: rgb(7, 85, 219) !important; }
header.travel-head .site-sections svg{ width: 22px !important; height: 22px !important; }
header.travel-head .reise-menu-btn{ top: 59px; }
}
@media (max-width: 800px){
header.travel-head{ top: -51px !important; }
}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search){ box-sizing: border-box; height: 56px; padding: 6px 6px 6px 18px; gap: 12px; border: 0px; border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(12, 31, 68, 0.08) 0px 1px 2px, rgba(12, 31, 68, 0.14) 0px 6px 20px; transition: box-shadow 0.2s; overflow: visible; }
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search):focus-within{ box-shadow: rgb(255, 106, 19) 0px 0px 0px 2px, rgba(12, 31, 68, 0.18) 0px 8px 28px; }
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search) > svg{ position: static; flex: 0 0 auto; width: 20px; height: 20px; margin: 0px; color: rgb(12, 31, 68); transform: none; }
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search) input[type="search"]{ flex: 1 1 0%; min-width: 0px; height: 100%; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; font-size: 16px; color: rgb(19, 35, 63); outline: 0px; }
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search) input[type="search"]::placeholder{ color: rgb(91, 107, 133); opacity: 1; }
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search) > button[type="submit"]{ flex: 0 0 auto; height: 100%; min-height: 44px; margin: 0px; padding: 0px 28px; border: 0px; border-radius: 10px; background: linear-gradient(135deg, rgb(255, 106, 19), rgb(232, 64, 12)); box-shadow: rgba(232, 64, 12, 0.35) 0px 2px 6px; color: rgb(255, 255, 255); font-weight: 700; font-size: 16px; cursor: pointer; transition: filter 0.15s; }
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search) > button[type="submit"]:hover{ filter: brightness(0.95); }
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search) > button[type="submit"]:focus-visible{ outline: rgb(12, 31, 68) solid 3px; outline-offset: 2px; }
@media (max-width: 800px){
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search){ height: 50px; padding-left: 14px; border-radius: 12px; }
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search) > button[type="submit"]{ padding: 0px 18px; border-radius: 9px; }
}
@media (prefers-reduced-motion: reduce){
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search, .travel-header-search), html body .rk-site-header.shared-header.mag-head form.rk-catalog-search > button{ transition: none; }
}
.shop-navigation-links a{ min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; }
html body :is(.facet-options, .shop-filter-dialog .shop-filter-scroll, .shop-filter-dialog .facet-options, .menu-enhanced .category-domain-rail, .menu-enhanced .category-domain-panels, .menu-enhanced.menu-drill .category-domain-rail, .menu-enhanced.menu-drill .category-domain-panels, .mega__gruppen ul, .gs-suggest, .shop-suggest, .rk-search-suggestions, .place-suggestions, .reise-suggestions, .rental-suggestions){ scrollbar-width: auto; scrollbar-color: auto; }
html body :is(.facet-options, .shop-filter-dialog .shop-filter-scroll, .shop-filter-dialog .facet-options, .menu-enhanced .category-domain-rail, .menu-enhanced .category-domain-panels, .menu-enhanced.menu-drill .category-domain-rail, .menu-enhanced.menu-drill .category-domain-panels, .mega__gruppen ul, .gs-suggest, .shop-suggest, .rk-search-suggestions, .place-suggestions, .reise-suggestions, .rental-suggestions)::-webkit-scrollbar{ display: block; width: var(--bx-scroll-w); height: var(--bx-scroll-w); }
html body :is(.facet-options, .shop-filter-dialog .shop-filter-scroll, .shop-filter-dialog .facet-options, .menu-enhanced .category-domain-rail, .menu-enhanced .category-domain-panels, .menu-enhanced.menu-drill .category-domain-rail, .menu-enhanced.menu-drill .category-domain-panels, .mega__gruppen ul, .gs-suggest, .shop-suggest, .rk-search-suggestions, .place-suggestions, .reise-suggestions, .rental-suggestions)::-webkit-scrollbar-track{ background: transparent; }
html body :is(.facet-options, .shop-filter-dialog .shop-filter-scroll, .shop-filter-dialog .facet-options, .menu-enhanced .category-domain-rail, .menu-enhanced .category-domain-panels, .menu-enhanced.menu-drill .category-domain-rail, .menu-enhanced.menu-drill .category-domain-panels, .mega__gruppen ul, .gs-suggest, .shop-suggest, .rk-search-suggestions, .place-suggestions, .reise-suggestions, .rental-suggestions)::-webkit-scrollbar-thumb{ background: var(--bx-scroll-thumb); border-radius: 3px; }
@supports (-moz-appearance:none){
html body :is(.facet-options, .shop-filter-dialog .shop-filter-scroll, .shop-filter-dialog .facet-options, .menu-enhanced .category-domain-rail, .menu-enhanced .category-domain-panels, .menu-enhanced.menu-drill .category-domain-rail, .menu-enhanced.menu-drill .category-domain-panels, .mega__gruppen ul, .gs-suggest, .shop-suggest, .rk-search-suggestions, .place-suggestions, .reise-suggestions, .rental-suggestions){ scrollbar-width: thin; scrollbar-color: var(--bx-scroll-thumb) transparent; }
}
.shop-header .spot-knopf{ position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; min-height: 44px; padding: 0px 14px 0px 0px; margin: 0px; border: 0px; background: none; color: inherit; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.shop-header .spot-knopf .spot-ring{ font-style: normal; position: relative; display: block; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; padding: 2px; background: conic-gradient(from 210deg, rgb(253, 99, 24), rgb(255, 179, 122), rgb(7, 95, 255), rgb(93, 155, 255), rgb(253, 99, 24)); transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1); }
.shop-header .spot-knopf .spot-ring img{ display: block; width: 100%; height: 100%; max-width: none; border-radius: 50%; border: 2px solid rgb(12, 31, 68); object-fit: cover; }
.shop-header .spot-knopf .spot-ring::after{ content: ""; position: absolute; right: -3px; bottom: -3px; width: 17px; height: 17px; border-radius: 50%; border: 2px solid rgb(12, 31, 68); background: rgb(253, 99, 24); }
.shop-header .spot-knopf .spot-ring::before{ content: ""; position: absolute; z-index: 1; right: 3px; bottom: 2.5px; width: 7px; height: 8px; background: rgb(255, 255, 255); clip-path: polygon(0px 0px, 100% 50%, 0px 100%); }
.shop-header .spot-knopf:hover .spot-ring, .shop-header .spot-knopf:focus-visible .spot-ring{ transform: scale(1.07); }
.shop-header .spot-knopf .spot-text{ position: static; display: flex; flex-direction: column; align-items: flex-start; width: auto; height: auto; overflow: visible; clip: auto; color: rgb(255, 255, 255); font-weight: 600; font-size: 15px; line-height: 1.15; white-space: nowrap; text-decoration: none; }
.shop-header .spot-knopf .spot-text small{ display: block; font-weight: 400; font-size: 12px; opacity: 0.78; }
.shop-header .spot-knopf--bereich{ display: none; padding: 0px; margin-right: 4px; }
.shop-header .spot-knopf--bereich .spot-text{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); }
@media (max-width: 740px){
.shop-header .spot-knopf--service{ display: none; }
.shop-header .spot-knopf--bereich{ display: inline-flex; align-self: center; }
}
@media (prefers-reduced-motion: no-preference){
.shop-header .spot-knopf .spot-ring{ animation: 2.8s ease-in-out 1.2s 2 normal none running spot-puls; }
}
@keyframes spot-puls{0%, 100% { box-shadow: rgba(253, 99, 24, 0) 0px 0px 0px 0px; }
50% { box-shadow: rgba(253, 99, 24, 0.28) 0px 0px 0px 6px; }}
.spot-fenster{ position: fixed; inset: 0px; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0px; padding: 24px 16px; border: 0px; background: transparent; color: rgb(255, 255, 255); font-family: inherit; overflow: hidden; }
.spot-fenster::backdrop{ background: rgba(6, 16, 38, 0.72); backdrop-filter: blur(14px) saturate(140%); }
.spot-karte{ position: relative; display: flex; flex-direction: column; width: min(400px, 100%, 56.25dvh - 185.625px); min-width: min(280px, 100%); border-radius: 24px; overflow: hidden; background: rgb(12, 31, 68); box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 80px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px; }
.spot-bild{ position: relative; aspect-ratio: 9 / 16; background: rgb(6, 16, 38); }
.spot-video{ display: block; width: 100%; height: 100%; object-fit: cover; cursor: pointer; }
.spot-balken{ position: absolute; left: 14px; right: 14px; top: 12px; display: flex; gap: 4px; }
.spot-balken span{ flex: 1 1 0%; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, 0.32); overflow: hidden; }
.spot-balken i{ display: block; height: 100%; width: 0px; background: rgb(255, 255, 255); border-radius: 3px; }
.spot-name{ color: rgb(255, 255, 255); text-decoration: none; z-index: 2; }
.spot-name::after{ content: " ›"; }
.spot-name:hover, .spot-name:focus-visible{ background: rgba(6, 16, 38, 0.7); text-decoration: underline; }
.spot-name{ position: absolute; left: 16px; bottom: 16px; max-width: calc(100% - 80px); margin: 0px; padding: 6px 12px; border-radius: 999px; background: rgba(6, 16, 38, 0.45); backdrop-filter: blur(8px); font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.spot-pfeil{ position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; border: 0px; border-radius: 50%; background: rgba(6, 16, 38, 0.45); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.spot-pfeil--zurueck{ left: 10px; }
.spot-pfeil--weiter{ right: 10px; }
.spot-pfeil svg{ width: 22px; height: 22px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.spot-galerie{ display: flex; flex-shrink: 0; gap: 10px; margin: 0px; padding: 12px 16px 0px; list-style: none; background: rgb(16, 40, 90); overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; }
.spot-galerie::-webkit-scrollbar{ display: none; }
.spot-galerie li{ flex: 0 0 auto; scroll-snap-align: center; }
.spot-galerie button{ display: flex; flex-direction: column; align-items: center; gap: 4px; width: 76px; min-height: 44px; padding: 0px; border: 0px; background: none; color: rgba(255, 255, 255, 0.75); font-family: inherit; font-size: 11px; font-weight: 600; line-height: 1.2; cursor: pointer; }
.spot-galerie img{ width: 52px; height: 52px; border-radius: 50%; object-fit: cover; padding: 2px; background: rgba(255, 255, 255, 0.2); }
.spot-galerie button[aria-current]{ color: rgb(255, 255, 255); }
.spot-galerie button[aria-current] img{ background: conic-gradient(from 210deg, rgb(253, 99, 24), rgb(255, 179, 122), rgb(7, 95, 255), rgb(93, 155, 255), rgb(253, 99, 24)); }
.spot-galerie span{ max-width: 76px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.spot-ton, .spot-play, .spot-zu{ display: flex; align-items: center; justify-content: center; border: 0px; padding: 0px; cursor: pointer; color: rgb(255, 255, 255); -webkit-tap-highlight-color: transparent; }
.spot-ton{ position: absolute; right: 12px; top: 26px; width: 44px; height: 44px; border-radius: 50%; background: rgba(6, 16, 38, 0.45); backdrop-filter: blur(8px); }
.spot-ton svg{ width: 22px; height: 22px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.spot-ton svg path:first-child{ fill: rgb(255, 255, 255); }
.spot-ton .aus, .spot-ton[aria-pressed="true"] .an{ display: none; }
.spot-play{ position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0px 0px -36px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); backdrop-filter: blur(10px); transition: opacity 0.2s, transform 0.2s; }
.spot-play svg{ width: 30px; height: 30px; fill: rgb(255, 255, 255); margin-left: 4px; }
.spot-unten{ padding: 16px 16px 18px; background: linear-gradient(rgb(16, 40, 90), rgb(12, 31, 68)); }
.spot-titel{ margin: 0px 0px 12px; font-weight: 700; font-size: 17px; }
.spot-titel span{ color: rgb(255, 179, 122); }
.spot-kanaele{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.spot-kanaele a{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 60px; border-radius: 14px; background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; text-decoration: none; transition: background 0.2s; }
.spot-kanaele a:hover, .spot-kanaele a:focus-visible{ background: rgba(255, 255, 255, 0.18); }
.spot-kanaele svg{ width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.spot-zu{ position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); }
.spot-zu:hover{ background: rgba(255, 255, 255, 0.26); }
.spot-zu svg{ width: 22px; height: 22px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 2; stroke-linecap: round; }
@media (max-width: 600px){
.spot-fenster{ padding: 0px; }
.spot-karte{ width: 100%; height: 100%; min-width: 0px; border-radius: 0px; box-shadow: none; }
.spot-bild{ flex: 1 1 auto; min-height: 0px; aspect-ratio: auto; }
.spot-unten{ padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); }
.spot-kanaele a{ min-height: 52px; }
.spot-zu{ top: calc(30px + env(safe-area-inset-top)); right: 64px; background: rgba(6, 16, 38, 0.45); }
.spot-ton{ top: calc(30px + env(safe-area-inset-top)); }
.spot-balken{ top: calc(12px + env(safe-area-inset-top)); }
.spot-name{ top: calc(38px + env(safe-area-inset-top)); bottom: auto; left: 60px; max-width: calc(100% - 176px); }
}
@keyframes spot-rein{0% { opacity: 0; transform: translateY(24px) scale(0.96); }
100% { opacity: 1; transform: none; }}
@keyframes spot-hell{0% { opacity: 0; }}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav{overflow:visible;flex-wrap:nowrap;gap:28px;justify-content:flex-start;padding-block:0}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav>a, .rk-site-header.shared-header.mag-head.travel-head .tnav-drop>summary{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:8px;min-width:0;padding:0;border:0;font-size:15px;font-weight:500;line-height:1.2;text-align:left;white-space:nowrap}
.rk-tnav>a, .tnav-drop>summary{display:flex;align-items:center;gap:8px;min-height:44px;position:relative;text-decoration:none;color:inherit;cursor:pointer;flex-shrink:0;list-style:none}
.tnav-drop>summary::-webkit-details-marker{display:none}
.tnav-drop{position:relative;flex-shrink:0}
.tnav-drop>summary>svg.rk-category-icon{width:21px;height:21px;flex:none}
.tnav-pfeil{flex:none;transition:transform .15s}
.tnav-drop[open]>summary .tnav-pfeil{transform:rotate(180deg)}
.tnav-drop>summary[aria-current]{color:var(--catalog-green);font-weight:700}
.tnav-drop>summary[aria-current]::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--catalog-green)}
.tnav-panel{position:absolute;top:calc(100% + 6px);left:-12px;z-index:60;min-width:240px;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid #dfe5ed;border-radius:12px;box-shadow:0 12px 32px rgba(8,27,66,.14)}
.rk-site-header .tnav-panel a{display:flex;justify-content:flex-start;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:#081b42;text-decoration:none;font-weight:500;white-space:nowrap}
.tnav-panel a:hover, .tnav-panel a:focus-visible{background:#f1f5fb}
.tnav-panel a[aria-current]{color:var(--catalog-green);font-weight:700}
@media(max-width:1100px){.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav{gap:18px}.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav>a,.rk-site-header.shared-header.mag-head.travel-head .tnav-drop>summary{font-size:14px}}
@media(max-width:900px){.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav{gap:14px}}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation{display:flex;align-items:center;gap:4px}
@media(min-width:1101px){.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav{gap:20px}}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav.tnav-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav.tnav-scroll::-webkit-scrollbar{display:none}
.tnav-scroll .tnav-panel{position:fixed}
.tnav-schieben{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #dce5ef;border-radius:50%;background:#fff;color:#081b42;cursor:pointer}
.tnav-schieben[hidden]{display:none}
.tnav-schieben:disabled{opacity:.35;cursor:default}
.tnav-schieben:focus-visible{outline:2px solid var(--catalog-green);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links.rk-tnav.tnav-scroll{scroll-behavior:auto}}
.rk-catalog-search{display:none}
.rk-site-header .rk-brand{width:170px}
.rk-site-header .rk-brand img{height:54px}
.rk-section-nav{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #d9e3ef;border-radius:11px;background:#eef3f9}
.rk-section-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:37px;padding:7px 15px;border-radius:8px;color:#536b86;font:700 14px/1.2 'Segoe UI',Arial,sans-serif;text-decoration:none}
.rk-section-nav a:hover{background:#e2edfa;color:#102f54}
.rk-section-nav a[aria-current="page"]{background:#075fe0;color:#fff}
.rk-section-nav a:focus-visible{outline:3px solid #087ed7;outline-offset:2px}
.rk-site-header .rk-catalog-search{height:44px;border-color:#aec6e9;border-radius:11px;background:#fff}
.rk-site-header .rk-catalog-search button{margin:3px;align-self:stretch;padding-inline:16px;border-radius:8px;background:#075fe0}
.rk-site-header .rk-catalog-search input[type="search"]{font-size:14px}
.rk-site-header .travel-header-search{display:flex}
.rk-site-header .rk-catalog-search{display:none}
.rk-site-header.shared-header{--header-cream:#f3efe7;--header-ink:#292d2b;--header-green:#075fff;background:#fff;color:var(--header-ink)}
.rk-site-header.shared-header .site-sections{display:flex;justify-content:center;align-items:center;gap:24px;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.rk-site-header.shared-header .site-sections>a{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:44px;padding:8px 14px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--header-ink);font:600 14px/1.2 'Segoe UI',Arial,sans-serif;text-decoration:none}
.rk-site-header.shared-header .site-sections>a[aria-current]{color:var(--header-green);border-bottom-color:var(--header-green)}
.rk-site-header.shared-header .site-sections>a:hover{background:#e9e5dd}
.rk-site-header.shared-header .site-sections svg{width:23px;height:23px;flex-shrink:0}
.rk-site-header.shared-header :is(a,button,input,summary):focus-visible{outline:3px solid var(--header-green);outline-offset:3px}
.rk-site-header.shared-header :is(.shop-header-row,.catalog-header){display:grid;grid-template-columns:174px minmax(0,1fr) auto;gap:26px;align-items:center;min-height:82px;padding-block:12px}
.rk-site-header.shared-header .rk-catalog-search{grid-column:auto;grid-row:auto;margin:0;border:1px solid #d3d8d3;border-radius:5px;background:#fff;height:46px;color:var(--header-ink)}
.rk-site-header.shared-header .rk-catalog-search input{color:var(--header-ink);min-width:0;font-size:14px}
.rk-site-header.shared-header .rk-catalog-search button{margin:0;min-height:44px;padding-inline:23px;background:var(--header-green);border-radius:0 4px 4px 0;color:#fff;font-weight:600}
.rk-site-header.shared-header .rk-catalog-search button:hover{background:#004ee6}
.rk-site-header.shared-header .rk-catalog-search input:focus-visible{outline:0}
.rk-site-header.shared-header .rk-catalog-search:focus-within{border-color:#7da2e8;box-shadow:0 0 0 3px rgba(7,95,255,.14)}
.rk-site-header.shared-header :is(.shop-utility,.utility-nav){display:flex;grid-column:auto;grid-row:auto;align-items:center;gap:20px;justify-self:end}
.rk-site-header.shared-header :is(.shop-utility,.utility-nav)>a{display:flex;align-items:center;gap:8px;min-height:44px;width:auto;color:var(--header-ink);font-size:14px;text-decoration:none}
.rk-site-header.shared-header :is(.shop-utility,.utility-nav) svg{width:24px;height:24px}
.rk-site-header.shared-header .shop-utility span{display:inline}
.rk-site-header.shared-header :is(.shop-navigation,.section-subnav){color:var(--header-ink)}
.rk-site-header.shared-header :is(.shop-navigation,.section-subnav)>a{color:var(--header-ink)}
.rk-site-header.shared-header :is(.shop-navigation,.section-subnav)>a[aria-current]{color:var(--header-green);border-color:var(--header-green)}
.rk-site-header.shared-header .shop-navigation>a[aria-current]::after{background:var(--header-green)}
@media(max-width:1100px){
.rk-site-header.shared-header :is(.shop-header-row,.catalog-header){grid-template-columns:150px minmax(0,1fr) auto;gap:16px}
.rk-site-header.shared-header .shop-utility>a:not([data-saved-link]){display:flex}
.rk-site-header.shared-header .shop-utility{gap:12px}
}
@media(max-width:767px){
.rk-site-header.shared-header .site-sections{gap:8px}
.rk-site-header.shared-header .site-sections>a{padding-inline:12px;font-size:13px}
.rk-site-header.shared-header :is(.shop-header-row,.catalog-header){grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:0;padding-block:8px}
.rk-site-header.shared-header .rk-brand{width:145px}
.rk-site-header.shared-header .rk-brand img{height:auto;max-height:48px}
.rk-site-header.shared-header .rk-catalog-search{grid-column:1/-1;grid-row:2;width:100%}
.rk-site-header.shared-header :is(.shop-utility,.utility-nav){grid-column:2;grid-row:1;gap:12px}
.rk-site-header.shared-header :is(.shop-utility,.utility-nav)>a{font-size:12px}
.rk-site-header.shared-header .shop-utility>a:not([data-saved-link]){display:flex}
.rk-site-header.shared-header .shop-utility span{display:inline}
.rk-site-header.shared-header .shop-navigation-border{display:block}
.rk-site-header.shared-header .shop-navigation{display:flex;overflow-x:auto;white-space:nowrap;gap:22px;min-height:44px}
.rk-site-header.shared-header .shop-navigation>a{flex-shrink:0;min-height:44px;display:flex;align-items:center}
}
.rk-site-header.shared-header .site-sections>a{color:#f4f2ec}
.rk-site-header.shared-header .site-sections>a[aria-current]{color:#fff;border-bottom-color:#fff}
.rk-site-header.shared-header .site-sections>a:hover{background:#2f3632;color:#fff}
.rk-site-header.shared-header .site-sections>a:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.rk-site-header.shared-header :is(.shop-header-row,.catalog-header){display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand areas utility" "search search search";gap:10px 28px;align-items:center;min-height:0;padding-block:10px 14px}
.rk-site-header.shared-header :is(.shop-brand,.brand-lockup){grid-area:brand}
.rk-site-header.shared-header .shop-brand{width:190px}
.rk-site-header.shared-header .header-areas{grid-area:areas;display:flex;justify-content:flex-start;align-items:stretch;gap:0;margin:0;padding:0;border:0;background:transparent;width:auto}
.rk-site-header.shared-header .header-areas>a{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 22px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--header-ink);font:700 17px/1.1 'Segoe UI',Arial,sans-serif;text-decoration:none}
.rk-site-header.shared-header .header-areas>a+a::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:#e3e0d8}
.rk-site-header.shared-header .header-areas>a[aria-current]{color:var(--header-green);border-bottom-color:var(--header-green)}
.rk-site-header.shared-header .header-areas>a:hover{background:#f5f3ee;color:var(--header-green)}
.rk-site-header.shared-header .header-areas>a:focus-visible{outline:3px solid var(--header-green);outline-offset:-3px}
.rk-site-header.shared-header .header-areas svg{width:26px;height:26px;flex-shrink:0}
.rk-site-header.shared-header :is(.shop-utility,.utility-nav){grid-area:utility;gap:0}
.rk-site-header.shared-header :is(.shop-utility,.utility-nav)>a{padding:0 14px;font-size:15px}
.rk-site-header.shared-header :is(.shop-utility,.utility-nav)>a+a{border-left:1px solid #e3e0d8}
.rk-site-header.shared-header .rk-catalog-search{grid-area:search;width:100%;height:48px}
.rk-site-header.shared-header .header-areas{justify-content:center}
@media(max-width:740px){.rk-site-header.shared-header .header-areas{grid-template-columns:repeat(3,1fr)}}
.rk-site-header .header-areas, .rk-site-header .rk-section-nav{max-width:100%;overflow-x:clip}
.rk-site-header .shop-brand, .rk-site-header.shared-header .shop-brand{width:auto!important;flex:none}
.rk-site-header.shared-header .shop-utility>a.utility-coupons{display:flex}
.rk-site-header.shared-header .shop-utility>a.utility-coupons svg{width:26px;height:26px}
.rk-site-header.shared-header .shop-utility>a.utility-coupons[aria-current="page"] span{text-decoration:underline;text-underline-offset:4px}
@media (max-width:600px){
.rk-site-header.shared-header .shop-utility>a.utility-coupons span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media (max-width:820px){
.rk-site-header .shop-brand{min-height:44px}
}
.rk-site-header.shared-header.mag-head{--mag-ink:#0b203d;--mag-blue:#0755db;--mag-muted:#53647c;position:relative;background:#fff;color:var(--mag-ink)}
.rk-site-header.shared-header.mag-head button{min-width:44px;min-height:44px}
.rk-site-header.shared-header.mag-head::before{content:"";position:absolute;inset:0 0 auto 0;height:56px;background:var(--mag-ink)}
.rk-site-header.shared-header.mag-head .shop-header-row{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr) auto;grid-template-areas:"areas areas utility" "brand search search";grid-template-rows:56px 76px;column-gap:42px;row-gap:0;align-items:center;min-height:0;padding-block:0;width:min(100%,1440px);max-width:none;padding-inline:clamp(20px,3.4vw,52px);margin-inline:auto}
.rk-site-header.shared-header.mag-head .header-areas{grid-area:areas;justify-content:flex-start;align-items:center;gap:36px;margin:0 0 0 310px;height:56px;border:0;background:transparent}
.rk-site-header.shared-header.mag-head .header-areas>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 15px;border:0;border-radius:4px;color:#fff;font:700 14px/1.2 "DM Sans",Arial,sans-serif}
.rk-site-header.shared-header.mag-head .header-areas>a+a::before{display:none}
.rk-site-header.shared-header.mag-head .header-areas>a[aria-current]{color:var(--mag-blue);background:#fff;border:0}
.rk-site-header.shared-header.mag-head .header-areas>a:not([aria-current]):hover{background:#203a57;color:#fff}
.rk-site-header.shared-header.mag-head .header-areas>a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.rk-site-header.shared-header.mag-head .header-areas svg{width:27px;height:27px}
.rk-site-header.shared-header.mag-head .shop-utility{grid-area:utility;align-self:center;display:flex;align-items:center;gap:0}
.rk-site-header.shared-header.mag-head .shop-utility>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 0 0 24px;border:0;color:#fff;font-size:14px;font-weight:400;white-space:nowrap}
.rk-site-header.shared-header.mag-head .shop-utility>a+a{margin-left:24px;border-left:1px solid #647188}
.rk-site-header.shared-header.mag-head .shop-utility>a:hover span{text-decoration:underline;text-underline-offset:4px}
.rk-site-header.shared-header.mag-head .shop-utility svg{width:22px;height:22px}
.rk-site-header.shared-header.mag-head .shop-utility span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
.rk-site-header.shared-header.mag-head .shop-brand{grid-area:brand;width:168px}
.rk-site-header.shared-header.mag-head .shop-brand img{width:168px;height:48px;object-fit:contain}
.rk-site-header.shared-header.mag-head .rk-catalog-search{grid-area:search;height:46px;border:1px solid #b9c5d5;border-radius:5px;padding-left:16px;gap:12px;background:#fff}
.rk-site-header.shared-header.mag-head .rk-catalog-search:focus-within{border-color:var(--mag-blue);box-shadow:0 0 0 2px #dce8ff}
.rk-site-header.shared-header.mag-head .rk-catalog-search input{font-size:15px;color:var(--mag-ink)}
.rk-site-header.shared-header.mag-head .rk-catalog-search input::placeholder{color:#596b86;opacity:1}
.rk-site-header.shared-header.mag-head .rk-catalog-search button{min-width:116px;min-height:46px;margin:-1px;border-radius:0 5px 5px 0;background:var(--mag-ink);color:#fff;font-size:14px;font-weight:700}
.rk-site-header.shared-header.mag-head .rk-catalog-search button:hover{background:#183858}
.rk-site-header.shared-header.mag-head .shop-navigation-border{border-block:1px solid #edf0f5}
.rk-site-header.shared-header.mag-head .shop-navigation{width:min(100%,1440px);max-width:none;margin-inline:auto;padding-inline:clamp(20px,3.4vw,52px);min-height:45px;gap:18px}
.rk-site-header.shared-header.mag-head .shop-navigation-links{justify-content:space-between;gap:18px}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a{min-height:44px;padding:8px 0;color:var(--mag-ink);font-size:13px;font-weight:700;white-space:nowrap}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a>svg{display:none}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a[data-shop-section="deals"]{color:#c81432}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a:hover{color:var(--mag-blue)}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a[aria-current]{color:var(--mag-blue);text-decoration:underline;text-underline-offset:5px}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a[aria-current]::after{display:none}
@media(max-width:1100px){
.rk-site-header.shared-header.mag-head .shop-header-row{grid-template-columns:170px minmax(0,1fr) auto;column-gap:25px}
.rk-site-header.shared-header.mag-head .header-areas{margin-left:170px;gap:18px}
.rk-site-header.shared-header.mag-head .shop-utility>a{padding-left:16px}
.rk-site-header.shared-header.mag-head .shop-utility>a+a{margin-left:16px}
.rk-site-header.shared-header.mag-head .shop-navigation-links{justify-content:flex-start;gap:24px}
}
@media(max-width:899px){
.rk-site-header.shared-header.mag-head::before{height:54px}
.rk-site-header.shared-header.mag-head .shop-header-row{grid-template-rows:54px 76px}
.rk-site-header.shared-header.mag-head .header-areas{margin-left:0;gap:10px}
.rk-site-header.shared-header.mag-head .header-areas>a{padding-inline:12px}
}
@media(max-width:599px){
.rk-site-header.shared-header.mag-head::before{height:51px}
.rk-site-header.shared-header.mag-head .shop-header-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"areas areas" "brand utility" "search search";grid-template-rows:51px auto auto;row-gap:0;padding-inline:0}
.rk-site-header.shared-header.mag-head .header-areas{display:flex;justify-content:space-between;gap:4px;margin:0;padding-inline:12px;height:51px;border:0}
.rk-site-header.shared-header.mag-head .header-areas>a{gap:7px;min-height:44px;padding:6px 12px;font-size:13px}
.rk-site-header.shared-header.mag-head .header-areas svg{width:22px;height:22px}
.rk-site-header.shared-header.mag-head .shop-brand{margin:14px 0 0 18px;width:144px}
.rk-site-header.shared-header.mag-head .shop-brand img{width:144px;height:39px}
.rk-site-header.shared-header.mag-head .shop-utility{margin:14px 18px 0 0;gap:12px}
.rk-site-header.shared-header.mag-head .shop-utility>a{padding:0;color:var(--mag-ink);font-size:13px;gap:6px}
.rk-site-header.shared-header.mag-head .shop-utility>a+a{margin-left:12px;border-left:0}
.rk-site-header.shared-header.mag-head .rk-catalog-search{margin:13px 18px 15px;width:auto;padding-left:11px;gap:10px}
.rk-site-header.shared-header.mag-head .rk-catalog-search input{font-size:16px}
.rk-site-header.shared-header.mag-head .rk-catalog-search button{min-width:80px;padding-inline:13px;font-size:13px}
.rk-site-header.shared-header.mag-head .shop-navigation{padding-inline:18px}
}
.shop-footer.mag-foot{--mag-ink:#fff;--mag-blue:#fff;--mag-muted:#d4dfec;--mag-line:#ffffff40;background:#152d4a;color:var(--mag-ink);border-top:0;padding:0;box-shadow:0 160px 0 #152d4a}
.mag-foot .mag-foot-inner{width:min(100%,1440px);margin-inline:auto;padding:48px clamp(20px,3.4vw,52px) 32px}
.mag-foot .mag-foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:38px}
.mag-foot .mag-foot-brand img{display:block;width:auto;height:66px;object-fit:contain}
.mag-foot .mag-foot-brand>a{display:inline-flex;align-items:center;min-height:44px}
.mag-foot .mag-foot-brand p{margin:12px 0 0;max-width:260px;color:var(--mag-muted);font-size:14px;line-height:1.5}
.mag-foot .mag-foot-brand p strong{color:var(--mag-ink)}
.mag-foot .mag-foot-group h2{margin:0 0 10px;font-size:14px;color:var(--mag-ink)}
.mag-foot .mag-foot-group ul{margin:0;padding:0;list-style:none}
.mag-foot .mag-foot-group a{display:flex;align-items:center;min-height:44px;padding:3px 0;color:var(--mag-muted);font-size:14px;line-height:1.55;text-decoration:none}
.mag-foot .mag-foot-group a:hover{color:var(--mag-blue);text-decoration:underline}
.mag-foot .mag-foot-note{margin:24px 0 0;padding-top:15px;border-top:1px solid var(--mag-line);color:var(--mag-muted);font-size:14px;line-height:1.6}
.mag-foot .mag-foot-powered{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--mag-muted)}
.mag-foot .mag-foot-powered a{display:inline-block;padding:10px 0;color:inherit;text-decoration:underline;text-underline-offset:3px}
.mag-foot .mag-foot-powered a:hover, .mag-foot .mag-foot-powered a:focus-visible{color:#fff}
.mag-foot a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
@media(max-width:1279px){.mag-foot .mag-foot-brand img{height:54px}}
@media(max-width:767px){.mag-foot .mag-foot-brand img{height:40px}}
@media(max-width:899px){.mag-foot .mag-foot-grid{grid-template-columns:1.3fr 1fr 1fr;gap:24px}.mag-foot .mag-foot-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:30px}.mag-foot .mag-foot-brand p{margin-top:0;max-width:260px}}
@media(max-width:599px){.mag-foot .mag-foot-inner{padding-top:32px}.mag-foot .mag-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.mag-foot .mag-foot-brand{display:block}.mag-foot .mag-foot-brand p{margin-top:10px;max-width:290px}.mag-foot .mag-foot-group a{padding-block:7px;font-size:14px;min-height:44px}.mag-foot .mag-foot-group h2{font-size:15px}}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a[data-shop-section="geschenke"]{color:#0b8a4a}
@media(max-width:767px){
.rk-site-header.shared-header.mag-head .shop-navigation-links{flex:1;min-width:0;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;align-items:center;padding-block:4px}
.rk-site-header.shared-header.mag-head .shop-navigation-links::-webkit-scrollbar{display:none}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a{min-height:44px;padding:0 14px;border:1px solid #d5e1f0;border-radius:999px;font-size:14px;font-weight:600}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a[aria-current]{border-color:var(--mag-blue);background:#eef4ff;text-decoration:none}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a[data-shop-section="deals"]{border-color:#c81432;background:#c81432;color:#fff}
.rk-site-header.shared-header.mag-head .shop-navigation-links>a[data-shop-section="geschenke"]{border-color:#0b8a4a}
}
@media(min-width:1101px) and (max-width:1399px){
.rk-site-header.shared-header.mag-head .shop-navigation-links>a{padding:8px 12px;font-size:14px}
}
.rk-site-header.shared-header.mag-head .shop-brand img.rk-brand-bereich{ width: auto; height: 56px; max-width: none; max-height: none; }
@media (max-width: 800px){
.rk-site-header.shared-header.mag-head .shop-brand img.rk-brand-bereich{ width: auto; height: 48px; }
}
@media (max-width:760px){
.rk-site-header.shared-header.mag-head{position:sticky;top:0;z-index:30}
}
@media(min-width:600px){
.rk-site-header.shared-header.mag-head .header-areas{margin-left:clamp(0px,calc(100% - 330px),310px)}
}
@media(min-width:1101px) and (max-width:1240px){
.rk-site-header.shared-header.mag-head .shop-utility>a{padding-left:14px}
.rk-site-header.shared-header.mag-head .shop-utility>a+a{margin-left:14px}
}
@media(min-width:600px) and (max-width:1100px){
.rk-site-header.shared-header.mag-head .header-areas{margin-left:clamp(0px,calc(100% - 330px),170px)}
.rk-site-header.shared-header.mag-head .shop-utility>a:not(.spot-knopf){min-width:44px;justify-content:center;padding:0 10px}
.rk-site-header.shared-header.mag-head .shop-utility>a:not(.spot-knopf)+a{margin-left:0}
.rk-site-header.shared-header.mag-head .shop-utility>a:not(.spot-knopf) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(min-width:600px) and (max-width:899px){
.rk-site-header.shared-header.mag-head .spot-knopf--service{padding-right:6px}
.rk-site-header.shared-header.mag-head .spot-knopf--service .spot-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media(min-width:600px) and (max-width:740px){
.rk-site-header.shared-header.mag-head .header-areas{margin-left:clamp(0px,calc(100% - 350px),170px)}
}
.travel-head .shop-navigation{display:flex;align-items:stretch;position:relative}
.travel-head .shop-navigation-links{display:flex;align-items:stretch;flex:1;min-width:0;gap:28px;overflow-x:auto;scrollbar-width:none}
.travel-head .shop-navigation-links::-webkit-scrollbar{display:none}
.travel-head .shop-navigation-links>a{display:flex;align-items:center;position:relative;text-decoration:none;white-space:nowrap}
.travel-head .shop-brand{display:flex}
.travel-head .shop-brand img{display:block}
.rk-site-header.shared-header.mag-head.travel-head .rk-catalog-search{display:flex}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links>a{display:inline-flex;align-items:center;gap:8px}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links>a>svg{display:block;width:20px;height:20px;flex:none}
@media(min-width:768px){
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links>a{gap:6px;padding-inline:10px}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links>a>svg{width:18px;height:18px}
}
@media(min-width:768px) and (max-width:1399px){
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links>a{padding-inline:7px}
}
@media(min-width:768px) and (max-width:1100px){
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links{overflow:visible;gap:2px;justify-content:space-between}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links>a{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;font-size:11px;line-height:1.2;text-align:center;white-space:normal}
.rk-site-header.shared-header.mag-head.travel-head .shop-navigation-links>a>svg{width:20px;height:20px}
}
.reise-menu-btn{display:none}
.reise-menu{position:fixed;inset:0 0 0 auto;width:min(340px,88vw);height:100dvh;max-height:none;margin:0;padding:12px 16px 24px;border:0;background:#fff;color:#102f54;box-shadow:-12px 0 32px rgba(16,47,84,.18);overflow-y:auto}
.reise-menu::backdrop{background:rgba(6,28,45,.45)}
.reise-menu-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:4px;font-size:18px}
.reise-menu-head button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#f1f5fa;color:inherit;cursor:pointer}
.reise-menu ul{margin:0;padding:0;list-style:none}
.reise-menu li a{display:flex;align-items:center;min-height:48px;padding:0 4px;border-bottom:1px solid #e6edf5;color:inherit;font-size:17px;font-weight:600;text-decoration:none}
.reise-menu li a:hover, .reise-menu li a:focus-visible{color:#075fe0}
.reise-menu-more{margin-top:16px!important}
.reise-menu-more a{font-weight:500!important;font-size:16px!important}
@media (max-width:800px){
header.travel-head{position:sticky!important;top:0!important;z-index:60;background:#fff;box-shadow:0 1px 0 #e3eaf2,0 4px 14px rgba(16,47,84,.06)}
.travel-head .site-sections, .travel-head .shop-utility, .travel-head .shop-navigation-border{display:none!important}
.travel-head .shop-header-row{background:#fff!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;min-height:60px;padding:8px 64px 8px 16px!important}
.travel-head .shop-brand{order:1;margin:0!important}
.travel-head .shop-brand img{height:38px;width:auto}
.travel-head .travel-header-search{order:2;flex:1 1 100%;margin:0!important}
.reise-menu-btn{position:absolute;top:8px;right:10px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce5ef;border-radius:12px;background:#fff;color:#102f54;cursor:pointer}
.travel-head .travel-header-search{display:none!important}
}
@media (max-width:800px){
header.travel-head .site-sections{display:flex!important;order:-1!important;flex:0 0 calc(100% + 80px)!important;width:calc(100% + 80px)!important;max-width:none!important;margin:-8px -64px 4px -16px!important;height:51px!important;padding:0 12px!important;justify-content:space-between!important;align-items:center!important;background:#0b203d!important;box-sizing:border-box!important}
header.travel-head .site-sections>a{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:6px 12px!important;border:0!important;border-radius:4px!important;font-size:13px!important;font-weight:700!important;color:#fff!important;background:transparent!important;text-decoration:none!important}
header.travel-head .site-sections>a[aria-current]{background:#fff!important;color:#0755db!important}
header.travel-head .site-sections svg{width:22px!important;height:22px!important}
header.travel-head .reise-menu-btn{top:59px}
}
@media (max-width:800px){
header.travel-head{top:-51px!important}
}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search){box-sizing:border-box;height:56px;padding:6px 6px 6px 18px;gap:12px;border:0;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(12,31,68,.08),0 6px 20px rgba(12,31,68,.14);transition:box-shadow .2s ease;overflow:visible}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search):focus-within{box-shadow:0 0 0 2px #ff6a13,0 8px 28px rgba(12,31,68,.18)}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search) > svg{position:static;flex:none;width:20px;height:20px;margin:0;color:#0c1f44;transform:none}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search) input[type=search]{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:16px;color:#13233f;outline:0}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search) input[type=search]::placeholder{color:#5b6b85;opacity:1}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search) > button[type=submit]{flex:none;height:100%;min-height:44px;margin:0;padding:0 28px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff6a13,#e8400c);box-shadow:0 2px 6px rgba(232,64,12,.35);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:filter .15s ease}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search) > button[type=submit]:hover{filter:brightness(.95)}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search) > button[type=submit]:focus-visible{outline:3px solid #0c1f44;outline-offset:2px}
@media (max-width:800px){
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search){height:50px;padding-left:14px;border-radius:12px}
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search) > button[type=submit]{padding:0 18px;border-radius:9px}
}
@media (prefers-reduced-motion:reduce){
html body .rk-site-header.shared-header.mag-head form.rk-catalog-search:is(.shop-search,.travel-header-search), html body .rk-site-header.shared-header.mag-head form.rk-catalog-search > button{transition:none}
}
.shop-navigation-links a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
html body :is(.facet-options,.shop-filter-dialog .shop-filter-scroll,.shop-filter-dialog .facet-options,.menu-enhanced .category-domain-rail,.menu-enhanced .category-domain-panels,.menu-enhanced.menu-drill .category-domain-rail,.menu-enhanced.menu-drill .category-domain-panels,.mega__gruppen ul,.gs-suggest,.shop-suggest,.rk-search-suggestions,.place-suggestions,.reise-suggestions,.rental-suggestions){scrollbar-width:auto;scrollbar-color:auto}
html body :is(.facet-options,.shop-filter-dialog .shop-filter-scroll,.shop-filter-dialog .facet-options,.menu-enhanced .category-domain-rail,.menu-enhanced .category-domain-panels,.menu-enhanced.menu-drill .category-domain-rail,.menu-enhanced.menu-drill .category-domain-panels,.mega__gruppen ul,.gs-suggest,.shop-suggest,.rk-search-suggestions,.place-suggestions,.reise-suggestions,.rental-suggestions)::-webkit-scrollbar{display:block;width:var(--bx-scroll-w);height:var(--bx-scroll-w)}
html body :is(.facet-options,.shop-filter-dialog .shop-filter-scroll,.shop-filter-dialog .facet-options,.menu-enhanced .category-domain-rail,.menu-enhanced .category-domain-panels,.menu-enhanced.menu-drill .category-domain-rail,.menu-enhanced.menu-drill .category-domain-panels,.mega__gruppen ul,.gs-suggest,.shop-suggest,.rk-search-suggestions,.place-suggestions,.reise-suggestions,.rental-suggestions)::-webkit-scrollbar-track{background:transparent}
html body :is(.facet-options,.shop-filter-dialog .shop-filter-scroll,.shop-filter-dialog .facet-options,.menu-enhanced .category-domain-rail,.menu-enhanced .category-domain-panels,.menu-enhanced.menu-drill .category-domain-rail,.menu-enhanced.menu-drill .category-domain-panels,.mega__gruppen ul,.gs-suggest,.shop-suggest,.rk-search-suggestions,.place-suggestions,.reise-suggestions,.rental-suggestions)::-webkit-scrollbar-thumb{background:var(--bx-scroll-thumb);border-radius:3px}
@supports (-moz-appearance:none){
html body :is(.facet-options,.shop-filter-dialog .shop-filter-scroll,.shop-filter-dialog .facet-options,.menu-enhanced .category-domain-rail,.menu-enhanced .category-domain-panels,.menu-enhanced.menu-drill .category-domain-rail,.menu-enhanced.menu-drill .category-domain-panels,.mega__gruppen ul,.gs-suggest,.shop-suggest,.rk-search-suggestions,.place-suggestions,.reise-suggestions,.rental-suggestions){scrollbar-width:thin;scrollbar-color:var(--bx-scroll-thumb) transparent}
}
.shop-header .spot-knopf{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 0;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.shop-header .spot-knopf .spot-ring{font-style:normal;position:relative;display:block;flex:0 0 auto;width:40px;height:40px;border-radius:50%;padding:2px;background:conic-gradient(from 210deg,#fd6318,#ffb37a,#075fff,#5d9bff,#fd6318);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.shop-header .spot-knopf .spot-ring img{display:block;width:100%;height:100%;max-width:none;border-radius:50%;border:2px solid #0c1f44;object-fit:cover}
.shop-header .spot-knopf .spot-ring::after{content:"";position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;border:2px solid #0c1f44;background:#fd6318}
.shop-header .spot-knopf .spot-ring::before{content:"";position:absolute;z-index:1;right:3px;bottom:2.5px;width:7px;height:8px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
.shop-header .spot-knopf:hover .spot-ring, .shop-header .spot-knopf:focus-visible .spot-ring{transform:scale(1.07)}
.shop-header .spot-knopf:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:24px}
.shop-header .spot-knopf .spot-text{position:static;display:flex;flex-direction:column;align-items:flex-start;width:auto;height:auto;overflow:visible;clip:auto;color:#fff;font-weight:600;font-size:15px;line-height:1.15;white-space:nowrap;text-decoration:none}
.shop-header .spot-knopf .spot-text small{display:block;font-weight:400;font-size:12px;opacity:.78}
.shop-header .spot-knopf--bereich{display:none;padding:0;margin-right:4px}
.shop-header .spot-knopf--bereich .spot-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:740px){.shop-header .spot-knopf--service{display:none}.shop-header .spot-knopf--bereich{display:inline-flex;align-self:center}}
@media(prefers-reduced-motion:no-preference){.shop-header .spot-knopf .spot-ring{animation:spot-puls 2.8s ease-in-out 1.2s 2}}
@keyframes spot-puls{0%,100%{box-shadow:0 0 0 0 rgba(253,99,24,0)}50%{box-shadow:0 0 0 6px rgba(253,99,24,.28)}}
.spot-fenster{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px 16px;border:0;background:transparent;color:#fff;font-family:inherit;overflow:hidden}
.spot-fenster[open]{display:flex;align-items:center;justify-content:center}
.spot-fenster::backdrop{background:rgba(6,16,38,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.spot-karte{position:relative;display:flex;flex-direction:column;width:min(400px,100%,calc((100dvh - 330px) * 9 / 16));min-width:min(280px,100%);border-radius:24px;overflow:hidden;background:#0c1f44;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.spot-bild{position:relative;aspect-ratio:9/16;background:#061026}
.spot-video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
.spot-balken{position:absolute;left:14px;right:14px;top:12px;display:flex;gap:4px}
.spot-balken span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.32);overflow:hidden}
.spot-balken i{display:block;height:100%;width:0;background:#fff;border-radius:3px}
.spot-name{color:#fff;text-decoration:none;z-index:2}
.spot-name::after{content:" ›"}
.spot-name:hover, .spot-name:focus-visible{background:rgba(6,16,38,.7);text-decoration:underline}
.spot-name{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 80px);margin:0;padding:6px 12px;border-radius:999px;background:rgba(6,16,38,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spot-pfeil{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(6,16,38,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer}
.spot-pfeil--zurueck{left:10px}
.spot-pfeil--weiter{right:10px}
.spot-pfeil svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.spot-galerie{display:flex;flex-shrink:0;gap:10px;margin:0;padding:12px 16px 0;list-style:none;background:#10285a;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.spot-galerie::-webkit-scrollbar{display:none}
.spot-galerie li{flex:0 0 auto;scroll-snap-align:center}
.spot-galerie button{display:flex;flex-direction:column;align-items:center;gap:4px;width:76px;min-height:44px;padding:0;border:0;background:none;color:rgba(255,255,255,.75);font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer}
.spot-galerie img{width:52px;height:52px;border-radius:50%;object-fit:cover;padding:2px;background:rgba(255,255,255,.2)}
.spot-galerie button[aria-current]{color:#fff}
.spot-galerie button[aria-current] img{background:conic-gradient(from 210deg,#fd6318,#ffb37a,#075fff,#5d9bff,#fd6318)}
.spot-galerie span{max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spot-ton, .spot-play, .spot-zu{display:flex;align-items:center;justify-content:center;border:0;padding:0;cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent}
.spot-ton{position:absolute;right:12px;top:26px;width:44px;height:44px;border-radius:50%;background:rgba(6,16,38,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.spot-ton svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.spot-ton svg path:first-child{fill:#fff}
.spot-ton .aus, .spot-ton[aria-pressed="true"] .an{display:none}
.spot-ton[aria-pressed="true"] .aus{display:inline}
.spot-play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .2s,transform .2s}
.spot-play svg{width:30px;height:30px;fill:#fff;margin-left:4px}
.spot-fenster.laeuft .spot-play{opacity:0;transform:scale(.8);pointer-events:none}
.spot-unten{padding:16px 16px 18px;background:linear-gradient(180deg,#10285a,#0c1f44)}
.spot-titel{margin:0 0 12px;font-weight:700;font-size:17px}
.spot-titel span{color:#ffb37a}
.spot-kanaele{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.spot-kanaele a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s}
.spot-kanaele a:hover, .spot-kanaele a:focus-visible{background:rgba(255,255,255,.18)}
.spot-kanaele svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.spot-zu{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14)}
.spot-zu:hover{background:rgba(255,255,255,.26)}
.spot-zu svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
@media(max-width:600px){.spot-fenster{padding:0}.spot-karte{width:100%;height:100%;min-width:0;border-radius:0;box-shadow:none}.spot-bild{flex:1 1 auto;min-height:0;aspect-ratio:auto}.spot-unten{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}.spot-kanaele a{min-height:52px}.spot-zu{top:calc(30px + env(safe-area-inset-top));right:64px;background:rgba(6,16,38,.45)}.spot-ton{top:calc(30px + env(safe-area-inset-top))}.spot-balken{top:calc(12px + env(safe-area-inset-top))}.spot-name{top:calc(38px + env(safe-area-inset-top));bottom:auto;left:60px;max-width:calc(100% - 176px)}}
@media(prefers-reduced-motion:no-preference){.spot-fenster[open] .spot-karte{animation:spot-rein .42s cubic-bezier(.2,.9,.2,1)}.spot-fenster[open]::backdrop{animation:spot-hell .3s ease}}
@keyframes spot-rein{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes spot-hell{from{opacity:0}}