/*
Theme Name: CTS Biel-Bienne
Author: eloq GmbH
Author URI: https://eloq.swiss/
Description: Die eloq GmbH macht nicht einfach Internetseiten. Wir bieten Ihnen durchdachte Konzepte, mischen Designkompetenz mit technischem Können und streben so nach der perfekten Internet-Präsenz unseres Kunden. Das vorliegende Theme wurde von uns mit Passion und Freude handgefertigt. Wir hoffen, Ihnen gefällt unsere Arbeit!
Version: 1.5.7
*/

/* Imports */

@import url("css/typo.css");
@import url("css/utilities.css");
@import url("css/header.css");
@import url("css/footer.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");

/*
COLOR DEFINITIONS - GOES BELOW:
*/

@media (max-width: 992px) {
  div[id="wpadminbar"] {
    display: none;
  }
}

:root {
  /* Main Colors Bereiche */

  /* Generell Rot */
  --Rot: #dd0b15;
  --DunkelRot: #381416;
  --RotWeiss: #faf6f6;

  /* Aqua */
  --AquaBlau: #0057b7;
  --AquaDunkel: #122131;
  --AquaWeiss: #f6f8fa;

  /* Fitness */

  --FitnessGrun: #43b02a;
  --FitnessDunkel: #1d3019;
  --FitnessWeiss: #f7faf7;

  /* Ice */

  --IceTurkis: #00a3ad;
  --IceDunkel: #122e2f;
  --IceWeiss: #f6f9f9;

  /* Wellness */

  --WellnessOrange: #ff9e1b;
  --WellnessDunkel: #3d2d17;
  --WellnessWeiss: #fbf9f7;

  /* Events */

  --EventsLila: #981e97;
  --EventsDunkel: #2c172c;
  --EventsWeiss: #f9f7f9;

  /* Backgrounds */

  --Weiss: #ffffff;
  --HintergrundHell: #ecebed;

  /* Elements */

  --LeichtGrau: #dedede;
  --HellAlt: #f2f2f2;
  --Grau: #2a2c28;
  --Schwarz: #161616;
  --VogelGrau: #9c9c9c;
  --BordersDark: #404040;

  /* Default Transition */
  --Transition: 0.6s ease-in-out;

  /* Box Shadow */

  --BoxShadowDefault: 0px 9px 4px rgba(56, 20, 22, 0.025),
    0px 3px 4px rgba(56, 20, 22, 0.035), 0px 8px 50px rgba(56, 20, 22, 0.1);

  --BoxShadowDefaultHover: 0px 9px 4px rgba(56, 20, 22, 0.045),
    0px 3px 4px rgba(56, 20, 22, 0.055), 0px 8px 50px rgba(56, 20, 22, 0.3);

  --BoxShadowAqua: 0px 9px 4px rgba(18, 33, 49, 0.025),
    0px 3px 4px rgba(18, 33, 49, 0.035), 0px 8px 50px rgba(18, 33, 49, 0.1);

  --BoxShadowAquaHover: 0px 9px 4px rgba(18, 33, 49, 0.045),
    0px 3px 4px rgba(18, 33, 49, 0.055), 0px 8px 50px rgba(18, 33, 49, 0.3);

  --BoxShadowFitness: 0px 9px 16px rgba(29, 48, 25, 0.025),
    0px 3px 4px rgba(29, 48, 25, 0.035), 0px 8px 50px rgba(29, 48, 25, 0.1);

  --BoxShadowFitnessHover: 0px 9px 16px rgba(29, 48, 25, 0.045),
    0px 3px 4px rgba(29, 48, 25, 0.055), 0px 8px 50px rgba(29, 48, 25, 0.3);

  --BoxShadowEvents: 0px 9px 4px rgba(44, 23, 44, 0.025),
    0px 3px 4px rgba(44, 23, 44, 0.035), 0px 8px 50px rgba(44, 23, 44, 0.1);

  --BoxShadowEventsHover: 0px 9px 4px rgba(44, 23, 44, 0.045),
    0px 3px 4px rgba(44, 23, 44, 0.055), 0px 8px 50px rgba(44, 23, 44, 0.3);

  --BoxShadowIce: 0px 9px 4px rgba(18, 46, 47, 0.025),
    0px 3px 4px rgba(18, 46, 47, 0.035), 0px 8px 50px rgba(18, 46, 47, 0.1);

  --BoxShadowIceHover: 0px 9px 4px rgba(18, 46, 47, 0.045),
    0px 3px 4px rgba(18, 46, 47, 0.055), 0px 8px 50px rgba(18, 46, 47, 0.3);

  --BoxShadowWellness: 0px 9px 4px rgba(61, 45, 23, 0.025),
    0px 3px 4px rgba(61, 45, 23, 0.035), 0px 8px 50px rgba(61, 45, 23, 0.1);

  --BoxShadowWellnessHover: 0px 9px 4px rgba(61, 45, 23, 0.045),
    0px 3px 4px rgba(61, 45, 23, 0.045), 0px 8px 50px rgba(61, 45, 23, 0.3);
}

