/*==================================================
 * LAYOUT
 * ================================================*/
html {
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 100%; /* DO NOT CHANGE */
  line-height: 1.563em; /* DO NOT CHANGE */
  color: #51505A;
  overflow-y: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  background-color: #fff;
  margin: 0px;
  margin: 0px;
}

body {
  width: 100%;
}

p {
  margin: 0px;
}

strong, b {
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

figure {
  margin: 0px;
}

a {
  color: #51505A;
  text-decoration: underline;
  position: relative;
  display: inline-block;
}

a:hover {
  color: #E40045;
}

a:focus {
  outline: none;
}

a img {
  border: 0px;
}

em, i {
  font-style: italic;
}

hr {
  border: 0px;
  height: 1px;
  background-color: #f6f6f7;
  background-color: rgba(81,80,90,0.2);
}
form hr {
  margin: 19px 0px 49px 0px;
  margin: 1.188rem 0px 3.063rem 0px;
}

fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.caption {
  /*max-width: 630px;
  margin: 10px auto 10px;
  font-size: 12.8px;
  font-size: 0.800rem;
  letter-spacing: 0.6px;
  letter-spacing: 0.047rem;
  line-height: 20px;
  line-height: 1.563em;*/
  display: block;
  text-align: left;
  margin: 4px 0px;
  margin: 0.250rem 0px;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.286em;
}

/* 1440px px */
@media all and (min-width: 90.000em) {
  html {
    font-size: 1.111vw; /* DO NOT CHANGE */
  }
}

/*==================================================
 * FONT BASICS
 * ================================================*/
.global {
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.375em;
}

/* 1024px */
@media all and (min-width: 64.000em) {
  .global {
    font-size: 20px;
    font-size: 1.250rem;
    line-height: 1.400em;
  }
}
/* 1440px */
@media all and (min-width: 90.000em) {
  .global {
    font-size: 1.389vw;
  }
}


/*==================================================
 * HELPER CLASSES
 * ================================================*/
.text-hidden {
  font-size: 0px;
  text-indent: -9999em;
  color: transparent;
  height: 0px;
  display: block;
  overflow: hidden;
  float: left;
}
img.no-bw {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
}


/*==================================================
 * HEADLINES
 * ================================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #E40045;
  font-family: 'Frank Ruhl Libre', Georgia, serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 0.655em;
}
h1 {
  font-size: 31.2px;
  font-size: 1.950rem;
  font-weight: 900;
  line-height: 1.026em;
  word-break: break-word;
}
h2 {
  font-size: 31.2px;
  font-size: 1.950rem;
  font-weight: 900;
  line-height: 1.026em;
  margin-bottom: 13px;
  margin-bottom: 4.063vw;
}
h3 {
  color: #51505A;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.154em;
  margin-bottom: 24px;
  margin-botttom: 0.923em;
}
h4 {
  color: #51505A;
  font-size: 21px;
  font-size: 1.313rem;
  font-weight: bold;
  line-height: 1.048em;
}
h5 {
  color: #51505A;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.200em;
  margin-bottom: 0.920em;
}
h6 {
  color: #51505A;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.200em;
}


/* 768 px */
@media all and (min-width: 48.000em) {
  h1 {
    font-size: 48.83px;
    font-size: 3.052rem;
    font-size: 3.391vw;
    font-weight: 900;
    line-height: 1.024em;
  }
  h2 {
    font-size: 61.03px;
    font-size: 3.814rem;
    font-size: 4.238vw;
    line-height: 0.983em;
    margin-bottom: 33px;
    margin-bottom: 0.541em;
  }
  h3 {
    font-size: 39.06px;
    font-size: 2.441rem;
    font-size: 2.712vw;
    line-height: 1.024em;
  }
  h4 {
    font-size: 31.25px;
    font-size: 1.953rem;
    font-size: 2.170vw;
    line-height: 1.152em;
  }
  h5 {
    font-size: 25px;
    font-size: 1.563rem;
    font-size: 1.736vw;
    line-height: 1.200em;
  }
  h6 {
    font-size: 20px;
    font-size: 1.250rem;
    font-size: 1.389vw;
    line-height: 1.400em;
  }
}



/*==================================================
 * HEADLINE STYLES
 * ================================================*/
.h1-style,
.h2-style,
.h3-style,
.h4-style,
.h5-style,
.h6-style {
  color: #E40045;
  font-family: 'Frank Ruhl Libre', Georgia, serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 0.655em;
  display: block;
}
.h1-style {
  font-size: 31.2px;
  font-size: 1.950rem;
  font-weight: 900;
  line-height: 1.026em;
  word-break: break-word;
}
.h2-style {
  font-size: 31.2px;
  font-size: 1.950rem;
  font-weight: 900;
  line-height: 1.026em;
  margin-bottom: 13px;
  margin-bottom: 4.063vw;
}
.h3-style {
  color: #51505A;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.154em;
  margin-bottom: 24px;
  margin-botttom: 0.923em;
}
.h4-style {
  color: #51505A;
  font-size: 21px;
  font-size: 1.313rem;
  font-weight: bold;
  line-height: 1.048em;
}
.h5-style {
  color: #51505A;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.200em;
  margin-bottom: 0.920em;
}
.h6-style {
  color: #51505A;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.200em;
}


/* 768 px */
@media all and (min-width: 48.000em) {
  .h1-style {
    font-size: 48.83px;
    font-size: 3.052rem;
    font-size: 3.391vw;
    font-weight: 900;
    line-height: 1.024em;
  }
  .h2-style {
    font-size: 61.03px;
    font-size: 3.814rem;
    font-size: 4.238vw;
    line-height: 0.983em;
    margin-bottom: 33px;
    margin-bottom: 0.541em;
  }
  .h3-style {
    font-size: 39.06px;
    font-size: 2.441rem;
    font-size: 2.712vw;
    line-height: 1.024em;
  }
  .h4-style {
    font-size: 31.25px;
    font-size: 1.953rem;
    font-size: 2.170vw;
    line-height: 1.152em;
  }
  .h5-style {
    font-size: 25px;
    font-size: 1.563rem;
    font-size: 1.736vw;
    line-height: 1.200em;
  }
  .h6-style {
    font-size: 20px;
    font-size: 1.250rem;
    font-size: 1.389vw;
    line-height: 1.400em;
  }
}


/*==================================================
 * SUBHEADER AND EXTRA HEADER STYLES
 * ================================================*/
.headline-big {
  color: #E40045;
  font-family: 'Frank Ruhl Libre', Georgia, serif;
  font-size: 31.2px;
  font-size: 1.950rem;
  font-size: 9.750vw;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 60px;
  line-height: 1.026em;
  display: block;
  margin-bottom: 0.524em;
}
.subheader,
.headline-small {
  color: #E40045;
  display: block;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 12px;
  font-size: 0.750rem;
  font-weight: bold;
  letter-spacing: 0.2px;
  letter-spacing: 0.017em;
  line-height: 1.333em;
  text-transform: uppercase;
  margin-bottom: 9px;
  margin-bottom: 0.750em;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .headline-big {
    font-size: 61.03px;
    font-size: 3.814rem;
    font-size: 4.238vw;
    line-height: 0.983em;
  }
}
/* 1440px */
@media all and (min-width: 90.000em) {
  .subheader,
  .headline-small {
    font-size: 0.833vw;
  }
}



/*==================================================
 * ADDITIONAL STYLES
 * ================================================*/
.quote {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: miller-display, serif;
  font-weight: 400;
  font-style: italic;
  line-height: 1.5em;
  color: #074D27;
}
.highlighted {
  color: #FFFFFF;
  text-shadow: 1px 1px #C89E66, -1px -1px #C89E66;
  font-family: 'Value Serif Pro', 'Georgia', 'Times New Roman', serif;
  font-size: 45.78px;
  font-size: 2.861rem;
  line-height: 1.180em;
}
@supports(-webkit-text-stroke: 1px #C89E66){
  .highlighted {
    color: transparent;
    -webkit-text-stroke: 1px #C89E66;
    text-shadow: none;
  }
}
.text-s {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.375em;
}
.text-xs {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.286em;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .quote {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .highlighted {
    font-size: 50px;
    font-size: 3.125rem;
  }
  .text-l {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.320em;
  }
}
/* 1280px */
@media only screen and (min-width: 80.000em) {
  .quote {
    font-size: 25px;
    font-size: 1.563rem;
  }
  .highlighted {
    font-size: 57.22px;
    font-size: 3.576rem;
    line-height: 1.084em;
  }
  .text-l {
    font-size: 25px;
    font-size: 1.563rem;
  }
}



/*==================================================
 * BACKGROUND COLORS
 * ================================================*/
.bg-gray {
  background-color: #EEEEEE;
}
.bg-blue {
  background-color: #028ec3;
}
.bg-blue * {
  color: #ffffff;
}


/*==================================================
 * DISABLE TELEPHONE LINKS ON DESCTOP
 * ================================================*/
/* 1024px */
@media all and (min-width: 64.000em) {
  a[href^=tel],
  a.phone {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
  }
  a.phone:after {
    display: none;
  }
}



/*==================================================
 * TABLES
 * ================================================*/
table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.188em;
}
table th,
table td {
  font-family: 'Nunito', Arial, sans-serif;
  vertical-align: top;
  text-align: left;
  padding: 7px 5px;
  padding: 0.438rem 0.313rem;
}
table th {
  color: #51505A;
  font-size: 10.5px;
  font-size: 0.656rem;
  font-weight: bold;
  letter-spacing: 0.038em;
  line-height: 1.524em;
  text-transform: none;
}
table thead th {
  vertical-align: bottom;
}

/*==================================================
 * TABLES RESPONSIVE
 * ================================================*/
.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}





