/* Kompakte Auswahl: alle drei Bereiche innerhalb einer Bildschirmhöhe */
.price-paths{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:center;min-height:min(75svh, 42rem);padding:clamp(3.788rem,8vh,4.8rem) max(4vw,1rem) clamp(2rem,5vh,3.45rem)!important;overflow:clip}
.price-paths>header{display:grid!important;grid-template-columns:auto minmax(0,1.25fr) minmax(15rem,.55fr);gap:clamp(1.25rem,3vw,2.675rem);align-items:end;width:min(100%,92rem);max-width:none!important;margin:0 auto clamp(1.5rem,3vh,2.225rem)!important;text-align:left!important}
.price-paths>header .eyebrow{margin:0 0 .25rem!important;align-self:start;white-space:nowrap}
.price-paths>header h2{font-size:clamp(1.87rem,2.805vw,2.99rem);line-height:1.15}
.price-paths>header>p:last-child{font-size:.76rem;line-height:1.55}
.price-paths__list{align-self:stretch;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(.65rem,1.2vw,1.1rem)!important;height:min(56svh,34rem);border:0!important}
.price-path{min-height:0!important;height:100%;overflow:hidden;border-radius:1.25rem!important}
.price-path>button{justify-content:flex-end;min-height:0!important;height:100%;padding:clamp(1.25rem,2vw,2rem)!important;background-position:center!important;background-size:cover!important}
.price-path:nth-child(1)>button{background-image:linear-gradient(180deg,rgba(5,5,5,.08) 20%,rgba(5,4,3,.38) 55%,rgba(5,4,3,.98) 100%),url('./assets/service-website-ai.png')!important}
.price-path:nth-child(2)>button{background-image:linear-gradient(180deg,rgba(5,5,5,.06) 20%,rgba(5,4,3,.34) 52%,rgba(5,4,3,.98) 100%),url('./assets/creative-fpv-hero.png')!important}
.price-path:nth-child(3)>button{background-image:linear-gradient(180deg,rgba(5,5,5,.06) 20%,rgba(5,4,3,.38) 54%,rgba(5,4,3,.98) 100%),url('./assets/service-social-ai.png')!important}
.price-path>button:before{background:linear-gradient(135deg,rgba(222,185,108,.08),transparent 42%,rgba(0,0,0,.18))!important}
.price-path>button>span{position:absolute;top:1.35rem;left:1.35rem;width:2.7rem;height:2.7rem}
.price-path>button strong{margin:auto 0 .65rem!important;font-size:clamp(1.65rem,1.815vw,2.25rem)!important;line-height:.88}
.price-path:nth-child(2)>button strong{font-size:clamp(1.51rem,1.513vw,2.03rem)!important}
.price-path>button small{padding-right:3.5rem;font-size:.7rem;line-height:1.45}
.price-path>button i{right:1.35rem;bottom:1.35rem;width:2.75rem}

/* Geöffnete Kategorie: Bild und Auswahl nebeneinander, ohne internes Scrollen */
.price-paths__list.has-active-path .price-path.is-open{display:grid;grid-template-columns:minmax(20rem,.82fr) minmax(28rem,1.18fr);inset:.65rem;max-height:none;height:calc(100dvh - 1.3rem);overflow:hidden!important}
.price-paths__list.has-active-path .price-path.is-open>button{min-height:0!important;height:100%;padding:clamp(2rem,4vw,3.45rem)!important}
.price-paths__list.has-active-path .price-path.is-open>button strong{font-size:clamp(2.11rem,3.575vw,3.25rem)!important}
.price-paths__list.has-active-path .price-path.is-open:nth-child(2)>button strong{font-size:clamp(1.95rem,3.025vw,3.15rem)!important}
.price-paths__list.has-active-path .price-path__options{align-self:center;width:calc(100% - clamp(2rem,5vw,5rem));max-height:none!important;margin:0 clamp(1rem,2.5vw,2.225rem)!important;border-radius:1rem}
.price-paths__list.has-active-path .price-path__options>a,.price-paths__list.has-active-path .price-path__options>button,.price-paths__list.has-active-path .website-model-choice>a,.price-paths__list.has-active-path .website-model-choice>button{min-height:clamp(4.35rem,8.2vh,5.6rem)!important;padding:.65rem clamp(.8rem,2vw,1.5rem)!important}
.price-paths__list.has-active-path .price-path__options strong{font-size:clamp(1rem,0.797vw,1.29rem)}
.price-paths__list.has-active-path .price-path__options small{font-size:clamp(.58rem,.8vw,.7rem)}
.price-paths__list.has-active-path .website-choice-step{padding:.6rem 1rem;margin:0;font-size:.55rem}

