.elementor-480 .elementor-element.elementor-element-e7eabe6{--display:flex;--overlay-opacity:0.5;--margin-top:-16vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:20vw;--padding-bottom:19vw;--padding-left:0vw;--padding-right:0vw;}.elementor-480 .elementor-element.elementor-element-e7eabe6:not(.elementor-motion-effects-element-type-background), .elementor-480 .elementor-element.elementor-element-e7eabe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-480 .elementor-element.elementor-element-e7eabe6::before, .elementor-480 .elementor-element.elementor-element-e7eabe6 > .elementor-background-video-container::before, .elementor-480 .elementor-element.elementor-element-e7eabe6 > .e-con-inner > .elementor-background-video-container::before, .elementor-480 .elementor-element.elementor-element-e7eabe6 > .elementor-background-slideshow::before, .elementor-480 .elementor-element.elementor-element-e7eabe6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-480 .elementor-element.elementor-element-e7eabe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-480 .elementor-element.elementor-element-5acdf44{--divider-border-style:solid;--divider-color:var( --e-global-color-3521550 );--divider-border-width:2px;}.elementor-480 .elementor-element.elementor-element-5acdf44 .elementor-divider-separator{width:100%;}.elementor-480 .elementor-element.elementor-element-5acdf44 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-480 .elementor-element.elementor-element-92e02ce .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );color:var( --e-global-color-469fc00 );}.elementor-480 .elementor-element.elementor-element-7e1b10d > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-480 .elementor-element.elementor-element-7e1b10d .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-480 .elementor-element.elementor-element-5d686c8 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:24px;font-weight:600;text-transform:none;text-decoration:none;color:var( --e-global-color-3521550 );}.elementor-480 .elementor-element.elementor-element-0e73e26 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Lato", Sans-serif;font-size:16px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-480 .elementor-element.elementor-element-0e73e26 .elementor-button:hover, .elementor-480 .elementor-element.elementor-element-0e73e26 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-480 .elementor-element.elementor-element-0e73e26 .elementor-button:hover svg, .elementor-480 .elementor-element.elementor-element-0e73e26 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-480 .elementor-element.elementor-element-e460d48 .elementor-button{text-transform:none;}.elementor-480 .elementor-element.elementor-element-de15e84 .elementor-button{text-transform:none;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-480 .elementor-element.elementor-element-92e02ce .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-480 .elementor-element.elementor-element-e7eabe6{--margin-top:-40vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:53vw;--padding-bottom:10vw;--padding-left:0vw;--padding-right:0vw;}.elementor-480 .elementor-element.elementor-element-5acdf44 > .elementor-widget-container{margin:-39px 0px 0px 0px;}.elementor-480 .elementor-element.elementor-element-5acdf44 .elementor-divider-separator{width:92%;margin:0 auto;margin-center:0;}.elementor-480 .elementor-element.elementor-element-5acdf44 .elementor-divider{text-align:center;}.elementor-480 .elementor-element.elementor-element-92e02ce > .elementor-widget-container{margin:-21px 20px 0px 20px;}.elementor-480 .elementor-element.elementor-element-92e02ce{text-align:center;}.elementor-480 .elementor-element.elementor-element-92e02ce .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-480 .elementor-element.elementor-element-7e1b10d > .elementor-widget-container{margin:0px 10px 0px 10px;padding:0px 0px 0px 0px;}.elementor-480 .elementor-element.elementor-element-5d686c8 > .elementor-widget-container{margin:-21px 20px 0px 20px;}.elementor-480 .elementor-element.elementor-element-5d686c8{text-align:center;}.elementor-480 .elementor-element.elementor-element-0e73e26 > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-480 .elementor-element.elementor-element-0e73e26 .elementor-button{font-size:11px;}.elementor-480 .elementor-element.elementor-element-e460d48 > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-480 .elementor-element.elementor-element-de15e84 > .elementor-widget-container{margin:0px 10px 0px 10px;}}/* Start custom CSS *//* =========================================================
   RTI KI-Assistent – Light Theme (final, fehlerfrei + Mic-Fix)
   ========================================================= */

