.elementor-24323 .elementor-element.elementor-element-2520970{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-24323 .elementor-element.elementor-element-0e2814a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-24323 .elementor-element.elementor-element-6704e11{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-24323 .elementor-element.elementor-element-6704e11:not(.elementor-motion-effects-element-type-background), .elementor-24323 .elementor-element.elementor-element-6704e11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}@media(max-width:1024px){.elementor-24323 .elementor-element.elementor-element-2520970{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-24323 .elementor-element.elementor-element-0e2814a{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-24323 .elementor-element.elementor-element-6704e11{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for html, class: .elementor-element-9f21b86 *//* ==========================================
   FONT AWESOME + ISTOK WEB LADEN (MUSS GANZ OBEN SEIN)
========================================== */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:wght@400;600;700&display=swap');

/* =========================================
   FLUENT SUPPORT – REFRESH & CLOSE BUTTONS (FINAL FIX)
========================================= */

/* Beide Buttons */
div.fs_ticket_refresh_btn,
div.fs_close_ticket {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 40px !important;
  padding: 10px 20px !important;
  border-radius: 15px !important;
  background-color: #149bd7 !important;
  border: none !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Text in den inneren Spans */
.fs_ticket_refresh_btn span,
.fs_close_ticket span {
  color: #ffffff !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
}

/* SVG angleichen */
.fs_ticket_refresh_btn svg,
.fs_close_ticket svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
  color: #ffffff !important;
}

/* Hover */
div.fs_ticket_refresh_btn:hover,
div.fs_close_ticket:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Schloss-Icon für „Ticket schließen“ */
div.fs_close_ticket::before {
  content: "\f023"; /* Font Awesome – fa-lock */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  color: #ffffff !important;
  font-size: 16px;
  margin-right: 10px;
  line-height: 1;
  transform: translateY(1px);
}

/* Disabled-Fix */
.fs_ticket_refresh_btn[disabled],
.fs_close_ticket[disabled],
.fs_ticket_refresh_btn[disabled="false"],
.fs_close_ticket[disabled="false"] {
  background-color: #149bd7 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* =========================================
   FLUENT SUPPORT – CREATE TICKET BUTTON (BENE STYLE)
========================================= */

button.fs_create_ticket_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 40px !important;
  padding: 10px 20px !important;
  border-radius: 15px !important;
  background-color: #149bd7 !important;
  border: none !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  text-decoration: none !important;
  user-select: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

button.fs_create_ticket_btn span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

button.fs_create_ticket_btn:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

button.fs_create_ticket_btn[disabled],
button.fs_create_ticket_btn[aria-disabled="true"] {
  background-color: #c0c0c0 !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
  opacity: 0.85 !important;
  transform: none !important;
}

.el-button.fs_create_ticket_btn {
  border: none !important;
  background-image: none !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
}

/* ==========================================
   LOGIN-SEITE – ANMELDEN-BUTTON (BENE STYLE)
========================================== */
#wp-submit,
#loginform .button-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 40px !important;
  padding: 10px 20px !important;
  border-radius: 15px !important;
  background-color: #149bd7 !important;
  color: #ffffff !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  gap: 10px !important;
  transition: background-color 0.3s ease !important;
}

#wp-submit:hover,
#loginform .button-primary:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
}

/* Icon (Font Awesome 🔒) */
#wp-submit::before,
#loginform .button-primary::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f023"; /* 🔒 lock-solid */
  color: #ffffff !important;
  font-size: 16px !important;
  display: inline-block !important;
  margin-right: 10px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

@media (max-width: 767px) {
  #wp-submit,
  #loginform .button-primary {
    height: 45px !important;
    border-radius: 18px !important;
    font-size: 17px !important;
  }
}

/* ==========================================
   LOGIN-FELDER – HÖHE & FOKUS (BENE STYLE)
========================================== */
#loginform input[type="text"],
#loginform input[type="password"] {
  height: 40px !important;
  line-height: 40px !important;
  padding: 10px 20px !important;
  border: 1px solid #54595F !important;
  border-radius: 10px !important;
  outline: none !important;
  width: 100% !important;
}

#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus {
  border-color: #54595F !important;
  box-shadow: none !important;
  outline: none !important;
}

/* =========================================
   FRONTEND EDITOR-TABS – FINAL CLEAN CSS ONLY
========================================= */
.fs_client_portal .wp-editor-tabs .wp-switch-editor {
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 6px 6px 0 0 !important;
  padding: 6px 16px !important;
  margin-right: 4px !important;
  cursor: pointer !important;
  text-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
  transition: all 0.25s ease !important;
}

.fs_client_portal .wp-editor-tabs .wp-switch-editor.switch-tmce {
  background-color: #149bd7 !important;
  color: #ffffff !important;
}

.fs_client_portal .wp-editor-tabs .wp-switch-editor.switch-html {
  background-color: #e6e6e6 !important;
  color: #54595F !important;
}

.fs_client_portal .wp-editor-tabs .wp-switch-editor.switch-html[aria-pressed="true"] {
  background-color: #149bd7 !important;
  color: #ffffff !important;
}

.fs_client_portal .wp-editor-tabs .wp-switch-editor.switch-tmce[aria-pressed="false"] {
  background-color: #e6e6e6 !important;
  color: #54595F !important;
}

.fs_client_portal .wp-editor-tabs .wp-switch-editor.switch-html:hover:not([aria-pressed="true"]),
.fs_client_portal .wp-editor-tabs .wp-switch-editor.switch-tmce:hover:not([aria-pressed="true"]) {
  background-color: #616160 !important;
  color: #ffffff !important;
}

/* =========================================
   FLUENT SUPPORT – EDITOR TOOLBAR ICONS & LABELS
========================================= */
.fs_client_portal .mce-toolbar,
.fs_client_portal .mce-toolbar .mce-btn,
.fs_client_portal .mce-toolbar .mce-btn button {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.fs_client_portal .mce-toolbar .mce-ico,
.fs_client_portal .mce-toolbar .mce-ico::before,
.fs_client_portal .mce-toolbar i,
.fs_client_portal .mce-toolbar svg path,
.fs_client_portal .mce-toolbar svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.fs_client_portal .mce-toolbar [style*="color"],
.fs_client_portal .mce-toolbar [style*="fill"] {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* =========================================
   FLUENT SUPPORT – CODE EDITOR FOCUS FIX
========================================= */
.fs_client_portal textarea.wp-editor-area:focus,
.fs_client_portal textarea:focus,
.fs_client_portal .wp-editor-area:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #54595F !important;
}

/* =========================================
   FLUENT SUPPORT – "Ticket erstellen" BUTTON
========================================= */
.fs_client_portal .fs_create_ticket_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 10px 20px !important;
  border-radius: 15px !important;
  background-color: #149bd7 !important;
  color: #ffffff !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

.fs_client_portal .fs_create_ticket_button:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
}

.fs_client_portal .fs_create_ticket_button[aria-disabled="true"] {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.fs_client_portal .fs_create_ticket_button::before {
  content: "\f0fe";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
}

/* =========================================
   FLUENT SUPPORT – ANTWORT-BUTTON (BENE FINAL v4)
========================================= */
.fs_client_portal .fs_reply_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 40px !important;
  padding: 10px 20px !important;
  margin-right: 10px !important;
  border-radius: 15px !important;
  background-color: #149bd7 !important;
  color: #ffffff !important;
  font-family: 'Istok Web', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  border: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  min-width: 120px !important;
}

.fs_client_portal .fs_reply_btn > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  height: 100% !important;
}

.fs_client_portal .fs_reply_btn > span > span {
  display: inline-block !important;
  padding-left: 6px !important;
}

.fs_client_portal .fs_reply_btn svg,
.fs_client_portal .fs_reply_btn svg path {
  fill: #ffffff !important;
  color: #ffffff !important;
  width: 16px !important;
  height: 12px !important;
}

.fs_client_portal .fs_reply_btn svg {
  margin-right: 6px !important;
  flex-shrink: 0 !important;
}

.fs_client_portal .fs_reply_btn:hover {
  background-color: #616160 !important;
  color: #ffffff !important;
}

.fs_client_portal .fs_reply_btn[aria-disabled="true"] {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.fs_client_portal .fs_reply_btn.el-button {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* =========================================
   FLUENT SUPPORT – SORTIER-ICON (BENE STYLE)
========================================= */
.fs_client_portal .fs_sorting .el-button svg path,
.fs_client_portal .fs_sorting button.el-button svg path,
.fs_client_portal .fs_sorting .el-tooltip__trigger svg path {
  fill: #ffffff !important;
  color: #ffffff !important;
}

.fs_client_portal .fs_sorting .el-button:hover svg path {
  fill: #e6e6e6 !important;
  color: #e6e6e6 !important;
}/* End custom CSS */