/*** MauveColorSelector ***

Generated on runtime :-)

@MAIN_COLOR1@ => 	#e0001a
@MAIN_COLOR2@ => 	#147db0
@BACKGROUND@ => 	#ffffff
@BACKGROUND2@ => 	#ffffff

*** MauveColorSelector ***/

/* This file is the base file for "colors.raw" */

.container {
  width: 100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.bg-primary {
  background-color: #e0001a !important;
}

.bg-primary-light {
  background-color: #ffffff !important;
}

.bg-secondary {
  background-color: #147db0 !important;
}

.bg-secondary-light {
  background-color: #ffffff !important;
}

.hover\:bg-primary:hover {
  background-color: #e0001a !important;
}

.hover\:bg-primary-light:hover {
  background-color: #ffffff !important;
}

.hover\:bg-secondary:hover {
  background-color: #147db0 !important;
}

.hover\:bg-secondary-light:hover {
  background-color: #ffffff !important;
}

.border-primary {
  border-color: #e0001a !important;
}

.border-primary-light {
  border-color: #ffffff !important;
}

.border-secondary {
  border-color: #147db0 !important;
}

.border-secondary-light {
  border-color: #ffffff !important;
}

.hover\:border-primary:hover {
  border-color: #e0001a !important;
}

.hover\:border-primary-light:hover {
  border-color: #ffffff !important;
}

.hover\:border-secondary:hover {
  border-color: #147db0 !important;
}

.hover\:border-secondary-light:hover {
  border-color: #ffffff !important;
}

.text-primary {
  color: #e0001a !important;
}

.text-primary-light {
  color: #ffffff !important;
}

.text-secondary {
  color: #147db0 !important;
}

.text-secondary-light {
  color: #ffffff !important;
}

.hover\:text-primary:hover {
  color: #e0001a !important;
}

.hover\:text-primary-light:hover {
  color: #ffffff !important;
}

.hover\:text-secondary:hover {
  color: #147db0 !important;
}

.hover\:text-secondary-light:hover {
  color: #ffffff !important;
}

a {
  color: #e0001a !important;
}

a:hover {
  color: #147db0 !important;
}

.btn-primary {
  background-color: #e0001a !important;
  border-color: #e0001a !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: #147db0 !important;
  border-color: #147db0 !important;
  color: #fff !important;
}

.btn-primary-outline {
  background-color: #fff !important;
  border-color: #e0001a !important;
  color: #e0001a !important;
}

.btn-primary-outline:hover {
  background-color: #147db0 !important;
  border-color: #147db0 !important;
  color: #fff !important;
}

/* Invert the colors in the main menu */
.c-navmenu .o-nav__level--1 > .o-nav__item > a:hover,
.c-navmenu .o-nav__level--1 > .o-nav__item > a:focus {
  color: #fff !important;
  background: #e0001a !important;
}

/* Invert the colors in the 2nd-levels */
.o-nav__level--2 > .o-nav__item > a:hover {
  background-color: #e0001a !important;
  color: #fff !important;
}

#desktopNavigation .active,
#mobileNavigation .active,
#apothekenDeNavigation .active {
  background-color: #e0001a !important;
}


/* Slick dots */
.slick-arrow::before {
  color: #e0001a !important;
}

.slick-dots > li.slick-active button {
  background-color: #e0001a !important;
}


/* Index tabs */
ul.nav-tabs li.active a,
ul.nav-tabs li.active a:link,
ul.nav-tabs li.active a:visited,
ul.nav-tabs li.active a:hover,
ul.nav-tabs li.active a:focus,
ul.nav-pills li a:hover,
ul.nav-pills li a:focus {
  background: #e0001a;
  color: #fff !important;
}

/* Pagination */

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #e0001a;
}



/* Old stuff, just here for backwards compatibility */

.backgroundMainColor2,
.backgroundHoverMainColor2:hover,
.backgroundMainColor1:hover {
  background-color: #147db0 !important;
}

.colorMainColor2,
.colorHoverMainColor2:hover,
.colorMainColor1:hover {
  color: #147db0 !important;
}

@media (min-width: 576px) {
  .sm\:bg-primary {
    background-color: #e0001a !important;
  }

  .sm\:bg-primary-light {
    background-color: #ffffff !important;
  }

  .sm\:bg-secondary {
    background-color: #147db0 !important;
  }

  .sm\:bg-secondary-light {
    background-color: #ffffff !important;
  }

  .sm\:hover\:bg-primary:hover {
    background-color: #e0001a !important;
  }

  .sm\:hover\:bg-primary-light:hover {
    background-color: #ffffff !important;
  }

  .sm\:hover\:bg-secondary:hover {
    background-color: #147db0 !important;
  }

  .sm\:hover\:bg-secondary-light:hover {
    background-color: #ffffff !important;
  }

  .sm\:text-primary {
    color: #e0001a !important;
  }

  .sm\:text-primary-light {
    color: #ffffff !important;
  }

  .sm\:text-secondary {
    color: #147db0 !important;
  }

  .sm\:text-secondary-light {
    color: #ffffff !important;
  }

  .sm\:hover\:text-primary:hover {
    color: #e0001a !important;
  }

  .sm\:hover\:text-primary-light:hover {
    color: #ffffff !important;
  }

  .sm\:hover\:text-secondary:hover {
    color: #147db0 !important;
  }

  .sm\:hover\:text-secondary-light:hover {
    color: #ffffff !important;
  }
}