/* ---------- Tokens ---------- */
:root {
  --rti-blue: #0b224f;
  --rti-gold: #b48d50;
  --rti-bg: #f7f8fc;
  --rti-border: #d9dde6;
  --rti-text: #0b224f;
  --rti-muted: #6b7280;

  /* Shortcut-Chips */
  --chip-bg: #f1f4f8;
  --chip-border: #e3e8f2;
  --chip-text: #0b224f;
  --chip-bg-hover: #e9eef5;
  --chip-border-hover: #d0d8e8;

  /* Busy: Hourglass GIF */
  --hourglass-gif: url('https://rti-regional.de/wp-content/uploads/2025/08/sanduhr.gif');
}

/* =========================================================
   Grundflächen & Layout
   ========================================================= */
.mwai-body {
  background: #f2f3f7 !important;
  padding: 0 !important;
}

.mwai-chatbot-container {
  display: flex !important;
  flex-direction: column !important;
  min-height: 80vh !important;
}
.mwai-chatbot-container > .mwai-conversation { order: 1 !important; }
.mwai-chatbot-container > .mwai-shortcuts { order: 2 !important; width: 100% !important; }
.mwai-chatbot-container > .mwai-input { order: 3 !important; }

/* Chatfenster */
.mwai-conversation {
  background: var(--rti-bg) !important;
  border: 1px solid var(--rti-border) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 8px 24px rgba(11, 34, 79, .06) !important;
  color: var(--rti-text) !important;
  min-height: clamp(880px, 80vh, 1160px) !important;
  overflow-y: auto !important;
}

/* =========================================================
   Bubbles & Typografie
   ========================================================= */
.mwai-conversation .mwai-reply {
  max-width: 82% !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  border: 1px solid var(--rti-border) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .04) !important;
  color: var(--rti-text) !important;
}
.mwai-conversation .mwai-reply.mwai-user {
  background: #fff !important;
  border-top-right-radius: 6px !important;
}
.mwai-conversation .mwai-reply.mwai-ai {
  background: #fff !important;
  border-left: 4px solid var(--rti-gold) !important;
  border-top-left-radius: 6px !important;
}

.mwai-reply p { margin: .4rem 0 !important; font-size: 1em !important; }
.mwai-reply ul, .mwai-reply ol { margin: .5rem 0 .6rem 1.25rem !important; padding: 0 !important; font-size: 1em !important; }
.mwai-reply li { margin: .25rem 0 !important; font-size: 1em !important; }
.mwai-reply h1, .mwai-reply h2, .mwai-reply h3, .mwai-reply h4, .mwai-reply h5, .mwai-reply h6 {
  margin: .5rem 0 .35rem !important;
  line-height: 1.35 !important;
  color: var(--rti-text) !important;
}
.mwai-reply h1 { font-size: 1.15rem !important; }
.mwai-reply h2 { font-size: 1.10rem !important; }
.mwai-reply h3 { font-size: 1.05rem !important; }
.mwai-reply h4, .mwai-reply h5, .mwai-reply h6 { font-size: 1rem !important; }

.mwai-reply code, .mwai-reply pre {
  background: #eef1f7 !important;
  border-radius: 8px !important;
  padding: .15rem .35rem !important;
  font-size: .95em !important;
}

/* =========================================================
   Shortcuts
   ========================================================= */
