/* Nur Position und Grösse des Widgets. */
#creativit-chatbot  {
  /* Abstand zum rechten Browserrand hier ändern. */
  --ted-abstand: max(24px, calc((100vw - 1600px) / 2 + 24px)); 
  position:fixed;
  right:var(--ted-abstand);
  top: calc(50% + 50px);
  transform:translateY(-50%);
  width:56px;
  height:236px;
  max-width:calc(100vw - var(--ted-abstand) - 12px);
  max-height:100dvh;
  background:transparent;
  border:0;
  z-index:1000;
}

#creativit-chatbot[data-state="offer"]  {
  width:260px;
  height:125px;
}

#creativit-chatbot.is-open,#creativit-chatbot[data-state="open"]  {
  width:460px;
  height:min(680px,calc(100dvh - 32px));
}

@media(max-width:900px)  {
  #creativit-chatbot  {
    --ted-abstand:12px;
  }

  #creativit-chatbot.is-open,#creativit-chatbot[data-state="open"]  {
    top:var(--ted-sichtbare-mitte,50%);
    width:min(460px,calc(100vw - 24px));
    height:min(680px,calc(var(--ted-sichtbare-hoehe,100dvh) - 16px));
    max-height:calc(var(--ted-sichtbare-hoehe,100dvh) - 16px);
  }

}

@media(max-width:600px)  {
  #creativit-chatbot.is-open,#creativit-chatbot[data-state="open"]  {
    height:min(560px,calc(var(--ted-sichtbare-hoehe,100dvh) - 64px));
    max-height:calc(var(--ted-sichtbare-hoehe,100dvh) - 64px);
  }

  #creativit-chatbot[data-keyboard="open"].is-open,
  #creativit-chatbot[data-keyboard="open"][data-state="open"]  {
    height:min(560px,calc(var(--ted-sichtbare-hoehe,100dvh) - 16px));
    max-height:calc(var(--ted-sichtbare-hoehe,100dvh) - 16px);
  }

}
/* Mobile: geschlossene Lasche und Nachfrage weiter unten */
@media (max-width: 600px) {
  #creativit-chatbot:not(.is-open):not([data-state="open"]) {
    top: auto;
    bottom: 12px;
    transform: none;
  }
}

@media (max-width: 600px) {
  #creativit-chatbot[data-state="tab"] {
    width: 40px;
  }
}

@media (max-width: 600px) {
  #creativit-chatbot[data-state="tab"] {
    top: auto;
    bottom: 0;
    height: 178px;
    transform: none;
  }
}