@charset "UTF-8";
/* =========================================
   1. VARIABLEN & KONFIGURATION
   ========================================= */
/* CSS Custom Properties Ausgabe 
   Hier passiert die Magie: Wir lassen SCSS die RGB-Werte berechnen!
*/
:root {
  --tyne-green: #15AF97;
  --tyne-green-light: #8ACBC1;
  --tyne-purple: #7F5CA3;
  --tyne-purple-light: #BCACD5;
  --tyne-blue: #6893C5;
  --tyne-yellow: #FFF042;
  --tyne-yellow-light: #FFF7B2;
  --tyne-white: #FFFFFF;
  --tyne-black: #000000;
  --tyne-dark: #333333;
  --tyne-green-rgb: 21, 175, 151;
  --tyne-purple-rgb: 127, 92, 163;
  --tyne-blue-rgb: 104, 147, 197;
  --tyne-yellow-rgb: 255, 240, 66;
  --tyne-gradient-main: linear-gradient(90deg, #15AF97 0%, #7F5CA3 100%);
  --tyne-gradient-secondary: linear-gradient(90deg, #6893C5 0%, #15AF97 100%);
  --tyne-overlay-light: rgba(255, 255, 255, 0.15);
  --tyne-overlay-medium: rgba(255, 255, 255, 0.25);
  --tyne-overlay-strong: rgba(255, 255, 255, 0.5);
  --tyne-shadow: rgba(0, 0, 0, 0.2) 5px 4px 6px;
  --tyne-border-radius: 15px;
}

/* =========================================
   2. MIXINS (Wiederverwendbare Bausteine)
   ========================================= */
/* =========================================
   3. BASIS LAYOUT & GLOBAL
   ========================================= */
html {
  height: 100%;
}

body {
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  font-family: "Arial", sans-serif !important;
  background-image: linear-gradient(90deg, #15AF97 0%, #7F5CA3 100%);
  background-attachment: fixed;
  color: #FFFFFF !important;
}

/* =========================================
   4. NAVIGATION
   ========================================= */
.fs_navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: linear-gradient(90deg, #15AF97 0%, #7F5CA3 100%);
  padding: 0px 50px;
  border-radius: 50px;
  margin: 20px auto;
  max-width: 1000px;
  color: #FFFFFF;
}
.fs_navbar .fs_navbar_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  background-image: linear-gradient(90deg, #15AF97 0%, #7F5CA3 100%);
  border-radius: 50px;
  padding: 20px 10px;
  max-width: 100%;
  height: 100%;
}

.fs_logo img {
  margin: 10px 0;
  max-height: 40px;
  height: auto;
  width: 85%;
}

.background #logo_bg_left {
  position: fixed;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100vh;
  height: auto;
  opacity: 0.25;
  z-index: -1;
  left: 0;
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-100%);
}

.background #logo_bg_right {
  position: fixed;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100vh;
  height: auto;
  opacity: 0.25;
  z-index: -1;
  right: 0;
  transform-origin: top right;
  transform: rotate(90deg) translateX(100%);
}

.fs_nav_links, .fs_nav_links_active {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 13px 20px;
  border-radius: 30px;
  transition: all 0.3s ease;
  color: #FFFFFF;
}
.fs_nav_links li a, .fs_nav_links_active li a {
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  color: inherit;
}
.fs_nav_links.fs_nav_links_active, .fs_nav_links_active.fs_nav_links_active {
  background-color: rgba(255, 255, 255, 0.25);
}
.fs_nav_links:hover,
.fs_nav_links li a:hover, .fs_nav_links_active:hover,
.fs_nav_links_active li a:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.15);
}

.fs_ActionButton {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  background-color: #FFF7B2;
  color: #333333;
}
.fs_ActionButton:hover {
  background-color: #FFF042;
  color: #000000;
}

.fs_language_switcher {
  display: inline-block;
  position: relative;
}
.fs_language_switcher .fs_language_icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.fs_language_switcher .fs_language_dropdown {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: rgba(127, 92, 163, 0.95);
  border-radius: 15px;
  padding: 10px;
  min-width: 120px;
  z-index: 999;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.fs_language_switcher .fs_language_dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fs_language_switcher .fs_language_dropdown li {
  margin: 5px 0;
}
.fs_language_switcher .fs_language_dropdown a {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  transition: background 0.2s;
}
.fs_language_switcher .fs_language_dropdown a:hover {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 22px;
}
.fs_language_switcher .fs_language_dropdown a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: auto;
  margin-right: 0px;
}
.fs_language_switcher .fs_language_dropdown a.fs_nav_links_active::before {
  content: url("https://tyn-e.com/media/2024/11/Groupe-4.svg");
  margin-right: 4px;
}
.fs_language_switcher:hover .fs_language_dropdown, .fs_language_switcher:focus-within .fs_language_dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* =========================================
   5. BUTTONS & ACTIONS
   ========================================= */
