/* ------------------------------ */
/* ----- Typography / Colors ---- */
/* ------------------------------ */

@font-face {
  font-family: 'Spezia Serif Narrow';
  font-weight: 400;
  font-style: normal;
  src:  url('/wp-content/themes/amiet_child/fonts/spezia-serif-narrow-regular.woff2') format('woff2'),
        url('/wp-content/themes/amiet_child/fonts/spezia-serif-narrow-regular.woff') format('woff');
  font-display: swap;
}

@font-face {
    font-family: 'GT Flexa';
    font-weight: 300;
    font-style: normal;
    src:  url('/wp-content/themes/amiet_child/fonts/gt-flexa-light.woff2') format('woff2'),
          url('/wp-content/themes/amiet_child/fonts/gt-flexa-light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'GT Flexa';
    font-weight: 700;
    font-style: normal;
    src:  url('/wp-content/themes/amiet_child/fonts/gt-flexa-bold.woff2') format('woff2'),
          url('/wp-content/themes/amiet_child/fonts/gt-flexa-bold.woff') format('woff');
    font-display: swap;
}


/* ------------------------------ */
/* ---------- Variables --------- */
/* ------------------------------ */

:root {
  /* Brand Fonts */
  --brand-font: 'GT Flexa';
  --brand-font-special: 'Spezia Serif Narrow';

  /* Brand Colors*/
  --brand-black: #000000;
  --brand-white: #ffffff;
  --brand-beige: #EBEBE1;
  --brand-red: #EA4F3A;
  --brand-pink: #F0C9C8;
  --brand-green: #275D53;
  --brand-gold: #D6C085;

  /* Additional Colors */
  --brand-beige-gradient: linear-gradient(180deg, var(--brand-beige) 2%, var(--brand-white) 100%);
  --brand-beige-gradient-reverse: linear-gradient(180deg, var(--brand-white) 0%, var(--brand-beige) 98%);

  /* Font Styling */
  --font-size-2: 30px;
  --font-size-1-5: 18px;
  --font-size-1: 16px;
  --font-size-standard: 20px;
  --line-height-3: 1.3;
  --line-height-2: 1;
  --line-height-1: 1.1;
  --letter-spacing-1: -0.5px;
  --letter-spacing-2: -0.6px;
  --letter-spacing-3: -0.75px;
  --letter-spacing-4: -0.8px;
  --letter-spacing-5: -1.1px;
  --letter-spacing-6: -1.5px;

  /* Hover & Transition */
  --opacity-2: .7;
  --opacity-1: .55;
  --transition-delay: .15s;
  --transition-4: 1s;
  --transition-3: .75s;
  --transition-2: .5s;
  --transition-1: .25s;

  /* Spacing */
  --spacing-5: 30px;
  --spacing-4: 25px;
  --spacing-3: 20px;
  --spacing-2: 15px;
  --spacing-1: 10px;

  /* Layout */
  --width-text: 600px;
  --width-text-small: 400px;
  --width-text-medium: 760px;
}



/* ------------------------------ */
/* ----------- General ---------- */
/* ------------------------------ */

::-moz-selection {
  background: var(--brand-black);
  color: var(--brand-white);
}

::selection {
  background: var(--brand-black);
  color: var(--brand-white);
}

::-moz-selection {
  background: var(--brand-black);
  color: var(--brand-white);
}

img::-moz-selection, video::-moz-selection, iframe::-moz-selection {
  background-color: transparent;
}

img::selection, video::selection, iframe::selection {
  background-color: transparent;
}

img::-moz-selection, video::-moz-selection, iframe::-moz-selection {
  background-color: transparent;
}

html {
  font-size: 20px;
}

body {
  font-family: var(--brand-font);
  font-size: var(--font-size-standard);
  font-weight: 300;
  line-height: var(--line-height-3);
  color: var(--brand-black);
  -webkit-tap-highlight-color: transparent;
}

h1, h2:not(.typography--huge-title), .typography--h2, .special_text span, h4, .typography--h4, .typography--h4-special, span.typography--middle-title {
  text-transform: uppercase;
}

h1, h2:not(.typography--huge-title), .typography--h2, .special_text span, .typography--h4-special, span.typography--middle-title {
  font-family: var(--brand-font-special);
  font-weight: 400;
}

h1 b, h2 b, .typography--h2 b, .special_text span b, h4, .typography--h4, span.typography--middle-title b {
  font-weight: 700;
  font-family: var(--brand-font);
}

h1, .typography--h1 {
  font-size: var(--font-size-5);
  text-transform: uppercase;
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-3);
  margin-top: 0;
}

h1 span, h2 span {
  display: block;
}

.section__title h2, .section__title .typography--h2 {
  margin-top: 0;
  margin-bottom: 0;
}

h4, .typography--h4, .typography--h4-special {
  font-size: var(--font-size-2);
}

p, main ul {
  margin: 0 0 var(--spacing-4);
}

p:last-child, ul:last-child, .special_text h1, .special_text h2 {
  margin-bottom: 0;
}

main p a, main li a {
  color: var(--brand-black);
  border-bottom: 1px solid;
  text-decoration: unset;
  -webkit-transition: opacity var(--transition-2);
  -o-transition: opacity var(--transition-2);
  transition: opacity var(--transition-2);
}

.no-touchevents main p a:hover, .no-touchevents main li a:hover {
  opacity: var(--opacity-1);
}

.typography--huge-title, .typography--middle-title {
  position: relative;
}

.typography--huge-title, .typography--middle-title, .atelier_quote span {
  left: -2px;
}

.typography--huge-title {
  font-size: var(--font-size-8);
  font-weight: 700;
  line-height: var(--line-height-2);
  text-transform: uppercase;
  margin-top: 0;
}

.typography--middle-title {
  font-size: var(--font-size-6);
  font-weight: 700;
  line-height: var(--line-height-2);
  text-transform: uppercase;
  margin-top: 0;
}

.typography--small-uppercase {
  font-size: var(--font-size-1);
  text-transform: uppercase;
  font-weight: 700;
  line-height: var(--line-height-3);
}

.text--small, .section__big_img_text_big_img .text {
  font-size: var(--font-size-1-5);
  line-height: var(--line-height-3);
}

a.full {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  text-indent: -30000px;
  z-index: 10;
  text-decoration: none;
  text-align: left;
}

span[class$="--hide-text"], span.hide-text {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px,1px,1px,1px);
  border: 0;
  overflow: hidden;
}

b, strong {
  font-weight: bold;
}

.section {
  position: relative;
}

.section--pink + .section--image {
  z-index: 3;
}

address.typography--h4-special b, address.typography--address b {
  font-family: var(--brand-font);
  font-weight: 700;
}

address.typography--address {
  font-family: var(--brand-font-special);
  text-transform: uppercase;
  margin-top: var(--spacing-7);
}

address.typography--address + .button {
  margin-top: var(--spacing-3);
}

.section > div, .inside, .inside--big {
  max-width: 1725px;
}

.section > div, .inside--big {
  margin: 0 auto;
}

.inside--big {
  padding-right: var(--spacing-9);
  padding-left: var(--spacing-9);
}

.section > div[class*="--fullwidth"] {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.section > div[class*="--big-gap"] {
  padding-bottom: var(--spacing-14);
}

.section--white {
  background-color: var(--brand-white);
}

.section--beige {
  background-color: var(--brand-beige);
}

.section--beige-gradient {
  background: var(--brand-beige-gradient);
}

.section--beige-gradient-reverse {
  background: var(--brand-beige-gradient-reverse);
}

.section--red, .section--red .teaser__content {
  background-color: var(--brand-red);
}

.section--pink, .section--pink .teaser__content {
  background-color: var(--brand-pink);
}

.section--green, .section--green .teaser__content {
  background-color: var(--brand-green);
}

.section--gold, .section--gold .teaser__content {
  background-color: var(--brand-gold);
}

.section--white.section--big-gap {
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
}

.section:last-of-type {
  padding-bottom: 0;
}

.section--events {
  padding-bottom: var(--spacing-10);
}

.section--images, .section--images-2 {
  padding-top: var(--spacing-10);
  padding-bottom: 0;
  margin-top: 0 !important;
}

.section--white:not(.section--big-gap) + .section--pink {
  margin-top: var(--spacing-13);
}

.section--white:not(.section--big-gap):not(.section--events) + .section:not(.section--white) {
  margin-top: var(--spacing-13);
}

.section__title .title {
  max-width: 1300px;
  text-align: right;
}

.section.section--no-gap {
  padding-top: 0;
}

.section--green h1, .section--green h2, .section--green h3, .section--green h4, .section--green p, .section--green .button--icon span, .section--green .section__newsletter span,
.section--gold h1, .section--gold h2, .section--gold h3, .section--gold h4, .section--gold p, .section--gold .button--icon span, .section--gold .event__date, .section--gold .section__newsletter span {
  color: var(--brand-white);
}

.button__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  overflow: hidden;
  -webkit-transition: width var(--transition-2);
  -o-transition: width var(--transition-2);
  transition: width var(--transition-2);
}

.macos .button__arrow, .ios .button__arrow {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.button--icon .button__arrow, .event .button__arrow {
  right: 0;
  width: 80px;
}

.no-touchevents .button--icon a:hover .button__arrow {
  width: 90px;
}

.swiper-button .button__arrow {
  width: 40px;
  -webkit-transition: width var(--transition-2), right var(--transition-2), left var(--transition-2);
  -o-transition: width var(--transition-2), right var(--transition-2), left var(--transition-2);
  transition: width var(--transition-2), right var(--transition-2), left var(--transition-2);
}

.no-touchevents .swiper-button:hover .button__arrow {
  width: 50px;
}

.swiper-button-prev .button__arrow {
  left: var(--spacing-1);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.no-touchevents .swiper-button-prev:hover .button__arrow {
  left: 0;
}

.swiper-button-next .button__arrow {
  right: var(--spacing-1);
}

.no-touchevents .swiper-button-next:hover .button__arrow {
  right: 0;
}

.event .button__arrow {
  -webkit-transition: width var(--transition-2), right var(--transition-2);
  -o-transition: width var(--transition-2), right var(--transition-2);
  transition: width var(--transition-2), right var(--transition-2);
}

.button__arrow, .icon--arrow {
  height: 9px;
}

.icon--arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  fill: var(--brand-black);
}

.section--gold .events .icon--arrow {
  fill: var(--brand-white);
}

.section:not(.section--gold) .events .icon--arrow {
  fill: var(--brand-black);
}


/* ------------------------------ */
/* ------------ Media ----------- */
/* ------------------------------ */

/* Images */
.picture_container {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 0;
}

.picture_container--cover img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.picture_container--top-left img {
  -o-object-position: top left;
     object-position: top left;
}

.picture_container--top-center img {
  -o-object-position: top center;
     object-position: top center;
}

.picture_container--top-right img {
  -o-object-position: top right;
     object-position: top right;
}

.picture_container--center-left img {
  -o-object-position: top left;
     object-position: top left;
}

.picture_container--center-right img {
  -o-object-position: center right;
     object-position: center right;
}

.picture_container--bottom-left img {
  -o-object-position: bottom left;
     object-position: bottom left;
}

.picture_container--bottom-center img {
  -o-object-position: bottom center;
     object-position: bottom center;
}

.picture_container--bottom-right img {
  -o-object-position: bottom right;
     object-position: bottom right;
}

.picture_container--cover, .picture_container--cover picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.picture_container--cover picture {
  background-color: var(--brand-beige);
}

@media (max-width: 413.98px) {

  .picture_container:not(.picture_container--cover) img {
    width: 100%;
  }

}


/* LazyLoad */
img[data-lazy-src] {
  opacity: 0;
}

img.lazyloaded {
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  opacity: 1;
}


/* Position */
.picture_container--left img {
  -o-object-position: left center;
     object-position: left center;
}

.picture_container--right img {
  -o-object-position: right center;
     object-position: right center;
}

/* Overlay */
.picture_container--overlay::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  height: 25%;
  width: 100%;
  background: -o-linear-gradient(top, rgba(66, 66, 65, 0) 0%, rgba(66, 66, 65, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(66, 66, 65, 0)), to(rgba(66, 66, 65, 0.8)));
  background: linear-gradient(180deg, rgba(66, 66, 65, 0) 0%, rgba(66, 66, 65, 0.8) 100%);
}



