/* Desktop: one photographic composition, with all copy anchored inside it. */
@media(min-width:1025px){
 html body.editorial-site #main section#vergleich.p-selection{height:auto!important;min-height:0!important;max-height:none!important}
 html body.editorial-site #main section#vergleich.p-selection>.wrap{
  position:relative!important;isolation:isolate!important;display:block!important;
  height:clamp(680px,78vh,820px)!important;overflow:hidden!important;border-radius:12px!important;
  background:transparent!important;
 }
 html body.editorial-site #main section#vergleich.p-selection>.wrap::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:#102e3b;border-radius:12px;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening{
  position:absolute!important;z-index:3;left:clamp(32px,3.5vw,56px)!important;top:50%!important;
  width:34%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  box-sizing:border-box!important;background:transparent!important;border:0!important;
  transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;gap:0!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening .eyebrow{display:none!important}
 html body.editorial-site #main section#vergleich.p-selection .p-opening>div:first-child{display:block!important}
 html body.editorial-site #main section#vergleich.p-selection .p-opening h2{
  max-width:none!important;margin:0!important;font-weight:400!important;line-height:1.1!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening h2>br{display:none!important}
 html body.editorial-site #main section#vergleich.p-selection .selection-title-quiet{
  display:block!important;max-width:9ch!important;margin:0!important;color:#fff!important;
  font-size:clamp(46px,4.3vw,64px)!important;line-height:1.03!important;letter-spacing:-.05em!important;
  font-weight:400!important;text-wrap:balance!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .selection-title-result{
  display:block!important;max-width:20ch!important;margin:18px 0 0!important;color:#d6e5e6!important;
  font-size:clamp(24px,1.9vw,29px)!important;line-height:1.25!important;letter-spacing:-.025em!important;
  font-weight:400!important;text-wrap:pretty!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening>p{
  width:100%!important;max-width:35ch!important;margin:24px 0 0!important;padding:0!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening .selection-copy-shared .selection-explanation{
  display:block!important;max-width:none!important;color:#e1ecec!important;
  font-size:16px!important;line-height:1.7!important;text-wrap:pretty!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch{
  display:flex!important;width:100%!important;max-width:none!important;margin:30px 0 0!important;
  padding:0!important;gap:18px!important;background:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button{
  flex:1!important;min-width:0!important;min-height:48px!important;position:relative!important;
  padding:10px 0 14px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;color:#bdd1d3!important;font:500 14px/1.35 Manrope,Arial,sans-serif!important;
  letter-spacing:0!important;white-space:normal!important;text-align:left!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button[aria-selected=true]{color:#fff!important;background:none!important;box-shadow:none!important}
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button::after{
  content:''!important;display:block!important;position:absolute;inset:auto 0 0;height:2px;
  background:#dfb367!important;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button[aria-selected=true]::after{transform:scaleX(1)}
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button:focus-visible{outline:2px solid #dfb367!important;outline-offset:5px!important}
 html body.editorial-site #main section#vergleich.p-selection .p-discovery{
  position:absolute!important;z-index:1;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;transform:none!important;opacity:1!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-discovery:not(.flow-active){display:none!important}
 html body.editorial-site #main section#vergleich.p-selection .p-discovery.flow-active{display:block!important}
 html body.editorial-site #main section#vergleich.p-selection .p-landscape{
  position:absolute!important;z-index:1;inset:0!important;width:100%!important;height:100%!important;
  max-height:none!important;margin:0!important;border-radius:12px!important;box-shadow:none!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-landscape img{
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  object-fit:cover!important;object-position:50% 40%!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-landscape::after{
  content:''!important;position:absolute;inset:0;background:linear-gradient(90deg,#102e3bf5 0%,#102e3be8 29%,#102e3b73 51%,#102e3b12 75%)!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-services{
  position:absolute!important;z-index:4;top:50%!important;right:32px!important;left:auto!important;
  width:min(33%,390px)!important;padding:28px 32px!important;box-sizing:border-box!important;
  height:auto!important;min-height:0!important;margin:0!important;gap:24px!important;
  background:#fff!important;border-radius:10px!important;transform:translateY(-50%)!important;
  box-shadow:0 20px 50px #051d2a30!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-example{
  position:absolute!important;z-index:4;inset:32px 32px 32px 44%!important;width:auto!important;height:auto!important;
  padding:0!important;margin:0!important;background:transparent!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-example:not(.flow-active){display:none!important}
 html body.editorial-site #main section#vergleich.p-selection .p-example-heading{
  margin:0 0 18px!important;padding:0!important;display:block!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-example-context p{
  color:#e0ebeb!important;font-size:15px!important;line-height:1.6!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-options{
  min-height:0!important;height:100%!important;gap:12px!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-options article{padding:24px!important;min-height:0!important}
 html body.editorial-site #main section#vergleich.p-selection .p-options h4{font-size:30px!important;line-height:1.1!important;margin:16px 0!important}
 html body.editorial-site #main section#vergleich.p-selection .p-options li{font-size:15px!important;line-height:1.6!important}
 html body.editorial-site #main section#vergleich.p-selection .p-options .p-option-label{font-size:11px!important;line-height:1.4!important}
 html body.editorial-site #main section#vergleich.p-selection .p-recommendation{margin-top:20px!important;padding-top:16px!important}
 html body.editorial-site #main section#vergleich.p-selection .p-options>article:not(.p-chosen){padding:20px!important;justify-content:center!important}
 html body.editorial-site #main section#vergleich.p-selection .p-options>article:not(.p-chosen) h4{font-size:26px!important;margin:12px 0!important}
 html body.editorial-site #main section#vergleich.p-selection .p-options>article:not(.p-chosen) li{font-size:14px!important;line-height:1.5!important}
 html body.editorial-site #main section#vergleich.p-selection .p-options>article:not(.p-chosen)>p{font-size:14px!important;line-height:1.5!important;margin-top:12px!important}
 /* Keep the accepted desktop closing position. */
 html body.editorial-site #main #start .band-end :is(p,.story-line){text-wrap:balance!important}
 html body.editorial-site #main #start .stage{--desktop-settle-shift:clamp(48px,7vw,132px)}
 html body.editorial-site #main #start .scene{translate:calc(var(--settle,0) * var(--desktop-settle-shift)) 0}
 html body.editorial-site #main #start .band-end{width:calc(33% - var(--desktop-settle-shift))!important;right:auto!important;translate:calc(var(--settle,0) * var(--desktop-settle-shift)) 0}
 /* One entrance, then no ambient drift. */
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection]>.wrap::before{opacity:1;transition:opacity .9s ease}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection=pending]>.wrap::before{opacity:0}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection] .p-landscape{opacity:1!important;clip-path:inset(0 round 12px)!important;transform:none!important;transition:opacity 1s ease .08s,clip-path 1.25s cubic-bezier(.22,.7,.25,1) .08s!important}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection=pending] .p-landscape{opacity:0!important;clip-path:inset(0 0 18% 0 round 12px)!important}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection] .p-landscape img{transform:scale(1)!important;animation:none!important;transition:transform 1.45s cubic-bezier(.22,.7,.25,1) .08s!important}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection=pending] .p-landscape img{transform:scale(1.045)!important}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection] .p-services{opacity:1!important;translate:0 0;transition:opacity .9s ease .3s,translate 1s cubic-bezier(.22,.7,.25,1) .3s!important}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection=pending] .p-services{opacity:0!important;translate:18px 0}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection] .p-services article{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection] .p-opening>div:first-child,
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection] .p-opening>p,
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection] .flow-switch{opacity:1!important;transform:none!important;transition:opacity .9s ease .2s!important}
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection=pending] .p-opening>div:first-child,
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection=pending] .p-opening>p,
 html body.editorial-site #main section#vergleich.p-selection[data-desktop-selection=pending] .flow-switch{opacity:0!important}
}

