/* An integrated marine quiz instrument; the map remains the signature. */
@media(min-width:1025px){
 html.desktop-10k-direction body.editorial-site #main #reise-kompass{overflow-anchor:none!important}

html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)!important;grid-template-rows:130px 28px 120px 292px 40px!important;gap:16px 64px!important;height:674px!important;min-height:674px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .compass-story h2{font:400 29px/1.25 Manrope,Arial,sans-serif!important;letter-spacing:-.04em!important;max-width:none!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .compass-story>p{font-size:14px!important;line-height:1.5!important;margin-top:9px!important;color:#d5e1e3!important;max-width:48ch!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-progress{gap:6px!important;align-self:center!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-step-readout{color:#d5e1e3!important;font-size:12px!important;letter-spacing:.02em!important;margin-right:14px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-progress .quiz-dot{width:38px!important;height:4px!important;border-radius:3px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-progress .quiz-dot.active{background:#e9b867!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz>h3{font:400 clamp(34px,2.9vw,44px)/1.18 Manrope,Arial,sans-serif!important;letter-spacing:-.045em!important;max-width:24ch!important;align-self:start!important;overflow:visible!important;padding-bottom:.12em!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers{gap:0!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;align-self:stretch!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button{display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;grid-template-rows:1fr!important;align-items:center!important;gap:22px!important;padding:16px 0!important;background:none!important;border:0!important;border-bottom:1px solid #617d88!important;border-radius:0!important;color:#fff!important;box-shadow:none!important;transform:none!important;transition:background-color .24s ease!important;min-height:0!important;height:100%!important;text-align:left!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button>span:first-child{display:none!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button .quiz-answer-copy{grid-column:1!important;grid-row:1!important;display:block!important;width:100%!important;align-self:center!important;justify-self:stretch!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answer-copy strong{font:700 21px/1.3 Manrope,Arial,sans-serif!important;letter-spacing:-.025em!important;color:#fff!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answer-copy small{font:400 14px/1.5 Manrope,Arial,sans-serif!important;color:#d5e1e3!important;margin-top:5px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button::after{content:''!important;display:block!important;position:static!important;grid-column:2!important;grid-row:1!important;width:24px!important;height:24px!important;border:1.5px solid #afc5cb!important;border-radius:50%!important;box-sizing:border-box!important;background:none!important;box-shadow:none!important;justify-self:end!important;align-self:center!important;transition:box-shadow .2s ease,border-color .2s ease!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button:hover{background:none!important;border-bottom-color:#e9b867!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button:hover::after{border-color:#fff!important;box-shadow:inset 0 0 0 5px #102e3b,inset 0 0 0 13px #fff!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button:focus-visible{outline:2px solid #e9b867!important;outline-offset:4px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz #quiz-back{align-self:center!important;font-size:14px!important;min-height:40px!important;padding:0!important;text-decoration:none!important;color:#d5e1e3!important;transition:color .2s ease!important}
}
@media(min-width:1025px) and (max-width:1199px){
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel{column-gap:36px!important;grid-template-rows:130px 28px 120px 330px 40px!important;height:712px!important;min-height:712px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button{padding:14px 0!important;gap:16px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answer-copy strong{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button,html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button::after{transition:none!important}}

@media(min-width:1025px){
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel{isolation:isolate;position:relative!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel::before{content:''!important;display:block!important;grid-column:2!important;grid-row:1/6!important;align-self:stretch!important;background:#102e3b!important;border-radius:90px 0 54px 0!important;position:relative!important;z-index:0!important;pointer-events:none!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .compass-story{position:relative!important;z-index:1!important;padding:32px 40px 0!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .compass-story h2{color:#fff!important;font-size:28px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-progress{position:relative!important;z-index:1!important;margin-inline:40px!important;width:auto!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-progress .quiz-dot{background:#617d88!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz>h3{position:relative!important;z-index:1!important;margin-inline:40px!important;width:auto!important;color:#fff!important;font-size:clamp(32px,2.65vw,40px)!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers{position:relative!important;z-index:1!important;margin-inline:40px!important;width:auto!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz #quiz-back{position:relative!important;z-index:1!important;margin-inline:40px!important;width:auto!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz .quiz-answers button .quiz-answer-copy{background:none!important}
}
@media(min-width:1025px) and (max-width:1199px){
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .compass-story{padding-inline:30px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.quiz-map-direction:not(.has-result) .quiz-panel #quiz :is(.quiz-progress,h3,.quiz-answers,#quiz-back){margin-inline:30px!important}
}

@media(min-width:1025px){
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction .quiz-panel{isolation:isolate;position:relative!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction .quiz-panel::before{content:''!important;display:block!important;grid-column:2!important;grid-row:1!important;align-self:stretch!important;background:#102e3b!important;border-radius:90px 0 54px 0!important;position:relative!important;z-index:0!important;pointer-events:none!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction .quiz-panel #quiz{position:relative!important;z-index:1!important;padding:32px 40px 36px!important;min-width:0!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction #quiz .quiz-result>img{width:calc(100% + 80px)!important;max-width:none!important;height:250px!important;margin:-32px -40px 28px!important;border-radius:90px 0 0 0!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction #quiz .result-place h3{color:#fff!important;font-size:40px!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction #quiz .result-coordinates{color:#d5e1e3!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction #quiz .quiz-result>p{color:#d5e1e3!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction .quiz-panel #quiz .quiz-result h4.result-focus-title{color:#fff!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction #quiz .result-focus li{color:#d5e1e3!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction #quiz .result-action>p{color:#fff!important}
html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result.quiz-map-direction #quiz #quiz-reset{color:#d5e1e3!important;margin-top:18px!important}
}