/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/*fonts*/
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v25-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/montserrat-v25-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v25-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/montserrat-v25-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/lato-v24-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/lato-v24-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato-v24-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/lato-v24-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/lato-v24-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/lato-v24-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "icoset";
  src: url("../fonts/icoset.ttf?xct3ws") format("truetype"), url("../fonts/icoset.woff?xct3ws") format("woff"), url("../fonts/icoset.svg?xct3ws#icoset") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ico--], [class*=" ico--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icoset" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #da006a;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico--headset_mic:before {
  content: "\e904";
}

.ico--wrench:before {
  content: "\e902";
}

.ico--cog:before {
  content: "\e901";
}

.ico--gear:before {
  content: "\e901";
}

.ico--preferences:before {
  content: "\e901";
}

.ico--settings:before {
  content: "\e901";
}

.ico--generate:before {
  content: "\e901";
}

.ico--control:before {
  content: "\e901";
}

.ico--options:before {
  content: "\e901";
}

.ico--home:before {
  content: "\e900";
}

.ico--location2:before {
  content: "\e909";
}

.ico--phone:before {
  content: "\f095";
}

.ico--envelope:before {
  content: "\f0e0";
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  color: #515050;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 768px) {
  body {
    font-weight: 300;
  }
}
a {
  outline: none;
  color: inherit;
}
a[href^=mailto], a[href^=tel] {
  text-decoration: none;
}
a[href^=mailto]:hover, a[href^=tel]:hover {
  text-decoration: underline;
  color: inherit;
}

@media (max-width: 767px) {
  a[href^="http:"], a[href^="https:"], a[href^=mailto], a[type="application/pdf"] {
    word-wrap: break-word;
    word-break: break-all;
  }
}
.h1, .h2, h1, h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.h1, h1 {
  margin-bottom: 1.5rem;
}

.h1, .h2, h1, h2 {
  color: #333333;
}

h2.section--headline, .section--headline h2 {
  font-size: 2em;
}

h1.section--headline, .section--headline h1 {
  font-size: 2.5em;
}

h1, .h1 {
  font-size: calc(1.625rem + 0.9vw);
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.375rem;
  }
}
h2, .h2 {
  font-size: calc(1.3rem + 0.6vw);
  margin-top: 3rem;
  margin-bottom: 1rem;
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}
h3, .h3 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}
h4, .h4 {
  font-size: 1.25rem;
}

@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.25rem;
  }
}
h5, .h5 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 1rem;
}

