.text-normal {text-transform: none; text-deocration: none;}

.red {color: var(--warning);}


h1 {
  hyphens: auto;
}

.subcats_title > span {
  hyphens: none;
}

hr {
  border:0;
  border-top: 1px solid var(--bs-border-color);
}

.text-transform-none {
  text-transform: none !important;
}

/*
*/
#cboxTitle span:empty {
    display: none; 
}

#cboxTitle:has(span:empty) {
    visibility: hidden; 
    margin-top: -50px;
    height: 0; 
    overflow: hidden; 
}

.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}


/* general styling */
:root {
  --smaller: .75;
}

#countdown {
  /*background:  var(--tpl-main-color);*/
}

.text-koipon-blue {
  color: var(--tpl-koipon-blue);
}

#countdown .container {
  color: var(--tpl-main-color);
  margin: 0 auto;
  text-align: center;
}


#countdown h1 {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
}

#countdown li {
  display: inline-block;
  font-size: 1.2em;
  list-style-type: none;
  padding: 0.3em 1em;
  min-width: 137px;
  text-transform: uppercase;

  
  background:  #000;
  color:  #fff;
  margin: 0 2px 0 0;
  text-align:  center;
  font-weight: 600;
}

#countdown li:before {
  content: '' !important;
}

#countdown li span {
  display: block;
  font-family: var(--tpl-font-heading);
  font-size: 3.5rem;
  line-height: 1.0;
}


#countdown.countdown_info li span {
 font-size: 1.6rem; 
 line-height: 1.2;

}

#countdown li:first-child {
 border-radius: 6px 0 0 6px;
}

#countdown li:last-child {
 border-radius: 0 6px 6px 0;
}

#countdown.countdown_info li  {
 font-size: 0.7em; 
}


#countdown.countdown_info li {

  min-width:  58px;
  margin: 0 2px 0 0;
  padding:  2px;
  text-align:  center;

}


#countdown #content{
  display: none;
  padding: 1rem;
}

#countdown .emoji span {
  font-size: 4rem;
  padding: 0 .5rem;
}

@media all and (max-width: 768px) {


  #countdown h1 {
    font-size: calc(1.5rem * var(--smaller));
  }
  
  #countdown li {
    font-size: calc(1.125rem * var(--smaller));
    min-width: 70px;
    padding: 0.8em 0.5em;
  }
  
  #countdown li span {
    font-size: calc(3.375rem * var(--smaller));
  }
}

.btn {
  border-radius: 3px;
}
.fw-400 {
  font-weight: 400 !important;
}

.mb-lg {
  margin-bottom: 16rem !important;
}

.mt-lg {
  margin-top: 16rem !important;
}

.box-shadow {
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.08);
}

.list-style-none {
  list-style-type: none;
}


.centered-list {
  text-align: center; /* Zentriert die Liste horizontal */
  padding: 0;
  margin: 0 auto;
  list-style-type: none; /* Entfernt Standard-Aufzählungspunkte */
}

.centered-list li {
  display: inline-block;
  position: relative;
  padding: 0 10px; /* Abstand zwischen den Elementen */
}

.centered-list li::after {
  content: "•"; /* Das Trennsymbol, in diesem Fall ein Punkt */
  position: absolute;
  right: -7px; /* Positioniert den Punkt zwischen den <li> */
}

.centered-list li:last-child::after {
  content: ""; /* Entfernt den Punkt nach dem letzten Element */
}

/*custom lists*/

ul.custom-icons {
  list-style: none;
  padding-left: 0;
  margin-left: 0 !important;
}

ul.custom-icons li{
  display: flex;
    align-items: center;
    line-height:1.6;
}


ul.custom-icons li::before {
  min-width: 15px;
  margin-right: 12px; 
}

ul.check li::before {
     content: url('/images/svg_icons/fa-check.svg'); 
     align-self: flex-start;

   }

ul.advice li::before {
     content: url('/images/svg_icons/fa-hand-point-right.svg'); 
     align-self: flex-start;

   }


ul.obacht li::before {
     content: url('/images/svg_icons/fa-hand-point-up.svg'); 
     align-self: flex-start;

   }
      
      

ul.links li::before {
     content: url('/images/svg_icons/fa-arrow-alt-right.svg'); 
     align-self: flex-start;

   }

