:root {
  --color-main: #004F23;
  --border-radius: 5px;
  /* --color-accent: rgb(0, 128, 255); */
}

.bitv-widget .bitv-button {
  background: var(--color-main) !important;
  width: 48px;
  height: 48px;
}

.bitv-widget .bitv-button:hover svg {
  fill: #fff;
}

#bitv-overlay-widget .bitv-popup {
  border-radius: var(--border-radius);
  background: var(--color-main);
  padding: 15px;
  width: fit-content;
  max-width: 500px;
}

#bitv-overlay-widget .bitv-popup h3 {
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
}

#bitv-overlay-widget .bitv-popup .bitv-popup-body {
  display: flex; 
  flex-direction: column;
  background: #fff;
  border-radius: var(--border-radius);
  margin-top: 20px;
  padding: 5px 15px;
}

#bitv-overlay-widget .bitv-popup .bitv-popup-body label {
  padding-left: 6px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: solid 1.5px #e3e8fb;
}

#bitv-overlay-widget .bitv-popup .bitv-popup-body label:last-of-type {
  border-bottom: none;
}


#bitv-overlay-widget .bitv-popup .bitv-popup-header {
  position: relative;
}

#bitv-overlay-widget .bitv-popup .bitv-popup-header .bitv-close {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: white;
  border-radius: 50%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color: var(--color-main);
  cursor: pointer;
}

#bitv-overlay-widget .bitv-popup-body input[type="checkbox"] {
}

#bitv-overlay-widget .bitv-popup-body label {
  display: block;
  /* text-indent: -18px; */
  padding-left: 25px; /* Abstand für eingerückte zweite Zeile */
}

body.bg-dark .bitv-popup.visible {
  background: var(--color-accent);
  border: 1px solid #fff;
  color: #fff;
}

body.bg-dark .bitv-popup h3 {
  color: #ffffff;
}

.lightbar-active::before {
  background: transparent !important;
}

.bitv-popup.visible label {
  /* font-size: 0.7em; */
  margin: 0;
  padding: 0;
  height: unset;
  display: block;
}

/* body.cursor-highlight-active {
  cursor: url(../img/cursor-big.png), auto !important;
}

.cursor-highlight-active input:not([type="radio"]),
.cursor-highlight-active textarea {
  cursor: url(../img/text-cursor_2.png) 9 25, auto !important;
}
.cursor-highlight-active a,
.cursor-highlight-active button,
.cursor-highlight-active .radio label,
.cursor-highlight-active .radio input,
.cursor-highlight-active .checkbox label,
.cursor-highlight-active .checkbox input,
.cursor-highlight-active input[type="submit"],
.cursor-highlight-active input[type="date"],
.cursor-highlight-active input[type="reset"],
.cursor-highlight-active input[type="file"] {
  cursor: url(../img/pointer.png) 18 0, auto !important;
}

body.cursor-highlight-active.bg-dark {
  cursor: url(../img/white_cursor-big.png), auto !important;
}

.cursor-highlight-active.bg-dark input:not([type="radio"]),
.cursor-highlight-active.bg-dark textarea {
  cursor: url(../img/white_text-cursor.png) 9 25, auto !important;
}
.cursor-highlight-active.bg-dark a,
.cursor-highlight-active.bg-dark button,
.cursor-highlight-active.bg-dark .radio label,
.cursor-highlight-active.bg-dark .radio input,
.cursor-highlight-active.bg-dark .checkbox label,
.cursor-highlight-active.bg-dark .checkbox input,
.cursor-highlight-active.bg-dark input[type="submit"],
.cursor-highlight-active.bg-dark input[type="date"],
.cursor-highlight-active.bg-dark input[type="reset"],
.cursor-highlight-active.bg-dark input[type="file"] {
  cursor: url(../img/white_pointer.png) 18 0, auto !important;
} */


button#resetSettings{
  background: #fff;
  border-radius: 20px;
  display: inline-block;
  cursor: pointer;
  color: #503291;
  padding: 5px 20px;
  margin-top: 10px;
  font-size: 1rem;
}

#bitv-overlay-widget .bitv-popup .bitv-popup-body label {
  display: inline-flex;       
  align-items: center;
  cursor: pointer;            
  margin: 8px 0;             
}

/* Checkbox als Toggle stylen */
#bitv-overlay-widget .bitv-popup .bitv-popup-body label input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  width: 40px;
  height: 20px;
  background-color: #ccc;     
  border-radius: 20px;        
  position: relative;        
  outline: none;              
  margin-right: 8px;         
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

/* Weißer Kreis im Inneren */
#bitv-overlay-widget .bitv-popup .bitv-popup-body label input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
}

/* Im aktiven Zustand ändert sich die Hintergrundfarbe, 
   der Kreis rutscht nach rechts */
#bitv-overlay-widget .bitv-popup .bitv-popup-body label input[type="checkbox"]:checked {
  background-color: #2196F3;
}

#bitv-overlay-widget .bitv-popup .bitv-popup-body label input[type="checkbox"]:checked::before {
  transform: translateX(20px);
}

 
.highlight-headings h1,
.highlight-headings h2,
.highlight-headings h3,
.highlight-headings h4,
.highlight-headings h5,
.highlight-headings h6,
.highlight-headings .h1,
.highlight-headings .h2,
.highlight-headings .h3,
.highlight-headings .h4,
.highlight-headings .h5,
.highlight-headings .h6 {
  border: 3px solid magenta !important;
}

.highlight-links a {
  outline: 2px solid magenta !important;
  outline-offset: 5px;
}

@media (max-width: 1439px) {
  #bitv-overlay-widget .bitv-popup-body label {
    font-size: 0.75em;
  }
}



.monochrome .footer-wrapper .footer-menu{
  position: relative;
}



.dark-mode .header-wrapper *:not(.level_2),
.dark-mode .slides *{
     background-color: transparent !important;
}

.dark-mode .ncwrap + .container .header-wrapper .logo a::after{
  filter: brightness(0.2);
}

.dark-mode .searchitem button.search-link, .mm-page .menu-wrapper ul.main-menu.megadropdown > li > button.search-link{
 filter: brightness(100);
}

.dark-mode #c182.element-gridelements_pi1 .section-group .element-textmedia span a:hover{
    color: #ff6ab5 !important;
}

.dark-mode .btn-primary:hover, 
.dark-mode .primaerbutton:hover, 
.dark-mode .btn-primary:active, 
.dark-mode .primaerbutton:active, 
.dark-mode .btn-primary:focus, 
.dark-mode .primaerbutton:focus{
      background: #ff6ab5 !important;
}

.dark-mode .bitv-widget {
    background-color: transparent !important;
}

.dark-mode .t3-layout-accordion .frame-type-textmedia header.active h4 {
    background-color: var(--vibrant-magenta) !important;
    color: var(--white);
}

.dark-mode .t3-layout-accordion .frame-type-textmedia header h4{
    background-color: var(--rich-purple) !important;
}

.dark-mode .t3-layout-accordion .frame-type-textmedia header:hover h4 {
    background-color: var(--vibrant-cyan) !important;
    color: var(--rich-purple) !important;
}