.default-btn.fs_tyne_gradient,
input.default-btn.fs_tyne_gradient,
button.default-btn.fs_tyne_gradient,
.fs_tyne_gradient {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  background: linear-gradient(90deg, #6893C5 0%, #15AF97 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
}
.default-btn.fs_tyne_gradient:hover,
input.default-btn.fs_tyne_gradient:hover,
button.default-btn.fs_tyne_gradient:hover,
.fs_tyne_gradient:hover {
  box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.25);
}

.default-btn.fs_tyne_btn,
input.default-btn.fs_tyne_btn,
button.default-btn.fs_tyne_btn {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  background: #FFF042 !important;
  color: #000000 !important;
  font-weight: 700;
  border: none !important;
  box-shadow: none !important;
}
.default-btn.fs_tyne_btn:hover, .default-btn.fs_tyne_btn:focus, .default-btn.fs_tyne_btn:active, .default-btn.fs_tyne_btn:not(:disabled):not(.disabled):active,
input.default-btn.fs_tyne_btn:hover,
input.default-btn.fs_tyne_btn:focus,
input.default-btn.fs_tyne_btn:active,
input.default-btn.fs_tyne_btn:not(:disabled):not(.disabled):active,
button.default-btn.fs_tyne_btn:hover,
button.default-btn.fs_tyne_btn:focus,
button.default-btn.fs_tyne_btn:active,
button.default-btn.fs_tyne_btn:not(:disabled):not(.disabled):active {
  background: #FFF042 !important;
  color: #000000 !important;
  box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.5) !important;
  border: none !important;
}

.btn-primary {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  background: linear-gradient(90deg, #6893C5 0%, #15AF97 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: none !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.25) !important;
  background: linear-gradient(90deg, #6893C5 0%, #15AF97 100%) !important;
}

.btn-danger {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  background: #FFF042 !important;
  color: #000000 !important;
  font-weight: 700;
  border: none !important;
  box-shadow: none !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:not(:disabled):not(.disabled):active {
  background: #FFF042 !important;
  color: #000000 !important;
  box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.5) !important;
  border: none !important;
}

/* =========================================
   6. CARDS, BOXES & TABLES
   ========================================= */
.fs_container_cards {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
}
.fs_container_cards .form-control, .fs_container_cards select {
  color: #15AF97 !important;
  color: #ffffff !important;
}
.fs_container_cards .form-control::placeholder, .fs_container_cards select::placeholder {
  color: #7F5CA3 !important;
  opacity: 1;
}
.fs_container_cards .form-control.form-control, .fs_container_cards select.form-control {
  color: #15AF97 !important;
}

.fs_tyne_card, .fs_tyne_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  padding: 2rem;
  border: #FFFFFF solid 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 5px 4px 6px;
  align-items: center;
}
.fs_tyne_card .default-btn, .fs_tyne_box .default-btn,
.fs_tyne_card input.default-btn {
  align-self: center;
  width: auto;
  text-align: center;
}

.fs_tyne_box {
  min-height: auto;
  background-color: rgba(127, 92, 163, 0.25) !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  overflow: hidden;
  color: #FFFFFF !important;
}
.fs_tyne_box, .fs_tyne_box h1, .fs_tyne_box h2, .fs_tyne_box h3, .fs_tyne_box h4, .fs_tyne_box h5, .fs_tyne_box h6, .fs_tyne_box span, .fs_tyne_box label, .fs_tyne_box div, .fs_tyne_box p, .fs_tyne_box .h3 {
  color: #FFFFFF !important;
}
.fs_tyne_box a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
.fs_tyne_box a:hover {
  color: #15AF97 !important;
}

.fs_borders {
  border: #FFFFFF solid 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 5px 4px 6px;
  border-radius: 15px;
}

.fs_border15 {
  border-radius: 15px;
}

.table-header td {
  color: white !important;
  padding: 12px;
}
.table-header td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.table-header td:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

/* =========================================
   7. TYPOGRAPHIE & FARBEN
   ========================================= */
/* =========================================
   FIX: Überschriften Farbe erzwingen
   Überschreibt 08-style.css, welches h1-h6 dunkel setzt
   ========================================= */
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF !important;
}

/* Optional: Falls auch Paragraphen schwarz sind */
p {
  color: #FFFFFF !important;
}

.fs_font_white {
  color: #FFFFFF !important;
  transition: color 0.3s ease;
}
.fs_font_white :where(h1, h2, h3, h4, h5, h6, p, span, small, li, a, strong, em, label),
.fs_font_white .product-content a,
.fs_font_white .details-price a,
.fs_font_white .details-price span,
.fs_font_white a.shop-link,
.fs_font_white .sidebar-categories a {
  color: #FFFFFF !important;
}
.fs_font_white a:hover,
.fs_font_white .product-content a:hover,
.fs_font_white .breadcrumb-catalog a:hover {
  color: #15AF97 !important;
  opacity: 1;
}

