:root{
  --brand:#0d6efd;
  --bg-grad: radial-gradient(80rem 40rem at 10% -20%, rgba(13,110,253,.18), transparent 60%),
             radial-gradient(60rem 30rem at 90% -10%, rgba(32,201,151,.12), transparent 60%);
}
html{scroll-behavior:smooth}
.py-6{padding-block:6rem}

/* HERO mit Bild */
.hero{
  padding-top:6.5rem;
  position:relative;
}
.hero-bg{
  position:absolute; inset:0;
  background:url("../img/collabo-hosting-title.jpg") center/cover no-repeat fixed;
  transform:translateZ(0);
}
.hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.35)),
             var(--bg-grad);
}
.hero .hero-wave path{fill:var(--bs-body-bg)}
.hero .hero-wave{position:absolute;bottom:-10px;left:0;width:100%;min-width:700px;height:100px}

.opacity-85{opacity:.85}

.glass{
  background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(10px);
  border:1px solid rgba(0,0,0,.05);
  border-radius:1rem
}
.gradient-text-light{
  background:linear-gradient(90deg,#fff,#b9d3ff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}

.feature-card{border:1px solid rgba(0,0,0,.05);border-radius:.75rem;background:var(--bs-body-bg)}
.cta{border:1px dashed rgba(0,0,0,.12);border-radius:1rem}
.card .price{white-space:nowrap}
.navbar .btn{--bs-btn-padding-y:.3rem;--bs-btn-padding-x:.6rem}

#appointly {
	position: fixed;
	bottom: 100px;
	right: 30px;
}