/* === Theme Specific === */

/* ----- GENERAL ----- */

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 100vh;
}

body > main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

section,
a {
  position: relative;
}

.pswp__ui--fit .pswp__caption {
  background-color: var(--Weiss);
}

.pswp__caption__center {
  text-align: center;
  color: var(--Schwarz);
  font-size: 26px;
  max-width: none;
}

svg,
svg path {
  -webkit-transition: var(--Transition);
  -o-transition: var(--Transition);
  -moz-transition: var(--Transition);
  transition: var(--Transition);
}

/* Teaser Cards General Styling */

.card_frame {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: var(--Transition);
  -o-transition: var(--Transition);
  -moz-transition: var(--Transition);
  transition: var(--Transition);
}

.card_frame .img_wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  right: 0px;
  bottom: 0px;
}

.card_frame .img_frame {
  position: relative;
  padding-top: 270px;
  margin: 0;
  width: 100%;
  overflow: hidden;
}

/* Hover for teaser cards */

a.card_frame img,
div.card_frame img {
  -webkit-transition: transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
}

a.card_frame:hover img,
div.card_frame:hover img {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.card_frame .img_frame:after {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 5px;
  background: var(--Rot);
  transform: none;
  -webkit-transition: var(--Transition);
  -o-transition: var(--Transition);
  transition: var(--Transition);
}

.card_frame:hover .img_frame::after {
  transform: translateX(100%);
}

.card_frame .content_frame .card_content {
  color: initial;
}

.card_frame:hover .content_frame .btn-primary,
a.link_area:hover .btn-primary {
  color: var(--Rot);
}

.card_frame.allgemein:hover .content_frame .btn-primary {
  color: var(--Rot) !important;
}

.card_frame .content_frame .btn-primary svg {
  position: relative;
  left: 10px;
}

.card_frame:hover .content_frame .btn-primary svg {
  transform: translateX(5px);
}

.card_frame:hover .content_frame .btn-primary svg path {
  fill: var(--Rot);
}

.card_frame.allgemein:hover .content_frame .btn-primary svg path {
  fill: var(--Rot) !important;
}

/* Swiper Buttons */

.js_swiper {
  --swiper-navigation-size: 35px;
  --swiper-navigation-color: var(--Schwarz);
}

.swiper-container .swiper-slide {
  height: auto;
}

.js_swiper .swiper-button-next,
.js_swiper .swiper-button-prev {
  position: absolute;
  top: 0px;
  z-index: 10;
  cursor: pointer;
  height: 100%;
  padding: 0 50px;
  opacity: 0;
  background: none;
  -webkit-transition: var(--Transition);
  -o-transition: var(--Transition);
  transition: var(--Transition);
}

.js_swiper .swiper-button-next {
  right: 0;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(255, 255, 255, 0.8)
  );
}

.js_swiper .swiper-button-prev {
  left: 0;
  background: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 0%,
    rgba(255, 255, 255, 0.8)
  );
}

.js_swiper:hover .swiper-button-next,
.js_swiper:hover .swiper-button-prev {
  opacity: 1;
}

/* END GENERAL */

/* ----- WP ADMIN BAR ----- */

/*#wpadminbar {
    display: none;
  }*/

/* END WP ADMIN BAR */

/* ----- BUTTONS ----- */

/* Button classes:
        - btn_xyz_primary
        - btn_xyz_secondary 
*/

/* Button Reset */

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}