.fs_font_dark {
  color: #333333 !important;
  transition: color 0.3s ease;
}
.fs_font_dark a:hover {
  color: #15AF97 !important;
}

.fs_font_primary {
  color: #7F5CA3 !important;
  transition: color 0.3s ease;
}
.fs_font_primary:hover {
  color: #333333 !important;
  opacity: 0.8;
}

.fs_font_secondary {
  color: #15AF97 !important;
  transition: color 0.3s ease;
}

.fs_breadcrumb {
  margin: auto;
  padding: 0px 20px;
  max-width: 1200px;
  color: #FFFFFF !important;
}
.fs_breadcrumb ul li,
.fs_breadcrumb ul li a {
  font-weight: 800;
  color: #FFFFFF !important;
  text-decoration: none;
  transition: color 0.3s ease;
}
.fs_breadcrumb ul li a:hover {
  color: #15AF97 !important;
}
.fs_breadcrumb ul li:after,
.fs_breadcrumb ul li::after,
.fs_breadcrumb li:not(:last-child)::after,
.fs_breadcrumb li:is(:first-child)::before {
  color: #FFFFFF !important;
  opacity: 1 !important; /* MyFactory setzt hier oft opacity: 0.5 */
}

/* =========================================
   8. UTILITIES & OVERRIDES
   ========================================= */
.border-bottom {
  border-bottom: 2px solid #7F5CA3 !important;
}

/* Entfernt den Border beim letzten Element der Liste */
#lstOpenCases > div:last-child .border-bottom {
  border-bottom: none !important;
}

.bg-light {
  background-color: rgba(21, 175, 151, 0.25) !important;
}

.fs_select {
  background: linear-gradient(90deg, #6893C5 0%, #15AF97 100%) !important;
  color: #FFFFFF !important;
  border: 0.15rem solid #7F5CA3 !important;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
}

.row.align-items-stretch > [class*=col-] {
  display: flex;
}
.row.align-items-stretch > [class*=col-] > .mt-5.mb-5 {
  display: flex;
  flex: 1;
}
.row.align-items-stretch .fs_tyne_card, .row.align-items-stretch .fs_tyne_box {
  flex: 1;
  height: 100%;
}

/* =========================================
   9. TICKET SYSTEM / GLAS-LOOK
   Design für Support-Fälle (Transparent & Weißer Rahmen)
   ========================================= */
#divContentWrapperWhite .card,
.fs_ticket_container .card {
  background-color: rgba(127, 92, 163, 0.25) !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  overflow: hidden;
  color: #FFFFFF !important;
}
#divContentWrapperWhite .card, #divContentWrapperWhite .card h1, #divContentWrapperWhite .card h2, #divContentWrapperWhite .card h3, #divContentWrapperWhite .card h4, #divContentWrapperWhite .card h5, #divContentWrapperWhite .card h6, #divContentWrapperWhite .card span, #divContentWrapperWhite .card label, #divContentWrapperWhite .card div, #divContentWrapperWhite .card p, #divContentWrapperWhite .card .h3,
.fs_ticket_container .card,
.fs_ticket_container .card h1,
.fs_ticket_container .card h2,
.fs_ticket_container .card h3,
.fs_ticket_container .card h4,
.fs_ticket_container .card h5,
.fs_ticket_container .card h6,
.fs_ticket_container .card span,
.fs_ticket_container .card label,
.fs_ticket_container .card div,
.fs_ticket_container .card p,
.fs_ticket_container .card .h3 {
  color: #FFFFFF !important;
}
#divContentWrapperWhite .card a,
.fs_ticket_container .card a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
#divContentWrapperWhite .card a:hover,
.fs_ticket_container .card a:hover {
  color: #15AF97 !important;
}
#divContentWrapperWhite .card,
.fs_ticket_container .card {
  overflow: visible !important;
}
#divContentWrapperWhite .card .card-header,
#divContentWrapperWhite .card .sticky-card-header,
.fs_ticket_container .card .card-header,
.fs_ticket_container .card .sticky-card-header {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-top-left-radius: 13px !important;
  border-top-right-radius: 13px !important;
}
#divContentWrapperWhite .card .card-header.sticky-top,
#divContentWrapperWhite .card .sticky-card-header.sticky-top,
.fs_ticket_container .card .card-header.sticky-top,
.fs_ticket_container .card .sticky-card-header.sticky-top {
  background-color: rgba(127, 92, 163, 0.25) !important;
  z-index: 1020;
}
#divContentWrapperWhite .card .card-body,
#divContentWrapperWhite .card .list-group-item,
#divContentWrapperWhite .card .bg-light,
#divContentWrapperWhite .card .bg-white,
.fs_ticket_container .card .card-body,
.fs_ticket_container .card .list-group-item,
.fs_ticket_container .card .bg-light,
.fs_ticket_container .card .bg-white {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #FFFFFF !important;
}
#divContentWrapperWhite .card .btn,
.fs_ticket_container .card .btn {
  margin-bottom: 10px;
}
#divContentWrapperWhite .card .btn-outline-secondary,
.fs_ticket_container .card .btn-outline-secondary {
  border-color: #FFFFFF !important;
  background: transparent !important;
}
#divContentWrapperWhite .card .btn-outline-secondary:hover,
.fs_ticket_container .card .btn-outline-secondary:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
#divContentWrapperWhite .card .btn-outline-secondary img,
.fs_ticket_container .card .btn-outline-secondary img {
  filter: brightness(0) invert(1);
}
#divContentWrapperWhite .card .collapse .row.border-dark,
.fs_ticket_container .card .collapse .row.border-dark {
  border-color: #FFFFFF !important;
}
#divContentWrapperWhite .card textarea,
.fs_ticket_container .card textarea {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: #333333 !important;
  border: none;
  border-radius: 5px;
  padding: 10px;
}
#divContentWrapperWhite .card textarea:focus,
.fs_ticket_container .card textarea:focus {
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(104, 147, 197, 0.5) !important;
}

/* =========================================
   10. MODAL FIX / GLAS-LOOK (Final & Robust)
   ========================================= */
.modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9990 !important;
}

