/* An open photographic choice, distinct from the single destination stage. */
@media(min-width:1025px){
 html.desktop-10k-direction body.editorial-site #main #reise-kompass.compass-section{padding:64px 0 60px!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check{
  display:block!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .compass-story{
  grid-column:1!important;grid-row:1!important;display:block!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .compass-story h2{
  max-width:18ch!important;font-size:clamp(42px,3.5vw,54px)!important;line-height:1.12!important;text-wrap:balance;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .compass-story>p{
  max-width:33ch!important;margin:18px 0 0!important;font-size:16px!important;line-height:1.65!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .compass-instrument{display:none!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel{
  display:grid!important;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr)!important;
  grid-template-rows:auto 54px minmax(0,1fr) 42px!important;gap:20px 52px!important;
  height:500px!important;min-height:500px!important;margin:0!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz{
  display:contents!important;height:auto!important;min-height:0!important;margin:0!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-progress{
  grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;
  grid-template-rows:28px 3px!important;gap:12px 7px!important;width:152px!important;max-width:none!important;
  align-self:start!important;margin:0!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-step-readout{
  grid-column:1/-1!important;display:block!important;font:500 12px/1.4 Manrope,Arial,sans-serif!important;
  color:#52727b!important;letter-spacing:.04em!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz>h3{
  grid-column:1!important;grid-row:3!important;align-self:start!important;
  max-width:22ch!important;margin:0!important;min-height:0!important;
  font-size:clamp(24px,2.2vw,34px)!important;line-height:1.25!important;letter-spacing:-.035em!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-answers{
  grid-column:2!important;grid-row:1/5!important;display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:1fr!important;
  gap:18px!important;position:relative!important;margin:0!important;align-self:stretch!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-answers button{
  position:relative!important;isolation:isolate;display:grid!important;align-self:stretch!important;
  grid-template-columns:1fr!important;grid-template-rows:18px auto!important;gap:10px!important;align-items:start!important;justify-items:stretch!important;
  height:auto!important;min-height:0!important;padding:324px 0 36px!important;align-content:start!important;
  text-align:left!important;font:400 15px/1.55 Manrope,Arial,sans-serif!important;color:#102e3b!important;
  background:none!important;border:0!important;border-bottom:1px solid #a9bcb8!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important;transition:border-color .25s ease!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-answers button::before{
  content:''!important;display:block!important;position:absolute!important;inset:0 0 auto!important;
  width:100%!important;height:300px!important;background-position:center!important;background-size:cover!important;
  border-radius:8px!important;transform:translateY(0)!important;opacity:1!important;
  transition:opacity .85s ease,transform 1.05s cubic-bezier(.22,.7,.25,1)!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-answers button:nth-child(1)::before{background-image:url('assets/hurghada.jpg')!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-answers button:nth-child(2)::before{background-image:url('assets/reef.jpg')!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-answers button:nth-child(3)::before{background-image:url('assets/sharm.jpg')!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-answers button>span{
  display:block!important;width:100%!important;height:auto!important;margin:0!important;text-align:left!important;align-self:start!important;justify-self:start!important;
  background:none!important;color:#95692e!important;font:600 13px/1.2 Manrope,Arial,sans-serif!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-answers button>span.quiz-answer-copy{
  color:#102e3b!important;font:400 15px/1.55 Manrope,Arial,sans-serif!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-answers button::after{
  content:'↗'!important;position:absolute!important;inset:auto 0 6px auto!important;
  color:#52727b!important;font:400 22px/1 Manrope,Arial,sans-serif!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-answers button:hover{
  background:none!important;border-color:#95692e!important;
 }
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-answers button:hover::after{color:#95692e!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz #quiz-back{
  grid-column:1!important;grid-row:4!important;align-self:end!important;justify-self:start!important;
 }
 /* The persistent stage owns one reveal, not each newly rendered question. */
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel[data-open-quiz=pending] .quiz-answers button::before{opacity:0!important;transform:translateY(12px)!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result{display:block!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result .compass-story{max-width:670px!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result .compass-story h2{max-width:none!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result .quiz-panel{display:block!important;height:auto!important;min-height:0!important;margin:0!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result .compass-story{margin-bottom:30px!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check.has-result .quiz-panel #quiz{display:block!important;height:auto!important;min-height:0!important;margin:0!important}
}
@media(min-width:1025px) and (max-width:1199px){
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel{column-gap:32px!important;height:550px!important;min-height:550px!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-answers{gap:14px!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-answers button{font-size:14px!important;padding-top:274px!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz .quiz-answers button>span.quiz-answer-copy{font-size:14px!important}
 html.desktop-10k-direction body.editorial-site #main #regionen-check .quiz-answers button::before{height:250px!important}
}
@media(prefers-reduced-motion:reduce){
 html:not(.site-motion-opt-in).desktop-10k-direction body.editorial-site #main #regionen-check .quiz-panel #quiz,
 html:not(.site-motion-opt-in).desktop-10k-direction body.editorial-site #main #regionen-check .quiz-answers button::before{opacity:1!important;translate:none!important;transform:none!important;transition:none!important}
}