ul.vorteile li::before {
     content: url('/images/svg_icons/fa-plus-circle.svg'); 
     align-self: flex-start;

   }

ul.nachteile li::before {
     content: url('/images/svg_icons/fa-minus-circle.svg'); 
     align-self: flex-start;
     margin-top: 2px;

   }


 .my-6 {
     margin-top: 6rem !important;
     margin-bottom: 6rem !important;
 }

 .font-weight-bold {
  font-weight: 700 !important;
 }

 .font-weight-normal {
  font-weight: 400 !important;
 }

/* Slider normal */

.splide_normal_slider .splide__slide img {
    width: 100%;
    height: auto;
  }



/* flaoting labels */

  
  .inputRequirement {
      display: none;
  }


  .form-label-group {
    position: relative;
    margin-bottom: 1rem;
  }

  .form-label-group > label {
    height: 2.75rem;
    padding: .75rem;
  }

  .form-label-group label.radio {
    display: inline-block;
  }

  .form-label-group > input {
    height: 2.75rem;
    padding: 1.25rem;
  }

  .form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /*width: 100%;*/
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    color: inherit;
    pointer-events: none;
    cursor: text; /* Match the input under the label */
    border: 1px solid transparent;
    border-radius: 2px;
    transition: all .1s ease-in-out;
    font-size: 13px;
  }

  .form-label-group textarea {
    border-radius: 0;
  }

  .form-label-group input::-webkit-input-placeholder,
  .form-label-group textarea::-webkit-input-placeholder, {
    color: transparent;
  }

  .form-label-group input:-ms-input-placeholder,
  .form-label-group textarea:-ms-input-placeholder {
    color: transparent;
  }

  .form-label-group input::-ms-input-placeholder,
  .form-label-group textarea::-ms-input-placeholder {
    color: transparent;
  }

  .form-label-group input::-moz-placeholder,
  .form-label-group textarea::-moz-placeholder {
    color: transparent;
  }

  .form-label-group input::placeholder,
  .form-label-group textarea::placeholder {
    color: transparent;
  }

  /*.form-label-group:not(.endereco-s--email_correct) input:not(:placeholder-shown),*/
  .form-label-group input:not(:placeholder-shown),
  .form-label-group input:focus,
  .form-label-group textarea:not(:placeholder-shown),
  .form-label-group textarea:focus  {
    padding-top: .25rem;
    padding-bottom: .25rem;
    border-color: var(--tpl-koipon-blue);
    color: var(--tpl-koipon-blue);

  }

  .form-label-group textarea:not(:placeholder-shown),
  .form-label-group textarea:focus  {
    padding-top: .65rem;

  }

  .form-label-group[class*="correct"]:not([class*="not_correct"]) input:not(:placeholder-shown),
  .form-label-group[class*="correct"]:not([class*="not_correct"]) input:focus,
  .form-label-group[class*="correct"]:not([class*="not_correct"]) textarea:not(:placeholder-shown),
  .form-label-group[class*="correct"]:not([class*="not_correct"]) textarea:focus   {
    border-color: var(--success);
  }

  .form-label-group input:not(:placeholder-shown) ~ label,
  .form-label-group input:-webkit-autofill ~ label,  
  .form-label-group input:focus ~ label,
  .form-label-group textarea:not(:placeholder-shown) ~ label,
  .form-label-group textarea:-webkit-autofill ~ label,  
  .form-label-group textarea:focus ~ label{
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding: .25rem;
    font-size: 12px;
    color: var(--dark);

        top: -13px;
        left: 5px;
        background: #fff !important;
        height: 25px;
        display: inline-block;
        z-index: 4;
  }

  .form-label-group[class*="correct"]:not([class*="not_correct"]) input:not(:placeholder-shown) ~ label,
  .form-label-group[class*="correct"]:not([class*="not_correct"]) input:-webkit-autofill ~ label,  
  .form-label-group[class*="correct"]:not([class*="not_correct"]) input:focus ~ label,
  .form-label-group[class*="correct"]:not([class*="not_correct"]) textarea:focus ~ label,

   {
    color: var(--success);
  }




  .form-label-group select {
    height: 50px;
    background-color: #fff;
    font-size: 15px !important;
    padding-left: 10px;
  }

  .form-control:focus {
    box-shadow: none;
  }

  .input-group-addon:not(:first-child) {
    border-radius: 0;
   /* border-left: 1px solid transparent;
    background: #fff;*/
  }

  /* Fallback for Edge
  -------------------------------------------------- */
  @supports (-ms-ime-align: auto) {
    .form-label-group > label {
      display: none;
    }
    .form-label-group input::-ms-input-placeholder {
      color: #777;
    }
  }

  /* Fallback for IE
  -------------------------------------------------- */
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-label-group > label {
      display: none;
    }
    .form-label-group input:-ms-input-placeholder {
      color: #777;
    }
  }

  input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus, 
  input:-webkit-autofill:active{
      -webkit-background-clip: text;
      /*-webkit-text-fill-color: #ffffff;*/
      transition: background-color 5000s ease-in-out 0s;
  }

 /*Floating Labels END */