.mwai-shortcuts {
  margin-top: auto !important;
  margin-bottom: 8px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
.mwai-timeless-theme .mwai-shortcuts .mwai-shortcut.mwai-info,
.mwai-chatbot-container .mwai-shortcuts .mwai-shortcut.mwai-info {
  flex: 0 0 auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  text-align: left !important;
  background: var(--chip-bg) !important;
  color: var(--chip-text) !important;
  border: 1px solid var(--chip-border) !important;
  border-radius: 9999px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
.mwai-timeless-theme .mwai-shortcuts .mwai-shortcut.mwai-info:hover,
.mwai-chatbot-container .mwai-shortcuts .mwai-shortcut.mwai-info:hover {
  background: var(--chip-bg-hover) !important;
  border-color: var(--chip-border-hover) !important;
}

/* =========================================================
   Eingabebereich
   ========================================================= */
.mwai-input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.mwai-input-text {
  flex: 1 1 auto !important;
  background: #fff !important;
  border: 1px solid var(--rti-border) !important;
  border-radius: 14px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  box-shadow: 0 4px 10px rgba(11, 34, 79, .05) !important;
}
.mwai-input-text textarea {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: var(--rti-text) !important;
  -webkit-text-fill-color: var(--rti-text) !important;
  caret-color: var(--rti-text) !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  font-size: inherit !important;
  max-height: 120px !important;
  overflow-y: auto !important;
  resize: none !important;
}
.mwai-input-text textarea::placeholder {
  color: var(--rti-muted) !important;
  opacity: 1 !important;
}

/* =========================================================
   Buttons (Send / Mic)
   ========================================================= */
.mwai-input-submit {
  background: var(--rti-gold) !important;
  color: #fff !important;
  border-radius: 8px !important;
  border: 1px solid var(--rti-gold) !important;
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin-right: 6px !important;
  margin-left: 2px !important;
  align-self: flex-start !important;
  margin-top: 10px !important;
}
.mwai-input-submit:hover { background: #a57f45 !important; }

.mwai-microphone, .mwai-stop, .mwai-pause, .mwai-play {
  background: #fff !important;
  border: 1px solid var(--rti-border) !important;
  border-radius: 8px !important;
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  align-self: flex-start !important;
  margin-top: 4px !important;
}
.mwai-microphone svg, .mwai-microphone svg *,
.mwai-stop svg, .mwai-stop svg *,
.mwai-pause svg, .mwai-pause svg * {
  stroke: var(--rti-blue) !important;
  fill: none !important;
  color: var(--rti-blue) !important;
}
.mwai-play svg, .mwai-play svg *, .mwai-play .loading-spinner {
  stroke: var(--rti-gold) !important;
  fill: none !important;
  color: var(--rti-gold) !important;
}
.mwai-microphone:hover, .mwai-stop:hover, .mwai-pause:hover, .mwai-play:hover {
  border-color: var(--rti-gold) !important;
}
.mwai-microphone:hover svg, .mwai-stop:hover svg, .mwai-pause:hover svg {
  stroke: var(--rti-gold) !important;
  color: var(--rti-gold) !important;
}

/* Mic im Busy-State sichtbar halten */
.mwai-input .mwai-microphone,
.mwai-input .mwai-microphone svg,
.mwai-input .mwai-microphone svg * {
  opacity: 1 !important;
  visibility: visible !important;
}
.mwai-input.mwai-busy .mwai-microphone,
.mwai-input.mwai-busy .mwai-microphone svg,
.mwai-input.mwai-busy .mwai-microphone svg * {
  opacity: 1 !important;
  visibility: visible !important;
  display: grid !important;
}

/* =========================================================
   Busy-State Send Button
   ========================================================= */
.mwai-input-submit.mwai-busy {
  background: #fff !important;
  border: 1px solid var(--rti-gold) !important;
  color: var(--rti-gold) !important;
}
.mwai-input-submit.mwai-busy .mwai-timer {
  position: relative !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-block !important;
}
.mwai-input-submit.mwai-busy .mwai-timer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: var(--hourglass-gif) center/contain no-repeat !important;
}

/* =========================================================
   SEND-ICON-LOGIK (weiß bei Texteingabe)
   ========================================================= */
.mwai-input:has(.mwai-input-text textarea:not(:placeholder-shown)) .mwai-input-submit {
  background-color: var(--rti-gold) !important;
  border-color: var(--rti-gold) !important;
}
.mwai-input:has(.mwai-input-text textarea:not(:placeholder-shown)) .mwai-input-submit img {
  filter: brightness(0) invert(1) !important; /* Weiß */
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Listening State – 90° Drehung */
.mwai-input-submit.is-listening img {
  transform: rotate(-90deg);
  transition: transform 0.4s ease;
}

/* =========================================================
   Mobile
   ========================================================= */
@media (max-width:480px) {
  .mwai-input {
    align-items: center !important; /* beide Buttons mittig ausrichten */
    gap: 8px !important;
  }
  .mwai-input-text {
    min-height: 46px !important;
  }
  .mwai-input-submit,
  .mwai-microphone {
    width: 46px !important;
    height: 46px !important;
    align-self: center !important; /* keine Einzeljustierung */
    margin-top: 0 !important; /* kein Verschieben */
  }
}

  .mwai-conversation { min-height: clamp(520px, 70vh, 880px) !important; }
}
@media (min-width:481px) and (max-width:768px) {
  .mwai-input { align-items: center !important; }
  .mwai-input-text { min-height: 44px !important; }
  .mwai-input-submit, .mwai-microphone {
    width: 44px !important; height: 44px !important;
    align-self: center !important; margin-top: 0 !important;
  }
}/* End custom CSS */