.btn {
  font-family: "Fedra Sans Book", sans-serif;
  padding: 8.5px 12px;
  border: none;
}

.btn,
.btn-primary,
.btn-primary svg path {
  -webkit-transition: var(--Transition);
  -o-transition: var(--Transition);
  transition: var(--Transition);
}

.btn-primary {
  background: transparent;
  background-color: transparent;
  color: var(--Schwarz);
  font-size: 16px;
  padding: 8.5px 12px 8.5px 0;
}

.btn-secondary {
  background: transparent;
  color: var(--Schwarz);
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: 50px;
  padding: 6px 12px;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:focus {
  background-color: var(--Weiss);
  color: var(--Rot);
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:focus {
  background-color: var(--Weiss);
  color: initial;
}

a.link_area .btn-primary svg {
  position: relative;
  left: 10px;
}

a.link_area:hover .btn-primary svg {
  transform: translateX(5px);
}

a.link_area:hover .btn-primary svg path,
.btn-primary:not(:disabled):not(.disabled).active svg path,
.btn-primary:not(:disabled):not(.disabled):active svg path,
.show > .btn-primary.dropdown-toggle svg path {
  fill: var(--Rot);
}

/* END BUTTONS */

/* ----- LAZYLOAD EFFECT ----- */

img.bg_static_cover {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  transition: filter 500ms, -webkit-filter 500ms;
}

img.bg_static_cover.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

/* END LAZYLOAD EFFECT */

/* WPForms */

div.wpforms-container-full {
  margin: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field-row {
  margin-bottom: 15px;
}

div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="number"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form textarea {
  border-width: 2px !important;
  border-radius: 0 !important;
}

div.wpforms-container
  .wpforms-form
  .wpforms-field-layout
  .wpforms-field-layout-columns {
  gap: 5px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field.firma {
  margin-bottom: 15px;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
  font-weight: 350 !important;
  font-size: 15px !important;
  color: #000;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
  padding-bottom: 2px !important;
}

div.wpforms-container-full:not([id="wpforms-6966"]):not([id="wpforms-6882"]):not([id="wpforms-9914"]):not([id="wpforms-9991"]):not([id="wpforms-11655"]):not([id="wpforms-11875"]):not([id="wpforms-7183"]):not([id="wpforms-3868"]):not([id="wpforms-3418"]):not([id="wpforms-3412"])
  .wpforms-form
  .wpforms-field-sublabel {
  position: relative !important;
  top: -65px !important;
}

div.wpforms-container div.wpforms-uploader {
  background-color: transparent;
  border: 2px dashed var(--VogelGrau) !important;
  font-size: 12px !important;
  padding: 50px 10px !important;
}

div.wpforms-container div.wpforms-uploader span.modern-title {
  font-size: 12px !important;
}

div.wpforms-container-full
  .wpforms-form
  .wpforms-list-2-columns
  ul
  li:nth-child(2) {
  padding-left: 10px !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"] {
  background-color: transparent !important;
  border: none !important;
  padding-left: 0 !important;
  -o-transition: var(--Transition);
  -webkit-transition: var(--Transition);
  transition: var(--Transition);
}

div.wpforms-container-full .wpforms-form button[type="submit"]:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.674959 15.5007L18.1666 8.00073L0.674959 0.500732L0.666626 6.33407L13.1666 8.00073L0.666626 9.6674L0.674959 15.5007Z' fill='%23000'/%3E%3C/svg%3E%0A");
  position: relative;
  width: 18px;
  height: 16px;
  display: block;
  right: -90px;
  top: -18px;
  -o-transition: var(--Transition);
  -webkit-transition: var(--Transition);
  transition: var(--Transition);
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover:after {
  right: -100px !important;
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
  position: relative !important;
  top: -15px !important;
}

div.wpforms-container-full
  .wpforms-form
  input[type="email"]
  + label.wpforms-error,
div.wpforms-container-full
  .wpforms-form
  input[type="tel"]
  + label.wpforms-error {
  top: 5px !important;
}

div.wpforms-container-full div.wpforms-confirmation-container-full {
  background: none !important;
  border: none !important;
  color: var(--Schwarz) !important;
  padding-left: 0 !important;
}

/* Aqua */

article.category-aqua
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover,
article.category-aqua-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover {
  color: var(--AquaBlau);
}

article.category-aqua
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after,
article.category-aqua-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.674959 15.5007L18.1666 8.00073L0.674959 0.500732L0.666626 6.33407L13.1666 8.00073L0.666626 9.6674L0.674959 15.5007Z' fill='%230057B7'/%3E%3C/svg%3E%0A");
}

/* Fitness */

article.category-fitness
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover,
article.category-fitnes-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover {
  color: var(--FitnessGrun);
}

article.category-fitness
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after,
article.category-fitness-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.674959 15.5007L18.1666 8.00073L0.674959 0.500732L0.666626 6.33407L13.1666 8.00073L0.666626 9.6674L0.674959 15.5007Z' fill='%2343B02A'/%3E%3C/svg%3E%0A");
}

/* Wellness */

article.category-wellness
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover,
article.category-wellness-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover {
  color: var(--WellnessOrange);
}

article.category-wellness
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after,
article.category-wellness-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.674959 15.5007L18.1666 8.00073L0.674959 0.500732L0.666626 6.33407L13.1666 8.00073L0.666626 9.6674L0.674959 15.5007Z' fill='%23FF9E1B'/%3E%3C/svg%3E%0A");
}

/* Ice */

article.category-ice
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover,
article.category-ice-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover {
  color: var(--IceTurkis);
}

article.category-ice
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after,
article.category-ice-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.674959 15.5007L18.1666 8.00073L0.674959 0.500732L0.666626 6.33407L13.1666 8.00073L0.666626 9.6674L0.674959 15.5007Z' fill='%2300A3AD'/%3E%3C/svg%3E%0A");
}