/* ------------------------------ */
/* ------------ Intro ----------- */
/* ------------------------------ */

.section__intro h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.intro {
  position: relative;
  margin: 0 auto;
}

.section__intro--meetings .intro, .section__intro--location .intro, .section__intro--events .intro, .section__intro--contact .intro {
  max-width: var(--width-intro);
}

.intro__text {
  position: relative;
  z-index: 1;
}

.section__intro--cuno-amiet .intro__images__image_one, .section__intro--meetings .intro__images__image_two, .section__intro--location .intro__images__image_two,
.section__intro--events .intro__images__image_one {
  z-index: 1;
}

.section__intro--meetings h1 span:nth-child(3), .section__intro--meetings h1 span:nth-child(5), .section__intro--meetings h1 span:nth-child(7),
.section__intro--location h1 span:first-child, .section__intro--location h1 span:nth-child(4) {
  text-align: right;
}

.section__intro--events h1 span:nth-child(3), .section__intro--contact h1 span:first-child, .section__intro--contact h1 span:nth-child(3) {
  text-align: center;
}



/* ---------------------------------- */
/* -- Special title and text block -- */
/* ---------------------------------- */

.section__special_text span {
  font-size: var(--font-size-4);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-2);
}

.section__special_text + .section__text_block .text_block, .section__text_block--center .text_block {
  max-width: var(--width-text);
  text-align: left;
}

.section__text_block--center .text_block {
  margin: 0 auto;
}

.section__intro--meetings + .section__text_block .text_block, .section__intro--location + .section__text_block .text_block {
  max-width: var(--width-text-small);
}



/* ------------------------------ */
/* ------- Text with title ------ */
/* ------------------------------ */

.section__banner + .section__text_title {
  padding-top: var(--spacing-11);
}

.text_title.row_simple h2 {
  margin-bottom: 0;
  max-width: var(--width-text);
}

.text_title.row_simple p {
  max-width: var(--width-text);
}

.text_title.row_simple p {
  margin-bottom: var(--spacing-1);
}

.text_title.row_simple p:last-child {
  margin-bottom: 0;
}


/* ------------------------------ */
/* ---------- Banner --------- */
/* ------------------------------ */

.section__banner:not(.section__banner--big) {
  height: 70vh;
}

.section__banner.section__banner--big {
  height: 85vh;
}



/* ------------------------------ */
/* ------- Images with Text ----- */
/* ------------------------------ */

.images_text {
  max-width: 1170px;
}

.images_text .text {
  margin-top: var(--spacing-6);
  max-width: var(--width-text);
  text-align: left;
}




/* ------------------------------ */
/* ------------ Banner ---------- */
/* ------------------------------ */

.section__banner--fullwidth img {
  width: 100%;
}


/* ------------------------------ */
/* -------- Atelier quote ------- */
/* ------------------------------ */

.section__atelier_quote {
  border-top: 1px solid var(--brand-black);
}

.atelier_quote {
  font-family: var(--brand-font-special);
  font-weight: 400;
  line-height: var(--line-height-2);
  letter-spacing: var(--letter-spacing-5);
  text-transform: uppercase;
}

.atelier_quote span {
  position: relative;
}


/* ------------------------------ */
/* --------- Image text --------- */
/* ------------------------------ */

.image_text, .image_text__text {
  position: relative;
}

.image_text__text {
  font-size: var(--font-size-3);
  font-family: var(--brand-font-special);
  line-height: var(--line-height-3);
  letter-spacing: var(--letter-spacing-1);
  font-weight: 400;
  max-width: var(--width-text);
  z-index: 1;
}

.image_text__image {
  position: absolute;
  top: 80%;
}



/* ------------------------------ */
/* ------- Image two texts ------ */
/* ------------------------------ */

.section > div.section__image_two_texts {
  padding-bottom: var(--spacing-8);
}

.image_two_texts, .image_two_texts__text_big {
  position: relative;
}

.image_two_texts__text_big {
  font-size: var(--font-size-3);
  font-family: var(--brand-font-special);
  line-height: var(--line-height-3);
  letter-spacing: var(--letter-spacing-5);
  max-width: var(--width-text-medium);
  margin-bottom: var(--spacing-4);
  z-index: 1;
}

.image_two_texts__text_small {
  max-width: 270px;
  margin-bottom: 0;
}



/* ------------------------------ */
/* ----------- Teasers ---------- */
/* ------------------------------ */

.section__teaser--big-image .typography--huge-title, .section__teaser--big-content .typography--huge-title {
  margin-bottom: var(--spacing-3);
}

.section__teaser--big-image .teaser__content {
  position: relative;
  z-index: 2;
}

.section__teaser--big-image .teaser__content__inside > p, .section__teaser--big-content .teaser__content__inside > p {
  max-width: var(--width-text);
}


/* Teaser - Big image */
.section__teaser--big-image .teaser__image img {
  width: 100%;
}

.page-template:not(.page-template-page-home) .section__teaser--big-image .teaser.end-xs .teaser__image {
  left: 0;
}

.page-template:not(.page-template-page-home) .section__teaser--big-image .teaser:not(.end-xs) .teaser__image {
  right: 0;
}

.page-template:not(.page-template-page-home) .section__teaser--big-image .teaser.end-xs .teaser__content__inside {
  text-align: left;
}

.page-template:not(.page-template-page-home) .section__teaser--big-image .typography--middle-title {
  margin-bottom: var(--spacing-5);
}

.page-template:not(.page-template-page-home) .section__teaser--big-image p {
  max-width: var(--width-text-small);
  margin-bottom: 0;
}



/* Teaser - Big content */
.section__teaser--big-content .teaser__image {
  left: 0;
}

.section__teaser--big-content .teaser__content {
  padding-top: var(--spacing-9);
}

.section__teaser--big-content .teaser__content__inside {
  border-bottom: 1px solid var(--brand-white);
  text-align: left;
}




/* ------------------------------ */
/* ------------ Events ---------- */
/* ------------------------------ */

.section__text_title + .section__events {
  padding-top: var(--spacing-9);
}

.section__text_title + .section__list {
  padding-top: var(--spacing-8);
}

.section--list.section--additional .section__text_title {
  padding-top: 0;
}

.event, .list_item {
  position: relative;
}

.section:not(.section--white) .event {
  border-top: 1px solid var(--brand-white);
}

.section:not(.section--white) .event:last-child {
  border-bottom: 1px solid var(--brand-white);
}

.section--white .event, .section--white .list_item {
  border-top: 1px solid var(--brand-black);
}

.section--white .event:last-child, .section--white .list_item:last-child {
  border-bottom: 1px solid var(--brand-black);
}

.event__row {
  position: relative;
}

.event h3 {
  margin: 0;
  -webkit-transition: margin-left var(--transition-2);
  -o-transition: margin-left var(--transition-2);
  transition: margin-left var(--transition-2);
}

.event .icon--arrow_right {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.section:not(.section--white) .event .icon--arrow_right {
  fill: var(--brand-white);
}

.section--white .event .icon--arrow_right {
  fill: var(--brand-black);
}

.list_item .typography--h4 {
  margin-right: var(--spacing-2);
}

.list_item .typography--h4-special {
  text-transform: unset;
}



/* ------------------------------ */
/* ---- Two images with text ---- */
/* ------------------------------ */

.section__big_small_img_text .text, .section__small_big_img_text .text, .section__big_img_text_small_img .text, .section__big_img_text_big_img .text {
  text-align: left;
}

.section__big_small_img_text .text p, .section__small_big_img_text .text p, .section__big_img_text_small_img .text p, .section__big_img_text_big_img .text p {
  margin-bottom: var(--spacing-3);
}

.section__big_small_img_text .text p:last-child, .section__small_big_img_text .text p:last-child, .section__big_img_text_small_img .text p:last-child, .section__big_img_text_big_img .text p:last-child {
  margin-bottom: 0;
}

.section__big_small_img_text .text {
  max-width: var(--width-text-small);
}

.section__big_img_text_small_img .text {
  max-width: 255px;
  padding-top: var(--spacing-8);
  margin-right: var(--spacing-6);
}

.section__big_img_text_big_img .text {
  padding-top: var(--spacing-5);
}

.two_images_text > div, .small_big_img_text > div, .big_img_text_small_img > div, .section__images > div {
  line-height: 0;
}

.section__big_small_img_text .two_images_text__left {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.section__big_small_img_text .text {
  padding: var(--spacing-4) 0;
}

.section--images .section__small_big_img_text, .section--images-2 .section__small_big_img_text {
  padding-top: var(--spacing-8);
}

.section__small_big_img_text .text {
  max-width: 560px;
  padding-top: var(--spacing-5);
}

.section--images .section__big_img_text_small_img, .section--images-2 .section__big_img_text_small_img,
.section--images .section__big_img_text_big_img, .section--images-2 .section__big_img_text_big_img {
  padding-top: var(--spacing-10);
}


/* ------------------------------ */
/* ------------ Form ------------ */
/* ------------------------------ */

.quform-element-tree, .quform-form > .quform-default-submit, .quform-field-select-enhanced, .select2-search--hide, .select2-results__options li:first-child {
  display: none !important;
}

.section__form .quform {
  max-width: var(--width-intro);
  margin: 0 auto;
}

.quform-element-group--half > .quform-spacer > .quform-child-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.quform-element-group:not(.quform-element-group-cta) > .quform-spacer > .quform-child-elements > div.quform-element-full, .quform-element-group > .quform-spacer > .quform-child-elements > div.quform-element-checkbox {
  width: 100%;
}

.newsletter .quform-form, .quform-element, .quform-input {
  position: relative;
}

input[type="text"], input[type="email"], textarea, select, .quform-input > .quform-label label {
  padding: var(--spacing-2) 0 var(--spacing-2);
  width: 100%;
  font-size: var(--font-size-1-5);
  font-family: var(--brand-font-special);
  line-height: var(--line-height-2);
  background-color: transparent;
  color: var(--brand-black);
  border: 0;
  border-bottom: 1px solid var(--brand-black);
}

.quform-element-text .quform-label, .quform-element-email .quform-label, .quform-element-textarea .quform-label {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px,1px,1px,1px);
  border: 0;
  overflow: hidden;
}

::-webkit-input-placeholder {
  color: var(--brand-black);
  opacity: .8;
}

::-moz-placeholder {
  color: var(--brand-black);
  opacity: .8;
}

:-ms-input-placeholder {
  color: var(--brand-black);
  opacity: .8;
}

::-ms-input-placeholder {
  color: var(--brand-black);
  opacity: .8;
}

::placeholder {
  color: var(--brand-black);
  opacity: .8;
}

.quform-element-textarea textarea {
  line-height: var(--line-height-3);
  resize: none;
}

.quform-element-submit:not(.quform-element-submit--icon) .quform-submit span {
  position: relative;
  z-index: 2;
}


/* Required */
.quform-required {
  display: inline-block !important;
  margin-left: var(--spacing-1);
}

/* Error */
.quform-error {
  display: block;
  margin-top: 7px;
  font-size: 15px;
  font-family: var(--brand-font-special);
  font-weight: bold;
  color: #E63946;
}

/* Success */
.quform-success-message-content {
  color: var(--brand-black);
}

.quform-success-message-content .typography--h4-special {
  font-size: var(--font-size-3);
}


/* Spinner */
.quform-element-submit {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.quform-loading {
  display: none;
  height: 22px;
  width: 22px;
  padding: 1px;
  margin-left: var(--spacing-3);
}

.quform-loading-inner {
  display: block;
  height: 26px;
  width: 22px;
}

.quform-loading-spinner {
  width: 20px;
  height: 20px;
  border: 3px solid var(--brand-black);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: rotation .75s linear infinite;
  animation: rotation .7s linear infinite;
}

.quform-loading-spinner:after {
  display: none;
}

@-webkit-keyframes rotation {
  0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
  }
}


/* Autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;  
    -webkit-text-fill-color: var(--brand-black);
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: inset 0 0 62px 62px var(--brand-white);
            box-shadow: inset 0 0 62px 62px var(--brand-white);
}



/* Newsletter */
.section__newsletter {
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-13);
}

