.mobile-comparison-tabs{display:none}
/* A mobile decision spread: image title, attached brief, then benefits or one complete example. */
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px){
 html body.editorial-site #main #vergleich>.wrap{width:calc(100% - 40px)!important}
 html body.editorial-site #main #vergleich .p-opening{background:#f6f2e9!important}
 html body.editorial-site #main #vergleich .p-opening>div:first-child{
  display:flex!important;align-items:flex-end!important;min-height:220px!important;
  padding:28px 24px!important;box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(14,42,58,.02),rgba(14,42,58,.83)),url('assets/selection/what-you-get-courtyard-v1.jpg') 50% 45% / cover!important;
 }
 html body.editorial-site #main #vergleich .p-opening h2{color:#fff!important;width:100%!important;text-align:left!important}
 html body.editorial-site #main #vergleich .selection-title-quiet{
  color:#f4eee5!important;font-size:clamp(24px,7vw,30px)!important;line-height:1.2!important;
  font-weight:400!important;letter-spacing:-.04em!important;margin-bottom:7px!important;
 }
 html body.editorial-site #main #vergleich .selection-title-result{
  color:#fff!important;font-size:clamp(34px,10vw,44px)!important;line-height:1.05!important;
  max-width:10ch!important;letter-spacing:-.055em!important;font-weight:400!important;
 }
 html body.editorial-site #main #vergleich .p-opening>p{
  width:auto!important;max-width:none!important;margin:0!important;padding:20px 24px 18px!important;
  color:#435c66!important;font-size:16px!important;line-height:1.5!important;text-wrap:pretty;
 }
 html body.editorial-site #main #vergleich .flow-switch{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;
  width:100%!important;margin:0!important;padding:0!important;min-height:52px!important;
  background:#fff!important;border-radius:0!important;box-shadow:none!important;
 }
 html body.editorial-site #main #vergleich .flow-switch button{
  position:relative!important;min-height:52px!important;padding:10px 4px!important;
  color:#536771!important;font-size:14px!important;background:transparent!important;
  border-radius:0!important;box-shadow:none!important;
 }
 html body.editorial-site #main #vergleich .flow-switch button[aria-selected=true]{color:#102e3b!important;background:transparent!important}
 html body.editorial-site #main #vergleich .flow-switch button[aria-selected=true]::after{
  content:''!important;display:block!important;position:absolute!important;left:14px!important;right:14px!important;
  bottom:0!important;width:auto!important;height:3px!important;background:#b27a2f!important;
 }
 html body.editorial-site #main #vergleich .p-discovery{
  display:block!important;margin:26px 0 0!important;padding:0 4px!important;
 }
 html body.editorial-site #main #vergleich .p-discovery[hidden]{display:none!important}
 html body.editorial-site #main #vergleich .p-landscape{display:none!important}
 html body.editorial-site #main #vergleich .p-services{display:block!important;margin:0!important}
 html body.editorial-site #main #vergleich .p-services article{display:block!important;padding:0!important;margin:0 0 23px!important;background:transparent!important;box-shadow:none!important}
 html body.editorial-site #main #vergleich .p-services article::before{display:none!important}
 html body.editorial-site #main #vergleich .p-services h3{font-size:26px!important;line-height:1.15!important;margin:0 0 9px!important;letter-spacing:-.04em!important}
 html body.editorial-site #main #vergleich .p-services p{font-size:16px!important;line-height:1.5!important;margin:0!important;text-wrap:pretty}
 html body.editorial-site #main #vergleich .service-copy-lead{display:block!important}
 html body.editorial-site #main #vergleich .service-copy-line{display:block!important;margin-top:6px!important}
 html body.editorial-site #main #vergleich .p-services br{display:none!important}
 html body.editorial-site #main #vergleich .service-booking-note{display:block!important;margin-top:22px!important;padding:17px 18px 9px!important;background:#f6f2e9!important;border-radius:0!important}
 html body.editorial-site #main #vergleich .service-booking-note .p-separate{padding:0!important;margin:0!important;color:#536771!important;font-size:15px!important;line-height:1.5!important}
 html body.editorial-site #main #vergleich .booking-details-trigger{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;min-height:44px!important;padding:0!important;margin:5px 0 0!important;color:#102e3b!important;font-size:14px!important;line-height:1.4!important;text-align:left!important}
 html body.editorial-site #main #vergleich .p-example{margin:24px 0 0!important}
 html body.editorial-site #main #vergleich .p-example-heading{margin:0!important}
 html body.editorial-site #main #vergleich .p-example-context{padding:0 4px 18px!important;max-width:none!important;margin:0!important}
 html body.editorial-site #main #vergleich .p-example-context p{font-size:16px!important;line-height:1.5!important;max-width:none!important}
 html body.editorial-site #main #vergleich .mobile-comparison-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0 0 12px!important}
 html body.editorial-site #main #vergleich .mobile-comparison-tabs button{min-height:44px!important;padding:9px 4px!important;background:#f6f2e9!important;color:#102e3b!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important}
 html body.editorial-site #main #vergleich .mobile-comparison-tabs button[aria-selected=true]{background:#102e3b!important;color:#fff!important}
 html body.editorial-site #main #vergleich .p-options{display:block!important}
 html body.editorial-site #main #vergleich .p-options>article:not([data-mobile-hotel-active]){display:none!important}
 html body.editorial-site #main #vergleich .p-options>article[data-mobile-hotel-active]{display:block!important;grid-area:auto!important;width:100%!important;min-height:344px!important;height:auto!important;margin:0!important;padding:23px 22px!important;box-sizing:border-box!important;background-position:center!important}
 html body.editorial-site #main #vergleich .p-options>article::before{display:none!important}
 html body.editorial-site #main #vergleich .p-options>article::after{display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(8,29,39,.4),rgba(8,29,39,.94))!important}
 html body.editorial-site #main #vergleich .mobile-hotel-toggle{display:none!important}
 html body.editorial-site #main #vergleich .p-options>article>.p-option-label{display:block!important;position:relative!important;z-index:1!important;color:#f4d8aa!important;font-size:12px!important;line-height:1.4!important;letter-spacing:.03em!important;margin:0!important}
 html body.editorial-site #main #vergleich .p-options>article>h4{display:block!important;position:relative!important;z-index:1!important;color:#fff!important;font-size:34px!important;line-height:1.08!important;max-width:none!important;margin:15px 0 18px!important;letter-spacing:-.045em!important}
 html body.editorial-site #main #vergleich .p-options>article>ul{display:grid!important;position:relative!important;z-index:1!important;gap:5px!important;margin:0!important;padding:0!important}
 html body.editorial-site #main #vergleich .p-options li{font-size:16px!important;line-height:1.5!important;color:#fff!important;padding-left:0!important}
 html body.editorial-site #main #vergleich .p-options li::before{display:none!important}
 html body.editorial-site #main #vergleich .p-recommendation{position:relative!important;z-index:1!important;margin:18px 0 0!important;padding:0!important}
 html body.editorial-site #main #vergleich .p-recommendation>span{font-size:12px!important;line-height:1.4!important;letter-spacing:.02em!important;color:#f4d8aa!important}
 html body.editorial-site #main #vergleich .p-recommendation>p,
 html body.editorial-site #main #vergleich .p-options>article>p{display:block!important;position:relative!important;z-index:1!important;font-size:15px!important;line-height:1.5!important;color:#fff!important;max-width:none!important;margin:7px 0 0!important}
 html body.editorial-site #main #vergleich .p-options>article>p{margin-top:22px!important}
 html body.editorial-site #main #vergleich .mobile-comparison-tabs button:focus-visible{outline:2px solid #b27a2f!important;outline-offset:2px!important}
}

