[elm]:before {content: "..."}


.form-check-input:checked{
  background-color: black!important;
  border-color: black!important;
}

.form-check-input:focus{
  border: 1px solid rgba(0,0,0,.25);
}

@media (max-width: 400px) {
  .t1{
    font-size: 3.5em!important;
    font-family: Montserrat, sans-serif!important;
    font-weight: bold!important;
    color: #ffffff!important;
    margin: 0;
  }
  .t1_b{
    font-size: 3.5em!important;
    font-family: Montserrat, sans-serif!important;
    font-weight: bold!important;
    color: #000000!important;
    margin: 0;
  }
  .t2{
    font-size: 1.7em!important;
    font-family: Poppins, sans-serif!important;
    font-weight: bold!important;
    color: #2b2a25!important;
    margin: 0;
  }
}

@media (min-width: 401px) {
  .t1{
    font-size: 4em!important;
    font-family: Montserrat, sans-serif!important;
    font-weight: bold!important;
    color: #ffffff!important;
    margin: 0;
  }
  .t1_b{
    font-size: 4em!important;
    font-family: Montserrat, sans-serif!important;
    font-weight: bold!important;
    color: #000000!important;
    margin: 0;
  }
  .t2{
    font-size: 1.9em!important;
    font-family: Poppins, sans-serif!important;
    font-weight: bold!important;
    color: #2b2a25!important;
    margin: 0;
  }
}



@media (max-width: 590px) 
{
  .prov_sm{
    display: none!important;
  }
}

.t3{
  font-size: 1.2em!important;
  font-family: Poppins, sans-serif!important;
  font-weight: bold!important;
  color: #2b2a25!important;
  text-align: left!important;
  margin: 0;
}
.t4{
  font-size: 1.1em!important;
  font-family: Poppins, sans-serif!important;
  font-weight: normal!important;
  color: #000000!important;
  margin: 0;
}
.t5{
  font-size: 1em!important;
  font-family: Poppins, sans-serif!important;
  font-weight: normal!important;
  color: #8e8e8e!important;
  text-align: left!important;
  margin: 0;
}

.t6{
  font-size: 0.9em!important;
  font-family: Poppins, sans-serif!important;
  font-weight: normal!important;
  color: #6d6d6d!important;
  text-align: left!important;
  margin: 0;
}

.t6_g{
  font-size: 0.9em!important;
  font-family: Poppins, sans-serif!important;
  font-weight: normal!important;
  color: #58bf54!important;
  text-align: left!important;
  margin: 0;
  text-decoration: none !important;
}

.t7{
  font-size: 0.6em!important;
  font-family: Poppins, sans-serif!important;
  font-weight: normal!important;
  color: #6d6d6d!important;
  margin: 0;
}

@media (max-width: 1200px) {
  .rows_break_3{
    display: inline!important;
  }
}

#customcheckbox:checked {
  background-color: #378c55 !important;
  border-color: #378c55 !important;
}

#customcheckbox .custom-control-input:checked:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25);
}

#customcheckbox .custom-control-input:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}

#customcheckbox .custom-control-input:active {
  background-color: #c8ffc8;
}

#CB_News:checked {
  background-color: #378c55!important;
  border-color: #378c55!important;
}


.btn-green:hover {
  outline: none;
  box-shadow: none;
  color: #212529;
  background-color: white;
  font-weight: bold;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:focus-visible {
  outline: none;
  box-shadow: none!important;
  color: white;
  background-color: #58bf54;
}


*.btn:focus {
  outline: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  #nav_bar {
    background-color: rgba(0,0,0,0.56);
  }
}

@media (max-width: 768px) {
  #col_0, #col_1, #col_2 {
    display: none;
  }
}

@media (min-width: 769px) {
  #col_im_t_2-auto {
    flex: 0 0 auto!important;
    width: auto!important;
  }
}

@media (max-width: 768px) {
  #col_im_t_2, #col_im_t_4, #col_main_2, #col_vi_2 {
    flex: 0 0 auto!important;
  }
}

@media (min-width: 769px) {
  #col_im_t_2-auto {
    flex: 0 0 auto!important;
    width: auto!important;
  }
}

@media (max-width: 300px) {
  body {
    font-size: 12px!important;
  }
}

@media (min-width: 1200px) {
  body {
    font-size: 15px!important;
  }
}

@media (max-width: 992px) {
  body {
    font-size: 13px!important;
  }
}

@media (max-width: 768px) {
  .col-4 {
    width: 100%!important;
  }
}

p {
  display: block;
  /*width: 100px;*/
  height: auto;
  word-break: break-word!important;
  word-wrap: break-word!important;
  white-space: normal;
}

.m1 {
  color: #6d6d6d !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 0.9em!important;
  text-align: left!important;
}

.m2 {
  color: #2b2a25;
  font-family: Poppins, sans-serif;
  margin: 0px;
  font-weight: bold;
  font-size: 2em;
  text-align: left;
}

.wave {
  position: relative;
  height: 70px;
  width: 100%;
  background: #f6eeda;
}

.wave:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 50%;
  height: 80px;
  background-color: #ffffff;
  right: 17px;
  top: 40px;
}

.wave:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 50%;
  height: 70px;
  background-color: #f6eeda;
  left: 0;
  top: 27px;
}

.wave_g:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 50%;
  height: 70px;
  background-color: #9ac14a;
  left: 0;
  top: 27px;
}

.wave_g:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 50%;
  height: 80px;
  background-color: #ffffff;
  right: 17px;
  top: 40px;
}