.newsletter .quform-element-page > .quform-child-elements {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.newsletter .quform-child-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
}

.newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements,
.newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements > div {
  margin-bottom: 0;
}

.newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements {
  margin-left: 8px;
  margin-right: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements > div:not(.quform-element-html).quform-element-group--email {
  width: auto;
}

.newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements > div {
  padding: 0 8px;
}

.newsletter .quform-element-group--half + .quform-element:not(.quform-element-group) {
  margin-top: 0;
}

.newsletter input[type="email"] {
  background-color: var(--brand-white);
  border: 0;
  border-radius: 50px;
}

.newsletter .quform-element-submit--icon .quform-submit {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  margin-top: 0;
  border-radius: 100%;
}

.newsletter .quform-element-submit--icon .quform-submit::before, .newsletter .quform-element-submit--icon .quform-submit::after {
  content: "";
  position: absolute;
}

.newsletter .quform-element-submit--icon .quform-submit::before {
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--brand-black);
  border-radius: 100%;
  -webkit-transition: -webkit-transform var(--transition-2);
  transition: -webkit-transform var(--transition-2);
  -o-transition: transform var(--transition-2);
  transition: transform var(--transition-2);
  transition: transform var(--transition-2), -webkit-transform var(--transition-2);
}

.no-touchevents .newsletter .quform-element-submit--icon .quform-submit:hover::before {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.newsletter .quform-element-submit--icon .quform-submit::after {
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 21px;
  height: 8px;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="8px" viewBox="0 0 21 8" style="enable-background:new 0 0 21 8;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M20.6,4.4c0.2-0.2,0.2-0.5,0-0.7l-3.2-3.2c-0.2-0.2-0.5-0.2-0.7,0s-0.2,0.5,0,0.7L19.5,4l-2.8,2.8c-0.2,0.2-0.2,0.5,0,0.7s0.5,0.2,0.7,0L20.6,4.4z M0.3,4.5h20v-1h-20L0.3,4.5z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.newsletter .quform-element-submit--icon .quform-submit span {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  overflow: hidden;
}

.newsletter .quform-loading {
  position: absolute;
  right: 0;
  background-color: var(--brand-black);
  margin: 0;
  top: 0;
  height: 61px;
  width: 61px;
  border-radius: 100%;
}

.newsletter .quform-loading-inner {
  height: auto;
  width: auto;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.newsletter .quform-loading-spinner {
  border: 3px solid var(--brand-white);
  border-bottom-color: transparent;
}

.newsletter .quform-error {
  display: none !important;
}

.newsletter .quform-has-error input::-webkit-input-placeholder {
  color: var(--brand-red);
}

.newsletter .quform-has-error input::-moz-placeholder {
  color: var(--brand-red);
}

.newsletter .quform-has-error input:-ms-input-placeholder {
  color: var(--brand-red);
}

.newsletter .quform-has-error input::-ms-input-placeholder {
  color: var(--brand-red);
}

.newsletter .quform-has-error input, .newsletter .quform-has-error input::placeholder {
  color: var(--brand-red);
}

.quform-success-message-content {
  max-width: 790px;
  margin: 0 auto;
  text-align: center;
}


.quform-success-message-content .typography--middle-title {
  font-size: var(--font-size-5);
}

.quform-success-message-content .typography--small-uppercase {
  display: block;
  margin-left: 0;
  margin-top: var(--spacing-4);
}

.section--green .newsletter .quform-success-message-content .typography--small-uppercase,
.section--gold .newsletter .quform-success-message-content .typography--small-uppercase {
  color: var(--brand-black);
}


/* CleanTalk */
#cleantalk-modal-overlay {
  padding: 15px;
}

#cleantalk-modal-overlay #cleantalk-modal-inner {
  max-width: 560px;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

#cleantalk-modal-overlay #cleantalk-modal-inner p a {
  color: var(--brand-black);
  text-decoration: underline;
}

#cleantalk-modal-overlay #cleantalk-modal-close {
  top: 0 !important;
  right: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background-color: var(--brand-black);
  -webkit-transition: var(--transition-1);
  -o-transition: var(--transition-1);
  transition: var(--transition-1);
}

.no-touchevents #cleantalk-modal-overlay #cleantalk-modal-close:hover {
  opacity: var(--opacity-1);
}

#cleantalk-modal-close:before, #cleantalk-modal-close:after {
  top: 9px !important;
  left: 19px !important;
  height: 22px !important;
  background: var(--brand-white) !important;
  border-radius: 0 !important;
}




/* ------------------------------ */
/* ----------- Gallery ---------- */
/* ------------------------------ */

.swiper--gallery {
  position: relative;
}

.gallery .swiper-slide img {
  width: 100%;
}

.icon--gallery_arrow {
  width: 41px;
  height: 8px;
}

.gallery .swiper-slide p {
  max-width: var(--width-text);
  margin-top: var(--spacing-5);
}



/* ------------------------------ */
/* ----------- Images ----------- */
/* ------------------------------ */

.section__events + .section__images {
  padding-top: var(--spacing-10);
  margin-bottom: -25%;
}

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



/* ------------------------------ */
/* ----------- Footer ----------- */
/* ------------------------------ */

/* General */
footer {
  position: relative;
  z-index: 1;
  background-color: var(--brand-white);
}

body.page-template-default footer {
  margin-top: var(--spacing-13);
  background-color: var(--brand-beige);
}

.footer__inside {
  padding-top: var(--spacing-7);
  padding-bottom: var(--spacing-7);
}

.footer__center.button {
  margin-top: 0;
}

.footer__right a {
  opacity: var(--opacity-1);
  color: var(--brand-black);
  text-decoration: none;

  -webkit-transition: opacity var(--transition-2);

  -o-transition: opacity var(--transition-2);

  transition: opacity var(--transition-2);
}

.no-touchevents .footer__right a:hover {
  opacity: 1;
}

.footer__right a:not(.creator) {
  font-family: var(--brand-font-special);
  font-size: var(--font-size-standard);
  text-transform: uppercase;
}


.footer__right a + a:not(.creator) {
  margin-left: var(--spacing-3);
}

.footer__right a.creator {
  font-size: var(--font-size-1);
  position: relative;
}

.footer span.copyright {
  font-size: var(--font-size-1);
  text-transform: uppercase;
}



/* ------------------------------ */
/* ------ Standard-Template ----- */
/* ------------------------------ */

.page-template-default .intro {
  max-width: var(--width-intro);
}

.page-template-default .section__intro h1 {
  margin-bottom: var(--spacing-5);
}

.page-template-default .section__intro h2 {
  font-family: var(--brand-font);
  font-size: var(--font-size-2-5);
  font-weight: bold;
  line-height: var(--line-height-1);
  text-transform: none;
  margin-top: var(--spacing-7);
  margin-bottom: var(--spacing-3);
}

.page-template-default .section__intro h3 {
  font-size: var(--font-size-2);
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-1);
}

.page-template-default .section__intro h2 + h3 {
  margin-top: calc(var(--spacing-6) - var(--spacing-3))
}

.page-template-default p, .page-template-default main ul {
  margin: 0 0 var(--spacing-3);
}

.page-template-default .section__intro a {
  color: var(--brand-black);
  border-bottom: 1px solid;
  text-decoration: unset;
  -webkit-transition: opacity var(--transition-2);
  -o-transition: opacity var(--transition-2);
  transition: opacity var(--transition-2);
}

.no-touchevents .page-template-default .section__intro a:hover {
  opacity: var(--opacity-1);
}

.page-template-default .section__intro h4 {
  margin-bottom: 5px;
}



/* ------------------------------ */
/* ----------- Buttons ---------- */
/* ------------------------------ */

/* General */
.button--filled a, .button--icon a, .button--back a {
  text-decoration: none;
}

button {
  cursor: pointer;
  padding: 0;
  line-height: var(--line-height-1);
  background-color: transparent;
  border: 0;
}


/* Button small */
.button--filled a, .quform-element-submit:not(.quform-element-submit--icon) .quform-submit, .cookie_box__button button {
  position: relative;
  display: inline-block;
  padding: 12px 20px;
  font-family: var(--brand-font-special);
  font-weight: 300;
  border-radius: 100px;
}

.macos .button--filled a, .macos .quform-element-submit:not(.quform-element-submit--icon) .quform-submit, .macos .cookie_box__button button
.ios .button--filled a, .ios .quform-element-submit:not(.quform-element-submit--icon) .quform-submit, .ios .cookie_box__button button {
  padding-bottom: 13px;
}

.button--filled a::before, .quform-element-submit:not(.quform-element-submit--icon) .quform-submit::before, .cookie_box__button button::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: -webkit-transform var(--transition-2);
  transition: -webkit-transform var(--transition-2);
  -o-transition: transform var(--transition-2);
  transition: transform var(--transition-2);
  transition: transform var(--transition-2), -webkit-transform var(--transition-2);
}