/* One continuous mobile spread, rather than a brief and footnote around loose copy. */
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px){
 html body.editorial-site #main #vergleich>.wrap{
  background:#f6f2e9!important;padding:0!important;
 }
 html body.editorial-site #main #vergleich .p-opening{
  background:transparent!important;
 }
 html body.editorial-site #main #vergleich .p-opening>p{
  padding:20px 24px 20px!important;font-size:16px!important;line-height:1.5!important;
 }
 html body.editorial-site #main #vergleich .flow-switch{
  width:calc(100% - 48px)!important;margin:0 24px!important;gap:12px!important;
  background:transparent!important;min-height:48px!important;
  border-bottom:1px solid #d9cdbb!important;
 }
 html body.editorial-site #main #vergleich .flow-switch button{
  min-height:48px!important;padding:9px 0 12px!important;font-size:14px!important;
 }
 html body.editorial-site #main #vergleich .flow-switch button[aria-selected=true]::after{
  left:0!important;right:0!important;height:3px!important;bottom:-1px!important;
 }
 html body.editorial-site #main #vergleich .p-discovery{
  margin:0!important;padding:24px 24px!important;
 }
 html body.editorial-site #main #vergleich .p-services article{
  margin:0!important;padding:0!important;
 }
 html body.editorial-site #main #vergleich .p-services article+article{
  margin-top:22px!important;padding-top:22px!important;
  border-top:1px solid #ded3c2!important;
 }
 html body.editorial-site #main #vergleich .p-services h3{
  margin:0 0 10px!important;font-size:15px!important;font-weight:700!important;
  line-height:1.4!important;letter-spacing:0!important;color:#8a5c25!important;
 }
 html body.editorial-site #main #vergleich .service-copy-lead{
  font-size:22px!important;line-height:1.32!important;letter-spacing:-.035em!important;
  color:#102e3b!important;text-wrap:pretty;
 }
 html body.editorial-site #main #vergleich .service-copy-line{
  margin-top:12px!important;font-size:16px!important;line-height:1.5!important;
  color:#435c66!important;
 }
 html body.editorial-site #main #vergleich .service-booking-note{
  margin-top:20px!important;padding:18px 0 0!important;background:transparent!important;
  border-top:1px solid #ded3c2!important;
 }
 html body.editorial-site #main #vergleich .service-booking-note .p-separate{
  font-size:14px!important;line-height:1.55!important;color:#536771!important;
 }
 html body.editorial-site #main #vergleich .booking-details-trigger{
  margin:6px 0 0!important;min-height:44px!important;font-size:14px!important;
 }
 html body.editorial-site #main #vergleich .p-example{
  margin:0!important;padding:24px!important;
 }
 html body.editorial-site #main #vergleich .p-example-context{
  padding:0 0 20px!important;
 }
 html body.editorial-site #main #vergleich .p-example-context p{
  color:#435c66!important;font-size:16px!important;line-height:1.55!important;
 }
 html body.editorial-site #main #vergleich .mobile-comparison-tabs{
  gap:8px!important;margin:0 0 14px!important;
 }
 html body.editorial-site #main #vergleich .mobile-comparison-tabs button{
  background:#e9decc!important;font-size:14px!important;font-weight:400!important;
 }
 html body.editorial-site #main #vergleich .mobile-comparison-tabs button[aria-selected=true]{
  background:#102e3b!important;color:#fff!important;
 }
}