/*CSS PARA MODIFICACIIONES POR PARTE DE CAREVISION*/

/*Mostrar u ocultar el módulo de webinar*/


.webinar {
  display: none;
}


/*
IMÁGENES DE LOS COMPONENTE HERO 
Deben cambiarse de la versión mobile y PC
Siendo 1080 o 768 dependendiendo del caso la imagen PC
*/
/*HOME*/
.home .hero-bg {
  background: url(img/home/wanderer_mob.jpg) no-repeat #d3dce5;
  background-position: center 25%;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .home .hero-bg {
    background: url(img/home/wanderer.jpg) no-repeat #d3dce5;
    background-position: 65% 12%;
    background-size: cover;
  }
}
/**/

/*AUGENLASERN*/
.treatment.augen-lasern .hero-bg {
  background: url(img/augenlasern_taucher_mob.jpg) no-repeat #d3dce5;
  background-position: center 25%;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .treatment.augen-lasern .hero-bg {
    background: url(img/augenlasern_taucher.jpg) no-repeat #d3dce5;
    background-position: 65% 12%;
    background-size: cover;
    margin-top: 0px;
  }
}

@media only screen and (min-width: 1080px) {
  .treatment.augen-lasern .hero-bg {
    background: url(img/augenlasern_taucher.jpg) no-repeat #d3dce5;
    background-position: center 15%;
    background-size: cover;
    margin-top: 0px;
  }
}
/**/

/*LISENIMPLANTATION*/
.treatment.linsenimplantation .hero-bg {
  background: url(img/miol_wanderer_mob.jpg) no-repeat #d3dce5;
  background-position: center 25%;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .treatment.linsenimplantation .hero-bg {
    background: url(img/miol_wanderer.jpg) no-repeat #d3dce5;
    background-position: 65% 12%;
    background-size: cover;
  }
}

@media only screen and (min-width: 1080px) {
  .treatment.linsenimplantation .hero-bg {
    background: url(img/miol_wanderer.jpg) no-repeat #d3dce5;
    background-position: center 15%;
    background-size: cover;
  }
}
/**/

/*Kosten*/
.costs .hero-bg {
  background: url(img/kosten/kosten_mob.jpg) no-repeat #d3dce5;
  background-position: center 25%;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .costs .hero-bg {
    background: url(img/kosten/kosten.webp) no-repeat #d3dce5;
    background-position: center 5%;
    background-size: cover;
  }
}
/**/

/*Standorte*/
.clinics .hero-bg {
  background: url(img/standorte/hero_original.jpg) no-repeat #d3dce5;
  background-position: center;
  background-size: cover;
  margin-top: 100px;
}
@media only screen and (min-width: 768px) {
  .clinics .hero-bg {
    background: url(img/standorte/hero_original.jpg) no-repeat #d3dce5;
    background-position: center 25%;
    background-size: cover;
    margin-top: 0px;
  }
}
/**/

/*Single Clinic*/
.clinic .hero-bg {
  background: url(img/standorte/wanderer_mob.jpg) no-repeat #d3dce5;
  background-position: center 15%;
  background-size: cover;
  margin-top: 100px;
}
@media only screen and (min-width: 768px) {
  .clinic .hero-bg {
    background: url(img/standorte/wanderer.jpg) no-repeat #d3dce5;
    background-position: center 60% 15%;
    background-size: cover;
    margin-top: 0px;
  }
}
/**/

/*Arzte*/
.doctors .hero-bg {
  background: url(img/doctors/Header-Aerzte-Mobile.jpg) no-repeat #d3dce5;
  background-position: center 25%;
  background-size: cover;
  margin-top: 0px;
}
@media only screen and (min-width: 768px) {
  .doctors .hero-bg {
    background: url(img/doctors/Header-Aerzte-Desktop.jpg) no-repeat #d3dce5;
    background-position: center 25%;
    background-size: cover;
    margin-top: 0px;
  }
}
/**/

/*Uber uns*/
.aboutus .hero-bg {
  background: url(img/aboutus/ueberuns_mobile.jpg) no-repeat #d3dce5;
  background-position: center 25%;
  background-size: cover;
  margin-top: 100px;
}

@media only screen and (min-width: 768px) {
  .aboutus .hero-bg {
    background: url(img/aboutus/hero.webp) no-repeat #d3dce5;
    background-position: center 25%;
    background-size: cover;
    margin-top: 0px;
  }
}
/**/