.wave_g {
  position: relative;
  height: 70px;
  width: 100%;
  background: #9ac14a;
}

.wave_b:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 50%;
  height: 80px;
  background-color: #ffffff;
  right: 17px;
  top: 40px;
}

.wave_b:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 50%;
  height: 70px;
  background-color: #daf8ff;
  left: 0;
  top: 27px;
}

.wave_b {
  position: relative;
  height: 70px;
  width: 100%;
  background: #daf8ff;
}

.wave_dg {
  position: relative;
  height: 70px;
  width: 100%;
  background: #3f7309;
}

@media (max-width: 1210px) {
  #row_philo_nach {
    display: inline!important;
  }
}

@media (min-width: 1211px) {
  #img_philo_nach {
    display: none;
  }
}

@media (max-width: 1210px) {
  #img_philo_nach_zero {
    display: none;
  }
}

.btn-green {
  font-family: Poppins, sans-serif;
  background: #58bf54;
  border-radius: 0.8em;
  border-style: none;
  font-size: 1em;
  font-weight: 600;
  color: rgb(255,255,255);
  text-align: center;
  padding-top: 0.5em;
  padding-right: 2em;
  padding-bottom: 0.5em;
  padding-left: 2em;
}

.btn-dark {
  text-decoration: none;
  font-family: Poppins, sans-serif;
  background: black;
  border-radius: 0.8em;
  border-style: none;
  font-size: 1em;
  font-weight: 600;
  color: white;
  text-align: center;
  padding-top: 0.5em;
  padding-right: 2em;
  padding-bottom: 0.5em;
  padding-left: 2em;
}

.dropdown-item:active, .dropdown-item:active {
  outline: none!important;
  background-color: Transparent!important;
  background-repeat:no-repeat!important;
  border: none!important;
}
 
 /* The switch - the box around the slider */
 .switch {
  position: relative;
  display: inline-block;
  width: 3em;
  height: 1.3em;
}

.dropdown-item{
  color: #1b2326;
  font-size: 12px;
  font-family: Poppins, sans-serif;
}

.nav-item{
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.nav-link{
  color: #000000!important;
  font-family: Poppins, sans-serif!important;
  padding: 0px!important;
  padding-right: 15px!important;
  padding-left: 15px!important;
  font-size: 1.1em!important;
  padding-bottom: 8px!important;
  padding-top: 8px!important;
  text-align: center!important;
}

.navbar-nav{
  padding-top: 0.2em!important;
  padding-bottom: 0.2em!important;
}

.nav-btn, .nav-btn:hover{
  color: #ffffff!important;
  font-family: Poppins, sans-serif!important;
  border-radius: 9px!important;
  padding: 0px!important;
  font-size: 1.1em!important;
  font-weight: bold!important;
  background: #000000!important;
  border: 2px none #000000!important;
  text-align: center!important;
  padding-top: 8px!important;
  padding-right: 15px!important;
  padding-bottom: 8px!important;
  padding-left: 15px!important;
  text-decoration: none!important;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 0.8em;
  width: 0.8em;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #58bf54;
}

input:focus + .slider {
  box-shadow: 0 0 1px #58bf54;
}

input:checked + .slider:before {
  -webkit-transform: translateX(1em);
  -ms-transform: translateX(1em);
  transform: translateX(1.7em);
}

/* Rounded sliders */
.slider.round {
  border-radius: 1em;
}

.slider.round:before {
  border-radius: 50%;
} 

.g_sub_btn_round{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #58bf54;
  border-radius: 6px;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 7px 0px 7px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.g_sub_btn_round:focus{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #58bf54;
  border-radius: 6px;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 7px 0px 7px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.g_sub_btn_round:hover{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #50ad4d;
  border-radius: 6px;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 7px 0px 7px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.r_sub_btn_round{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #f25050;
  border-radius: 6px;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 7px 0px 7px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.r_sub_btn_round:focus{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #f25050;
  border-radius: 6px;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 7px 0px 7px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.r_sub_btn_round:hover{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #d84646;
  border-radius: 6px;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 7px 0px 7px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}


.b_open_btn_bcorner{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #1b2326;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  border-radius: 12px 12px 0px 0px;
}

.b_open_btn_bcorner:focus{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #1b2326;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.b_open_btn_bcorner:hover{
  width: 100%; 
  font-family: Poppins, sans-serif;
  background: #07090a;
  border-style: none;
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.ref-button {
  background-color: #ffa41c!important;
  color: black!important;
}

.ref-form-control:focus-visible {
  outline: 2px solid black;
}

.reflow-add-to-cart.ref-product-controls .ref-personalization input[type="checkbox"] {
  accent-color: black!important;
}


.reflow-shopping-cart .ref-cart .ref-accept-terms input[type="checkbox"] {
  accent-color: black!important;
}

.reflow-shopping-cart:active .ref-cart:active .ref-accept-terms:active input[type="checkbox"]:active {
  accent-color: black!important;
  background-color: black!important;
}

.reflow-shopping-cart:hover .ref-cart:hover .ref-accept-terms:hover input[type="checkbox"]:hover {
  background-color: black!important;
  accent-color: black!important;
}

@media (max-width: 576px) {
  .vw-sm-100 {
    flex: 0 0 auto;
    width: auto;
    width: 100vw!important;
  }
}

.verticalSlide {
  will-change: transform!important;
  transition: transform 0.3s ease-in-out!important;
}