/*
Theme Name: Weblabels v7.0 - Child Theme
Theme URI: https://www.weblabels.de
Author: Patrick Hinz | Weblabels
Author URI: https://www.web-labels.de
Description: Description: Die v6.2 des hauseigenen Themes von Weblabels mit Bootstrap 5.2.3 + Icons und Fontawsome 6. Das Theme ist sehr leicht in der Größe und bietet viele verschiedene Funktionalitäten für die man sonst ein Plugin benötigt. Von der Merkliste bis hin zur WooCommerce Bildergalerie ohne Plugin.
Template:     weblabels
Tested up to: 8.3
Requires PHP: 7.4
Version:      7.0.0

#  ##   ##  #######  ######            ####       ##     ######   #######  ####      ##### #
#  ##   ##   ##   #   ##  ##            ##       ####     ##  ##   ##   #   ##      ##   ## #
#  ##   ##   ## #     ##  ##            ##      ##  ##    ##  ##   ## #     ##      # #
#  ## # ##   ####     #####             ##      ##  ##    #####    ####     ##       ##### #
#  #######   ## #     ##  ##            ##   #  ######    ##  ##   ## #     ##   #       ## #
#  ### ###   ##   #   ##  ##            ##  ##  ##  ##    ##  ##   ##   #   ##  ##  ##   ## #
#  ##   ##  #######  ######            #######  ##  ##   ######   #######  #######   ##### #
*/

/*##################################
        Generelle Styles
##################################*/
.details--list-detail:nth-child(even) {
        background-color: #ffffff; /* Heller Hintergrund für gerade Zeilen */
    }
    
    .details--list-detail:nth-child(odd) {
        background-color: #f0f0f0; /* Weißer Hintergrund für ungerade Zeilen */
    }
.lSPager.lSGallery  { margin-top:4px !important; }

/*##################################################
        Contact Form 7 Master Styling
##################################################*/
.wpcf7-form a           { color: var(--e-global-color-primary); }
.wpcf7-form a:hover     { color: var(--e-global-color-secondary); text-decoration: none; }
.captcha-image          { margin: 15px 0px 0px 0px !important; }
select                  { width: 100%; }

.captcha-image label > input:checked + svg{
        border: 2px solid var(--e-global-color-primary) !important;
}

.link--datenschutz , .captcha-image label{
     font-family: Sans-serif;
     font-size: 12px;
     font-weight: 500;
}

span[data-name="gruppenliste"] span.wpcf7-not-valid-tip {
        display: none !important;
}

.elementor-174 .elementor-element.elementor-element-386c33e .eael-contact-form-7 .wpcf7-not-valid-tip{display: none !important;}



.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0 10px 20px 0;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}




.toggle-switch .wpcf7-list-item {
  display: inline-block; /* Oder block, je nach gewünschter Anordnung */
  margin-right: 10px; /* Füge einen Abstand zwischen den Schaltern hinzu */
}

.toggle-switch .wpcf7-list-item input[type="radio"] {
  display: none; /* Verberge das eigentliche Radiobutton */
}

.toggle-switch .wpcf7-list-item label {
  display: inline-block;
  padding: 10px 20px;
  background-color: #eee;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 5px;
}

.toggle-switch .wpcf7-list-item input[type="radio"]:checked + label {
  background-color: #4CAF50;
  color: white;
  border-color: #4CAF50;
}