hr {
  height: 1px;
  width: 100%;
  background-color: #ededed;
  display: block;
  margin: 3rem auto 3rem auto;
  border: 0;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

span.bold {
  font-weight: 700;
}

sub, sup {
  position: relative;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: middle;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.text-decoration-none a {
  text-decoration: none;
}
.text-decoration-none a:hover {
  text-decoration: underline;
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Float classes*/
@media (min-width: 768px) {
  .float_left, .media--left > figure {
    float: left;
  }
  .float_right, .media--right > figure {
    float: right;
  }
  figure.float_left {
    margin-right: 1em;
  }
  figure.float_right {
    margin-left: 1em;
  }
}
figure {
  margin: 0 0 1rem;
}

.ce_text ul, .teaser-area ul {
  padding-left: 2rem;
  list-style: square;
  margin: 1em 0;
  /*text-indent: -.375em;*/
}

.ce_text ol, .teaser-area ol {
  padding-left: 2rem;
  list-style: decimal;
  margin: 1em 0;
}

/*avoid overflow when text shorter than image*/
.ce_text::before, .ce_text::after {
  content: "";
  clear: both;
  display: block;
}

/*special case*/
/*
.ce_text figure.float_left ~ ul, .ce_text figure.float_left ~ ol {
	overflow: hidden;
}
*/
.uppercase {
  text-transform: uppercase;
}

.no-uppercase {
  text-transform: none;
}

.text-center {
  text-align: center;
}

.image-center img {
  display: block;
  margin: auto;
}

/*max widths*/
.width-max-1200 {
  max-width: 1200px;
  margin: auto;
}

.width-max-900 {
  max-width: 900px;
  margin: auto;
}

.width-max-800 {
  max-width: 800px;
  margin: auto;
}

.width-max-700 {
  max-width: 700px;
  margin: auto;
}

.width-max-600 {
  max-width: 600px;
  margin: auto;
}

.width-max-500 {
  max-width: 500px;
  margin: auto;
}

.width-max-400 {
  max-width: 400px;
  margin: auto;
}

.block-max-width {
  max-width: 4000px;
  margin: auto;
  overflow: hidden;
}

[id=header] .inside {
  min-height: 119px;
}

[id=main] .inside {
  min-height: 500px;
  padding-top: 3rem;
}

@media (max-width: 767px) {
  [id=main] .inside {
    overflow-wrap: break-word;
  }
}
.rounded-circle img {
  border-radius: 50%;
}

/* Images */
figure:not(.video_container) {
  display: table;
}

figure img {
  display: block;
}

figcaption {
  display: table-caption;
  caption-side: bottom;
  font-size: 0.8125em;
  padding: 0.5em 0;
}

.ce_gallery figure {
  margin-right: 1rem;
}
.ce_gallery > ul {
  display: grid;
}
.ce_gallery ul.cols_2 {
  grid-template-columns: repeat(2, 1fr);
}
.ce_gallery ul.cols_3 {
  grid-template-columns: repeat(2, 1fr);
}
.ce_gallery ul.cols_4 {
  grid-template-columns: repeat(2, 1fr);
}
.ce_gallery ul.cols_5 {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .ce_gallery ul.cols_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ce_gallery ul.cols_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ce_gallery ul.cols_4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ce_gallery ul.cols_5 {
    grid-template-columns: repeat(5, 1fr);
  }
}

.col--center li {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*
.gallery-grid-3 > ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    justify-content: center;
}
*/
.ce_gallery figcaption {
  display: table-caption;
  caption-side: bottom;
  font-size: 0.875em;
  padding: 0.5em 0;
  color: #da006a;
  text-align: center;
}

@media (max-width: 767px) {
  .ce_gallery figcaption {
    word-break: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}
/*image scale effect if linked*/
a img {
  -webkit-transition: -webkit-transform 0.35s linear;
  transition: -webkit-transform 0.35s linear;
  transition: transform 0.35s linear;
  transition: transform 0.35s linear, -webkit-transform 0.35s linear;
}
a img:hover {
  -webkit-transform: scale(1.025);
          transform: scale(1.025);
}

/*buttons*/
.btn-cta a, a.btn-cta {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  /* white-space: nowrap; */
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  line-height: 1.5;
  /*border-radius: 1rem;*/
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  /* min-width: 280px; */
  border: 2px solid transparent;
  padding: 0.5rem 1.5rem;
}
.btn-cta a:hover, a.btn-cta:hover {
  background-color: #333333;
}

@media (min-width: 768px) {
  .btn-cta a {
    font-size: 1rem;
  }
}
.btn-cta a, a.btn-cta {
  color: #fff;
  background-color: #da006a;
  text-decoration: none;
}

.btn-cta {
  margin-top: 2rem;
}

/*
.btn-cta a::before {
	content: "";
	border: solid #fff;
	border-width: 2px 0px 0px 2px;
	display: inline-block;
	height: 10px;
	width: 10px;
	transform: rotate(135deg);
	 -webkit-transform: rotate(135deg); 
	margin-right: 10px;
	vertical-align: middle;
}
*/
/*
.btn-cta a::before {
	content: "\003E";
	margin-right: .5em;
	vertical-align: middle;
}
*/
.btn-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jumptarget {
  scroll-margin-top: 100px;
  scroll-padding-top: 100px;
  overflow: hidden;
}

/*--------------------------------------------------------------
# Navigations
--------------------------------------------------------------*/
.nav--brand {
  max-width: 160px;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  -webkit-transform: translate(0px, 0%);
          transform: translate(0px, 0%);
}

@media (min-width: 992px) {
  .nav--brand {
    -webkit-transform: translate(0px, -50%);
            transform: translate(0px, -50%);
    min-width: 160px;
  }
}
.sticky .nav--brand img {
  max-width: 80px;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  -webkit-transform: translate(0px, 0%);
          transform: translate(0px, 0%);
}

.nav--bar--wrapper {
  width: 100%;
  background-color: #fff;
  min-height: 50px;
  z-index: 99;
  position: relative;
}

.top-header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0;
  min-height: 2rem;
  position: relative;
  min-height: 3rem;
}

nav strong {
  font-weight: 700;
}

.nav--bar {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #fff;
}

@media (min-width: 992px) {
  .nav--bar {
    padding-top: 0;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
.nav--main {
  margin-right: auto;
  margin-left: auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  display: none;
}
.nav--main ul li ul {
  font-weight: 400;
  background: #E0E0E0;
}
.nav--main a, .nav--main li.active strong {
  text-decoration: none;
  padding: 0.5em 0.5em 0.5em 0.5em;
}
.nav--main ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.nav--main ul.level_1 > li {
  margin-right: 1rem;
  position: relative;
}
.nav--main li ul {
  display: block;
  position: absolute;
  top: 100%;
  margin: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: inherit;
  min-width: 13rem;
}
.nav--main li:hover {
  background-color: #E0E0E0;
}
.nav--main li:hover ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.nav--main li.active, .nav--main li.trail {
  background-color: #E0E0E0;
}
.nav--main li ul li:hover, .nav--main li ul li.active {
  background-color: #da006a;
  color: #ffffff;
}
.nav--main a {
  display: block;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
}
.nav--main strong.active, .nav--main strong.trail {
  display: block;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
}
.nav--main ul.level_2 a {
  padding: 0.375rem 0.75rem;
}
.nav--main ul.level_2 strong.active, .nav--main ul.level_2 strong.trail {
  padding: 0.375rem 0.75rem;
}
.nav--main ul li ul.level_2 li {
  border-top: 1px white solid;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .nav--main {
    display: block;
  }
  .nav--main > .level_1 > li > .submenu {
    pointer-events: none;
  }
}
/*
.nav--main li ul li {
	margin-right: 0;
}
*/
[id=navbar].sticky, .nav--bar--wrapper.sticky {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  /*padding-top: 1rem;*/
  -webkit-box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.2);
}

@media (max-width: 991px) {
  .sticky .top-header {
    display: none;
  }
  .sticky .nav--bar {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
/* url encoded svg Icons*/
.icon-headset::before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 32 32'%3E%3Ctitle%3Eheadset%3C/title%3E%3Cpath fill='rgba(0, 0, 0, 1)' d='M25.899 4.101c-2.644-2.644-6.16-4.101-9.899-4.101s-7.255 1.456-9.899 4.101-4.101 6.16-4.101 9.899v7c0 1.657 1.343 3 3 3s3-1.343 3-3v-4c0-1.657-1.343-3-3-3-0.335 0-0.657 0.056-0.958 0.157v-0.157c0.51-6.151 5.678-11 11.958-11s11.448 4.849 11.958 11v0.157c-0.301-0.101-0.623-0.157-0.958-0.157-1.657 0-3 1.343-3 3v4c0 1.657 1.343 3 3 3 0.351 0 0.687-0.061 1-0.171v3.171c0 0.551-0.449 1-1 1h-5.171c-0.412-1.165-1.522-2-2.829-2-1.657 0-3 1.343-3 3s1.343 3 3 3c1.306 0 2.417-0.835 2.829-2h5.171c1.654 0 3-1.346 3-3v-13c0-3.74-1.456-7.255-4.101-9.899z'%3E%3C/path%3E%3C/svg%3E");
  vertical-align: middle;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 0.5em;
}

.icon__releases::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 23.125 22'%3E%3Cpath id='Icon_material-new-releases' data-name='Icon material-new-releases' d='M24.625,13.3,22.06,10.383l.357-3.868-3.795-.862L16.636,2.31,13.062,3.845,9.489,2.31,7.5,5.653,3.707,6.5l.357,3.868L1.5,13.3l2.565,2.922-.357,3.879,3.795.862L9.489,24.31l3.574-1.545L16.636,24.3l1.987-3.343,3.795-.862-.357-3.868ZM14.113,18.56h-2.1v-2.1h2.1Zm0-4.2h-2.1V8.049h2.1Z' transform='translate(-1.5 -2.31)' fill='%23DA006A'/%3E%3C/svg%3E");
  vertical-align: middle;
  width: auto;
  height: 25px;
  display: inline-block;
  margin-right: 0.25em;
}

.icon__contacts::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 22 22'%3E%3Cpath id='Icon_ionic-ios-contacts' data-name='Icon ionic-ios-contacts' d='M14.375,3.375a11,11,0,1,0,11,11A11,11,0,0,0,14.375,3.375Zm7.578,13.956c-.428-.138-1.253-.18-1.56-.55-.153-.185-.053-.878-.053-.878a3.337,3.337,0,0,0,1.639-.323c.206-.122.111-.143.005-.323-.576-.968-.317-2.195-.344-3.258a2.7,2.7,0,0,0-1.058-2.348,3.369,3.369,0,0,0-1.661-.365,3.713,3.713,0,0,0-1.338.217c-2.242.9-.92,3.871-1.687,5.574-.132.286-.323.386.011.555a4.09,4.09,0,0,0,1.528.333s.016.666,0,.735c-.058.259-.624.439-.836.5a6.966,6.966,0,0,0-.867.3.21.21,0,0,0,.042.4,4.089,4.089,0,0,1,.608.153,5.75,5.75,0,0,1,2.433,1.322,3.609,3.609,0,0,1,1.058,2.359.656.656,0,0,1-.291.608l-.3.19a.151.151,0,0,1-.227-.127h0a3.6,3.6,0,0,0-2.422-3.448c-.714-.249-1.486-.264-2.2-.513-.217-.074-.645-.164-.735-.413a3,3,0,0,1-.1-.783q-.016-.3-.016-.6c0-.132.338-.413.413-.534a4.021,4.021,0,0,0,.365-1.655c.46.127.518-.725.6-.984.058-.18.264-1.105-.137-1.248a2.224,2.224,0,0,0,.222-.777,4.672,4.672,0,0,0-.058-2.078,3.275,3.275,0,0,0-3.136-2.189,3.362,3.362,0,0,0-3.358,2,4.365,4.365,0,0,0-.148,2.089,2.617,2.617,0,0,0,.249.957c-.338.148-.238.936-.18,1.126.085.27.159,1.238.64,1.105a7.565,7.565,0,0,0,.206,1.285,1.922,1.922,0,0,0,.434.735c.1.106.143.116.137.254a5.28,5.28,0,0,1-.1,1.259c-.106.4-.989.571-1.343.645a7.8,7.8,0,0,0-2.189.608,9.524,9.524,0,0,1,8.091-14.39,9.556,9.556,0,0,1,6.759,2.724,9.542,9.542,0,0,1,2.089,10.556A2.5,2.5,0,0,0,21.953,17.331Z' transform='translate(-3.375 -3.375)' fill='%23DA006A'/%3E%3C/svg%3E");
  vertical-align: middle;
  width: auto;
  height: 25px;
  display: inline-block;
  margin-right: 0.25em;
}

.icon__shop::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19.556' viewBox='0 0 22 19.556'%3E%3Cpath id='Icon_metro-shop' data-name='Icon metro-shop' d='M10.375,11.044l.967-6.417H6.313l-2.1,5.5a1.928,1.928,0,0,0-.1.611c0,1.349,1.406,2.444,3.142,2.444a2.981,2.981,0,0,0,3.119-2.139Zm4.739,2.139c1.736,0,3.142-1.1,3.142-2.444,0-.05,0-.1-.006-.148l-.622-5.963H12.6l-.623,5.958c0,.05,0,.1,0,.153,0,1.349,1.407,2.444,3.142,2.444Zm6.111,1.278v4.833H9V14.469a5.143,5.143,0,0,1-1.747.3,5.039,5.039,0,0,1-.7-.06v7.76a1.715,1.715,0,0,0,1.709,1.711H21.958a1.717,1.717,0,0,0,1.711-1.711V14.713a5.251,5.251,0,0,1-.7.06A5.079,5.079,0,0,1,21.224,14.461Zm4.791-4.334-2.1-5.5H18.885l.966,6.407a2.974,2.974,0,0,0,3.12,2.149c1.736,0,3.142-1.1,3.142-2.444a1.963,1.963,0,0,0-.1-.611Z' transform='translate(-4.113 -4.627)' fill='%23DA006A'/%3E%3C/svg%3E");
  vertical-align: middle;
  width: auto;
  height: 25px;
  display: inline-block;
  margin-right: 0.25em;
}

.icon__globe::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath id='Icon_ionic-md-globe' data-name='Icon ionic-md-globe' d='M14.375,3.375a11,11,0,1,0,11,11A11,11,0,0,0,14.375,3.375Zm-1.14,20.361A9.43,9.43,0,0,1,7.2,8.258a10.448,10.448,0,0,1,.107,1.278c-.087,1.258-.211,2.046.526,3.108a5.128,5.128,0,0,1,.5,1.485c.137.468.682.714,1.059,1,.759.582,1.486,1.259,2.291,1.771.531.338.863.506.708,1.155a4.1,4.1,0,0,1-.43,1.307A2.65,2.65,0,0,0,12.4,20.55c.4.4.79.76,1.222,1.117C14.29,22.22,13.555,22.94,13.235,23.736Zm7.807-2.694a9.361,9.361,0,0,1-4.895,2.6,3.911,3.911,0,0,1,1.158-1.553A3.939,3.939,0,0,0,18.347,20.8a8.946,8.946,0,0,1,.718-1.228c.374-.576-.921-1.446-1.341-1.628a13.822,13.822,0,0,1-2.494-1.553c-.6-.421-1.812.22-2.487-.075a13.011,13.011,0,0,1-2.49-1.71c-.829-.625-.789-1.353-.789-2.274.65.024,1.574-.18,2,.343.136.165.6.9.917.64.256-.214-.19-1.071-.276-1.272-.265-.62.6-.861,1.047-1.281.58-.548,1.823-1.408,1.725-1.8s-1.244-1.506-1.917-1.332c-.1.026-.989.957-1.16,1.1q.007-.456.014-.912c0-.192-.358-.389-.341-.513.042-.313.913-.88,1.129-1.129-.152-.095-.669-.54-.826-.474-.379.158-.808.267-1.187.425a2.415,2.415,0,0,0-.035-.377,9.339,9.339,0,0,1,2.4-.7l.745.3.526.624.525.541.459.148.729-.687-.188-.491V5.046a9.326,9.326,0,0,1,3.994,1.576c-.213.019-.448.05-.712.084a2.37,2.37,0,0,0-.368-.139c.345.743.706,1.475,1.072,2.208.391.783,1.258,1.622,1.411,2.449.179.974.055,1.859.153,3a5.132,5.132,0,0,0,1.244,2.357,2.491,2.491,0,0,0,.972.118A9.371,9.371,0,0,1,21.042,21.042Z' transform='translate(-3.375 -3.375)' fill='%23DA006A'/%3E%3C/svg%3E");
  vertical-align: middle;
  width: auto;
  height: 25px;
  display: inline-block;
  margin-right: 0.25em;
}

.icon__headset_2::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 18 22'%3E%3Cpath id='Icon_material-headset-mic' data-name='Icon material-headset-mic' d='M13.5,1.5a9,9,0,0,0-9,9v7a3,3,0,0,0,3,3h3v-8h-4v-2a7,7,0,0,1,14,0v2h-4v8h4v1h-7v2h6a3,3,0,0,0,3-3v-10A9,9,0,0,0,13.5,1.5Z' transform='translate(-4.5 -1.5)' fill='%23DA006A'/%3E%3C/svg%3E");
  vertical-align: middle;
  width: auto;
  height: 25px;
  display: inline-block;
  margin-right: 0.25em;
}