@media(max-width:900px){.price-paths>header{grid-template-columns:1fr auto}.price-paths>header h2{grid-column:1/-1}.price-paths>header>p:last-child{grid-column:1/-1}.price-paths__list.has-active-path .price-path.is-open{grid-template-columns:minmax(15rem,.72fr) minmax(24rem,1.28fr)}}
@media(max-width:760px){.price-paths{display:flex;flex-direction:column;min-height:min(75svh, 42rem);padding-top:4.013rem!important}.price-paths>header{display:block!important;margin-bottom:1rem!important}.price-paths>header .eyebrow{margin-bottom:.55rem!important}.price-paths>header h2{font-size:clamp(1.73rem,6.05vw,2.11rem)}.price-paths>header>p:last-child{margin-top:.75rem!important;font-size:.68rem}.price-paths__list{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,1fr);gap:.45rem!important;width:100%;height:min(62svh,34rem)}.price-path{width:100%!important;height:100%;margin:0!important;border-radius:.85rem!important}.price-path>button{display:grid;grid-template-columns:2.4rem 1fr 2.4rem;align-items:end;height:100%;padding:.8rem!important}.price-path>button>span{position:static;width:2.15rem;height:2.15rem;align-self:start}.price-path>button strong,.price-path:nth-child(2)>button strong{align-self:end;margin:0!important;font-size:clamp(1.35rem,3.85vw,1.67rem)!important}.price-path>button small{display:none}.price-path>button i{position:static;align-self:end;width:2.25rem}.price-paths__list.has-active-path .price-path.is-open{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(9rem,34vh) 1fr;inset:.3rem;height:calc(100dvh - .6rem);overflow:hidden!important}.price-paths__list.has-active-path .price-path.is-open>button{height:100%;padding:1rem!important}.price-paths__list.has-active-path .price-path.is-open>button strong,.price-paths__list.has-active-path .price-path.is-open:nth-child(2)>button strong{font-size:clamp(1.67rem,6.05vw,2.35rem)!important}.price-paths__list.has-active-path .price-path__options{align-self:start;width:calc(100% - .8rem);margin:.4rem!important}.price-paths__list.has-active-path .price-path__options>a,.price-paths__list.has-active-path .price-path__options>button,.price-paths__list.has-active-path .website-model-choice>a,.price-paths__list.has-active-path .website-model-choice>button{min-height:clamp(3.7rem,8.2vh,4.7rem)!important}.price-paths__list.has-active-path .price-path__options small{display:none}}
@media(max-height:720px) and (min-width:761px){.price-paths{padding-top:3.337rem!important}.price-paths>header{margin-bottom:1rem!important}.price-paths>header h2{font-size:clamp(1.75rem,2.475vw,2.55rem)}.price-paths__list{height:56svh}.price-paths__list.has-active-path .price-path.is-open>button strong{font-size:clamp(1.95rem,3.3vw,2.95rem)!important}}