.logofooter{
  max-width: 200px;
}

.svg-pay {
  color: white;
  width: 30px;
  height: 34px;
}

.svg-partner {
  max-width: 100px;
}



.mod_copyright a {
  color: var(--footer-copyright);
  border: 1px solid transparent;
}

.brands img {
  max-width: 80px;
}

.content_box_payment > span img {

    filter: none;

}

.startlogos img, img.blend {
    mix-blend-mode: multiply;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.col_logo svg {
    width: 160px;
    height: 45px;
}


.menu_items > li > a {
	font-size: 14px;
  letter-spacing: .01em;
}

#account_short .fasd, #account_short .fa-regular, #account_short .fal {
    font-size: 18px;
}

#cart_short .fal, #cart_short .fa-regular, #cart_short .fal, #wishlist_short .fal, #wishlist_short .fa-regular, #settings_short .fal, #settings_short .fa-regular, #account_short .fal, #account_short .fa-regular, #menu_short .fal, #menu_short .fa-regular {
    font-size: 20px;
    line-height: 39px;
    width: 39px;
}

.footer_item ul.content_box_list li a {
    font-size: 14px;

}

.breadcrumb .fas, .breadcrumb .fal {
    margin: 2px 0px;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    width: 24px;
    text-align: center;
}


.slider_row .splide:hover img {
  opacity: 1;
}



.svgicon.svg-sm, .svg-inline--fa.svg-sm {
    height: 15px;
}

svg:not(:root) {
    overflow: hidden;
}

.svgicon.svg-lg, .svg-inline--fa.svg-lg {
    height: 35px;
}

.svgicon.svg-xl, .svg-inline--fa.svg-xl {
    height: 55px;
}
.svgicon.svg-xxl, .svg-inline--fa.svg-xxl {
    height: 85px;
}




.startlogos img, img.blend {
    mix-blend-mode: multiply;
}