.icon__medal-star::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath fill='%23DA006A' d='m7.5 4.839 1.352 4.162h4.376l-3.541 2.572 1.352 4.162-3.541-2.572-3.541 2.572 1.352-4.162-3.541-2.572h4.377zM7 0h1v4H7V0z'/%3E%3Cpath fill='%23DA006A' d='M9 0v6.214L11 4.5V0zM6 0v6.214L4 4.5V0z'/%3E%3C/svg%3E");
  width: auto;
  height: 25px;
  display: inline-block;
  margin-right: 0.25em;
}

[class^=icon__]::before, [class*=" icon__"]::before {
  vertical-align: middle;
}

.overall_nav {
  font-size: 0.875em;
  position: relative;
}
.overall_nav a {
  color: inherit;
  text-decoration: none;
}
.overall_nav a:hover {
  text-decoration: underline;
}
.overall_nav > .inner {
  background-color: rgba(226, 226, 226, 0.28);
  -webkit-box-shadow: 0px 3px 6px #f0eded;
          box-shadow: 0px 3px 6px #f0eded;
  border-radius: 0px 0px 0px 32px;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overall_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overall_nav ul li:not(.mod_changelanguage li) {
  margin-right: 1rem;
  text-align: center;
}

.phone-num {
  display: none;
}

@media (min-width: 992px) {
  .phone-call {
    display: none;
  }
  .phone-num {
    display: inline;
  }
}
/*mobile, burger menu*/
.mod_mobile_menu {
  position: relative;
  z-index: 2;
  margin-left: 1.5em;
}

.navbar-toggler:not(:disabled) {
  cursor: pointer;
}

.mod_mobile_menu button, button.navbar-toggler {
  outline: none;
}

.navbar-toggler {
  position: relative;
  padding: 0;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  border: none;
  background: transparent !important;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.mobile_menu {
  /*width: 80%;*/
  min-width: 240px;
  max-width: 440px;
  /*height:auto !important; */
}
.mobile_menu .inner {
  /*max-height: 100%;*/
  /*height: auto;*/
  background: #fff;
  overflow-y: auto;
  -webkit-box-shadow: 0px 1px 3px 1px #c5bfbf;
          box-shadow: 0px 1px 3px 1px #c5bfbf;
}
.mobile_menu a.submenu {
  cursor: pointer;
}
.mobile_menu a.submenu::after, .mobile_menu strong.submenu::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 0.5rem;
  vertical-align: 0.25rem;
  content: "";
  border-bottom: 2px solid !important;
  border-right: 2px solid !important;
  border-left: 0 !important;
  border-top: 0 !important;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile_menu a, .mobile_menu strong {
  display: block;
  padding: 8px 15px;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  color: #666;
}
.mobile_menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.mobile_menu .level_2 a, .mobile_menu .level_2 strong {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 1.5em;
  /*background-color: #2E4A6F;*/
}
.mobile_menu li.active strong, .mobile_menu li a:hover {
  background-color: #f4f4f4;
}
.mobile_menu .level_3 a, .mobile_menu .level_3 strong {
  padding-left: 3em;
}

/*hamburger*/
.hamburger {
  padding: 10px 10px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}

.active .hamburger:hover {
  opacity: 0.7;
}

/*
.active .hamburger .hamburger-inner,.active  .hamburger .hamburger-inner::before,.active  .hamburger .hamburger-inner::after {
	background-color: black;
}
*/
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 40px;
  height: 4px;
  background-color: black;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: black;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.active .hamburger--slider .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}
.active .hamburger--slider .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
          transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.active .hamburger--slider .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
          transform: translate3d(0, -20px, 0) rotate(-90deg);
}