/*==================================================
 * LISTS
 * ================================================*/

/* Unordered and ordered list
 * ----------------------------------------------- */
ul,
ol {
  padding: 0px;
  margin: 0px;
}
ul li,
ol li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 7px;
}
ul ul li:last-child,
ol ol li:last-child {
  margin-bottom: 0px;
}



/* Ordered list
 * ----------------------------------------------- */
ol {
  counter-reset: list-counter;
  margin-top: 5px;
  margin-top: 0.313rem;
}
ol li {
  margin-left: 42px;
  margin-left: 2.625rem;
}
ol li:before {
  content: counter(list-counter) ".";
  counter-increment: list-counter;
  position: absolute;
  left: 15px;
  left: 0.938rem;
  top: 5px;
  top: 0.313rem;
}

/* 768px */
@media all and (min-width: 48.000em) {
  ul,
  ol {
    margin-top: 5px;
    margin-top: 0.313rem;
  }
  ul li,
  ol li {
    margin-bottom: 3px;
    margin-bottom: 0.188rem;
  }
}


/* Unordered list
 * ----------------------------------------------- */
ul {
  list-style: none;
}
ul li {
  position: relative;
  padding-left: 29px;
  padding-left: 1.813em;
  margin-bottom: 1em;
}
ul li:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0px;
  top: 0.35rem;
  background-repeat: no-repeat;
  background-image: url('../Images/icons/functions/check.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/check.svg');
}