.no-touchevents .button--filled a:hover::before, .no-touchevents .quform-element-submit:not(.quform-element-submit--icon) .quform-submit:hover::before, .no-touchevents .cookie_box__button button:hover::before {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.section:not(.section--green):not(.section--gold) .button--filled a::before, .section:not(.section--green):not(.section--gold) .quform-element-submit:not(.quform-element-submit--icon) .quform-submit::before, footer .button--filled a::before {
  background-color: var(--brand-black);
}

.section--green .button--filled a::before, .section--gold .button--filled a::before, .section--green .quform-element-submit:not(.quform-element-submit--icon) .quform-submit::before, .section--gold .quform-element-submit:not(.quform-element-submit--icon) .quform-submit::before, .cookie_box__button button::before {
  background-color: var(--brand-white);
}

.button--filled a span, .cookie_box__button button span {
  position: relative;
  z-index: 2;
  display: inline-block;
}

.section:not(.section--green):not(.section--gold) .button--filled a span, footer .button--filled a span, .quform-element-submit:not(.quform-element-submit--icon) .quform-submit span {
  color: var(--brand-white);
}

.section--green .button--filled a, .section--gold .button--filled a span, .cookie_box__button button span {
  color: var(--brand-black);
}


/* Button Icon */
.button--icon a {
  position: relative;
  display: inline-block;
  font-size: var(--font-size-standard);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--brand-black);

  -webkit-transition: padding-right var(--transition-2);

  -o-transition: padding-right var(--transition-2);

  transition: padding-right var(--transition-2);
}

.button--icon:not(.button--small-padding) a {
  padding: var(--spacing-1) calc(var(--spacing-7) + 80px) var(--spacing-1) 0;
}

.no-touchevents .button--icon:not(.button--small-padding) a:hover {
  padding-right: calc(var(--spacing-7) + 90px);
}

.button--icon.button--small-padding a {
  padding: var(--spacing-1) calc(var(--spacing-5) + 80px) var(--spacing-1) 0;
}

.no-touchevents .button--icon.button--small-padding a:hover {
  padding-right: calc(var(--spacing-5) + 90px);
}

.section--green .button--icon .icon, .section--gold .button--icon .icon {
  fill: var(--brand-white);
}

.button--icon a span {
  position: relative;
  left: 0;
  -webkit-transition: left var(--transition-2);
  -o-transition: left var(--transition-2);
  transition: left var(--transition-2);
}

.no-touchevents .button--icon a:hover span {
  left: 8px;
}


/* Button back */
.button--back a {
  position: relative;
  display: inline-block;
  padding: 10px 0 10px calc(37px + var(--spacing-2));
  font-size: var(--font-size-1);
  font-family: var(--brand-font-special);
  color: var(--brand-black);
}

.button--back a div, .button--back a div::after {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}

.button--back a div {
  width: 37px;
  height: 37px;
}

.button--back a div::after {
  content: "";
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--brand-black);
  -webkit-transition: -webkit-transform var(--transition-2);
  transition: -webkit-transform var(--transition-2);
  -o-transition: transform var(--transition-2);
  transition: transform var(--transition-2);
  transition: transform var(--transition-2), -webkit-transform var(--transition-2);
}

.no-touchevents .button--back a:hover div::after {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.button--back a div svg {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 8px;
  fill: var(--brand-white);
}


.section--events .section__button {
  border-bottom: 1px solid var(--brand-white);
}



/* ------------------------------ */
/* ---- Cookie Notification ----- */
/* ------------------------------ */

.cookie_box {
  position: fixed;
  z-index: 15;
  background: var(--brand-black);
  -webkit-transition: bottom 1s cubic-bezier(0,.55,.45,1);
  -o-transition: bottom 1s cubic-bezier(0,.55,.45,1);
  transition: bottom 1s cubic-bezier(0,.55,.45,1);
}

.cookie_box__content p, .cookie_box__content a {
  font-size: var(--font-size-1-5);
  color: var(--brand-white);
}

.cookie_box__content a {
  border-bottom: 1px solid;
  text-decoration: unset;
  -webkit-transition: opacity var(--transition-2);
  -o-transition: opacity var(--transition-2);
  transition: opacity var(--transition-2);
}
  
.no-touchevents .cookie_box__content a:hover {
  opacity: var(--opacity-1);
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-height: 1100px) and (min-width: 1240px) {

  .section__teaser .teaser {
    height: 120vh;
    min-height: 1320px;
  }

  .section__special_text + .section__text_block.section__text_block--align-right {
    margin-top: var(--spacing-11);
  }

  .section--beige:not(:first-child):not(:last-child), .section--beige-gradient:not(:first-child):not(:last-child) {
    padding-top: 15vh;
    padding-bottom: 20vh;
    min-height: 1200px;
  }


  .section__atelier_quote {
    padding-top: var(--spacing-10);
    padding-bottom: calc(var(--spacing-10) + var(--spacing-1));
  }

  .section__text_title + .section__button {
    padding-top: var(--spacing-13);
  }

}


@media all and (max-height: 1099.98px) and (min-height: 800px) and (min-width: 1240px) {

  .section__teaser .teaser {
    height: 130vh;
    min-height: 1080px;
  }

  .section__special_text + .section__text_block.section__text_block--align-right {
    margin-top: var(--spacing-9);
  }

  .section--beige:not(:first-child):not(:last-child), .section--beige-gradient:not(:first-child):not(:last-child) {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-14);
    height: 100svh;
  }

  .section__atelier_quote {
    padding-top: var(--spacing-9);
    padding-bottom: calc(var(--spacing-9) + var(--spacing-1));
  }

  .section__text_title + .section__button {
    padding-top: var(--spacing-12);
  }

}


@media all and (max-height: 799.98px) and (min-width: 1240px) {

  .section__teaser .teaser {
    height: 140vh;
    min-height: 960px;
  }

  .section__special_text + .section__text_block.section__text_block--align-right {
    margin-top: calc(var(--spacing-9) - var(--spacing-1));
  }

  .section--beige:not(:first-child):not(:last-child), .section--beige-gradient:not(:first-child):not(:last-child) {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-14);
    height: 100svh;
  }

  .section__atelier_quote {
    padding-top: var(--spacing-9);
    padding-bottom: calc(var(--spacing-9) + var(--spacing-1));
  }

  .section__text_title + .section__button {
    padding-top: var(--spacing-10);
  }

}