.inverse .hamburger-inner {
  background-color: black;
}
.inverse .hamburger-inner::before, .inverse .hamburger-inner::after {
  background-color: black;
}

.scrolled .hamburger-inner {
  background-color: black;
}
.scrolled .hamburger-inner::before, .scrolled .hamburger-inner::after {
  background-color: black;
}

/*end mm hamburger*/
/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Custom Elements
--------------------------------------------------------------*/
/*hero*/
.hero-image {
  position: relative;
  /*margin-bottom: 2.5rem;*/
}
.hero-image img {
  width: 100%;
  max-height: 760px;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-image--layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
}

.hero-image--textblock--wrapper {
  width: calc(100% - 100px);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2em;
  margin: 0 15px;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
.hero-image--textblock--wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  border-width: 35px 0px 35px 30px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
  height: 100%;
  background: transparent;
  /* transform: rotate(-180deg); */
}

@media (min-width: 992px) {
  .hero-image--textblock--wrapper {
    max-width: calc(400px + 13vw);
    /*transform: translateY(calc(100% - 5vw));*/
    position: absolute;
    right: 15%;
  }
}
.hero-image--textblock {
  color: #000;
  font-size: min(max(1rem, 1rem + (1vw - 0.125rem) * 3.0303), 2.5rem);
  min-height: 0vw;
  padding-top: 0;
  line-height: 1.2;
  font-weight: 700;
}
.hero-image--textblock > div {
  overflow: visible !important;
}