@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  ul li:before {
    background-image: url('../Images/icons/functions/check@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/check.svg');
  }
}


/* List big
 * ----------------------------------------------- */
ul.list-big li,
ol.list-big li {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.700em;
}
ul.list-big li:before,
ol.list-big li:before {
  top: 5px;
  top: 0.313rem;
}


/* Navigation
 * ----------------------------------------------- */
ul.nav {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
ul.nav li:before {
  display: none;
}
ul.nav li {
  margin: 0px;
  padding: 0px;
}


/*==================================================
 * ALERT BOX
 * ================================================*/
.alert-box {
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 0px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.563em;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.alert-box li:before {
  top: 11px;
}
.alert-box.success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-box.success a {
  color: #3c763d;
}
.alert-box.info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-box.info a {
  color: #31708f;
}
.alert-box.warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-box.error a {
  color: #8a6d3b;
}
.alert-box.error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-box.error a {
  color: #a94442;
}
.alert-box.error ul:not(.mm-listview) li {
  background-image: url('/fileadmin/layout/images/circle.png');
  background-size: 9px;
  background-repeat: no-repeat;
  list-style-type: none;
  margin-left: 15px;
  background-position: 1px 4px;
}
.alert-box.error ul {
  margin: 0px;
  margin: 0px 0px 0px 0px;
}


/*==================================================
 * ERROR LIST
 * ================================================*/
.error-list li {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  color: #E40045;
}
.error-list li:before {
  background-size: 16px;
  background-size: 1rem;
  background-image: url('/typo3conf/ext/pf_theme/Resources/Public/Images/icons/close/close-pink.svg');
}


/*==================================================
 * ACCESSIBILITY
 * ================================================*/
.secret {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

a.jump:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  width: auto;
  height: auto;
  overflow: hidden;
  display: inline-block;
  margin: 10px 15px;
  background-color: #bea862;
  font-size: 1.500em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  z-index: 1100;
}

/*==================================================
 * FORMS
 * ================================================*/
input,
select,
textarea,
.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f6f6f7;
  background-color: rgba(81,80,90,0.05);
  border-radius: 8px;
  border: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #51505A;
  color: rgba(81,80,90,1);
  font-family: 'Nunito', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  height: 36px;
  line-height: 1.375em;
  letter-spacing: 0;
  margin: 0px;
  padding: 10px 16px 9px 16px;
  resize: none;
  text-align: left;
  width: 100%;
}
.form-control-secondary {
  background-color: transparent !important;
  border: 1px solid #f6f6f7;
  border: 1px solid rgba(81,80,90,0.2);
}

textarea {
  height: auto;
}
textarea {
  min-height: 146px;
}
input[type='submit'] {
  width: auto;
}
.form-group {
  position: relative;
  display: block;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
form label,
.form-label,
legend {
  color: #51505A;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 0.972vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  text-align: left;
  display: block;
  margin-top: 0px;
  margin-bottom: 8px;
  margin-bottom: 0.556vw;
}
form label .note,
.form-label .note {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 0.972vw;
  letter-spacing: 0;
  line-height: 1.286em;
  display: block;
  font-weight: normal;
}
legend.h1-style,
legend.h2-style,
legend.h3-style {
  margin-bottom: 45px;
}
legend.h4-style,
legend.h5-style,
legend.h6-style {
  margin-bottom: 22px;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  input,
  select,
  textarea,
  .form-control {
    height: 40px;
    height: 2.500rem;
  }
}

/* 1440px */
@media all and (min-width: 90.000em) {
  input,
  select,
  textarea,
  .form-control {
    border-radius: 0.556vw;
    font-size: 1.111vw;
    height: 2.778vw;
    padding: 0.694vw 1.111vw 0.625vw 1.111vw;
  }
}


/* FORM: ERROR
 * ================================================*/
.form-control.f3-form-error{
  border: 1px solid #E40045;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 96% center;
  background-image: url('../Images/icons/functions/error.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/error.svg');
}
.selectric-f3-form-error .selectric {
  border: 1px solid #E40045;
  background-color: #FFFFFF;
}
.form-error-msg {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  color: #E40045;
}
.form-group .form-error-msg {
  position: relative;
  display: block;
  top: 100%;
  left: 0px;
  width: 100%;
  padding: 4px 0px;
  padding: 0.250rem 0px;
}





/* FORM: HTML number
 * ================================================*/
.input-number {
  position: relative;
  height: 100%;
  display: block;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.input-number input {
  display: block;
  margin: 0;
  padding-right: 25px;
}
.input-number input:focus {
  outline: 0;
}
.quantity-nav {
  position: absolute;
  height: 100%;
  width: 35px;
  width: 2.188rem;
  right: 0px;
  top: 0px;
}
.quantity-button {
  cursor: pointer;
  height: 50%;
  width: 100%;
  position: absolute;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: transparent;
}
.quantity-button.quantity-up {
  top: 0;
}
.quantity-button.quantity-down {
  bottom: -1px;
}
.quantity-button.quantity-up:before,
.quantity-button.quantity-down:before {
  content: "";
  display: block;
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  left: 20%;
}
.quantity-button.quantity-up:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  bottom: 0px;
}
.quantity-button.quantity-down:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 0px;
}


/* Combined form groups
 * ================================================*/
.form-groups-combined {
  margin: 0 -10px;
  margin-bottom: 16px;
}
.form-groups-combined > .inner {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.form-groups-combined .form-group {
  display: table-cell;
  vertical-align: bottom;
  padding: 0px 10px;
}


/* File upload
 * ================================================*/
.custom-file-upload input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.custom-file-upload input:focus + span {
  outline: 1px dotted #000000;
  outline: -webkit-focus-ring-color auto 5px;
  border-radius: 0.429em;
}
.custom-file-upload ul {
  padding: 0px;
  margin: 20px 0px 0px;
  border: 0px;
}
.custom-file-upload ul li:before {
  display: none !important;
}
.custom-file-upload ul li {
  position: relative;
  padding: 10px 10px;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.375em;
  border: 1px solid #eaeaeb;
  border: 1px solid rgba(81,80,90,0.12);
  -webkit-border-radius: 0.500em;
  -moz-border-radius: 0.500em;
  border-radius: 0.500em;
}
.custom-file-upload ul li button {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  border: 0px;
  outline: none;
  font-size: 0px;
  color: transparent;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../Images/icons/close/close.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/close/close.svg');
}



/* Animated label
 * ================================================*/
.js .animated-label {
  margin-top: 13px;
}
.js .animated-label .form-label {
  font-family: "GT Walsheim Regular", Arial, sans-serif;
  position: absolute;
  padding: 0px 20px;
  left: 0px;
  top: 0px;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  color: #A5A5A5;
}
.js .focused .form-label {
  transform: translateY(-125%);
  font-size: .75em;
}
.js .animated-label input,
.js .animated-label textarea {
  position: relative;
  width: 100%;
  outline: 0;
  border: 0;
  transition: box-shadow 150ms ease-out;
}


/* Layout Radiboxes and checkboxes
 * ================================================*/
.radiobox-element.form-group,
.checkbox-element.form-group {
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}
.radioboxes,
.checkboxes {
  margin: 0 -5px;
  margin: 0 -0.313rem;
}
.radioboxes .radiobox-element,
.checkboxes .checkbox-element {
  padding: 6px 5px 2px 25px;
  padding: 0.375rem 0.313rem 0.125rem 1.563rem;
}
.radiobox-element,
.checkbox-element {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-left: 29px;
  padding-left: 1.813rem;
  margin: 0px 0px 4px 0px;
  margin: 0px 0px 0.250rem 0px;
  display: inline-block;
  font-weight: normal;
}
.radiobox-element > .input,
.checkbox-element > .input {
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  border: 0px;
  outline: none;
  margin-top: 1px;
  margin-top: 0.063rem;
  height: 18px;
  height: 1em;
}
.radiobox-element > .label,
.checkbox-element > .label {
  display: inline-block;
  color: #51505A;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.375em;
}

/* 1440px px
@media all and (min-width: 90.000em) {
  .radioboxes,
  .checkboxes {
    margin-left: -0.347vw;
    margin-right: -0.347vw;
  }
  .radiobox-element,
  .checkbox-element {
    padding-left: 1.736vw;
  }
  .radioboxes .radiobox-element,
  .checkboxes .checkbox-element {
    margin-left: 0.347vw;
    margin-right: 0.347vw;
  }
  .radiobox-element > .input,
  .checkbox-element > .input {
    font-size: 1.250vw;
  }
  .radiobox-element > .label,
  .checkbox-element > .label {
    font-size: 1.111vw;
  }
}*/



/* Styling Checkbox
 * ================================================*/
input[type="checkbox"] {
  background-color: transparent;
  padding: 0px;
}
input[type="checkbox"]:after{
  cursor: pointer;
  position: relative;
  display: block;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  content: "";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position:center;
  border-radius: 2px;
  border: 1px solid #51505a;
}
input[type="checkbox"]:checked:after,
input[type="checkbox"]:not(:disabled):checked:hover:after {
  background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY2MDE4MEZFQThDRDExRUFCMEVFRjFCOTYxQjU3ODFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY2MDE4MEZGQThDRDExRUFCMEVFRjFCOTYxQjU3ODFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjYwMTgwRkNBOENEMTFFQUIwRUVGMUI5NjFCNTc4MUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjYwMTgwRkRBOENEMTFFQUIwRUVGMUI5NjFCNTc4MUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7EEv+RAAANK0lEQVR42uzZ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');
  background-size: 9px;
  background-color: #e40045;
  border: 0px;
}
input[type="checkbox"]:disabled:after{
  -webkit-filter: opacity(0.4);
}
input[type="checkbox"]:not(:disabled):hover:after{
  width: 16px;
  height: 16px;
}
input[type="checkbox"]:not(:disabled):hover:before{
  border-color: #3D7591;
}



/*==================================================
 * PLACEHOLDER
 * ================================================*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333333;
  opacity: 0.4;
  font-weight: normal;
  font-size: 1em;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
  opacity: 0.4;
  font-weight: normal;
  font-size: 1em;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
  opacity: 0.4;
  font-weight: normal;
  font-size: 1em;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333333;
  opacity: 0.4;
  font-weight: normal;
  font-size: 1em;
}



/*==================================================
 * BUTTONS
 * ================================================*/
.btn,
[class^='btn'],
.btn *,
[class^='btn'] * {
  border: 1px solid #E40045;
  border-radius: 0.429em;
  background-color: #E40045;
  background-size: auto 100%;
  background-repeat: repeat-x;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: 'Nunito', Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
  height: auto; /* overrides input styling */
  letter-spacing: 0;
  line-height: 1.286em;
  margin: 0px;
  outline: none;
  outline: none;
  padding: 12px 16px 10px;
  position: relative;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  -moz-transition:    none;
  -o-transition:      none;
  -ms-transition:     none;
  transition:         none;
}
.btn:before,
[class^='btn']:before {
  content: "";
  display: block;
  position: absolute;
  left: -23px;
  top: 0px;
  width: 40px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left;
  background-size: auto 100%;
}
.btn:hover,
[class^='btn']:hover,
.btn:hover *,
[class^='btn']:hover * {
  text-decoration: none;
  background-color: rgba(228,0,69,0.9);
  color: #FFFFFF;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .btn,
  [class^='btn'],
  .btn *,
  [class^='btn'] * {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375em;
    padding: 0.813em 1.438em;
  }
}
/* 1440px px */
@media all and (min-width: 90.000em) {
  .btn,
  [class^='btn'],
  .btn *,
  [class^='btn'] * {
    font-size: 1.111vw;
  }
}


/*==================================================
 * BTN SECONDARY
 * ================================================*/
.btn-secondary,
[class^='btn-secondary'],
.btn-secondary *,
[class^='btn-secondary'] * {
  background-color: transparent;
  color: #51505A;
  text-decoration: none;
  border: 1px solid #51505A;
}
.btn-secondary:hover,
[class^='btn-secondary']:hover,
.btn-secondary:hover *,
[class^='btn-secondary']:hover * {
  color: #E40045;
  border: 1px solid #E40045;
  background-color: transparent;
}


/*==================================================
 * BTN THIRDLY
 * ================================================*/
.btn-thirdly,
[class^='btn-thirdly'],
.btn-thirdly *,
[class^='btn-thirdly'] * {
  border: 0px;
  background-color: transparent;
  color: #51505A;
  text-decoration: none;
  -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
}
.btn-thirdly:hover,
[class^='btn-thirdly']:hover,
.btn-thirdly:hover *,
[class^='btn-thirdly']:hover * {
  border: 0px;
  color: #51505A;
  background-color: transparent;
  -moz-box-shadow: 0 1px 16px 0 rgba(0,0,0,0.24);
  -webkit-box-shadow: 0 1px 16px 0 rgba(0,0,0,0.24);
  box-shadow: 0 1px 16px 0 rgba(0,0,0,0.24);
}



/*==================================================
 * BTN HIGHLIGHT
 * ================================================*/
.btn-highlight,
.btn-highlight:hover,
.btn-highlight *,
.btn-highlight:hover * {
  background-image: url("../Images/ui/btn/mittlerer-bereich-gruen.svg");
  color: #FFFFFF;
}
.btn-highlight:before,
.btn-highlight:hover:before {
  background-image: url("../Images/ui/btn/abrundung-links-gruen.svg");
}
.btn-highlight:after,
.btn-highlight:hover:after {
  background-image: url("../Images/ui/btn/abrundung-rechts-gruen.svg");
}


/*==================================================
 * BTN INPUT
 * ================================================*/
.btn *,
[class^='btn'] * {
  background: none !important;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
  height: auto !important;
}


/*==================================================
 * BTN FUNCTIONAL
 * ================================================*/
.btn-delete,
.btn-download {
  color: #51505A;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  padding: 2px 7px 2px 27px;
  background-size: 16px;
  border: 1px solid #51505A;
  border-radius: 4px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 3px center;
  background-image: url('../Images/icons/functions/trash.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/trash.svg');
}
.btn-delete:hover {
  border-color: rgba(228,0,69,.9);
  background-image: url('../Images/icons/functions/trash-white.png');
  background-image:
    linear-gradient(transparent, transparent),
    url('../Images/icons/functions/trash-white.svg');
}
.btn-download {
  background-image: url('../Images/icons/functions/file.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/file.svg');
}
.btn-download:hover {
  background-image: url('../Images/icons/functions/file-white.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/file-white.svg');
}
.btn-delete:before,
.btn-download:before {
  display: none;
}
@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  .btn-delete {
    background-image: url('../Images/icons/functions/trash@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/trash.svg');
  }
  .btn-delete:hover {
    background-image: url('../Images/icons/functions/trash-white@2x.png');
    background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/trash-white.svg');
  }
  .btn-download {
    background-image: url('../Images/icons/functions/file@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/file.svg');
  }
  .btn-download:hover {
    background-image: url('../Images/icons/functions/file-white@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/file-white.svg');
  }
}


/*==================================================
 * BTN ICONS
 * ================================================*/
.btn-magnifier:before {
  display: none;
}
.btn-magnifier:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  width: 1rem;
  height: 1rem;
  background-image: url('../Images/icons/functions/search-bar-white.svg');
  background-repeat: no-repeat;
  margin-left: 11px;
  margin-left: 0.688rem;
  margin-bottom: -2px;
  margin-bottom: -0.125rem;
}


