@charset "UTF-8";
/*____@mixin __________________________________________________________________________*/
.container {
  width: 100%;
  position: relative;
  max-width: 1162px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.row, .oe-container {
  display: flex;
  flex-flow: row wrap;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-center {
  align-items: center;
}
.align-stretch {
  align-items: stretch;
}
.align-baseline {
  align-items: baseline;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.gap-0 > * {
  padding-left: 0;
  padding-right: 0;
}
.gap-0 {
  margin-left: 0;
  margin-right: 0;
}
.gap-1 > * {
  padding-left: 10px;
  padding-right: 10px;
}
.gap-1 {
  margin-left: -10px;
  margin-right: -10px;
}
.gap-2 > * {
  padding-left: 20px;
  padding-right: 20px;
}
.gap-2 {
  margin-left: -20px;
  margin-right: -20px;
}
.gap-3 > * {
  padding-left: 30px;
  padding-right: 30px;
}
.gap-3 {
  margin-left: -30px;
  margin-right: -30px;
}
.gap-auto > * {
  padding-left: auto;
  padding-right: auto;
}
.gap-auto {
  margin-left: -auto;
  margin-right: -auto;
}
.col-1 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 8.3333333333%;
}
.col-2 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 16.6666666667%;
}
.col-3 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 25%;
}
.col-4 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 33.3333333333%;
}
.col-5 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 41.6666666667%;
}
.col-6 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 50%;
}
.col-7 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 58.3333333333%;
}
.col-8 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 66.6666666667%;
}
.col-9 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 75%;
}
.col-10 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 83.3333333333%;
}
.col-11 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 91.6666666667%;
}
.col-12 {
  box-sizing: border-box;
  flex-grow: 0;
  width: 100%;
}
@media (min-width: 0) {
  .col-xs-1 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-xs-2 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-xs-3 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-xs-4 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-xs-5 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-xs-6 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-xs-7 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-xs-8 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-xs-9 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-xs-10 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-xs-11 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-xs-12 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
  .align-xs-start {
    align-items: flex-start !important;
  }
  .align-xs-end {
    align-items: flex-end !important;
  }
  .align-xs-center {
    align-items: center !important;
  }
  .align-xs-stretch {
    align-items: stretch !important;
  }
  .align-xs-baseline {
    align-items: baseline !important;
  }
  .justify-xs-start {
    justify-content: flex-start !important;
  }
  .justify-xs-end {
    justify-content: flex-end !important;
  }
  .justify-xs-center {
    justify-content: center !important;
  }
  .justify-xs-between {
    justify-content: space-between !important;
  }
  .justify-xs-around {
    justify-content: space-around !important;
  }
  .gap-xs-0 > * {
    padding: 0 !important;
  }
  .gap-xs-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .gap-xs-1 > * {
    padding: 10px !important;
  }
  .gap-xs-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .gap-xs-2 > * {
    padding: 20px !important;
  }
  .gap-xs-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .gap-xs-3 > * {
    padding: 30px !important;
  }
  .gap-xs-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .gap-xs-auto > * {
    padding: auto !important;
  }
  .gap-xs-auto {
    margin-left: -auto !important;
    margin-right: -auto !important;
  }
}
@media (min-width: 576px) {
  .col-sm-1 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-sm-4 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-sm-7 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-sm-10 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-stretch {
    align-items: stretch !important;
  }
  .align-sm-baseline {
    align-items: baseline !important;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-between {
    justify-content: space-between !important;
  }
  .justify-sm-around {
    justify-content: space-around !important;
  }
  .gap-sm-0 > * {
    padding: 0 !important;
  }
  .gap-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .gap-sm-1 > * {
    padding: 10px !important;
  }
  .gap-sm-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .gap-sm-2 > * {
    padding: 20px !important;
  }
  .gap-sm-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .gap-sm-3 > * {
    padding: 30px !important;
  }
  .gap-sm-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .gap-sm-auto > * {
    padding: auto !important;
  }
  .gap-sm-auto {
    margin-left: -auto !important;
    margin-right: -auto !important;
  }
}
@media (min-width: 970px) {
  .col-md-1 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-md-2 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-md-3 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-md-4 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-md-5 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-md-6 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-md-7 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-md-8 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-md-9 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-md-10 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-md-11 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-md-12 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-stretch {
    align-items: stretch !important;
  }
  .align-md-baseline {
    align-items: baseline !important;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-between {
    justify-content: space-between !important;
  }
  .justify-md-around {
    justify-content: space-around !important;
  }
  .gap-md-0 > * {
    padding: 0 !important;
  }
  .gap-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .gap-md-1 > * {
    padding: 10px !important;
  }
  .gap-md-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .gap-md-2 > * {
    padding: 20px !important;
  }
  .gap-md-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .gap-md-3 > * {
    padding: 30px !important;
  }
  .gap-md-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .gap-md-auto > * {
    padding: auto !important;
  }
  .gap-md-auto {
    margin-left: -auto !important;
    margin-right: -auto !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-1 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-lg-4 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-lg-7 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-lg-10 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-stretch {
    align-items: stretch !important;
  }
  .align-lg-baseline {
    align-items: baseline !important;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-between {
    justify-content: space-between !important;
  }
  .justify-lg-around {
    justify-content: space-around !important;
  }
  .gap-lg-0 > * {
    padding: 0 !important;
  }
  .gap-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .gap-lg-1 > * {
    padding: 10px !important;
  }
  .gap-lg-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .gap-lg-2 > * {
    padding: 20px !important;
  }
  .gap-lg-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .gap-lg-3 > * {
    padding: 30px !important;
  }
  .gap-lg-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .gap-lg-auto > * {
    padding: auto !important;
  }
  .gap-lg-auto {
    margin-left: -auto !important;
    margin-right: -auto !important;
  }
}
@media (min-width: 1400px) {
  .col-xl-1 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-xl-4 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-xl-7 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-xl-10 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-stretch {
    align-items: stretch !important;
  }
  .align-xl-baseline {
    align-items: baseline !important;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-between {
    justify-content: space-between !important;
  }
  .justify-xl-around {
    justify-content: space-around !important;
  }
  .gap-xl-0 > * {
    padding: 0 !important;
  }
  .gap-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .gap-xl-1 > * {
    padding: 10px !important;
  }
  .gap-xl-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .gap-xl-2 > * {
    padding: 20px !important;
  }
  .gap-xl-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .gap-xl-3 > * {
    padding: 30px !important;
  }
  .gap-xl-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .gap-xl-auto > * {
    padding: auto !important;
  }
  .gap-xl-auto {
    margin-left: -auto !important;
    margin-right: -auto !important;
  }
}
@media (min-width: 1600px) {
  .col-xxl-1 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-xxl-4 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-xxl-7 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-xxl-10 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-stretch {
    align-items: stretch !important;
  }
  .align-xxl-baseline {
    align-items: baseline !important;
  }
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-between {
    justify-content: space-between !important;
  }
  .justify-xxl-around {
    justify-content: space-around !important;
  }
  .gap-xxl-0 > * {
    padding: 0 !important;
  }
  .gap-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .gap-xxl-1 > * {
    padding: 10px !important;
  }
  .gap-xxl-1 {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .gap-xxl-2 > * {
    padding: 20px !important;
  }
  .gap-xxl-2 {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .gap-xxl-3 > * {
    padding: 30px !important;
  }
  .gap-xxl-3 {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .gap-xxl-auto > * {
    padding: auto !important;
  }
  .gap-xxl-auto {
    margin-left: -auto !important;
    margin-right: -auto !important;
  }
}
/* Margins and paddings and border */
/* Fontsizes */
:root {
  --background-color: #FFFFFF;
  /** 
    * Colors
    **/
  /* Primary */
  --Primaer--Dunkelgrau: rgba(111, 110, 110, 1);
  --Primaer--Rot: rgba(227, 4, 33, 1);
  --Primaer--Weiss: rgba(255, 255, 255, 1);
  /* Secondary */
  --Sekundaer--Blau: rgba(54, 143, 176, 1);
  --Sekundaer--Bordeaux: rgba(146, 28, 64, 1);
  --Sekundaer--Weissgrau: rgba(237, 237, 237, 1);
  --Sekundaer--Hellgrau: rgba(176, 176, 176, 1);
  --Sekundaer--Schwarzgrau: rgba(39, 39, 39, 1);
  --Sekundaer--Mintgruen: rgba(163, 210, 188, 1);
  --Sekundaer--Lachsfarben: rgba(232, 186, 159, 1);
  --Sekundaer--Orange: rgba(231, 107, 60, 1);
  --Graubraun: #26211C;
  /*  */
  --break-inner-container: 1420px;
  /* Margins and paddings and border */
  --margin-Abstand_1: 10px;
  --margin-Abstand_2: 20px;
  --margin-Abstand_3: 40px;
  --margin-Abstand_4: 60px;
  --margin-Abstand_5: 80px;
  --margin-Abstand_6: 120px;
  --margin-Abstand_7: 240px;
  /* Fonts */
  --line-height--H1: 34px;
  --line-height--H2: 32px;
  --line-height--H3: 26px;
  --line-height--H4: 26px;
  --line-height--H5: 22px;
  --line-height--Introtext_gross: 26px;
  --line-height--Introtext_klein: 23px;
  --line-height--Fliesstext: 22px;
  --line-height--Slider_Headline: 32px;
  --line-height--Kleintext: 18px;
  --line-height--Extra: 24px;
  --font-name--Auszeichnung: "phoreuscherokee",
    serif;
  --font-size--H1: 30px;
  --font-size--H2: 26px;
  --font-size--H3: 24px;
  --font-size--H4: 20px;
  --font-size--H5: 17px;
  --font-name--Fliesstext: Arial,
    "Arimo",
    serif;
  --font-size--Introtext_gross: 18px;
  --font-name--HeadlineBold: "Archivo Black",
    serif;
  --font-size--Introtext_klein: 16px;
  --font-size--Fliesstext: 14px;
  --font-size--Slider_Headline: 26px;
  --font-size--Kleintext: 12px;
  --font-size--Extra: 18px;
  --feste_Werte--Screenwidth: 375px;
  --feste_Werte--Radius: 0px;
  --feste_Werte--Radius-Button: 0px;
  --slider-headline: normal normal normal var(--font-size--Slider_Headline)/var(--line-height--Slider_Headline) var(--font-name--HeadlineBold);
  --h1: normal normal normal var(--font-size--H1)/var(--line-height--H1) var(--font-name--Auszeichnung);
  --h2: normal normal normal var(--font-size--H2)/var(--line-height--H2) var(--font-name--Auszeichnung);
  --h3: normal normal normal var(--font-size--H3)/var(--line-height--H3) var(--font-name--Auszeichnung);
  --h4: normal normal normal var(--font-size--H4)/var(--line-height--H4) var(--font-name--Fliesstext);
  --h5: normal normal normal var(--font-size--H5)/var(--line-height--H5) var(--font-name--Fliesstext);
  --introgross: normal normal normal var(--font-size--Introtext_gross)/var(--line-height--Introtext_gross) var(--font-name--Fliesstext);
  --introklein: normal normal normal var(--font-size--Introtext_klein)/var(--line-height--Introtext_klein) var(--font-name--Fliesstext);
  --fliesstext: normal normal normal var(--font-size--Fliesstext)/var(--line-height--Fliesstext) var(--font-name--Fliesstext);
  --extra: normal normal normal var(--font-size--Extra)/var(--line-height--Extra) var(--font-name--Fliesstext);
  --kleintext: normal normal normal var(--font-size--Kleintext)/var(--line-height--Kleintext) var(--font-name--Fliesstext);
}
:root .primary-red {
  color: var(--Primaer--Rot);
}
@media screen and (min-width: 980px) {
  :root {
    --margin-Abstand_1: 10px;
    --margin-Abstand_2: 20px;
    --margin-Abstand_3: 40px;
    --margin-Abstand_4: 60px;
    --margin-Abstand_5: 80px;
    --margin-Abstand_6: 120px;
    --margin-Abstand_7: 240px;
    --font-size--H1: 50px;
    --line-height--H1: 64px;
    --line-height--H2: 52px;
    --line-height--H3: 40px;
    --line-height--H4: 30px;
    --line-height--H5: 28px;
    --line-height--Introtext_gross: 36px;
    --line-height--Introtext_klein: 30px;
    --line-height--Fliesstext: 24px;
    --line-height--Slider_Headline: 64px;
    --line-height--Kleintext: 20px;
    --line-height--Extra: 24px;
    --font-size--H2: 42px;
    --font-size--H3: 32px;
    --font-size--H4: 22px;
    --font-size--H5: 20px;
    --font-size--Introtext_gross: 24px;
    --font-size--Introtext_klein: 20px;
    --font-size--Fliesstext: 16px;
    --font-size--Slider_Headline: 62px;
    --font-size--Kleintext: 14px;
    --font-size--Extra: 18px;
    --feste_Werte--Screenwidth: 1920px;
    --feste_Werte--Radius: 0px;
    --feste_Werte--Radius-Button: 0px;
  }
}
/* Generate utility classes */
@media (min-width: 0) {
  .p-xs-0 {
    padding: 0 !important;
  }
  .p-xs-1 {
    padding: 10px !important;
  }
  .p-xs-2 {
    padding: 20px !important;
  }
  .p-xs-3 {
    padding: 40px !important;
  }
  .p-xs-4 {
    padding: 60px !important;
  }
  .p-xs-5 {
    padding: 80px !important;
  }
  .pl-xs-0 {
    padding-left: 0 !important;
  }
  .pl-xs-1 {
    padding-left: 10px !important;
  }
  .pl-xs-2 {
    padding-left: 20px !important;
  }
  .pl-xs-3 {
    padding-left: 40px !important;
  }
  .pl-xs-4 {
    padding-left: 60px !important;
  }
  .pl-xs-5 {
    padding-left: 80px !important;
  }
  .pr-xs-0 {
    padding-right: 0 !important;
  }
  .pr-xs-1 {
    padding-right: 10px !important;
  }
  .pr-xs-2 {
    padding-right: 20px !important;
  }
  .pr-xs-3 {
    padding-right: 40px !important;
  }
  .pr-xs-4 {
    padding-right: 60px !important;
  }
  .pr-xs-5 {
    padding-right: 80px !important;
  }
  .px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xs-1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .px-xs-2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-xs-3 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-xs-4 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .px-xs-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-xs-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xs-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-xs-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xs-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xs-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xs-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .pb-xs-1 {
    padding-bottom: 10px !important;
  }
  .pb-xs-2 {
    padding-bottom: 20px !important;
  }
  .pb-xs-3 {
    padding-bottom: 40px !important;
  }
  .pb-xs-4 {
    padding-bottom: 60px !important;
  }
  .pb-xs-5 {
    padding-bottom: 80px !important;
  }
  .pt-xs-0 {
    padding-top: 0 !important;
  }
  .pt-xs-1 {
    padding-top: 10px !important;
  }
  .pt-xs-2 {
    padding-top: 20px !important;
  }
  .pt-xs-3 {
    padding-top: 40px !important;
  }
  .pt-xs-4 {
    padding-top: 60px !important;
  }
  .pt-xs-5 {
    padding-top: 80px !important;
  }
  .m-xs-0 {
    margin: 0 !important;
  }
  .m-xs-1 {
    margin: 10px !important;
  }
  .m-xs-2 {
    margin: 20px !important;
  }
  .m-xs-3 {
    margin: 40px !important;
  }
  .m-xs-4 {
    margin: 60px !important;
  }
  .m-xs-5 {
    margin: 80px !important;
  }
  .mx-xs-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xs-1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mx-xs-2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mx-xs-3 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mx-xs-4 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mx-xs-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-xs-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xs-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-xs-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xs-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xs-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xs-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .ml-xs-0 {
    margin-left: 0 !important;
  }
  .ml-xs-1 {
    margin-left: 10px !important;
  }
  .ml-xs-2 {
    margin-left: 20px !important;
  }
  .ml-xs-3 {
    margin-left: 40px !important;
  }
  .ml-xs-4 {
    margin-left: 60px !important;
  }
  .ml-xs-5 {
    margin-left: 80px !important;
  }
  .mr-xs-0 {
    margin-right: 0 !important;
  }
  .mr-xs-1 {
    margin-right: 10px !important;
  }
  .mr-xs-2 {
    margin-right: 20px !important;
  }
  .mr-xs-3 {
    margin-right: 40px !important;
  }
  .mr-xs-4 {
    margin-right: 60px !important;
  }
  .mr-xs-5 {
    margin-right: 80px !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs-1 {
    margin-bottom: 10px !important;
  }
  .mb-xs-2 {
    margin-bottom: 20px !important;
  }
  .mb-xs-3 {
    margin-bottom: 40px !important;
  }
  .mb-xs-4 {
    margin-bottom: 60px !important;
  }
  .mb-xs-5 {
    margin-bottom: 80px !important;
  }
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-1 {
    margin-top: 10px !important;
  }
  .mt-xs-2 {
    margin-top: 20px !important;
  }
  .mt-xs-3 {
    margin-top: 40px !important;
  }
  .mt-xs-4 {
    margin-top: 60px !important;
  }
  .mt-xs-5 {
    margin-top: 80px !important;
  }
  .br-xs {
    border-radius: 30px !important;
  }
  .br-xs-none {
    border-radius: 0 !important;
  }
  .br-xs-xs {
    border-radius: 7.5px !important;
  }
  .br-xs-sm {
    border-radius: 15px !important;
  }
  .br-xs-lg {
    border-radius: 60px !important;
  }
  .br-xs-full {
    border-radius: 50% !important;
  }
  .direction-xs {
    flex-direction: 30px !important;
  }
  .direction-xs-column {
    flex-direction: column !important;
  }
  .direction-xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .direction-xs-row {
    flex-direction: row !important;
  }
  .direction-xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .direction-xs-unset {
    flex-direction: unset !important;
  }
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
  .text-xs-justify {
    text-align: justify !important;
  }
  .d-xs {
    display: 30px !important;
  }
  .d-xs-none {
    display: none !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .font-xs-sm {
    font-size: 0.75rem !important;
  }
  .font-xs-md {
    font-size: 1rem !important;
  }
  .font-xs-lg {
    font-size: 1.5rem !important;
  }
  .font-xs-xl {
    font-size: 2rem !important;
  }
  .font-xs-xxl {
    font-size: 3rem !important;
  }
  .font-xs-14 {
    font-size: 14px !important;
  }
  .font-xs-16 {
    font-size: 16px !important;
  }
  .font-xs-18 {
    font-size: 18px !important;
  }
  .font-xs-20 {
    font-size: 20px !important;
  }
  .font-xs-24 {
    font-size: 24px !important;
  }
  .font-xs-28 {
    font-size: 28px !important;
  }
  .font-xs-30 {
    font-size: 30px !important;
  }
  .font-xs-32 {
    font-size: 32px !important;
  }
  .o-xs-0 {
    opacity: 0 !important;
  }
  .o-xs-10 {
    opacity: 0.1 !important;
  }
  .o-xs-20 {
    opacity: 0.2 !important;
  }
  .o-xs-30 {
    opacity: 0.3 !important;
  }
  .o-xs-40 {
    opacity: 0.4 !important;
  }
  .o-xs-50 {
    opacity: 0.5 !important;
  }
  .o-xs-60 {
    opacity: 0.6 !important;
  }
  .o-xs-70 {
    opacity: 0.7 !important;
  }
  .o-xs-80 {
    opacity: 0.8 !important;
  }
  .o-xs-90 {
    opacity: 0.9 !important;
  }
  .o-xs-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 10px !important;
  }
  .p-sm-2 {
    padding: 20px !important;
  }
  .p-sm-3 {
    padding: 40px !important;
  }
  .p-sm-4 {
    padding: 60px !important;
  }
  .p-sm-5 {
    padding: 80px !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .pl-sm-1 {
    padding-left: 10px !important;
  }
  .pl-sm-2 {
    padding-left: 20px !important;
  }
  .pl-sm-3 {
    padding-left: 40px !important;
  }
  .pl-sm-4 {
    padding-left: 60px !important;
  }
  .pl-sm-5 {
    padding-left: 80px !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pr-sm-1 {
    padding-right: 10px !important;
  }
  .pr-sm-2 {
    padding-right: 20px !important;
  }
  .pr-sm-3 {
    padding-right: 40px !important;
  }
  .pr-sm-4 {
    padding-right: 60px !important;
  }
  .pr-sm-5 {
    padding-right: 80px !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-sm-1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .px-sm-2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-sm-3 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-sm-4 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .px-sm-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-sm-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-sm-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-sm-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-sm-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 10px !important;
  }
  .pb-sm-2 {
    padding-bottom: 20px !important;
  }
  .pb-sm-3 {
    padding-bottom: 40px !important;
  }
  .pb-sm-4 {
    padding-bottom: 60px !important;
  }
  .pb-sm-5 {
    padding-bottom: 80px !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 10px !important;
  }
  .pt-sm-2 {
    padding-top: 20px !important;
  }
  .pt-sm-3 {
    padding-top: 40px !important;
  }
  .pt-sm-4 {
    padding-top: 60px !important;
  }
  .pt-sm-5 {
    padding-top: 80px !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 10px !important;
  }
  .m-sm-2 {
    margin: 20px !important;
  }
  .m-sm-3 {
    margin: 40px !important;
  }
  .m-sm-4 {
    margin: 60px !important;
  }
  .m-sm-5 {
    margin: 80px !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-sm-1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mx-sm-2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mx-sm-3 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mx-sm-4 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mx-sm-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-sm-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-sm-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-sm-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-sm-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-1 {
    margin-left: 10px !important;
  }
  .ml-sm-2 {
    margin-left: 20px !important;
  }
  .ml-sm-3 {
    margin-left: 40px !important;
  }
  .ml-sm-4 {
    margin-left: 60px !important;
  }
  .ml-sm-5 {
    margin-left: 80px !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-1 {
    margin-right: 10px !important;
  }
  .mr-sm-2 {
    margin-right: 20px !important;
  }
  .mr-sm-3 {
    margin-right: 40px !important;
  }
  .mr-sm-4 {
    margin-right: 60px !important;
  }
  .mr-sm-5 {
    margin-right: 80px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 10px !important;
  }
  .mb-sm-2 {
    margin-bottom: 20px !important;
  }
  .mb-sm-3 {
    margin-bottom: 40px !important;
  }
  .mb-sm-4 {
    margin-bottom: 60px !important;
  }
  .mb-sm-5 {
    margin-bottom: 80px !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 10px !important;
  }
  .mt-sm-2 {
    margin-top: 20px !important;
  }
  .mt-sm-3 {
    margin-top: 40px !important;
  }
  .mt-sm-4 {
    margin-top: 60px !important;
  }
  .mt-sm-5 {
    margin-top: 80px !important;
  }
  .br-sm {
    border-radius: 30px !important;
  }
  .br-sm-none {
    border-radius: 0 !important;
  }
  .br-sm-xs {
    border-radius: 7.5px !important;
  }
  .br-sm-sm {
    border-radius: 15px !important;
  }
  .br-sm-lg {
    border-radius: 60px !important;
  }
  .br-sm-full {
    border-radius: 50% !important;
  }
  .direction-sm {
    flex-direction: 30px !important;
  }
  .direction-sm-column {
    flex-direction: column !important;
  }
  .direction-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .direction-sm-row {
    flex-direction: row !important;
  }
  .direction-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .direction-sm-unset {
    flex-direction: unset !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .d-sm {
    display: 30px !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .font-sm-sm {
    font-size: 0.75rem !important;
  }
  .font-sm-md {
    font-size: 1rem !important;
  }
  .font-sm-lg {
    font-size: 1.5rem !important;
  }
  .font-sm-xl {
    font-size: 2rem !important;
  }
  .font-sm-xxl {
    font-size: 3rem !important;
  }
  .font-sm-14 {
    font-size: 14px !important;
  }
  .font-sm-16 {
    font-size: 16px !important;
  }
  .font-sm-18 {
    font-size: 18px !important;
  }
  .font-sm-20 {
    font-size: 20px !important;
  }
  .font-sm-24 {
    font-size: 24px !important;
  }
  .font-sm-28 {
    font-size: 28px !important;
  }
  .font-sm-30 {
    font-size: 30px !important;
  }
  .font-sm-32 {
    font-size: 32px !important;
  }
  .o-sm-0 {
    opacity: 0 !important;
  }
  .o-sm-10 {
    opacity: 0.1 !important;
  }
  .o-sm-20 {
    opacity: 0.2 !important;
  }
  .o-sm-30 {
    opacity: 0.3 !important;
  }
  .o-sm-40 {
    opacity: 0.4 !important;
  }
  .o-sm-50 {
    opacity: 0.5 !important;
  }
  .o-sm-60 {
    opacity: 0.6 !important;
  }
  .o-sm-70 {
    opacity: 0.7 !important;
  }
  .o-sm-80 {
    opacity: 0.8 !important;
  }
  .o-sm-90 {
    opacity: 0.9 !important;
  }
  .o-sm-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 970px) {
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 10px !important;
  }
  .p-md-2 {
    padding: 20px !important;
  }
  .p-md-3 {
    padding: 40px !important;
  }
  .p-md-4 {
    padding: 60px !important;
  }
  .p-md-5 {
    padding: 80px !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-1 {
    padding-left: 10px !important;
  }
  .pl-md-2 {
    padding-left: 20px !important;
  }
  .pl-md-3 {
    padding-left: 40px !important;
  }
  .pl-md-4 {
    padding-left: 60px !important;
  }
  .pl-md-5 {
    padding-left: 80px !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-1 {
    padding-right: 10px !important;
  }
  .pr-md-2 {
    padding-right: 20px !important;
  }
  .pr-md-3 {
    padding-right: 40px !important;
  }
  .pr-md-4 {
    padding-right: 60px !important;
  }
  .pr-md-5 {
    padding-right: 80px !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-md-1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .px-md-2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-md-3 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-md-4 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .px-md-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-md-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-md-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-md-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-md-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 10px !important;
  }
  .pb-md-2 {
    padding-bottom: 20px !important;
  }
  .pb-md-3 {
    padding-bottom: 40px !important;
  }
  .pb-md-4 {
    padding-bottom: 60px !important;
  }
  .pb-md-5 {
    padding-bottom: 80px !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 10px !important;
  }
  .pt-md-2 {
    padding-top: 20px !important;
  }
  .pt-md-3 {
    padding-top: 40px !important;
  }
  .pt-md-4 {
    padding-top: 60px !important;
  }
  .pt-md-5 {
    padding-top: 80px !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 10px !important;
  }
  .m-md-2 {
    margin: 20px !important;
  }
  .m-md-3 {
    margin: 40px !important;
  }
  .m-md-4 {
    margin: 60px !important;
  }
  .m-md-5 {
    margin: 80px !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-md-1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mx-md-2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mx-md-3 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mx-md-4 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mx-md-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-md-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-md-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-md-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-md-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-1 {
    margin-left: 10px !important;
  }
  .ml-md-2 {
    margin-left: 20px !important;
  }
  .ml-md-3 {
    margin-left: 40px !important;
  }
  .ml-md-4 {
    margin-left: 60px !important;
  }
  .ml-md-5 {
    margin-left: 80px !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-1 {
    margin-right: 10px !important;
  }
  .mr-md-2 {
    margin-right: 20px !important;
  }
  .mr-md-3 {
    margin-right: 40px !important;
  }
  .mr-md-4 {
    margin-right: 60px !important;
  }
  .mr-md-5 {
    margin-right: 80px !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 10px !important;
  }
  .mb-md-2 {
    margin-bottom: 20px !important;
  }
  .mb-md-3 {
    margin-bottom: 40px !important;
  }
  .mb-md-4 {
    margin-bottom: 60px !important;
  }
  .mb-md-5 {
    margin-bottom: 80px !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 10px !important;
  }
  .mt-md-2 {
    margin-top: 20px !important;
  }
  .mt-md-3 {
    margin-top: 40px !important;
  }
  .mt-md-4 {
    margin-top: 60px !important;
  }
  .mt-md-5 {
    margin-top: 80px !important;
  }
  .br-md {
    border-radius: 30px !important;
  }
  .br-md-none {
    border-radius: 0 !important;
  }
  .br-md-xs {
    border-radius: 7.5px !important;
  }
  .br-md-sm {
    border-radius: 15px !important;
  }
  .br-md-lg {
    border-radius: 60px !important;
  }
  .br-md-full {
    border-radius: 50% !important;
  }
  .direction-md {
    flex-direction: 30px !important;
  }
  .direction-md-column {
    flex-direction: column !important;
  }
  .direction-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .direction-md-row {
    flex-direction: row !important;
  }
  .direction-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .direction-md-unset {
    flex-direction: unset !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .d-md {
    display: 30px !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .font-md-sm {
    font-size: 0.75rem !important;
  }
  .font-md-md {
    font-size: 1rem !important;
  }
  .font-md-lg {
    font-size: 1.5rem !important;
  }
  .font-md-xl {
    font-size: 2rem !important;
  }
  .font-md-xxl {
    font-size: 3rem !important;
  }
  .font-md-14 {
    font-size: 14px !important;
  }
  .font-md-16 {
    font-size: 16px !important;
  }
  .font-md-18 {
    font-size: 18px !important;
  }
  .font-md-20 {
    font-size: 20px !important;
  }
  .font-md-24 {
    font-size: 24px !important;
  }
  .font-md-28 {
    font-size: 28px !important;
  }
  .font-md-30 {
    font-size: 30px !important;
  }
  .font-md-32 {
    font-size: 32px !important;
  }
  .o-md-0 {
    opacity: 0 !important;
  }
  .o-md-10 {
    opacity: 0.1 !important;
  }
  .o-md-20 {
    opacity: 0.2 !important;
  }
  .o-md-30 {
    opacity: 0.3 !important;
  }
  .o-md-40 {
    opacity: 0.4 !important;
  }
  .o-md-50 {
    opacity: 0.5 !important;
  }
  .o-md-60 {
    opacity: 0.6 !important;
  }
  .o-md-70 {
    opacity: 0.7 !important;
  }
  .o-md-80 {
    opacity: 0.8 !important;
  }
  .o-md-90 {
    opacity: 0.9 !important;
  }
  .o-md-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 1200px) {
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 10px !important;
  }
  .p-lg-2 {
    padding: 20px !important;
  }
  .p-lg-3 {
    padding: 40px !important;
  }
  .p-lg-4 {
    padding: 60px !important;
  }
  .p-lg-5 {
    padding: 80px !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-1 {
    padding-left: 10px !important;
  }
  .pl-lg-2 {
    padding-left: 20px !important;
  }
  .pl-lg-3 {
    padding-left: 40px !important;
  }
  .pl-lg-4 {
    padding-left: 60px !important;
  }
  .pl-lg-5 {
    padding-left: 80px !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-1 {
    padding-right: 10px !important;
  }
  .pr-lg-2 {
    padding-right: 20px !important;
  }
  .pr-lg-3 {
    padding-right: 40px !important;
  }
  .pr-lg-4 {
    padding-right: 60px !important;
  }
  .pr-lg-5 {
    padding-right: 80px !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-lg-1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .px-lg-2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-lg-3 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-lg-4 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .px-lg-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-lg-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-lg-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-lg-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-lg-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 10px !important;
  }
  .pb-lg-2 {
    padding-bottom: 20px !important;
  }
  .pb-lg-3 {
    padding-bottom: 40px !important;
  }
  .pb-lg-4 {
    padding-bottom: 60px !important;
  }
  .pb-lg-5 {
    padding-bottom: 80px !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 10px !important;
  }
  .pt-lg-2 {
    padding-top: 20px !important;
  }
  .pt-lg-3 {
    padding-top: 40px !important;
  }
  .pt-lg-4 {
    padding-top: 60px !important;
  }
  .pt-lg-5 {
    padding-top: 80px !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 10px !important;
  }
  .m-lg-2 {
    margin: 20px !important;
  }
  .m-lg-3 {
    margin: 40px !important;
  }
  .m-lg-4 {
    margin: 60px !important;
  }
  .m-lg-5 {
    margin: 80px !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-lg-1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mx-lg-2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mx-lg-3 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mx-lg-4 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mx-lg-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-lg-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-lg-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-lg-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-lg-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-1 {
    margin-left: 10px !important;
  }
  .ml-lg-2 {
    margin-left: 20px !important;
  }
  .ml-lg-3 {
    margin-left: 40px !important;
  }
  .ml-lg-4 {
    margin-left: 60px !important;
  }
  .ml-lg-5 {
    margin-left: 80px !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-1 {
    margin-right: 10px !important;
  }
  .mr-lg-2 {
    margin-right: 20px !important;
  }
  .mr-lg-3 {
    margin-right: 40px !important;
  }
  .mr-lg-4 {
    margin-right: 60px !important;
  }
  .mr-lg-5 {
    margin-right: 80px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 10px !important;
  }
  .mb-lg-2 {
    margin-bottom: 20px !important;
  }
  .mb-lg-3 {
    margin-bottom: 40px !important;
  }
  .mb-lg-4 {
    margin-bottom: 60px !important;
  }
  .mb-lg-5 {
    margin-bottom: 80px !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 10px !important;
  }
  .mt-lg-2 {
    margin-top: 20px !important;
  }
  .mt-lg-3 {
    margin-top: 40px !important;
  }
  .mt-lg-4 {
    margin-top: 60px !important;
  }
  .mt-lg-5 {
    margin-top: 80px !important;
  }
  .br-lg {
    border-radius: 30px !important;
  }
  .br-lg-none {
    border-radius: 0 !important;
  }
  .br-lg-xs {
    border-radius: 7.5px !important;
  }
  .br-lg-sm {
    border-radius: 15px !important;
  }
  .br-lg-lg {
    border-radius: 60px !important;
  }
  .br-lg-full {
    border-radius: 50% !important;
  }
  .direction-lg {
    flex-direction: 30px !important;
  }
  .direction-lg-column {
    flex-direction: column !important;
  }
  .direction-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .direction-lg-row {
    flex-direction: row !important;
  }
  .direction-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .direction-lg-unset {
    flex-direction: unset !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .d-lg {
    display: 30px !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .font-lg-sm {
    font-size: 0.75rem !important;
  }
  .font-lg-md {
    font-size: 1rem !important;
  }
  .font-lg-lg {
    font-size: 1.5rem !important;
  }
  .font-lg-xl {
    font-size: 2rem !important;
  }
  .font-lg-xxl {
    font-size: 3rem !important;
  }
  .font-lg-14 {
    font-size: 14px !important;
  }
  .font-lg-16 {
    font-size: 16px !important;
  }
  .font-lg-18 {
    font-size: 18px !important;
  }
  .font-lg-20 {
    font-size: 20px !important;
  }
  .font-lg-24 {
    font-size: 24px !important;
  }
  .font-lg-28 {
    font-size: 28px !important;
  }
  .font-lg-30 {
    font-size: 30px !important;
  }
  .font-lg-32 {
    font-size: 32px !important;
  }
  .o-lg-0 {
    opacity: 0 !important;
  }
  .o-lg-10 {
    opacity: 0.1 !important;
  }
  .o-lg-20 {
    opacity: 0.2 !important;
  }
  .o-lg-30 {
    opacity: 0.3 !important;
  }
  .o-lg-40 {
    opacity: 0.4 !important;
  }
  .o-lg-50 {
    opacity: 0.5 !important;
  }
  .o-lg-60 {
    opacity: 0.6 !important;
  }
  .o-lg-70 {
    opacity: 0.7 !important;
  }
  .o-lg-80 {
    opacity: 0.8 !important;
  }
  .o-lg-90 {
    opacity: 0.9 !important;
  }
  .o-lg-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 1400px) {
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 10px !important;
  }
  .p-xl-2 {
    padding: 20px !important;
  }
  .p-xl-3 {
    padding: 40px !important;
  }
  .p-xl-4 {
    padding: 60px !important;
  }
  .p-xl-5 {
    padding: 80px !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .pl-xl-1 {
    padding-left: 10px !important;
  }
  .pl-xl-2 {
    padding-left: 20px !important;
  }
  .pl-xl-3 {
    padding-left: 40px !important;
  }
  .pl-xl-4 {
    padding-left: 60px !important;
  }
  .pl-xl-5 {
    padding-left: 80px !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pr-xl-1 {
    padding-right: 10px !important;
  }
  .pr-xl-2 {
    padding-right: 20px !important;
  }
  .pr-xl-3 {
    padding-right: 40px !important;
  }
  .pr-xl-4 {
    padding-right: 60px !important;
  }
  .pr-xl-5 {
    padding-right: 80px !important;
  }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xl-1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .px-xl-2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-xl-3 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-xl-4 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .px-xl-5 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-xl-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xl-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xl-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xl-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 10px !important;
  }
  .pb-xl-2 {
    padding-bottom: 20px !important;
  }
  .pb-xl-3 {
    padding-bottom: 40px !important;
  }
  .pb-xl-4 {
    padding-bottom: 60px !important;
  }
  .pb-xl-5 {
    padding-bottom: 80px !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 10px !important;
  }
  .pt-xl-2 {
    padding-top: 20px !important;
  }
  .pt-xl-3 {
    padding-top: 40px !important;
  }
  .pt-xl-4 {
    padding-top: 60px !important;
  }
  .pt-xl-5 {
    padding-top: 80px !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 10px !important;
  }
  .m-xl-2 {
    margin: 20px !important;
  }
  .m-xl-3 {
    margin: 40px !important;
  }
  .m-xl-4 {
    margin: 60px !important;
  }
  .m-xl-5 {
    margin: 80px !important;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xl-1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mx-xl-2 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mx-xl-3 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mx-xl-4 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mx-xl-5 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-xl-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xl-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xl-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xl-5 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-1 {
    margin-left: 10px !important;
  }
  .ml-xl-2 {
    margin-left: 20px !important;
  }
  .ml-xl-3 {
    margin-left: 40px !important;
  }
  .ml-xl-4 {
    margin-left: 60px !important;
  }
  .ml-xl-5 {
    margin-left: 80px !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-1 {
    margin-right: 10px !important;
  }
  .mr-xl-2 {
    margin-right: 20px !important;
  }
  .mr-xl-3 {
    margin-right: 40px !important;
  }
  .mr-xl-4 {
    margin-right: 60px !important;
  }
  .mr-xl-5 {
    margin-right: 80px !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 10px !important;
  }
  .mb-xl-2 {
    margin-bottom: 20px !important;
  }
  .mb-xl-3 {
    margin-bottom: 40px !important;
  }
  .mb-xl-4 {
    margin-bottom: 60px !important;
  }
  .mb-xl-5 {
    margin-bottom: 80px !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 10px !important;
  }
  .mt-xl-2 {
    margin-top: 20px !important;
  }
  .mt-xl-3 {
    margin-top: 40px !important;
  }
  .mt-xl-4 {
    margin-top: 60px !important;
  }
  .mt-xl-5 {
    margin-top: 80px !important;
  }
  .br-xl {
    border-radius: 30px !important;
  }
  .br-xl-none {
    border-radius: 0 !important;
  }
  .br-xl-xs {
    border-radius: 7.5px !important;
  }
  .br-xl-sm {
    border-radius: 15px !important;
  }
  .br-xl-lg {
    border-radius: 60px !important;
  }
  .br-xl-full {
    border-radius: 50% !important;
  }
  .direction-xl {
    flex-direction: 30px !important;
  }
  .direction-xl-column {
    flex-direction: column !important;
  }
  .direction-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .direction-xl-row {
    flex-direction: row !important;
  }
  .direction-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .direction-xl-unset {
    flex-direction: unset !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
  .d-xl {
    display: 30px !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .font-xl-sm {
    font-size: 0.75rem !important;
  }
  .font-xl-md {
    font-size: 1rem !important;
  }
  .font-xl-lg {
    font-size: 1.5rem !important;
  }
  .font-xl-xl {
    font-size: 2rem !important;
  }
  .font-xl-xxl {
    font-size: 3rem !important;
  }
  .font-xl-14 {
    font-size: 14px !important;
  }
  .font-xl-16 {
    font-size: 16px !important;
  }
  .font-xl-18 {
    font-size: 18px !important;
  }
  .font-xl-20 {
    font-size: 20px !important;
  }
  .font-xl-24 {
    font-size: 24px !important;
  }
  .font-xl-28 {
    font-size: 28px !important;
  }
  .font-xl-30 {
    font-size: 30px !important;
  }
  .font-xl-32 {
    font-size: 32px !important;
  }
  .o-xl-0 {
    opacity: 0 !important;
  }
  .o-xl-10 {
    opacity: 0.1 !important;
  }
  .o-xl-20 {
    opacity: 0.2 !important;
  }
  .o-xl-30 {
    opacity: 0.3 !important;
  }
  .o-xl-40 {
    opacity: 0.4 !important;
  }
  .o-xl-50 {
    opacity: 0.5 !important;
  }
  .o-xl-60 {
    opacity: 0.6 !important;
  }
  .o-xl-70 {
    opacity: 0.7 !important;
  }
  .o-xl-80 {
    opacity: 0.8 !important;
  }
  .o-xl-90 {
    opacity: 0.9 !important;
  }
  .o-xl-100 {
    opacity: 1 !important;
  }
}
.p-0 {
  padding: 0;
}
.p-1 {
  padding: 10px;
}
.p-2 {
  padding: 20px;
}
.p-3 {
  padding: 40px;
}
.p-4 {
  padding: 60px;
}
.p-5 {
  padding: 80px;
}
.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: 10px;
}
.pl-2 {
  padding-left: 20px;
}
.pl-3 {
  padding-left: 40px;
}
.pl-4 {
  padding-left: 60px;
}
.pl-5 {
  padding-left: 80px;
}
.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: 10px;
}
.pr-2 {
  padding-right: 20px;
}
.pr-3 {
  padding-right: 40px;
}
.pr-4 {
  padding-right: 60px;
}
.pr-5 {
  padding-right: 80px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-1 {
  padding-left: 10px;
  padding-right: 10px;
}
.px-2 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-3 {
  padding-left: 40px;
  padding-right: 40px;
}
.px-4 {
  padding-left: 60px;
  padding-right: 60px;
}
.px-5 {
  padding-left: 80px;
  padding-right: 80px;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-3 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-4 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-5 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 10px;
}
.pb-2 {
  padding-bottom: 20px;
}
.pb-3 {
  padding-bottom: 40px;
}
.pb-4 {
  padding-bottom: 60px;
}
.pb-5 {
  padding-bottom: 80px;
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 10px;
}
.pt-2 {
  padding-top: 20px;
}
.pt-3 {
  padding-top: 40px;
}
.pt-4 {
  padding-top: 60px;
}
.pt-5 {
  padding-top: 80px;
}
.m-0 {
  margin: 0;
}
.m-1 {
  margin: 10px;
}
.m-2 {
  margin: 20px;
}
.m-3 {
  margin: 40px;
}
.m-4 {
  margin: 60px;
}
.m-5 {
  margin: 80px;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-1 {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-2 {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-3 {
  margin-left: 40px;
  margin-right: 40px;
}
.mx-4 {
  margin-left: 60px;
  margin-right: 60px;
}
.mx-5 {
  margin-left: 80px;
  margin-right: 80px;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-3 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-4 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.my-5 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.ml-0 {
  margin-left: 0;
}
.ml-1 {
  margin-left: 10px;
}
.ml-2 {
  margin-left: 20px;
}
.ml-3 {
  margin-left: 40px;
}
.ml-4 {
  margin-left: 60px;
}
.ml-5 {
  margin-left: 80px;
}
.mr-0 {
  margin-right: 0;
}
.mr-1 {
  margin-right: 10px;
}
.mr-2 {
  margin-right: 20px;
}
.mr-3 {
  margin-right: 40px;
}
.mr-4 {
  margin-right: 60px;
}
.mr-5 {
  margin-right: 80px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: 10px;
}
.mb-2 {
  margin-bottom: 20px;
}
.mb-3 {
  margin-bottom: 40px;
}
.mb-4 {
  margin-bottom: 60px;
}
.mb-5 {
  margin-bottom: 80px;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 10px;
}
.mt-2 {
  margin-top: 20px;
}
.mt-3 {
  margin-top: 40px;
}
.mt-4 {
  margin-top: 60px;
}
.mt-5 {
  margin-top: 80px;
}
.br {
  border-radius: 30px;
}
.br-none {
  border-radius: 0;
}
.br-xs {
  border-radius: 7.5px;
}
.br-sm {
  border-radius: 15px;
}
.br-lg {
  border-radius: 60px;
}
.br-full {
  border-radius: 50%;
}
.direction {
  flex-direction: 30px;
}
.direction-column {
  flex-direction: column;
}
.direction-column-reverse {
  flex-direction: column-reverse;
}
.direction-row {
  flex-direction: row;
}
.direction-row-reverse {
  flex-direction: row-reverse;
}
.direction-unset {
  flex-direction: unset;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.d {
  display: 30px;
}
.d-none {
  display: none;
}
.d-flex {
  display: flex;
}
.d-inline-flex {
  display: inline-flex;
}
.d-block {
  display: block;
}
.d-inline {
  display: inline;
}
.d-inline-block {
  display: inline-block;
}
.font-sm {
  font-size: 0.75rem;
}
.font-md {
  font-size: 1rem;
}
.font-lg {
  font-size: 1.5rem;
}
.font-xl {
  font-size: 2rem;
}
.font-xxl {
  font-size: 3rem;
}
.font-14 {
  font-size: 14px;
}
.font-16 {
  font-size: 16px;
}
.font-18 {
  font-size: 18px;
}
.font-20 {
  font-size: 20px;
}
.font-24 {
  font-size: 24px;
}
.font-28 {
  font-size: 28px;
}
.font-30 {
  font-size: 30px;
}
.font-32 {
  font-size: 32px;
}
.o-0 {
  opacity: 0;
}
.o-10 {
  opacity: 0.1;
}
.o-20 {
  opacity: 0.2;
}
.o-30 {
  opacity: 0.3;
}
.o-40 {
  opacity: 0.4;
}
.o-50 {
  opacity: 0.5;
}
.o-60 {
  opacity: 0.6;
}
.o-70 {
  opacity: 0.7;
}
.o-80 {
  opacity: 0.8;
}
.o-90 {
  opacity: 0.9;
}
.o-100 {
  opacity: 1;
}
/*____Fonts___________________________________________________________________________*/
/**
 * Phoreus Cherokee
 */
@font-face {
  font-family: "phoreuscherokee";
  src: url("fonts/webfonts/phoreuscherokee/phoreuscherokee.woff2") format("woff2"), url("fonts/webfonts/phoreuscherokee/phoreuscherokee.woff") format("woff"), url("fonts/webfonts/phoreuscherokee/phoreuscherokee.otf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "phoreuscherokee";
  src: url("fonts/webfonts/phoreuscherokee/phoreuscherokee-bold.woff2") format("woff2"), url("fonts/webfonts/phoreuscherokee/phoreuscherokee-bold.woff") format("woff"), url("fonts/webfonts/phoreuscherokee/phoreuscherokee-bold.otf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
/**
 * Archivo Black
 */
@font-face {
  font-family: "Archivo Black";
  src: url("fonts/webfonts/archivo/ArchivoBlack-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/**
 * Arimo
 */
@font-face {
  font-family: "Arimo";
  src: url("fonts/webfonts/arimo/Arimo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/**
 * Arimo Bold
 */
@font-face {
  font-family: "Arimo Bold";
  src: url("fonts/webfonts/arimo/Arimo-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/**
 * Icomoon
 */
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon/icomoon.eot?4q8xkc");
  src: url("fonts/icomoon/icomoon.eot?4q8xkc#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.woff2?4q8xkc") format("woff2"), url("fonts/icomoon/icomoon.ttf?4q8xkc") format("truetype"), url("fonts/icomoon/icomoon.woff?4q8xkc") format("woff"), url("fonts/icomoon/icomoon.svg?4q8xkc#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before, #lbCloseLink::before, .subtemplate.blue2 a:after, #lbNextLink:before, #lbPrevLink:before, ul li:before, .karten-container:before, a.back:after, div.mail:before, .orange-line:after, .teaser .text:after, .dropdown:after, a.goto:after, div.phone:before, div.location:before, .resize-button:after, .submenu .subsubmenu a.ssm:before, .news-entry .txt-cell:after, input[type="checkbox"]:checked + label::after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-size: 1rem;
}
.icon-upcoming:before {
  content: "";
}
.icon-timespan:before {
  content: "";
}
.icon-checkmark:before {
  content: "";
}
.icon-more:before {
  content: "";
  font-size: 10px;
  line-height: 10px;
}
.icon-more.reverse {
  display: inline-block;
}
.icon-more.reverse:before {
  display: inline-block;
  transform: rotate(180deg);
}
.icon-more.medium:before {
  font-size: 12px;
}
.icon-pulldown:before {
  content: "";
}
.icon-checkbox_tick:before {
  content: "";
}
.icon-time:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-house:before {
  content: "";
}
.icon-arrow-down:before {
  content: "";
}
.icon-arrow-up:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-insta:before {
  content: "";
}
.icon-linkedin:before {
  content: "";
}
.icon-xing:before {
  content: "";
}
.icon-phone:before {
  content: "";
}
.icon-contact:before {
  content: "";
}
.icon-location:before {
  content: "";
}
.icon-tram .path1:before {
  content: "";
  color: #ec1e3e;
}
.icon-tram .path2:before {
  content: "";
  margin-left: -1em;
  color: white;
}
.icon-tram .path3:before {
  content: "";
  margin-left: -1em;
  color: white;
}
.icon-tram .path4:before {
  content: "";
  margin-left: -1em;
  color: white;
}
.icon-tram .path5:before {
  content: "";
  margin-left: -1em;
  color: white;
}
.icon-bus .path1:before {
  content: "";
  color: #9b2380;
}
.icon-bus .path2:before {
  content: "";
  margin-left: -1em;
  color: white;
}
.icon-bus .path3:before {
  content: "";
  margin-left: -1em;
  color: white;
}
.icon-bus .path4:before {
  content: "";
  margin-left: -1em;
  color: white;
}
.icon-arrow-left:before {
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-arrow-right.small-next:before {
  font-size: 10px;
}
.icon-arrow-right.bold:before {
  font-weight: 700;
}
/*____@mixin __________________________________________________________________________*/
.main-nav {
  height: 70px;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
.main-nav .nav-container {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
.logo {
  height: 100%;
  display: flex;
  align-items: center;
}
.logo a {
  display: contents;
}
.logo img {
  max-height: 80%;
  width: auto;
}
.nav-items {
  display: none;
}
.hamburger {
  width: 30px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1001;
}
.hamburger span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--Primaer--Dunkelgrau);
  transition: all 0.3s ease;
  transform-origin: left center;
}
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg);
  width: 32px;
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg);
  width: 32px;
}
.dark-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 998;
}
.dark-overlay.active {
  opacity: 1;
  visibility: visible;
}
.menu-overlay {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: calc(100vh - 70px);
  background: white;
  visibility: hidden;
  transform: translateY(-100%);
  transition: transform 0.4s ease, visibility 0.4s ease;
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
}
.menu-overlay.active {
  visibility: visible;
  transform: translateY(0);
}
.menu-overlay .mobile-menu {
  transition: transform 0.3s ease;
}
.menu-overlay.submenu-active .mobile-menu {
  transform: translateX(-100%);
}
.mobile-menu {
  padding: 1rem;
  background: white;
}
.mobile-menu-list {
  list-style: none;
}
.mobile-menu-item {
  border-bottom: 1px solid #e5e5e5;
}
.mobile-menu-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  text-decoration: none;
  font-family: var(--font-name--Auszeichnung);
  font-weight: 400;
  font-size: var(--font-size--H4);
  line-height: var(--line-height--H4);
  color: var(--Primaer--Rot);
}
.mobile-menu-link svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.mobile-bottom-menu {
  margin-top: 2rem;
  padding-top: 1rem;
}
.mobile-bottom-menu .mobile-menu-link {
  font-family: var(--font-name--Fliesstext);
  font-weight: 400;
  font-size: var(--font-size--Fliesstext);
  line-height: var(--line-height--Fliesstext);
  color: var(--Primaer--Dunkelgrau);
  font-size: var(--font-size--Introtext_klein);
  line-height: var(--line-height--Introtext_klein);
  text-transform: uppercase;
}
.submenu-mobile {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: calc(100vh - 70px);
  background: white;
  transition: transform 0.3s ease;
  padding: 1rem;
  overflow-y: auto;
}
.submenu-mobile.active {
  transform: translateX(-100%);
}
.submenu-mobile-list {
  list-style: none;
}
.submenu-mobile-item {
  border-bottom: 1px solid #e5e5e5;
}
.submenu-mobile-link {
  display: block;
  padding: 1rem 0;
  text-decoration: none;
  color: var(--Primaer--Dunkelgrau);
  font-size: var(--font-size--H5);
  line-height: var(--line-height--H5);
}
.submenu-header {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1rem;
}
.back-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--Primaer--Dunkelgrau);
  text-decoration: none;
  font-size: var(--font-size--Fliesstext);
  line-height: var(--line-height--Kleintext);
  text-transform: uppercase;
  color: var(--Primaer--Rot);
}
.back-button svg {
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
}
.submenu-grid, .bottom-menu {
  display: none;
}
.breadcrumb {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  align-items: center;
}
.breadcrumb.blocked {
  padding-left: var(--margin-Abstand_2);
}
.breadcrumb a, .breadcrumb * {
  color: var(--Sekundaer--Hellgrau);
  font: var(--kleintext);
}
.breadcrumb a.active {
  color: var(--Sekundaer--Schwarzgrau);
  font: var(--kleintext);
  font-weight: bold;
}
.breadcrumb .icon-arrow-right::before {
  font-size: 7px;
}
@media (min-width: 970px) {
  .menu-overlay {
    top: 140px;
  }
  body {
    padding-top: 0;
  }
  .breadcrumb.blocked {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: var(--margin-Abstand_3);
  }
  .breadcrumb .icon-arrow-right:before {
    font-size: 10px;
  }
  .main-nav {
    position: relative;
    height: 140px;
  }
  .main-nav .nav-container {
    max-width: var(--break-inner-container);
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 2rem;
    padding-left: var(--margin-Abstand_3);
  }
  .nav-items {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    justify-content: flex-end;
    align-items: center;
    padding-right: 35px;
  }
  .nav-items a {
    text-decoration: none;
    font-family: var(--font-name--Auszeichnung);
    font-weight: 400;
    font-size: var(--font-size--H4);
    line-height: var(--line-height--H4);
    color: var(--Primaer--Rot);
    padding: 0.5rem 0;
  }
  .nav-items a:hover {
    color: var(--Primaer--Rot);
  }
  .nav-items .nav-item {
    padding: 10px 0;
  }
  .nav-items .nav-item.active {
    border-bottom: 2px solid var(--Primaer--Rot);
  }
  .dark-overlay {
    display: block;
  }
  .mobile-menu, .mobile-bottom-menu, .submenu-mobile {
    display: none;
  }
  .menu-overlay {
    position: absolute;
    height: auto;
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  }
  .menu-overlay.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .submenu-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
    margin: 0 auto;
    padding-left: var(--margin-Abstand_3);
    border-bottom: 1px solid #e5e5e5;
    background: white;
  }
  .submenu-grid.blocked {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: var(--margin-Abstand_3);
  }
  .submenu-column h3 {
    font-family: var(--font-name--Auszeichnung);
    font-weight: 400;
    font-size: var(--font-size--H4);
    line-height: var(--line-height--H4);
    color: var(--Primaer--Rot);
    margin-bottom: 1rem;
  }
  .submenu-column ul {
    list-style: none;
  }
  .submenu-column li {
    margin-bottom: 0.5rem;
  }
  .submenu-column a {
    text-decoration: none;
    font-family: var(--font-name--Fliesstext);
    font-weight: 400;
    font-size: var(--font-size--Fliesstext);
    line-height: var(--line-height--Fliesstext);
    color: var(--Primaer--Dunkelgrau);
  }
  .submenu-column a.active {
    color: var(--Primaer--Rot);
  }
  .submenu-column a:hover {
    color: var(--Primaer--Rot);
  }
  .bottom-menu {
    display: block;
    background: var(--Primaer--Dunkelgrau);
    padding: 2rem 0;
    padding-left: var(--margin-Abstand_3);
  }
  .bottom-menu-content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
    margin: 0 auto;
    padding: 0;
  }
  .bottom-menu-column h3 {
    color: var(--Sekundaer--Weissgrau);
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
  }
  .bottom-menu-column .fliesstext {
    color: var(--Sekundaer--Weissgrau);
    font-weight: 700;
  }
  .bottom-menu-column ul {
    list-style: none;
  }
  .bottom-menu-column li {
    margin-bottom: 0.5rem;
  }
  .bottom-menu-column a {
    text-decoration: none;
    font-family: var(--font-name--Fliesstext);
    font-weight: 400;
    font-size: var(--font-size--Kleintext);
    line-height: var(--line-height--Kleintext);
    color: var(--Sekundaer--Weissgrau);
  }
  .bottom-menu-column a.active {
    color: var(--Primaer--Weiss);
  }
}
@media (min-width: 970px) and (min-width: 1100px) {
  .nav-items {
    gap: 2rem;
    padding-right: 45px;
  }
}
/*____@mixin __________________________________________________________________________*/
#body-container {
  padding-top: 0;
}
.main-nav {
  box-shadow: none;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.5s ease-out;
}
.main-nav.active {
  background-color: var(--Primaer--Weiss);
}
.breadcrumb {
  display: none;
}
.bottom-menu-content.blocked {
  padding: 20px;
}
.fahrplan-container {
  max-width: 350px;
  margin: 0 auto;
  padding: 20px;
}
.fahrplan-container .tabs {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
}
.fahrplan-container .tabs span {
  padding: 10px 15px;
  color: #888;
  cursor: pointer;
}
.fahrplan-container .tabs span.active {
  color: red;
  border-bottom: 2px solid red;
}
.fahrplan-container .input-group {
  margin-bottom: 15px;
}
.fahrplan-container .input-group label {
  display: block;
  margin-bottom: 5px;
  color: #555;
}
.fahrplan-container .input-group input {
  width: 100%;
  padding: 10px;
  background-color: var(--Sekundaer--Weissgrau);
  border: none;
  padding: 10px 16px;
  font: var(--fliesstext);
  color: var(--Sekundaer--Schwarzgrau);
}
.fahrplan-container .input-group input::placeholder {
  font: var(--fliesstext);
  color: var(--Sekundaer--Schwarzgrau);
}
.fahrplan-container .toggle-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  gap: 10px;
}
.fahrplan-container .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
.fahrplan-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.fahrplan-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--Sekundaer--Blau);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5) inset;
  transition: 0.4s;
  border-radius: 34px;
}
.fahrplan-container .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 6px;
  bottom: 5px;
  background-color: var(--Primaer--Weiss);
  transition: 0.4s;
  border-radius: 15px;
}
.fahrplan-container .switch input:checked + .slider {
  background-color: #2196F3;
}
.fahrplan-container .switch input:checked + .slider:before {
  transform: translateX(13px);
}
.fahrplan-container .time-selection {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  margin-bottom: 20px;
}
.fahrplan-container .date-picker, .fahrplan-container .time-picker {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 10px;
  background-color: var(--Sekundaer--Weissgrau);
  justify-content: space-between;
  border: none;
  align-items: center;
  gap: 10px;
  background-color: var(--Sekundaer--Weissgrau);
  justify-content: space-between;
  border: none;
  position: relative;
}
.fahrplan-container .date-picker .input-group, .fahrplan-container .time-picker .input-group {
  position: relative;
}
.fahrplan-container .date-picker .input-group, .fahrplan-container .date-picker .input-group input, .fahrplan-container .time-picker .input-group, .fahrplan-container .time-picker .input-group input {
  margin-bottom: 0;
}
.fahrplan-container .date-picker .input-group:after, .fahrplan-container .time-picker .input-group:after {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.fahrplan-container .date-picker .input-group:has(#timeInput):after, .fahrplan-container .time-picker .input-group:has(#timeInput):after {
  content: "";
}
.fahrplan-container .icon-button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
.fahrplan-container .search-button {
  width: 100%;
  padding: 12px;
  background-color: var(--Primaer--Rot);
  border: none;
  font: var(--fliesstext);
  color: var(--Sekundaer--Schwarzgrau);
  color: var(--Primaer--Weiss);
  cursor: pointer;
}
.fahrplan-container .search-button:hover {
  background-color: darkred;
}
.news-container {
  padding: 20px 0;
  position: relative;
  /* Feste Höhe für den Container */
  overflow: hidden;
  background-color: var(--Sekundaer--Weissgrau);
  /* Gradient overlay to fade out bottom cards */
}
.news-container .news-grid {
  padding-top: var(--margin-Abstand_3);
  grid-auto-rows: 1;
  top: 120px;
}
.news-container .card-link {
  display: block;
}
.news-container .news-card {
  background-color: var(--Primaer--Weiss);
  overflow: hidden;
  transition: transform 0.3s ease;
  position: relative;
  margin-bottom: 20px;
}
.news-container .news-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.news-container .card-content {
  padding: 20px;
}
.news-container .card-content h5 {
  margin-bottom: 10px;
}
.news-container .card-content p {
  margin-bottom: 40px;
}
.news-container .card-content p {
  overflow: hidden;
  color: var(--Primaer--Dunkelgrau, #6F6E6E);
  text-overflow: ellipsis;
  /* Fließtext */
  font-family: var(--font-name-Fliesstext);
  font-size: var(--font-size--Fliesstext);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height--Fliesstext);
}
.news-container .all-news-link {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  color: #d32f2f;
  text-decoration: none;
  font-weight: bold;
  padding: 10px;
}
.news-container .more-link {
  position: absolute;
  bottom: 20px;
}
.news-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #ededed;
  background: linear-gradient(0deg, #ededed 0%, #ededed 50%, rgba(237, 237, 237, 0) 100%);
  z-index: 7;
  pointer-events: none;
}
.slider-innercontainer, .startslider-container {
  width: 100vw;
}
.startslider-container {
  flex-direction: column;
}
.startslider-container .col-timetable {
  width: 100%;
}
.startslider-container .slider-innercontainer {
  position: relative;
  width: 100%;
  padding-bottom: 0;
}
.startslider-container .navbar-inner {
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 10px;
}
.startslider-container ul.slick-dots {
  position: relative;
}
.startslider-container ul.slick-dots li {
  margin-left: 5px !important;
}
.startslider-container ul.slick-dots li button {
  background-color: rgba(255, 255, 255, 0.4);
}
.startslider-container ul.slick-dots li.slick-active button {
  background-color: var(--Primaer--Weiss) !important;
}
.startslider-container #startslider .slider-item {
  position: relative;
  display: block !important;
}
.startslider-container #startslider .slider-item .info {
  width: 100%;
  max-width: 400px;
  color: var(--Primaer--Weiss);
  position: absolute;
  bottom: 10%;
  left: 25px;
  z-index: 100;
}
.startslider-container #startslider .slider-item .info a {
  color: var(--Primaer--Weiss);
}
.startslider-container #startslider .slider-item .info .slider-headline {
  font: var(--slider-headline);
  text-transform: uppercase;
  color: var(--Primaer--Rot);
  font-weight: 400;
  color: var(--Primaer--Weiss);
  font-size: clamp(1.5rem, 3vw, 5rem);
  line-height: clamp(2rem, 3vw, 6rem);
}
.startslider-container #startslider .slider-item .info .slider-subline, .startslider-container #startslider .slider-item .info .slider-subline h1, .startslider-container #startslider .slider-item .info .slider-subline .h1 {
  font-family: var(--font-name-Fliesstext, Arial);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(1.5rem, 2vw, 2rem);
}
.startslider-container #startslider .slider-item .info .slider-subline .h1, .startslider-container #startslider .slider-item .info .slider-subline h1, .startslider-container #startslider .slider-item .info .slider-subline h1 .h1, .startslider-container #startslider .slider-item .info .slider-subline h1 h1, .startslider-container #startslider .slider-item .info .slider-subline .h1 .h1, .startslider-container #startslider .slider-item .info .slider-subline .h1 h1 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.startslider-container #startslider .slider-item > img {
  width: 100%;
  display: block;
}
.subtemplate:not(.resizerTemplateClose) {
  margin-top: var(--margin-Abstand_3) !important;
}
.subtemplate:not(.resizerTemplateClose):has(.tpl-color-weissgrau) {
  margin: 0 var(--margin-Abstand_2);
}
.subtemplate:not(.resizerTemplateClose).tpl-css-padding-container-top-0 .oe-container {
  padding-top: 0 !important;
}
.subtemplate:not(.resizerTemplateClose).tpl-css-padding-container-bottom-0 .oe-container {
  padding-bottom: 0 !important;
}
.subtemplate:not(.resizerTemplateClose) .oe-container > .cell .component.template-text {
  padding: var(--margin-Abstand_3) var(--margin-Abstand_2);
}
.subtemplate:not(.resizerTemplateClose) .oe-container > .cell .component.image {
  padding: 0;
  display: block;
}
.subtemplate:not(.resizerTemplateClose) .oe-container {
  flex-direction: column-reverse;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 970px) {
  .fahrplan-container, .fahplan-container {
    margin-top: 140px;
  }
  .subtemplate:not(.resizerTemplateClose) .oe-container > .cell .component.template-text {
    padding: var(--margin-Abstand_1) 0;
  }
  .subtemplate:not(.resizerTemplateClose) .oe-container {
    flex-direction: row;
  }
  .startslider-container {
    flex-direction: row;
  }
  .startslider-container #startslider .slider-item .info {
    position: absolute;
    bottom: 10%;
    left: 20%;
  }
  .startslider-container .navbar-inner {
    position: absolute;
    top: 45vw;
    left: 19%;
    bottom: auto;
  }
  .startslider-container .col-timetable {
    width: 25%;
  }
  .startslider-container .slider-innercontainer {
    width: 70%;
  }
  .news-container {
    height: 900px;
    padding-right: var(--margin-Abstand_2);
  }
  .news-container .news-grid {
    padding-top: var(--margin-Abstand_1);
    position: absolute;
    column-gap: 20px;
    column-count: 3;
  }
  .news-container .card-link:nth-child(3), .news-container .card-link:nth-child(4) {
    transform: translateY(-90px);
  }
  .news-container .news-card {
    margin-bottom: 40px;
  }
  .news-container .news-card:hover {
    transform: translateY(-10px);
  }
  .news-container .all-news-link {
    bottom: 50px;
  }
  .news-container::after {
    height: 250px;
  }
}
@media (min-width: 1200px) {
  .subtemplate:not(.resizerTemplateClose) .oe-container > .cell .component.template-text {
    padding: var(--margin-Abstand_3) 0;
  }
}
@media (min-width: 1400px) {
  .fahrplan-container {
    margin-top: 280px;
  }
}
/*# sourceMappingURL=./style.css.map */