/* ===== Retanol – schlanke Welcome-CSS ===== */

/* 0) Links-Watermark sicher ausblenden, rechts dürfen wir nutzen */
.welcome .welcome-watermark .watermark.leftwatermark { display: none !important; }

/* 1) Header: eigenes Hintergrundbild */
.welcome .header{
  position: relative; /* nötig für ::after / ::before Layer */
  background: url("/images/bg.webp") center center / cover no-repeat !important;
}

/* 2) Firmenlogo oben rechts (unabhängig vom Jitsi-Watermark) */
.welcome .header::after{
  content:"";
  position:absolute;
  top:16px; right:16px;
  width:160px; height:60px;              /* bei Bedarf anpassen */
  background:url("../images/retanol-logo.svg") center / contain no-repeat;
  opacity:.98;
  z-index:3;
  pointer-events:none;
}
@media (max-width: 600px){
  .welcome .header::after{ width:120px; height:46px; top:12px; right:12px; }
}

/* 3) Titel „Retanol® Academy“ statt „Jitsi Meet“ */
.welcome .header .header-text-title{
  font-size:0 !important; line-height:0 !important;
}
.welcome .header .header-text-title::after{
  content:"Retanol® Academy";
  font-size:2.625rem; line-height:3.125rem; font-weight:400; color:#fff;
}

/* 4) Button in Brand-Orange (#dc6b2f) */
.welcome .welcome-page-button{
  background:#dc6b2f !important;
  border-color:#dc6b2f !important;
  color:#fff !important;
}
.welcome .welcome-page-button:hover,
.welcome .welcome-page-button:focus{
  background:#c45f2a !important;
  border-color:#c45f2a !important;
}

/* 5) Unterer Bereich dunkel + organische „Wave“ als Abschluss */
.welcome{ background-color:#0b0b0c !important; }
.welcome .header::before{
  content:"";
  position:absolute; left:0; right:0; bottom:-1px; height:80px;
  background:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'>\
<path fill='%230b0b0c' d='M0,40 C240,120 360,0 720,60 C1080,120 1200,20 1440,60 L1440,120 L0,120 Z'/>\
</svg>") center bottom / 100% 100% no-repeat;
  z-index:2;
}

/* 6) Optional: Footer/App-Store-Banner ausblenden */
.welcome .welcome-footer{ display:none !important; }