div[id$=_BackgroundDiv] {
  background-color: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 9991 !important;
  width: 200vw !important;
  height: 200vh !important;
  top: -50vh !important;
  left: -50vw !important;
}

div[id$=_MessageBoxContainer] {
  background-color: rgba(127, 92, 163, 0.98) !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  overflow: hidden;
  color: #FFFFFF !important;
}
div[id$=_MessageBoxContainer], div[id$=_MessageBoxContainer] h1, div[id$=_MessageBoxContainer] h2, div[id$=_MessageBoxContainer] h3, div[id$=_MessageBoxContainer] h4, div[id$=_MessageBoxContainer] h5, div[id$=_MessageBoxContainer] h6, div[id$=_MessageBoxContainer] span, div[id$=_MessageBoxContainer] label, div[id$=_MessageBoxContainer] div, div[id$=_MessageBoxContainer] p, div[id$=_MessageBoxContainer] .h3 {
  color: #FFFFFF !important;
}
div[id$=_MessageBoxContainer] a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
div[id$=_MessageBoxContainer] a:hover {
  color: #15AF97 !important;
}
div[id$=_MessageBoxContainer] {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9995 !important;
  top: 50vh !important;
  left: 50vw !important;
  transform: translate(-50%, -50%) !important;
  width: 90vw !important;
  max-width: 600px !important;
  right: auto !important;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.8) !important;
}
div[id$=_MessageBoxContainer], div[id$=_MessageBoxContainer] .fs_font_dark, div[id$=_MessageBoxContainer] .h3, div[id$=_MessageBoxContainer] h3, div[id$=_MessageBoxContainer] div, div[id$=_MessageBoxContainer] span, div[id$=_MessageBoxContainer] label, div[id$=_MessageBoxContainer] p {
  color: #FFFFFF !important;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9) !important;
}
div[id$=_MessageBoxContainer] .h3, div[id$=_MessageBoxContainer] h3 {
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
div[id$=_MessageBoxContainer] textarea, div[id$=_MessageBoxContainer] input[type=text] {
  background-color: #f8f9fa !important;
  border: none !important;
  color: #333333 !important;
  text-shadow: none !important;
  border-radius: 5px;
  padding: 10px;
  font-weight: 500;
}
div[id$=_MessageBoxContainer] textarea:focus, div[id$=_MessageBoxContainer] input[type=text]:focus {
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(104, 147, 197, 0.5) !important;
}
div[id$=_MessageBoxContainer] .btn-outline-secondary {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  border: 1px solid #FFFFFF !important;
  color: #FFFFFF !important;
  background: transparent !important;
  font-weight: bold;
  text-shadow: none !important;
  margin-top: 10px;
}
div[id$=_MessageBoxContainer] .btn-outline-secondary:hover {
  background-color: #FFFFFF !important;
  color: #7F5CA3 !important;
}
div[id$=_MessageBoxContainer] .btn {
  margin-top: 15px;
  text-shadow: none !important;
}
div[id$=_MessageBoxContainer] .btn:disabled, div[id$=_MessageBoxContainer] .btn.disabled {
  opacity: 0.5;
  background-color: #ccc !important;
  color: #666 !important;
  cursor: not-allowed;
  box-shadow: none !important;
}
div[id$=_MessageBoxContainer] .rating-table {
  margin: 15px 0;
  background: transparent !important;
  border: none !important;
}
div[id$=_MessageBoxContainer] .rating-table td {
  border: none !important;
}

.btn-outline-secondary {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  border: 1px solid #FFFFFF !important;
  color: #FFFFFF !important;
  background: transparent !important;
  font-weight: bold;
  text-shadow: none !important;
  margin-top: 10px;
}
.btn-outline-secondary:hover {
  background-color: #FFFFFF !important;
  color: #7F5CA3 !important;
}

.btn {
  margin-top: 15px;
  text-shadow: none !important;
}
.btn:disabled, .btn.disabled {
  opacity: 0.5;
  background-color: #ccc !important;
  color: #666 !important;
  cursor: not-allowed;
  box-shadow: none !important;
}

.rating-table {
  margin: 15px 0;
  background: transparent !important;
  border: none !important;
}
.rating-table td {
  border: none !important;
}

/* =========================================
   11. SUPPORT DETAIL ANSICHT (GENERIC CLASS)
   Nutzung im HTML: <div class="fs_glass_details ...">
   ========================================= */
.fs_glass_details {
  background-color: rgba(127, 92, 163, 0.25) !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  overflow: hidden;
  color: #FFFFFF !important;
}
.fs_glass_details, .fs_glass_details h1, .fs_glass_details h2, .fs_glass_details h3, .fs_glass_details h4, .fs_glass_details h5, .fs_glass_details h6, .fs_glass_details span, .fs_glass_details label, .fs_glass_details div, .fs_glass_details p, .fs_glass_details .h3 {
  color: #FFFFFF !important;
}
.fs_glass_details a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
.fs_glass_details a:hover {
  color: #15AF97 !important;
}
.fs_glass_details {
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.fs_glass_details .d-flex.align-items-end {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  background-color: rgba(127, 92, 163, 0.15);
  padding-top: 10px;
  padding-left: 10px;
  border-radius: 5px 5px 0 0;
}
.fs_glass_details .d-flex.align-items-end div {
  color: #FFFFFF !important;
}
.fs_glass_details div[id^=lst] > div,
.fs_glass_details .gray-bg {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 0;
  background: transparent !important;
  color: #FFFFFF !important;
}
.fs_glass_details div[id^=lst] > div:last-child,
.fs_glass_details .gray-bg:last-child {
  border-bottom: none;
}
.fs_glass_details textarea,
.fs_glass_details input[type=text]:not([readonly]) {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  color: #333333 !important;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
}
.fs_glass_details textarea:focus,
.fs_glass_details input[type=text]:not([readonly]):focus {
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(104, 147, 197, 0.5) !important;
}
.fs_glass_details input[type=submit] {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  background: #FFF042 !important;
  color: #000000 !important;
  font-weight: 700;
  border: none !important;
  box-shadow: none !important;
}
.fs_glass_details input[type=submit]:hover, .fs_glass_details input[type=submit]:focus, .fs_glass_details input[type=submit]:active, .fs_glass_details input[type=submit]:not(:disabled):not(.disabled):active {
  background: #FFF042 !important;
  color: #000000 !important;
  box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.5) !important;
  border: none !important;
}
.fs_glass_details input[type=submit] {
  margin-top: 20px;
}
.fs_glass_details .cart-btn {
  padding: 12px 36px 10px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: auto;
  border: 1px solid #FFFFFF !important;
  background: transparent !important;
  color: #FFFFFF !important;
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
}
.fs_glass_details .cart-btn:hover {
  background-color: #FFFFFF !important;
  color: #7F5CA3 !important;
}
.fs_glass_details .pe-7s-trash {
  color: #FFFFFF !important;
  font-size: 1.5rem;
  cursor: pointer;
}
.fs_glass_details .pe-7s-trash:hover {
  color: #FFF042 !important;
}
.fs_glass_details span, .fs_glass_details div, .fs_glass_details label, .fs_glass_details h4 {
  color: #FFFFFF !important;
}
.fs_glass_details hr {
  border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
  opacity: 1;
}

/* =========================================
   12. FOOTER FIX
   Schrift dunkel machen, da Hintergrund weiß ist
   ========================================= */
.footer-area {
  margin-top: auto !important;
  background-color: #FFFFFF !important;
  color: #333333 !important;
}
.footer-area .black-bg {
  background-color: transparent !important;
  color: #333333 !important;
}
.footer-area h3, .footer-area .footer-widget-title-3 {
  color: #333333 !important;
}
.footer-area h3::after, .footer-area .footer-widget-title-3::after {
  background-color: #333333 !important;
}
.footer-area p, .footer-area span, .footer-area div, .footer-area .footer-info-text, .footer-area li {
  color: #333333 !important;
}
.footer-area a, .footer-area .footer-menu a {
  color: #666666 !important;
}
.footer-area a:hover, .footer-area .footer-menu a:hover {
  color: #15AF97 !important;
  text-decoration: none;
}
.footer-area .default-btn {
  color: #333333 !important;
  border: 1px solid #333333 !important;
  background: transparent !important;
}
.footer-area .default-btn:hover {
  background-color: #333333 !important;
  color: #FFFFFF !important;
}

/* =========================================
   13. ADRESSEN / KONTAKTE LISTE (Fixed & Clean)
   ========================================= */
#div7174 {
  background-color: rgba(127, 92, 163, 0.25) !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  overflow: hidden;
  color: #FFFFFF !important;
}
#div7174, #div7174 h1, #div7174 h2, #div7174 h3, #div7174 h4, #div7174 h5, #div7174 h6, #div7174 span, #div7174 label, #div7174 div, #div7174 p, #div7174 .h3 {
  color: #FFFFFF !important;
}
#div7174 a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
#div7174 a:hover {
  color: #15AF97 !important;
}
#div7174 {
  padding: 20px;
  margin-bottom: 20px;
}
#div7174 .table-header.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
}
#div7174 #lst7170_1 {
  width: 100%;
}
#div7174 #lst7170_1 > div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  transition: background-color 0.2s ease;
  width: 100%;
  padding: 0;
}
#div7174 #lst7170_1 > div > div > div {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
#div7174 #lst7170_1 > div:hover {
  background-color: rgba(21, 175, 151, 0.25) !important;
  border-radius: 5px;
  cursor: pointer;
  border-bottom-color: transparent;
}
#div7174 #lst7170_1 > div:last-child {
  border-bottom: none;
}
#div7174 .col-4, #div7174 .col-md-2 {
  padding-left: 10px !important;
  padding-right: 10px !important;
  flex: 0 0 auto !important;
}
#div7174 .fs_font_white,
#div7174 .gray-bg-2 {
  background-color: transparent !important;
  color: #FFFFFF !important;
}
#div7174 hr {
  display: none;
}