/*==================================================
 * BTN ICONS
 * ================================================
[class^='btn'] i[class*="icon-"] {
  width: 40px !important;
  height: 40px !important;
  display: inline-block !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  float: right !important;
  margin-top: -13px !important;
  margin-bottom: -12px !important;
  margin-left: 10px !important;
}
[class^='btn'] i.icon-shoppingcart {
  background-image: url("../Images/icons/48px/warenkorb/dark.png") !important;
  background-image: linear-gradient(transparent, transparent), url("../Images/icons/48px/warenkorb/dark.svg") !important;
}
[class^='btn']:hover i.icon-shoppingcart {
  background-image: url("../Images/icons/48px/warenkorb/white.png") !important;
  background-image: linear-gradient(transparent, transparent), url("../Images/icons/48px/warenkorb/white.svg") !important;
}
.btn-inverted i.icon-shoppingcart {
  background-image: url("../Images/icons/48px/warenkorb/white.png") !important;
  background-image: linear-gradient(transparent, transparent), url("../Images/icons/48px/warenkorb/white.svg") !important;
}
.btn-inverted:hover i.icon-shoppingcart {
  background-image: url("../Images/icons/48px/warenkorb/dark.png") !important;
  background-image: linear-gradient(transparent, transparent), url("../Images/icons/48px/warenkorb/dark.svg") !important;
}
[class^='btn'] i.icon-check {
  background-image: url("../Images/icons/48px/warenkorb/check.png") !important;
  background-image: linear-gradient(transparent, transparent), url("../Images/icons/48px/warenkorb/check.svg") !important;
}*/