/* Open three-part composition: no enclosing section panel. */
@media(min-width:1025px){
 html body.editorial-site #main section#vergleich.p-selection>.wrap{
  display:grid!important;grid-template-columns:minmax(300px,3fr) minmax(0,7fr)!important;
  grid-template-rows:1fr!important;gap:40px!important;height:clamp(620px,68vh,720px)!important;
  overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 }
 html body.editorial-site #main section#vergleich.p-selection>.wrap::before{content:none!important;display:none!important}
 html body.editorial-site #main section#vergleich.p-selection .p-opening{
  position:relative!important;left:auto!important;top:auto!important;transform:none!important;
  grid-column:1!important;grid-row:1!important;align-self:center!important;width:100%!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .selection-title-quiet{
  color:#102e3b!important;font-size:clamp(48px,4.4vw,66px)!important;max-width:9ch!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .selection-title-result{
  color:#527880!important;font-size:clamp(25px,2vw,29px)!important;max-width:18ch!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-opening>p{max-width:31ch!important}
 html body.editorial-site #main section#vergleich.p-selection .p-opening .selection-copy-shared .selection-explanation{color:#526a72!important;font-size:17px!important;line-height:1.65!important}
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button{color:#62747b!important;text-align:left!important}
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button[aria-selected=true]{color:#102e3b!important}
 html body.editorial-site #main section#vergleich.p-selection .p-opening .flow-switch button::after{background:#427b83!important}
 html body.editorial-site #main section#vergleich.p-selection .p-discovery{
  position:relative!important;z-index:1;grid-column:2!important;grid-row:1!important;
  inset:auto!important;width:100%!important;height:100%!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-landscape{
  inset:0 15% 0 0!important;width:auto!important;height:100%!important;
  border-radius:50% 50% 10px 10px / 35% 35% 10px 10px!important;background:transparent!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-landscape::after{content:none!important;display:none!important}
 html body.editorial-site #main section#vergleich.p-selection .p-landscape img{object-position:50% 43%!important}
 html body.editorial-site #main section#vergleich.p-selection .p-services{
  right:0!important;width:min(43%,390px)!important;padding:28px 30px!important;
  box-shadow:0 16px 44px #102e3b12!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-example{
  position:relative!important;grid-column:2!important;grid-row:1!important;inset:auto!important;
  width:100%!important;height:100%!important;background:transparent!important;
 }
 html body.editorial-site #main section#vergleich.p-selection .p-example.flow-active{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important}
 html body.editorial-site #main section#vergleich.p-selection .p-example-context p{color:#526a72!important}
}
@media(min-width:1025px) and (max-width:1200px){
 html body.editorial-site #main section#vergleich.p-selection>.wrap{gap:30px!important}
 html body.editorial-site #main section#vergleich.p-selection .p-services{padding:24px 22px!important;width:46%!important;gap:20px!important}
 html body.editorial-site #main section#vergleich.p-selection .p-services p{font-size:15px!important;line-height:1.6!important}
}