/* =========================================
   14. WARENKORB / SHOPPING CART (FIXED LAYOUT)
   ========================================= */
#div29932,
#divBasketTotal {
  background-color: rgba(127, 92, 163, 0.25) !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  overflow: hidden;
  color: #FFFFFF !important;
}
#div29932, #div29932 h1, #div29932 h2, #div29932 h3, #div29932 h4, #div29932 h5, #div29932 h6, #div29932 span, #div29932 label, #div29932 div, #div29932 p, #div29932 .h3,
#divBasketTotal,
#divBasketTotal h1,
#divBasketTotal h2,
#divBasketTotal h3,
#divBasketTotal h4,
#divBasketTotal h5,
#divBasketTotal h6,
#divBasketTotal span,
#divBasketTotal label,
#divBasketTotal div,
#divBasketTotal p,
#divBasketTotal .h3 {
  color: #FFFFFF !important;
}
#div29932 a,
#divBasketTotal a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
#div29932 a:hover,
#divBasketTotal a:hover {
  color: #15AF97 !important;
}
#div29932,
#divBasketTotal {
  padding: 20px;
  margin-bottom: 30px;
}
#div29932 div[class*=col-],
#divBasketTotal div[class*=col-] {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
#div29932 #divCartHead, #div29932 .shopping-cart-headline,
#divBasketTotal #divCartHead,
#divBasketTotal .shopping-cart-headline {
  display: flex !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF !important;
}
#div29932 #divCartHead div, #div29932 .shopping-cart-headline div,
#divBasketTotal #divCartHead div,
#divBasketTotal .shopping-cart-headline div {
  text-align: center;
  color: #FFFFFF !important;
}
#div29932 .shopping-cart-content,
#divBasketTotal .shopping-cart-content {
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 15px 0;
  width: 100% !important;
  margin: 0 !important;
  transition: background-color 0.2s ease;
}
#div29932 .shopping-cart-content:hover,
#divBasketTotal .shopping-cart-content:hover {
  background-color: rgba(21, 175, 151, 0.25) !important;
  border-radius: 5px;
}
#div29932 .shopping-cart-content div[class*=col-],
#divBasketTotal .shopping-cart-content div[class*=col-] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 5px;
}
#div29932 .shopping-cart-content div[class*=col-].col-md-3,
#divBasketTotal .shopping-cart-content div[class*=col-].col-md-3 {
  justify-content: flex-start;
  text-align: left;
  padding-left: 15px;
}
#div29932 #lst29874 > div:last-child .shopping-cart-content,
#divBasketTotal #lst29874 > div:last-child .shopping-cart-content {
  border-bottom: none;
}
#div29932 input.input-qty,
#divBasketTotal input.input-qty {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #333333 !important;
  border: none !important;
  border-radius: 5px;
  padding: 5px;
  width: 60px;
  text-align: center;
  margin: auto;
  box-shadow: none !important;
}
#div29932 input.input-qty:focus,
#divBasketTotal input.input-qty:focus {
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 2px #15AF97 !important;
}
#div29932 img,
#divBasketTotal img {
  border-radius: 5px;
  max-height: 80px;
  width: auto;
  object-fit: contain;
  background-color: #fff;
  padding: 5px;
}
#div29932 span, #div29932 div, #div29932 a,
#divBasketTotal span,
#divBasketTotal div,
#divBasketTotal a {
  color: #FFFFFF !important;
}
#div29932 a,
#divBasketTotal a {
  font-weight: 600;
}
#div29932 a:hover,
#divBasketTotal a:hover {
  color: #15AF97 !important;
  text-decoration: none;
}
#div29932 .product-action-basket,
#divBasketTotal .product-action-basket {
  display: flex;
  justify-content: center;
  align-items: center;
}
#div29932 .product-action-basket a,
#divBasketTotal .product-action-basket a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid #FFFFFF !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  margin: 5px;
  font-size: 1.1rem !important;
  font-weight: normal;
}
#div29932 .product-action-basket a i, #div29932 .product-action-basket a span,
#divBasketTotal .product-action-basket a i,
#divBasketTotal .product-action-basket a span {
  color: inherit !important;
}
#div29932 .product-action-basket a:hover,
#divBasketTotal .product-action-basket a:hover {
  background-color: #FFFFFF !important;
  color: #7F5CA3 !important;
  transform: scale(1.1);
}
#div29932 .product-action-basket a:hover i, #div29932 .product-action-basket a:hover span,
#divBasketTotal .product-action-basket a:hover i,
#divBasketTotal .product-action-basket a:hover span {
  color: #7F5CA3 !important;
}
#div29932 .product-action-basket a i,
#divBasketTotal .product-action-basket a i {
  vertical-align: middle;
}
#div29932 .cart-totals div,
#divBasketTotal .cart-totals div {
  border: none !important;
}
#div29932 .cart-totals .cart-subtotal,
#divBasketTotal .cart-totals .cart-subtotal {
  text-align: right;
  padding: 5px 20px;
}
#div29932 .cart-totals .cart-subtotal:nth-child(odd),
#divBasketTotal .cart-totals .cart-subtotal:nth-child(odd) {
  text-align: left;
  font-weight: normal;
}
#div29932 .cart-totals .cart-total,
#divBasketTotal .cart-totals .cart-total {
  border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
  margin-top: 15px;
  padding-top: 15px;
  font-size: 1.3rem;
  font-weight: 800;
  text-align: right;
  padding-right: 20px;
}
#div29932 .cart-totals .cart-total:nth-last-child(2),
#divBasketTotal .cart-totals .cart-total:nth-last-child(2) {
  text-align: left;
  padding-left: 20px;
}