/* Events */

article.category-events
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover,
article.category-events-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover {
  color: var(--EventsLila);
}

article.category-events
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after,
article.category-events-fr
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.674959 15.5007L18.1666 8.00073L0.674959 0.500732L0.666626 6.33407L13.1666 8.00073L0.666626 9.6674L0.674959 15.5007Z' fill='%23981E97'/%3E%3C/svg%3E%0A");
}

/* overrides default  */

@media only screen and (max-width: 600px) {
  div.wpforms-container-full
    .wpforms-form
    .wpforms-field:not(.wpforms-field-phone):not(
      .wpforms-field-select-style-modern
    ) {
    overflow-x: visible !important;
    margin-top: 20px;
  }

  div.wpforms-container-full
    .wpforms-form
    .wpforms-list-2-columns
    ul
    li:nth-child(2) {
    padding: 0 !important;
  }
}

/* Archive Filters */

section.filters .filter_btn span.indicator {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0px;
  height: 34px;
  width: 34px;
  background: none;
  border-radius: 0px 0px 6px 6px;
  -webkit-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
}

/* filter_btn.active */

section.filters .filter_btn span.indicator:before,
section.filters .filter_btn span.indicator:after {
  content: "";
  position: absolute;
  height: 34px;
  width: 34px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49998 9.5L1.99998 6L0.833313 7.16667L5.49998 11.8333L15.5 1.83333L14.3333 0.666668L5.49998 9.5Z' fill='%23DD0B15'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49998 9.5L1.99998 6L0.833313 7.16667L5.49998 11.8333L15.5 1.83333L14.3333 0.666668L5.49998 9.5Z' fill='%23DD0B15'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--Rot);
  opacity: 0;
  -webkit-transition: 0s linear;
  -o-transition: 0s linear;
  transition: 0s linear;
}

/* filter_btn:not(.active) */
section.filters .filter_btn span.indicator:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8334 1.84166L10.6584 0.666664L6.00002 5.325L1.34169 0.666664L0.166687 1.84166L4.82502 6.5L0.166687 11.1583L1.34169 12.3333L6.00002 7.675L10.6584 12.3333L11.8334 11.1583L7.17502 6.5L11.8334 1.84166Z' fill='%23DD0B15'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8334 1.84166L10.6584 0.666664L6.00002 5.325L1.34169 0.666664L0.166687 1.84166L4.82502 6.5L0.166687 11.1583L1.34169 12.3333L6.00002 7.675L10.6584 12.3333L11.8334 11.1583L7.17502 6.5L11.8334 1.84166Z' fill='%23DD0B15'/%3E%3C/svg%3E%0A");
}