/*==================================================
 * LINKS
 * ================================================*/
[class*='link-'] {
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer;
  margin-left: 25px;
  margin-left: 1.563rem;
  background-position: left center;
  position: relative;
  width: auto;
  display: inline-block !important;
  border: 0px;
  outline: none;
  background-color: transparent;
  padding: 0px;
  font-family: 'Nunito', Arial, sans-serif;
  color: #51505A;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  text-decoration: none;
}
[class*='link-']:hover {
  text-decoration: none;
  color: inherit;
}
[class*='link-']:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #51505A;
  opacity: 0.2;
  position: absolute;
  left: 0px;
  bottom: -2px;
  bottom: -0.125rem;
}
[class*='link-']:hover:after,
[class*='link-']:hover:after {
  opacity: 1;
}
[class*='link-']:before,
[class*='link-']:before {
  content: "";
  display: block;
  height: 20px;
  height: 1.250rem;
  width: 20px;
  width: 1.250rem;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -7px;
  margin-top: -0.438rem;
  left: -25px;
  left: -1.563rem;
  background-repeat: no-repeat;
}
.link-mail:before {
  background-image: url('../Images/icons/functions/mail.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/mail.svg');
}
.link-phone:before {
  background-image: url('../Images/icons/functions/call.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/call.svg');
}
.link-map:before {
  background-image: url('../Images/icons/functions/pin.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/pin.svg');
}
.link-back:before {
  background-image: url('../Images/icons/chevron/left.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/chevron/left.svg');
}
.link-share:before {
  background-image: url('../Images/icons/functions/teilen.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/teilen.svg');
}
.link-print:before {
  background-image: url('../Images/icons/functions/print.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/print.svg');
}
.link-person:before {
  background-image: url('../Images/icons/functions/person.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/person.svg');
}
@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  .link-mail:before {
    background-image: url('../Images/icons/functions/mail@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/mail.svg');
  }
  .link-phone:before {
    background-image: url('../Images/icons/functions/call@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/call.svg');
  }
  .link-map:before {
    background-image: url('../Images/icons/functions/pin@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/pin.svg');
  }
  .link-back:before {
    background-image: url('../Images/icons/chevron/left@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/chevron/left.svg');
  }
  .link-share:before {
    background-image: url('../Images/icons/functions/teilen@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/teilen.svg');
  }
  .link-print:before {
    background-image: url('../Images/icons/functions/print@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/print.svg');
  }
  .link-person:before {
    background-image: url('../Images/icons/functions/person@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/person.svg');
  }
}