@media (min-width: 992px) {
  .hero-image--textblock {
    font-size: 2.5rem;
  }
}
@media (min-width: 2000px) {
  .hero-image--textblock {
    font-size: min(max(48px, 3rem + (1vw - 20px) * 0.8696), 64px);
    min-height: 0vw;
  }
}
.hero-image img {
  /* filter:brightness(0.8);*/
}

.small--textblock {
  font-size: 3vw;
  max-width: 500px;
  margin: auto auto auto auto;
  max-width: 500px;
  /* bottom: 25%; */
  /* position: absolute; */
  /* left: 50%; */
  /*transform: translate(0 , calc(100% + 50px));*/
}

@media (min-width: 768px) {
  .small--textblock {
    font-size: 1.25rem;
  }
}
.hero-image--headline {
  font-size: min(max(1.375rem, 1.375rem + (1vw - 0.1875rem) * 2), 2.5rem);
  min-height: 0vw;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  margin-bottom: 1.5rem;
  /* text-transform:uppercase;*/
}

@media (min-width: 1200px) {
  .hero-image--headline, .teaser-headline {
    font-size: 3rem;
  }
}
/*
.medium--textblock {
    margin-bottom:1.5rem;
} 
*/
.hero-image .medium--textblock span, .hero-image--headline span {
  color: #da006a;
}