/* =========================================
   15. GLOBALE LISTEN-KLASSE (GLAS-DESIGN)
   Version 6: Alignment Fix (Zentrierung für Span-Spalten)
   Nutzung: <div class="fs_glass_list"> ... </div>
   ========================================= */
.fs_glass_list {
  background-color: rgba(127, 92, 163, 0.25) !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  overflow: hidden;
  color: #FFFFFF !important;
}
.fs_glass_list, .fs_glass_list h1, .fs_glass_list h2, .fs_glass_list h3, .fs_glass_list h4, .fs_glass_list h5, .fs_glass_list h6, .fs_glass_list span, .fs_glass_list label, .fs_glass_list div, .fs_glass_list p, .fs_glass_list .h3 {
  color: #FFFFFF !important;
}
.fs_glass_list a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
.fs_glass_list a:hover {
  color: #15AF97 !important;
}
.fs_glass_list {
  padding: 20px;
  margin-bottom: 20px;
}
.fs_glass_list div.table-header,
.fs_glass_list .row.table-header {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-weight: 700;
  text-transform: uppercase !important;
  font-size: 0.9rem;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.fs_glass_list div.table-header *,
.fs_glass_list .row.table-header * {
  border: none !important;
  box-shadow: none !important;
}
.fs_glass_list div[id^=lst] {
  width: 100%;
  border: none !important;
}
.fs_glass_list div[id^=lst] > div {
  width: 100%;
  padding: 2px 0 !important;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-top: none !important;
  transition: background-color 0.2s ease;
  text-transform: none !important;
  background: transparent !important;
  color: #FFFFFF !important;
}
.fs_glass_list div[id^=lst] > div.row {
  margin: 0 !important;
}
.fs_glass_list div[id^=lst] > div > [class*=col-] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 40px;
  display: flex !important;
  align-items: center !important;
  border: none !important;
}
.fs_glass_list div[id^=lst] > div > div:not([class*=col-]), .fs_glass_list div[id^=lst] > div > form {
  width: 100% !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.fs_glass_list div[id^=lst] > div:hover {
  background-color: rgba(21, 175, 151, 0.25) !important;
  border-radius: 0 !important;
  cursor: pointer;
  border-bottom: 1px solid transparent !important;
}
.fs_glass_list div[id^=lst] > div:last-child {
  border-bottom: none !important;
}
.fs_glass_list table {
  width: 100%;
  border-collapse: collapse;
  background: transparent !important;
  border: none !important;
}
.fs_glass_list table tr.table-header {
  display: table-row !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-top: 0 !important;
}
.fs_glass_list table tr.table-header td, .fs_glass_list table tr.table-header th {
  font-weight: 700;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  padding: 15px 10px;
  border: none !important;
}
.fs_glass_list table tr:not(.table-header) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.fs_glass_list table tr:not(.table-header) td {
  color: #FFFFFF !important;
  padding: 12px 10px;
  border: none !important;
  vertical-align: middle !important;
}
.fs_glass_list table tr:not(.table-header):hover {
  background-color: rgba(21, 175, 151, 0.25) !important;
  border-radius: 0 !important;
}
.fs_glass_list table tr:not(.table-header):last-child {
  border-bottom: none !important;
}
.fs_glass_list [class*=col-] {
  padding-left: 10px !important;
  padding-right: 10px !important;
  border: none !important;
  flex: 0 0 auto !important;
}
.fs_glass_list div, .fs_glass_list span, .fs_glass_list a, .fs_glass_list label, .fs_glass_list td, .fs_glass_list th {
  color: #FFFFFF !important;
}
.fs_glass_list .fs_font_white, .fs_glass_list .gray-bg-2, .fs_glass_list .fs_tyne_gradient {
  background-color: transparent !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  border: none !important;
}
.fs_glass_list a {
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
.fs_glass_list a:hover {
  color: #15AF97 !important;
  border-bottom-color: #15AF97;
}
.fs_glass_list .default-is-set-btn,
.fs_glass_list .default-set,
.fs_glass_list input.default-set,
.fs_glass_list a.default-set,
.fs_glass_list div.default-is-set-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid #FFFFFF !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  margin: 5px;
  font-size: 1.1rem !important;
  font-weight: normal;
}
.fs_glass_list .default-is-set-btn i, .fs_glass_list .default-is-set-btn span,
.fs_glass_list .default-set i,
.fs_glass_list .default-set span,
.fs_glass_list input.default-set i,
.fs_glass_list input.default-set span,
.fs_glass_list a.default-set i,
.fs_glass_list a.default-set span,
.fs_glass_list div.default-is-set-btn i,
.fs_glass_list div.default-is-set-btn span {
  color: inherit !important;
}
.fs_glass_list .default-is-set-btn:hover,
.fs_glass_list .default-set:hover,
.fs_glass_list input.default-set:hover,
.fs_glass_list a.default-set:hover,
.fs_glass_list div.default-is-set-btn:hover {
  background-color: #FFFFFF !important;
  color: #7F5CA3 !important;
  transform: scale(1.1);
}
.fs_glass_list .default-is-set-btn:hover i, .fs_glass_list .default-is-set-btn:hover span,
.fs_glass_list .default-set:hover i,
.fs_glass_list .default-set:hover span,
.fs_glass_list input.default-set:hover i,
.fs_glass_list input.default-set:hover span,
.fs_glass_list a.default-set:hover i,
.fs_glass_list a.default-set:hover span,
.fs_glass_list div.default-is-set-btn:hover i,
.fs_glass_list div.default-is-set-btn:hover span {
  color: #7F5CA3 !important;
}
.fs_glass_list .default-is-set-btn[type=submit],
.fs_glass_list .default-set[type=submit],
.fs_glass_list input.default-set[type=submit],
.fs_glass_list a.default-set[type=submit],
.fs_glass_list div.default-is-set-btn[type=submit] {
  -webkit-appearance: none;
}
.fs_glass_list .default-is-set-btn:hover,
.fs_glass_list .default-set:hover,
.fs_glass_list input.default-set:hover,
.fs_glass_list a.default-set:hover,
.fs_glass_list div.default-is-set-btn:hover {
  border-bottom: 1px solid #FFFFFF !important;
  background: #FFFFFF !important;
  color: #7F5CA3 !important;
}
.fs_glass_list form {
  margin: 0;
  padding: 0;
}
.fs_glass_list hr {
  display: none;
}

/* =========================================
   16. FILTER & SUCHLEISTEN (KB Funnel)
   ========================================= */
div[id^=divKBFunnel] p, div[id^=divKBFunnel] span, div[id^=divKBFunnel] label {
  color: #FFFFFF !important;
}
div[id^=divKBFunnel] p {
  margin-bottom: 15px;
  font-weight: 500;
  opacity: 0.9;
}
div[id^=divKBFunnel] input[type=text] {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  border-radius: 5px;
  color: #333333 !important;
  padding: 6px 12px;
  margin-right: 20px;
  margin-left: 5px;
  margin-bottom: 10px;
  transition: all 0.2s ease;
}
div[id^=divKBFunnel] input[type=text]:focus, div[id^=divKBFunnel] input[type=text]:hover {
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 2px #15AF97 !important;
  outline: none;
}/*# sourceMappingURL=fs_style.css.map */