/* Line Height */
.line-height-initial {
  line-height: initial !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.line-height-1-1 {
  line-height: 1.1 !important;
}

.line-height-2 {
  line-height: 1.2 !important;
}

.line-height-3 {
  line-height: 1.3 !important;
}

.line-height-4 {
  line-height: 1.4 !important;
}

/* Font Size */
.text-0 {
  font-size: .7em !important;
}

.text-1 {
  font-size: .8em !important;
}

.text-2 {
  font-size: .9em !important;
}

.text-2-3,
.text-2-5 {
  font-size: .95em !important;
}

.text-3 {
  font-size: 1em !important;
}

.text-3-4,
.text-3-5 {
  font-size: 1.1em !important;
}

.text-4 {
  font-size: 1.2em !important;
}

.text-4-5 {
  font-size: 1.35em !important;
}

.text-5 {
  font-size: 1.50em !important;
}

.text-5-6,
.text-5-5 {
  font-size: 1.65em !important;
}

.text-6 {
  font-size: 1.80em !important;
}

.text-6-7,
.text-6-5 {
  font-size: 1.9em !important;
}

.text-7 {
  font-size: 2em !important;
}

.text-8 {
  font-size: 2.30em !important;
}

.text-9 {
  font-size: 2.50em !important;
}

.text-10 {
  font-size: 2.75em !important;
}

.text-11 {
  font-size: 3em !important;
}

.text-12 {
  font-size: 3.5em !important;
}

.text-12-13,
.text-12-5 {
  font-size: 3.75em !important;
}

.text-13 {
  font-size: 4em !important;
}

.text-14 {
  font-size: 4.5em !important;
}

.text-15 {
  font-size: 5em !important;
}

.text-16 {
  font-size: 5.33em !important;
}

.text-17 {
  font-size: 5.66em !important;
}

.text-18 {
  font-size: 6em !important;
}

.text-19 {
  font-size: 6.33em !important;
}

.text-20 {
  font-size: 6.66em !important;
}

@media (min-width: 576px) {
  .text-sm-0 {
    font-size: .7em !important;
  }

  .text-sm-1 {
    font-size: .8em !important;
  }

  .text-sm-2 {
    font-size: .9em !important;
  }

  .text-sm-2-3,
    .text-sm-2-5 {
    font-size: .95em !important;
  }

  .text-sm-3 {
    font-size: 1em !important;
  }

  .text-sm-3-4,
    .text-sm-3-5 {
    font-size: 1.1em !important;
  }

  .text-sm-4 {
    font-size: 1.2em !important;
  }

  .text-sm-4-5 {
    font-size: 1.35em !important;
  }

  .text-sm-5 {
    font-size: 1.50em !important;
  }

  .text-sm-5-6,
    .text-sm-5-5 {
    font-size: 1.65em !important;
  }

  .text-sm-6 {
    font-size: 1.80em !important;
  }

  .text-sm-6-7,
    .text-sm-6-5 {
    font-size: 1.9em !important;
  }

  .text-sm-7 {
    font-size: 2em !important;
  }

  .text-sm-8 {
    font-size: 2.30em !important;
  }

  .text-sm-9 {
    font-size: 2.50em !important;
  }

  .text-sm-10 {
    font-size: 2.75em !important;
  }

  .text-sm-11 {
    font-size: 3em !important;
  }

  .text-sm-12 {
    font-size: 3.5em !important;
  }

  .text-sm-12-13,
    .text-sm-12-5 {
    font-size: 3.75em !important;
  }

  .text-sm-13 {
    font-size: 4em !important;
  }

  .text-sm-14 {
    font-size: 4.5em !important;
  }

  .text-sm-15 {
    font-size: 5em !important;
  }

  .text-sm-16 {
    font-size: 5.33em !important;
  }

  .text-sm-17 {
    font-size: 5.66em !important;
  }

  .text-sm-18 {
    font-size: 6em !important;
  }

  .text-sm-19 {
    font-size: 6.33em !important;
  }

  .text-sm-20 {
    font-size: 6.66em !important;
  }
}

@media (min-width: 768px) {
  .text-md-0 {
    font-size: .7em !important;
  }

  .text-md-1 {
    font-size: .8em !important;
  }

  .text-md-2 {
    font-size: .9em !important;
  }

  .text-md-2-3,
    .text-md-2-5 {
    font-size: .95em !important;
  }

  .text-md-3 {
    font-size: 1em !important;
  }

  .text-md-3-4,
    .text-md-3-5 {
    font-size: 1.1em !important;
  }

  .text-md-4 {
    font-size: 1.2em !important;
  }

  .text-md-4-5 {
    font-size: 1.35em !important;
  }

  .text-md-5 {
    font-size: 1.50em !important;
  }

  .text-md-5-6,
    .text-md-5-5 {
    font-size: 1.65em !important;
  }

  .text-md-6 {
    font-size: 1.80em !important;
  }

  .text-md-6-7,
    .text-md-6-5 {
    font-size: 1.9em !important;
  }

  .text-md-7 {
    font-size: 2em !important;
  }

  .text-md-8 {
    font-size: 2.30em !important;
  }

  .text-md-9 {
    font-size: 2.50em !important;
  }

  .text-md-10 {
    font-size: 2.75em !important;
  }

  .text-md-11 {
    font-size: 3em !important;
  }

  .text-md-12 {
    font-size: 3.5em !important;
  }

  .text-md-12-13,
    .text-md-12-5 {
    font-size: 3.75em !important;
  }

  .text-md-13 {
    font-size: 4em !important;
  }

  .text-md-14 {
    font-size: 4.5em !important;
  }

  .text-md-15 {
    font-size: 5em !important;
  }

  .text-md-16 {
    font-size: 5.33em !important;
  }

  .text-md-17 {
    font-size: 5.66em !important;
  }

  .text-md-18 {
    font-size: 6em !important;
  }

  .text-md-19 {
    font-size: 6.33em !important;
  }

  .text-md-20 {
    font-size: 6.66em !important;
  }
}

@media (min-width: 992px) {
  .text-lg-0 {
    font-size: .7em !important;
  }

  .text-lg-1 {
    font-size: .8em !important;
  }

  .text-lg-2 {
    font-size: .9em !important;
  }

  .text-lg-2-3,
    .text-lg-2-5 {
    font-size: .95em !important;
  }

  .text-lg-3 {
    font-size: 1em !important;
  }

  .text-lg-3-4,
    .text-lg-3-5 {
    font-size: 1.1em !important;
  }

  .text-lg-4 {
    font-size: 1.2em !important;
  }

  .text-lg-4-5 {
    font-size: 1.35em !important;
  }

  .text-lg-5 {
    font-size: 1.50em !important;
  }

  .text-lg-5-6,
    .text-lg-5-5 {
    font-size: 1.65em !important;
  }

  .text-lg-6 {
    font-size: 1.80em !important;
  }

  .text-lg-6-7,
    .text-lg-6-5 {
    font-size: 1.9em !important;
  }

  .text-lg-7 {
    font-size: 2em !important;
  }

  .text-lg-8 {
    font-size: 2.30em !important;
  }

  .text-lg-9 {
    font-size: 2.50em !important;
  }

  .text-lg-10 {
    font-size: 2.75em !important;
  }

  .text-lg-11 {
    font-size: 3em !important;
  }

  .text-lg-12 {
    font-size: 3.5em !important;
  }

  .text-lg-12-13,
    .text-lg-12-5 {
    font-size: 3.75em !important;
  }

  .text-lg-13 {
    font-size: 4em !important;
  }

  .text-lg-14 {
    font-size: 4.5em !important;
  }

  .text-lg-15 {
    font-size: 5em !important;
  }

  .text-lg-16 {
    font-size: 5.33em !important;
  }

  .text-lg-17 {
    font-size: 5.66em !important;
  }

  .text-lg-18 {
    font-size: 6em !important;
  }

  .text-lg-19 {
    font-size: 6.33em !important;
  }

  .text-lg-20 {
    font-size: 6.66em !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-0 {
    font-size: .7em !important;
  }

  .text-xl-1 {
    font-size: .8em !important;
  }

  .text-xl-2 {
    font-size: .9em !important;
  }

  .text-xl-2-3,
    .text-xl-2-5 {
    font-size: .95em !important;
  }

  .text-xl-3 {
    font-size: 1em !important;
  }

  .text-xl-3-4,
    .text-xl-3-5 {
    font-size: 1.1em !important;
  }

  .text-xl-4 {
    font-size: 1.2em !important;
  }

  .text-xl-4-5 {
    font-size: 1.35em !important;
  }

  .text-xl-5 {
    font-size: 1.50em !important;
  }

  .text-xl-5-6,
    .text-xl-5-5 {
    font-size: 1.65em !important;
  }

  .text-xl-6 {
    font-size: 1.80em !important;
  }

  .text-xl-6-7,
    .text-xl-6-5 {
    font-size: 1.9em !important;
  }

  .text-xl-7 {
    font-size: 2em !important;
  }

  .text-xl-8 {
    font-size: 2.30em !important;
  }

  .text-xl-9 {
    font-size: 2.50em !important;
  }

  .text-xl-10 {
    font-size: 2.75em !important;
  }

  .text-xl-11 {
    font-size: 3em !important;
  }

  .text-xl-12 {
    font-size: 3.5em !important;
  }

  .text-xl-12-13,
    .text-xl-12-5 {
    font-size: 3.75em !important;
  }

  .text-xl-13 {
    font-size: 4em !important;
  }

  .text-xl-14 {
    font-size: 4.5em !important;
  }

  .text-xl-15 {
    font-size: 5em !important;
  }

  .text-xl-16 {
    font-size: 5.33em !important;
  }

  .text-xl-17 {
    font-size: 5.66em !important;
  }

  .text-xl-18 {
    font-size: 6em !important;
  }

  .text-xl-19 {
    font-size: 6.33em !important;
  }

  .text-xl-20 {
    font-size: 6.66em !important;
  }
}

.text-1rem {
  font-size: 16px !important;
  font-size: 1rem !important;
}