@media all and (min-width: 768px) {

  .section > div[class*="--align-right"] {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .section__special_text--center .special_text {
    margin: 0 auto;
    max-width: var(--width-text-big);
  }
  
  .section__special_text span {
    display: block;
  }
  
  .section__special_text span:not(:nth-child(2)) {
    text-align: left;
  }
  
  .section__special_text span:nth-child(2) {
    text-align: right;
  }

  .section > div.section__special_text--align-right {
    padding-right: var(--spacing-10);
  }

  .section__special_text span.left-indent {
    padding-left: var(--spacing-9);
  }
  
  .section__special_text span.left-indent + span.left-indent {
    padding-left: var(--spacing-7);
  }

  .section--contact .section__form {
    padding-top: var(--spacing-10);
    padding-bottom: calc(var(--spacing-10) + var(--spacing-2));
  }

  .three_images__top {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .three_images .image--one {
    margin-right: var(--spacing-11);
    margin-bottom: calc(-1* var(--spacing-14));
  }

  .three_images__bottom {
    margin-top: var(--spacing-7);
    margin-right: var(--spacing-14);
    text-align: right;
  }

  .images_text .images {
    margin: 0 -10px;
  }
  
  .images_text .images > div {
    padding: 0 10px;
  }

  .image_two_texts__image {
    position: absolute;
    top: 90%;
  }

  .section__small_big_img_text .small_big_img_text__left {
    padding-top: var(--spacing-13-5);
    padding-right: var(--spacing-6);
  }

  .no-touchevents .event--linked:hover h3 {
    margin-left: 8px;
  }

  .event__date {
    margin-left: var(--spacing-2);
  }

  .no-touchevents .event--linked:hover .button__arrow {
    width: 90px;
    right: -10px;
  }

  .section--events .button {
    margin-top: 0;
  }

  .quform-element-group > .quform-spacer > .quform-child-elements > div:nth-child(1), .quform-element-group > .quform-spacer > .quform-child-elements > div:nth-child(2) {
    margin-top: 0;
  }

  .quform-element-group--half > .quform-spacer > .quform-child-elements {
    margin: 0 calc(-1 * var(--spacing-3)) calc(-1 * var(--spacing-1));
  }

  .quform-element-group--half > .quform-spacer > .quform-child-elements > div {
    padding: 0 var(--spacing-3);
    margin: var(--spacing-1) 0;
  }

  .quform-element-group--half > .quform-spacer > .quform-child-elements > div:not(.quform-element-html) {
    width: 50%;
  }

  .quform-element-group--half + .quform-element:not(.quform-element-group) {
    margin-top: var(--spacing-5)
  }

  textarea, .quform-input-textarea {
    height: 200px;
  }

  #cleantalk-modal-overlay #cleantalk-modal-inner {
    padding: 25px 55px 25px 25px !important;
  }

  .button--filled a, .quform-element-submit:not(.quform-element-submit--icon) .quform-submit, .cookie_box__button button {
    font-size: var(--font-size-1);
  }

  /* Cookie */
  .cookie_box {
    left: calc(50%);
    padding: var(--spacing-4);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .macos .cookie_box, .ios .cookie_box {
    padding-bottom: calc(var(--spacing-4) + 4px);
  }

  .cookie_box.is-active {
    bottom: var(--spacing-5);
  }

  .cookie_box, .cookie_box.hide {
    bottom: -120px;
  }

  .cookie_box__content {
    padding-right: var(--spacing-3);
  }

}


@media all and (min-width: 992px) {

  .section__teaser .teaser__image {
    position: absolute;
    top: 0;
    height: 100%;
  }

  .text_title.row_simple {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .text_title.row_simple p {
    padding-top: var(--spacing-1);
    margin-left: var(--spacing-10);
  }

  .section__image_text .image_text, .section > div.section__image_two_texts .image_two_texts {
    margin: 0 auto;
  }

  .section__special_text + .section__text_block.section__text_block--align-right {
    padding-right: var(--spacing-15);
  }

  .section__big_small_img_text .two_images_text__right {
    padding-left: var(--spacing-9);
  }

  .teaser__image__sticky {
    position: sticky;
    top: -1px;
    width: 100%;
    height: calc(100svh + 2px);
  }

  .images__row--type-1 .image--two {
    margin-left: var(--spacing-9);
  }
  
  .images__row--type-2 .image--one {
    margin-right: var(--spacing-6);
  }

  .newsletter .quform-element-email {
    width: 340px;
  }

  .newsletter .quform .quform-element-html--first-row .typography--middle-title {
    margin-left: calc(-1* var(--spacing-13));
  }

}


@media all and (min-width: 1240px) {

  .section > div.section__intro {
    padding-top: var(--spacing-13-5);
  }

  .section__big_small_img_text .two_images_text {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .section__teaser--big-content .teaser__image {
    width: 40%;
  }

  .section__teaser--big-content .teaser__content {
    width: 60%;
  }

  .section > div.section__image_text, .section > div.section__image_two_texts {
    padding-left: 0;
    padding-right: 0
  }

  .section__image_text .image_text {
    max-width: 1042px;
  }

  .section__image_text .image_text__image {
    right: 3px;
  }

  .section > div.section__image_two_texts .image_two_texts {
    max-width: 760px;
  }

  .section > div.section__image_two_texts .image_two_texts .image_two_texts__text_big {
    margin-left: var(--spacing-6);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .button {
    display: inline-block;
    margin-right: var(--spacing-3);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .button:last-child {
    margin-right: 0;
  }

  .section > div.section__gallery {
    padding-top: var(--spacing-9);
  }
  
  .image_two_texts__text_small {
    margin-left: 388px;
  }

  .image_two_texts__image {
    left: -132px;
  }

  .image_text__image img, .image_two_texts__image img {
    max-width: 480px;
  }

  .event__inside, .list_item__inside {
    padding-top: 28px;
    padding-bottom: 24px;
  }

  .macos .event__inside, .ios .event__inside, .macos .list_item__inside, .ios .list_item__inside {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .section > div.section__events + .section__button {
    padding-top: var(--spacing-3);
  }

  .section--events .button {
    padding-top: 3px;
  }

  .macos .section--events .button, .ios .section--events .button {
    padding-top: 1px;
  }

  .event__date {
    margin-top: -2px;
  }

  .macos .event__date, .ios .event__date {
    margin-top: 0;
  }

  .atelier_quote {
    font-size: var(--font-size-7);
  }

  .gallery .swiper-button {
    top: 0;
    height: 100%;
  }
  
  .gallery .swiper-button-prev {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  
  .gallery .swiper-button-next {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }

  address + .button, .quform-element-submit:not(.quform-element-submit--icon) {
    margin-top: var(--spacing-6);
}

}


@media all and (min-width: 1400px) {

  .section__text_title {
    padding-top: var(--spacing-11);
  }

  .section--list .section__text_title {
    padding-top: var(--spacing-13-5);
  }

  .section__teaser--big-image .teaser__content .button:not(.button--filled), .section__teaser--big-content .teaser__content .button:not(.button--filled) {
    margin-top: var(--spacing-8);
  }

  .section__teaser--big-image .teaser__content .button.button--filled, .section__teaser--big-content .teaser__content .button.button--filled {
    margin-top: var(--spacing-7);
  }

  .section__intro--cuno-amiet .intro__images__image_two, .section__intro--events .intro__images__image_two {
    margin-top: -185px;
  }

  .section > div[class*="--big-gap"].section__events {
    padding-bottom: var(--spacing-13-5);
  }

  .section__image_text--small .image_text {
    max-width: 894px;
  }

  .section__image_text--small .image_text__text {
    max-width: 500px;
  }

  .section__image_text--small .image_text__image img {
    max-width: 432px;
  }

  .newsletter .quform-element-submit--icon .quform-submit {
    width: 63px;
    height: 63px;
  }

  .newsletter input[type="email"] {
    height: 63px;
    padding: 19px calc(63px + 15px) 19px 30px;
  }

  .footer span.copyright {
    margin-top: 4px;
  }

  .newsletter .quform .newsletter__third_row {
    margin-right: calc(-1* var(--spacing-10));
  }

  .footer__right a.creator {
    top: 5px;
    margin-left: var(--spacing-6);
  }

  .macos .footer__right a.creator, .ios .footer__right a.creator {
    top: 4px;
  }

  .button {
    margin-top: var(--spacing-6);
  }

  .section__button {
      padding-bottom: var(--spacing-3);
  }

  /* Cookie */
  .lang-de .cookie_box {
    width: 710px;
  }

  .lang-de .cookie_box__content {
      max-width: 580px;
  }

  .lang-en .cookie_box {
      width: 590px;
  }

  .lang-en .cookie_box__content {
      max-width: 460px;
  }

}


@media all and (min-width: 1600px) {

  :root {
    --font-size-6: 80px;
    --font-size-5: 75px;
    --font-size-4: 60px;
    --font-size-3: 50px;
    --font-size-2-5: 40px;

    --width-text-big: 965px;
    --width-intro: 1000px;
  }

  .section > div, .inside {
    padding-right: var(--spacing-12);
    padding-left: var(--spacing-12);
  }

  .section > div.inside--big {
    padding-right: var(--spacing-9);
    padding-left: var(--spacing-9);
  }

  .section__teaser--big-content .teaser__content {
    padding-bottom: var(--spacing-12);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    padding-top: var(--spacing-6);
  }

  .section__banner:not(.section__banner--big) {
    max-height: 850px;
    min-height: 500px;
  }

  .section__banner.section__banner--big {
    max-height: 950px;
    min-height: 600px;
  }

  .text_title.row_simple h2 {
    min-width: 600px;
  }

  .gallery .swiper-button {
    width: 90px;
  }
  
  .gallery .swiper-button-prev {
    left: -90px;
  }
  
  .gallery .swiper-button-next {
    right: -90px;
  }

  .quform-element-group--middle-line {
    margin: 5px 0;
  }

  .newsletter .typography--small-uppercase {
    margin-left: var(--spacing-8);
    margin-top: 11px;
  }

  .list + .button {
    margin-top: var(--spacing-7);
}

}


@media all and (min-width: 1900px) {

  :root {
    --font-size-8: 130px;
    --font-size-7: 105px;
  }

  .section__teaser--big-image .teaser__image {
    width: calc(100% - 790px);
  }
    
  .section__teaser--big-image .teaser__content {
    width: 790px;
  }

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-7) var(--spacing-3) var(--spacing-8);
  }

  .section__teaser--big-content .teaser__content__inside {
    padding: 0 var(--spacing-12) var(--spacing-3) var(--spacing-7);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding: 0 var(--spacing-8) var(--spacing-8);
  }

  .images__row + .images__row {
    padding-top: var(--spacing-12);
  }

}


@media all and (min-width: 2100px) {

  :root {
    --spacing-15: 400px;
    --spacing-14: 300px;
    --spacing-13-5: 230px;
    --spacing-13: 185px;
    --spacing-12: 160px;
    --spacing-11: 140px;
    --spacing-10: 130px;
    --spacing-9: 105px;
    --spacing-8: 70px;
    --spacing-7: 60px;
    --spacing-6: 45px;
  }

}


@media all and (max-width: 2099.98px) and (min-width: 1600px) {

  :root {
    --spacing-15: 340px;
    --spacing-14: 240px;
    --spacing-13-5: 200px;
    --spacing-13: 160px;
    --spacing-12: 140px;
    --spacing-11: 120px;
    --spacing-10: 110px;
    --spacing-9: 80px;
    --spacing-8: 60px;
    --spacing-7: 50px;
    --spacing-6: 40px;
  }

}


@media all and (max-width: 1899.98px) and (min-width: 1400px) {

  .typography--middle-title {
    font-size: var(--font-size-5);
  }

  .section__teaser--big-image .teaser__image {
    width: 56%;
  }
    
  .section__teaser--big-image .teaser__content {
    width: 44%;
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding: 0 var(--spacing-8) var(--spacing-7);
  }

  .images__row + .images__row {
    padding-top: var(--spacing-10);
  }

}


@media all and (max-width: 1899.98px) and (min-width: 1600px) {

  :root {
    --font-size-8: 120px;
    --font-size-7: 100px;
  }

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-7) var(--spacing-3) var(--spacing-8);
  }

  .section__teaser--big-content .teaser__content__inside {
    padding: 0 var(--spacing-10) var(--spacing-3) var(--spacing-7);
  }

}


@media all and (max-width: 1599.98px) and (min-width: 1240px) {

  .section__special_text.section__special_text--center span {
    font-size: var(--font-size-5);
  }

  .section__teaser--big-content .teaser__content {
    padding-bottom: var(--spacing-11);
  }

}


@media all and (max-width: 1599.98px) and (min-width: 1400px) {

  :root {
    --spacing-15: 210px;
    --spacing-14: 210px;
    --spacing-13-5: 170px;
    --spacing-13: 140px;
    --spacing-12: 120px;
    --spacing-11: 100px;
    --spacing-10: 90px;
    --spacing-9: 70px;
    --spacing-8: 50px;
    --spacing-7: 40px;
    --spacing-6: 34px;

    --font-size-8: 120px;
    --font-size-7: 90px;
    --font-size-6: 70px;
    --font-size-5: 65px;
    --font-size-4: 55px;
    --font-size-3: 45px;
    --font-size-2-5: 37px;

    --width-text-big: 900px;
    --width-intro: 935px;
  }

  .section > div, .inside {
    padding-right: var(--spacing-9);
    padding-left: var(--spacing-9);
  }

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-9) var(--spacing-8) var(--spacing-3) var(--spacing-8);
  }

  .section__teaser--big-content .teaser__content__inside {
    padding: 0 var(--spacing-9) var(--spacing-3) var(--spacing-8);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    padding-top: var(--spacing-7);
  }

  .text_title.row_simple h2 {
    min-width: 460px;
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding-bottom: var(--spacing-9);
  }

  .contact_banner__image img, .section__intro--contact img {
    max-width: 647px;
  }

  .gallery .swiper-button {
    width: 80px;
  }
  
  .gallery .swiper-button-prev {
    left: -80px;
  }
  
  .gallery .swiper-button-next {
    right: -80px;
  }

  .quform-element-group--middle-line {
    margin: 8px 0;
  }

  .newsletter .typography--small-uppercase {
    margin-left: var(--spacing-9);
    margin-top: 9px;
  }

  .list + .button {
    margin-top: var(--spacing-8);
}

}


@media all and (max-width: 1399.98px) {

  .section__big_small_img_text .text {
    padding-right: 0;
    padding-left: 0;
  }

}


@media all and (max-width: 1399.98px) and (min-width: 768px) {

  .section__big_small_img_text .text {
    padding-top: var(--spacing-4);
  }

}


@media all and (max-width: 1399.98px) and (min-width: 992px) {

  .cookie_box {
    width: 670px;
  }

  .cookie_box__content {
      max-width: 550px;
  }

  .lang-en .cookie_box {
      width: 550px;
  }

  .lang-en .cookie_box__content {
      max-width: 430px;
  }

}


@media all and (max-width: 1399.98px) and (min-width: 1240px) {

  :root {
    --spacing-15: 180px;
    --spacing-14: 180px;
    --spacing-13-5: 150px;
    --spacing-13: 120px;
    --spacing-12: 110px;
    --spacing-11: 90px;
    --spacing-10: 80px;
    --spacing-9: 60px;
    --spacing-8: 44px;
    --spacing-7: 34px;
    --spacing-6: 30px;
    --spacing-5: 26px;
    --spacing-4: 22px;

    --font-size-8: 110px;
    --font-size-7: 85px;
    --font-size-6: 65px;
    --font-size-5: 60px;
    --font-size-4: 50px;
    --font-size-3: 40px;
    --font-size-2-5: 34px;
    --font-size-2: 25px;
    --font-size-1-5: 17px;
    --font-size-standard: 19px;

    --width-text-big: 845px;
    --width-intro: 845px;
  }

  .inside--big {
    padding-right: var(--spacing-8);
    padding-left: var(--spacing-8);
  }

  .section > div, .inside {
    padding-right: var(--spacing-8);
    padding-left: var(--spacing-8);
  }

  .typography--middle-title {
    font-size: var(--font-size-5);
  }

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-9) var(--spacing-8) var(--spacing-2) var(--spacing-8);
  }

  .section__teaser--big-content .teaser__content__inside {
    padding: 0 var(--spacing-8) var(--spacing-2) var(--spacing-8);
  }

  .section__teaser--big-image .teaser__image {
    width: 57%;
  }
    
  .section__teaser--big-image .teaser__content {
    width: 43%;
  }

  .section__text_title {
    padding-top: var(--spacing-10);
  }

  .image_two_texts__text_big {
    margin-bottom: var(--spacing-6);
  }

  .section--list .section__text_title {
    padding-top: var(--spacing-13-5);
  }

  .section__intro--cuno-amiet .intro__images__image_two, .section__intro--events .intro__images__image_two {
    margin-top: -148px;
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding: 0 var(--spacing-8) var(--spacing-8);
  }

  .text_title.row_simple h2 {
    min-width: 400px;
  }

  .contact_banner__image img, .section__intro--contact img {
    max-width: 587px;
  }

  .section__teaser--big-image .teaser__content .button, .section__teaser--big-content .teaser__content .button {
    margin-top: var(--spacing-8);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    padding-top: var(--spacing-8);
  }

  .section__gallery .gallery {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }

  .section--white.section--big-gap.section--image_two_texts {
    padding-bottom: calc(var(--spacing-14) * 1.5);
  }

  .section > div[class*="--big-gap"].section__events {
    padding-bottom: var(--spacing-13);
  }

  .images__row + .images__row {
    padding-top: var(--spacing-11);
  }

  .section__image_text--small .image_text {
    max-width: 796px;
  }

  .section__image_text--small .image_text__text {
    max-width: 450px;
  }

  .section__image_text--small .image_text__image img {
    max-width: 384px;
  }

  .newsletter .quform-element-submit--icon .quform-submit {
    width: 59px;
    height: 59px;
  }

  .newsletter input[type="email"] {
    height: 59px;
    padding: 18px calc(59px + 15px) 18px 28px;
  }

  .footer span.copyright {
    margin-top: 2px;
  }

  .gallery .swiper-button {
    width: 76px;
  }
  
  .gallery .swiper-button-prev {
    left: -76px;
  }
  
  .gallery .swiper-button-next {
    right: -76px;
  }

  .quform-element-group--middle-line {
    margin: 8px 0;
  }

  .newsletter .quform .newsletter__third_row {
    margin-right: calc(-1* var(--spacing-14));
  }

  .newsletter .typography--small-uppercase {
    margin-left: var(--spacing-8);
    margin-top: 7px;
  }

  .footer__right a + a:not(.creator) {
    margin-left: var(--spacing-2);
  }

  .footer__right a.creator {
    top: 3px;
    margin-left: var(--spacing-3);
  }

  .macos .footer__right a.creator, .ios .footer__right a.creator {
    top: 2px;
  }

  .button {
    margin-top: var(--spacing-6);
}

.list + .button {
    margin-top: var(--spacing-8);
}

.section__button {
    padding-bottom: var(--spacing-2);
}

.button--icon .button__arrow {
    top: calc(50% - 1px);
}

.macos .button--icon .button__arrow, .ios .button--icon .button__arrow {
    top: 50%;
}

}