section.filters .filter_btn.active span.indicator:before,
section.filters .filter_btn:not(.active) span.indicator:after {
  opacity: 1;
  -webkit-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
}

section.filters div.filter_list .filter_btn[data-category="non-classifiee"] {
  display: none !important;
}

/* Allgemein */

section.filters .filter_btn[data-category="allgemein"] span.indicator:before,
section.filters .filter_btn[data-category="allgemein"] span.indicator:after,
section.filters .filter_btn[data-category="general"] span.indicator:before,
section.filters .filter_btn[data-category="general"] span.indicator:after {
  background-color: var(--Rot);
}

section.filters div.filter_list .filter_btn[data-category="allgemein"],
section.filters div.filter_list .filter_btn[data-category="general"] {
  color: var(--Rot);
}

/* Aqua  */

section.filters div.filter_list .filter_btn[data-category="aqua"],
section.filters div.filter_list .filter_btn[data-category="aqua-fr"] {
  color: var(--AquaBlau);
}

section.filters .filter_btn[data-category="aqua"] span.indicator:before,
section.filters .filter_btn[data-category="aqua"] span.indicator:after,
section.filters .filter_btn[data-category="aqua-fr"] span.indicator:before,
section.filters .filter_btn[data-category="aqua-fr"] span.indicator:after {
  background-color: var(--AquaBlau);
}

/* Fitness */

section.filters .filter_btn[data-category="fitness"] span.indicator:before,
section.filters .filter_btn[data-category="fitness"] span.indicator:after,
section.filters .filter_btn[data-category="fitness-fr"] span.indicator:before,
section.filters .filter_btn[data-category="fitness-fr"] span.indicator:after {
  background-color: var(--FitnessGrun);
}

section.filters div.filter_list button.filter_btn[data-category="fitness"],
section.filters div.filter_list button.filter_btn[data-category="fitness-fr"] {
  color: var(--FitnessGrun);
}

/* Ice */

section.filters .filter_btn[data-category="ice"] span.indicator:before,
section.filters .filter_btn[data-category="ice"] span.indicator:after,
section.filters .filter_btn[data-category="ice-fr"] span.indicator:before,
section.filters .filter_btn[data-category="ice-fr"] span.indicator:after {
  background-color: var(--IceTurkis);
}

section.filters div.filter_list button.filter_btn[data-category="ice"],
section.filters div.filter_list button.filter_btn[data-category="ice-fr"] {
  color: var(--IceTurkis);
}

/* Events */

section.filters .filter_btn[data-category="events"] span.indicator:before,
section.filters .filter_btn[data-category="events"] span.indicator:after,
section.filters .filter_btn[data-category="events-fr"] span.indicator:before,
section.filters .filter_btn[data-category="events-fr"] span.indicator:after {
  background-color: var(--EventsLila);
}

section.filters div.filter_list button.filter_btn[data-category="events"],
section.filters div.filter_list button.filter_btn[data-category="events-fr"] {
  color: var(--EventsLila);
}

/* Wellness */

section.filters .filter_btn[data-category="wellness"] span.indicator:before,
section.filters .filter_btn[data-category="wellness"] span.indicator:after,
section.filters .filter_btn[data-category="wellness-fr"] span.indicator:before,
section.filters .filter_btn[data-category="wellness-fr"] span.indicator:after {
  background-color: var(--WellnessOrange);
}
section.filters div.filter_list button.filter_btn[data-category="wellness"],
section.filters div.filter_list button.filter_btn[data-category="wellness-fr"] {
  color: var(--WellnessOrange);
}

/* CTS Breadcrumb */

section.cts_breadcrumb .btn-secondary {
  background-color: var(--Rot);
  color: var(--Weiss);
}

section.cts_breadcrumb .btn-secondary svg {
  margin-right: 15px;
}

@media (max-width: 1200px) {
  section.cts_breadcrumb {
    margin-top: 120px;
  }
}

@media (max-width: 992px) {
  section.cts_breadcrumb {
    margin-top: 110px;
  }
}

section.events_redirect .btn-secondary {
  background-color: var(--EventsLila);
  padding: 10px 15px;
  color: var(--Weiss);
}