/*==================================================
 * PAGINATION
 * ================================================*/
.page-navigation {
  text-align: center;
  margin-top: 40px;
}
.f3-widget-paginator {
  list-style: outside none none;
  position: relative;
  left: 50%;
  text-align: center;
  float: left;
  margin: 0px;
  padding: 0px;
}
.f3-widget-paginator li {
  right: 50%;
  display: block;
  float: left;
  position: relative;
  background-color: transparent;
  display: inline-block;
  padding: 0px;
  margin: 4px;
}
.f3-widget-paginator li.current,
.f3-widget-paginator li:hover a {
  color: #E40045;
}

.f3-widget-paginator li:before {
  display: none;
}
.f3-widget-paginator a {
  text-decoration: none;
}
.f3-widget-paginator a:before,
.f3-widget-paginator a:after {
  display: none;
}



/*==================================================
 * BOX HOVER EFFEKT
 * ================================================*/
.effect-boxoverlay a:before,
.effect-boxoverlay a:after {
  display: none;
}
.effect-boxoverlay:after {
  content: "";
  opacity: 0;
  position: absolute;
  padding: 0px;
  background-color: #FFFFFF;
  border: 1px solid #333333;
  outline: 5px solid #FFFFFF;
  z-index: -1;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out;
  top: 39px;
  left: -26px;
  bottom: -26px;
  width: 96%;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .effect-boxoverlay:hover:after {
    opacity: 1;
  }
}