@media all and (max-width: 1239.98px) {

  .page-template:not(.page-template-page-home) .section__teaser--big-image .button {
    display: block;
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .button + .button {
    margin-top: var(--spacing-4);
  }

  .list_item .typography--h4 {
    margin-right: 0;
  }

  .list_item .typography--h4-special {
    display: block;
  }

  .footer__right  {
    width: 100%;
    margin-top: var(--spacing-9);
  }

}


@media all and (max-width: 1239.98px) and (min-width: 768px) {

  :root {
    --width-text-big: 815px;
    --width-intro: 845px;
  }

  .section > div.section__intro {
    padding-top: var(--spacing-14);
  }

  .section > div, .inside, .inside--big {
    padding-right: var(--spacing-8);
    padding-left: var(--spacing-8);
  }

  .section__teaser--big-content .teaser__content {
    padding-bottom: var(--spacing-11);
  }

  .section__teaser--big-content .teaser__content__inside {
    padding: 0 var(--spacing-8) var(--spacing-1) var(--spacing-8);
  }

  .section > div.section__special_text--align-right {
    padding-right: var(--spacing-8);
  }

  .section__special_text.section__special_text--center span {
    font-size: var(--font-size-5);
  }

  .section--list .section__text_title {
    padding-top: var(--spacing-13-5);
  }

  .section__text_title + .section__button {
    padding-top: var(--spacing-9);
  }

  .section__teaser--big-image .teaser__content .button, .section__teaser--big-content .teaser__content .button {
    margin-top: var(--spacing-8);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    padding-top: var(--spacing-8);
  }

  .section > div[class*="--big-gap"].section__events {
    padding-bottom: var(--spacing-11);
  }

  .section > div.section__image_two_texts {
    padding-right: var(--spacing-8);
  }

  .section__image_text .image_text {
    max-width: 848px;
  }

  .section__image_text .image_text__image {
    right: 0;
  }

  .section > div.section__events + .section__button {
    padding-top: var(--spacing-2);
  }

  .event__inside, .list_item__inside {
    padding-top: 26px;
    padding-bottom: 21px;
  }

  .macos .event__inside, .ios .event__inside, .macos .list_item__inside, .ios .list_item__inside {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .event .button__arrow {
    top: calc(50% - 1px);
  }

  .macos .event .button__arrow, .ios .event .button__arrow {
    top: 50%;
  }

  .event .button--icon:not(.button--small-padding) a {
    padding-bottom: 8px;
  }

  .section__atelier_quote {
    padding-top: var(--spacing-10);
    padding-bottom: calc(var(--spacing-10) + var(--spacing-1));
  }

  .quform-error {
    font-size: 14px;
  }

  .newsletter .quform-element-submit--icon .quform-submit {
    width: 55px;
    height: 55px;
  }

  .newsletter input[type="email"] {
    height: 55px;
    padding: 16px calc(55px + 15px) 16px 26px;
  }

  .event__date {
    margin-top: -1px;
  }

  .macos .event__date, .ios .event__date {
    margin-top: 0;
  }

  .footer span.copyright {
    margin-top: 2px;
  }

  .button {
    margin-top: var(--spacing-7);
}

.list + .button {
    margin-top: var(--spacing-8);
}

.section__button {
    padding-bottom: var(--spacing-2);
}

.button--icon .button__arrow {
    top: calc(50% - 1px);
}

.macos .button--icon .button__arrow, .ios .button--icon .button__arrow {
    top: 50%;
}

address + .button, .quform-element-submit:not(.quform-element-submit--icon) {
    margin-top: var(--spacing-8);
}


}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

  :root {
    --spacing-15: 160px;
    --spacing-14: 160px;
    --spacing-13-5: 130px;
    --spacing-13: 100px;
    --spacing-12: 90px;
    --spacing-11: 70px;
    --spacing-10: 60px;
    --spacing-9: 50px;
    --spacing-8: 38px;
    --spacing-7: 28px;
    --spacing-6: 24px;
    --spacing-5: 22px;
    --spacing-4: 20px;
    --spacing-3: 18px;
    --spacing-2: 14px;

    --font-size-8: 87px;
    --font-size-7: 67px;
    --font-size-6: 57px;
    --font-size-5: 53px;
    --font-size-4: 43px;
    --font-size-3: 35px;
    --font-size-2-5: 30px;
    --font-size-2: 23px;
    --font-size-1-5: 17px;
    --font-size-standard: 18px;
  }

  .section--beige:not(:first-child):not(:last-child), .section--beige-gradient:not(:first-child):not(:last-child) {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-12);
  }

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-9) var(--spacing-8) var(--spacing-1) var(--spacing-8);
  }

  .section__text_title {
    padding-top: var(--spacing-10);
  }

  .section__special_text + .section__text_block.section__text_block--align-right {
    margin-top: var(--spacing-9);
  }

  .section--white.section--big-gap.section--image_two_texts {
    padding-bottom: calc(var(--spacing-14) * 1.5);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding: 0 var(--spacing-8) var(--spacing-8);
  }

  .section__teaser--big-image .teaser__image {
    width: 55%;
  }
    
  .section__teaser--big-image .teaser__content {
    width: 45%;
  }

  .section__teaser--big-content .teaser__image {
    width: 40%;
  }

  .section__teaser--big-content .teaser__content {
    width: 60%;
  }

  .image_text__text {
    max-width: 480px;
  }

  .text_title.row_simple h2 {
    min-width: 340px;
  }

  .section > div.section__image_two_texts .image_two_texts {
    max-width: 760px;
  }

  .section > div.section__image_two_texts .image_two_texts .image_two_texts__text_big {
    margin-left: var(--spacing-6);
    margin-bottom: var(--spacing-7);
  }

  .section__teaser .teaser {
    height: 120vh;
    min-height: 960px;
  }

  .section__teaser .teaser .typography--middle-title {
    font-size: var(--font-size-5);
  }
  
  .section__image_text--small .image_text {
    max-width: 678px;
  }

  .section__image_text--small .image_text__text {
    max-width: 380px;
  }

  .section__image_text--small .image_text__image img {
    max-width: 336px;
  }

  .section__banner.section__banner--big {
    max-height: 520px;
  }

  .section__banner:not(.section__banner--big) {
    max-height: 450px;
  }

  .image_two_texts__text_small {
    margin-left: 45%;
  }

  .image_two_texts__image {
    left: -70px;
  }

  .image_text__image img {
    max-width: 408px;
  }

  .image_two_texts__image img {
    max-width: 384px;
  }

  .section--events .button {
    padding-top: 3px;
  }

  .macos .section--events .button, .ios .section--events .button {
    padding-top: 1px;
  }

  .images__row + .images__row {
    padding-top: var(--spacing-11);
  }

  .atelier_quote {
    font-size: var(--font-size-7);
  }

  .contact_banner__image img, .section__intro--contact img {
    max-width: 524px;
  }

  .newsletter .quform .newsletter__third_row {
    margin-right: calc(-1* var(--spacing-14));
  }

  .newsletter .typography--small-uppercase {
    margin-left: var(--spacing-9);
    margin-top: 7px;
  }

  .quform-element-group--middle-line {
    margin: 10px 0;
  }

  .footer__right a.creator {
    font-size: 15px;
    top: 4px;
    margin-left: var(--spacing-6);
  }

  .macos .footer__right a.creator, .ios .footer__right a.creator {
    top: 3px;
  }

}


@media all and (max-width: 991.98px) {

  :root {
    --width-text-small: 600px;
  }

  .section__teaser--big-image .teaser__image, .section__teaser--big-image .teaser__content, .section__teaser--big-content .teaser__image, .section__teaser--big-content .teaser__content {
    width: 100%;
  }

  .section__teaser .teaser__image .picture_container--cover, .section__teaser .teaser__image picture {
    position: relative;
    height: auto;
  }

  .images__row + .images__row {
    padding-top: var(--spacing-11);
  }

  .section__newsletter .newsletter, .newsletter__third_row {
    display: block;
  }

  .section__newsletter .newsletter {
    position: relative;
  }

  .newsletter__third_row {
    text-align: right;
  }

  .quform-element-group--middle-line {
    margin: 4px 0;
  }

  .newsletter__third_row .typography--small-uppercase {
    display: block;
    margin-top: var(--spacing-1);
  }

  .newsletter .quform-element-email {
    width: 100%;
  }

  .newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements > div:not(.quform-element-html).quform-element-group--email {
    position: absolute;
    padding: 0;
    left: 0;
    width: 100%;
  }

}