section.events_redirect .btn-secondary svg {
  margin-left: 10px;
  transition: var(--Transition);
}

section.events_redirect .btn-secondary:hover svg {
  transform: translateX(3px);
}

section.events_redirect .btn-secondary svg path {
  fill: var(--Weiss);
}
/* CATEGORY COLORS */

/* Events */

article.category-events
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-events
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-events
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-events
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-events
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-events
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-events section.text a.link_area:hover .btn-primary,
article.category-events a,
/* FR */
article.category-events-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-events-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-events-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-events-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-events-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-events-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-events-fr section.text a.link_area:hover .btn-primary,
article.category-events-fr a {
  color: var(--EventsLila);
  -o-transition: var(--Transition);
  -webkit-transition: var(--Transition);
  transition: var(--Transition);
}

article.category-events a:hover,
article.category-events-fr a:hover {
  color: var(--EventsDunkel) !important;
}

article.category-events
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-events
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path,
  /* FR */ 
  article.category-events-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-events-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path {
  fill: var(--EventsLila);
  -o-transition: var(--Transition);
  -webkit-transition: var(--Transition);
  transition: var(--Transition);
}

/* Aqua */

article.category-aqua
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-aqua
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-aqua
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-aqua
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-aqua
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-aqua
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-aqua section.text a.link_area:hover .btn-primary,
article.category-aqua a,
/* FR */
article.category-aqua-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-aqua-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-aqua-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-aqua-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-aqua-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-aqua-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-aqua-fr section.text a.link_area:hover .btn-primary,
article.category-aqua-fr a {
  color: var(--AquaBlau);
}

article.category-aqua a:hover,
article.category-aqua-fr a:hover {
  color: var(--AquaDunkel) !important;
}

article.category-aqua
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-aqua
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path ,
  /* FR */
  article.category-aqua-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-aqua-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path {
  fill: var(--AquaBlau);
}

/* Fitness */

article.category-fitness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-fitness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-fitness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-fitness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-fitness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-fitness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-fitness section.text a.link_area:hover .btn-primary,
article.category-fitness a,
/* FR */
article.category-fitness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-fitness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-fitness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-fitness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-fitness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-fitness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-fitness-fr section.text a.link_area:hover .btn-primary,
article.category-fitness-fr a {
  color: var(--FitnessGrun);
}

article.category-fitness a:hover,
article.category-fitness-fr a:hover {
  color: var(--FitnessDunkel) !important;
}

article.category-fitness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-fitness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path ,
  /* FR */
  article.category-fitness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-fitness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path {
  fill: var(--FitnessGrun);
}

/* Wellness */

article.category-wellness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-wellness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-wellness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-wellness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-wellness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-wellness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-wellness section.text a.link_area:hover .btn-primary,
article.category-wellness a,
/* FR */
article.category-wellness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-wellness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-wellness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-wellness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-wellness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-wellness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-wellness-fr section.text a.link_area:hover .btn-primary,
article.category-wellness-fr a {
  color: var(--WellnessOrange);
}

article.category-wellness a:hover,
article.category-wellness-fr a:hover {
  color: var(--WellnessDunkel) !important;
}

article.category-wellness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-wellness
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path ,
  /* FR */
  article.category-wellness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-wellness-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path {
  fill: var(--WellnessOrange);
}

/* Ice */

article.category-ice
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-ice
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-ice
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-ice
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-ice
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-ice
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-ice section.text a.link_area:hover .btn-primary,
article.category-ice a,
/* FR */
article.category-ice-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h1,
article.category-ice-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h2,
article.category-ice-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h3,
article.category-ice-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  h4,
article.category-ice-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary.focus,
article.category-ice-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary,
article.category-ice-fr section.text a.link_area:hover .btn-primary,
article.category-ice-fr a {
  color: var(--IceTurkis);
}

article.category-ice a:hover,
article.category-ice-fr a:hover {
  color: var(--IceDunkel) !important;
}

article.category-ice
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-ice
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path,
  /* FR */
  article.category-ice-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .card_frame:hover
  .btn-primary
  svg
  path,
article.category-ice-fr
  section:not(.teaser_cards):not(.teaser_news):not(.teaser_gross)
  .btn-primary:hover
  svg
  path {
  fill: var(--IceTurkis);
}