/*==================================================
 * YOUTUBE VIDEOS
 * ================================================*/
.youtube {
  margin: 0 auto;
  max-width: 800px;
}


/*==================================================
 * VIDEO ITEM
 * ================================================*/
.video-poster:after {
  display: block;
  content: "";
  background-image: url('../Images/ui/play-btn.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
}


/*==================================================
 * MASK
 * ================================================*/
.mask-gray {
  background-color: #f6f6f8;
  background-color: rgba(81,80,90,0.05);
}
.mask-pink,
.mask-pink-white {
  background-color: #E40045;
  position: relative;
}
.mask-pink *,
.mask-pink-white * {
  color: #FFFFFF;
}
.mask-top-white:before,
.mask-top-gray:before {
  content: "";
  display: block;
  width: 100%;
  height: 5vw;
  background-color: #FFFFFF;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.mask-bottom-white:before,
.mask-bottom-gray:before {
  content: "";
  display: block;
  width: 100%;
  height: 15vw;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}
.mask-top-gray:before,
.mask-bottom-gray:before {
  background-color: #f6f6f8;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .mask-white-gray:before {

  }
}

.mask-gray.headline-outside {
  padding-top: 0px !important;
}
.mask-gray.headline-outside > .header {
  background-color: white;
}
.mask-gray.headline-outside > .header h1,
.mask-gray.headline-outside > .header h2,
.mask-gray.headline-outside > .header h3,
.mask-gray.headline-outside > .header h4,
.mask-gray.headline-outside > .header h5,
.mask-gray.headline-outside > .header h6 {
  margin-bottom: 0px;
  position: relative;
  bottom: -0.45em;
}
.mask-gray.headline-outside.space-before-inner-xs > .header + * {
  content: "";
  display: block;
}

.mask-gray.headline-outside.space-before-inner-xs > .header + * { padding-top: 6.250vw; }
.mask-gray.headline-outside.space-before-inner-s > .header + * { padding-top: 7.813vw; }

.mask-gray.headline-outside.space-before-inner-m > .header + * { padding-top: 41px; }
.mask-gray.headline-outside.space-before-inner-m > .header + * { padding-top: 12.813vw; }

.mask-gray.headline-outside.space-before-inner-l > .header + * { padding-top: 17.500vw; }
.mask-gray.headline-outside.space-before-inner-xl > .header + * { padding-top: 21.875vw; }

/* 1024px */
@media all and (min-width: 64.000em) {
  .mask-gray.headline-outside.space-before-inner-xs > .header + * { padding-top: 2.917vw; }
  .mask-gray.headline-outside.space-before-inner-s > .header + * { padding-top: 4.514vw; }

  .mask-gray.headline-outside.space-before-inner-m > .header + * { padding-top: 81px; }
  .mask-gray.headline-outside.space-before-inner-m > .header + * { padding-top: 5.625vw; }

  .mask-gray.headline-outside.space-before-inner-l > .header + * { padding-top: 10.972vw; }
  .mask-gray.headline-outside.space-before-inner-xl > .header + * { padding-top: 15.069vw; }
}



/*==================================================
 * IFRAME COOKIE NOTES
 * ================================================*/
.iframe-container {
  position: relative;
  width: 100%;
  height: 480px;
}
.iframe-cookie-note {
  position:absolute;
  left:0px;
  top:0px;
  background-color: #ededed;
  width:100%;
  height:100%;
  display:table;
  text-align:center;
}
.iframe-cookie-note > .inner {
  display:table-cell;
  vertical-align:middle;
  text-align: center;
  padding: 50px;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.286em;
}
.iframe-cookie-note ~ iframe:not([src]),
.iframe-cookie-note ~ iframe[src=''] {
  display: none !important;
}



/*==================================================
 * PAGE STYLE 2
 * ================================================*/
.page-style-2 a:hover {
  text-decoration: none;
  color: #007D84;
}
.page-style-2 h1,
.page-style-2 h2,
.page-style-2 h3,
.page-style-2 h4,
.page-style-2 h5,
.page-style-2 h6 {
  color: #007D84;
}
.page-style-2 .h1-style,
.page-style-2 .h2-style,
.page-style-2 .h3-style,
.page-style-2 .h4-style,
.page-style-2 .h5-style,
.page-style-2 .h6-style {
  color: #007D84;
}
.page-style-2 .headline-big {
  color: #007D84;
}
.page-style-2 .subheader,
.page-style-2 .headline-small {
  color: #007D84;
}
.page-style-2 input[type="checkbox"]:checked:after,
.page-style-2 input[type="checkbox"]:not(:disabled):checked:hover:after {
  background-color: #007D84;
}
.page-style-2 .btn,
.page-style-2 [class^='btn'],
.page-style-2 .btn *,
.page-style-2 [class^='btn'] * {
  border: 1px solid #007D84;
  background-color: #007D84;
}
.page-style-2 .mask-pink,
.page-style-2 .mask-pink-white {
  background-color: #007D84;
}