@media all and (max-width: 991.98px) and (min-width: 768px) {

  :root {
    --spacing-15: 140px;
    --spacing-14: 140px;
    --spacing-13-5: 120px;
    --spacing-13: 90px;
    --spacing-12: 80px;
    --spacing-11: 65px;
    --spacing-10: 55px;
    --spacing-9: 45px;
    --spacing-8: 38px;
    --spacing-7: 26px;
    --spacing-6: 22px;
    --spacing-5: 20px;
    --spacing-4: 18px;
    --spacing-3: 16px;
    --spacing-2: 12px;
    --spacing-1: 8px;

    --font-size-8: 78px;
    --font-size-7: 62px;
    --font-size-6: 52px;
    --font-size-5: 46px;
    --font-size-4: 36px;
    --font-size-3: 32px;
    --font-size-2-5: 27px;
    --font-size-2: 22px;
    --font-size-1-5: 16px;
    --font-size-1: 15px;
    --font-size-standard: 18px;
  }

  .teaser__content__inside h1 span, .teaser__content__inside h2 span {
    display: inline;
  }

  .section--beige:not(:first-child):not(:last-child), .section--beige-gradient:not(:first-child):not(:last-child) {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-13);
  }

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-11) var(--spacing-8) calc(var(--spacing-11) - var(--spacing-1)) var(--spacing-8);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-8) var(--spacing-11);
  }

  .section__teaser--big-image .teaser__image, .section__teaser--big-image .teaser__content, .section__teaser--big-content .teaser__image, .section__teaser--big-content .teaser__content {
    width: 100%;
  }

  .section__text_title {
    padding-top: var(--spacing-9);
  }

  .section--white.section--big-gap.section--image_two_texts {
    padding-bottom: calc(var(--spacing-14) * 1.75);
  }

  .image_text__text {
    max-width: 420px;
  }

  .section__image_text--small .image_text {
    max-width: 600px;
    margin: 0 auto;
  }

  .section__image_text--small .image_text__text {
    max-width: 350px;
  }

  .section__image_text--small .image_text__image img {
    max-width: 288px;
  }

  .contact_banner__image img, .section__intro--contact img {
    max-width: 408px;
  }

  .section__banner.section__banner--big {
    max-height: 400px;
  }

  .section__banner:not(.section__banner--big) {
    max-height: 350px;
  }

  .image_two_texts__image {
    left: 0;
  }

  .image_two_texts__text_small {
    margin-left: 368px;
    margin-top: var(--spacing-8);
  }

  .image_text__image img, .image_two_texts__image img {
    max-width: 336px;
  }

  .text_title.row_simple p {
    padding-top: var(--spacing-3);
  }

  .section__special_text + .section__text_block.section__text_block--align-right {
    margin-top: var(--spacing-9);
    padding-left: var(--spacing-15);
  }

  .section__big_small_img_text .two_images_text__right {
    padding-left: var(--spacing-6);
  }

  .section__big_small_img_text .text {
    padding-left: 0;
    padding-right: 0;
  }

  .images__row--type-1 .image--two {
    margin-left: var(--spacing-6);
  }
  
  .images__row--type-2 .image--one {
    margin-right: var(--spacing-5);
  }

  .event__inside, .list_item__inside {
    padding-top: 24px;
    padding-bottom: 20px;
  }

  .macos .event__inside, .ios .event__inside, .macos .list_item__inside, .ios .list_item__inside {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .section--events .button {
    padding-top: 5px;
  }

  .macos .section--events .button, .ios .section--events .button {
    padding-top: 3px;
  }

  .atelier_quote {
    font-size: var(--font-size-6);
  }

  .section__newsletter .newsletter {
    max-width: 465px;
    margin: 0 auto;
    padding-bottom: 95px;
  }

  .newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements > div:not(.quform-element-html).quform-element-group--email {
    bottom: -160px;
  }

  .footer__right a.creator {
    font-size: 15px;
    top: 4px;
    margin-left: var(--spacing-6);
  }

  .macos .footer__right a.creator, .ios .footer__right a.creator {
    top: 3px;
  }

  /* Cookie */
  .cookie_box {
    width: 630px;
  }

  .cookie_box__content {
      max-width: 520px;
  }

  .lang-en .cookie_box {
      width: 520px;
  }

  .lang-en .cookie_box__content {
      max-width: 400px;
  }

}