/* Ken Burns Effekt */
.image-kb-wrap {
  /*width: 100%;*/
  /*height: 50vw;*/
  /* margin: 0 auto*/
  overflow: hidden;
  /* position: relative;*/
}
.image-kb-wrap img {
  width: 100%;
  -webkit-animation: move 20s ease 0.5s 2 alternate;
          animation: move 20s ease 0.5s 2 alternate;
  /*animation-fill-mode: forwards;*/
  display: block;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes move {
  0% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
/*blowup*/
.blowup {
  position: relative;
}

/*blowup layer*/
.blowup--layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
}

.blowup--textblock--wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: flex-end;*/
}

.text--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*
.bg--white .blowup--textblock {
	color: #000;
	margin-right: 8vw;
	background: white;
    max-width: 450px;
}
*/
.bg--white .blowup--textblock {
  background: white;
  color: #000;
}

.bg--trans_weak .blowup--textblock {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
}

.bg--trans_middle .blowup--textblock {
  background: rgba(255, 255, 255, 0.7);
  color: #000;
}

.bg--trans_strong .blowup--textblock {
  background: rgba(255, 255, 255, 0.5);
  color: #000;
}

.blowup--textblock {
  color: #fff;
  /*max-width: 600px;*/
  padding-top: 0;
  font-weight: 400;
  margin-right: 8vw;
  margin-left: 8vw;
  padding: 1em;
}
.blowup--textblock * {
  color: #fff;
}

.blowup--white {
  color: #000;
  margin-right: 1vw;
  background: white;
  padding: 1rem;
  margin-left: 1vw;
  max-width: 450px;
}

.blowup--textblock h2 {
  font-family: "Montserrat", sans-serif;
  /*font-size: 2.375em;*/
  font-size: min(max(1.875rem, 1.875rem + (1vw - 0.1875rem) * 0.6173), 2.5rem);
  min-height: 0vw;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.blowup--text--inner {
  font-size: 1.25em;
}

.blowup--textblock {
  font-size: min(max(14px, 0.875rem + (1vw - 3px) * 0.1235), 16px);
  min-height: 0vw;
}

@media (min-width: 768px) {
  .blowup--textblock {
    font-size: inherit;
    max-width: 600px;
  }
}
.blowup img {
  width: 100%;
  /*object-fit: cover;*/
  /*max-height: calc(50vw - 100px);*/
}
.blowup.h-50 img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 25vw;
  /*height: 400px;*/
}
@media (min-width: 768px) {
  .blowup .btn-cta a, .blowup a.btn-cta {
    color: #da006a;
    background-color: #ffffff;
    text-decoration: none;
  }
  .blowup .btn-cta a:hover, .blowup a.btn-cta:hover {
    background-color: #da006a;
    color: #ffffff;
  }
}

@media (max-width: 767px) {
  .blowup--layer {
    position: static;
  }
  .blowup--textblock *, .blowup--textblock h2 {
    color: #333333;
  }
  .blowup--textblock {
    margin: auto;
  }
}
/*3 Column Teaser*/
.box--3cols {
  margin-bottom: 2rem;
  z-index: 97;
  position: relative;
}
.box--3cols h2.headline {
  font-family: "Montserrat", sans-serif;
  margin-top: 1em;
  font-size: 1.25rem;
  font-weight: 700;
}
.box--3cols .inner-text, .box--3cols .headline {
  padding: 0 1rem;
}

/*
@media (min-width:768px){
[id="header"] .box--3cols:first-of-type {
     margin-top:-10rem;
}
 }*/