/* Großzügige geöffnete Auswahl */
@media(min-width:761px){.price-paths__list.has-active-path .price-path.is-open{grid-template-columns:minmax(25rem,.9fr) minmax(34rem,1.1fr);gap:0;background:#090705}.price-paths__list.has-active-path .price-path.is-open>button{border-right:1px solid rgba(240,212,145,.22)}.price-paths__list.has-active-path .price-path.is-open>button strong{max-width:10ch!important;font-size:clamp(2.59rem,4.18vw,3.25rem)!important}.price-paths__list.has-active-path .price-path.is-open:nth-child(2)>button strong{font-size:clamp(2.27rem,3.41vw,3.25rem)!important}.price-paths__list.has-active-path .price-path.is-open>button small{max-width:30rem;font-size:clamp(.9rem,1.2vw,1.12rem);line-height:1.6}.price-paths__list.has-active-path .price-path__options{display:grid;gap:.75rem;align-content:center;width:auto;margin:0!important;padding:clamp(2rem,4vw,3.45rem)!important;border:0;background:radial-gradient(circle at 90% 10%,rgba(212,175,103,.13),transparent 34%)}.price-paths__list.has-active-path .price-path__options>a,.price-paths__list.has-active-path .price-path__options>button,.price-paths__list.has-active-path .website-model-choice>a,.price-paths__list.has-active-path .website-model-choice>button{grid-template-columns:3.4rem 1fr 2.3rem;min-height:clamp(6rem,11vh,8rem)!important;padding:1.1rem 1.35rem!important;border:1px solid rgba(240,212,145,.2)!important;border-radius:1rem;background:rgba(255,255,255,.035);transition:transform .3s,border-color .3s,background .3s}.price-paths__list.has-active-path .price-path__options>a:hover,.price-paths__list.has-active-path .price-path__options>button:hover,.price-paths__list.has-active-path .website-model-choice>a:hover,.price-paths__list.has-active-path .website-model-choice>button:hover{padding-left:1.35rem!important;border-color:#d4af67!important;background:rgba(212,175,103,.12);transform:translateX(.35rem)}.price-paths__list.has-active-path .price-path__options b{font-size:.76rem}.price-paths__list.has-active-path .price-path__options strong{font-size:clamp(1.29rem,1.1vw,1.55rem);letter-spacing:-.035em}.price-paths__list.has-active-path .price-path__options small{font-size:clamp(.68rem,.9vw,.82rem);line-height:1.45}.price-paths__list.has-active-path .price-path__options i{display:grid;place-items:center;width:2.25rem;aspect-ratio:1;border:1px solid rgba(240,212,145,.35);border-radius:50%;font-size:1.15rem}.price-paths__list.has-active-path .website-model-choice{display:none;grid-template-columns:1fr 1fr;gap:.75rem}.price-paths__list.has-active-path .website-model-choice.is-visible{display:grid}.price-paths__list.has-active-path .website-model-choice .website-choice-step{grid-column:1/-1}.price-paths__list.has-active-path .website-choice-step{padding:.35rem .15rem;color:#d8ba72;font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}}

/* Angebotspräsentationen größer und leichter erfassbar */
.price-detail-panel{padding:clamp(4.35rem,9vw,6rem) max(2.5vw,1rem)!important}.price-detail-panel .hosting-packages__header{width:min(100%,104rem);margin-inline:auto}.price-detail-panel .hosting-packages__header h2{font-size:clamp(2.15rem,3.41vw,3.25rem);line-height:1.15}.price-detail-panel .hosting-packages__header>p:last-child{max-width:54rem;font-size:clamp(.88rem,1.15vw,1.08rem);line-height:1.7}.price-detail-panel .hosting-packages__scope,.price-detail-panel .hosting-common,.price-detail-panel .hosting-packages__grid,.price-detail-panel .hosting-packages__note{width:min(100%,104rem)}.price-detail-panel .hosting-packages__grid{gap:clamp(1rem,1.8vw,1.8rem)}.price-detail-panel .hosting-package{border-radius:1.35rem;box-shadow:0 1.7rem 4.5rem rgba(20,28,24,.12)}.price-detail-panel .hosting-package>header{min-height:24rem;padding:clamp(1.5rem,2.6vw,2.5rem)}.price-detail-panel .hosting-package h3{font-size:clamp(1.87rem,2.2vw,2.55rem)}.price-detail-panel .hosting-package>header>p{font-size:clamp(.75rem,.9vw,.88rem);line-height:1.6}.price-detail-panel .hosting-package>header div strong{font-size:clamp(1.55rem,1.65vw,2.11rem)}.price-detail-panel .hosting-package th{padding:1.15rem 1.35rem}.price-detail-panel .hosting-package th strong{font-size:clamp(.75rem,.92vw,.9rem)}.price-detail-panel .hosting-package th small{margin-top:.35rem;font-size:clamp(.62rem,.72vw,.7rem);line-height:1.5}.price-detail-panel .hosting-package td{width:4rem}.price-detail-panel .hosting-package>a{min-height:4.3rem;padding:1.1rem 1.35rem;font-size:.76rem}.price-detail-panel .hosting-common{padding:clamp(2rem,4vw,3.45rem)}.price-detail-panel .hosting-common h2{font-size:clamp(1.87rem,2.64vw,2.83rem)}
@media(max-width:760px){.price-paths__list.has-active-path .price-path.is-open{grid-template-rows:minmax(10rem,29vh) 1fr}.price-paths__list.has-active-path .price-path.is-open>button strong,.price-paths__list.has-active-path .price-path.is-open:nth-child(2)>button strong{font-size:clamp(1.81rem,6.6vw,2.43rem)!important}.price-paths__list.has-active-path .price-path__options{display:grid;gap:.4rem;padding:.5rem!important}.price-paths__list.has-active-path .price-path__options>a,.price-paths__list.has-active-path .price-path__options>button,.price-paths__list.has-active-path .website-model-choice>a,.price-paths__list.has-active-path .website-model-choice>button{min-height:clamp(4.15rem,9vh,5rem)!important;border:1px solid rgba(240,212,145,.18)!important;border-radius:.75rem}.price-paths__list.has-active-path .price-path__options strong{font-size:clamp(1.05rem,2.75vw,1.29rem)}.price-paths__list.has-active-path .website-model-choice.is-visible{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.price-paths__list.has-active-path .website-model-choice .website-choice-step{grid-column:1/-1}.price-detail-panel{padding:3.9rem .7rem!important}.price-detail-panel .hosting-packages__header h2{font-size:clamp(1.95rem,7.15vw,2.55rem)}.price-detail-panel .hosting-package>header{min-height:20rem;padding:1.5rem}.price-detail-panel .hosting-package h3{font-size:clamp(1.87rem,7.15vw,2.35rem)}.price-detail-panel .hosting-package th{padding:1rem}.price-detail-panel .hosting-package th strong{font-size:.82rem}.price-detail-panel .hosting-package th small{font-size:.66rem}}

/* Kein Inhalt darf im Vollbild abgeschnitten werden */
.price-paths__list.has-active-path .price-path.is-open{overflow:hidden!important}.price-paths__list.has-active-path .price-path.is-open .price-path__options{max-height:calc(100dvh - 1.3rem)!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4af67 rgba(255,255,255,.05)}
.price-paths__list.has-active-path .price-path.is-open .price-path__options::-webkit-scrollbar{width:.4rem}.price-paths__list.has-active-path .price-path.is-open .price-path__options::-webkit-scrollbar-thumb{border-radius:99px;background:#d4af67}
@media(min-width:761px){.price-paths__list.has-active-path .price-path:first-child .price-path__options{grid-template-columns:repeat(2,minmax(0,1fr))}.price-paths__list.has-active-path .price-path:first-child .price-path__options>.website-choice-step,.price-paths__list.has-active-path .price-path:first-child .website-model-choice{grid-column:1/-1}.price-paths__list.has-active-path .price-path:first-child .website-model-choice.is-visible{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.price-paths__list.has-active-path .price-path:first-child .price-path__options>button{min-height:clamp(6.2rem,13vh,8rem)!important}}
@media(max-width:760px){.price-paths__list.has-active-path .price-path.is-open .price-path__options{max-height:100%!important;min-height:0}.price-paths__list.has-active-path .price-path:first-child .price-path__options{grid-template-columns:repeat(2,minmax(0,1fr))}.price-paths__list.has-active-path .price-path:first-child .price-path__options>.website-choice-step,.price-paths__list.has-active-path .price-path:first-child .website-model-choice{grid-column:1/-1}.price-paths__list.has-active-path .price-path:first-child .price-path__options>button{grid-template-columns:1.8rem 1fr 1.3rem;padding:.55rem!important}.price-paths__list.has-active-path .price-path:first-child .price-path__options strong{font-size:clamp(.85rem,4vw,1.15rem)}.price-paths__list.has-active-path .price-path:first-child .website-model-choice button{grid-template-columns:1.8rem 1fr 1.3rem;padding:.55rem!important}}
@media(max-height:700px) and (min-width:761px){.price-paths__list.has-active-path .price-path.is-open>button strong{font-size:clamp(2.15rem,3.3vw,3.07rem)!important}.price-paths__list.has-active-path .price-path.is-open .price-path__options{padding:1.25rem!important}.price-paths__list.has-active-path .price-path__options>a,.price-paths__list.has-active-path .price-path__options>button,.price-paths__list.has-active-path .website-model-choice>a,.price-paths__list.has-active-path .website-model-choice>button{min-height:5.25rem!important}}

/* Keep website offers side by side, including narrower preview windows. */
:is(#website-tuning-pakete, #website-kaufen-pakete, #mietwebsite-pakete) .hosting-packages__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
@media (max-width: 760px) {
  :is(#website-tuning-pakete, #website-kaufen-pakete, #mietwebsite-pakete) .hosting-packages__grid {
    grid-template-columns: repeat(3, minmax(18rem, 85vw));
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-block: 1rem;
  }
  :is(#website-tuning-pakete, #website-kaufen-pakete, #mietwebsite-pakete) .hosting-package {
    scroll-snap-align: start;
    min-width: 0;
  }
}

/* Fullscreen category selection must use the viewport, not a 3D card container. */
body.price-focus-active .price-paths {
  overflow: visible;
  isolation: auto;
}
.price-paths__list.has-active-path {
  perspective: none;
  transform: none;
}
.price-paths__list.has-active-path .price-path.is-open {
  box-sizing: border-box;
  width: auto !important;
  max-width: none;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}
.price-paths__list.has-active-path .price-path.is-open > button,
.price-paths__list.has-active-path .price-path__options,
.price-paths__list.has-active-path .price-path__options span {
  min-width: 0;
}
.price-paths__list.has-active-path .price-path.is-open > button strong {
  overflow-wrap: anywhere;
  font-size: clamp(1.71rem, 3.025vw, 3.15rem) !important;
}
.price-paths__list.has-active-path .price-path__options > button,
.price-paths__list.has-active-path .price-path__options > a,
.price-paths__list.has-active-path .website-model-choice > button,
.price-paths__list.has-active-path .website-model-choice > a {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .65rem;
  overflow-wrap: anywhere;
}
@media (max-width: 1100px) {
  .price-paths__list.has-active-path .price-path.is-open {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(9rem, 28dvh) minmax(0, 1fr);
  }
  .price-paths__list.has-active-path .price-path.is-open > button {
    border-right: 0;
    padding: 1.5rem !important;
  }
  .price-paths__list.has-active-path .price-path.is-open .price-path__options {
    align-self: stretch;
    max-height: 100% !important;
    padding: 1rem !important;
  }
}