@media all and (max-width: 767.98px) {

  :root {
    --spacing-15: 120px;
    --spacing-14: 120px;
    --spacing-13-5: 100px;
    --spacing-13: 80px;
    --spacing-12: 70px;
    --spacing-11: 60px;
    --spacing-10: 50px;
    --spacing-9: 40px;
    --spacing-8: 32px;
    --spacing-7: 26px;
    --spacing-6: 22px;
    --spacing-5: 18px;
    --spacing-4: 16px;
    --spacing-3: 14px;
    --spacing-2: 10px;
    --spacing-1: 8px;

    --font-size-8: 76px;
    --font-size-7: 62px;
    --font-size-6: 45px;
    --font-size-5: 40px;
    --font-size-4: 36px;
    --font-size-3: 30px;
    --font-size-2-5: 24px;
    --font-size-2: 20px;
    --font-size-1-5: 16px;
    --font-size-1: 15px;
    --font-size-standard: 18px;
  }

  h1, .typography--h1 {
    line-height: var(--line-height-1);
  }

  h1 br, h2 br, h3 br {
    content: "";
  }

  h1 br::after, h2 br::after, h3 br::after {
    content: " ";
  }

  .typography--middle-title {
    left: -1px;
  }

  .section__intro h1 span {
    display: inline;
  }

  .text--small, .section__big_img_text_big_img .text {
    font-size: var(--font-size-standard);
  }

  input[type="text"], input[type="email"], textarea, select, .quform-input > .quform-label label {
    font-size: var(--font-size-standard);
  }

  .section > div.section__intro {
    padding-top: 128px;
  }

  .section--beige:not(:first-child):not(:last-child), .section--beige-gradient:not(:first-child):not(:last-child) {
    padding-top: var(--spacing-12);
    padding-bottom: var(--spacing-12);
  }

  .section__special_text + .section__text_block.section__text_block--align-right {
    margin-top: var(--spacing-9);
  }

  .section__special_text + .section__text_block.section__text_block--align-right .text_block {
    padding-left: var(--spacing-9);
  }

  .section--white.section--big-gap {
    padding-top: var(--spacing-13-5);
    padding-bottom: var(--spacing-13-5);
  }

  .section__teaser--big-content .teaser__content {
    padding-top: var(--spacing-10);
  }

  .section--events {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-11);
  }

  .section__teaser--big-image .teaser__image, .section__teaser--big-image .teaser__content, .section__teaser--big-content .teaser__image {
    width: 100%;
  }

  .section--contact .section__form {
    padding-top: var(--spacing-11);
    padding-bottom: calc(var(--spacing-11) + var(--spacing-2));
}

  .section--white.section--big-gap.section--image_two_texts {
    padding-bottom: calc(var(--spacing-14) * 1.75);
  }

  .section > .section__three_images {
    padding-right: 0;
    padding-left: 0;
  }

  .section__three_images .three_images .image--one {
    margin: var(--spacing-9) 0;
  }

  .section__three_images .three_images .image--one img {
    max-width: 60%;
  }

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

  .touchevents .section > .section__images_text {
    padding-right: 0;
  }

  .section__small_big_img_text .small_big_img_text__left {
    margin-bottom: var(--spacing-8);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    display: block;
    text-align: left;
    margin-bottom: var(--spacing-13);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom:last-child {
    margin-bottom: var(--spacing-6);
  }

  .section__small_big_img_text .small_big_img_text__left .image, .section__big_img_text_small_img .big_img_text_small_img__bottom .image {
    max-width: 64%;
  }

  .section__small_big_img_text .text, .section__big_img_text_big_img .text, .section__big_small_img_text .text {
    padding-top: var(--spacing-6);
  }

  .section--images, .section--images-2 {
    padding-top: var(--spacing-7);
  }

  .section--images > div, .section--images-2 > div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .touchevents .image_container {
    overflow-x: scroll;
    scrollbar-width: none;
  }

  .touchevents .images_text .images {
    padding-right: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .touchevents .images_text .images img {
    max-width: 270px;
  }

  .image_text__image {
    text-align: right;
    top: 100%;
    width: 100%;
  }

  .section__text_title {
    padding-top: var(--spacing-9);
  }

  .section--list .section__text_title {
    padding-top: var(--spacing-13-5);
  }

  .text_title.row_simple h2, .section__teaser--big-image .typography--huge-title, .section__teaser--big-content .typography--huge-title {
    margin-bottom: var(--spacing-6);
  }

  .section__text_title + .section__button {
    padding-top: var(--spacing-8);
  }

  .section__teaser--big-image .teaser__content .button {
    padding-top: var(--spacing-8);
  }

  .section__teaser--big-image .teaser__content h2 + .button {
    padding-top: var(--spacing-5);
  }

  .section__teaser--big-content .teaser__content .button {
    margin-bottom: var(--spacing-9);
    border-bottom: 1px solid var(--brand-white);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    padding-top: var(--spacing-9);
  }

  .section > div[class*="--big-gap"].section__events {
    padding-bottom: var(--spacing-11);
  }
  
  .section__banner:not(.section__banner--big), .section__banner.section__banner--big {
    height: auto;
    aspect-ratio: 393 / 230;
  }

  .images_text .images {
    margin: 0 -6px;
  }
  
  .images_text .images > div {
    padding: 0 6px;
  }

  .no-touchevents .images_text .images > div + div {
    margin-top: var(--spacing-7);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .typography--middle-title {
    margin-bottom: var(--spacing-7);
    line-height: var(--line-height-1);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser.end-xs .teaser__content__inside h2 span {
    display: inline;
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser.end-xs .teaser__content__inside .button {
    padding-top: var(--spacing-1);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser.end-xs .teaser__content__inside .button + .button {
    padding-top: 0;
  }

  .section--white.section--big-gap.section--image_two_texts {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-9);
  }

  .image_two_texts__text_big {
    margin-top: var(--spacing-9);
    margin-bottom: var(--spacing-8);
  }

  .section--big-gap.section--image_text {
    padding-top: var(--spacing-13-5);
    padding-bottom: var(--spacing-14);
  }

  .special_text span {
    display: inline;
  }

  .section > div[class*="--big-gap"].section__events {
    padding-bottom: 0;
  }

  .section__big_img_text_small_img .text {
    padding-top: var(--spacing-5);
    margin-right: 0;
    max-width: 255px;
  }

  .section__text_title + .section__events {
    padding-top: var(--spacing-6);
  }

  .section__text_title + .section__list {
    padding-top: var(--spacing-5);
  }

  .section__intro--meetings .intro__images__image_two, .section__intro--location .intro__images__image_two {
    margin-bottom: var(--spacing-11);
    padding-right: var(--spacing-9);
    text-align: right;
  }

  .section__intro--meetings .intro__images__image_two img, .section__intro--location .intro__images__image_two img {
    max-width: 64%;
  }

  .gallery .swiper-slide p {
    margin-top: var(--spacing-6);
  }

  .event__row, .event h3, .event .event__date {
    display: block;
  }

  .event .event__date {
    margin-top: 4px;
  }

  .event .button__arrow {
    position: relative;
    top: 0;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }

  .section--events .button {
    padding-top: var(--spacing-5);
  }

  .atelier_quote {
    font-size: var(--font-size-5);
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-10);
  }

  .quform-error {
    font-size: 13px;
  }

  .section__newsletter .newsletter {
    max-width: 365px;
    margin: 0 auto;
  }

  .section__newsletter .newsletter .typography--middle-title {
    font-size: var(--font-size-5);
  }

  .newsletter .quform-element-submit--icon .quform-submit {
    width: 54px;
    height: 54px;
  }

  .newsletter input[type="email"] {
    height: 54px;
    padding: 16px calc(54px + 15px) 16px 26px;
  }

  .quform-element + .quform-element:not(.quform-element-submit):not(.quform-element-group--middle-line) {
    margin-top: var(--spacing-7);
  }

  .newsletter .quform-element + .quform-element:not(.quform-element-submit):not(.quform-element-group--middle-line) {
    margin-top: 0;
  }

  .quform-element-group--half > .quform-spacer > .quform-child-elements > div:not(.quform-element-html) {
    width: 100%;
  }

  textarea, .quform-input-textarea {
    height: 234px;
  }

  #cleantalk-modal-overlay #cleantalk-modal-inner {
    padding: 20px 55px 20px 20px !important;
  }

  .footer__inside {
    display: block;
  }

  .footer__left img {
    width: 100%;
  }

  .footer__center.button {
      text-align: center;
      margin-top: var(--spacing-9);
      margin-bottom: var(--spacing-10);
  }

  .footer__right {
      display: block;
  }

  .footer__right a {
    font-size: var(--font-size-1-5);
  }

  .quform-element-group--middle-line, .newsletter .quform-element-group--half.quform-element-group--middle-line > .quform-spacer > .quform-child-elements {
    margin: 0;
  }

  .newsletter .quform-element-group--half.quform-element-group--middle-line > .quform-spacer > .quform-child-elements .quform-element-group--email + .quform-element-html {
    padding: 0;
  }

  .footer span.linebreak {
    display: block;
    margin-top: var(--spacing-3);
  }

  .footer span.copyright, .footer__right a.creator {
    display: inline-block;
  }

  .footer span.copyright {
    font-size: 14px;
  }

  .footer__right a.creator {
    font-size: 14px;
    margin-left: var(--spacing-4);
  }

  .button {
    display: block;
    margin-top: var(--spacing-7);
  }

  .button + .button {
      margin-top: var(--spacing-6);
  }

  .list + .button {
      margin-top: var(--spacing-9);
  }

  .section__button {
      padding-bottom: var(--spacing-3);
  }

  .button--icon .button__arrow {
      top: calc(50% - 1px);
  }

  .macos .button--icon .button__arrow, .ios .button--icon .button__arrow {
      top: 50%;
  }

  address + .button {
      margin-top: var(--spacing-5);
  }

  .quform-element-submit:not(.quform-element-submit--icon) {
      margin-top: var(--spacing-8);
  }

  .button--filled a, .quform-element-submit:not(.quform-element-submit--icon) .quform-submit {
      min-width: 218px;
      font-size: var(--font-size-standard);
      text-align: center;
  }

  /* Cookie */
  .cookie_box {
    width: 100%;
    left: 0;
  }

  .cookie_box, .cookie_box.hide {
      bottom: -200px;
  }

  .cookie_box.is-active {
      bottom: 0;
  }

  .cookie_box__content p br {
      display: none;
  }

  .cookie_box .button--arrow {
      margin-top: 4px;
  }

  .cookie_box__button button {
      font-size: var(--font-size-1);
      margin-top: var(--spacing-5);
  }

  .page-template-default .section__intro h2 {
    margin-top: var(--spacing-9);
    margin-bottom: var(--spacing-2);
  }

  .page-template-default .section__intro h3 {
    margin-top: var(--spacing-8);
  }

  .page-template-default p, .page-template-default main ul {
    margin: 0 0 var(--spacing-4);
  }

}


@media all and (max-width: 767.98px) and (min-width: 576px) {

  .image_text__text {
    padding-right: var(--spacing-14);
  }

  .image_text__image img {
    max-width: 270px;
  }

  .section__image_text--small .image_text__text {
    padding-right: calc(var(--spacing-14)* 1.6);
  }

  .section__image_text--small img {
    max-width: 240px;
  }

}


@media all and (max-width: 767.98px) and (min-width: 414px) {

  .typography--huge-title {
    font-size: 82px;
  }
  
  .section > div, .inside, .inside--big,
  .section__teaser--big-content h2, .section__teaser--big-content p{
    padding-right: var(--spacing-7);
    padding-left: var(--spacing-7);
  }

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-7) var(--spacing-3);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-7) var(--spacing-11);
  }

  .section__three_images .three_images__bottom img {
    max-width: calc(100% - var(--spacing-7) * 2)
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom .image {
    padding-right: var(--spacing-7);
    display: inline-block;
  }

  .images_text .text {
    padding-right: var(--spacing-7);
  }

  .section__teaser--big-content .teaser__content .button {
    padding: var(--spacing-8) var(--spacing-7) var(--spacing-3);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    padding-left: var(--spacing-7);
  }

  .gallery .swiper-slide p {
      padding-left: var(--spacing-7);
  }

  .list_item__inside, .event__inside {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .event .button__arrow {
    margin-top: var(--spacing-5);
  }

  .cookie_box {
    padding: var(--spacing-7);
  }

}


@media all and (max-width: 767.98px) and (min-width: 390px) {

  .section__newsletter .newsletter {
    padding-bottom: 79px;
  }

  .newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements > div:not(.quform-element-html).quform-element-group--email {
    bottom: -140px;
  }

}


@media all and (max-width: 575.98px) {

  .image_text__image img {
    max-width: 220px;
    padding-right: 0;
  }

}


@media all and (max-width: 575.98px) and (min-width: 440px) {

  .section__intro--meetings + .section__text_block .text_block, .section__intro--location + .section__text_block .text_block {
    margin-bottom: calc(-1 * var(--spacing-5));
  }

}


@media all and (max-width: 439.98px) {

  .image_text__image {
    top: 80%;
  }

}


@media all and (max-width: 439.98px) and (min-width: 390px) {

  .section__intro--meetings + .section__text_block .text_block, .section__intro--location + .section__text_block .text_block {
    margin-bottom: calc(-1 * var(--spacing-8));
  }

}


@media all and (max-width: 413.98px) {

  .event__inside, .list_item__inside {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .event .button__arrow {
    margin-top: var(--spacing-4);
  }
  
  .newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements > div:not(.quform-element-html).quform-element-group--email {
    bottom: -140px;
  }


}


@media all and (max-width: 413.98px) and (min-width: 360px) {

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-6) var(--spacing-3);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-6) var(--spacing-11);
  }

  .section__three_images .three_images__bottom img {
    max-width: calc(100% - var(--spacing-6) * 2)
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom .image {
    padding-right: var(--spacing-6);
    display: inline-block;
  }

  .images_text .text {
    padding-right: var(--spacing-6);
  }

  .section__teaser--big-content .teaser__content .button {
    padding: var(--spacing-8) var(--spacing-6) var(--spacing-3);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    padding-left: var(--spacing-6);
  }

  .gallery .swiper-slide p {
      padding-left: var(--spacing-6);
  }

  .cookie_box {
    padding: var(--spacing-6);
}

}


@media all and (max-width: 413.98px) and (min-width: 390px) {

  .section > div, .inside, .inside--big,
  .section__teaser--big-content h2, .section__teaser--big-content p {
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  .typography--huge-title {
    font-size: 76px;
  }

}


@media all and (max-width: 389.98px) {

  .section__intro--meetings + .section__text_block .text_block, .section__intro--location + .section__text_block .text_block {
    margin-bottom: calc(-1 * var(--spacing-8));
  }

  .section > div.section__intro {
    padding-top: 120px;
  }

  .section > div, .inside, .inside--big,
  .section__teaser--big-content h2, .section__teaser--big-content p {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .section__newsletter .newsletter {
    padding-bottom: 77px;
  }

  .newsletter .quform-element-group--half > .quform-spacer > .quform-child-elements > div:not(.quform-element-html).quform-element-group--email {
    bottom: -134px;
  }

}


@media all and (max-width: 389.98px) and (min-width: 360px) {

  :root {
    --font-size-8: 70px;
    --font-size-7: 58px;
    --font-size-6: 42px;
    --font-size-5: 37px;
    --font-size-4: 33px;
    --font-size-3: 28px;
    --font-size-2-5: 23px;
  }

}


@media all and (max-width: 389.98px) and (min-width: 375px) {

  .typography--huge-title {
    font-size: 72px;
  }

}


@media all and (max-width: 359.98px) {

  :root {
    --font-size-8: 66px;
    --font-size-7: 54px;
    --font-size-6: 38px;
    --font-size-5: 34px;
    --font-size-4: 30px;
    --font-size-3: 26px;
    --font-size-2-5: 22px;
  }

  h1, h2 {
    word-break: break-word;
    line-height: 1.05;
  }

  .typography--huge-title {
    font-size: 68px;
  }

  .section--white.section--big-gap {
    padding-top: var(--spacing-13);
    padding-bottom: var(--spacing-13);
  }

  .section__special_text + .section__text_block.section__text_block--align-right .text_block {
    padding-left: 0;
  }

  .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-5) var(--spacing-3);
  }

  .page-template:not(.page-template-page-home) .section__teaser--big-image .teaser__content__inside {
    padding: var(--spacing-10) var(--spacing-5) var(--spacing-11);
  }

  .section__three_images .three_images__bottom img {
    max-width: calc(100% - var(--spacing-5) * 2)
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom .image {
    padding-right: var(--spacing-5);
    display: inline-block;
  }

  .section__big_img_text_small_img .text {
    padding-left: var(--spacing-5);
    margin-right: 0;
    max-width: calc(255px + var(--spacing-5));
  }

  .images_text .text {
    padding-right: var(--spacing-5);
  }

  .section__teaser--big-content .teaser__content .button {
    padding: var(--spacing-8) var(--spacing-5) var(--spacing-3);
  }

  .section__big_img_text_small_img .big_img_text_small_img__bottom {
    padding-left: var(--spacing-5);
  }

  .gallery .swiper-slide p {
    padding-left: var(--spacing-5);
  }

  .image_text__image {
    top: 95%;
  }

  .images_text .images {
    margin: 0 -6px;
  }

  .images_text .images > div {
    padding: 0 6px;
  }

  .images_text .images img {
    max-width: 240px;
  }

  .gallery .swiper-slide p {
    padding-right: 0;
  }

  .button {
    margin-top: var(--spacing-5);
  }

  .list + .button {
      margin-top: var(--spacing-7);
  }

  .cookie_box {
    padding: var(--spacing-6) var(--spacing-5);
  }


}