/*
.box--3cols img {
	border: 8px #fff solid;
	box-shadow: 0px 3px 13px #00000029;
	border-radius: 60px 0px;
}
*/
.link_wrapper {
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.box--3cols .inner {
  position: relative;
  /*border: 1px solid rgba(0, 0, 0, 0.1);*/
  height: 100%;
}
.box--3cols img {
  -webkit-transition: -webkit-transform 0.35s linear;
  transition: -webkit-transform 0.35s linear;
  transition: transform 0.35s linear;
  transition: transform 0.35s linear, -webkit-transform 0.35s linear;
}
.box--3cols a:hover + div img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/*
.box--3cols .inner a:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}*/
/*Teaser*/
.teaser__box--full {
  overflow: hidden;
}

.teaser-image {
  overflow: hidden;
}
.teaser-image a img {
  -webkit-transition: -webkit-transform 0.35s linear;
  transition: -webkit-transform 0.35s linear;
  transition: transform 0.35s linear;
  transition: transform 0.35s linear, -webkit-transform 0.35s linear;
}
.teaser-image a img:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/*.teaser-image {overflow:hidden;}*/
.object-fit-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.h-100, .h-100-img img {
  height: 100%;
}

.vh-100 {
  height: 100vh;
}

.teaser-image img {
  width: 100%;
}

.teaser-area {
  padding: 4em 3em;
  height: 100%;
}

@media (min-width: 768px) {
  .teaser-area {
    padding: 3vw 8vw;
  }
}
.teaser-text--inner h2 {
  font-family: "Montserrat", sans-serif;
  font-size: min(max(1.875rem, 1.875rem + (1vw - 0.1875rem) * 0.6173), 2.5rem);
  min-height: 0vw;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

/*
.gx-0 > .col, .gx-0 > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}
*/
/*.teaser{background:#d4e4e8;}
.flex-row-reverse.teaser{background: #f8e8bc;}*/
.teaser:nth-of-type(2n+1) {
  background: #E0E0E0;
  color: black;
}
.teaser:nth-of-type(2n) {
  background: #fff;
  color: black;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.invert.teaser:nth-of-type(2n+1) {
  background: #E0E0E0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.invert.teaser:nth-of-type(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

/*team*/
.person {
  margin-top: 1.5rem;
}

@media (min-width: 576px) {
  .team--grid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1rem;
  }
}
.person__data {
  margin-top: 1.5em;
}

@media (min-width: 576px) {
  .person__data {
    margin-top: 0;
  }
}
.person__function {
  margin-top: 1.5em;
}

.person [class^=ico--], .person [class*=" ico--"] {
  color: #da006a;
}

.person__function li::before {
  content: "";
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  background: #a19e9e;
  margin-right: 0.4em;
  border-radius: 50%;
}

/* Timeline Element */
.timeline {
  margin: 2.5em 1%;
  position: relative;
}
.timeline::before, .timeline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #98a0ab;
}
.timeline::before {
  top: 0;
  width: 2px;
  margin: 0 -1px;
}
.timeline::after {
  width: 10px;
  height: 10px;
  margin: 0 -5px;
  border-radius: 99em;
}

@media screen and (max-width: 900px) {
  .timeline {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .timeline::before, .timeline::after {
    left: 4.54545%;
  }
}
.timeline-item {
  position: relative;
  min-height: 6em;
  /* clearfix */
  overflow: hidden;
  padding: 0 0 2em;
}
.timeline-item::before {
  position: absolute;
  top: 1em;
  left: 50%;
  font-size: 2em;
  border-radius: 99em;
}
.timeline-item.not-in-view::before {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.timeline-item.in-view::before {
  -webkit-transform: none;
          transform: none;
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}
.timeline-item:not([data-icon])::before {
  content: "";
  width: 0.66667em;
  height: 0.66667em;
  margin: -0.33333em;
  border: 0.06667em solid #98a0ab;
  background: white;
}
.timeline-item[data-icon]::before {
  width: 2em;
  height: 2em;
  margin: -1em;
  padding-top: 0.5em;
  color: white;
  text-align: center;
  background: #33b1ec;
}
.timeline-item > h3 {
  float: left;
  width: 40%;
  color: #98a0ab;
  text-align: right;
}
.timeline-item:nth-of-type(2n) > h3 {
  float: right;
  text-align: left;
}
.timeline-item:nth-of-type(2n) > .timeline-item-text {
  float: left;
  text-align: right;
}

@media screen and (max-width: 599px) {
  .timeline-item::before {
    left: 4.54545%;
  }
}
@media screen and (max-width: 599px) {
  .timeline-item[data-icon]::before {
    font-size: 1.06667em;
  }
}
@media screen and (max-width: 599px) {
  .timeline-item > h3 {
    float: none;
    width: auto;
    margin-left: 13.63636%;
    text-align: left;
  }
}
@media screen and (max-width: 599px) {
  .timeline-item:nth-of-type(2n) > h3 {
    float: none;
  }
}
@media screen and (max-width: 599px) {
  .timeline-item:nth-of-type(2n) > .timeline-item-text {
    float: none;
    text-align: left;
  }
}
.timeline-item-text {
  float: right;
  width: 40%;
}

@media screen and (max-width: 599px) {
  .timeline-item-text {
    float: none;
    width: auto;
    margin-left: 13.63636%;
  }
}
.timeline-item > h3 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.timeline-item-text h4, .timeline-item-text h2 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 991px) {
  .timeline-item-text h4, .timeline-item-text h2 {
    word-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}
.timeline-image-caption {
  font-size: 0.93333em;
  color: #98a0ab;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
[id=footer] {
  color: inherit;
  margin-top: 4rem;
}
[id=footer] .row-wrapper {
  background: #f2f2f2;
  padding: 2rem 0;
}
[id=footer] .col--inner {
  padding: 1.5em 0;
}

.footer--nav a {
  text-decoration: none;
}
.footer--nav a:focus, .footer--nav a:hover {
  text-decoration: underline;
}
.footer--nav li {
  margin-bottom: 0.25em;
}

/*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Customize
--------------------------------------------------------------*/
/*brightness*/
.brightness-50 img {
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
}

.brightness-60 img {
  -webkit-filter: brightness(0.6);
  filter: brightness(0.6);
}

.brightness-75 img {
  -webkit-filter: brightness(0.75);
  filter: brightness(0.75);
}

.brightness-85 img {
  -webkit-filter: brightness(0.85);
  filter: brightness(0.85);
}

.bg-1 {
  background: #E0E0E0;
}

.bg-2 {
  background: #A4A4A4;
  color: white;
}
.bg-2 > * {
  color: white !important;
}

.box--teaser {
  padding: 3em;
  height: 100%;
}
.box--teaser ul {
  font-size: 1.375rem;
}
.box--teaser ul li {
  margin-bottom: 0.5em;
  padding-left: 0.25em;
}
.box--teaser ul li::marker {
  font-size: 1.5rem;
  color: #E0E0E0;
}
.box--teaser h1, .box--teaser h2 {
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  .box--teaser {
    padding: 8vw;
  }
}
/*back to top */
.back-to-top {
  opacity: 0;
  /*display:none;*/
  background: rgba(164, 164, 164, 0.7);
  border-radius: 50%;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  z-index: 100;
  font-size: 1rem;
  font-family: sans-serif;
  border: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.back-to-top::before {
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  vertical-align: middle;
}
.back-to-top:hover {
  background: rgb(164, 164, 164);
  text-decoration: none;
}

.showBtn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* extra margins */
.mt-6 {
  margin-top: 4rem;
}

.mt-7 {
  margin-top: 5rem;
}

.mt-8 {
  margin-top: 6rem;
}

.mt-9 {
  margin-top: 7rem;
}

.mt-10 {
  margin-top: 8rem;
}

.mb-6 {
  margin-bottom: 4rem;
}

.mb-7 {
  margin-bottom: 5rem;
}

.mb-8 {
  margin-bottom: 6rem;
}

.mb-9 {
  margin-bottom: 7rem;
}

.mb-10 {
  margin-bottom: 8rem;
}

.my-6 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-7 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-8 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.my-9 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.my-10 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

/*Forms*/
::-webkit-input-placeholder {
  color: rgba(68, 68, 68, 0.7);
}
::-moz-placeholder {
  color: rgba(68, 68, 68, 0.7);
}
:-ms-input-placeholder {
  color: rgba(68, 68, 68, 0.7);
}
::-ms-input-placeholder {
  color: rgba(68, 68, 68, 0.7);
}
::placeholder {
  color: rgba(68, 68, 68, 0.7);
}

:focus::-webkit-input-placeholder {
  color: #e4dede;
}

:focus::-moz-placeholder {
  color: #e4dede;
}

:focus:-ms-input-placeholder {
  color: #e4dede;
}

:focus::-ms-input-placeholder {
  color: #e4dede;
}

:focus::placeholder {
  color: #e4dede;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/*
.formstart{margin:20px auto;padding:3px;}

.formular-start {max-width:800px;margin:auto;}
*/
.login form {
  width: 80%;
}

form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  /* background-color: transparent; */
  /* border-bottom: 2px solid #999;*/
  width: 100%;
  position: relative;
  padding: 0.5rem;
  display: block;
  margin-bottom: 0.5rem;
  background-color: #eaeaea;
}

input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  /* background-color: transparent; */
  /* border-bottom: 2px solid #999;*/
  width: 100%;
  position: relative;
  padding: 0.5rem;
  display: block;
  margin-bottom: 0.5rem;
  background-color: #eaeaea;
}

form input:focus, form textarea:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgb(252, 252, 252);
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}

textarea {
  overflow: auto;
}

form textarea.textarea {
  height: auto;
  min-height: 140px;
  overflow: auto;
}
form .widget-text {
  width: 100%;
  float: none;
}
form .widget {
  margin-bottom: 1rem;
}
form .widget-submit {
  margin-top: 2rem;
}
form .widget-submit button {
  color: #fff;
  background-color: #da006a;
  padding: 0.375rem 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
form .widget-submit button:hover, form .widget-submit button:focus {
  background-color: #333333;
}

button.submit:not(:disabled):not(.disabled) {
  cursor: pointer;
}

/*--- end-forms ----*/
/*extra paddings*/
.p-6 {
  padding: 4rem;
}

.p-7 {
  padding: 5rem;
}

.p-8 {
  padding: 6rem;
}

/* Consent Banner */
.hofff-consent-button-accept {
  background-color: #da006a;
  color: #fff;
  border-color: #da006a;
}

#hofff-consent-banner {
  padding-top: 30px;
  font-size: 1.2rem;
}

.hofff-consent-privacy-settings form {
  width: 100%;
  padding: 1em 0;
}

.hofff-consent-tag-title {
  font-weight: bold;
}

.hofff-consent-tag-collection {
  margin-top: 1.5rem;
}

.hofff-consent-switch {
  margin-top: 1rem;
}

.hofff-consent-privacy-settings form label {
  width: auto;
  display: inline;
}

/* Die folgende Angabe ist nur wichtig, weil Allessandro body > div eine Angabe gegeben hat*/
#hofff-consent-banner {
  min-height: unset;
}

/*colorbox*/
#cboxTitle {
  font-size: 0.778em;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0 2.5rem 0 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  font-weight: 400;
}

/*video audio*/
.audio_container audio {
  max-width: 100%;
}

.video_container video {
  max-width: 100%;
  height: auto;
}

.responsive {
  position: relative;
  height: 0;
}

.responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive.ratio-169 {
  padding-bottom: 56.25%;
}

.responsive.ratio-1610 {
  padding-bottom: 62.5%;
}

.responsive.ratio-219 {
  padding-bottom: 42.8571%;
}

.responsive.ratio-43 {
  padding-bottom: 75%;
}

.responsive.ratio-32 {
  padding-bottom: 66.6666%;
}
/*# sourceMappingURL=standard.css.map */