/* Version 36.47 — Business-Carousel: Ueberschneidung in gesperrten Karten beheben
   Ziel: Sperrhinweis und Buttonbereich bei Shop & Produktanbieter sowie Lokal klar trennen. */
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-viewport{
  min-height:590px!important;
  padding:16px 0 30px!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card,
.feld12-business-mode-screen.is-focus-business-start .feld12-business-mode-card.is-locked.feld12-business-carousel-card{
  height:540px!important;
  min-height:540px!important;
  max-height:540px!important;
  padding:28px 26px 26px!important;
  display:grid!important;
  grid-template-rows:32px 76px 132px 146px 54px!important;
  row-gap:11px!important;
  overflow:hidden!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card .feld12-business-active-badge,
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card .feld12-business-locked-badge{
  grid-row:1!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card h3{
  grid-row:2!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  overflow:visible!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card > p:not(.feld12-business-locked-note){
  grid-row:3!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  overflow:hidden!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card.is-locked p.feld12-business-locked-note,
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card:not(.is-locked)::after{
  grid-row:4!important;
  box-sizing:border-box!important;
  height:146px!important;
  min-height:146px!important;
  max-height:146px!important;
  margin:0!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card.is-locked p.feld12-business-locked-note{
  padding:16px 16px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  line-height:1.42!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card .feld12-button{
  grid-row:5!important;
  align-self:end!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
}
@media(max-width:760px){
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-viewport{
    min-height:620px!important;
    padding:12px 0 28px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card,
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-mode-card.is-locked.feld12-business-carousel-card{
    height:574px!important;
    min-height:574px!important;
    max-height:574px!important;
    padding:24px 21px 24px!important;
    grid-template-rows:30px 74px 142px 168px 52px!important;
    row-gap:10px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card h3{
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card > p:not(.feld12-business-locked-note){
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card.is-locked p.feld12-business-locked-note,
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card:not(.is-locked)::after{
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card .feld12-button{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
  }
}
@media(max-width:420px){
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-viewport{
    min-height:670px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card,
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-mode-card.is-locked.feld12-business-carousel-card{
    height:624px!important;
    min-height:624px!important;
    max-height:624px!important;
    grid-template-rows:30px 78px 156px 194px 52px!important;
    row-gap:10px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card h3{
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card > p:not(.feld12-business-locked-note){
    height:156px!important;
    min-height:156px!important;
    max-height:156px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card.is-locked p.feld12-business-locked-note,
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card:not(.is-locked)::after{
    height:194px!important;
    min-height:194px!important;
    max-height:194px!important;
  }
}

/* V36.57 — Mobile-Startbutton Premium/Dienstleister zuverlässig antippbar halten. */
.feld12-business-mode-screen.is-focus-business-start [data-business-mode]{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:9!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-carousel-card:not(.is-locked)::after{
  pointer-events:none!important;
}

/* V37.10 — Business-Auswahl: Dienstleister als klarer Hauptweg, Shop/Lokal als sekundäre Zukunftsbereiche.
   Keine Carousel-Pflicht mehr fuer gesperrte Modi. Dadurch bremsen Zukunftsbereiche den Launch-Start nicht. */
.feld12-business-mode-screen.is-focus-business-start .feld12-business-launch-choice-v3710{
  width:min(100%,980px)!important;
  margin:30px auto 0!important;
  display:grid!important;
  gap:22px!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-main-choice-v3710{
  display:flex!important;
  justify-content:center!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710{
  width:min(100%,620px)!important;
  min-height:0!important;
  height:auto!important;
  padding:30px 30px 28px!important;
  border-color:rgba(241,215,151,.56)!important;
  box-shadow:0 28px 76px rgba(0,0,0,.34),0 0 0 1px rgba(214,177,106,.13),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710 h3{
  margin:14px 0 12px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710 > p{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710 .feld12-button{
  margin-top:22px!important;
  height:auto!important;
  min-height:54px!important;
  max-height:none!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-future-wrap-v3710{
  width:min(100%,760px)!important;
  margin:0 auto!important;
  padding:18px 18px 20px!important;
  border:1px solid rgba(241,215,151,.12)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.035)!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-future-heading-v3710{
  margin:0 0 13px!important;
  color:rgba(247,239,224,.74)!important;
  font-size:14px!important;
  line-height:1.45!important;
  text-align:center!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-future-grid-v3710{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710{
  padding:17px 16px!important;
  border:1px solid rgba(241,215,151,.14)!important;
  border-radius:20px!important;
  background:rgba(10,13,18,.35)!important;
  opacity:.78!important;
  box-shadow:none!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710 span{
  display:inline-flex!important;
  width:fit-content!important;
  margin-bottom:8px!important;
  border:1px solid rgba(241,215,151,.22)!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  color:rgba(246,220,164,.82)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710 h3{
  margin:0 0 7px!important;
  color:rgba(255,248,236,.86)!important;
  font-size:17px!important;
  line-height:1.2!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710 p{
  margin:0 0 12px!important;
  color:rgba(247,239,224,.68)!important;
  font-size:13px!important;
  line-height:1.42!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710 .feld12-button{
  width:100%!important;
  min-height:42px!important;
  padding:10px 12px!important;
  font-size:13px!important;
  opacity:.76!important;
  cursor:not-allowed!important;
}
@media(max-width:760px){
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-launch-choice-v3710{
    gap:18px!important;
    margin-top:24px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710{
    width:100%!important;
    padding:26px 22px 24px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-future-grid-v3710{
    grid-template-columns:1fr!important;
  }
}


/* V37.22 — Mobile Business-Auswahl: Dienstleister startet zuerst, Zukunftsbereiche bleiben sekundär. */
.feld12-business-mode-screen.is-focus-business-start .feld12-business-mobile-priority-head-v3722{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-main-hint-v3722{
  margin:12px 0 0!important;
  color:rgba(247,239,224,.68)!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:center!important;
}
.feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710 .feld12-button{
  width:100%!important;
}
@media(max-width:760px){
  .feld12-business-mode-screen.is-focus-business-start{
    padding-top:22px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-start-top{
    margin-bottom:10px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-mobile-priority-head-v3722{
    margin-bottom:12px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-mobile-priority-head-v3722 h2{
    font-size:clamp(31px,8.4vw,40px)!important;
    line-height:1.04!important;
    margin-bottom:12px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-mobile-priority-head-v3722 .feld12-lead{
    font-size:16px!important;
    line-height:1.48!important;
    margin-bottom:12px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-premium-focus-copy-v3443{
    margin:12px auto 0!important;
    padding:13px 14px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-premium-focus-copy-v3443 p{
    margin:0!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-premium-focus-copy-v3443 p + p{
    margin-top:6px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-mode-transition{
    margin:10px auto 0!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-launch-choice-v3710{
    margin-top:14px!important;
    gap:14px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710{
    padding:22px 20px 20px!important;
    border-radius:24px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710 h3{
    margin:10px 0 8px!important;
    font-size:28px!important;
    line-height:1.1!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710 > p:not(.feld12-business-main-hint-v3722){
    font-size:15px!important;
    line-height:1.48!important;
    margin-bottom:0!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-primary-card-v3710 .feld12-button{
    margin-top:16px!important;
    min-height:52px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-future-wrap-v3710{
    padding:14px 14px 16px!important;
    border-radius:20px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-future-heading-v3710{
    margin-bottom:10px!important;
    font-size:12px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710{
    padding:13px 14px!important;
    border-radius:17px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710 h3{
    font-size:15px!important;
    margin-bottom:6px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710 p{
    font-size:12px!important;
    line-height:1.38!important;
    margin-bottom:9px!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-future-card-v3710 .feld12-button{
    min-height:38px!important;
    font-size:12px!important;
  }
}
