/* Compact desktop funnel. The canvas remains white; each chapter has its own composition. */
.selection-desktop-copy,.selection-desktop-cta,.process-desktop-action{display:none}
@media(min-width:1025px){
 html.desktop-10k-direction body.editorial-site #main #vergleich{padding:32px 0 44px!important}
 html.desktop-10k-direction body.editorial-site #main #ueber-uns{padding:44px 0!important}
 html.desktop-10k-direction body.editorial-site #main #reiseauswahl{padding:44px 0 40px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan{padding:40px 0 44px!important}
 html.desktop-10k-direction body.editorial-site #main #regionen{padding:44px 0 36px!important}
 html.desktop-10k-direction body.editorial-site #main .compass-section{padding:36px 0 44px!important}
 html.desktop-10k-direction body.editorial-site #main #faq{padding:44px 0 48px!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection>.wrap{
  grid-template-columns:minmax(0,42fr) minmax(0,58fr)!important;gap:36px!important;
  height:clamp(600px,62vh,650px)!important;
 }
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-opening{align-self:center!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .selection-mobile-copy{display:none!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .selection-desktop-copy{display:block!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .selection-title-quiet{
  max-width:none!important;font-size:clamp(45px,4.1vw,66px)!important;line-height:1.07!important;letter-spacing:-.045em!important;
 }
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .selection-title-result{
  max-width:none!important;margin-top:20px!important;font-size:clamp(25px,2.15vw,34px)!important;line-height:1.22!important;color:#427b83!important;
 }
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-opening>p{max-width:39ch!important;margin-top:24px!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .selection-copy-shared .selection-explanation{
  font-size:18px!important;line-height:1.65!important;max-width:39ch!important;
 }
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .selection-desktop-cta{
  display:inline-flex!important;align-self:flex-start;margin-top:26px;padding:15px 24px!important;
  min-height:52px;font-size:15px!important;letter-spacing:0!important;
 }
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch{margin-top:24px!important;gap:24px!important;max-width:410px!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button{font-size:15px!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-landscape{inset:0 17% 0 0!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-services{
  width:54%!important;max-width:360px!important;padding:24px 26px!important;gap:20px!important;
 }
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-services h3{font-size:27px!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-services p{font-size:15px!important;line-height:1.65!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .service-booking-note{margin-top:20px!important;padding-top:16px!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .service-booking-note p{font-size:13px!important;line-height:1.65!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .booking-details-trigger{font-size:13px!important}

 /* A reading sequence rather than three tall columns. */
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-after-offer{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)!important;
  grid-template-areas:'intro process' 'intro refund'!important;gap:18px 72px!important;align-items:start!important;
 }
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process-intro{padding-top:12px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process-intro h3{
  font-size:clamp(38px,3.5vw,54px)!important;max-width:15ch!important;line-height:1.1!important;
 }
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process-intro h3 br{display:block!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf .process-desktop-action{display:block;margin-top:24px;max-width:36ch}
 html.desktop-10k-direction body.editorial-site #main #ablauf .process-desktop-action p{font-size:18px;line-height:1.6;color:#52646c;margin:0 0 24px}
 html.desktop-10k-direction body.editorial-site #main #ablauf .process-desktop-action .button{display:inline-flex;min-height:52px;padding:15px 24px;font-size:15px;letter-spacing:0}
 html.desktop-10k-direction body.editorial-site #main #ablauf .concept-route{display:none!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process ol{grid-template-columns:1fr!important;gap:0!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process li:nth-child(n){
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:22px!important;
  padding:20px 0!important;border-bottom:1px solid #dfe6e4!important;
 }
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process li>span{
  width:48px!important;height:48px!important;margin:0!important;font-size:21px!important;
  background:#edf3f2!important;color:#427b83!important;
 }
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process li>div{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px 16px!important;
 }
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process li:nth-child(n) h4{font-size:24px!important;text-wrap:wrap!important;align-self:center!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .travel-plan-timing{
  margin:0!important;font-size:12px!important;align-self:center!important;color:#52646c!important;text-align:right;
 }
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process li:nth-child(n) p{
  grid-column:1/-1!important;max-width:54ch!important;font-size:16px!important;line-height:1.6!important;
 }
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-refund{
  width:100%!important;justify-self:stretch!important;gap:8px 16px!important;padding:0 0 0 70px!important;
 }
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-refund-kicker{width:auto!important;margin:0!important;font-size:13px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-refund h3{font-size:20px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .refund-amount{font-size:24px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .refund-return{font-size:20px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-refund details{margin-left:auto!important}
}
@media(min-width:1025px) and (max-width:1199px){
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection>.wrap{gap:24px!important;height:640px!important}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection .p-services{width:60%!important;padding:22px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-after-offer{gap:18px 40px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process li>div{grid-template-columns:1fr!important;gap:7px!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .travel-plan-timing{text-align:left}
}

@media(min-width:1025px){
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection[data-desktop-selection] .selection-desktop-cta{opacity:1;transition:opacity .9s ease .25s}
 html.desktop-10k-direction body.editorial-site #main section#vergleich.p-selection[data-desktop-selection=pending] .selection-desktop-cta{opacity:0}
 html.desktop-10k-direction body.editorial-site #main #ablauf .p-process-intro .process-desktop-action{opacity:1;transform:none;transition:opacity .7s ease,transform .8s ease}
 html.desktop-10k-direction body.editorial-site #main #ablauf[data-travel-plan=pending] .p-process-intro .process-desktop-action{opacity:0;transform:translateY(12px)}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan .p-process-intro h3{opacity:1!important;clip-path:inset(0)!important;transition:opacity .8s ease,clip-path 1s cubic-bezier(.22,.7,.25,1)!important}
 html.desktop-10k-direction body.editorial-site #main #ablauf.desktop-travel-plan[data-travel-plan=pending] .p-process-intro h3{opacity:0!important;clip-path:inset(0 0 16% 0)!important}
}
@media(prefers-reduced-motion:reduce){
 html:not(.site-motion-opt-in) body.editorial-site #main #vergleich .selection-desktop-cta,
 html:not(.site-motion-opt-in) body.editorial-site #main #ablauf .process-desktop-action{opacity:1!important;transform:none!important;transition:none!important}
 html:not(.site-motion-opt-in) body.editorial-site #main #ablauf.desktop-travel-plan .p-process-intro h3{opacity:1!important;clip-path:none!important;transition:none!important}
}