@media (min-width: 768px) {
  .md\:bg-primary {
    background-color: #e0001a !important;
  }

  .md\:bg-primary-light {
    background-color: #ffffff !important;
  }

  .md\:bg-secondary {
    background-color: #147db0 !important;
  }

  .md\:bg-secondary-light {
    background-color: #ffffff !important;
  }

  .md\:hover\:bg-primary:hover {
    background-color: #e0001a !important;
  }

  .md\:hover\:bg-primary-light:hover {
    background-color: #ffffff !important;
  }

  .md\:hover\:bg-secondary:hover {
    background-color: #147db0 !important;
  }

  .md\:hover\:bg-secondary-light:hover {
    background-color: #ffffff !important;
  }

  .md\:text-primary {
    color: #e0001a !important;
  }

  .md\:text-primary-light {
    color: #ffffff !important;
  }

  .md\:text-secondary {
    color: #147db0 !important;
  }

  .md\:text-secondary-light {
    color: #ffffff !important;
  }

  .md\:hover\:text-primary:hover {
    color: #e0001a !important;
  }

  .md\:hover\:text-primary-light:hover {
    color: #ffffff !important;
  }

  .md\:hover\:text-secondary:hover {
    color: #147db0 !important;
  }

  .md\:hover\:text-secondary-light:hover {
    color: #ffffff !important;
  }
}

@media (min-width: 992px) {
  .lg\:bg-primary {
    background-color: #e0001a !important;
  }

  .lg\:bg-primary-light {
    background-color: #ffffff !important;
  }

  .lg\:bg-secondary {
    background-color: #147db0 !important;
  }

  .lg\:bg-secondary-light {
    background-color: #ffffff !important;
  }

  .lg\:hover\:bg-primary:hover {
    background-color: #e0001a !important;
  }

  .lg\:hover\:bg-primary-light:hover {
    background-color: #ffffff !important;
  }

  .lg\:hover\:bg-secondary:hover {
    background-color: #147db0 !important;
  }

  .lg\:hover\:bg-secondary-light:hover {
    background-color: #ffffff !important;
  }

  .lg\:text-primary {
    color: #e0001a !important;
  }

  .lg\:text-primary-light {
    color: #ffffff !important;
  }

  .lg\:text-secondary {
    color: #147db0 !important;
  }

  .lg\:text-secondary-light {
    color: #ffffff !important;
  }

  .lg\:hover\:text-primary:hover {
    color: #e0001a !important;
  }

  .lg\:hover\:text-primary-light:hover {
    color: #ffffff !important;
  }

  .lg\:hover\:text-secondary:hover {
    color: #147db0 !important;
  }

  .lg\:hover\:text-secondary-light:hover {
    color: #ffffff !important;
  }
}

@media (min-width: 1200px) {
  .xl\:bg-primary {
    background-color: #e0001a !important;
  }

  .xl\:bg-primary-light {
    background-color: #ffffff !important;
  }

  .xl\:bg-secondary {
    background-color: #147db0 !important;
  }

  .xl\:bg-secondary-light {
    background-color: #ffffff !important;
  }

  .xl\:hover\:bg-primary:hover {
    background-color: #e0001a !important;
  }

  .xl\:hover\:bg-primary-light:hover {
    background-color: #ffffff !important;
  }

  .xl\:hover\:bg-secondary:hover {
    background-color: #147db0 !important;
  }

  .xl\:hover\:bg-secondary-light:hover {
    background-color: #ffffff !important;
  }

  .xl\:text-primary {
    color: #e0001a !important;
  }

  .xl\:text-primary-light {
    color: #ffffff !important;
  }

  .xl\:text-secondary {
    color: #147db0 !important;
  }

  .xl\:text-secondary-light {
    color: #ffffff !important;
  }

  .xl\:hover\:text-primary:hover {
    color: #e0001a !important;
  }

  .xl\:hover\:text-primary-light:hover {
    color: #ffffff !important;
  }

  .xl\:hover\:text-secondary:hover {
    color: #147db0 !important;
  }

  .xl\:hover\:text-secondary-light:hover {
    color: #ffffff !important;
  }
}