/* Default _______________________________________________________________ */
* {
  scrollbar-width: thin;
}
html {
  scroll-behavior: smooth;
}

body, table, input, select, textarea {
  color: #807464;
  font-family: HindSiliguri, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(16px + (22 - 16) * (100vw - 360px) / (1800 - 360));
  line-height: calc(24px + (36 - 24) * (100vw - 360px) / (1800 - 360));
  margin: 0px;
  padding: 0px;
}

address {
  font-style: normal;
}

hr {
  display: none;
}

* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
}

p {
  margin: 0;
}

a, body .link, body .owl-dots .owl-dot.active div.usplist {
  color: #9AA890;
  text-decoration: none;
  cursor: pointer;
}

a:hover, body .link:hover {
  color: #9AA890;
}

.title, .title a {
  color: #546B59;
}

.title.t2, .title.t2 a {
  color: #807464;
}

.t1large, .t1large a {
  font-family: Goudy Old Style, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(40px + (115 - 40) * (100vw - 360px) / (1800 - 360));
  line-height: calc(48px + (126 - 48) * (100vw - 360px) / (1800 - 360));
}

.t1, .t1 a {
  font-family: Goudy Old Style, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(36px + (85 - 36) * (100vw - 360px) / (1800 - 360));
  line-height: calc(38px + (100 - 38) * (100vw - 360px) / (1800 - 360));
}

.t2, .t2 a {
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  font-size: calc(17px + (20 - 17) * (100vw - 360px) / (1800 - 360));
  line-height: 28px;
}

.t3, .t3 a {
  font-family: Goudy Old Style, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(33px + (60 - 33) * (100vw - 360px) / (1800 - 360));
  line-height: calc(40px + (72 - 40) * (100vw - 360px) / (1800 - 360));
}

.t4, .t4 a {
  font-family: Goudy Old Style, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(30px + (40 - 30) * (100vw - 360px) / (1800 - 360));
  line-height: calc(36px + (48 - 36) * (100vw - 360px) / (1800 - 360));
}

.t5, .t5 a {
  font-family: Goudy Old Style, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(18px + (20 - 18) * (100vw - 360px) / (1800 - 360));
  line-height: calc(28px + (28 - 28) * (100vw - 360px) / (1800 - 360));
}

.t6, .t6 a {
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(15px + (24 - 15) * (100vw - 360px) / (1800 - 360));
  line-height: calc(19px + (34 - 19) * (100vw - 360px) / (1800 - 360));
}

.ac {
  display: flex;
  justify-content: center;
}

.ac > * {
  margin: 0 20px;
}

.morelink {
  position: relative;
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  font-size: calc(16px + (20 - 16) * (100vw - 360px) / (1800 - 360));
  line-height: 28px;
}
.morelink:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: height 0.3s ease, opacity 0.4s ease;
}
@media (hover: hover) {
  .morelink:hover:before {
    transition: height 0.3s ease, opacity 0.1s ease;
    display: block;
    position: absolute;
    opacity: 24%;
    height: 15px;
    width: 100%;
  }
}
.morelink.download {
  align-items: center;
  display: inline-flex;
}
.morelink.download:before {
  display: none;
}
.morelink.download svg {
  margin-right: 10px;
}

.defaultFs {
  font-size: calc(16px + (22 - 16) * (100vw - 360px) / (1800 - 360));
  line-height: calc(24px + (36 - 24) * (100vw - 360px) / (1800 - 360));
}

small, .small {
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(14px + (18 - 14) * (100vw - 360px) / (1800 - 360));
  line-height: calc(22px + (26 - 22) * (100vw - 360px) / (1800 - 360));
}

.medium1 {
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(18px + (24 - 18) * (100vw - 360px) / (1800 - 360));
  line-height: calc(28px + (32 - 28) * (100vw - 360px) / (1800 - 360));
}

.large1 {
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(20px + (26 - 20) * (100vw - 360px) / (1800 - 360));
  line-height: calc(28px + (36 - 28) * (100vw - 360px) / (1800 - 360));
}

.button {
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  border-radius: 48px;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  cursor: pointer;
  border: 0;
  text-transform: uppercase;
  background-color: transparent;
}

.button1 {
  text-decoration: none;
  padding: calc(10px + (16 - 10) * (100vw - 360px) / (1800 - 360)) calc(16px + (35 - 16) * (100vw - 360px) / (1800 - 360));
}

svg.icon {
  width: 1.25em;
  height: 1.25em;
  fill: #807464;
}

a.button1 {
  background-color: #9AA890;
  color: #FFFFFF;
  display: inline-block;
  padding: 6px 20px;
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  font-size: calc(16px + (20 - 16) * (100vw - 360px) / (1800 - 360));
  line-height: 28px;
}

a.button1:hover {
  background-color: #B1BAA7;
  color: #FFFFFF;
}

a.button1.big {
  padding: 13px 20px;
}

a.button1 svg.icon {
  fill: #FFFFFF;
  color: #FFFFFF;
}

a.button2 {
  background-color: #546B59;
  color: #FFFFFF;
  display: inline-block;
  padding: 6px 20px;
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  font-size: calc(16px + (20 - 16) * (100vw - 360px) / (1800 - 360));
  line-height: 28px;
}

a.button2:hover {
  background-color: #768879;
  color: #FFFFFF;
}

a.button2.big {
  padding: 13px 20px;
}

a.button2 svg.icon {
  fill: #FFFFFF;
  color: #FFFFFF;
}

.sitemap .main-list {
  display: flex;
  flex-wrap: wrap;
}
.sitemap .main-list .main-item {
  flex: 0 0 33.3334%;
  max-width: 33.3334%;
  margin-top: calc(25px + (50 - 25) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 1026px) {
  .sitemap .main-list .main-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .sitemap .main-list .main-item {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 25px;
  }
}
.sitemap .main-list .main-item > a {
  font-size: calc(22px + (29 - 22) * (100vw - 360px) / (1800 - 360));
  line-height: calc(30px + (34 - 30) * (100vw - 360px) / (1800 - 360));
  font-family: Goudy Old Style, sans-serif;
  color: #546B59;
}
.sitemap .main-list .main-item > a + ul {
  margin-top: 6px;
}
.sitemap .main-list .main-item a {
  transition: opacity 0.2s linear;
}
@media (hover: hover) {
  .sitemap .main-list .main-item a:hover {
    opacity: 0.7;
  }
}
.sitemap .main-list .main-item ul li:before {
  display: none;
}

.bgweb {
  background-color: #FFFFFF;
  color: #807464;
}

picture, picture a {
  display: block;
  position: relative;
}

.absolute-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  font-size: 0;
}
@media (hover: hover) {
  .absolute-link:hover + .image-box img, .absolute-link:hover + .image-video img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
  .absolute-link:hover + .image-box + .text-box .title, .absolute-link:hover + .image-box + .text-box .description, .absolute-link:hover + .image-box + .text-box .morelink, .absolute-link:hover + .image-video + .text-box .title, .absolute-link:hover + .image-video + .text-box .description, .absolute-link:hover + .image-video + .text-box .morelink {
    opacity: 0.7;
  }
}
.absolute-link + .image-box, .absolute-link + .image-video {
  position: relative;
  overflow: hidden;
}
.absolute-link + .image-box img, .absolute-link + .image-video img {
  transition: transform 2000ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.absolute-link .text-box {
  transition: opacity 0.3s ease;
}

.bgweb2 {
  background-color: #F3F2EE;
  background-image: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/bgweb2-background.svg");
  background-size: cover;
  background-position: center;
  color: #807464;
}

.bgweb2 a, .bgweb2 .link {
  color: #9AA890;
}

.bgweb2 a:hover, .bgweb2 .link:hover {
  color: #9AA890;
}

.bgweb2 .title, .bgweb2 .title a {
  color: #546B59;
}

.bgweb2 .title.t2, .bgweb2 .title.t2 a {
  color: #807464;
}

.bgweb2 svg.icon {
  fill: #807464;
  color: #807464;
}

.bgweb2 a.button1 {
  background-color: #9AA890;
  color: #FFFFFF;
}

.bgweb2 a.button1:hover {
  background-color: #B1BAA7;
  color: #FFFFFF;
}

.bgweb2 a.button2 {
  background-color: #546B59;
  color: #FFFFFF;
}

.bgweb2 a.button2:hover {
  background-color: #768879;
  color: #FFFFFF;
}

.bglist {
  background-color: #F8F8F5;
  color: #404D5B;
}

.bglist a, .bglist .link {
  color: #9AA890;
}

.bglist a:hover, .bglist .link:hover {
  color: #9AA890;
}

.bglist .title, .bglist .title a {
  color: #546B59;
}

.bglist .title.t2, .bglist .title.t2 a {
  color: #807464;
}

.bglist svg.icon {
  fill: #404D5B;
  color: #404D5B;
}

.bglist a.button1 {
  background-color: #9AA890;
  color: #FFFFFF;
}

.bglist a.button1:hover {
  background-color: #B1BAA7;
  color: #FFFFFF;
}

.bglist a.button2 {
  background-color: #546B59;
  color: #FFFFFF;
}

.bglist a.button2:hover {
  background-color: #768879;
  color: #FFFFFF;
}

.bghighlight {
  background-color: #546B59;
  color: #FFFFFF;
}

.bghighlight a, .bghighlight .link {
  color: #FFFFFF;
}

.bghighlight a:hover, .bghighlight .link:hover {
  color: #FFFFFF;
}

.bghighlight .title, .bghighlight .title a {
  color: #FFFFFF;
}

.bghighlight .title.t2, .bghighlight .title.t2 a {
  color: #FFFFFF;
}

.bghighlight .title.t5, .bghighlight .title.t5 a {
  color: #FFFFFF;
}

.bghighlight svg.icon {
  fill: #FFFFFF;
  color: #FFFFFF;
}

.bghighlight a.button1 {
  background-color: #9AA890;
  color: #FFFFFF;
}

.bghighlight a.button1:hover {
  background-color: #B1BAA7;
  color: #FFFFFF;
}

.bghighlight a.button2 {
  background-color: #546B59;
  color: #FFFFFF;
}

.bghighlight a.button2:hover {
  background-color: #768879;
  color: #FFFFFF;
}

.bghighlight2 {
  background-color: #9AA890;
  color: #FFFFFF;
}

.bghighlight2 a, .bghighlight2 .link {
  color: #FFFFFF;
}

.bghighlight2 a:hover, .bghighlight2 .link:hover {
  color: #FFFFFF;
}

.bghighlight2 .title, .bghighlight2 .title a {
  color: #FFFFFF;
}

.bghighlight2 .title.t2, .bghighlight2 .title.t2 a {
  color: #FFFFFF;
}

.bghighlight2 .title.t5, .bghighlight2 .title.t5 a {
  color: #FFFFFF;
}

.bghighlight2 svg.icon {
  fill: #FFFFFF;
  color: #FFFFFF;
}

.bghighlight2 a.button1 {
  background-color: #9AA890;
  color: #FFFFFF;
}

.bghighlight2 a.button1:hover {
  background-color: #B1BAA7;
  color: #FFFFFF;
}

.bghighlight2 a.button2 {
  background-color: #546B59;
  color: #FFFFFF;
}

.bghighlight2 a.button2:hover {
  background-color: #768879;
  color: #FFFFFF;
}

.bggallerybox {
  background-color: transparent;
  color: #FFFFFF;
}

.bggallerybox a, .bggallerybox .link {
  color: #FFFFFF;
}

.bggallerybox a:hover, .bggallerybox .link:hover {
  color: #FFFFFF;
}

.bggallerybox .title, .bggallerybox .title a {
  color: #FFFFFF;
}

.bggallerybox .title.t2, .bggallerybox .title.t2 a {
  color: #FFFFFF;
}

.bggallerybox svg.icon {
  fill: #FFFFFF;
  color: #FFFFFF;
}

.bggallerybox a.button1 {
  background-color: #9AA890;
  color: #FFFFFF;
}

.bggallerybox a.button1:hover {
  background-color: #B1BAA7;
  color: #FFFFFF;
}

.bggallerybox a.button2 {
  background-color: #546B59;
  color: #FFFFFF;
}

.bggallerybox a.button2:hover {
  background-color: #768879;
  color: #FFFFFF;
}

.bgheader {
  background-color: #FFFFFF;
  color: #404D5B;
}

.bgheader a, .bgheader .link {
  color: #009DDF;
}

.bgheader a:hover, .bgheader .link:hover {
  color: #2CAADF;
}

.bgheader .title, .bgheader .title a {
  color: #222222;
}

.bgheader .title.t2, .bgheader .title.t2 a {
  color: #222222;
}

.bgheader .title.t5, .bgheader .title.t5 a {
  color: #222222;
}

.bgheader svg.icon {
  fill: #404D5B;
  color: #404D5B;
}

.bgheader a.button1 {
  background-color: #009DDF;
  border: 1px solid #009DDF;
  color: #FFFFFF;
}

.bgheader a.button1:hover {
  background-color: #2CAADF;
  color: #FFFFFF;
}

.bgheader a.button2 {
  background-color: #222222;
  border: 1px solid #222222;
  color: #FFFFFF;
}

.bgheader a.button2:hover {
  background-color: #0C1124;
  color: #FFFFFF;
}

.bgheader2 {
  background-color: #F5F1EF;
  color: #404D5B;
  border: 1px solid #EEEEEE;
}

.bgheader2 a, .bgheader2 .link {
  color: #009DDF;
}

.bgheader2 a:hover, .bgheader2 .link:hover {
  color: #2CAADF;
}

.bgheader2 .title, .bgheader2 .title a {
  color: #222222;
}

.bgheader2 .title.t2, .bgheader2 .title.t2 a {
  color: #222222;
}

.bgheader2 .title.t5, .bgheader2 .title.t5 a {
  color: #222222;
}

.bgheader2 svg.icon {
  fill: #404D5B;
  color: #404D5B;
}

.bgheader2 a.button1 {
  background-color: #009DDF;
  border: 1px solid #009DDF;
  color: #FFFFFF;
}

.bgheader2 a.button1:hover {
  background-color: #2CAADF;
  color: #FFFFFF;
}

.bgheader2 a.button2 {
  background-color: #222222;
  border: 1px solid #222222;
  color: #FFFFFF;
}

.bgheader2 a.button2:hover {
  background-color: #0C1124;
  color: #FFFFFF;
}

.bgmobile {
  background-color: #AC4817;
  color: #ECECEC;
}

.bgmobile a, .bgmobile .link {
  color: #ECECEC;
}

.bgmobile a:hover, .bgmobile .link:hover {
  color: #848484;
}

.bgmobile .title, .bgmobile .title a {
  color: #ECECEC;
}

.bgmobile svg.icon {
  fill: #ECECEC;
  color: #ECECEC;
}

.bgmobile a.button1 {
  background-color: #9AA890;
  color: #FFFFFF;
}

.bgmobile a.button1:hover {
  background-color: #B1BAA7;
  color: #FFFFFF;
}

.bgmobile a.button2 {
  background-color: #546B59;
  color: #FFFFFF;
}

.bgmobile a.button2:hover {
  background-color: #768879;
  color: #FFFFFF;
}

form {
  margin: 0;
}

form .form-group,
form .row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  clear: both;
  margin: 0 0 6px 0;
}

form .form-group.hpmailconfirm,
form .form-group.hpmailconfirmemail,
form .form-group.hpmailconfirmemailrequired,
form .row.zepp-hp,
form .row.hpmailconfirm,
form .row.hpmailconfirmemailrequired,
form .row.hpmailconfirmemail {
  display: none !important;
}

form .row div,
form .form-group div {
  width: 50%;
}

form .form-group label {
  width: 50%;
  box-sizing: border-box;
  padding-right: 20px;
}

form .row div .form-group,
form .form-group select,
form .form-group input:not([type=checkbox]) {
  width: 100%;
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
}

form .form-group textarea {
  width: 100%;
  box-sizing: border-box;
  height: 68px;
  line-height: inherit;
}

form .form-group .checkbox .form-check {
  width: 100%;
}

form .row.zipcity .form-group {
  width: 25%;
  margin-bottom: 0px;
}

form .row.zipcity .form-group .input {
  width: 100%;
}

form .row.zipcity .form-group:first-child {
  width: 75%;
  justify-content: space-between;
}

form .row.zipcity .form-group:first-child .input {
  width: 32%;
  margin-right: 1.33%;
}

form .row.zipcity .form-group label {
  display: none;
}

form .row.zipcity .form-group:first-child label {
  display: block;
}

form .actions .btn {
  float: right;
}

table {
  width: 100%;
}

table caption {
  font-size: 20px;
}

table colgroup col {
  width: 29.5726495726%;
}

table colgroup col:first-child {
  width: 5.4700854701%;
}

table thead {
  border-bottom: solid 2px #707070;
}

table thead th {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
}

table tfoot td {
  border-top: solid 1px #707070;
  padding-top: 6px;
  padding-bottom: 6px;
}

table tbody td {
  border-top: solid 1px #707070;
  padding-top: 6px;
  padding-bottom: 6px;
}

table tr * {
  padding-left: 0.8547008547%;
  padding-right: 0.8547008547%;
}

table.reset {
  width: auto;
}

table.reset caption {
  font-size: inherit;
}

table.reset colgroup col {
  width: auto;
}

table.reset thead {
  border-bottom: inherit;
}

table.reset thead th {
  padding-top: inherit;
  padding-bottom: inherit;
  text-align: inherit;
}

table.reset tfoot td {
  border-top: inherit;
  padding-top: inherit;
  padding-bottom: inherit;
}

table.reset tbody td {
  border-top: inherit;
  padding-top: inherit;
  padding-bottom: inherit;
}

table.reset tr * {
  padding-left: inherit;
  padding-right: inherit;
}

@media (max-width: 530px) {
  form .form-group div {
    width: 100%;
  }
  form .form-group label {
    width: 100%;
    padding-right: 0;
  }
  form .row.zipcity {
    align-items: flex-end;
  }
  form .row.zipcity .form-group {
    width: 50%;
  }
  form .row.zipcity .form-group:first-child {
    width: 49%;
    justify-content: space-between;
  }
  form .row.zipcity .form-group:first-child .input {
    width: 99%;
    margin-right: 1%;
  }
}
@media (max-width: 400px) {
  .t1large, .t1large a {
    font-size: 40px;
    line-height: 48px;
  }
  .t1, .t1 a {
    font-size: 36px;
    line-height: 38px;
  }
  .t2, .t2 a {
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 2px;
  }
  .t3, .t3 a {
    font-size: 33px;
    line-height: 40px;
  }
  .t4, .t4 a {
    font-size: 30px;
    line-height: 36px;
  }
  .t5, .t5 a {
    font-size: 18px;
    line-height: 28px;
  }
  .t6, .t6 a {
    font-size: 15px;
    line-height: 19px;
  }
  default {
    font-size: 16px;
    line-height: 24px;
  }
  medium1 {
    font-size: 18px;
    line-height: 28px;
  }
  large1 {
    font-size: 20px;
    line-height: 28px;
  }
  small {
    font-size: 14px;
    line-height: 22px;
  }
  .morelink {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 2px;
  }
}
/* Other _____________________________________________________________ */
br.clear {
  clear: both;
  line-height: 0px;
  font-size: 0px;
  height: 0px;
  overflow: hidden;
  text-indent: -100px;
  display: block;
}

div.clear {
  clear: both;
  line-height: 0px;
  font-size: 0px;
  height: 0px;
  overflow: hidden;
  text-indent: -100px;
  display: block;
}

.clearbefore::before {
  content: "";
  clear: both;
  line-height: 0px;
  font-size: 0px;
  height: 0px;
  overflow: hidden;
  text-indent: -100px;
  display: block;
}

.clearbeforeafter::before {
  content: "";
  clear: both;
  line-height: 0px;
  font-size: 0px;
  height: 0px;
  overflow: hidden;
  text-indent: -100px;
  display: block;
}

.clearbeforeafter::after {
  content: "";
  clear: both;
  line-height: 0px;
  font-size: 0px;
  height: 0px;
  overflow: hidden;
  text-indent: -100px;
  display: block;
}

.clearafter::after {
  content: "";
  clear: both;
  line-height: 0px;
  font-size: 0px;
  height: 0px;
  overflow: hidden;
  text-indent: -100px;
  display: block;
}

/* TinySlider ________________________________________________________ */
.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}

.tiny-slider:not(.tns-slider) {
  display: flex;
}
.tiny-slider:not(.tns-slider) > * {
  display: none !important;
}
.tiny-slider:not(.tns-slider) > *:first-child {
  display: block !important;
}

.tns-nav {
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: calc(20px + (30 - 20) * (100vw - 360px) / (767 - 360));
}
.tns-nav button {
  border: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  display: block;
  cursor: pointer;
  margin: 0 7px 0 0;
  border-radius: 50%;
  box-sizing: border-box;
  transition: background-color 500ms, border 500ms;
  background-color: #9AA890;
}
@media (max-width: 360px) {
  .tns-nav button {
    width: 6px;
    height: 6px;
  }
}
.tns-nav button.tns-nav-active {
  background-color: #546B59;
}

.title * {
  margin: 0;
}

.image-box {
  font-size: 0;
  line-height: 0;
}
.image-box.mobile-image {
  display: none;
}
.image-box.mobile-image.desktop-image {
  display: block;
}
@media (max-width: 767px) {
  .image-box.mobile-image {
    display: block;
  }
  .image-box.desktop-image {
    display: none;
  }
  .image-box.desktop-image.mobile-image {
    display: block;
  }
}
.image-box img {
  width: 100%;
  height: auto;
}

.boxed-headline {
  max-width: calc(530px + (657 - 530) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .boxed-headline {
    max-width: 100%;
  }
}
.boxed-headline .t1 {
  margin-bottom: 17px;
}
@media (max-width: 1800px) {
  .boxed-headline .t1 {
    margin-bottom: calc(16px + (17 - 16) * (100vw - 360px) / (1800 - 360));
  }
}

.module-outdoor-space-left {
  padding-left: 100px;
}
@media (max-width: 1800px) {
  .module-outdoor-space-left {
    padding-left: calc(15px + (100 - 15) * (100vw - 360px) / (1800 - 360));
  }
}

.module-outdoor-space-right {
  padding-right: 100px;
}
@media (max-width: 1800px) {
  .module-outdoor-space-right {
    padding-right: calc(15px + (100 - 15) * (100vw - 360px) / (1800 - 360));
  }
}

.module-outdoor-spaces {
  padding-left: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
}

.intro-element + .magazine-list, .intro-element + .team-list-element, .intro-element .gallery-list-element {
  margin-top: -68px;
}
@media (max-width: 1800px) {
  .intro-element + .magazine-list, .intro-element + .team-list-element, .intro-element .gallery-list-element {
    margin-top: calc(-20px + (-80 - -20) * (100vw - 360px) / (1800 - 360));
  }
}

.loader {
  display: none;
  font-size: 0;
  line-height: 0;
}

.loader.is--loading {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.loader svg.icon {
  width: 25px;
  height: 25px;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader-effect {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.is--loading svg {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

/* Lightgallery ______________________________________________________ */
.lightGallery div.lightgalleryhover svg {
  display: none;
}

[data-lightgallery=true] .lightGallery {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

[data-lightgallery=true] .lightGallery picture {
  overflow: hidden;
}

[data-lightgallery=true] .lightGallery div.lightgalleryhover {
  display: none;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  cursor: pointer;
  display: block;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}

.lg-actions .lg-next svg,
.lg-actions .lg-prev svg {
  fill: #999999;
  width: 30px;
  height: 30px;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.lg-actions .lg-next:hover svg,
.lg-actions .lg-prev:hover svg {
  fill: #FFFFFF;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-prev {
  left: 20px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-object .spaceTopBottom {
  margin-top: 0px;
  margin-bottom: 0px;
}

.lg-toolbar {
  z-index: 1082;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
  cursor: pointer;
  float: right;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 40px;
  outline: medium none;
}

.lg-toolbar .lg-icon svg {
  fill: #999999;
  transition: fill 0.2s linear;
  width: 20px;
  height: 20px;
}

.lg-toolbar .lg-close svg {
  width: 20px;
  height: 20px;
  fill: #FFFFFF;
}

.lg-toolbar .lg-icon:hover svg {
  opacity: 0.8;
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEEEEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
  box-sizing: border-box;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

.lg-outer .lg-toogle-thumb svg {
  fill: #999;
}

.lg-outer .lg-toogle-thumb:hover svg {
  fill: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

.lg-outer .lg-has-iframe .lg-video {
  overflow: auto;
}

.lg-outer .lg-has-html5 .lg-video-play {
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-video-play svg {
  width: 55px;
  height: 55px;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transform-origin: 0 0;
  backface-visibility: hidden;
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 5px, 0);
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown li {
  padding-left: 0px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer #lg-share {
  position: relative;
}

.lg-outer #lg-share-facebook .lg-icon svg {
  fill: #3b5998;
}

.lg-outer #lg-share-twitter .lg-icon svg {
  fill: #00aced;
}

.lg-outer #lg-share-googleplus .lg-icon svg {
  fill: #dd4b39;
}

.lg-outer #lg-share-pinterest .lg-icon svg {
  fill: #cb2027;
}

.lg.thumb.lg-group {
  box-sizing: border-box;
  white-space: nowrap;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: grabbing;
}

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item {
  display: none !important;
}

.lg-outer .lg-item span.picture-loading {
  content: "";
  border: 5px solid #f3f3f3;
  border-top: 5px solid #555555;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0px 0px -20px;
  animation: spin 1.6s linear infinite;
  z-index: 100;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lg-outer .lg-item.lg-complete span.picture-loading {
  display: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.lightGalleryBg .lg-object > div,
.lightGalleryBg .lg-object > span,
.lightGalleryBg .lg-object > section {
  display: block;
  padding: 70px 30px 70px 30px;
  background-color: #FFFFFF;
}

.lg-outer .lg-ajax {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 100%;
  text-align: left;
  white-space: normal;
  overflow-y: auto;
}

.lg-outer.lg-loadingcomplete .lg-ajax {
  overflow-y: auto;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html {
  display: none;
}

.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.main-section > .breadcrumb {
  display: none;
}

.breadcrumb-block {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .breadcrumb-block {
    display: none;
  }
}
.breadcrumb-block .breadcrumb[itemprop=breadcrumb] ul li {
  font-size: calc(12px + (16 - 12) * (100vw - 768px) / (1800 - 768));
  line-height: calc(24px + (20 - 24) * (100vw - 768px) / (1800 - 768));
}
.breadcrumb-block .breadcrumb[itemprop=breadcrumb] ul li a {
  font-size: calc(12px + (16 - 12) * (100vw - 768px) / (1800 - 768));
  line-height: calc(24px + (20 - 24) * (100vw - 768px) / (1800 - 768));
}
.breadcrumb-block .breadcrumb[itemprop=breadcrumb] ul li svg {
  top: -1px;
  width: 8px;
  height: 9px;
  position: relative;
}

/* __________________________________________________________________ End */
/* Default _______________________________________________________________ */
body.overflow {
  overflow: hidden;
}

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

.breadcrumbcontainer[data-breadcrumb-container=false] {
  display: none;
}

.breadcrumbcontainer[data-breadcrumb-container=true] {
  margin-bottom: 10px;
}

.breadcrumb[itemprop=breadcrumb] {
  position: relative;
}

.breadcrumb[itemprop=breadcrumb] ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb[itemprop=breadcrumb] ul li {
  display: flex;
  align-items: center;
}

.breadcrumb[itemprop=breadcrumb] ul li svg {
  width: 5px;
  height: 5px;
  margin: 0 5px;
}

.breadcrumb[itemprop=breadcrumb] ul li:last-of-type {
  opacity: 0.5;
}

.breadcrumb[itemprop=breadcrumb] ul li:last-of-type svg {
  display: none;
}

.breadcrumb[itemprop=breadcrumb] ul li,
.breadcrumb[itemprop=breadcrumb] ul li a {
  color: #807464;
  text-decoration: none;
}

.spaceL {
  padding-top: calc(120px + (300 - 120) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(120px + (300 - 120) * (100vw - 360px) / (1800 - 360));
}

.standard {
  padding-top: calc(80px + (240 - 80) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(80px + (240 - 80) * (100vw - 360px) / (1800 - 360));
}

.spaceS {
  padding-top: calc(50px + (180 - 50) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(50px + (180 - 50) * (100vw - 360px) / (1800 - 360));
}

.bgweb + .bgweb.spaceL, .bgweb + .bgweb.standard, .bgweb + .bgweb.spaceS,
.bgweb + .frame-space-before-bgweb.spaceL,
.bgweb + .frame-space-before-bgweb.standard,
.bgweb + .frame-space-before-bgweb.spaceS,
.frame-space-before-bgweb + .bgweb.spaceL,
.frame-space-before-bgweb + .bgweb.standard,
.frame-space-before-bgweb + .bgweb.spaceS,
.frame-space-before-bgweb + .frame-space-before-bgweb.spaceL,
.frame-space-before-bgweb + .frame-space-before-bgweb.standard,
.frame-space-before-bgweb + .frame-space-before-bgweb.spaceS {
  padding-top: 0;
}

.bgweb2 + .bgweb2.spaceL, .bgweb2 + .bgweb2.standard, .bgweb2 + .bgweb2.spaceS,
.bgweb2 + .frame-space-before-bgweb2.spaceL,
.bgweb2 + .frame-space-before-bgweb2.standard,
.bgweb2 + .frame-space-before-bgweb2.spaceS,
.frame-space-before-bgweb2 + .bgwe2.spaceL,
.frame-space-before-bgweb2 + .bgwe2.standard,
.frame-space-before-bgweb2 + .bgwe2.spaceS,
.frame-space-before-bgweb2 + .frame-space-before-bgweb2.spaceL,
.frame-space-before-bgweb2 + .frame-space-before-bgweb2.standard,
.frame-space-before-bgweb2 + .frame-space-before-bgweb2.spaceS {
  padding-top: 0;
}

.bghighlight + .bghighlight.spaceL, .bghighlight + .bghighlight.standard, .bghighlight + .bghighlight.spaceS,
.bghighlight + .frame-space-before-bghighlight.spaceL,
.bghighlight + .frame-space-before-bghighlight.standard,
.bghighlight + .frame-space-before-bghighlight.spaceS,
.frame-space-before-bghighlight + .bghighlight.spaceL,
.frame-space-before-bghighlight + .bghighlight.standard,
.frame-space-before-bghighlight + .bghighlight.spaceS,
.frame-space-before-bghighlight + .frame-space-before-bgweb2.spaceL,
.frame-space-before-bghighlight + .frame-space-before-bgweb2.standard,
.frame-space-before-bghighlight + .frame-space-before-bgweb2.spaceS {
  padding-top: 0;
}

[data-bg=bgweb2] {
  color: #807464;
  background: #F3F2EE;
}

[data-bg=bghighlight] {
  color: #FFFFFF;
  background: #546B59;
}

.bglistalternate + .bglistalternate.spaceL, .bglistalternate + .bglistalternate.standard, .bglistalternate + .bglistalternate.spaceS,
.bglistalternate + .frame-space-before-bglistalternate.spaceL,
.bglistalternate + .frame-space-before-bglistalternate.standard,
.bglistalternate + .frame-space-before-bglistalternate.spaceS,
.frame-space-before-bglistalternate + .bglistalternate.spaceL,
.frame-space-before-bglistalternate + .bglistalternate.standard,
.frame-space-before-bglistalternate + .bglistalternate.spaceS,
.frame-space-before-bglistalternate + .frame-space-before-bglistalternate.spaceL,
.frame-space-before-bglistalternate + .frame-space-before-bglistalternate.standard,
.frame-space-before-bglistalternate + .frame-space-before-bglistalternate.spaceS {
  padding-top: 0;
}

.image-hover[data-element-linked$=rue] {
  position: relative;
}

.image-hover[data-element-linked$=rue] picture {
  position: relative;
  overflow: hidden;
}

.image-hover[data-element-linked$=rue] picture img {
  transition: transform 2000ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}

.image-hover[data-element-linked$=rue]:hover picture img {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
}

.absolute-morelink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.image-hover[data-element-linked$=rue] .absolute-morelink {
  z-index: 5;
}

ul {
  margin: 0 0 0 0;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
}

ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(8px + (13 - 8) * (100vw - 360px) / (1800 - 360));
  width: calc(6px + (8 - 6) * (100vw - 360px) / (1800 - 360));
  height: calc(6px + (8 - 6) * (100vw - 360px) / (1800 - 360));
  background-color: #546B59;
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 360px) {
  ul li:before {
    top: 8px;
    width: 6px;
    height: 6px;
  }
}

ul li {
  position: relative;
  padding: 0 0 0 20px;
}
@media (max-width: 767px) {
  ul li {
    padding: 0 0 0 15px;
  }
}

ul li ul li:before {
  color: #635045;
}

ol {
  margin: 0 0 0 0;
  padding: 0 0 0 26px;
}

ol li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

picture,
picture a {
  display: block;
  position: relative;
}

picture img {
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  opacity: 1;
  filter: alpha(opacity=100);
}

*.reset ul li:before, ul.reset li:before {
  content: none;
}

*.reset ul li, ul.reset li {
  position: static;
  padding: 0 0 0 0;
}

*.reset ul li ul, ul.reset li ul {
  padding: 0 0 0 0;
}

[data-object-fit=cover] * {
  height: 100%;
}

[data-object-fit=cover] img,
[data-object-fit=cover] video {
  object-fit: cover;
}

[data-object-fit=cover] img {
  width: 100%;
}

@media (max-width: 1026px) {
  .breadcrumbcontainer[data-breadcrumb-container=true] {
    display: none;
  }
}
/* Footer ________________________________________________________________ */
/* Style-Guide ___________________________________________________________ */
div.Styleguide {
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
}

div.Styleguide a.fontbutton {
  margin-top: 30px;
}

div.Styleguide h1.h1 {
  font-size: 3.75em;
  line-height: normal;
  font-weight: normal;
}

div.Styleguide h2.h2 {
  color: #999999;
  border-bottom: solid 1px #BFBFBF;
  font-size: 2em;
  line-height: normal;
  margin: 1.25em 0 0.625em 0;
  padding: 0 0 0.3125em 0;
  font-weight: normal;
}

div.Styleguide div.responsiveBoxes div {
  margin-bottom: 20px;
}

div.Styleguide div.responsiveBoxes div.mobile {
  font-size: 16px;
  line-height: 24px;
}

div.Styleguide div.responsiveBoxes.small div.mobile {
  font-size: 14px;
  line-height: 22px;
}

div.Styleguide div.responsiveBoxes div:first-child {
  margin-left: 0;
}

div.Styleguide div.responsiveBoxes span {
  display: block;
  margin-bottom: 5px;
}

div.Styleguide div.headlineboxInner {
  margin-bottom: 60px;
}

div.Styleguide div.headlineboxInner div {
  margin-bottom: 20px;
}

div.Styleguide div.headlineboxInner.hlt1large div.mobile,
div.Styleguide div.headlineboxInner.hlt1large div.mobile .t1large {
  font-size: 40px;
  line-height: 48px;
}

div.Styleguide div.headlineboxInner.hlt1 div.mobile,
div.Styleguide div.headlineboxInner.hlt1 div.mobile .t1 {
  font-size: 36px;
  line-height: 38px;
}

div.Styleguide div.headlineboxInner.hlt2 div.mobile,
div.Styleguide div.headlineboxInner.hlt2 div.mobile .t2 {
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 2px;
}

div.Styleguide div.headlineboxInner.hlt3 div.mobile,
div.Styleguide div.headlineboxInner.hlt3 div.mobile .t3 {
  font-size: 33px;
  line-height: 40px;
}

div.Styleguide div.headlineboxInner.hlt4 div.mobile,
div.Styleguide div.headlineboxInner.hlt4 div.mobile .t4 {
  font-size: 30px;
  line-height: 36px;
}

div.Styleguide div.headlineboxInner.hlt5 div.mobile,
div.Styleguide div.headlineboxInner.hlt5 div.mobile .t5 {
  font-size: 18px;
  line-height: 28px;
}

div.Styleguide div.headlineboxInner.hlt6 div.mobile,
div.Styleguide div.headlineboxInner.hlt6 div.mobile .t6 {
  font-size: 15px;
  line-height: 19px;
}

div.Styleguide div.headlinesInner {
  display: flex;
  margin-bottom: 0;
}

div.Styleguide div.headlinesInner div {
  width: 32.4786324786%;
  margin-left: 1.2820512821%;
}

div.Styleguide div.headlinesInner div:first-child {
  margin-left: 0;
}

div.Styleguide a.button1 {
  vertical-align: text-bottom;
}

div.Styleguide a.button1.hover {
  color: #FFFFFF;
  box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
}

div.Styleguide a.button2 {
  margin-right: 1.0256410256%;
  vertical-align: text-bottom;
}

div.Styleguide a.button2.hover {
  color: #FFFFFF;
  box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
}

div.Styleguide .rowbg {
  display: flex;
}

div.Styleguide .rowbg div.bgbox {
  width: 34.188034188%;
  margin-right: 2.1367521368%;
  margin-bottom: 2.1367521368%;
  border: 1px solid #000000;
  position: relative;
}

div.Styleguide .rowbg div.bgbox div.inner {
  padding: 7.2727272727%;
}

div.Styleguide .rowbg div.bgbox div.inner a {
  display: block;
}

div.Styleguide .rowbg div.bgbox div.inner div.buttons {
  margin-top: 20px;
}

div.Styleguide .rowbg div.bgbox div.inner a.button {
  display: inline-block;
  margin-bottom: 10px;
}

div.Styleguide .rowbg div.bgbox div.inner a.button svg.icon {
  width: 18px;
  height: 18px;
  line-height: 23px;
  margin-right: 3px;
}

div.Styleguide .rowbg div.bgbox img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

div.Styleguide .rowbg div.bgbox div.gallerybox {
  position: relative;
  z-index: 1;
}

div.Styleguide .rowbg div.bgbox form div.row.input div.inputfield {
  width: 80%;
}

div.Styleguide .bgstyleguide {
  display: inline-block;
  margin: 10px 2.5641025641% 0.8547008547% 10px;
  width: 862.5%;
  height: 337.5%;
}

div.Styleguide .bgstyleguide.hover {
  -webkit-box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
}

div.Styleguide .points1v {
  float: left;
  margin: 0 2.2222222222% 0 1.5384615385%;
}

div.Styleguide .points1h {
  float: left;
}

div.Styleguide .points2v {
  float: left;
  margin: 0 2.2222222222% 0 1.5384615385%;
}

div.Styleguide .points2h {
  float: left;
}

div.Styleguide .points3v {
  float: left;
  margin: 0 2.2222222222% 0 1.5384615385%;
}

div.Styleguide .points3h {
  float: left;
}

div.Styleguide .tab1 {
  margin: 0 0 1.125em 0;
}

div.Styleguide .tab3 {
  margin: 0 0 1.125em 0;
}

div.Styleguide div.fonticons {
  display: flex;
  flex-wrap: wrap;
}

div.Styleguide div.fonticons div.fonticon {
  width: 25%;
  margin: 0 0 20px 0;
}

div.Styleguide div.fonticons span {
  line-height: 1.375em;
  width: 22.0512820513%;
}

div.Styleguide div.fonticons svg.icon {
  margin-right: 5px;
}

div.Styleguide div.fonticons span span {
  float: none;
  margin: 0 0 0 0;
  width: auto;
  line-height: 1em;
}

div.Styleguide div.formbg {
  float: left;
  width: 42.735042735%;
  margin-right: 3.4188034188%;
  padding: 20px 0;
  border: 1px solid;
}

div.Styleguide div.formbg div.row {
  margin: 20px 4% 0 4%;
}

div.Styleguide div.formbg div.row div.selectfield,
div.Styleguide div.formbg div.row div.inputfield,
div.Styleguide div.formbg div.row div.textarea {
  width: 100%;
}

.ArrivalT1 .location {
  margin-top: 40px;
}
@media (max-width: 1800px) {
  .ArrivalT1 .location {
    margin-top: calc(30px + (40 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .location {
    margin-top: 30px;
  }
}
.ArrivalT1 .location .boxes-container {
  margin-left: -40px;
  margin-right: -40px;
}
@media (max-width: 1800px) {
  .ArrivalT1 .location .boxes-container {
    margin-left: calc(-1 * (30px + (40 - 30) * (100vw - 360px) / (1800 - 360)));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .location .boxes-container {
    margin-left: -30px;
  }
}
@media (max-width: 1800px) {
  .ArrivalT1 .location .boxes-container {
    margin-right: calc(-1 * (30px + (40 - 30) * (100vw - 360px) / (1800 - 360)));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .location .boxes-container {
    margin-right: -30px;
  }
}
.ArrivalT1 .location .boxes-container .boxes {
  display: flex;
}
@media (max-width: 780px) {
  .ArrivalT1 .location .boxes-container .boxes {
    display: block;
  }
}
.ArrivalT1 .location .boxes-container .boxes .box {
  display: flex;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
  width: 100%;
}
@media (max-width: 1800px) {
  .ArrivalT1 .location .boxes-container .boxes .box {
    padding-left: calc(30px + (40 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .location .boxes-container .boxes .box {
    padding-left: 30px;
  }
}
@media (max-width: 1800px) {
  .ArrivalT1 .location .boxes-container .boxes .box {
    padding-right: calc(30px + (40 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .location .boxes-container .boxes .box {
    padding-right: 30px;
  }
}
.ArrivalT1 .location .boxes-container .boxes .box + .box {
  min-width: 50%;
}
@media (max-width: 780px) {
  .ArrivalT1 .location .boxes-container .boxes .box + .box {
    margin-top: 40px;
  }
}
@media (max-width: 780px) and (max-width: 1800px) {
  .ArrivalT1 .location .boxes-container .boxes .box + .box {
    margin-top: calc(30px + (40 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 780px) and (max-width: 360px) {
  .ArrivalT1 .location .boxes-container .boxes .box + .box {
    margin-top: 30px;
  }
}
@media (max-width: 780px) {
  .ArrivalT1 .location .boxes-container .boxes .box {
    width: 100%;
    display: block;
  }
}
.ArrivalT1 .location .boxes-container .boxes .box .inner-box {
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
}
@media (max-width: 1800px) {
  .ArrivalT1 .location .boxes-container .boxes .box .inner-box {
    padding: calc(30px + (40 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .location .boxes-container .boxes .box .inner-box {
    padding: 30px;
  }
}
.ArrivalT1 .location .boxes-container .boxes .box .inner-box .headline {
  padding-bottom: 10px;
  border-bottom: 1px solid currentColor;
  margin-bottom: 10px;
}
.ArrivalT1 .map-container {
  margin-top: 90px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
@media (max-width: 1800px) {
  .ArrivalT1 .map-container {
    margin-top: calc(60px + (90 - 60) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .map-container {
    margin-top: 60px;
  }
}
@media (max-width: 780px) {
  .ArrivalT1 .map-container {
    padding-top: 75%;
  }
}
.ArrivalT1 .map-container #map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ArrivalT1 .arrival-links-container {
  margin-top: 90px;
  position: relative;
  width: 100%;
}
@media (max-width: 1800px) {
  .ArrivalT1 .arrival-links-container {
    margin-top: calc(60px + (90 - 60) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .arrival-links-container {
    margin-top: 60px;
  }
}
.ArrivalT1 .arrival-links-container .categories-container {
  margin-left: -25px;
  margin-right: -25px;
}
@media (max-width: 1800px) {
  .ArrivalT1 .arrival-links-container .categories-container {
    margin-left: calc(-1 * (15px + (25 - 15) * (100vw - 360px) / (1800 - 360)));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .arrival-links-container .categories-container {
    margin-left: -15px;
  }
}
@media (max-width: 1800px) {
  .ArrivalT1 .arrival-links-container .categories-container {
    margin-right: calc(-1 * (15px + (25 - 15) * (100vw - 360px) / (1800 - 360)));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .arrival-links-container .categories-container {
    margin-right: -15px;
  }
}
.ArrivalT1 .arrival-links-container .categories-container .categories {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.ArrivalT1 .arrival-links-container .categories-container .categories .category {
  padding-left: 25px;
  padding-right: 25px;
}
@media (max-width: 1800px) {
  .ArrivalT1 .arrival-links-container .categories-container .categories .category {
    padding-left: calc(15px + (25 - 15) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .arrival-links-container .categories-container .categories .category {
    padding-left: 15px;
  }
}
@media (max-width: 1800px) {
  .ArrivalT1 .arrival-links-container .categories-container .categories .category {
    padding-right: calc(15px + (25 - 15) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .ArrivalT1 .arrival-links-container .categories-container .categories .category {
    padding-right: 15px;
  }
}

.themestage {
  z-index: 1;
  font-size: 0;
  line-height: 0;
  position: relative;
  pointer-events: none;
}
.themestage + .themestage-request-bar {
  margin-top: -95px;
  position: relative;
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}
.themestage + .themestage-request-bar.is_fixed {
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 0;
  position: fixed;
  background: #F3F2EE;
}
.themestage + .themestage-request-bar.is_fixed .inner-field .t5 {
  color: #807464;
}
.themestage + .themestage-request-bar.is_fixed .second-row:before, .themestage + .themestage-request-bar.is_fixed .linkbox:before {
  background-color: #546B59;
}
.themestage + .themestage-request-bar.is_fixed .field.select select {
  background: rgba(0, 0, 0, 0) url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/select-arrow-green.svg") no-repeat scroll right center;
}
.themestage + .themestage-request-bar.is_fixed .inner-field .t5,
.themestage + .themestage-request-bar.is_fixed .inner-field .date-box {
  color: #546B59;
}
.themestage + .themestage-request-bar .second-row:before,
.themestage + .themestage-request-bar .linkbox:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
}
.themestage + .themestage-request-bar .field.select select {
  background: rgba(0, 0, 0, 0) url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/select-arrow.svg") no-repeat scroll right center;
}
.themestage + .themestage-request-bar .inner-field .t5,
.themestage + .themestage-request-bar .inner-field .date-box {
  color: #FFFFFF;
}
.themestage .bar {
  stroke: #fff;
  stroke-width: 7;
  stroke-linecap: round;
  transform-origin: center;
  transform: rotate(-90deg);
}
.themestage .tns-outer {
  z-index: 20;
  height: 100%;
  position: relative;
}
@media (max-width: 1026px) {
  .themestage .tns-outer {
    pointer-events: auto;
  }
}
.themestage .tns-outer .tns-inner {
  height: 100%;
}
.themestage .elements {
  display: flex;
  height: 100vh;
  position: relative;
  align-items: stretch;
}
@media (max-width: 1026px) {
  .themestage .elements {
    height: calc(var(--vh, 1vh) * 100 - 50px);
  }
}
.themestage .elements.elements-small {
  height: auto;
  max-height: 70vh;
}
.themestage .elements.elements-small .element .image-video img,
.themestage .elements.elements-small .element .image-video video {
  max-height: 70vh;
}
.themestage .elements.elements-small .element .image-video .videoouter {
  height: calc(242px + (667 - 242) * (100vw - 360px) / (1800 - 360));
  max-height: 100%;
}
.themestage .elements .element {
  width: 100%;
  position: relative;
}
.themestage .elements .element .fixed-background:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  content: "";
}
.themestage .elements .element .image-video {
  position: relative;
  height: 100%;
}
.themestage .elements .element .image-video .image-box img {
  height: 100%;
  object-fit: cover;
}
.themestage .elements .element .image-video picture + picture {
  display: none;
}
.themestage .elements .element .image-video:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
@media (max-width: 360px) {
  .themestage .elements .element .image-video picture:not(:last-of-type) {
    display: none;
  }
  .themestage .elements .element .image-video picture + picture {
    display: block;
  }
}
.themestage .elements .element .text-box {
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  margin-top: 30px;
  position: absolute;
  text-align: center;
  pointer-events: none;
  transform: translate(-50%, -50%);
  max-width: calc(320px + (930 - 320) * (100vw - 360px) / (1800 - 360));
}
.themestage .elements .element .text-box .headline {
  position: relative;
  z-index: 5;
  letter-spacing: 0;
}
.themestage .arrow-container {
  opacity: 0;
  pointer-events: none;
}
.themestage .sticker-item {
  background: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts//adler-spa-resort.png") no-repeat;
  width: calc(200px + (312 - 200) * (100vw - 360px) / (1800 - 360));
  height: calc(47px + (72 - 47) * (100vw - 360px) / (1800 - 360));
  bottom: calc(119px + (140 - 119) * (100vw - 360px) / (1800 - 360));
  right: calc(14px + (50 - 14) * (100vw - 360px) / (1800 - 360));
  background-size: contain;
  pointer-events: all;
  position: absolute;
  cursor: pointer;
  z-index: 50;
}
@media (max-width: 1026px) {
  .themestage .sticker-item {
    bottom: 19px;
  }
}
.themestage .tns-nav {
  left: 40px;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  bottom: calc(120px + (142 - 120) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .themestage .tns-nav {
    bottom: calc(24px + (30 - 24) * (100vw - 767px) / (1026 - 767));
  }
}
@media (max-width: 767px) {
  .themestage .tns-nav {
    left: 20px;
    bottom: 24px;
  }
}
.themestage .tns-nav button[data-action=start],
.themestage .tns-nav button[data-action=stop] {
  font-size: 0;
  line-height: 0;
}
@media (max-width: 767px) {
  .themestage .tns-nav button[data-action=start],
  .themestage .tns-nav button[data-action=stop] {
    display: none;
  }
}
.themestage .tns-nav button[data-action=start]:before,
.themestage .tns-nav button[data-action=stop]:before {
  display: none;
}
.themestage .tns-nav button[data-action=start]:after,
.themestage .tns-nav button[data-action=stop]:after {
  content: "";
  z-index: 0;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #FFFFFF;
}
@media (max-width: 767px) {
  .themestage .tns-nav button[data-action=start]:after,
  .themestage .tns-nav button[data-action=stop]:after {
    display: none;
  }
}
.themestage .tns-nav button {
  width: 42px;
  height: 42px;
  display: flex;
  min-width: 42px;
  font-size: 16px;
  line-height: 21px;
  border-radius: 50%;
  position: relative;
  margin-right: 15px;
  align-items: center;
  pointer-events: all;
  justify-content: center;
  background-color: transparent;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .themestage .tns-nav button {
    width: 9px;
    height: 9px;
    font-size: 0;
    line-height: 0;
    min-width: auto;
    margin: 0 calc(7px + (11 - 7) * (100vw - 360px) / (767 - 360)) 0 0;
    border: 1px solid #FFFFFF;
  }
}
@media (hover: hover) {
  .themestage .tns-nav button:hover {
    color: #807464;
    background-color: #FFFFFF;
  }
}
.themestage .tns-nav button:before {
  content: "";
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 0;
  border-radius: 50%;
  position: absolute;
}
@media (max-width: 767px) {
  .themestage .tns-nav button:before {
    display: none;
  }
}
.themestage .tns-nav button.tns-nav-active {
  background-size: 1px 3px;
  animation: fill 5s linear infinite;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .themestage .tns-nav button.tns-nav-active {
    border: 0;
    background-color: #FFFFFF;
  }
}
@media (hover: hover) {
  .themestage .tns-nav button.tns-nav-active:hover {
    color: #807464;
    background-color: #FFFFFF;
  }
}
.themestage .tns-nav button.tns-nav-active:before {
  animation: fill 5s linear 1;
  transition: background 0.5s linear;
}
.themestage .tns-nav button.tns-nav-active:after {
  content: "";
  z-index: 0;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 50%;
  position: absolute;
  border: 1px dashed #FFFFFF;
}
@media (max-width: 767px) {
  .themestage .tns-nav button.tns-nav-active:after {
    display: none;
  }
}
.themestage .tns-nav button.tns-nav-active svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.themestage .tns-nav button span {
  z-index: 1;
  position: relative;
}
.themestage .tns-nav button svg {
  fill: currentColor;
  position: relative;
}

.themestage-overlay {
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  max-height: 0;
  z-index: 2250;
  position: fixed;
  text-align: center;
  pointer-events: none;
  background-image: none;
  transition: max-height 0.3s linear, padding-top 0.1s linear;
}
@media (max-width: 1026px) {
  .themestage-overlay {
    overflow: auto;
    top: 0;
  }
}
.themestage-overlay.is-active {
  opacity: 1;
  max-height: 1100px;
  pointer-events: all;
}
.themestage-overlay.is-active .themestage-overlay-inner {
  padding: calc(79px + (89 - 79) * (100vw - 360px) / (1800 - 360)) 0 calc(80px + (90 - 80) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .themestage-overlay.is-active .themestage-overlay-inner {
    padding: 79px 0 80px;
  }
}
.themestage-overlay .themestage-overlay-inner {
  background-image: none;
  transition: padding-bottom 0.3s linear;
}
.themestage-overlay .headline {
  margin: 0 auto;
  max-width: calc(302px + (801 - 302) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .themestage-overlay .headline {
    max-width: 302px;
  }
}
.themestage-overlay .headline + .inner-list {
  margin-top: calc(34px + (48 - 34) * (100vw - 360px) / (1800 - 360));
}
.themestage-overlay .close-btn {
  width: 17px;
  height: 17px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  position: absolute;
  top: calc(19px + (26 - 19) * (100vw - 360px) / (1800 - 360));
  right: calc(18px + (26 - 18) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .themestage-overlay .close-btn {
    position: fixed;
    z-index: 10;
  }
}
.themestage-overlay .close-btn svg {
  width: 100%;
  height: 100%;
}
.themestage-overlay .inner-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 calc(-12px + (-24 - -12) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .themestage-overlay .inner-list {
    flex-wrap: wrap;
  }
}
.themestage-overlay .inner-list .inner-item {
  max-width: 16.666667%;
  flex: 0 0 16.666667%;
  padding: 0 calc(12px + (24 - 12) * (100vw - 360px) / (1800 - 360));
  flex-direction: column;
  align-items: center;
  position: relative;
  display: flex;
}
@media (max-width: 1026px) {
  .themestage-overlay .inner-list .inner-item {
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
    margin-top: calc(29px + (40 - 29) * (100vw - 360px) / (1026 - 360));
  }
  .themestage-overlay .inner-list .inner-item:first-child, .themestage-overlay .inner-list .inner-item:nth-child(2), .themestage-overlay .inner-list .inner-item:nth-child(3) {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .themestage-overlay .inner-list .inner-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .themestage-overlay .inner-list .inner-item:nth-child(3) {
    margin-top: calc(29px + (40 - 29) * (100vw - 360px) / (1026 - 360));
  }
}
@media (max-width: 360px) {
  .themestage-overlay .inner-list .inner-item {
    margin-top: 29px;
  }
}
.themestage-overlay .inner-list .inner-item .image-box {
  width: 100%;
}
.themestage-overlay .inner-list .inner-item .image-box + .logo-box {
  margin-top: calc(15px + (28 - 15) * (100vw - 360px) / (1800 - 360));
}
.themestage-overlay .inner-list .inner-item .logo-box {
  font-size: 0;
  line-height: 0;
  width: 80%;
}
@media (max-width: 767px) {
  .themestage-overlay .inner-list .inner-item .logo-box {
    width: 65%;
  }
  .themestage-overlay .inner-list .inner-item .logo-box img {
    width: 100%;
  }
}

.faq-module .heading-tags-spaces {
  text-align: center;
  margin: 0 auto;
  max-width: 74.1%;
}
@media (max-width: 1026px) {
  .faq-module .heading-tags-spaces {
    max-width: 100%;
  }
}
.faq-module .heading-tags-spaces + .faq-list {
  margin-top: calc(30px + (60 - 30) * (100vw - 360px) / (1800 - 360));
}
.faq-module .faq-list {
  max-width: 74.1%;
  margin: 0 auto;
}
@media (max-width: 1026px) {
  .faq-module .faq-list {
    max-width: 100%;
  }
}
.faq-module .faq-list .faq-item {
  padding-left: 0;
  margin-bottom: 15px;
  margin-bottom: calc(8px + (15 - 8) * (100vw - 360px) / (1800 - 360));
}
.faq-module .faq-list .faq-item:last-child {
  margin-bottom: 0;
}
.faq-module .faq-list .faq-item.is_opened svg.icon-plus {
  display: none;
}
.faq-module .faq-list .faq-item.is_opened svg.icon-minus {
  display: block;
}
.faq-module .faq-list .faq-item.is_opened .content {
  display: block;
}
.faq-module .faq-list .content {
  display: none;
  position: relative;
  color: #807464;
  margin-top: calc(-6px + (0 - -6) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(20px + (160 - 20) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(16px + (36 - 16) * (100vw - 360px) / (1800 - 360));
  padding-left: calc(20px + (30 - 20) * (100vw - 360px) / (1800 - 360));
}
.faq-module .faq-list .t2 {
  display: flex;
  cursor: pointer;
  position: relative;
  justify-content: space-between;
  padding-top: calc(18px + (33 - 18) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(35px + (60 - 35) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(18px + (33 - 18) * (100vw - 360px) / (1800 - 360));
  padding-left: calc(20px + (30 - 20) * (100vw - 360px) / (1800 - 360));
}
.faq-module .faq-list .t2 * {
  pointer-events: none;
}
.faq-module .faq-list .t2 svg {
  stroke: #9AA890;
  right: calc(12px + (29 - 12) * (100vw - 360px) / (1800 - 360));
  transform: translate(0, -50%);
  position: absolute;
  max-height: 22px;
  height: 22px;
  width: 22px;
  top: 50%;
}
@media (max-width: 360px) {
  .faq-module .faq-list .t2 svg {
    right: 12px;
  }
}
.faq-module .faq-list .t2 svg.icon-minus {
  display: none;
}

.intro-with-text-element {
  position: relative;
}
.intro-with-text-element.bgweb2 {
  padding-bottom: calc(200px + (617 - 200) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element.bgweb2:last-child.spaceL {
  padding-top: calc(120px + (300 - 120) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(120px + (300 - 120) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element.bgweb2:last-child.standard {
  padding-top: calc(80px + (240 - 80) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(80px + (240 - 80) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element.bgweb2:last-child.spaceS {
  padding-top: calc(50px + (180 - 50) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(50px + (180 - 50) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element.bgweb2 + div {
  z-index: 1;
  padding-top: 0;
  position: relative;
  background-color: transparent;
  margin-top: calc(-160px + (-577 - -160) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element.bgweb2 + div.story-list-element {
  margin-top: calc(-160px + (-474 - -160) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element.bgweb2 + div.OfferList {
  margin-top: calc(-160px + (-453 - -160) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element.bgweb2 + div.photogallery-list-element,
.intro-with-text-element.bgweb2 + div .teaser-with-tabs-element {
  margin-top: calc(-140px + (-454 - -140) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element.bgweb2 + div.RoomList {
  margin-top: calc(-175px + (-394 - -175) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element .intro-breadcrumb {
  top: 0;
  position: absolute;
  left: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
  right: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
}
.intro-with-text-element .headline {
  max-width: calc(596px + (1025 - 596) * (100vw - 767px) / (1800 - 767));
}
.intro-with-text-element .headline + .bottom-box {
  margin-top: calc(25px + (51 - 25) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .intro-with-text-element .headline + .bottom-box {
    max-width: 596px;
    margin-top: 25px;
  }
}
.intro-with-text-element .intro-with-text-element-box {
  width: 68.4%;
  margin: -3px auto 0;
}
@media (max-width: 767px) {
  .intro-with-text-element .intro-with-text-element-box {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
}
.intro-with-text-element .intro-with-text-element-box .bottom-box {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .intro-with-text-element .intro-with-text-element-box .bottom-box {
    margin-left: 0;
  }
}
.intro-with-text-element .intro-with-text-element-box .bottom-box .image-box + .text-box {
  margin-left: calc(20px + (74 - 20) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .intro-with-text-element .intro-with-text-element-box .bottom-box .image-box + .text-box {
    margin-left: 0;
  }
}
.intro-with-text-element .intro-with-text-element-box .bottom-box .text-box {
  display: flex;
  flex-direction: column;
  margin-left: calc(20px + (119 - 20) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .intro-with-text-element .intro-with-text-element-box .bottom-box .text-box {
    margin-top: 0;
    margin-left: 0;
  }
}
.intro-with-text-element .intro-with-text-element-box .bottom-box .text-box .subheadline {
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 19px;
}
@media (max-width: 767px) {
  .intro-with-text-element .intro-with-text-element-box .bottom-box .text-box .subheadline {
    margin-bottom: 10px;
    letter-spacing: 2px;
  }
}
.intro-with-text-element .intro-with-text-element-box .bottom-box .text-box .text {
  max-width: 906px;
}
.intro-with-text-element .intro-with-text-element-box .bottom-box .text-box .button-box {
  display: flex;
  margin-top: 15px;
}
.intro-with-text-element .intro-with-text-element-box .bottom-box .text-box .button-box .morelink {
  margin-right: 20px;
}
.intro-with-text-element .intro-with-text-element-box .bottom-box .image-box {
  margin-left: calc(-100px + (-174 - -100) * (100vw - 768px) / (1800 - 768));
  flex: 0 0 calc(150px + (219 - 150) * (100vw - 768px) / (1800 - 768));
  margin-top: 2px;
}
@media (max-width: 767px) {
  .intro-with-text-element .intro-with-text-element-box .bottom-box .image-box {
    display: none;
  }
}
.intro-with-text-element .intro-with-text-element-box.align-items-start {
  width: auto;
}
.intro-with-text-element .intro-with-text-element-box.align-items-start .bottom-box .text-box {
  margin-left: 0;
}
@media (max-width: 767px) {
  .intro-with-text-element .intro-with-text-element-box.hide-text .bottom-box .text-box .text {
    display: none;
  }
}

.intro-with-image-element {
  position: relative;
  margin: 0 auto;
  max-width: 2500px;
  overflow: hidden;
}
.intro-with-image-element .intro-with-image-element-box {
  display: flex;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box {
    flex-direction: column;
  }
}
.intro-with-image-element .intro-with-image-element-box .left-box {
  position: relative;
  margin-left: calc(0px + (81 - 0) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .left-box {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .left-box + .right-box {
    margin-top: -22px;
  }
}
.intro-with-image-element .intro-with-image-element-box .left-box .image-box {
  position: relative;
}
.intro-with-image-element .intro-with-image-element-box .left-box .image-box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.35) 60%, rgba(255, 255, 255, 0.8) 100%);
  z-index: 1;
}
.intro-with-image-element .intro-with-image-element-box .left-box .image-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  pointer-events: none;
  background: linear-gradient(-180deg, transparent 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .left-box .image-box:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 100%;
    height: 20%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.35) 60%, rgba(255, 255, 255, 0.8) 100%);
    z-index: 1;
  }
}
.intro-with-image-element .intro-with-image-element-box .left-box .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-with-image-element .intro-with-image-element-box .left-box .link-box {
  position: relative;
  left: 20px;
  bottom: calc(34px + (45 - 34) * (100vw - 768px) / (1800 - 768));
  text-transform: uppercase;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 5;
}
.intro-with-image-element .intro-with-image-element-box .left-box .link-box .more-link {
  color: #FFFFFF;
  letter-spacing: 2.9px;
  transition: opacity 0.3s ease;
}
.intro-with-image-element .intro-with-image-element-box .left-box .link-box .more-link:hover {
  opacity: 0.6;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .left-box .link-box {
    display: none;
  }
}
.intro-with-image-element .intro-with-image-element-box .left-box .link-box .icon-photogallery {
  width: 23.6px;
  height: 23.6px;
  margin-right: 4px;
  vertical-align: text-top;
}
.intro-with-image-element .intro-with-image-element-box .right-box {
  flex: 1;
  position: relative;
  z-index: 1;
  margin-top: calc(30px + (112 - 30) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .right-box {
    margin-top: 0;
  }
}
.intro-with-image-element .intro-with-image-element-box .right-box .headline {
  padding-bottom: calc(15px + (75 - 15) * (100vw - 768px) / (1800 - 768));
  margin-left: calc(-45px + (-80 - -45) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .right-box .headline {
    margin-left: 0;
  }
}
.intro-with-image-element .intro-with-image-element-box .right-box .text-box {
  margin-left: calc(20px + (99 - 20) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 1200px) {
  .intro-with-image-element .intro-with-image-element-box .right-box .text-box {
    min-width: 370px;
  }
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .right-box .text-box {
    margin-left: 20px;
    margin-top: 17px;
    min-width: auto;
  }
}
.intro-with-image-element .intro-with-image-element-box .right-box .text-box .subheadline {
  padding-bottom: calc(10px + (19 - 10) * (100vw - 768px) / (1800 - 768));
  letter-spacing: 3px;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .right-box .text-box .subheadline {
    letter-spacing: 2.5px;
  }
}
.intro-with-image-element .intro-with-image-element-box .right-box .text-box .show-hide-more {
  display: none;
}
.intro-with-image-element .intro-with-image-element-box .right-box .text-box .text {
  position: relative;
  max-width: 564px;
}
.intro-with-image-element .intro-with-image-element-box .right-box .text-box .text p {
  padding-bottom: calc(15px + (34 - 15) * (100vw - 768px) / (1800 - 768));
}
.intro-with-image-element .intro-with-image-element-box .right-box .text-box .text p:last-child {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box .right-box .text-box .text {
    max-width: 100%;
  }
}
.intro-with-image-element .intro-with-image-element-box .right-box .text-box .text:first-child {
  margin-top: 0;
}
.intro-with-image-element .intro-with-image-element-box .right-box .text-box .link-box {
  padding-top: calc(15px + (33 - 15) * (100vw - 768px) / (1800 - 768));
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  letter-spacing: 2.9px;
  transition: background-color 2.3s ease, opacity 2.3s ease;
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more {
  display: inline-block;
  text-transform: uppercase;
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more .more-link {
  position: relative;
  display: inline-block;
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more .more-link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: height 0.3s ease, opacity 0.4s ease;
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more .hide {
  display: none;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more .hide {
    display: none;
  }
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more .show {
  display: none;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more .show {
    display: inline-block;
    margin-top: 11px;
    letter-spacing: 1.9px;
  }
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more .more-link {
  position: relative;
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .show-hide-more .more-link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: height 0.3s ease, opacity 0.4s ease;
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text:before {
  display: block;
  position: absolute;
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF);
  height: 50%;
  width: 100%;
  transition: opacity 0.3s ease;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text.is_visible {
    max-height: 86px;
    overflow: hidden;
    position: relative;
  }
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text.is_visible:before {
    content: "";
  }
}
.intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text.is_visible + .show-more {
  display: none;
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text.is_visible + .show-more {
    display: block;
  }
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text.is_active {
    -webkit-box-orient: inherit;
    overflow: auto;
    max-height: 700px;
    display: block;
  }
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text.is_active:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text.is_active + .show-hide-more .show {
    display: none;
  }
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .text.is_active + .show-hide-more .hide {
    display: block;
  }
}
@media (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .link-box {
    display: none;
  }
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .link-box.is_active, .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .link-box.is_visible {
    display: block;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .link-box.is_active + .show-hide-more .show {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .intro-with-image-element .intro-with-image-element-box.show-more-text .right-box .text-box .link-box.is_active + .show-hide-more .hide {
    display: inline-block;
  }
}

.included-services-element {
  overflow: hidden;
}
.included-services-element .boxed-headline {
  margin: 0 auto;
  text-align: center;
  max-width: calc(530px + (820 - 530) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .included-services-element .boxed-headline {
    max-width: 100%;
  }
}
.included-services-element .boxed-headline .headline {
  max-width: none;
  margin-bottom: 0;
}
.included-services-element .boxed-headline .headline + .subheadline {
  margin-top: calc(4px + (30 - 4) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .included-services-element .boxed-headline .headline + .subheadline {
    margin-top: 4px;
  }
}
.included-services-element .tns-ovh {
  overflow: inherit;
}
.included-services-element .tns-nav {
  display: none;
}
@media (max-width: 767px) {
  .included-services-element .tns-nav {
    display: flex;
    padding-left: calc(10px + (100 - 10) * (100vw - 360px) / (1800 - 360));
    padding-right: calc(10px + (100 - 10) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .included-services-element .tns-nav {
    padding: 0;
  }
}
.included-services-element .arrow-container {
  display: none;
  margin-top: 38px;
}
.included-services-element .arrow-container .cursor-to-left {
  margin-right: 20px;
}
.included-services-element .arrow-container .cursor-to-right,
.included-services-element .arrow-container .cursor-to-left {
  display: flex;
  cursor: pointer;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  width: calc(50px + (65 - 50) * (100vw - 767px) / (1800 - 767));
  height: calc(50px + (65 - 50) * (100vw - 767px) / (1800 - 767));
  border: 1px solid #9AA890;
}
@media (max-width: 1026px) {
  .included-services-element .arrow-container .cursor-to-right,
  .included-services-element .arrow-container .cursor-to-left {
    width: 50px;
    height: 50px;
  }
}
@media (hover: hover) {
  .included-services-element .arrow-container .cursor-to-right:hover,
  .included-services-element .arrow-container .cursor-to-left:hover {
    opacity: 0.7;
  }
}
.included-services-element .arrow-container .cursor-to-right svg,
.included-services-element .arrow-container .cursor-to-left svg {
  width: 11px;
  height: 18px;
  fill: #546B59;
}
@media (max-width: 767px) {
  .included-services-element .tns-outer {
    margin-top: 20px;
  }
}
.included-services-element .tns-outer .included-services-list {
  margin: 0;
}
.included-services-element .included-services-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: calc(0px + (-31 - 0) * (100vw - 768px) / (1800 - 768));
  margin-right: calc(0px + (-49 - 0) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .included-services-element .included-services-list {
    margin-top: 20px;
  }
}
.included-services-element .included-services-list.included-services-slider .arrow-container {
  display: flex;
}
@media (max-width: 1800px) {
  .included-services-element .included-services-list.included-services-slider .arrow-container {
    margin-top: calc(20px + (38 - 20) * (100vw - 768px) / (1800 - 768));
  }
}
@media (max-width: 767px) {
  .included-services-element .included-services-list.included-services-slider .arrow-container {
    display: none;
  }
}
.included-services-element .included-services-list.included-services-slider .included-services-item {
  flex: auto;
  max-width: none;
  border-bottom: 0;
}
@media (max-width: 767px) {
  .included-services-element .included-services-list.included-services-slider .included-services-item {
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
.included-services-element .included-services-list.included-services-slider .included-services-item:first-child {
  border-top: 0;
}
@media (max-width: 767px) {
  .included-services-element .included-services-list.included-services-slider .info-box {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .included-services-element .included-services-list.included-services-slider .image-box {
    flex: 0 0 100%;
  }
}
@media (max-width: 767px) {
  .included-services-element .included-services-list.included-services-slider .show-more-btn {
    display: none;
  }
}
@media (max-width: 767px) {
  .included-services-element .included-services-list.included-services-slider .description {
    max-height: none;
  }
}
.included-services-element .included-services-list .included-services-item {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding-right: calc(10px + (100 - 10) * (100vw - 360px) / (1800 - 360));
  margin-top: calc(62px + (108 - 62) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .included-services-element .included-services-list .included-services-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .included-services-element .included-services-list .included-services-item {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .included-services-element .included-services-list .included-services-item:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .included-services-element .included-services-list .included-services-item.is-active .description {
    margin-top: 10px;
    max-height: 130px;
    margin-bottom: 13px;
    transition: max-height 0.6s ease, margin-top 0.4s ease;
  }
  .included-services-element .included-services-list .included-services-item.is-active .show-more-btn .plus-minus:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .included-services-element .included-services-list .info-box {
    flex: 1;
    padding-top: 32px;
    position: relative;
    padding-right: 56px;
    padding-bottom: 23px;
  }
}
.included-services-element .included-services-list .info-box .t2 {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .included-services-element .included-services-list .info-box .t2 {
    margin-bottom: 0;
  }
}
.included-services-element .included-services-list .image-box {
  width: 111px;
  height: 85px;
  display: flex;
  margin-bottom: 32px;
  align-items: center;
}
@media (max-width: 767px) {
  .included-services-element .included-services-list .image-box {
    width: 65px;
    height: 65px;
    display: flex;
    flex: 0 0 65px;
    margin-bottom: 0;
    align-items: center;
  }
}
.included-services-element .included-services-list .image-box img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 767px) {
  .included-services-element .included-services-list .image-box img {
    max-width: 48px;
  }
}
.included-services-element .included-services-list .headline {
  line-height: 28px;
  margin-bottom: 2px;
  word-break: break-word;
  font-size: calc(18px + (20 - 18) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .included-services-element .included-services-list .description {
    max-height: 0;
    margin-top: 4px;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0, 1, 0.53, 0.96), margin-top 0.3s ease;
  }
}
.included-services-element .show-more-btn {
  display: none;
}
@media (max-width: 767px) {
  .included-services-element .show-more-btn {
    display: block;
  }
}
.included-services-element .show-more-btn .plus-minus {
  transform: translate(0, -50%);
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 50%;
}
.included-services-element .show-more-btn .plus-minus:before {
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-color: #9AA890;
}
@media (max-width: 767px) {
  .included-services-element .show-more-btn .plus-minus:before {
    height: 2px;
  }
}
.included-services-element .show-more-btn .plus-minus:after {
  content: "";
  width: 3px;
  height: 100%;
  border-radius: 5px;
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  background-color: #9AA890;
}
@media (max-width: 767px) {
  .included-services-element .show-more-btn .plus-minus:after {
    width: 2px;
  }
}
.included-services-element .button-box {
  display: none;
}
@media (max-width: 767px) {
  .included-services-element .button-box {
    display: flex;
    flex: 0 0 100%;
    margin-top: 32px;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .included-services-element .button-box .button.is-active .more {
    display: none;
  }
  .included-services-element .button-box .button.is-active .less {
    display: block;
  }
  .included-services-element .button-box .button .less {
    display: none;
  }
}
.included-services-element .linkbox {
  text-align: center;
  margin-top: calc(30px + (90 - 30) * (100vw - 360px) / (1800 - 360));
}

.story-detail {
  padding-top: 0;
}
.story-detail .bycode-element {
  padding-bottom: 0;
}

.bycode-element {
  padding-top: 0;
}
.bycode-element > div:last-child {
  padding-bottom: 0;
}
.bycode-element .intro-with-text-element {
  padding-bottom: calc(50px + (179 - 50) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .bycode-element .intro-with-text-element {
    padding-bottom: 50px;
  }
}
.bycode-element .intro-with-text-element.bgweb2 {
  padding-bottom: calc(430px + (617 - 430) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .bycode-element .intro-with-text-element.bgweb2 {
    padding-bottom: calc(240px + (430 - 240) * (100vw - 360px) / (768 - 360));
  }
}
.bycode-element .intro-with-text-element.bgweb2 + div {
  padding-top: 0;
  margin-top: calc(-330px + (-438 - -330) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .bycode-element .intro-with-text-element.bgweb2 + div {
    margin-top: calc(-180px + (-330 - -180) * (100vw - 360px) / (768 - 360));
  }
}
.bycode-element .intro-with-text-element .intro-with-text-element-box .headline + .bottom-box {
  margin-top: 25px;
}
.bycode-element .intro-with-text-element .text-box .morelink + .subheadline {
  margin-top: calc(25px + (35 - 25) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .morelink {
  transition: opacity 0.3s linear;
}
@media (hover: hover) {
  .bycode-element .morelink:hover {
    opacity: 0.7;
  }
}
.bycode-element .morelink svg {
  fill: currentColor;
  color: currentColor;
}
.bycode-element .download-list {
  margin: 0 auto;
  max-width: 65.6%;
}
@media (max-width: 1026px) {
  .bycode-element .download-list {
    max-width: 100%;
  }
}
.bycode-element .text-box-element:first-child,
.bycode-element .images-element:first-child,
.bycode-element .share-element:first-child {
  margin-top: 0;
}
.bycode-element .text-box-element .inner,
.bycode-element .images-element .inner,
.bycode-element .share-element .inner {
  max-width: 65.6%;
  margin: 0 auto;
}
@media (max-width: 1026px) {
  .bycode-element .text-box-element .inner,
  .bycode-element .images-element .inner,
  .bycode-element .share-element .inner {
    max-width: 100%;
  }
}
.bycode-element .gallery-element.themestage .elements {
  height: auto;
  max-height: calc(100vh - 95px);
}
.bycode-element .gallery-element.themestage .tns-nav {
  bottom: calc(20px + (38 - 20) * (100vw - 767px) / (1800 - 767));
}
@media (max-width: 767px) {
  .bycode-element .gallery-element.themestage .tns-nav {
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 20px;
  }
}
.bycode-element .image-text-element + .share-element {
  margin-top: calc(0px + (-80 - 0) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .image-text-element .text-box-element {
  margin-top: calc(50px + (179 - 50) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .image-text-element .text-box-element:first-child {
  margin-top: 0;
}
.bycode-element .image-text-element .text-box-element .inner {
  padding-right: calc(0px + (78 - 0) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .bycode-element .image-text-element .text-box-element .inner {
    padding-right: 0;
  }
}
.bycode-element .image-text-element .text-box-element .subheadline + .description {
  margin-top: calc(8px + (19 - 8) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .image-text-element .text-box-element .description p + p {
  margin-top: calc(20px + (32 - 20) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .image-text-element .text-box-element .morelink {
  margin-top: calc(20px + (40 - 20) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .image-text-element .images-element {
  margin-top: calc(50px + (180 - 50) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .image-text-element .images-element .inner {
  display: flex;
}
.bycode-element .image-text-element .images-element .inner .item {
  flex: 0 0 50%;
  max-width: 50%;
}
.bycode-element .image-text-element .images-element .inner .item:first-child {
  padding-right: calc(12px + (24 - 12) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .image-text-element .images-element .inner .item:last-child {
  padding-left: calc(12px + (24 - 12) * (100vw - 360px) / (1800 - 360));
}
.bycode-element .image-text-element .images-element .inner .item.big-image {
  max-width: 97.3%;
  flex: 0 0 97.3%;
  padding: 0;
}
.bycode-element .image-text-element .images-element .inner .item .image-box {
  height: 100%;
}
.bycode-element .image-text-element .images-element .inner .item .image-box picture {
  height: 100%;
}

.share-element {
  padding-bottom: calc(50px + (180 - 50) * (100vw - 360px) / (1800 - 360));
  position: relative;
  z-index: 20;
}
.share-element .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .share-element .inner {
    flex-direction: column;
  }
}
.share-element .inner .title {
  text-transform: uppercase;
  font-family: PTSans, sans-serif;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  white-space: nowrap;
}
.share-element .inner .share-list {
  display: flex;
  align-items: center;
  margin-left: calc(8px + (12 - 8) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .share-element .inner .share-list {
    margin-left: 0;
    margin-top: 20px;
  }
}
.share-element .inner .share-list .shariff .theme-standard {
  flex-wrap: nowrap;
}
.share-element .inner .share-list .shariff .shariff-button {
  max-width: 75px;
  min-width: 51px;
  height: 51px;
  padding-left: 6px;
  margin-bottom: 0;
  margin-right: 4px;
}
@media (max-width: 767px) {
  .share-element .inner .share-list .shariff .shariff-button {
    width: 45px;
    height: 45px;
  }
}
.share-element .inner .share-list .shariff .shariff-button:before {
  display: none;
}
.share-element .inner .share-list .shariff .shariff-button a {
  width: 51px;
  height: 51px;
  position: relative;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  transition: opacity 0.3s ease;
  border: 1px solid #546B59;
}
@media (max-width: 767px) {
  .share-element .inner .share-list .shariff .shariff-button a {
    width: 45px;
    height: 45px;
  }
}
@media (hover: hover) {
  .share-element .inner .share-list .shariff .shariff-button a:hover {
    opacity: 0.7;
  }
}
.share-element .inner .share-list .shariff .shariff-button a .share_text {
  display: none !important;
}
.share-element .inner .share-list .shariff .shariff-button.mail a {
  background-image: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/mail.svg");
  background-size: 22.54px 16.11px;
}
.share-element .inner .share-list .shariff .shariff-button.facebook a {
  background-image: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/facebook.svg");
  background-size: 11.17px 23.94px;
}
.share-element .inner .share-list .shariff .shariff-button.whatsapp a {
  background-image: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/whatsapp.svg");
  background-size: 23.54px 23.54px;
}

body {
  scroll-behavior: smooth;
}

.list-big-contanier .swiped-container {
  display: flex;
}
.list-big-contanier .swiped-box {
  flex: 1;
}
.list-big-contanier .swiped-point-container {
  position: sticky;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100vh;
  width: 0;
  display: none;
}
.list-big-contanier .point-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  transform: translate(-40px, 0);
}
.list-big-contanier .point {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.4;
  cursor: pointer;
}
.list-big-contanier .point.active {
  opacity: 1;
}
.list-big-contanier .arrows-container {
  display: flex;
  top: 95px;
  width: 0;
  height: calc(100vh - 95px);
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: sticky;
}
@media (max-width: 1026px) {
  .list-big-contanier .arrows-container {
    top: 0;
    height: 100vh;
  }
}
@media (max-width: 767px) {
  .list-big-contanier .arrows-container {
    display: none;
  }
}
.list-big-contanier .arrows-container .arrows-container-inner {
  position: relative;
  transform: translate(-50%, 0);
  left: calc(-10px + (-55 - -10) * (100vw - 768px) / (1800 - 768));
}
.list-big-contanier .arrow {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
}
.list-big-contanier .arrow:hover svg {
  transform: scale(1.1);
}
.list-big-contanier .arrow svg {
  width: 9px;
  height: 11px;
  transition: transform 0.3s ease;
}
.list-big-contanier .current-slide {
  padding: 15px 0;
}
.list-big-contanier .swiped-item {
  scroll-snap-align: start;
  padding-top: 95px;
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 1026px) {
  .list-big-contanier .swiped-item {
    padding-top: 0;
    align-items: flex-start;
    min-height: 100vh;
    padding-bottom: 50px;
  }
  .list-big-contanier .swiped-item:first-child {
    padding-top: 0;
  }
}
.list-big-contanier .swiped-item:first-child {
  padding-top: 0;
}
.list-big-contanier .swiped-item:first-child .swiped-box-bottom-space {
  height: 20vh;
  width: 100%;
}
@media (max-width: 1026px) {
  .list-big-contanier .swiped-item:first-child .swiped-box-bottom-space {
    display: none;
  }
}
.list-big-contanier .swiped-item:last-child {
  padding-bottom: 0;
}
.list-big-contanier .swiped-item:last-child .swiped-box-bottom-space {
  height: 20vh;
  width: 100%;
}
@media (max-width: 1026px) {
  .list-big-contanier .swiped-item:last-child .swiped-box-bottom-space {
    display: none;
  }
}
.list-big-contanier .swiped-item .swiped-item-inner-wrapper {
  position: sticky;
  top: 95px;
  min-height: calc(100vh - 95px);
  display: flex;
  align-items: center;
}
@media (max-width: 1026px) {
  .list-big-contanier .swiped-item .swiped-item-inner-wrapper {
    top: 0;
    min-height: 100vh;
  }
}
.list-big-contanier .swiped-item .swiped-item-inner {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0 40px;
}
@media (max-width: 767px) {
  .list-big-contanier .swiped-item .swiped-item-inner {
    align-items: center;
  }
}
.list-big-contanier .swiped-item .swiped-item-inner .image-video {
  width: 39.7%;
}
@media (max-width: 1026px) {
  .list-big-contanier .swiped-item .swiped-item-inner .image-video {
    width: 100%;
  }
}
.list-big-contanier .swiped-item .swiped-item-inner .image-video .image-box {
  width: 100%;
}
.list-big-contanier .swiped-item .swiped-item-inner .right-text-box {
  flex: 1;
  padding-top: calc(20px + (78 - 20) * (100vw - 1026px) / (1800 - 1026));
  padding-left: calc(40px + (178 - 40) * (100vw - 1026px) / (1800 - 1026));
  padding-right: calc(0px + (121 - 0) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .list-big-contanier .swiped-item .swiped-item-inner .right-text-box {
    padding: 30px 0 0;
  }
}
.list-big-contanier .swiped-item .swiped-item-inner .right-text-box .headline {
  margin-bottom: calc(10px + (15 - 10) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .list-big-contanier .swiped-item .swiped-item-inner .right-text-box .headline {
    margin-bottom: 10px;
  }
}
.list-big-contanier .swiped-item .swiped-item-inner .right-text-box .intro {
  line-height: calc(24px + (34 - 24) * (100vw - 360px) / (1800 - 360));
  margin-bottom: calc(13px + (31 - 13) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .list-big-contanier .swiped-item .swiped-item-inner .right-text-box .intro {
    margin-bottom: 13px;
  }
}
.list-big-contanier .swiped-item .swiped-item-inner .right-text-box .list-box .list-item {
  text-transform: uppercase;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  padding-bottom: calc(15px + (24 - 15) * (100vw - 768px) / (1800 - 768));
  padding-top: calc(15px + (24 - 15) * (100vw - 768px) / (1800 - 768));
  padding-left: calc(18px + (23 - 18) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .list-big-contanier .swiped-item .swiped-item-inner .right-text-box .list-box .list-item {
    padding-bottom: 15px;
    padding-left: 18px;
    padding-top: 15px;
  }
}
.list-big-contanier .swiped-item .swiped-item-inner .right-text-box .list-box .list-item:before {
  display: none;
}
.list-big-contanier .swiped-item .swiped-item-inner .right-text-box .list-box .list-item:last-child {
  border-bottom: 0;
}
.list-big-contanier .swiped-item .swiped-item-inner .right-text-box .list-box .list-item .list-item-inner {
  position: relative;
}
.list-big-contanier .swiped-item .swiped-item-inner .right-text-box .list-box .list-item .list-item-inner:before {
  content: "";
  width: 5px;
  height: 5px;
  left: -17px;
  transform: translate(0, -50%);
  background-color: #9AA890;
  position: absolute;
  top: 13px;
  border-radius: 50%;
  z-index: 1;
}

.trigger-element {
  padding: 30px 30px 23px 30px;
  position: fixed;
  bottom: 44px;
  right: 31px;
  z-index: 55;
  max-width: 708px;
  transition: transform 0.5s ease;
  display: none;
  background-image: none;
}
.trigger-element.is-active {
  display: block;
}
.trigger-element.animation-on {
  transform: translate(0, 200%);
}
@media (max-width: 1800px) {
  .trigger-element {
    max-width: calc(360px + (708 - 360) * (100vw - 360px) / (1800 - 360));
    right: calc(11px + (31 - 11) * (100vw - 360px) / (1800 - 360));
    bottom: calc(20px + (44 - 20) * (100vw - 360px) / (1800 - 360));
    padding: calc(15px + (30 - 15) * (100vw - 360px) / (1800 - 360)) calc(15px + (30 - 15) * (100vw - 360px) / (1800 - 360)) calc(15px + (23 - 15) * (100vw - 360px) / (1800 - 360)) calc(15px + (30 - 15) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 1026px) {
  .trigger-element {
    bottom: 80px;
  }
}
@media (max-width: 450px) {
  .trigger-element {
    max-width: none;
    left: calc(10px + (31 - 10) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .trigger-element {
    left: 10px;
    padding: 15px;
  }
}
.trigger-element .description {
  max-width: 520px;
  padding-bottom: 14px;
}
.trigger-element .morelink {
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2.5px;
}
.trigger-element .morelink:before {
  content: "";
  position: absolute;
  bottom: 0;
}
.trigger-element .title.t5 {
  text-transform: uppercase;
  letter-spacing: 3px;
}
@media (max-width: 1026px) {
  .trigger-element .title.t5 {
    letter-spacing: 2px;
  }
}
@media (max-width: 767px) {
  .trigger-element .title.t5 {
    letter-spacing: 1px;
  }
}
.trigger-element .close-button {
  top: 6px;
  right: -3px;
  width: 42px;
  height: 30px;
  cursor: pointer;
  position: absolute;
}
.trigger-element .close-button svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
}

.header-main {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  margin: 0 auto;
  position: fixed;
  pointer-events: none;
  background: transparent;
  transition: all 0.5s ease, background-color 0s;
}
@media (max-width: 1026px) {
  .header-main {
    position: absolute;
    transition: none;
    z-index: 500;
    align-items: start;
  }
  .header-main * {
    transition: none;
  }
}
.header-main:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 168px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  opacity: 0.26;
  z-index: 10;
}
@media (max-width: 1026px) {
  .header-main:before {
    z-index: -1;
    height: 196px;
  }
}
.header-main * {
  transition: all 0.5s ease;
}
.header-main.is_scroll:before {
  display: none;
}
@media (max-width: 1026px) {
  .header-main.is_scroll:before {
    display: block;
  }
}
.header-main.is_scroll.is_opened .navigation-header-content-box {
  background-color: transparent;
}
.header-main.is_scroll.is_opened .navigation-header-content-box .name,
.header-main.is_scroll.is_opened .navigation-header-content-box .link-item {
  color: currentColor;
}
.header-main.is_scroll.is_opened .navigation-header-content-box .link-item svg,
.header-main.is_scroll.is_opened .navigation-header-content-box .menu-item svg {
  fill: currentColor;
  color: #FFFFFF;
}
.header-main.is_scroll.is_opened .lines .line {
  background-color: currentColor;
}
.header-main.is_scroll.is_opened .logo-container svg.icon-logo-small {
  fill: currentColor;
}
.header-main.is_scroll.is_opened .left-box .header-buttons .link-item {
  color: #FFFFFF;
}
.header-main.is_scroll.is_opened .left-box .header-buttons .link-item svg {
  fill: #FFFFFF;
  color: #FFFFFF;
}
.header-main.is_scroll.is_opened .left-box .header-buttons .menu-item {
  display: none;
}
.header-main.is_scroll .logo-container {
  padding-top: 18px;
}
.header-main.is_scroll .logo-container svg {
  width: 78px;
  height: 60px;
}
.header-main.is_scroll .logo-container svg.icon-logo, .header-main.is_scroll .logo-container svg.icon-logo-square, .header-main.is_scroll .logo-container svg.icon-logo-feder {
  display: none;
}
.header-main.is_scroll .logo-container svg.icon-logo-small {
  fill: #546B59;
  pointer-events: all;
  position: static;
  opacity: 1;
}
.header-main.is_scroll .header-buttons .link-item {
  color: #546B59;
}
.header-main.is_scroll .header-buttons .link-item svg {
  fill: #546B59;
  color: #546B59;
}
.header-main.is_scroll .navigation-header-content-box {
  background: #F3F2EE;
  padding-bottom: 17px;
}
@media (max-width: 1026px) {
  .header-main.is_scroll .navigation-header-content-box {
    background-color: transparent;
  }
}
.header-main.is_scroll .lines .line {
  background-color: #807464;
}
.header-main.is_scroll .name,
.header-main.is_scroll .link-item {
  color: #807464;
}
.header-main.is_scroll .name svg,
.header-main.is_scroll .link-item svg {
  fill: #807464;
  color: #807464;
}
.header-main.is_scroll .left-box .header-buttons .menu-item {
  display: flex;
}
.header-main.is_scroll .left-box .header-buttons .menu-item svg {
  fill: #807464;
}
.header-main.is_opened:before {
  display: none;
}
.header-main.is_opened + .advanced-menu-block {
  opacity: 1;
  pointer-events: all;
}
.header-main.is_opened .logo-container .icon-logo {
  display: none;
}
.header-main.is_opened .logo-container .icon-logo-square,
.header-main.is_opened .logo-container .icon-logo-feder {
  opacity: 1;
  width: 136px;
  height: 136px;
  position: relative;
}
@media (max-width: 1800px) {
  .header-main.is_opened .logo-container .icon-logo-square,
  .header-main.is_opened .logo-container .icon-logo-feder {
    width: calc(97px + (136 - 97) * (100vw - 360px) / (1800 - 360));
    height: calc(97px + (136 - 97) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .header-main.is_opened .logo-container .icon-logo-square,
  .header-main.is_opened .logo-container .icon-logo-feder {
    width: 97px;
    height: 97px;
  }
}
.header-main.is_opened .menu-btn .line:nth-child(1) {
  top: 8px;
  width: 22px;
  transform: rotate(-45deg);
}
.header-main.is_opened .menu-btn .line:nth-child(2) {
  top: 8px;
  width: 22px;
  transform: rotate(-45deg);
}
.header-main.is_opened .menu-btn .line:nth-child(3) {
  top: 8px;
  width: 22px;
  transform: rotate(45deg);
}
@media (hover: hover) {
  .header-main a:hover {
    opacity: 0.5;
  }
}
.header-main .header-box {
  z-index: 501;
  position: relative;
}
@media (max-width: 1026px) {
  .header-main .header-box {
    z-index: 1;
  }
}
.header-main .left-box {
  flex: 1;
  padding-top: 36px;
}
@media (max-width: 1026px) {
  .header-main .left-box {
    display: none;
  }
}
.header-main .left-box .header-buttons {
  display: flex;
  align-items: center;
  pointer-events: all;
}
.header-main .left-box .header-buttons .adler-friends iframe {
  position: absolute;
  top: -7px;
  left: -40px;
  width: 250px;
  border: none;
  cursor: pointer;
}
.header-main .left-box .header-buttons .menu-btn {
  margin-right: 51px;
}
.header-main .left-box .header-buttons .menu-item {
  display: none;
  font-size: 25px;
  line-height: 28px;
  position: relative;
  align-items: center;
  font-family: Goudy Old Style, sans-serif;
}
.header-main .left-box .header-buttons .menu-item svg {
  transition: none;
  margin-right: 11px;
}
.header-main .left-box .header-buttons .menu-item svg.icon-adler-friends {
  width: 31.37px;
  height: 26.75px;
}
.header-main .right-box {
  flex: 1;
  display: flex;
  padding-top: 35px;
  justify-content: flex-end;
  align-items: self-start;
}
@media (max-width: 1026px) {
  .header-main .right-box {
    display: none;
  }
}
.header-main .right-box .header-buttons {
  height: 100%;
  display: flex;
  pointer-events: all;
  align-items: flex-start;
}
.header-main .navigation-header-content-box {
  display: flex;
  padding-left: calc(20px + (60 - 20) * (100vw - 1026px) / (1800 - 1026));
  padding-right: calc(20px + (60 - 20) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .header-main .navigation-header-content-box {
    border-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
  }
}
.header-main .logo-container {
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
  pointer-events: auto;
  padding: calc(20px + (40 - 20) * (100vw - 768px) / (1800 - 768)) 0 0;
}
@media (max-width: 767px) {
  .header-main .logo-container {
    padding: 20px 0 0;
  }
}
.header-main .logo-container svg {
  z-index: 5;
  width: 136px;
  height: 203px;
  position: relative;
}
@media (max-width: 1800px) {
  .header-main .logo-container svg {
    width: calc(97px + (136 - 97) * (100vw - 360px) / (1800 - 360));
    height: calc(147px + (203 - 147) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 1026px) {
  .header-main .logo-container svg {
    width: 97px;
    height: 147px;
  }
}
.header-main .logo-container svg.icon-logo-small, .header-main .logo-container svg.icon-logo-square, .header-main .logo-container svg.icon-logo-feder {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}
.header-main .name,
.header-main .link-item {
  border-bottom: 0;
  font-size: 25px;
  line-height: 28px;
  font-family: Goudy Old Style, sans-serif;
}
.header-main .link-item {
  display: inline-flex;
  align-items: center;
  margin-right: 50px;
}
.header-main .link-item.hidden {
  display: none;
}
.header-main .link-item:last-child {
  margin-right: 0;
}
.header-main .link-item svg {
  margin-right: 14px;
  transition: none !important;
}
.header-main .link-item .icon-anfragen {
  width: 31px;
  height: 22px;
}
.header-main .link-item .icon-buchen {
  width: 26px;
  height: 26px;
}
.header-main .menu-btn {
  cursor: pointer;
  position: relative;
  pointer-events: auto;
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease-in;
}
@media (hover: hover) {
  .header-main .menu-btn:hover {
    opacity: 0.5;
  }
}
@media (max-width: 1800px) {
  .header-main .menu-btn {
    font-size: calc(13px + (14 - 13) * (100vw - 1026px) / (1800 - 1026));
    line-height: calc(15px + (16 - 15) * (100vw - 1026px) / (1800 - 1026));
  }
}
@media (max-width: 1026px) {
  .header-main .menu-btn {
    font-size: 13px;
    min-width: 142px;
    line-height: 15px;
    padding: 12px 10px;
  }
}
.header-main .menu-btn .lines {
  top: -2px;
  width: 25px;
  height: 17px;
  margin-right: 12px;
  position: relative;
}
.header-main .menu-btn .line {
  height: 2px;
  display: block;
  left: 0;
  width: 100%;
  position: absolute;
  background-color: currentColor;
}
.header-main .menu-btn .line:nth-child(1) {
  top: 0;
}
.header-main .menu-btn .line:nth-child(2) {
  top: 8px;
}
.header-main .menu-btn .line:nth-child(3) {
  width: 16px;
  top: 16px;
}

@media (max-width: 1026px) {
  .custom-dark-header .main-section {
    margin-top: 80px;
  }
}
.custom-dark-header .header-main:before {
  display: none;
}
@media (max-width: 1026px) {
  .custom-dark-header .header-main:before {
    display: block;
  }
}
.custom-dark-header .header-main.is_opened .navigation-header-content-box {
  background-color: transparent;
}
.custom-dark-header .header-main.is_opened .navigation-header-content-box .name,
.custom-dark-header .header-main.is_opened .navigation-header-content-box .link-item {
  color: currentColor;
}
.custom-dark-header .header-main.is_opened .navigation-header-content-box .link-item svg,
.custom-dark-header .header-main.is_opened .navigation-header-content-box .menu-item svg {
  fill: currentColor;
  color: #FFFFFF;
}
.custom-dark-header .header-main.is_opened .lines .line {
  background-color: currentColor;
}
.custom-dark-header .header-main.is_opened .logo-container svg.icon-logo-small {
  fill: currentColor;
}
.custom-dark-header .header-main .header-buttons .link-item {
  color: #546B59;
}
.custom-dark-header .header-main .header-buttons .link-item svg {
  fill: #546B59;
  color: #546B59;
}
.custom-dark-header .header-main .logo-container {
  padding-top: 18px;
}
.custom-dark-header .header-main .logo-container svg {
  width: 78px;
  height: 60px;
}
.custom-dark-header .header-main .logo-container svg.icon-logo, .custom-dark-header .header-main .logo-container svg.icon-logo-square, .custom-dark-header .header-main .logo-container svg.icon-logo-feder {
  display: none;
}
.custom-dark-header .header-main .logo-container svg.icon-logo-small {
  fill: #546B59;
  pointer-events: all;
  position: static;
  opacity: 1;
}
.custom-dark-header .header-main .navigation-header-content-box {
  background: #F3F2EE;
  padding-bottom: 17px;
}
@media (max-width: 1026px) {
  .custom-dark-header .header-main .navigation-header-content-box {
    background-color: transparent;
  }
}
.custom-dark-header .header-main .lines .line {
  background-color: #807464;
}
.custom-dark-header .header-main .name,
.custom-dark-header .header-main .link-item {
  color: #807464;
}
.custom-dark-header .header-main .name svg,
.custom-dark-header .header-main .link-item svg {
  fill: #807464;
  color: #807464;
}
.custom-dark-header .header-main .menu-item svg {
  fill: #807464;
}

@media (max-width: 767px) {
  .teaser-with-tabs-element {
    overflow: hidden;
  }
}
.teaser-with-tabs-element .items-list {
  height: 100%;
  text-align: center;
  display: flex;
}
.teaser-with-tabs-element .items-list .center-box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .teaser-with-tabs-element .items-list .center-box {
    align-items: center;
  }
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .items-list .center-box {
    align-items: normal;
  }
}
.teaser-with-tabs-element .items-list .center-box .left-box {
  margin-right: 120px;
}
@media (min-width: 1801px) {
  .teaser-with-tabs-element .items-list .center-box .left-box {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .items-list .center-box .left-box .image-box {
    width: 100%;
    height: calc(330px + (800 - 330) * (100vw - 360px) / (1024 - 360));
  }
}
.teaser-with-tabs-element .items-list .center-box .left-box .image-box picture {
  height: 100%;
}
.teaser-with-tabs-element .items-list .center-box .left-box .image-box picture img {
  width: 100%;
  height: 100%;
}
.teaser-with-tabs-element .items-list .center-box .right-box {
  flex: 1;
  text-align: start;
  margin-right: calc(0px + (90 - 0) * (100vw - 120px) / (1800 - 120));
  margin-top: calc(0px + (189 - 0) * (100vw - 1200px) / (1800 - 1200));
}
@media (max-width: 1200px) {
  .teaser-with-tabs-element .items-list .center-box .right-box {
    margin-right: 0;
    margin-top: 0;
    min-width: 370px;
  }
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .items-list .center-box .right-box {
    margin-top: calc(20px + (50 - 20) * (100vw - 360px) / (1024 - 360));
  }
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .items-list .center-box .right-box {
    min-width: auto;
  }
}
.teaser-with-tabs-element .items-list .center-box .right-box .text {
  margin-top: calc(6px + (25 - 6) * (100vw - 768px) / (1800 - 768));
}
.teaser-with-tabs-element .items-list .center-box .right-box .text p {
  max-width: calc(318px + (634 - 318) * (100vw - 360px) / (1800 - 360));
}
.teaser-with-tabs-element .items-list .center-box .right-box .link-box {
  padding-top: calc(21px + (93 - 21) * (100vw - 768px) / (1800 - 768));
  text-transform: uppercase;
  position: relative;
  width: fit-content;
  cursor: pointer;
  letter-spacing: 3px;
  transition: background-color 2.3s ease, opacity 2.3s ease;
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .items-list .center-box .right-box .link-box {
    letter-spacing: 2.5px;
    margin-top: 21px;
  }
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .items-list .center-box {
    display: flex;
    flex-direction: column;
  }
  .teaser-with-tabs-element .items-list .center-box .left-box {
    margin-right: 0;
  }
}
.teaser-with-tabs-element.teaser-with-tabs {
  overflow: hidden;
}
.teaser-with-tabs-element.teaser-with-tabs .items-list {
  margin-top: calc(32px + (89 - 32) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .teaser-with-tabs-element.teaser-with-tabs .items-list {
    margin-top: 39px;
  }
}
.teaser-with-tabs-element.teaser-with-tabs .list-detail-list-items.tns-item {
  opacity: 0.5;
  transition: opacity 0.3s ease-in;
}
.teaser-with-tabs-element.teaser-with-tabs .list-detail-list-items.tns-item.tns-slide-active {
  opacity: 1;
}
@media (max-width: 767px) {
  .teaser-with-tabs-element.teaser-with-tabs .list-detail-list-items .list-big-item {
    padding-bottom: 0;
  }
}
.teaser-with-tabs-element.teaser-with-tabs .list-detail-list-items.is-active {
  display: block;
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .tns-ovh {
    overflow: visible;
  }
}
.teaser-with-tabs-element .tns-nav {
  justify-content: flex-start;
  margin-top: 73px;
  height: 0;
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .tns-nav {
    margin-top: calc(44px + (73 - 44) * (100vw - 360px) / (1024 - 360));
  }
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .tns-nav {
    margin-left: -5px;
  }
}
.teaser-with-tabs-element .tns-nav button {
  padding: 0;
  width: 15px;
  height: 15px;
  margin: 0 calc(3px + (5 - 3) * (100vw - 360px) / (1024 - 360));
  display: block;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  transition: background-color 500ms;
  position: relative;
  background-color: #9AA890;
  border: none;
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .tns-nav button {
    width: 6.97px;
    height: 6.97px;
  }
}
.teaser-with-tabs-element .tns-nav button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .tns-nav button:before {
    display: none;
  }
}
.teaser-with-tabs-element .tns-nav button.tns-nav-active {
  background-color: #546B59;
  width: 15px;
  height: 15px;
  box-shadow: none;
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .tns-nav button.tns-nav-active {
    width: 6.97px;
    height: 6.97px;
  }
}
.teaser-with-tabs-element .filter-container {
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .filter-container {
    margin-right: calc(-15px + (-90 - -15) * (100vw - 360px) / (1026 - 360));
  }
  .teaser-with-tabs-element .filter-container:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: calc(30px + (60 - 30) * (100vw - 360px) / (1026 - 360));
    height: 60px;
    z-index: 10;
    opacity: 0.83;
    transform: translate(0, -50%);
    background: linear-gradient(to left, rgb(243, 242, 238), rgba(243, 242, 238, 0));
  }
}
@media (max-width: 1026px) and (max-width: 360px) {
  .teaser-with-tabs-element .filter-container:before {
    width: 30px;
  }
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .filter-container {
    position: relative;
    margin-top: 27px;
  }
}
.teaser-with-tabs-element .filter-container .filter-list {
  line-height: 0;
  font-size: 0;
  margin-bottom: -16px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: relative;
}
.teaser-with-tabs-element .filter-container .filter-list.-webkit-scrollbar {
  display: none;
}
@media (max-width: 1200px) {
  .teaser-with-tabs-element .filter-container .filter-list {
    display: flex;
    flex-direction: row;
  }
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .filter-container .filter-list {
    position: relative;
    width: auto;
    overflow-y: hidden;
  }
}
.teaser-with-tabs-element .filter-container .filter-list .filter-item {
  padding: 0;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  margin-bottom: 10px;
  margin-left: calc(20px + (40 - 20) * (100vw - 1024px) / (1800 - 1024));
  margin-right: calc(20px + (33 - 20) * (100vw - 1024px) / (1800 - 1024));
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .filter-container .filter-list .filter-item {
    margin-right: 23px;
  }
  .teaser-with-tabs-element .filter-container .filter-list .filter-item:first-child {
    margin-left: 0;
  }
}
.teaser-with-tabs-element .filter-container .filter-list .filter-item:before {
  display: none;
}
.teaser-with-tabs-element .filter-container .filter-list .filter-item.is-active .morelink {
  opacity: 100%;
}
.teaser-with-tabs-element .filter-container .filter-list .filter-item.is-active .morelink:before {
  height: 3px;
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .filter-container .filter-list .filter-item.is-active .morelink:before {
    bottom: -7px;
  }
}
.teaser-with-tabs-element .filter-container .filter-list .filter-item .morelink {
  border-bottom: none;
  position: relative;
  opacity: 70%;
}
.teaser-with-tabs-element .filter-container .filter-list .filter-item .morelink:after {
  content: "";
  position: absolute;
  right: calc(-25px + (-36 - -25) * (100vw - 1025px) / (1800 - 1025));
  bottom: 12px;
  width: 5px;
  height: 5px;
  background-color: currentColor;
  border-radius: 50%;
}
@media (max-width: 1800px) {
  .teaser-with-tabs-element .filter-container .filter-list .filter-item .morelink:after {
    bottom: calc(8px + (12 - 8) * (100vw - 768px) / (1800 - 768));
  }
}
@media (max-width: 1026px) {
  .teaser-with-tabs-element .filter-container .filter-list .filter-item .morelink:after {
    right: calc(-16px + (-23 - -16) * (100vw - 768px) / (1024 - 768));
  }
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .filter-container .filter-list .filter-item .morelink:after {
    display: none;
  }
}
.teaser-with-tabs-element .filter-container .filter-list .filter-item .morelink:before {
  height: 0;
  bottom: -3px;
  width: 100%;
  transition: height 0.3s ease-in;
  border-bottom-color: currentColor;
  content: "";
  display: block;
  position: absolute;
}
@media (hover: hover) {
  .teaser-with-tabs-element .filter-container .filter-list .filter-item .morelink:hover:before {
    height: 15px;
    opacity: 24%;
  }
}
@media (max-width: 767px) {
  .teaser-with-tabs-element .filter-container .filter-list .filter-item .morelink {
    letter-spacing: 2.5px;
  }
}
.teaser-with-tabs-element .filter-container .filter-list .filter-item:last-child .morelink:after {
  opacity: 0;
}

div:not(.themestage-request-box).standard + .teaser-portrait-element, div:not(.themestage-request-box).spaceL + .teaser-portrait-element, div:not(.themestage-request-box).spaceS + .teaser-portrait-element {
  margin-top: calc(-58px + (-114 - -58) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  div:not(.themestage-request-box).standard + .teaser-portrait-element, div:not(.themestage-request-box).spaceL + .teaser-portrait-element, div:not(.themestage-request-box).spaceS + .teaser-portrait-element {
    margin-top: -58px;
  }
}

.teaser-portrait-element {
  position: relative;
}
.teaser-portrait-element.bgweb .inner {
  position: relative;
  margin-top: calc(58px + (114 - 58) * (100vw - 360px) / (1800 - 360));
}
.teaser-portrait-element.bgweb .inner:before {
  content: "";
  position: absolute;
  pointer-events: none;
  left: calc(-105px + (-86 - -105) * (100vw - 360px) / (1800 - 360));
  top: calc(-58px + (-114 - -58) * (100vw - 360px) / (1800 - 360));
  background: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts//background-image.png") no-repeat;
  background-size: contain;
  width: calc(284.68px + (702.63 - 284.68) * (100vw - 360px) / (1800 - 360));
  height: calc(217.65px + (536.98 - 217.65) * (100vw - 360px) / (1800 - 360));
}
.teaser-portrait-element .container {
  overflow: hidden;
}
.teaser-portrait-element .container .boxed-headline {
  text-align: center;
  margin: 0 auto;
  max-width: calc(320px + (650 - 320) * (100vw - 360px) / (1800 - 360));
}
.teaser-portrait-element .container .boxed-headline .headline {
  padding-left: 3px;
}
@media (max-width: 767px) {
  .teaser-portrait-element .container .boxed-headline .headline {
    letter-spacing: 2.5px;
  }
}
.teaser-portrait-element .container .elements {
  overflow: hidden;
  position: relative;
  margin-top: calc(37px + (120 - 37) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .teaser-portrait-element .container .elements {
    margin-top: 37px;
  }
}
.teaser-portrait-element .container .elements .tns-ovh {
  overflow: visible;
}
.teaser-portrait-element .container .elements .tns-outer .tns-nav {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (max-width: 1026px) {
  .teaser-portrait-element .container .elements .tns-outer .tns-nav {
    margin-top: calc(23px + (73 - 23) * (100vw - 360px) / (1024 - 360));
  }
}
.teaser-portrait-element .container .elements .tns-outer .tns-nav button {
  padding: 0;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  display: block;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  transition: background-color 500ms;
  position: relative;
  background-color: #9AA890;
  border: none;
}
@media (max-width: 1026px) {
  .teaser-portrait-element .container .elements .tns-outer .tns-nav button {
    width: 6.97px;
    height: 6.97px;
  }
}
.teaser-portrait-element .container .elements .tns-outer .tns-nav button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .teaser-portrait-element .container .elements .tns-outer .tns-nav button:before {
    display: none;
  }
}
.teaser-portrait-element .container .elements .tns-outer .tns-nav button.tns-nav-active {
  background-color: #546B59;
  width: 15px;
  height: 15px;
  box-shadow: none;
}
@media (max-width: 1026px) {
  .teaser-portrait-element .container .elements .tns-outer .tns-nav button.tns-nav-active {
    width: 6.97px;
    height: 6.97px;
  }
}
.teaser-portrait-element .container .elements .elements-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.teaser-portrait-element .container .elements .elements-inner .element {
  width: 33.33333%;
}
.teaser-portrait-element .container .elements .elements-inner .element + .element {
  margin-left: calc(15px + (48 - 15) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .teaser-portrait-element .container .elements .elements-inner .element + .element {
    margin-left: 15px;
  }
}
@media (max-width: 600px) {
  .teaser-portrait-element .container .elements .elements-inner .element + .element {
    margin-left: 0;
  }
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner {
  position: relative;
  margin: 0 auto;
  border: none;
  background-color: transparent;
}
@media (hover: hover) {
  .teaser-portrait-element .container .elements .elements-inner .element .element-inner:hover .text-box .hidden-content {
    opacity: 1;
    overflow: inherit;
    max-height: 300px;
    transition: opacity 0.4s ease, max-height 0.4s ease;
  }
  .teaser-portrait-element .container .elements .elements-inner .element .element-inner:hover .image-box img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .absolute-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: auto;
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box {
  text-align: center;
  left: 0;
  top: 50%;
  transform: translate(0, -37%);
  position: absolute;
  pointer-events: none;
  z-index: 2;
  word-break: break-word;
  background-color: transparent;
  padding: 0 10px;
  width: 100%;
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box .title {
  opacity: 1;
}
@media (max-width: 767px) {
  .teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box {
    transform: translate(0, -33%);
  }
}
@media (max-width: 767px) {
  .teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box .headline {
    letter-spacing: 0;
  }
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box .hidden-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.4s ease, max-height 0.6s ease;
  padding-top: 17px;
}
@media (max-width: 767px) {
  .teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box .hidden-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box .hidden-content .subheadline {
  text-transform: none;
  padding-left: calc(10px + (71 - 10) * (100vw - 768px) / (1800 - 768));
  padding-right: calc(10px + (71 - 10) * (100vw - 768px) / (1800 - 768));
  letter-spacing: 0;
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box .hidden-content .svg-next {
  padding-top: 4px;
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .text-box .hidden-content .svg-next svg {
  width: 8.78px;
  height: 11px;
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .image-box {
  position: relative;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .image-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.teaser-portrait-element .container .elements .elements-inner .element .element-inner .image-box img {
  width: 100%;
  height: 100%;
  transition: transform 2000ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}

.request-box-active .footer-main .newsletter-info-block .newsletter-block {
  display: none;
}

.footer-main {
  padding-bottom: 90px;
}
.footer-main a {
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .footer-main a:hover {
    opacity: 0.5;
  }
}
.footer-main .bghighlight {
  position: relative;
}
.footer-main .bghighlight:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  pointer-events: none;
  background-image: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/bghighlight-background.svg");
}
.footer-main .language-box {
  display: flex;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 10px;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .footer-main .language-box {
    justify-content: center;
  }
}
.footer-main .language-box .language-item {
  text-transform: uppercase;
  margin-left: 11px;
  letter-spacing: 3px;
}
.footer-main .language-box .language-item.active-language {
  opacity: 0.5;
  display: flex;
  cursor: default;
  align-items: center;
}
@media (max-width: 767px) {
  .footer-main .language-box .language-item.active-language {
    margin-left: 0;
  }
}
.footer-main .language-box .language-item:before {
  display: none;
}
.footer-main .language-box .language-item svg {
  display: none;
}
.footer-main .newsletter-block {
  height: 0;
  position: relative;
  padding-bottom: 48.1%;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding-bottom: 0;
    height: auto;
  }
}
.footer-main .newsletter-block .image-box {
  pointer-events: none;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .image-box {
    display: none;
  }
}
.footer-main .newsletter-block .upper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.footer-main .newsletter-block .inner-newsletter {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .inner-newsletter {
    height: auto;
    position: static;
  }
}
.footer-main .newsletter-block .inner-newsletter .main-title .morelink {
  font-family: "PTSans";
}
.footer-main .newsletter-block .inner-newsletter .main-title .morelink:before {
  display: none;
}
.footer-main .newsletter-block .inner-newsletter .main-title .morelink svg {
  top: 0;
  width: 10px;
  height: 12px;
  margin-left: 3px;
  position: relative;
  transform: rotate(-90deg);
}
.footer-main .newsletter-block .ZeppelinRequest form {
  border: 1px solid #FFFFFF;
  border-radius: calc(30px + (48 - 30) * (100vw - 360px) / (1800 - 360));
  padding: 7px calc(3px + (10 - 3) * (100vw - 360px) / (1800 - 360));
  height: calc(45px + (96 - 45) * (100vw - 360px) / (1800 - 360));
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .ZeppelinRequest form {
    flex-direction: column;
    border-radius: 0;
    padding: 0 3px;
    height: auto;
    border: 0;
  }
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group {
  margin: 0;
  justify-content: center;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .ZeppelinRequest form .form-group {
    margin-top: 8px;
  }
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group.has-error {
  position: relative;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group.has-error .help-block.error {
  transform: translate(0, 100%);
  position: absolute;
  color: #d81010;
  line-height: calc(18px + (36 - 18) * (100vw - 768px) / (1800 - 768));
  font-size: calc(10px + (14 - 10) * (100vw - 768px) / (1800 - 768));
  bottom: calc(-30px + (-45 - -30) * (100vw - 768px) / (1800 - 768));
  left: 0;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .ZeppelinRequest form .form-group.has-error .help-block.error {
    line-height: 18px;
    font-size: 10px;
    bottom: 0;
  }
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group.email {
  width: 90%;
}
@media (max-width: 1026px) {
  .footer-main .newsletter-block .ZeppelinRequest form .form-group.email {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .ZeppelinRequest form .form-group.privacy {
    margin-top: 16px;
  }
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group input:not([type=checkbox]) {
  border: 0;
  color: #FFFFFF;
  padding: 12px calc(16px + (56 - 16) * (100vw - 768px) / (1800 - 768));
  font-size: calc(18px + (20 - 18) * (100vw - 768px) / (1800 - 768));
  font-family: Goudy Old Style, sans-serif;
  background: transparent;
  line-height: 28px;
  outline: none;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .ZeppelinRequest form .form-group input:not([type=checkbox]) {
    background-color: #546B59;
    height: calc(45px + (96 - 45) * (100vw - 360px) / (1800 - 360));
    border: 1px solid #6A7E6F;
    border-radius: 30px;
    padding: 12px 16px;
  }
}
@media (max-width: 360px) {
  .footer-main .newsletter-block .ZeppelinRequest form .form-group input:not([type=checkbox]) {
    font-size: 18px;
  }
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group input::placeholder {
  color: #FFFFFF;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .control-label,
.footer-main .newsletter-block .ZeppelinRequest form .form-group .checkbox,
.footer-main .newsletter-block .ZeppelinRequest form .form-group .input {
  width: 100%;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .input.checkbox .form-check input:checked.add-on + span span:after {
  opacity: 1;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .input.checkbox .form-check input.add-on {
  opacity: 0;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .input.checkbox .form-check input.add-on + span {
  font-size: 0;
  position: relative;
  white-space: nowrap;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .input.checkbox .form-check input.add-on + span span {
  font-size: 15px;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .input.checkbox .form-check input.add-on + span span:before {
  left: -24px;
  content: "";
  top: 3px;
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
  position: absolute;
  border-radius: 1px;
  background-color: transparent;
  border: 1px solid currentColor;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .input.checkbox .form-check input.add-on + span span:after {
  opacity: 0;
  display: block;
  position: absolute;
  top: 7px;
  width: 10px;
  left: -20px;
  height: 5px;
  content: "";
  pointer-events: none;
  transform: rotate(-45deg);
  border-left: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .ZeppelinRequest form .form-group .input.checkbox .form-check input.add-on + span span:after {
    top: 7px;
    width: 9px;
    left: -20px;
  }
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .input.checkbox .form-check input.add-on + span span a {
  font-size: 15px;
  line-height: 26px;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.footer-main .newsletter-block .ZeppelinRequest form .form-group .form-check-label {
  display: flex;
  font-size: 20px;
  line-height: 28px;
  align-items: center;
  font-family: "Goudy Old Style", sans-serif;
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .ZeppelinRequest form .actions {
    margin-top: 30px;
  }
}
.footer-main .newsletter-block .ZeppelinRequest form .actions .btn-primary {
  color: #FFFFFF;
  background: #546B59;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  font-size: calc(16px + (18 - 16) * (100vw - 360px) / (1800 - 360));
  height: calc(45px + (81 - 45) * (100vw - 360px) / (1800 - 360));
  transition: opacity 0.3s linear;
  padding: 10px 30px 10px 31px;
  text-transform: uppercase;
  font-family: "PTSans";
  white-space: nowrap;
  border-radius: 48px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  outline: none;
  border: 0;
}
@media (max-width: 1026px) {
  .footer-main .newsletter-block .ZeppelinRequest form .actions .btn-primary {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .ZeppelinRequest form .actions .btn-primary {
    background-color: #9AA890;
    padding: 7px 30px 6px 31px;
  }
}
@media (max-width: 360px) {
  .footer-main .newsletter-block .ZeppelinRequest form .actions .btn-primary {
    letter-spacing: 2px;
    font-size: 16px;
  }
}
@media (hover: hover) {
  .footer-main .newsletter-block .ZeppelinRequest form .actions .btn-primary:hover {
    background-color: #768879;
  }
}
.footer-main .newsletter-block .main-title {
  display: none;
  padding: 9px 0 8px;
  font-family: "PTSans";
  text-transform: uppercase;
  padding-left: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .footer-main .newsletter-block .main-title {
    text-align: center;
    display: block;
  }
}
.footer-main .newsletter-block .main-title.is_active + .newsletter-box {
  display: block;
}
.footer-main .newsletter-block .main-title.is_active svg {
  transform: rotate(180deg);
}
.footer-main .newsletter-block .main-title svg {
  width: 15px;
  height: 16px;
  margin-left: -3px;
  transition: transform 0.3s ease;
}
.footer-main .newsletter-box {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 767px) {
  .footer-main .newsletter-box {
    background-image: none;
    display: none;
  }
}
@media (max-width: 360px) {
  .footer-main .newsletter-box {
    padding-top: 50px;
  }
}
.footer-main .newsletter-box .newsletter-title {
  text-align: center;
}
.footer-main .newsletter-box .ZeppelinRequest {
  position: relative;
  z-index: 10;
}
.footer-main .newsletter-box .standard {
  padding: 0;
}
.footer-main .newsletter-box .inner {
  padding-bottom: calc(74px + (62 - 74) * (100vw - 360px) / (1800 - 360));
  padding-top: calc(50px + (167 - 50) * (100vw - 360px) / (1800 - 360));
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  .footer-main .newsletter-box .inner {
    position: static;
  }
}
.footer-main .newsletter-box .inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: 6;
  pointer-events: none;
  background: linear-gradient(-180deg, transparent 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 100%);
}
.footer-main .newsletter-box .inner .module-outdoor-spaces {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.footer-main .top-information {
  padding-top: calc(56px + (162 - 56) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(74px + (62 - 74) * (100vw - 360px) / (1800 - 360));
}
.footer-main .top-information .center-tex-box {
  text-align: center;
  max-width: calc(211px + (560 - 211) * (100vw - 360px) / (1800 - 360));
  margin: 0 auto calc(96px + (55 - 96) * (100vw - 360px) / (1800 - 360));
}
.footer-main .top-information .center-tex-box img {
  height: auto;
  width: 100%;
}
.footer-main .top-information .bottom-box-inner {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner {
    flex-wrap: wrap;
    margin: 0 -16px;
  }
}
.footer-main .top-information .bottom-box-inner .left-box .title,
.footer-main .top-information .bottom-box-inner .right-box .title {
  margin-bottom: 6px;
  font-family: "PTSans";
  text-transform: uppercase;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .left-box .title,
  .footer-main .top-information .bottom-box-inner .right-box .title {
    margin-bottom: 7px;
  }
}
.footer-main .top-information .bottom-box-inner .left-box {
  flex: 0 0 45%;
  max-width: 45%;
  line-height: 32px;
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .left-box {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}
.footer-main .top-information .bottom-box-inner .left-box span, .footer-main .top-information .bottom-box-inner .left-box a {
  font-family: "PTSans";
  margin-right: 24px;
  position: relative;
}
.footer-main .top-information .bottom-box-inner .left-box span:last-child, .footer-main .top-information .bottom-box-inner .left-box a:last-child {
  margin-right: 0;
}
.footer-main .top-information .bottom-box-inner .left-box span:last-child:before, .footer-main .top-information .bottom-box-inner .left-box a:last-child:before {
  display: none;
}
.footer-main .top-information .bottom-box-inner .left-box span:before, .footer-main .top-information .bottom-box-inner .left-box a:before {
  content: "";
  position: absolute;
  right: -17px;
  width: calc(3px + (5 - 3) * (100vw - 360px) / (1800 - 360));
  height: calc(3px + (5 - 3) * (100vw - 360px) / (1800 - 360));
  background-color: currentColor;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
}
.footer-main .top-information .bottom-box-inner .right-box {
  flex: 0 0 55%;
  max-width: 55%;
  display: flex;
  overflow: hidden;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .right-box {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 37px;
    align-items: center;
  }
}
.footer-main .top-information .bottom-box-inner .right-box.is_active svg {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .right-box.is_active .inner {
    display: block;
  }
}
.footer-main .top-information .bottom-box-inner .right-box .title {
  display: none;
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .right-box .title {
    display: block;
  }
}
.footer-main .top-information .bottom-box-inner .right-box .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: calc(440px + (500 - 440) * (100vw - 1026px) / (1800 - 1026));
  margin-right: calc(-20px + (-40 - -20) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 1026px) {
  .footer-main .top-information .bottom-box-inner .right-box .inner {
    max-width: calc(360px + (440 - 360) * (100vw - 768px) / (1026 - 768));
  }
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .right-box .inner {
    margin: 0;
    display: none;
  }
}
.footer-main .top-information .bottom-box-inner .right-box .inner .info-links {
  font-size: 0;
  line-height: 0;
  margin-bottom: 4px;
  position: relative;
  margin-right: calc(20px + (40 - 20) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .right-box .inner .info-links {
    text-align: center;
    margin: 0 0 5px;
  }
}
.footer-main .top-information .bottom-box-inner .right-box .inner .info-links:last-child .footer-link {
  margin-right: 0;
}
.footer-main .top-information .bottom-box-inner .right-box .inner .info-links:before {
  content: "";
  position: absolute;
  width: calc(3px + (5 - 3) * (100vw - 360px) / (1800 - 360));
  height: calc(3px + (5 - 3) * (100vw - 360px) / (1800 - 360));
  right: calc(-10px + (-20 - -10) * (100vw - 768px) / (1800 - 768));
  background-color: currentColor;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .right-box .inner .info-links:before {
    display: none;
  }
}
.footer-main .top-information .bottom-box-inner .right-box .inner span.footer-link {
  flex: 0 0 100%;
  text-align: right;
  margin-bottom: 3px;
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .right-box .inner span.footer-link {
    text-align: center;
  }
}
.footer-main .top-information .bottom-box-inner .right-box .inner .footer-link {
  font-family: "PTSans";
  text-transform: uppercase;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .footer-main .top-information .bottom-box-inner .right-box .inner .footer-link {
    text-transform: none;
    text-align: center;
    letter-spacing: 0;
    line-height: calc(24px + (36 - 24) * (100vw - 360px) / (1800 - 360));
    font-size: calc(16px + (22 - 16) * (100vw - 360px) / (1800 - 360));
  }
}
.footer-main .icon-arrow-small-down {
  width: 15px;
  height: 16px;
  margin-left: -3px;
  transition: transform 0.3s ease;
}
@media (max-width: 767px) {
  .footer-main .icon-arrow-small-down {
    width: 10px;
    height: 13px;
    margin-left: 0;
  }
}
.footer-main .map-container {
  position: relative;
  text-align: center;
  z-index: 10;
}
.footer-main .map-container .title {
  cursor: pointer;
  padding: 9px 0 8px;
  font-family: "PTSans";
  text-transform: uppercase;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .footer-main .map-container .title {
    letter-spacing: 2px;
  }
}
.footer-main .map-container .title.is_active + .inner {
  display: block;
}
.footer-main .map-container .title.is_active svg {
  transform: rotate(180deg);
}
.footer-main .map-container .inner {
  display: none;
  margin-left: calc(-15px + (-150 - -15) * (100vw - 360px) / (1800 - 360));
  margin-right: calc(-15px + (-150 - -15) * (100vw - 360px) / (1800 - 360));
}
.footer-main .bottom-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1026px) {
  .footer-main .bottom-box {
    flex-direction: column-reverse;
  }
}
.footer-main .bottom-box.only-links .left-box {
  margin-left: auto;
  margin-right: auto;
}
.footer-main .bottom-box.only-links .left-box .produced-by-link {
  justify-content: center;
}
.footer-main .bottom-box .left-box,
.footer-main .bottom-box .right-box {
  margin-top: calc(20px + (28 - 20) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .footer-main .bottom-box .left-box,
  .footer-main .bottom-box .right-box {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .footer-main .bottom-box .left-box,
  .footer-main .bottom-box .right-box {
    margin-top: 31px;
  }
}
.footer-main .bottom-box .right-box {
  flex: 0 0 40%;
  max-width: 40%;
  padding-left: 40px;
}
@media (max-width: 1200px) {
  .footer-main .bottom-box .right-box {
    flex: 0 0 30%;
    max-width: 30%;
    padding-left: 20px;
  }
}
@media (max-width: 1026px) {
  .footer-main .bottom-box .right-box {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
}
.footer-main .bottom-box .right-box .tns-nav {
  justify-content: center;
  display: none;
}
@media (max-width: 767px) {
  .footer-main .bottom-box .right-box .tns-nav {
    display: flex;
  }
}
.footer-main .bottom-box .bottom-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1026px) {
  .footer-main .bottom-box .bottom-links {
    justify-content: center;
  }
}
.footer-main .bottom-box .bottom-links .info-links {
  line-height: calc(28px + (32 - 28) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .footer-main .bottom-box .bottom-links .info-links:nth-child(3) .footer-link:before {
    display: none;
  }
}
.footer-main .bottom-box .bottom-links .copyright {
  line-height: calc(28px + (32 - 28) * (100vw - 360px) / (1800 - 360));
}
.footer-main .bottom-box .bottom-links .copyright .footer-link {
  margin-left: 0;
}
.footer-main .bottom-box .bottom-links .copyright .footer-link:before {
  display: none;
}
.footer-main .bottom-box .bottom-links .footer-link {
  margin: 0 15px;
  font-size: 18px;
  position: relative;
  white-space: nowrap;
  color: #807464;
  line-height: calc(28px + (32 - 28) * (100vw - 360px) / (1800 - 360));
}
.footer-main .bottom-box .bottom-links .footer-link:before {
  content: "";
  position: absolute;
  left: -15px;
  bottom: 5px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: currentColor;
}
.footer-main .bottom-box .produced-by-link {
  display: flex;
  margin-top: 7px;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: calc(16px + (36 - 16) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .footer-main .bottom-box .produced-by-link {
    justify-content: center;
    margin-bottom: 77px;
  }
}
.footer-main .bottom-box .produced-by-link .small {
  font-size: 18px;
}
.footer-main .bottom-box .produced-by-link svg {
  margin-left: 4px;
}

.footer-partners-logo {
  display: flex;
  margin-right: 6px;
  margin-left: auto;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1026px) {
  .footer-partners-logo {
    margin: 0 auto;
    justify-content: center;
  }
}
.footer-partners-logo .partner-logo {
  position: relative;
  padding: 0 12.5px;
  font-size: 0;
  line-height: 0;
}
@media (max-width: 1026px) {
  .footer-partners-logo .partner-logo {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-partners-logo .partner-logo {
    padding: 0 10px;
  }
}
.footer-partners-logo .partner-logo:first-child {
  padding-left: 0;
}
.footer-partners-logo .partner-logo:last-child {
  padding-right: 0;
}
.footer-partners-logo .partner-logo a {
  top: 0;
  left: 0;
  z-index: 1;
  bottom: 0;
  right: 10px;
  position: absolute;
}
@media (max-width: 1200px) {
  .footer-partners-logo .partner-logo {
    min-width: 0;
  }
}
.footer-partners-logo .partner-logo img {
  max-width: 138px;
  max-height: 52px;
  object-fit: contain;
}
@media (max-width: 1026px) {
  .footer-partners-logo .partner-logo img {
    max-width: 94px;
    max-height: 40px;
    object-fit: contain;
    width: 100%;
  }
}
.footer-partners-logo .tns-nav {
  justify-content: center;
}

.social-links {
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-left: calc(-8px + (-14 - -8) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .social-links {
    justify-content: center;
  }
}
.social-links li {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin-right: 25px;
  margin-left: calc(7.5px + (12.5 - 7.5) * (100vw - 360px) / (1800 - 360));
  margin-right: calc(7.5px + (12.5 - 7.5) * (100vw - 360px) / (1800 - 360));
}
.social-links li a {
  width: 21px;
  height: 24px;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .social-links li a:hover {
    opacity: 0.8;
  }
}
.social-links li svg {
  width: 100%;
  height: 100%;
  fill: #546B59;
}
.social-links li:before {
  display: none;
}

.image-galleryonpage-element {
  overflow: hidden;
}
.image-galleryonpage-element .boxed-headline {
  text-align: center;
  margin: 0 auto;
}
.image-galleryonpage-element .boxed-headline + .inner {
  margin-top: calc(36px + (91 - 36) * (100vw - 360px) / (1800 - 360));
}
.image-galleryonpage-element .boxed-headline .title {
  font-family: "PTSans";
  text-transform: uppercase;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
}
.image-galleryonpage-element .inner {
  position: relative;
}
@media (max-width: 767px) {
  .image-galleryonpage-element .inner {
    padding: 0 calc(10px + (25 - 10) * (100vw - 360px) / (767 - 360));
  }
}
.image-galleryonpage-element .inner .tns-ovh {
  overflow: visible;
}
.image-galleryonpage-element .inner .tns-outer {
  margin: 0 calc(-14px + (-36 - -14) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .image-galleryonpage-element .inner .tns-outer {
    margin: 0;
  }
}
.image-galleryonpage-element .inner .gallery-onpage-list {
  display: flex;
  align-items: stretch;
  transition-timing-function: linear;
}
.image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc(14px + (36 - 14) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item {
    padding: 0 5px;
  }
}
.image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item.is-landscape {
  display: flex;
  align-items: center;
}
.image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item.is-landscape .image-box {
  width: calc(313px + (366 - 313) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item.is-landscape .image-box {
    width: 100%;
  }
}
.image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item .image-box {
  width: calc(274px + (320 - 274) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item .image-box {
    width: 100%;
  }
}
.image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item .text-box-item {
  padding: 0 28.5px 40px;
  width: calc(274px + (320 - 274) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item .text-box-item {
    width: 100%;
  }
}
.image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item .text-box-item.bgweb2 {
  background-image: none;
}
.image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item .text-box-item .image-box {
  top: -21px;
  width: auto;
  margin: 0 auto;
  max-width: 82.9%;
  position: relative;
}
@media (max-width: 767px) {
  .image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item .text-box-item .image-box {
    width: 100%;
  }
}
.image-galleryonpage-element .inner .gallery-onpage-list .gallery-onpage-item .text-box-item .description {
  text-align: center;
  margin-top: calc(12px + (22 - 12) * (100vw - 360px) / (1800 - 360));
}
.image-galleryonpage-element .inner .arrow-container {
  display: flex;
  margin-top: 40px;
  justify-content: center;
}
@media (max-width: 767px) {
  .image-galleryonpage-element .inner .arrow-container {
    display: none;
  }
}
.image-galleryonpage-element .inner .arrow-container > div {
  width: 56px;
  height: 56px;
  display: flex;
  margin: 0 8px;
  cursor: pointer;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid #9AA890;
}
.image-galleryonpage-element .inner .arrow-container svg {
  width: 17px;
  height: 14px;
  fill: #9AA890;
}
.image-galleryonpage-element .link-box {
  margin-top: 64px;
  text-align: center;
}
.image-galleryonpage-element .link-box .morelink {
  letter-spacing: 3px;
  text-transform: uppercase;
}
.image-galleryonpage-element .link-box .morelink:before {
  bottom: -5px;
}
.image-galleryonpage-element .tns-nav {
  display: none;
  margin-top: 20px;
  justify-content: center;
}
@media (max-width: 767px) {
  .image-galleryonpage-element .tns-nav {
    display: flex;
  }
}

.story-list-element .boxed-headline,
.storyOnpage-list-element .boxed-headline {
  max-width: none;
}
.story-list-element .boxed-headline .t1,
.storyOnpage-list-element .boxed-headline .t1 {
  margin-bottom: 0;
}
.story-list-element .boxed-headline .headline,
.storyOnpage-list-element .boxed-headline .headline {
  max-width: calc(530px + (657 - 530) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .story-list-element .boxed-headline .headline,
  .storyOnpage-list-element .boxed-headline .headline {
    max-width: 100%;
  }
}
.story-list-element .boxed-headline .subheadline,
.storyOnpage-list-element .boxed-headline .subheadline {
  margin-right: calc(0px + (-19 - 0) * (100vw - 768px) / (1800 - 768));
  margin-top: calc(13px + (2 - 13) * (100vw - 768px) / (1800 - 768));
  margin-left: auto;
  max-width: 482px;
}
@media (max-width: 767px) {
  .story-list-element .boxed-headline .subheadline,
  .storyOnpage-list-element .boxed-headline .subheadline {
    margin-top: 13px;
    margin-right: 0;
    margin-left: 0;
  }
}
.story-list-element .boxed-headline + div,
.storyOnpage-list-element .boxed-headline + div {
  margin-top: calc(54px + (72 - 54) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .story-list-element .boxed-headline + div,
  .storyOnpage-list-element .boxed-headline + div {
    margin-top: 54px;
  }
}
.story-list-element .story-list-items-container,
.story-list-element .stories-onpage,
.storyOnpage-list-element .story-list-items-container,
.storyOnpage-list-element .stories-onpage {
  display: flex;
  flex-wrap: wrap;
}
.story-list-element .story-list-items-container .story-item,
.story-list-element .stories-onpage .story-item,
.storyOnpage-list-element .story-list-items-container .story-item,
.storyOnpage-list-element .stories-onpage .story-item {
  flex: 0 0 100%;
  display: flex;
}
.story-list-element .story-list-items-container .story-item:first-child .wrapper,
.story-list-element .stories-onpage .story-item:first-child .wrapper,
.storyOnpage-list-element .story-list-items-container .story-item:first-child .wrapper,
.storyOnpage-list-element .stories-onpage .story-item:first-child .wrapper {
  margin-top: 0;
}
.story-list-element .story-list-items-container .story-item:nth-child(3n+1) .wrapper,
.story-list-element .stories-onpage .story-item:nth-child(3n+1) .wrapper,
.storyOnpage-list-element .story-list-items-container .story-item:nth-child(3n+1) .wrapper,
.storyOnpage-list-element .stories-onpage .story-item:nth-child(3n+1) .wrapper {
  padding-left: calc(0px + (128 - 0) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(0px + (106 - 0) * (100vw - 360px) / (1800 - 360));
}
.story-list-element .story-list-items-container .story-item:nth-child(4n-1) .wrapper,
.story-list-element .stories-onpage .story-item:nth-child(4n-1) .wrapper,
.storyOnpage-list-element .story-list-items-container .story-item:nth-child(4n-1) .wrapper,
.storyOnpage-list-element .stories-onpage .story-item:nth-child(4n-1) .wrapper {
  padding-left: 0;
  padding-right: calc(0px + (234 - 0) * (100vw - 360px) / (1800 - 360));
}
.story-list-element .story-list-items-container .story-item:nth-child(even),
.story-list-element .stories-onpage .story-item:nth-child(even),
.storyOnpage-list-element .story-list-items-container .story-item:nth-child(even),
.storyOnpage-list-element .stories-onpage .story-item:nth-child(even) {
  justify-content: flex-end;
}
.story-list-element .story-list-items-container .story-item:nth-child(even) .wrapper,
.story-list-element .stories-onpage .story-item:nth-child(even) .wrapper,
.storyOnpage-list-element .story-list-items-container .story-item:nth-child(even) .wrapper,
.storyOnpage-list-element .stories-onpage .story-item:nth-child(even) .wrapper {
  padding-left: calc(0px + (106 - 0) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(0px + (128 - 0) * (100vw - 360px) / (1800 - 360));
}
.story-list-element .story-list-items-container .story-item .item-inner,
.story-list-element .stories-onpage .story-item .item-inner,
.storyOnpage-list-element .story-list-items-container .story-item .item-inner,
.storyOnpage-list-element .stories-onpage .story-item .item-inner {
  position: relative;
}
.story-list-element .story-list-items-container .story-item .wrapper,
.story-list-element .stories-onpage .story-item .wrapper,
.storyOnpage-list-element .story-list-items-container .story-item .wrapper,
.storyOnpage-list-element .stories-onpage .story-item .wrapper {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: calc(0px + (128 - 0) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(0px + (106 - 0) * (100vw - 360px) / (1800 - 360));
  margin-top: calc(-180px + (-264 - -180) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .story-list-element .story-list-items-container .story-item .wrapper,
  .story-list-element .stories-onpage .story-item .wrapper,
  .storyOnpage-list-element .story-list-items-container .story-item .wrapper,
  .storyOnpage-list-element .stories-onpage .story-item .wrapper {
    flex: 0 0 80%;
    max-width: 80%;
    margin-top: 71px;
  }
}
@media (max-width: 767px) {
  .story-list-element .story-list-items-container .story-item .wrapper,
  .story-list-element .stories-onpage .story-item .wrapper,
  .storyOnpage-list-element .story-list-items-container .story-item .wrapper,
  .storyOnpage-list-element .stories-onpage .story-item .wrapper {
    flex: 0 0 73%;
    max-width: 73%;
  }
}
.story-list-element .story-list-items-container .story-item .textbox,
.story-list-element .stories-onpage .story-item .textbox,
.storyOnpage-list-element .story-list-items-container .story-item .textbox,
.storyOnpage-list-element .stories-onpage .story-item .textbox {
  max-width: 90%;
  margin-top: calc(10px + (28 - 10) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .story-list-element .story-list-items-container .story-item .textbox,
  .story-list-element .stories-onpage .story-item .textbox,
  .storyOnpage-list-element .story-list-items-container .story-item .textbox,
  .storyOnpage-list-element .stories-onpage .story-item .textbox {
    max-width: 100%;
  }
}
.story-list-element .story-list-items-container .story-item .headline + .subheadline,
.story-list-element .stories-onpage .story-item .headline + .subheadline,
.storyOnpage-list-element .story-list-items-container .story-item .headline + .subheadline,
.storyOnpage-list-element .stories-onpage .story-item .headline + .subheadline {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .story-list-element .story-list-items-container .story-item .headline + .subheadline,
  .story-list-element .stories-onpage .story-item .headline + .subheadline,
  .storyOnpage-list-element .story-list-items-container .story-item .headline + .subheadline,
  .storyOnpage-list-element .stories-onpage .story-item .headline + .subheadline {
    margin-top: 4px;
  }
}
.story-list-element .story-list-items-container .story-item .subheadline,
.story-list-element .stories-onpage .story-item .subheadline,
.storyOnpage-list-element .story-list-items-container .story-item .subheadline,
.storyOnpage-list-element .stories-onpage .story-item .subheadline {
  line-height: calc(24px + (32 - 24) * (100vw - 360px) / (1800 - 360));
}
.story-list-element .story-list-items-container .story-item .subheadline p,
.story-list-element .stories-onpage .story-item .subheadline p,
.storyOnpage-list-element .story-list-items-container .story-item .subheadline p,
.storyOnpage-list-element .stories-onpage .story-item .subheadline p {
  display: inline;
}
.story-list-element .story-list-items-container .story-item .subheadline svg,
.story-list-element .stories-onpage .story-item .subheadline svg,
.storyOnpage-list-element .story-list-items-container .story-item .subheadline svg,
.storyOnpage-list-element .stories-onpage .story-item .subheadline svg {
  top: 2px;
  width: 14px;
  height: 15px;
  margin-left: 3px;
  transform: rotate(-90deg);
  position: relative;
  fill: #9AA890;
}
@media (max-width: 767px) {
  .story-list-element .story-list-items-container .story-item .subheadline svg,
  .story-list-element .stories-onpage .story-item .subheadline svg,
  .storyOnpage-list-element .story-list-items-container .story-item .subheadline svg,
  .storyOnpage-list-element .stories-onpage .story-item .subheadline svg {
    width: 10px;
    height: 13px;
    margin-left: 5px;
    transform: rotate(-90deg);
    position: relative;
    top: 3px;
  }
}
.story-list-element .story-list-items-container .linkbox,
.story-list-element .stories-onpage .linkbox,
.storyOnpage-list-element .story-list-items-container .linkbox,
.storyOnpage-list-element .stories-onpage .linkbox {
  margin-top: calc(16px + (22 - 16) * (100vw - 360px) / (1800 - 360));
}
.story-list-element .story-list-items-container .linkbox .morelink svg,
.story-list-element .stories-onpage .linkbox .morelink svg,
.storyOnpage-list-element .story-list-items-container .linkbox .morelink svg,
.storyOnpage-list-element .stories-onpage .linkbox .morelink svg {
  display: none;
}
.story-list-element .show-more-block,
.storyOnpage-list-element .show-more-block {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
  margin-top: calc(50px + (160 - 50) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .story-list-element .show-more-block,
  .storyOnpage-list-element .show-more-block {
    margin-top: 50px;
  }
}
.story-list-element .show-more-block .morelink,
.storyOnpage-list-element .show-more-block .morelink {
  color: #9AA890;
  background: transparent;
  cursor: pointer;
  border: 0;
}

.ExtClickPointsT1:not(.elements_1):not(.logged-in) .tns-outer {
  cursor: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/cursors/cursor-drag.svg") 45 45, auto;
}

.ClickPointsT1 {
  overflow: hidden;
}

.RoomClickPointsT1 .module-outdoor-spaces,
.ClickPointsT1 .module-outdoor-spaces,
.ExtClickPointsT1 .module-outdoor-spaces {
  padding-left: calc(15px + (50 - 15) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(15px + (50 - 15) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .module-outdoor-spaces .clickpoints-preview,
  .ClickPointsT1 .module-outdoor-spaces .clickpoints-preview,
  .ExtClickPointsT1 .module-outdoor-spaces .clickpoints-preview {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .module-outdoor-spaces .linkbox,
  .ClickPointsT1 .module-outdoor-spaces .linkbox,
  .ExtClickPointsT1 .module-outdoor-spaces .linkbox {
    padding: 20px;
  }
}
.RoomClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner,
.ClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner,
.ExtClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner {
  direction: inherit;
  display: block;
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .image-box picture,
  .ClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .image-box picture,
  .ExtClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .image-box picture {
    height: 100%;
  }
}
.RoomClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .image-box img,
.ClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .image-box img,
.ExtClickPointsT1 .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.RoomClickPointsT1 .gallery-info-box,
.ClickPointsT1 .gallery-info-box,
.ExtClickPointsT1 .gallery-info-box {
  text-align: center;
}
@media (max-width: 360px) {
  .RoomClickPointsT1 .gallery-info-box,
  .ClickPointsT1 .gallery-info-box,
  .ExtClickPointsT1 .gallery-info-box {
    text-align: left;
  }
}
.RoomClickPointsT1 .gallery-info-box .headline,
.ClickPointsT1 .gallery-info-box .headline,
.ExtClickPointsT1 .gallery-info-box .headline {
  max-width: 720px;
  margin: 0 auto 12px;
}
@media (max-width: 360px) {
  .RoomClickPointsT1 .gallery-info-box .headline,
  .ClickPointsT1 .gallery-info-box .headline,
  .ExtClickPointsT1 .gallery-info-box .headline {
    max-width: 190px;
    margin: 0 0 8px;
  }
}
.RoomClickPointsT1 .gallery-info-box .subheadline,
.ClickPointsT1 .gallery-info-box .subheadline,
.ExtClickPointsT1 .gallery-info-box .subheadline {
  max-width: 604px;
  margin: 0 auto 38px;
}
@media (max-width: 360px) {
  .RoomClickPointsT1 .gallery-info-box .subheadline,
  .ClickPointsT1 .gallery-info-box .subheadline,
  .ExtClickPointsT1 .gallery-info-box .subheadline {
    margin: 0 0 18px;
  }
}
.RoomClickPointsT1 .elements-container .element .image,
.ClickPointsT1 .elements-container .element .image,
.ExtClickPointsT1 .elements-container .element .image {
  overflow: hidden;
  position: relative;
}
.RoomClickPointsT1 .elements-container .element .image picture,
.ClickPointsT1 .elements-container .element .image picture,
.ExtClickPointsT1 .elements-container .element .image picture {
  height: 100%;
}
.RoomClickPointsT1 .elements-container .element .image img,
.ClickPointsT1 .elements-container .element .image img,
.ExtClickPointsT1 .elements-container .element .image img {
  width: 100%;
  height: auto;
  display: block;
}
.RoomClickPointsT1 .elements-container .element .image .clickpoint,
.ClickPointsT1 .elements-container .element .image .clickpoint,
.ExtClickPointsT1 .elements-container .element .image .clickpoint {
  position: absolute;
  top: 0;
  left: 0;
  width: 51px;
  height: 51px;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(calc(-12.5px + (-25.5 - -12.5) * (100vw - 360px) / (1800 - 360)), calc(-12.5px + (-25.5 - -12.5) * (100vw - 360px) / (1800 - 360)));
  border-radius: 50%;
  cursor: pointer;
  width: calc(25px + (51 - 25) * (100vw - 360px) / (1800 - 360));
  height: calc(25px + (51 - 25) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .RoomClickPointsT1 .elements-container .element .image .clickpoint,
  .ClickPointsT1 .elements-container .element .image .clickpoint,
  .ExtClickPointsT1 .elements-container .element .image .clickpoint {
    transform: translate(-12.5, -12.5);
  }
}
@media (hover: hover) {
  .RoomClickPointsT1 .elements-container .element .image .clickpoint:hover svg,
  .ClickPointsT1 .elements-container .element .image .clickpoint:hover svg,
  .ExtClickPointsT1 .elements-container .element .image .clickpoint:hover svg {
    transform: scale(1.1);
  }
  .RoomClickPointsT1 .elements-container .element .image .clickpoint:hover .content,
  .ClickPointsT1 .elements-container .element .image .clickpoint:hover .content,
  .ExtClickPointsT1 .elements-container .element .image .clickpoint:hover .content {
    display: block !important;
  }
}
.RoomClickPointsT1 .elements-container .element .image .clickpoint svg,
.ClickPointsT1 .elements-container .element .image .clickpoint svg,
.ExtClickPointsT1 .elements-container .element .image .clickpoint svg {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  pointer-events: none;
  stroke: currentColor;
  transition: transform 0.3s ease;
  width: calc(12px + (17 - 12) * (100vw - 360px) / (1800 - 360));
  height: calc(12px + (17 - 12) * (100vw - 360px) / (1800 - 360));
}
.RoomClickPointsT1 .elements-container .element .image .clickpoint .content,
.ClickPointsT1 .elements-container .element .image .clickpoint .content,
.ExtClickPointsT1 .elements-container .element .image .clickpoint .content {
  position: absolute;
  top: 60px;
  left: 50%;
  max-width: 180px;
  width: max-content;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #C7C5C5;
  padding: 13px 15px 14px 13px;
  transform: translate(-50%, 0);
  text-align: left;
  display: none;
}
.RoomClickPointsT1 .elements-container .element .image .clickpoint .content:before,
.ClickPointsT1 .elements-container .element .image .clickpoint .content:before,
.ExtClickPointsT1 .elements-container .element .image .clickpoint .content:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: -4px;
  border-left: 1px solid #C7C5C5;
  border-top: 1px solid #C7C5C5;
  transform: rotate(45deg) translate(-50%, 0);
  background: inherit;
  margin-top: 2px;
  pointer-events: none;
}
.RoomClickPointsT1 .elements-container .element .image .clickpoint .content *,
.ClickPointsT1 .elements-container .element .image .clickpoint .content *,
.ExtClickPointsT1 .elements-container .element .image .clickpoint .content * {
  margin: 0;
}
.RoomClickPointsT1 .elements-container .element .image .clickpoint .content .inner,
.ClickPointsT1 .elements-container .element .image .clickpoint .content .inner,
.ExtClickPointsT1 .elements-container .element .image .clickpoint .content .inner {
  z-index: 5;
  position: relative;
}
.RoomClickPointsT1 .elements-container .element .textbox,
.ClickPointsT1 .elements-container .element .textbox,
.ExtClickPointsT1 .elements-container .element .textbox {
  padding-top: 40px;
}
@media (max-width: 1800px) {
  .RoomClickPointsT1 .elements-container .element .textbox,
  .ClickPointsT1 .elements-container .element .textbox,
  .ExtClickPointsT1 .elements-container .element .textbox {
    padding-top: calc(25px + (40 - 25) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 1026px) {
  .RoomClickPointsT1 .elements-container .element .textbox,
  .ClickPointsT1 .elements-container .element .textbox,
  .ExtClickPointsT1 .elements-container .element .textbox {
    padding-top: 25px;
  }
}
.RoomClickPointsT1 .elements-container .element .textbox .inner-textbox,
.ClickPointsT1 .elements-container .element .textbox .inner-textbox,
.ExtClickPointsT1 .elements-container .element .textbox .inner-textbox {
  max-width: 540px;
  margin: 0 auto;
  text-align: center;
}
.RoomClickPointsT1 .clickpoints-preview,
.ClickPointsT1 .clickpoints-preview,
.ExtClickPointsT1 .clickpoints-preview {
  padding: 20px 20px;
}
.RoomClickPointsT1 .clickpoints-preview.logged-out,
.ClickPointsT1 .clickpoints-preview.logged-out,
.ExtClickPointsT1 .clickpoints-preview.logged-out {
  display: none;
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .clickpoints-preview.logged-out,
  .ClickPointsT1 .clickpoints-preview.logged-out,
  .ExtClickPointsT1 .clickpoints-preview.logged-out {
    display: block;
  }
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .clickpoints-preview.logged-out + .clickpoints-preview,
  .ClickPointsT1 .clickpoints-preview.logged-out + .clickpoints-preview,
  .ExtClickPointsT1 .clickpoints-preview.logged-out + .clickpoints-preview {
    display: none;
  }
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element {
  display: flex;
  border-bottom: 1px solid currentColor;
  align-items: center;
  overflow: hidden;
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element:last-child,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element:last-child,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element:last-child {
  border: 0;
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element.active .indicator:before,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element.active .indicator:before,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element.active .indicator:before {
  width: 30px;
  height: 30px;
  background-color: currentColor;
  border-radius: 15px;
  content: "";
  top: calc(50% - 15px);
  left: 2px;
  position: absolute;
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .number,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element .number,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .number {
  display: none;
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .number,
  .ClickPointsT1 .clickpoints-preview .clickpoint-list-element .number,
  .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .number {
    display: block;
  }
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator {
  width: 44px;
  min-height: 54px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator,
  .ClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator,
  .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator {
    display: none;
  }
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator:after,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator:after,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator:after {
  content: "";
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  border-radius: 17px;
  border: 1px solid currentColor;
  top: calc(50% - 17px);
  left: 0;
  position: absolute;
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon {
  width: 44px;
  min-height: 54px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon,
  .ClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon,
  .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon {
    display: none;
  }
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon:after,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon:after,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon:after {
  content: "";
  width: 100%;
  height: 24px;
  box-sizing: border-box;
  top: calc(50% - 12px);
  left: 0;
  position: absolute;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts//trash.png");
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .content,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element .content,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .content {
  width: calc(100% - 148px - 88px);
  padding: 17px 15px;
  box-sizing: border-box;
  align-items: center;
  line-height: 20px;
  display: flex;
}
@media (max-width: 767px) {
  .RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .content,
  .ClickPointsT1 .clickpoints-preview .clickpoint-list-element .content,
  .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .content {
    flex: 1;
    padding: 0;
    margin-left: 20px;
  }
}
.RoomClickPointsT1 .clickpoints-preview .clickpoint-list-element .position,
.ClickPointsT1 .clickpoints-preview .clickpoint-list-element .position,
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .position {
  width: 74px;
  display: flex;
  line-height: 20px;
  padding: 17px 15px;
  align-items: center;
  box-sizing: border-box;
}
.RoomClickPointsT1:not(.elements_1) .custom-nav-container,
.ClickPointsT1:not(.elements_1) .custom-nav-container,
.ExtClickPointsT1:not(.elements_1) .custom-nav-container {
  display: flex;
}
.RoomClickPointsT1 .custom-nav-container,
.ClickPointsT1 .custom-nav-container,
.ExtClickPointsT1 .custom-nav-container {
  padding-top: 40px;
}
@media (max-width: 1800px) {
  .RoomClickPointsT1 .custom-nav-container,
  .ClickPointsT1 .custom-nav-container,
  .ExtClickPointsT1 .custom-nav-container {
    padding-top: calc(25px + (40 - 25) * (100vw - 360px) / (1800 - 360));
  }
}
.RoomClickPointsT1 .linkbox,
.ClickPointsT1 .linkbox,
.ExtClickPointsT1 .linkbox {
  padding: 20px;
}

.right-opened-overlay.is_active .right-opened-overlay-bg {
  opacity: 1;
  transform: translate(0, 0);
}
.right-opened-overlay.is_active .right-opened-overlay-main {
  transform: translate(0, 0);
}
@media (max-width: 767px) {
  .right-opened-overlay.is_active .right-opened-overlay-main {
    transform: translate(-50%, -50%);
  }
}
.right-opened-overlay .rotate-phone {
  display: none;
}
.right-opened-overlay .right-opened-overlay-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5990;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translate(-100%, 0);
  background-color: rgba(16, 21, 24, 0.42);
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.right-opened-overlay .right-opened-overlay-main {
  top: 0;
  right: 0;
  width: 100%;
  z-index: 6000;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  text-align: left;
  background-image: none;
  transition: transform 0.5s ease;
  transform: translate(100%, 0);
  max-width: calc(550px + (704 - 550) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .right-opened-overlay .right-opened-overlay-main {
    min-width: 319px;
    max-width: 319px;
  }
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main {
    transform: translate(100%, -50%);
    max-width: 95%;
    width: 95%;
    left: 50%;
    height: 95%;
    top: 50%;
  }
}
.right-opened-overlay .right-opened-overlay-main:first-child {
  margin-left: auto;
}
.right-opened-overlay .right-opened-overlay-main:last-child {
  margin-right: auto;
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
  align-items: flex-end;
  flex-flow: wrap;
  padding-bottom: 40px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  padding-top: calc(40px + (84 - 40) * (100vw - 1026px) / (1800 - 1026));
  padding-right: calc(39px + (80 - 39) * (100vw - 1026px) / (1800 - 1026));
  padding-left: calc(39px + (80 - 39) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner {
    margin-top: 0;
    justify-content: center;
    padding: 34px 30px 32px;
  }
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner {
    direction: inherit;
    padding: 0;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner::-webkit-scrollbar {
  display: none;
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper {
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper {
    height: 100%;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .tns-nav {
  display: none;
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .tns-nav {
    display: flex;
    margin-top: 20px;
    justify-content: center;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .arrow-container {
  display: flex;
  position: absolute;
  right: calc(5px + (12 - 5) * (100vw - 768px) / (1800 - 768));
  bottom: calc(10px + (20 - 10) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .arrow-container {
    display: none;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .arrow-container > div {
  display: flex;
  margin: 0 8px;
  cursor: pointer;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  width: calc(36px + (56 - 36) * (100vw - 768px) / (1800 - 768));
  height: calc(36px + (56 - 36) * (100vw - 768px) / (1800 - 768));
  margin-left: calc(4px + (8 - 4) * (100vw - 768px) / (1800 - 768));
  margin-right: calc(4px + (8 - 4) * (100vw - 768px) / (1800 - 768));
  border: 1px solid #FFFFFF;
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .arrow-container > div {
    width: 36px;
    height: 36px;
    margin: 0 4px;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .arrow-container svg {
  width: 17px;
  height: 14px;
  width: calc(13px + (17 - 13) * (100vw - 768px) / (1800 - 768));
  height: calc(11px + (14 - 11) * (100vw - 768px) / (1800 - 768));
  fill: #FFFFFF;
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .arrow-container svg {
    width: 13px;
    height: 11px;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .right-opened-overlay-main-wrapper .linkbox {
  padding: 0;
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .close-btn {
  width: 17px;
  height: 17px;
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: calc(9px + (22 - 9) * (100vw - 1026px) / (1800 - 1026));
  right: calc(9px + (26 - 9) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .close-btn {
    top: 9px;
    right: 9px;
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .close-btn {
    display: flex;
    position: fixed;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .close-btn svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .close-btn svg {
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.5));
    fill: #FFFFFF;
    color: #FFFFFF;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .images-block {
  width: 100%;
  position: relative;
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .images-block + .text-box {
  margin-top: calc(26px + (78 - 26) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .images-block + .text-box {
    margin-top: 0;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .overlay-images-box {
  width: 100%;
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .overlay-images-box img {
  border-radius: 3px;
  max-width: 100%;
  max-height: 413px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .overlay-images-box img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .text-box {
  max-width: 95%;
}
@media (max-width: 1026px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .text-box {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .text-box {
    padding: 25px;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .overlay-headline {
  width: 100%;
  margin-bottom: calc(8px + (15 - 8) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .overlay-headline {
    margin-bottom: 8px;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .overlay-intro {
  max-width: 560px;
  line-height: calc(24px + (34 - 24) * (100vw - 360px) / (1800 - 360));
  margin-bottom: calc(17px + (31 - 17) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .overlay-intro {
    margin-bottom: 17px;
  }
}
.right-opened-overlay .right-opened-overlay-main .right-opened-overlay-main-inner .morelink:before {
  bottom: -5px;
}

.storyOnpage-list-element .boxed-headline {
  max-width: none;
}
.storyOnpage-list-element .boxed-headline + .storyOnpage-list-items-container {
  margin-top: calc(30px + (73 - 30) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .storyOnpage-list-element .boxed-headline + .storyOnpage-list-items-container {
    margin-top: 30px;
  }
}
.storyOnpage-list-element .boxed-headline .headline {
  margin-bottom: 0;
  max-width: calc(430px + (759 - 430) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .storyOnpage-list-element .boxed-headline .headline {
    margin-bottom: 16px;
    max-width: 100%;
  }
}
.storyOnpage-list-element .boxed-headline .subheadline.t2 {
  margin-left: auto;
  max-width: calc(395px + (465 - 395) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .storyOnpage-list-element .boxed-headline .subheadline.t2 {
    max-width: 100%;
  }
}
.storyOnpage-list-element .back-to-list {
  display: flex;
  justify-content: center;
  margin-top: calc(60px + (156 - 60) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .storyOnpage-list-element .back-to-list {
    margin-top: 30px;
  }
}

.teaser-gallery-big-element {
  overflow: hidden;
  pointer-events: none;
}
.teaser-gallery-big-element.themestage .inner {
  padding-left: calc(10px + (50 - 10) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(10px + (50 - 10) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .teaser-gallery-big-element.themestage .inner {
    padding-left: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
    padding-right: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
  }
}
.teaser-gallery-big-element.themestage .elements {
  height: 91vh;
}
.teaser-gallery-big-element.themestage .elements .element {
  position: relative;
}
.teaser-gallery-big-element.themestage .elements .element.tns-item.tns-slide-active + .element .text-box {
  position: absolute;
  opacity: 0.6;
  left: calc(-150px + (-205 - -150) * (100vw - 1026px) / (1800 - 1026));
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 1026px) {
  .teaser-gallery-big-element.themestage .elements .element.tns-item.tns-slide-active + .element .text-box {
    display: none;
  }
}
.teaser-gallery-big-element.themestage .elements .element.tns-item.tns-slide-active + .element .text-box:before {
  content: "";
  position: absolute;
  left: calc(-40px + (-121 - -40) * (100vw - 1026px) / (1800 - 1026));
  top: 50%;
  transform: translate(0, -50%);
  width: calc(50px + (155 - 50) * (100vw - 1026px) / (1800 - 1026));
  height: 1px;
  background-color: currentColor;
}
.teaser-gallery-big-element.themestage .elements .element .text-box {
  margin-top: 7px;
}
.teaser-gallery-big-element.themestage .elements .element .text-box .lin-headline {
  position: relative;
}
.teaser-gallery-big-element.themestage .elements .element .text-box .lin-headline .absolute-link {
  pointer-events: auto;
}
.teaser-gallery-big-element.themestage .elements .element .text-box .lin-headline .absolute-link:hover + .subheadline {
  opacity: 0.7;
}
.teaser-gallery-big-element.themestage .elements .element .text-box .subheadline {
  max-width: 500px;
  margin: 12px auto;
  display: inline-flex;
  align-items: center;
  transition: opacity 0.3s ease;
}
.teaser-gallery-big-element.themestage .elements .element .text-box .subheadline svg {
  width: 12px;
  height: 14px;
  margin-left: 10px;
  transform: rotate(-90deg);
}
.teaser-gallery-big-element.themestage .tns-nav {
  bottom: calc(20px + (38 - 20) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .teaser-gallery-big-element.themestage .tns-nav {
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 20px;
  }
}

.collage-element.only-images .text-box {
  display: none;
}
.collage-element.images-text.bgweb2 .text-box:not(.bottom-part) {
  background-color: #FFFFFF;
}
.collage-element.images-text.bgweb2 .bottom-part {
  background-color: #FFFFFF;
}
.collage-element.images-text .left-box .text-box:not(.bottom-part) {
  left: -50%;
  transform: translate(50%, -50%);
}
.collage-element.images-text .right-box .text-box:not(.bottom-part) {
  right: -50%;
  transform: translate(-50%, -50%);
}
.collage-element.images-text .text-box:not(.bottom-part) {
  top: 50%;
  display: flex;
  padding: 25px;
  position: absolute;
  flex-direction: column;
  justify-content: center;
  width: calc(256px + (336 - 256) * (100vw - 768px) / (1800 - 768));
  height: calc(256px + (336 - 256) * (100vw - 768px) / (1800 - 768));
  background-color: #F3F2EE;
}
@media (max-width: 767px) {
  .collage-element.images-text .text-box:not(.bottom-part) {
    display: none;
  }
}
.collage-element.images-quote .text-box {
  max-width: 85%;
  margin-top: calc(22px + (54 - 22) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .collage-element.images-quote .text-box {
    max-width: 100%;
  }
}
.collage-element.images-quote .right-box .text-box {
  display: none;
}
.collage-element .image-box img {
  object-fit: cover;
  max-height: 70vh;
}
.collage-element .inner {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .collage-element .inner {
    flex-wrap: wrap;
  }
}
.collage-element .inner .left-box {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: calc(0px + (130 - 0) * (100vw - 768px) / (1800 - 768));
  padding-right: calc(25px + (150 - 25) * (100vw - 1800px) / (2500 - 1800));
}
@media (max-width: 1800px) {
  .collage-element .inner .left-box {
    padding-right: calc(5px + (25 - 5) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 767px) {
  .collage-element .inner .left-box {
    padding-left: 0;
  }
}
.collage-element .inner .right-box {
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: calc(30px + (247 - 30) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(0px + (130 - 0) * (100vw - 768px) / (1800 - 768));
  padding-left: calc(25px + (150 - 25) * (100vw - 1800px) / (2500 - 1800));
}
@media (max-width: 1800px) {
  .collage-element .inner .right-box {
    padding-left: calc(5px + (25 - 5) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 767px) {
  .collage-element .inner .right-box {
    padding-right: 0;
    margin-bottom: 0;
  }
}
.collage-element .inner .box-inner {
  position: relative;
}
@media (max-width: 767px) {
  .collage-element .inner .text-box {
    display: none;
  }
}
.collage-element .inner .text-box.bottom-part {
  display: none;
}
@media (max-width: 767px) {
  .collage-element .inner .text-box.bottom-part {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 25px;
    padding: 35px 15px;
  }
}
.collage-element .inner .text-box .headline + .quote-author {
  margin-top: calc(4px + (14 - 4) * (100vw - 360px) / (1800 - 360));
}
.collage-element .inner .text-box .linkbox {
  margin-top: calc(6px + (16 - 6) * (100vw - 360px) / (1800 - 360));
}

.download-list-element .inner .headline {
  text-align: center;
}
.download-list-element .inner .headline + .download-list-elements {
  margin-top: calc(22px + (60 - 22) * (100vw - 360px) / (1800 - 360));
}
.download-list-element .download-list-elements {
  margin: 0 auto;
  max-width: 74.1%;
}
@media (max-width: 1026px) {
  .download-list-element .download-list-elements {
    max-width: 100%;
  }
}
.download-list-element .download-list-elements .download-list-element-inner {
  position: relative;
  margin-bottom: 15px;
  padding: 0 calc(20px + (30 - 20) * (100vw - 360px) / (1800 - 360));
}
.download-list-element .download-list-elements .download-list-element-inner:last-child {
  margin-bottom: 0;
}
.download-list-element .download-list-elements .download-list-element-inner.no-items .download-title .plus-minus {
  display: none;
}
.download-list-element .download-list-elements .download-list-element-inner.no-event {
  pointer-events: none;
}
.download-list-element .download-list-elements .download-list-element-inner.no-event .download-item {
  pointer-events: all;
}
.download-list-element .download-list-elements .download-list-element-inner.is_opened .download-title .plus-minus:after {
  display: none;
}
.download-list-element .download-list-elements .download-list-element-inner.is_opened .download-list {
  display: block;
}
.download-list-element .download-list-elements .download-list-element-inner .download-title {
  cursor: pointer;
  position: relative;
  padding: calc(20px + (33 - 20) * (100vw - 360px) / (1800 - 360)) 0;
}
.download-list-element .download-list-elements .download-list-element-inner .download-title + .download-list .download-item:not(.signle-download):first-child {
  padding-top: calc(15px + (28 - 15) * (100vw - 360px) / (1800 - 360));
  border-top: 1px solid rgba(112, 112, 112, 0.26);
}
.download-list-element .download-list-elements .download-list-element-inner .download-title .plus-minus {
  transform: translate(0, -50%);
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 50%;
}
.download-list-element .download-list-elements .download-list-element-inner .download-title .plus-minus:before {
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-color: #9AA890;
}
@media (max-width: 767px) {
  .download-list-element .download-list-elements .download-list-element-inner .download-title .plus-minus:before {
    height: 2px;
  }
}
.download-list-element .download-list-elements .download-list-element-inner .download-title .plus-minus:after {
  content: "";
  width: 3px;
  height: 100%;
  border-radius: 5px;
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  background-color: #9AA890;
}
@media (max-width: 767px) {
  .download-list-element .download-list-elements .download-list-element-inner .download-title .plus-minus:after {
    width: 2px;
  }
}
.download-list-element .download-list-elements .download-list-element-inner .download-list {
  display: none;
}
.download-list-element .download-list-elements .download-list-element-inner .download-list .download-item {
  line-height: 0;
  padding-top: 5px;
}
.download-list-element .download-list-elements .download-list-element-inner .download-list .download-item:last-child {
  padding-bottom: calc(20px + (42 - 20) * (100vw - 360px) / (1800 - 360));
}
.download-list-element .download-list-elements .download-list-element-inner .download-list .download-item:last-child:first-child {
  padding-bottom: 0;
}
.download-list-element .download-list-elements .download-list-element-inner .download-list .download-item.signle-download {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  padding: 0 calc(20px + (30 - 20) * (100vw - 360px) / (1800 - 360));
}
.download-list-element .download-list-elements .download-list-element-inner .download-list .download-item.signle-download .morelink {
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 0;
  line-height: 0;
  align-items: center;
  justify-content: space-between;
  color: #807464;
  flex-direction: row-reverse;
}
.download-list-element .download-list-elements .download-list-element-inner .download-list .download-item.signle-download .morelink svg {
  margin-right: 0;
  background-color: #F8F8F5;
  height: calc(20px + (26 - 20) * (100vw - 360px) / (1800 - 360));
  width: calc(25px + (29 - 25) * (100vw - 360px) / (1800 - 360));
}
.download-list-element .download-list-elements .download-list-element-inner .download-list .download-item svg {
  top: -1px;
  width: 21px;
  height: 17px;
  position: relative;
  fill: #9AA890;
}
.download-list-element .download-list-elements .download-list-element-inner .download-list .download-item .download {
  letter-spacing: 0;
  text-transform: none;
  font-family: HindSiliguri, sans-serif;
  font-size: calc(18px + (22 - 18) * (100vw - 360px) / (1800 - 360));
  line-height: calc(30px + (36 - 30) * (100vw - 360px) / (1800 - 360));
}

.themestage-request-box {
  padding-bottom: 48.1%;
  position: relative;
  z-index: 20;
  height: 0;
}
@media (max-width: 767px) {
  .themestage-request-box {
    transform: none;
    padding-bottom: 0;
    height: auto;
  }
}
.themestage-request-box .boxed-headline {
  margin: 0 auto;
  max-width: none;
  text-align: center;
}
@media (max-width: 767px) {
  .themestage-request-box .boxed-headline {
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .themestage-request-box .boxed-headline .t1 {
    margin-bottom: 4px;
  }
}
.themestage-request-box .boxed-headline .description {
  display: none;
}
@media (max-width: 767px) {
  .themestage-request-box .boxed-headline .description {
    display: block;
  }
}
.themestage-request-box .image-box {
  pointer-events: none;
}
.themestage-request-box .upper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .themestage-request-box .upper {
    display: none;
  }
}
.themestage-request-box .inner-newsletter {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .themestage-request-box .inner-newsletter {
    position: static;
  }
}
.themestage-request-box .newsletter-box .inner {
  padding-bottom: calc(45px + (62 - 45) * (100vw - 360px) / (1800 - 360));
  padding-top: calc(105px + (167 - 105) * (100vw - 1026px) / (1800 - 1026));
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
@media (max-width: 1026px) {
  .themestage-request-box .newsletter-box .inner {
    padding-top: calc(52px + (90 - 52) * (100vw - 360px) / (1026 - 360));
  }
}
@media (max-width: 767px) {
  .themestage-request-box .newsletter-box .inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.themestage-request-box .newsletter-box .inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: 6;
  pointer-events: none;
  background: linear-gradient(-180deg, transparent 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 100%);
}
.themestage-request-box .newsletter-box .inner .module-outdoor-spaces {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}
.themestage-request-box .newsletter-box .inner form {
  border: 1px solid #FFFFFF;
  border-radius: calc(30px + (48 - 30) * (100vw - 360px) / (1800 - 360));
  padding: 7px calc(3px + (10 - 3) * (100vw - 360px) / (1800 - 360));
  min-height: calc(45px + (96 - 45) * (100vw - 360px) / (1800 - 360));
  justify-content: space-between;
  align-items: center;
  max-width: 780px;
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
  width: 100%;
  z-index: 10;
}
@media (max-width: 1026px) {
  .themestage-request-box .newsletter-box .inner form {
    max-width: 665px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .themestage-request-box .newsletter-box .inner form {
    border: 0;
  }
}
.themestage-request-box .bgbar {
  display: flex;
  flex-wrap: wrap;
  padding: 0 40px 0 0;
  align-items: center;
}
@media (max-width: 767px) {
  .themestage-request-box .bgbar {
    padding: 30px 20px;
    padding-left: calc(20px + (67 - 20) * (100vw - 375px) / (1800 - 375));
    padding-right: calc(20px + (67 - 20) * (100vw - 375px) / (1800 - 375));
  }
}
@media (max-width: 360px) {
  .themestage-request-box .bgbar {
    padding: 30px 20px;
  }
}
.themestage-request-box .icon-calendar-span {
  display: none;
}
.themestage-request-box .request-form {
  flex: 1;
  position: relative;
}
@media (max-width: 1026px) {
  .themestage-request-box .request-form {
    padding: 0;
  }
}
@media (max-width: 1026px) {
  .themestage-request-box .request-form .module-outdoor-spaces {
    padding-left: 0;
    padding-right: 0;
  }
}
.themestage-request-box form .form-row {
  display: flex;
  flex: 0 0 40%;
  position: relative;
  align-items: center;
  min-height: calc(33px + (84 - 33) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .themestage-request-box form .form-row {
    flex: 0 0 55%;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .themestage-request-box form .form-row {
    display: none;
  }
}
@media (max-width: 360px) {
  .themestage-request-box form .form-row {
    margin-top: 0;
  }
}
.themestage-request-box form .form-row:first-child {
  flex: 1;
}
@media (max-width: 1026px) {
  .themestage-request-box form .form-row:first-child {
    flex: 0 0 45%;
    padding-right: 0;
  }
}
.themestage-request-box form .form-row:first-child .field {
  width: 100%;
}
.themestage-request-box label {
  display: block;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1026px) {
  .themestage-request-box label {
    margin-top: 0;
  }
}
.themestage-request-box label.date-from:before, .themestage-request-box label.date-to:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0) url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/arrow-small-down.svg") no-repeat scroll center center;
  width: 14px;
  height: 11px;
  top: 50%;
  right: 50px;
  transform: translate(0, -50%);
  background-size: contain;
}
@media (max-width: 1026px) {
  .themestage-request-box label.date-from:before, .themestage-request-box label.date-to:before {
    right: -10px;
  }
}
.themestage-request-box select {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 100%;
  border: 0;
}
.themestage-request-box select option {
  font-size: 16px;
  line-height: 20px;
  color: #807464;
}
.themestage-request-box .inner-field {
  position: relative;
}
.themestage-request-box .inner-field .value {
  display: flex;
}
@media (max-width: 767px) {
  .themestage-request-box .inner-field .value {
    flex-wrap: wrap;
  }
}
.themestage-request-box .inner-field .date-box {
  flex: 1;
  display: flex;
  flex-flow: column;
  position: relative;
}
@media (max-width: 767px) {
  .themestage-request-box .inner-field .date-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.themestage-request-box .inner-field .date-box:first-child {
  margin-right: calc(15px + (30 - 15) * (100vw - 375px) / (1800 - 375));
}
@media (max-width: 767px) {
  .themestage-request-box .inner-field .date-box:first-child {
    margin-right: 0;
  }
}
.themestage-request-box .inner-field .date-box:first-child label {
  text-align: center;
}
.themestage-request-box .inner-field .date-box:first-child label.date-from:before {
  display: none;
}
.themestage-request-box .inner-field .datepicker-field {
  position: absolute;
}
.themestage-request-box .second-row {
  flex-wrap: wrap;
  display: flex;
  line-height: 21px;
  align-items: flex-start;
  border-left: 1px solid rgba(255, 255, 255, 0.19);
}
.themestage-request-box .field.select {
  flex: 1;
  margin: 0 8px;
}
@media (max-width: 360px) {
  .themestage-request-box .field.select {
    flex: 0 0 100%;
  }
}
.themestage-request-box .field.adults:before {
  content: "";
  top: 0;
  height: 100%;
  position: absolute;
  left: calc(50% + 12px);
  border-right: 1px solid rgba(255, 255, 255, 0.19);
}
.themestage-request-box .field.adults select {
  text-align: center;
  padding-right: 23px;
}
@media (max-width: 1026px) {
  .themestage-request-box .field.adults select {
    padding-right: 0;
  }
}
.themestage-request-box .field.adults .title {
  cursor: pointer;
  text-align: center;
}
.themestage-request-box .field.children:before {
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  position: absolute;
  border-right: 1px solid rgba(255, 255, 255, 0.19);
}
@media (max-width: 1200px) {
  .themestage-request-box .field.children:before {
    display: none;
  }
}
.themestage-request-box .field.children select {
  text-align: center;
  padding-right: 16px;
}
@media (max-width: 1026px) {
  .themestage-request-box .field.children select {
    padding-right: 0;
  }
}
.themestage-request-box .field.children .title {
  cursor: pointer;
  text-align: center;
}
.themestage-request-box .inner-field.hidden {
  display: none;
}
.themestage-request-box .select2-container {
  transform: translate(0, -50%);
  width: 100% !important;
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}
.themestage-request-box .select2-container .select2-selection__rendered {
  opacity: 0;
}
.themestage-request-box .select2-container--default .select2-selection--single {
  background: transparent;
  border-radius: 0;
  height: auto;
  border: none;
  width: 100%;
}
.themestage-request-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff;
  font-family: "Prata-Regular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
  padding: 0 0 4px;
}
@media (max-width: 1800px) {
  .themestage-request-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: calc(22px + (28 - 22) * (100vw - 375px) / (1800 - 375));
    line-height: calc(30px + (38 - 30) * (100vw - 375px) / (1800 - 375));
  }
}
.themestage-request-box .select2-container--default .select2-selection__arrow:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0) url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/arrow-small-down.svg") no-repeat scroll center center;
  width: 14px;
  height: 11px;
  top: 50%;
  right: 2px;
  transform: translate(0, -50%);
  background-size: contain;
}
@media (max-width: 1200px) {
  .themestage-request-box .select2-container--default .select2-selection__arrow:before {
    right: -5px;
  }
}
.themestage-request-box .select2-container--default .select2-selection__arrow b {
  display: none;
}
.themestage-request-box .daterangepicker {
  margin-top: -20px;
  top: 100% !important;
  left: 37px !important;
  width: 46.2%;
}
@media (max-width: 1026px) {
  .themestage-request-box .daterangepicker {
    top: 110px !important;
    left: 50% !important;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 360px) {
  .themestage-request-box .daterangepicker {
    width: 100%;
    left: 0 !important;
    transform: none;
  }
}
.themestage-request-box .daterangepicker.show-calendar .drp-buttons {
  display: none;
}
.themestage-request-box .daterangepicker .drp-calendar.left .calendar-table {
  border-radius: 0;
}
.themestage-request-box .children-select-container {
  display: flex;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 1026px) {
  .themestage-request-box .children-select-container {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .themestage-request-box .children-select-container {
    display: none;
  }
}
.themestage-request-box .children-select-container .inner-field {
  padding: 0 19px;
  flex: 0 0 22%;
  margin-top: 30px;
  position: relative;
}
@media (max-width: 1800px) {
  .themestage-request-box .children-select-container .inner-field {
    padding: 0 calc(10px + (19 - 10) * (100vw - 375px) / (1800 - 375));
  }
}
@media (max-width: 1026px) {
  .themestage-request-box .children-select-container .inner-field {
    flex: 0 0 50%;
  }
}
@media (max-width: 360px) {
  .themestage-request-box .children-select-container .inner-field {
    padding: 0;
    flex: 0 0 100%;
    margin: 15px 0;
  }
}
@media (max-width: 1026px) {
  .themestage-request-box .children-select-container .inner-field:nth-child(2n):before:before {
    display: none;
  }
}
.themestage-request-box .children-select-container .inner-field:before {
  content: "";
  right: -8px;
  top: 0;
  height: 100%;
  position: absolute;
  border-right: 1px solid rgba(255, 255, 255, 0.19);
}
@media (max-width: 1026px) {
  .themestage-request-box .children-select-container .inner-field .title {
    text-align: center;
  }
}
.themestage-request-box .linkbox {
  display: flex;
  align-items: center;
  text-align: center;
  min-height: calc(33px + (84 - 33) * (100vw - 360px) / (1800 - 360));
  padding-left: 10px;
}
@media (max-width: 1026px) {
  .themestage-request-box .linkbox {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .themestage-request-box .linkbox {
    margin: 0 auto;
    justify-content: center;
  }
}
@media (max-width: 360px) {
  .themestage-request-box .linkbox {
    padding: 0;
  }
}
.themestage-request-box .linkbox .button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(33px + (84 - 33) * (100vw - 768px) / (1800 - 768));
  min-width: calc(148px + (183 - 148) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .themestage-request-box .linkbox .button {
    margin: 0 6.5px;
    min-height: 33px;
    min-width: 148px;
    padding: 8px 18px 9px;
  }
}
.themestage-request-box .linkbox .booking-button {
  border: 0;
  margin-left: 13px;
  transition: background-color 0.3s ease;
  background-color: #546B59;
}
@media (max-width: 767px) {
  .themestage-request-box .linkbox .booking-button {
    margin-left: 6.5px;
  }
}
@media (hover: hover) {
  .themestage-request-box .linkbox .booking-button:hover {
    background-color: #768879;
  }
}
.themestage-request-box .linkbox .booking-button svg {
  margin-right: 11px;
}

.ZeppelinRequest .intro-with-text-element {
  padding: 0;
}
.ZeppelinRequest .intro-with-text-element .module-outdoor-spaces {
  padding: 0;
}

.form-element .boxed-headline + .ZeppelinRequest {
  margin-top: calc(36px + (91 - 36) * (100vw - 360px) / (1800 - 360));
}
.form-element .ZeppelinRequest {
  padding: 0;
}
.form-element form label {
  margin-bottom: 4px;
}
.form-element form .form-group {
  display: flex;
  margin-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
}
.form-element form .form-group.privacy {
  margin-top: 25px;
}
.form-element form select {
  cursor: pointer;
}
.form-element form select, .form-element form input:not([type=checkbox]) {
  border: 1px solid #9AA890;
  border-radius: 3px;
  padding: 7px 10px;
  height: auto;
  font-size: calc(14px + (18 - 14) * (100vw - 360px) / (1800 - 360));
  line-height: calc(22px + (26 - 22) * (100vw - 360px) / (1800 - 360));
}
.form-element form .input.checkbox {
  position: relative;
}
.form-element form .input.checkbox span {
  font-size: 16px;
}
.form-element form .input.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form-element form .input.checkbox input + span {
  padding-left: 23px;
  position: relative;
  cursor: pointer;
}
.form-element form .input.checkbox input + span:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #9AA890;
}
.form-element form .input.checkbox input:checked + span:after {
  content: "";
  position: absolute;
  display: block;
  left: 5px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #9AA890;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-element form .actions button {
  background-color: #9AA890;
  color: #FFFFFF;
  transition: background-color 0.3s ease;
}
@media (hover: hover) {
  .form-element form .actions button:hover {
    background-color: #B1BAA7;
  }
}

.form-element .ZeppelinRequest form {
  width: 100%;
}
.form-element .ZeppelinRequest form .form-group {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .form-element .ZeppelinRequest form .form-group > div {
    width: 100%;
  }
}
.form-element .ZeppelinRequest select {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 100%;
  border: 0;
}
.form-element .ZeppelinRequest select option {
  font-size: 16px;
  line-height: 20px;
  color: #807464;
}
.form-element .ZeppelinRequest .form-group.message > div {
  height: auto;
}
.form-element .ZeppelinRequest .form-group.singleselect-1 > div:after {
  position: absolute;
  top: 23px;
  right: 24px;
  z-index: 5;
  border: 1px solid currentColor;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
  content: "";
  width: 10px;
  height: 10px;
  box-sizing: border-box;
}
.form-element .ZeppelinRequest .form-group > div {
  box-sizing: border-box;
  height: 60px;
  position: relative;
}
.form-element .ZeppelinRequest .form-group input:not([type=checkbox]), .form-element .ZeppelinRequest .form-group select, .form-element .ZeppelinRequest .form-group .select {
  font-family: PTSans, sans-serif;
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 3;
  border: 0;
  background-color: #F2F0E9;
  outline: none;
  border-radius: 0;
}
.form-element .ZeppelinRequest .form-group input {
  padding: 0 20px;
}
.form-element .ZeppelinRequest .form-group textarea {
  display: block;
  width: 100%;
  min-height: 10em;
  resize: vertical;
  background-color: #F2F0E9;
  padding: 20px;
  border: 0;
  box-sizing: border-box;
}
.form-element .ZeppelinRequest .form-group .value {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  z-index: 2;
}

.request-box-element {
  text-align: center;
  padding-top: calc(50px + (147 - 50) * (100vw - 360px) / (1800 - 360));
  padding-bottom: calc(50px + (147 - 50) * (100vw - 360px) / (1800 - 360));
}
.request-box-element .request-inner {
  max-width: 75%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .request-box-element .request-inner {
    max-width: 100%;
  }
}
.request-box-element .request-inner .boxed-headline {
  max-width: none;
}
.request-box-element .request-inner .boxed-headline .t1 {
  margin-bottom: 6px;
}
.request-box-element .linkbox {
  display: flex;
  justify-content: center;
  margin-top: calc(28px + (48 - 28) * (100vw - 360px) / (1800 - 360));
}
.request-box-element .linkbox .button {
  margin: 0 5px;
  padding: 15px 14px 14px 15px;
  font-size: calc(16px + (18 - 16) * (100vw - 360px) / (1800 - 360));
  min-width: calc(110px + (183 - 110) * (100vw - 360px) / (1800 - 360));
  transition: opacity 0.3s linear;
}
@media (max-width: 767px) {
  .request-box-element .linkbox .button {
    padding: 10px 13px 10px 13px;
  }
}
@media (max-width: 360px) {
  .request-box-element .linkbox .button {
    max-width: 148px;
  }
}

.eyecatcher-container {
  position: absolute;
  right: calc(12px + (62 - 12) * (100vw - 320px) / (1800 - 320));
  top: calc(140px + (190 - 140) * (100vw - 320px) / (1800 - 320));
  width: calc(140px + (200 - 140) * (100vw - 320px) / (1800 - 320));
  height: calc(140px + (200 - 140) * (100vw - 320px) / (1800 - 320));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  text-align: center;
  flex-flow: column;
  padding: 10px;
  border-radius: 50%;
  transform: rotate(7deg);
  transition: opacity 0.3s ease;
}
.eyecatcher-container:hover {
  opacity: 0.9;
}
@media (max-width: 767px) {
  .eyecatcher-container:not(.with-mobile-text) {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .eyecatcher-container.with-mobile-text .wrapper .desktop-text {
    display: none;
  }
  .eyecatcher-container.with-mobile-text .wrapper .desktop-text + .mobile-text {
    display: block;
  }
}
.eyecatcher-container.bglist {
  color: #807464;
}
.eyecatcher-container.bglist .morelink {
  color: #9AA890;
}
.eyecatcher-container.bgweb2 {
  background-size: auto;
}
.eyecatcher-container a {
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.eyecatcher-container .wrapper .mobile-text {
  display: none;
}
.eyecatcher-container .morelink {
  margin-top: 14px;
  display: inline-block;
}
@media (max-width: 767px) {
  .eyecatcher-container .morelink {
    display: none;
  }
}
.eyecatcher-container .morelink:before {
  display: none;
}

.themestage-request-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  animation: fadeIn 0.3s ease;
  background: #F3F2EE;
}
@media (max-width: 1026px) {
  .themestage-request-bar {
    display: none;
  }
}
.themestage-request-bar .icon-calendar-span {
  display: none;
}
.themestage-request-bar .request-form {
  flex: 1;
  display: flex;
  position: relative;
  align-items: center;
  padding: 22px 70px 20px 50px;
}
@media (max-width: 1800px) {
  .themestage-request-bar .request-form {
    padding: 22px calc(0px + (70 - 0) * (100vw - 1026px) / (1700 - 1026)) 20px calc(0px + (50 - 0) * (100vw - 1026px) / (1700 - 1026));
  }
}
.themestage-request-bar form {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.themestage-request-bar form .form-row {
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.themestage-request-bar form .form-row.second-row {
  max-width: 62.5%;
  flex: 1;
}
.themestage-request-bar .inner-field {
  position: relative;
}
.themestage-request-bar .inner-field select {
  background: transparent;
  border: 0;
}
.themestage-request-bar .inner-field .t5 {
  display: flex;
  cursor: pointer;
  letter-spacing: 0;
  text-transform: none;
}
.themestage-request-bar .inner-field .date-box {
  flex: 1;
  display: flex;
  margin: 0 19px;
  position: relative;
  flex-direction: column;
}
@media (max-width: 1800px) {
  .themestage-request-bar .inner-field .date-box {
    margin: 0 calc(10px + (19 - 10) * (100vw - 414px) / (1700 - 414));
  }
}
@media (max-width: 360px) {
  .themestage-request-bar .inner-field .date-box {
    flex: 0 0 100%;
    margin: 0 0 15px;
  }
}
.themestage-request-bar .inner-field .date-box label {
  cursor: pointer;
}
.themestage-request-bar .inner-field .datepicker-field {
  position: absolute;
}
.themestage-request-bar .second-row {
  display: flex;
  line-height: 21px;
  align-items: flex-start;
  position: relative;
}
.themestage-request-bar .second-row:before {
  content: "";
  position: absolute;
  background-color: #546B59;
  height: 58px;
  width: 1px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.themestage-request-bar .field.select {
  flex: 1;
  margin: 0 calc(4px + (19 - 4) * (100vw - 767px) / (1700 - 767));
}
.themestage-request-bar .field.select select {
  outline: none;
  margin: 0 auto;
  appearance: none;
  padding-right: 25px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0) url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/select-arrow-green.svg") no-repeat scroll right center;
}
.themestage-request-bar .inner-field.hidden {
  display: none;
}
.themestage-request-bar .inner-field option {
  color: #000;
}
.themestage-request-bar .select2-container {
  width: 100% !important;
}
.themestage-request-bar .select2-container--default .select2-selection--single {
  background: transparent;
  border-radius: 0;
  height: auto;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
}
.themestage-request-bar .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff;
  font-family: "Prata-Regular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
  padding: 0 0 4px;
}
@media (max-width: 1800px) {
  .themestage-request-bar .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: calc(22px + (28 - 22) * (100vw - 414px) / (1700 - 414));
    line-height: calc(30px + (38 - 30) * (100vw - 414px) / (1700 - 414));
  }
}
@media (max-width: 360px) {
  .themestage-request-bar .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 22px;
    line-height: 30px;
  }
}
.themestage-request-bar .select2-container--default .select2-selection__arrow b {
  display: none;
}
.themestage-request-bar .daterangepicker {
  margin-top: -20px;
  top: 100% !important;
  left: 37px !important;
  width: 46.2%;
}
.themestage-request-bar .daterangepicker.show-calendar .drp-buttons {
  display: none;
}
.themestage-request-bar .daterangepicker .drp-calendar.left .calendar-table {
  border-radius: 0;
}
.themestage-request-bar .children-select-container {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
}
.themestage-request-bar .children-select-container .inner-field {
  padding: 0 19px;
  flex: 0 0 25%;
  margin-top: 30px;
}
@media (max-width: 1800px) {
  .themestage-request-bar .children-select-container .inner-field {
    padding: 0 calc(10px + (19 - 10) * (100vw - 414px) / (1700 - 414));
  }
}
.themestage-request-bar .request-button {
  margin-right: calc(12px + (23 - 12) * (100vw - 1026px) / (1700 - 1026));
}
.themestage-request-bar .linkbox {
  display: flex;
  padding-left: 86px;
  position: relative;
}
@media (max-width: 1800px) {
  .themestage-request-bar .linkbox {
    padding-left: calc(10px + (86 - 10) * (100vw - 1026px) / (1700 - 1026));
  }
}
.themestage-request-bar .linkbox:before {
  content: "";
  position: absolute;
  background-color: #546B59;
  height: 58px;
  width: 1px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.themestage-request-bar .linkbox .button {
  padding: 13px calc(10px + (32 - 10) * (100vw - 1026px) / (1700 - 1026)) 12px;
  letter-spacing: 1.6px;
  text-align: center;
  min-width: 170px;
}
@media (max-width: 1800px) {
  .themestage-request-bar .linkbox .button {
    min-width: calc(140px + (170 - 140) * (100vw - 1026px) / (1700 - 1026));
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.advanced-menu-block {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100vh;
  z-index: 1025;
  position: fixed;
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 1026px) {
  .advanced-menu-block {
    height: 100vh;
  }
}
.advanced-menu-block {
  transition: all 0.5s ease;
}
.advanced-menu-block.opened-children .navigation-overlay-content {
  opacity: 0.6;
}
.advanced-menu-block.opened-children .navigation-overlay-content.is_active {
  opacity: 1;
}
.advanced-menu-block.opened-children .menu-box .t1.title {
  opacity: 0.3;
}
@media (max-width: 1026px) {
  .advanced-menu-block.opened-children .menu-box .t1.title {
    opacity: 1;
  }
}
.advanced-menu-block.opened-children .menu-box .t1.title.is_active {
  opacity: 1;
}
@media (hover: hover) {
  .advanced-menu-block.opened-children .menu-box .t1.title:hover {
    opacity: 1;
  }
}
.advanced-menu-block .language-box {
  display: none;
  position: relative;
  align-items: center;
  background-color: transparent;
}
@media (max-width: 1026px) {
  .advanced-menu-block .language-box {
    left: calc(25px + (110 - 25) * (100vw - 360px) / (1800 - 360));
    position: absolute;
    display: flex;
    top: 5px;
  }
}
@media (max-width: 360px) {
  .advanced-menu-block .language-box {
    left: 25px;
  }
}
.advanced-menu-block .language-box.is-active .dropdown-box {
  display: flex;
}
.advanced-menu-block .language-box.is-active .active-language svg {
  transform: rotate(180deg);
}
.advanced-menu-block .language-box .language-item {
  cursor: pointer;
  border-bottom: 0;
}
.advanced-menu-block .language-box .language-item svg {
  margin-left: 2px;
  transition: none;
}
.advanced-menu-block .language-box .active-language {
  display: flex;
  padding: 4px 15px;
  align-items: center;
}
.advanced-menu-block .language-box .active-language svg {
  width: 8px;
  height: 5px;
  fill: currentColor;
  color: currentColor;
}
.advanced-menu-block .language-box .dropdown-box {
  bottom: 0;
  left: -11px;
  width: 60px;
  z-index: 10;
  display: none;
  flex-flow: column;
  position: absolute;
  padding: 5px 15px 10px;
  transform: translate(0, 100%);
  background-color: #FFFFFF;
}
.advanced-menu-block .language-box .morelink {
  color: #807464;
  padding: 4px 15px 0 0;
  position: relative;
  line-height: 25px;
  font-size: 15px;
  border: none;
}
.advanced-menu-block .menu-box {
  height: 100%;
  display: flex;
  position: relative;
  justify-content: space-between;
}
.advanced-menu-block .menu-box .main-categories {
  width: 100%;
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-bottom: 50px;
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .main-categories {
    height: 100%;
    display: block;
  }
}
.advanced-menu-block .menu-box .main-categories::-webkit-scrollbar {
  display: none;
}
.advanced-menu-block .menu-box .menu-main-image {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.advanced-menu-block .menu-box .menu-main-image:before {
  background-color: #000;
  position: absolute;
  opacity: 0.21;
  content: "";
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .menu-main-image:before {
    opacity: 0.44;
  }
}
.advanced-menu-block .menu-box .menu-main-image picture {
  height: 100%;
}
.advanced-menu-block .menu-box .menu-main-image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.advanced-menu-block .menu-box .menu-main-image .image-box,
.advanced-menu-block .menu-box .menu-main-image .image-video {
  height: 100%;
}
.advanced-menu-block .menu-box .main-box {
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  padding-top: calc(185px + (264 - 185) * (100vw - 1026px) / (1800 - 1026));
  padding-right: calc(25px + (90 - 25) * (100vw - 360px) / (1800 - 360));
  padding-left: calc(25px + (90 - 25) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .main-box {
    flex: 0 0 100%;
    overflow: auto;
    max-width: 100%;
    overflow: auto;
    display: block;
    padding: 60px 0;
  }
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .main-box.is_active .mobile-home-button {
    left: 0;
    transition: all 0.5s ease-in-out;
  }
}
.advanced-menu-block .menu-box .main-box > .title {
  margin-bottom: calc(20px + (30 - 20) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .advanced-menu-block .menu-box .main-box > .title {
    margin-bottom: 20px;
  }
}
.advanced-menu-block .menu-box .main-box .bottom-box {
  margin-top: calc(20px + (30 - 20) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .advanced-menu-block .menu-box .main-box .bottom-box {
    margin-top: 20px;
  }
}
.advanced-menu-block .menu-box .main-box .bottom-box a {
  text-decoration: none;
  transition: opacity 0.3s linear;
}
@media (hover: hover) {
  .advanced-menu-block .menu-box .main-box .bottom-box a:hover {
    opacity: 0.7;
  }
}
.advanced-menu-block .menu-box .main-box .bottom-box .title svg {
  width: 13px;
  height: 12px;
  margin-right: 3px;
}
.advanced-menu-block .menu-box .navigation-overlay-content {
  flex: 0 0 33.33334%;
  max-width: 33.33334%;
  margin-top: calc(30px + (73 - 30) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .navigation-overlay-content {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: calc(22px + (40 - 22) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .advanced-menu-block .menu-box .navigation-overlay-content {
    margin-top: 22px;
  }
}
.advanced-menu-block .menu-box .navigation-overlay-content:first-child, .advanced-menu-block .menu-box .navigation-overlay-content:nth-child(2), .advanced-menu-block .menu-box .navigation-overlay-content:nth-child(3) {
  margin-top: 0;
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .navigation-overlay-content:nth-child(2), .advanced-menu-block .menu-box .navigation-overlay-content:nth-child(3) {
    margin-top: calc(16px + (40 - 16) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .advanced-menu-block .menu-box .navigation-overlay-content:nth-child(2), .advanced-menu-block .menu-box .navigation-overlay-content:nth-child(3) {
    margin-top: 16px;
  }
}
.advanced-menu-block .menu-box .navigation-overlay-content:last-child {
  margin-bottom: 0;
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .navigation-overlay-content.is_active .category-items nav.is_active {
    display: flex;
    pointer-events: all;
    transform: translate(0, 0);
    max-height: 400px;
    transition: max-height 0.7s ease;
  }
  .advanced-menu-block .menu-box .navigation-overlay-content.is_active .category-items .line {
    display: inline-block;
  }
}
@media (max-width: 1026px) and (max-width: 1026px) {
  .advanced-menu-block .menu-box .navigation-overlay-content.is_active .category-items .line {
    display: none;
  }
}
.advanced-menu-block .menu-box .navigation-overlay-content.tablet-view {
  display: none;
  margin-top: 29px;
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .navigation-overlay-content.tablet-view {
    display: block;
  }
}
.advanced-menu-block .menu-box .navigation-overlay-content.tablet-view .category-name {
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  display: inline-flex;
}
.advanced-menu-block .menu-box .navigation-overlay-content.tablet-view .category-name svg {
  width: 16px;
  height: 16px;
}
.advanced-menu-block .menu-box .navigation-overlay-content .category-items .wrapper nav a.is_active {
  opacity: 0.6;
}
.advanced-menu-block .menu-box .navigation-overlay-content .category-items {
  text-align: center;
  position: relative;
}
.advanced-menu-block .menu-box .navigation-overlay-content .category-items .category-name {
  text-decoration: none;
}
.advanced-menu-block .menu-box .navigation-overlay-content a.category-name {
  cursor: pointer;
}
.advanced-menu-block .menu-box .navigation-overlay-content .category-name {
  transition: opacity 0.3s linear;
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .navigation-overlay-content .category-name {
    display: block;
    white-space: normal;
  }
}
.advanced-menu-block .menu-box .navigation-overlay-content .line {
  flex: 1;
  right: 0;
  height: 1px;
  display: none;
  margin-right: 0;
  margin-left: 50px;
  vertical-align: top;
  margin-top: calc(18px + (28 - 18) * (100vw - 360px) / (1800 - 360));
  background: #546B59;
}
@media (max-width: 360px) {
  .advanced-menu-block .menu-box .navigation-overlay-content .line {
    margin-top: 18px;
  }
}
.advanced-menu-block .menu-box .navigation-overlay-content nav {
  z-index: 20;
  display: flex;
  margin-top: 9px;
  flex-flow: column;
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .navigation-overlay-content nav {
    width: auto;
    max-height: 0;
    position: static;
    margin-top: 16px;
    overflow: hidden;
    margin-bottom: 16px;
    pointer-events: none;
    transition: max-height 0.4s ease;
  }
}
.advanced-menu-block .menu-box .navigation-overlay-content nav a {
  margin-bottom: 5px;
  text-decoration: none;
  transition: opacity 0.2s ease;
  font-size: calc(16px + (20 - 16) * (100vw - 360px) / (1800 - 360));
  line-height: calc(24px + (28 - 24) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .advanced-menu-block .menu-box .navigation-overlay-content nav a {
    margin-bottom: calc(8px + (20 - 8) * (100vw - 360px) / (1026 - 360));
  }
}
@media (max-width: 1026px) and (max-width: 767px) {
  .advanced-menu-block .menu-box .navigation-overlay-content nav a {
    margin-bottom: 8px;
  }
}
@media (max-width: 360px) {
  .advanced-menu-block .menu-box .navigation-overlay-content nav a {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (hover: hover) {
  .advanced-menu-block .menu-box .navigation-overlay-content nav a:hover {
    opacity: 0.6;
  }
}
.advanced-menu-block .menu-box .navigation-overlay-content nav a:last-child {
  margin-bottom: 0;
}
.advanced-menu-block .menu-box .hot-links {
  display: flex;
  flex-flow: column;
  transition: color 0.3s ease;
  margin-top: calc(41px + (54 - 41) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .advanced-menu-block .menu-box .hot-links {
    margin-top: 41px;
  }
}
.advanced-menu-block .menu-box .hot-links a.button {
  position: relative;
  margin-bottom: 13px;
  letter-spacing: 1.8px;
}
@media (max-width: 767px) {
  .advanced-menu-block .menu-box .hot-links a.button {
    display: block;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.advanced-menu-block .menu-box .hot-links a.button:nth-last-child(2) {
  margin-bottom: 0;
}
.advanced-menu-block .menu-box .hot-links a.button:nth-last-child(2):after {
  display: none;
}
.advanced-menu-block .logo-box {
  display: none;
  width: 198px;
  margin: 0 auto 58px;
}
@media (max-width: 1026px) {
  .advanced-menu-block .logo-box {
    display: block;
  }
}
.advanced-menu-block .logo-box svg {
  width: 100%;
  height: 100%;
}

.mobile-app-header-menu {
  position: fixed;
  height: 50px;
  bottom: 0;
  left: 0;
  z-index: 5000;
  right: 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: none;
  background-image: none;
  padding-right: 7px;
  border-top: 1px solid rgba(112, 112, 112, 0.17);
}
@media (max-width: 1026px) {
  .mobile-app-header-menu {
    display: flex;
  }
}
.mobile-app-header-menu .mobile-menu-item {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0 6px;
  min-width: 48px;
  align-items: center;
  justify-content: center;
  color: #546B59;
}
.mobile-app-header-menu .mobile-menu-item.is_active .menu-btn .line:nth-child(1) {
  top: 8px;
  width: 22px;
  transform: rotate(-45deg);
}
.mobile-app-header-menu .mobile-menu-item.is_active .menu-btn .line:nth-child(2) {
  top: 8px;
  width: 22px;
  transform: rotate(-45deg);
}
.mobile-app-header-menu .mobile-menu-item.is_active .menu-btn .line:nth-child(3) {
  top: 8px;
  width: 22px;
  transform: rotate(45deg);
}
.mobile-app-header-menu .mobile-menu-item.is_active .menu-btn .lines .line {
  background-color: currentColor;
}
.mobile-app-header-menu .mobile-menu-item svg {
  fill: currentColor;
  color: currentColor;
  overflow: visible;
  position: relative;
  width: 1.5em;
  height: 1.5em;
}
.mobile-app-header-menu .mobile-menu-item svg.icon-star {
  top: 2px;
  width: 1.3em;
  height: 1.5em;
}
.mobile-app-header-menu .mobile-menu-item svg.icon-phone {
  top: 3px;
  width: 1.3em;
  height: 1.5em;
}
.mobile-app-header-menu .mobile-menu-item svg.icon-anfragen {
  top: 2px;
  width: 1.3em;
  height: 1.5em;
}
.mobile-app-header-menu .mobile-menu-item svg.icon-buchen {
  top: 0.1em;
  width: 1.2em;
  height: 1.5em;
}
.mobile-app-header-menu .mobile-menu-item a, .mobile-app-header-menu .mobile-menu-item > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-transform: uppercase;
}
.mobile-app-header-menu .mobile-menu-item .morelink {
  padding-bottom: 0;
  border-bottom: 0;
  color: #546B59;
}
.mobile-app-header-menu .mobile-menu-item .morelink:before {
  display: none;
}
.mobile-app-header-menu .mobile-menu-item .text {
  font-size: 12px;
  letter-spacing: 0.1em;
}
@media (max-width: 360px) {
  .mobile-app-header-menu .mobile-menu-item .text {
    font-size: 11px;
  }
}
.mobile-app-header-menu .menu-btn {
  width: 100%;
  height: 100%;
  gap: 4px;
}
.mobile-app-header-menu .menu-btn .open-menu-icon {
  position: relative;
  top: 6px;
}
.mobile-app-header-menu .menu-btn .open-menu-icon .lines {
  width: 25px;
  height: 18px;
  display: block;
  position: relative;
}
.mobile-app-header-menu .menu-btn .open-menu-icon .line {
  height: 1px;
  display: block;
  border-radius: 2px;
  left: 0;
  width: 100%;
  position: absolute;
  transition: all 0.5s ease;
  background-color: #546B59;
}
.mobile-app-header-menu .menu-btn .open-menu-icon .line:nth-child(1) {
  top: 0;
}
.mobile-app-header-menu .menu-btn .open-menu-icon .line:nth-child(2) {
  top: 6px;
}
.mobile-app-header-menu .menu-btn .open-menu-icon .line:nth-child(3) {
  width: 16px;
  top: 12px;
}

/* Search OL _____________________________________________________________ */
body.hidden {
  overflow: hidden;
}

div.OverlaySharedContainer {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: -1;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}

div.OverlaySharedContainer.active {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 500;
  background-color: #FFFFFF;
  overflow-y: scroll;
}

div.OverlaySharedContainer > div.close {
  position: fixed;
  z-index: 10;
  right: 35px;
  top: 20px;
  width: 39px;
  height: 39px;
  border: 1px solid #333333;
}

div.OverlaySharedContainer > div.close:hover {
  background-color: #333333;
}

div.OverlaySharedContainer > div.close span {
  width: 19px;
  height: 1px;
  background-color: #333333;
  display: inline-block;
  transition: all 400ms linear 0ms;
}

div.OverlaySharedContainer > div.close:hover span {
  background-color: #FFFFFF;
}

div.OverlaySharedContainer > div.close span:nth-child(1) {
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  left: 10px;
}

div.OverlaySharedContainer > div.close span:nth-child(2) {
  transform: rotate(-45deg);
  position: relative;
  bottom: 0px;
  right: -10px;
}

@media (max-width: 750px) {
  div.OverlaySharedContainer > div.close {
    width: 20px;
    height: 20px;
    font-size: 0px;
    line-height: 0px;
  }
  div.OverlaySharedContainer > div.close span {
    width: 10px;
    height: 1px;
  }
  div.OverlaySharedContainer > div.close span:nth-child(1) {
    top: 10px;
    left: 5px;
  }
  div.OverlaySharedContainer > div.close span:nth-child(2) {
    bottom: -10px;
    right: 5px;
  }
}
@media (max-width: 750px) {
  div.OverlaySharedContainer > div.close {
    width: 20px;
    height: 20px;
    font-size: 0px;
    line-height: 0px;
  }
  div.OverlaySharedContainer > div.close span {
    width: 10px;
    height: 1px;
  }
  div.OverlaySharedContainer > div.close span:nth-child(1) {
    top: 10px;
    left: 5px;
  }
  div.OverlaySharedContainer > div.close span:nth-child(2) {
    bottom: -10px;
    right: 5px;
  }
}
body.search div.searchcontainer {
  height: 91px;
  position: relative;
  z-index: 70;
}

div.searchcontainer {
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

div.searchcontainer div.searchinner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

div.searchcontainer div.searchinner .title {
  margin-left: 5px;
  margin-bottom: 20px;
}

div.searchcontainer div.input {
  float: left;
  width: 100%;
  margin-bottom: 4px;
}

div.searchcontainer div.input div.inner {
  position: relative;
  float: left;
  display: flex;
  padding-left: 0px;
  width: 100%;
}

div.searchcontainer div.input div.inner input {
  width: calc(100% - 40px);
  display: block;
  margin-right: 40px;
  border: 0px;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

div.searchcontainer div.input div.inner input:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

div.searchcontainer div.input div.inner .link {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 600ms linear 0ms;
}

div.searchcontainer div.input div.inner input.active + .link {
  height: auto;
  opacity: 1;
  filter: alpha(opacity=100);
}

div.searchcontainer div.input svg {
  float: left;
  margin: 9px;
  width: 36px;
  height: 33px;
}

@media (max-width: 650px) {
  div.searchcontainer div.input div.inner input {
    width: 80%;
  }
}
@media (max-width: 440px) {
  div.searchcontainer div.input svg {
    margin-left: 10px;
  }
  div.searchcontainer div.input div.inner {
    margin-left: 8px;
  }
}
/* __________________________________________________________________ End */
/* search _________________________________________________________________ */
.search .hidden {
  display: none;
}
.search.resultlist .header {
  margin-bottom: 5%;
}
.search.resultlist .result {
  width: 80%;
  min-width: 1170px;
}
.search.resultlist .result + .result {
  margin-top: 30px;
}
.search.resultlist .result .path {
  margin-bottom: 12px;
  display: inline-block;
  font-size: 0.8em;
  line-height: 1;
}
.search.resultlist .loadmore {
  margin-top: 2.5%;
}

.datepicker {
  display: none;
}

.datepicker.active {
  display: block;
}

.datepicker-dropdown {
  left: 0;
  padding-top: 4px;
  position: absolute;
  top: 0;
  z-index: 20;
  min-width: 350px;
}

.datepicker-dropdown.datepicker-orient-top {
  padding-bottom: 4px;
  padding-top: 0;
}

.datepicker-picker {
  background-color: #fff;
  display: inline-block;
  font-family: "Brown LL TT", sans-serif;
}

.datepicker-dropdown .datepicker-picker {
  border: 6px solid #9AA890;
  width: 100%;
}
@media (max-width: 767px) {
  .datepicker-dropdown .datepicker-picker {
    border-width: 10px;
  }
}

.datepicker-picker span {
  -webkit-touch-callout: none;
  display: block;
  flex: 1;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  padding: 6px 0;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
  height: auto;
}

.datepicker-main {
  padding: 10px;
}

.datepicker-footer {
  background-color: #f5f5f5;
  box-shadow: inset 0 1px 1px hsla(0, 0%, 4%, 0.1);
}

.datepicker-controls, .datepicker-grid, .datepicker-view, .datepicker-view .days-of-week {
  display: flex;
}

.datepicker-view .days-of-week {
  border-bottom: solid 2px #9AA890;
}

.datepicker-grid {
  flex-wrap: wrap;
}

.datepicker-view .days .datepicker-cell, .datepicker-view .dow {
  flex-basis: 14.2857142857%;
}

.datepicker-view.datepicker-grid .datepicker-cell {
  flex-basis: 25%;
}

.datepicker-cell, .datepicker-view .week {
  height: 2.25rem;
  line-height: 2.25rem;
}

.datepicker-title {
  background-color: #f5f5f5;
  box-shadow: inset 0 -1px 1px hsla(0, 0%, 4%, 0.1);
  font-weight: 700;
  padding: 0.375rem 0.75rem;
  text-align: center;
}

.datepicker-header .datepicker-controls {
  padding: 10px 10px 0;
}

.datepicker-controls .button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: none;
  color: #363636;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: center;
  line-height: 1.5;
  margin: 0;
  padding: calc(0.375em - 1px) 0.75em;
  position: relative;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
}

.datepicker-controls .button:active, .datepicker-controls .button:focus {
  outline: none;
}

.datepicker-controls .button:hover {
  border-color: #b5b5b5;
  color: #363636;
}

.datepicker-controls .button:focus {
  border-color: #9AA890;
  color: #363636;
}

.datepicker-controls .button:focus:not(:active) {
  background-color: rgba(255, 109, 112, 0.2);
  border-color: transparent;
  color: inherit;
}

.datepicker-controls .button:active {
  border-color: #4a4a4a;
  color: #363636;
}

.datepicker-controls .button[disabled] {
  cursor: not-allowed;
}

.datepicker-header .datepicker-controls .button {
  font-family: "Brown LL TT", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
}

.datepicker-header .datepicker-controls .button:hover {
  background-color: #f9f9f9;
}

.datepicker-header .datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
}

.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2;
}

.datepicker-header .datepicker-controls .button[disabled] {
  box-shadow: none;
}

.datepicker-footer .datepicker-controls .button {
  border-radius: 2px;
  font-size: 0.75rem;
  margin: calc(0.375rem - 1px) 0.375rem;
  width: 100%;
}

.datepicker-controls .view-switch {
  flex: auto;
}

.datepicker-controls .next-btn, .datepicker-controls .prev-btn {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  width: 2.25rem;
}

.datepicker-controls .next-btn.disabled, .datepicker-controls .prev-btn.disabled {
  visibility: hidden;
}

.datepicker-view .dow {
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  padding: 6px 0;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
  color: #383837;
  height: auto;
  font-weight: 700;
}

.datepicker-view .week {
  color: #b5b5b5;
  font-size: 0.75rem;
  width: 2.25rem;
}

@media (max-width: 22.5rem) {
  .datepicker-view .week {
    width: 1.96875rem;
  }
}
.datepicker-grid {
  width: 100%;
}

@media (max-width: 22.5rem) {
  .calendar-weeks + .days .datepicker-grid {
    width: 13.78125rem;
  }
}
.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.datepicker-cell.focused:not(.selected) {
  background-color: #9AA890;
  border-color: transparent;
  color: #fff;
}

.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: #9AA890;
  color: #fff;
  font-weight: 600;
}

.datepicker-cell {
  color: #383837;
}

.datepicker-cell.disabled {
  color: #dbdbdb;
}

.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
  color: #7a7a7a;
}

.datepicker-cell.next.selected, .datepicker-cell.prev.selected {
  color: #e6e6e6;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  background-color: #f5f5f5;
  border-radius: 0;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #eee;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e8e8e8;
}

.datepicker-cell.today:not(.selected) {
  background-color: #00d1b2;
}

.datepicker-cell.today:not(.selected):not(.disabled) {
  color: #fff;
}

.datepicker-cell.today.focused:not(.selected) {
  background-color: #00c4a7;
}

.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
  background-color: #b5b5b5;
  color: #fff;
}

.datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) {
  background-color: #afafaf;
}

.datepicker-cell.range-start {
  border-radius: 4px 0 0 4px;
}

.datepicker-cell.range-end {
  border-radius: 0 4px 4px 0;
}

.datepicker-cell.range {
  background-color: #dbdbdb;
  border-radius: 0;
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d5d5d5;
}

.datepicker-cell.range.disabled {
  color: #c2c2c2;
}

.datepicker-cell.range.focused {
  background-color: #cfcfcf;
}

.datepicker-view.datepicker-grid .datepicker-cell {
  height: 4.5rem;
  line-height: 4.5rem;
}

.datepicker-input.in-edit {
  border-color: #2366d1;
}

.datepicker-input.in-edit:active, .datepicker-input.in-edit:focus {
  box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
}

.request-box .inner-field .datepicker-input[name=end], .request-form .inner-field .datepicker-input[name=end] {
  left: auto;
  right: 0;
}
.request-box .inner-field .datepicker-input, .request-form .inner-field .datepicker-input {
  position: absolute;
  opacity: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  cursor: pointer;
  pointer-events: none;
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts//marker-icon.png");
}

.leaflet-container .leaflet-marker-pane img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain;
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

.ExtClickPointsT1:not(.elements_1):not(.logged-in) .tns-outer {
  cursor: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/cursors/cursor-drag.svg") 45 45, auto;
}

.ExtClickPointsT1 .tns-inner {
  overflow: hidden;
}
.ExtClickPointsT1 .tns-ovh {
  overflow: visible;
}
.ExtClickPointsT1 .tns-ovh .tns-item .inner {
  opacity: 0.3;
  transition: opacity 500ms;
  transform: scale(0.8);
  transform-origin: center right;
  transition: opacity 1s ease, transform 1s ease;
  padding-left: 220px;
}
@media (max-width: 1800px) {
  .ExtClickPointsT1 .tns-ovh .tns-item .inner {
    padding-left: calc(30px + (220 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
.ExtClickPointsT1 .tns-ovh .tns-item.tns-slide-active .inner {
  padding: 0;
  opacity: 1;
  transform: scale(1);
  transform-origin: center center;
}
.ExtClickPointsT1 .tns-ovh .tns-item.tns-slide-active + .tns-item .inner {
  transform-origin: center left;
  padding-left: 0;
  padding-right: 220px;
}
@media (max-width: 1800px) {
  .ExtClickPointsT1 .tns-ovh .tns-item.tns-slide-active + .tns-item .inner {
    padding-left: 0;
    padding-right: calc(30px + (220 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
.ExtClickPointsT1 .clickpoints-preview {
  padding: 30px 0;
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element {
  display: flex;
  border-bottom: 1px solid currentColor;
  overflow: hidden;
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element:last-child {
  border: 0;
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element.active .indicator:before {
  width: 30px;
  height: 30px;
  background-color: currentColor;
  border-radius: 15px;
  content: "";
  top: calc(50% - 15px);
  left: 2px;
  position: absolute;
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator {
  width: 44px;
  min-height: 54px;
  position: relative;
  cursor: pointer;
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator:after {
  content: "";
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  border-radius: 17px;
  border: 1px solid currentColor;
  top: calc(50% - 17px);
  left: 0;
  position: absolute;
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon {
  width: 44px;
  min-height: 54px;
  position: relative;
  cursor: pointer;
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon:after {
  content: "";
  width: 100%;
  height: 24px;
  box-sizing: border-box;
  top: calc(50% - 12px);
  left: 0;
  position: absolute;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/trash.png);
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .content {
  width: calc(100% - 148px - 88px);
  padding: 17px 15px;
  box-sizing: border-box;
  line-height: 20px;
}
.ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .position {
  width: 74px;
  padding: 17px 15px;
  box-sizing: border-box;
  line-height: 20px;
}
.ExtClickPointsT1 .submit-data {
  transition: opacity 0.3s linear;
}
.ExtClickPointsT1 .submit-data.loading {
  pointer-events: none;
  opacity: 0.5;
}
.ExtClickPointsT1 .gallery {
  position: relative;
}
.ExtClickPointsT1 .gallery .arrow-container {
  right: 125px;
  bottom: 100px;
  z-index: 40;
  display: flex;
  position: absolute;
  align-items: stretch;
  pointer-events: none;
  justify-content: space-between;
}
.ExtClickPointsT1 .gallery .arrow-container.elements-small {
  bottom: calc(125px + (67 - 125) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .ExtClickPointsT1 .gallery .arrow-container {
    display: none;
  }
}
.ExtClickPointsT1 .gallery .arrow-container .cursor-to-right,
.ExtClickPointsT1 .gallery .arrow-container .cursor-to-left {
  width: 52px;
  height: 52px;
  margin: 0 10px;
  cursor: pointer;
  position: relative;
  pointer-events: all;
  border: 2px solid currentColor;
  padding: 0 13px;
  border-radius: 50%;
  outline: none;
}
.ExtClickPointsT1 .gallery .arrow-container .cursor-to-right svg,
.ExtClickPointsT1 .gallery .arrow-container .cursor-to-left svg {
  width: 100%;
  height: 100%;
}
.ExtClickPointsT1 .gallery .arrow-container .cursor-to-right svg path,
.ExtClickPointsT1 .gallery .arrow-container .cursor-to-left svg path {
  stroke: currentColor;
}

/* Credits ________________________________________________________________ */
@media all {
  .zeppimpressum {
    padding-top: calc(40px + (80 - 40) * (100vw - 320px) / (1600 - 320));
    padding-bottom: calc(40px + (80 - 40) * (100vw - 320px) / (1600 - 320));
  }
  .zeppimpressum .logo {
    font-size: 0;
    line-height: 0;
  }
  .zeppimpressum div.clientdata {
    float: left;
    display: inline;
    width: 45%;
    margin-right: 5%;
  }
  .zeppimpressum div.clientdata img {
    margin-bottom: 30px;
    width: auto;
  }
  .zeppimpressum div.clientdata div.client div {
    margin-top: 15px;
  }
  .zeppimpressum div.clientdata div.client div span {
    display: block;
  }
  .zeppimpressum div.odr {
    margin-top: 60px;
  }
  .zeppimpressum div.additionalintro {
    margin-top: 60px;
  }
  .zeppimpressum div.additionalcontent {
    margin-top: 60px;
  }
}
@media (max-width: 750px) {
  .zeppimpressum div.clientdata {
    float: none;
    display: block;
    margin-right: 0px;
    width: auto;
  }
}
.listitem-list-element .listitem-list-items-container, .listitem-list-element .content-list-items-container, .content-list-element .listitem-list-items-container, .content-list-element .content-list-items-container {
  margin: calc(-40px + (-139 - -40) * (100vw - 360px) / (1800 - 360)) calc(-10px + (-22.5 - -10) * (100vw - 360px) / (1800 - 360)) 0;
  display: flex;
  flex-wrap: wrap;
}
.listitem-list-element .listitem-list-items-container .list-item, .listitem-list-element .content-list-items-container .list-item, .content-list-element .listitem-list-items-container .list-item, .content-list-element .content-list-items-container .list-item {
  flex: 0 0 33.33334%;
  max-width: 33.33334%;
  padding: 0 calc(10px + (22.5 - 10) * (100vw - 360px) / (1800 - 360));
  margin-top: calc(55px + (139 - 55) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .listitem-list-element .listitem-list-items-container .list-item, .listitem-list-element .content-list-items-container .list-item, .content-list-element .listitem-list-items-container .list-item, .content-list-element .content-list-items-container .list-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .listitem-list-element .listitem-list-items-container .list-item, .listitem-list-element .content-list-items-container .list-item, .content-list-element .listitem-list-items-container .list-item, .content-list-element .content-list-items-container .list-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.listitem-list-element .listitem-list-items-container .list-item .absolute-link, .listitem-list-element .content-list-items-container .list-item .absolute-link, .content-list-element .listitem-list-items-container .list-item .absolute-link, .content-list-element .content-list-items-container .list-item .absolute-link {
  height: auto;
  bottom: 50px;
}
.listitem-list-element .listitem-list-items-container .list-item .wrapper, .listitem-list-element .content-list-items-container .list-item .wrapper, .content-list-element .listitem-list-items-container .list-item .wrapper, .content-list-element .content-list-items-container .list-item .wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.listitem-list-element .listitem-list-items-container .list-item .image-box img, .listitem-list-element .content-list-items-container .list-item .image-box img, .content-list-element .listitem-list-items-container .list-item .image-box img, .content-list-element .content-list-items-container .list-item .image-box img {
  height: auto;
}
.listitem-list-element .listitem-list-items-container .list-item .boxed-headline, .listitem-list-element .content-list-items-container .list-item .boxed-headline, .content-list-element .listitem-list-items-container .list-item .boxed-headline, .content-list-element .content-list-items-container .list-item .boxed-headline {
  flex: 1;
  display: flex;
  padding-bottom: 60px;
  flex-direction: column;
  justify-content: space-between;
  margin-top: calc(14px + (60 - 14) * (100vw - 360px) / (1800 - 360));
}
.listitem-list-element .listitem-list-items-container .list-item .boxed-headline .headline + .description, .listitem-list-element .content-list-items-container .list-item .boxed-headline .headline + .description, .content-list-element .listitem-list-items-container .list-item .boxed-headline .headline + .description, .content-list-element .content-list-items-container .list-item .boxed-headline .headline + .description {
  margin-top: calc(8px + (18 - 8) * (100vw - 360px) / (1800 - 360));
}
.listitem-list-element .listitem-list-items-container .list-item .boxed-headline .link-box, .listitem-list-element .content-list-items-container .list-item .boxed-headline .link-box, .content-list-element .listitem-list-items-container .list-item .boxed-headline .link-box, .content-list-element .content-list-items-container .list-item .boxed-headline .link-box {
  left: 0;
  bottom: 0;
  font-size: 0;
  line-height: 0;
  margin-top: 22px;
  position: absolute;
}
.listitem-list-element .content-list-items-container, .content-list-element .content-list-items-container {
  margin-top: 0;
}
.listitem-list-element .content-list-items-container .list-item, .content-list-element .content-list-items-container .list-item {
  margin-top: calc(40px + (60 - 40) * (100vw - 320px) / (1800 - 320));
}
.listitem-list-element .linkbox, .content-list-element .linkbox {
  text-align: center;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: calc(60px + (160 - 60) * (100vw - 360px) / (1800 - 360));
}
.listitem-list-element .linkbox .morelink, .content-list-element .linkbox .morelink {
  border: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  color: #9AA890;
}

.photogallery-list-element .gallery-list-wrapper {
  font-size: 0;
  display: flex;
  line-height: 0;
  flex-wrap: wrap;
  margin-right: calc(-4px + (-25 - -4) * (100vw - 360px) / (1800 - 360));
  margin-left: calc(-4px + (-25 - -4) * (100vw - 360px) / (1800 - 360));
  margin-top: calc(20px + (74 - 20) * (100vw - 360px) / (1800 - 360));
}
.photogallery-list-element .gallery-list-wrapper .gallery-item {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  margin-bottom: calc(12px + (50 - 12) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(4px + (25 - 4) * (100vw - 360px) / (1800 - 360));
  padding-left: calc(4px + (25 - 4) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .photogallery-list-element .gallery-list-wrapper .gallery-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.photogallery-list-element .gallery-list-wrapper .gallery-item:nth-child(5n) {
  flex: 0 0 100%;
  max-width: 100%;
}
.photogallery-list-element .gallery-list-wrapper .gallery-item:last-child {
  margin-bottom: 0;
}
.photogallery-list-element .gallery-list-wrapper .gallery-item .gallery-item-inner {
  cursor: pointer;
  position: relative;
}
.photogallery-list-element .gallery-list-wrapper .gallery-item .gallery-item-inner:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  content: "";
  position: absolute;
  pointer-events: none;
  transition: opacity 0.3s ease;
  background: rgba(0, 0, 0, 0.25);
}
.photogallery-list-element .gallery-list-wrapper .gallery-item .gallery-item-inner:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  content: "";
  position: absolute;
  pointer-events: none;
  transition: opacity 0.3s ease;
  background: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts//loupe-icon.svg") no-repeat center center;
  background-size: 41px;
}
.photogallery-list-element .gallery-list-wrapper .gallery-item .gallery-item-inner:hover:before {
  opacity: 0.35;
}
.photogallery-list-element .gallery-list-wrapper .gallery-item .gallery-item-inner:hover:after {
  opacity: 1;
}
.photogallery-list-element .gallery-list-wrapper .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 85vh;
}

.photogallery-list-element .filter-container, .content-list-element .filter-container,
.OfferList .filter-container {
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1026px) {
  .photogallery-list-element .filter-container, .content-list-element .filter-container,
  .OfferList .filter-container {
    background-color: #FFFFFF;
    position: relative;
    margin-top: 27px;
  }
}
.photogallery-list-element .filter-container.bghighlight, .content-list-element .filter-container.bghighlight,
.OfferList .filter-container.bghighlight {
  background-color: transparent;
}
.photogallery-list-element .filter-container + .gallery-list-wrapper, .photogallery-list-element .filter-container + .component-offers, .content-list-element .filter-container + .gallery-list-wrapper, .content-list-element .filter-container + .component-offers,
.OfferList .filter-container + .gallery-list-wrapper,
.OfferList .filter-container + .component-offers {
  margin-top: calc(20px + (60 - 20) * (100vw - 360px) / (1800 - 360));
}
.photogallery-list-element .filter-container .show-all, .content-list-element .filter-container .show-all,
.OfferList .filter-container .show-all {
  display: none;
  padding: 8px 0;
  text-align: center;
}
@media (max-width: 1026px) {
  .photogallery-list-element .filter-container .show-all, .content-list-element .filter-container .show-all,
  .OfferList .filter-container .show-all {
    width: 100%;
    display: block;
  }
}
.photogallery-list-element .filter-container .show-all.is-opened svg, .content-list-element .filter-container .show-all.is-opened svg,
.OfferList .filter-container .show-all.is-opened svg {
  transform: rotate(180deg);
}
.photogallery-list-element .filter-container .show-all.is-opened + .filter-list, .content-list-element .filter-container .show-all.is-opened + .filter-list,
.OfferList .filter-container .show-all.is-opened + .filter-list {
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  display: flex;
  position: absolute;
  margin-top: 40px;
}
.photogallery-list-element .filter-container .show-all svg, .content-list-element .filter-container .show-all svg,
.OfferList .filter-container .show-all svg {
  width: 12px;
  height: 10px;
  transition: transform 0.3s ease;
  fill: currentColor;
  color: currentColor;
}
.photogallery-list-element .filter-container .filter-list, .content-list-element .filter-container .filter-list,
.OfferList .filter-container .filter-list {
  line-height: 0;
  font-size: 0;
}
@media (max-width: 1026px) {
  .photogallery-list-element .filter-container .filter-list, .content-list-element .filter-container .filter-list,
  .OfferList .filter-container .filter-list {
    width: auto;
    display: none;
    position: relative;
    overflow-y: hidden;
    flex-direction: column;
    background-color: #FFFFFF;
  }
  .photogallery-list-element .filter-container .filter-list::-webkit-scrollbar, .content-list-element .filter-container .filter-list::-webkit-scrollbar,
  .OfferList .filter-container .filter-list::-webkit-scrollbar {
    display: none;
  }
}
.photogallery-list-element .filter-container .filter-list .filter-item, .content-list-element .filter-container .filter-list .filter-item,
.OfferList .filter-container .filter-list .filter-item {
  padding: 0;
  margin: 0 calc(20px + (33 - 20) * (100vw - 1026px) / (1800 - 1026)) 10px calc(20px + (40 - 20) * (100vw - 1026px) / (1800 - 1026));
  text-align: center;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 1026px) {
  .photogallery-list-element .filter-container .filter-list .filter-item, .content-list-element .filter-container .filter-list .filter-item,
  .OfferList .filter-container .filter-list .filter-item {
    margin: 6px 0;
  }
}
.photogallery-list-element .filter-container .filter-list .filter-item:before, .content-list-element .filter-container .filter-list .filter-item:before,
.OfferList .filter-container .filter-list .filter-item:before {
  display: none;
}
@media (max-width: 1026px) {
  .photogallery-list-element .filter-container .filter-list .filter-item.is-active, .content-list-element .filter-container .filter-list .filter-item.is-active,
  .OfferList .filter-container .filter-list .filter-item.is-active {
    display: none;
  }
}
.photogallery-list-element .filter-container .filter-list .filter-item.is-active .morelink, .content-list-element .filter-container .filter-list .filter-item.is-active .morelink,
.OfferList .filter-container .filter-list .filter-item.is-active .morelink {
  opacity: 100%;
}
.photogallery-list-element .filter-container .filter-list .filter-item.is-active .morelink:before, .content-list-element .filter-container .filter-list .filter-item.is-active .morelink:before,
.OfferList .filter-container .filter-list .filter-item.is-active .morelink:before {
  display: block;
}
.photogallery-list-element .filter-container .filter-list .filter-item .morelink, .content-list-element .filter-container .filter-list .filter-item .morelink,
.OfferList .filter-container .filter-list .filter-item .morelink {
  border-bottom: none;
  position: relative;
  opacity: 70%;
}
.photogallery-list-element .filter-container .filter-list .filter-item .morelink:after, .content-list-element .filter-container .filter-list .filter-item .morelink:after,
.OfferList .filter-container .filter-list .filter-item .morelink:after {
  content: "";
  position: absolute;
  bottom: 12px;
  width: 5px;
  height: 5px;
  background-color: currentColor;
  border-radius: 50%;
  right: calc(-25px + (-36 - -25) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .photogallery-list-element .filter-container .filter-list .filter-item .morelink:after, .content-list-element .filter-container .filter-list .filter-item .morelink:after,
  .OfferList .filter-container .filter-list .filter-item .morelink:after {
    right: calc(-16px + (-23 - -16) * (100vw - 768px) / (1024 - 768));
    display: none;
  }
}
.photogallery-list-element .filter-container .filter-list .filter-item .morelink:before, .content-list-element .filter-container .filter-list .filter-item .morelink:before,
.OfferList .filter-container .filter-list .filter-item .morelink:before {
  border-bottom-color: currentColor;
  bottom: -3px;
  display: none;
}
@media (hover: hover) {
  .photogallery-list-element .filter-container .filter-list .filter-item .morelink:hover:before, .content-list-element .filter-container .filter-list .filter-item .morelink:hover:before,
  .OfferList .filter-container .filter-list .filter-item .morelink:hover:before {
    transition: height 0.3s ease, opacity 0.1s ease;
    display: block;
    position: absolute;
  }
}
.photogallery-list-element .filter-container .filter-list .filter-item:last-child .morelink:after, .content-list-element .filter-container .filter-list .filter-item:last-child .morelink:after,
.OfferList .filter-container .filter-list .filter-item:last-child .morelink:after {
  opacity: 0;
}

.job-list-element.bgweb .job-list-box .job-list-item-inner {
  background-color: #FFFFFF;
}
.job-list-element.bgweb2 .job-list-box .job-list-item-inner {
  background-color: rgba(255, 255, 255, 0.1);
}
.job-list-element .joblist-filter-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 41px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container {
    display: block;
  }
}
.job-list-element .joblist-filter-container .joblist-filter-search-box {
  max-width: 450px;
  flex: 0 0 450px;
}
@media (max-width: 1800px) {
  .job-list-element .joblist-filter-container .joblist-filter-search-box {
    flex: 0 0 calc(300px + (450 - 300) * (100vw - 1300px) / (1700 - 1300));
    max-width: calc(300px + (450 - 300) * (100vw - 1300px) / (1700 - 1300));
  }
}
@media (max-width: 1200px) {
  .job-list-element .joblist-filter-container .joblist-filter-search-box {
    flex: 0 0 calc(300px + (450 - 300) * (100vw - 768px) / (1300 - 768));
    max-width: calc(300px + (450 - 300) * (100vw - 768px) / (1300 - 768));
  }
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-search-box {
    max-width: 100%;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
  }
}
.job-list-element .joblist-filter-container .joblist-filter-search-box .input-field-box {
  position: relative;
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-search-box .input-field-box {
    width: 100%;
  }
}
.job-list-element .joblist-filter-container .joblist-filter-search-box .input-field-box .input {
  width: 100%;
  height: 56px;
  padding: 18px 40px 18px 21px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.job-list-element .joblist-filter-container .joblist-filter-search-box .input-field-box .input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: currentColor;
  opacity: 1; /* Firefox */
}
.job-list-element .joblist-filter-container .joblist-filter-search-box .input-field-box .input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: currentColor;
}
.job-list-element .joblist-filter-container .joblist-filter-search-box .input-field-box .input::-ms-input-placeholder { /* Microsoft Edge */
  color: currentColor;
}
.job-list-element .joblist-filter-container .joblist-filter-search-box .input-field-box .icon {
  width: 23px;
  position: absolute;
  height: 23px;
  top: 18px;
  right: 20px;
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-search-box .input-field-box .icon {
    right: 8px;
  }
}
.job-list-element .joblist-filter-container .joblist-filter-search-box .filter-button {
  margin-left: 10px;
  display: none;
  padding: 15px;
  border-radius: 3px;
  background-color: #F3F2EE;
  width: 61px;
  border: none;
  height: 56px;
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-search-box .filter-button {
    display: block;
  }
}
.job-list-element .joblist-filter-container .joblist-filter-search-box .filter-button svg {
  width: 100%;
  height: 100%;
}
.job-list-element .joblist-filter-container .joblist-filter-select-box {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-select-box {
    margin-top: 0;
    flex-wrap: wrap;
    display: none;
  }
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-select-box.is_active {
    display: flex;
  }
}
.job-list-element .joblist-filter-container .joblist-filter-select-box .filter-text {
  margin-top: -3px;
  margin-right: 2px;
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-select-box .filter-text {
    display: none;
  }
}
.job-list-element .joblist-filter-container .joblist-filter-select-box .joblist-select {
  position: relative;
  margin-left: 9.7px;
  width: 250px;
}
@media (max-width: 1800px) {
  .job-list-element .joblist-filter-container .joblist-filter-select-box .joblist-select {
    width: calc(180px + (250 - 180) * (100vw - 1300px) / (1700 - 1300));
  }
}
@media (max-width: 1200px) {
  .job-list-element .joblist-filter-container .joblist-filter-select-box .joblist-select {
    width: calc(200px + (250 - 200) * (100vw - 768px) / (1300 - 768));
  }
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-select-box .joblist-select {
    margin: 12px 0 0;
    width: 100%;
  }
}
.job-list-element .joblist-filter-container .joblist-filter-select-box .joblist-select .select {
  width: 100%;
  height: 56px;
  padding: 12px 40px 12px 19px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.job-list-element .joblist-filter-container .joblist-filter-select-box .joblist-select .select option:disabled {
  color: silver;
  opacity: 0.1;
}
.job-list-element .joblist-filter-container .joblist-filter-select-box .joblist-select .icon {
  width: 13px;
  height: 12px;
  transform: rotate(90deg);
  position: absolute;
  top: 22px;
  right: 16px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container .joblist-filter-select-box .joblist-select .icon {
    right: 23px;
  }
}
.job-list-element .joblist-filter-container + .list-detail-list-items {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .job-list-element .joblist-filter-container + .list-detail-list-items {
    margin-top: 13px;
  }
}
.job-list-element .not-job {
  padding-top: calc(20px + (40 - 20) * (100vw - 414px) / (1700 - 414));
}
@media (max-width: 360px) {
  .job-list-element .not-job {
    padding-top: 20px;
  }
}
.job-list-element .job-list-box .job-list-item {
  position: relative;
  margin-bottom: 10px;
}
.job-list-element .job-list-box .job-list-item:last-child {
  margin-bottom: 0;
}
.job-list-element .job-list-box .job-list-item-inner {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 24px 123px 28px 34px;
  border-radius: 3px;
}
@media (max-width: 1800px) {
  .job-list-element .job-list-box .job-list-item-inner {
    padding: calc(21px + (24 - 21) * (100vw - 414px) / (1700 - 414)) calc(24px + (123 - 24) * (100vw - 414px) / (1700 - 414)) calc(20px + (28 - 20) * (100vw - 414px) / (1700 - 414)) calc(24px + (34 - 24) * (100vw - 414px) / (1700 - 414));
  }
}
@media (max-width: 360px) {
  .job-list-element .job-list-box .job-list-item-inner {
    padding: 21px 24px 20px;
  }
}
.job-list-element .job-list-box .headline + .description {
  margin-top: 3px;
}
@media (max-width: 767px) {
  .job-list-element .job-list-box .headline + .description {
    margin-top: 12px;
  }
}
.job-list-element .job-list-box .description {
  max-width: 490px;
}
.job-list-element .job-list-box .info-box {
  margin-top: 11px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .job-list-element .job-list-box .info-box {
    margin-top: 13px;
    display: block;
  }
}
.job-list-element .job-list-box .info-box .info-item {
  display: flex;
  align-items: center;
}
.job-list-element .job-list-box .info-box .time-item {
  margin-right: 19px;
}
@media (max-width: 1800px) {
  .job-list-element .job-list-box .info-box .time-item {
    margin-right: calc(10px + (19 - 10) * (100vw - 768px) / (1700 - 768));
  }
}
@media (max-width: 360px) {
  .job-list-element .job-list-box .info-box .time-item {
    margin-right: 0;
  }
}
.job-list-element .job-list-box .info-box .time-item svg {
  width: 17px;
  height: 17px;
  margin-right: 4px;
}
.job-list-element .job-list-box .info-box .team-item {
  margin-right: 18px;
}
@media (max-width: 1800px) {
  .job-list-element .job-list-box .info-box .team-item {
    margin-right: calc(10px + (18 - 10) * (100vw - 768px) / (1700 - 768));
  }
}
@media (max-width: 767px) {
  .job-list-element .job-list-box .info-box .team-item {
    margin-top: 8px;
  }
}
@media (max-width: 360px) {
  .job-list-element .job-list-box .info-box .team-item {
    margin-right: 0;
  }
}
.job-list-element .job-list-box .info-box .team-item svg {
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-right: 7px;
}
@media (max-width: 767px) {
  .job-list-element .job-list-box .info-box .date-item {
    margin-top: 6px;
  }
}
.job-list-element .job-list-box .info-box .date-item svg {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
.job-list-element .job-list-box .arrow-button {
  width: 55px;
  height: 55px;
  padding: 20px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  z-index: 1;
  right: 30px;
  transform: translateY(-50%);
}
@media (max-width: 1800px) {
  .job-list-element .job-list-box .arrow-button {
    width: calc(35px + (55 - 35) * (100vw - 768px) / (1700 - 768));
    height: calc(35px + (55 - 35) * (100vw - 768px) / (1700 - 768));
    right: calc(24px + (30 - 24) * (100vw - 768px) / (1700 - 768));
  }
}
@media (max-width: 767px) {
  .job-list-element .job-list-box .arrow-button {
    width: 35px;
    height: 35px;
    right: 22px;
    transform: none;
    top: unset;
    bottom: 25px;
  }
}
.job-list-element .job-list-box .arrow-button svg {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .job-list-element .job-list-box .absolute-link:hover + .job-list-item-inner {
    border-color: #546B59;
  }
}
.job-list-element .button-box {
  text-align: center;
  margin-top: 61px;
}
@media (max-width: 1800px) {
  .job-list-element .button-box {
    margin-top: calc(34px + (61 - 34) * (100vw - 768px) / (1700 - 768));
  }
}
@media (max-width: 767px) {
  .job-list-element .button-box {
    margin-top: 34px;
  }
}

.job-detail-element .themestage .button-box {
  justify-content: center;
}
.job-detail-element .button-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.job-detail-element .button-box .button1 {
  margin-right: 26px;
}
.job-detail-element .button-box .social-share-box {
  display: flex;
  position: relative;
  margin: 10px 0;
}
.job-detail-element .button-box .social-share-button {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.job-detail-element .button-box .icon-share {
  height: 18px;
  width: 16.88px;
  margin-right: 8px;
}
.job-detail-element .social-share-box.is_active .social-list {
  display: block;
}
.job-detail-element .social-share-box .social-list {
  display: none;
}
.job-detail-element .theme-standard {
  left: 0;
  top: 40px;
  margin-left: 20px;
  position: absolute;
}
.job-detail-element .theme-standard li {
  padding: 0;
  height: 35px;
  border-radius: 18px;
}
.job-detail-element .theme-standard li:before {
  display: none;
}
.job-detail-element .theme-standard li a {
  height: 35px;
  padding: 1px 5px;
}
.job-detail-element .info-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  align-items: center;
  margin-bottom: 20px;
  justify-content: center;
}
.job-detail-element .info-box .info-item {
  padding: 10px;
  display: flex;
  align-items: center;
}
.job-detail-element .info-box .info-item svg {
  margin-right: 5px;
}
.job-detail-element .button-box {
  margin-top: 25px;
  pointer-events: auto;
  justify-content: center;
}
.job-detail-element .button-box .button {
  pointer-events: all;
}

.jobs-form {
  padding-top: 0;
}
.jobs-form.with-external-link .form-steps {
  margin-top: 6px;
  margin-bottom: 33px;
  display: flex;
}
.jobs-form.with-external-link .form-steps .form-step {
  display: flex;
  align-items: center;
}
.jobs-form.with-external-link .form-steps .form-step.first-step {
  margin-right: 14px;
}
@media (max-width: 1800px) {
  .jobs-form.with-external-link .form-steps .form-step.first-step {
    margin-right: calc(10px + (14 - 10) * (100vw - 768px) / (1700 - 768));
  }
}
@media (max-width: 767px) {
  .jobs-form.with-external-link .form-steps .form-step.first-step {
    margin-right: calc(5px + (14 - 5) * (100vw - 414px) / (768 - 414));
  }
}
@media (max-width: 360px) {
  .jobs-form.with-external-link .form-steps .form-step.first-step {
    margin-right: 5px;
  }
}
.jobs-form.with-external-link .form-steps .form-step.first-step .step-number {
  border: none;
  background-color: #9AA890;
  color: #FFFFFF;
}
.jobs-form.with-external-link .form-steps .form-step.first-step .step-line {
  width: 208px;
  background-color: #9AA890;
}
@media (max-width: 1800px) {
  .jobs-form.with-external-link .form-steps .form-step.first-step .step-line {
    width: calc(30px + (208 - 30) * (100vw - 768px) / (1700 - 768));
  }
}
@media (max-width: 767px) {
  .jobs-form.with-external-link .form-steps .form-step.first-step .step-line {
    width: calc(20px + (208 - 20) * (100vw - 414px) / (768 - 414));
  }
}
@media (max-width: 360px) {
  .jobs-form.with-external-link .form-steps .form-step.first-step .step-line {
    width: 20px;
  }
}
.jobs-form.with-external-link .form-steps .form-step .step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 63px;
  min-width: 63px;
  height: 63px;
  border-radius: 50%;
  padding-left: 3px;
  padding-bottom: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1800px) {
  .jobs-form.with-external-link .form-steps .form-step .step-number {
    width: calc(25px + (63 - 25) * (100vw - 768px) / (1700 - 768));
    height: calc(25px + (63 - 25) * (100vw - 768px) / (1700 - 768));
    min-width: calc(25px + (63 - 25) * (100vw - 768px) / (1700 - 768));
  }
}
@media (max-width: 767px) {
  .jobs-form.with-external-link .form-steps .form-step .step-number {
    width: calc(25px + (63 - 25) * (100vw - 414px) / (768 - 414));
    height: calc(25px + (63 - 25) * (100vw - 414px) / (768 - 414));
    min-width: calc(25px + (63 - 25) * (100vw - 414px) / (768 - 414));
  }
}
@media (max-width: 360px) {
  .jobs-form.with-external-link .form-steps .form-step .step-number {
    width: 25px;
    min-width: 25px;
    height: 25px;
    font-size: 16px;
    line-height: 24px;
  }
}
.jobs-form.with-external-link .form-steps .form-step .step-text {
  padding-left: 10px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
@media (max-width: 767px) {
  .jobs-form.with-external-link .form-steps .form-step .step-text {
    padding-left: calc(5px + (10 - 5) * (100vw - 414px) / (768 - 414));
    letter-spacing: 0;
  }
}
@media (max-width: 360px) {
  .jobs-form.with-external-link .form-steps .form-step .step-text {
    padding-left: 5px;
    font-size: 16px;
    line-height: 24px;
  }
}
.jobs-form.with-external-link .form-steps .form-step .step-line {
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 230px;
  margin-left: 10px;
  margin-top: 8px;
}
@media (max-width: 1800px) {
  .jobs-form.with-external-link .form-steps .form-step .step-line {
    width: calc(30px + (230 - 30) * (100vw - 768px) / (1700 - 768));
  }
}
@media (max-width: 767px) {
  .jobs-form.with-external-link .form-steps .form-step .step-line {
    width: calc(20px + (230 - 20) * (100vw - 414px) / (768 - 414));
    margin-left: 5px;
    margin-top: 0;
  }
}
@media (max-width: 360px) {
  .jobs-form.with-external-link .form-steps .form-step .step-line {
    width: 20px;
  }
}
.jobs-form.with-external-link .actions {
  margin-top: 31px;
}
.jobs-form .form-steps {
  display: none;
}
.jobs-form .jobs-form-top-box .text-box {
  padding-top: calc(135px + (300 - 135) * (100vw - 414px) / (1700 - 414));
  padding-bottom: calc(81px + (72 - 81) * (100vw - 414px) / (1700 - 414));
}
@media (max-width: 360px) {
  .jobs-form .jobs-form-top-box .text-box {
    padding-top: 135px;
    padding-bottom: 81px;
  }
}
@media (max-width: 767px) {
  .jobs-form .jobs-form-top-box .text-box .headline {
    font-size: calc(30px + (70 - 30) * (100vw - 414px) / (1700 - 414));
    line-height: calc(40px + (79 - 40) * (100vw - 414px) / (1700 - 414));
    margin-left: 2px;
  }
}
@media (max-width: 360px) {
  .jobs-form .jobs-form-top-box .text-box .headline {
    font-size: 30px;
    line-height: 40px;
  }
}
.jobs-form .jobs-form-top-box .text-box .headline + .info-box {
  margin-top: calc(19px + (14 - 19) * (100vw - 414px) / (1700 - 414));
}
@media (max-width: 360px) {
  .jobs-form .jobs-form-top-box .text-box .headline + .info-box {
    margin-top: 19px;
  }
}
.jobs-form .jobs-form-top-box .text-box .info-box {
  display: flex;
  margin-left: 4px;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .jobs-form .jobs-form-top-box .text-box .info-box {
    display: block;
    margin-left: 0;
  }
}
.jobs-form .jobs-form-top-box .text-box .info-box .info-item {
  display: flex;
  align-items: center;
  margin-top: 7px;
}
@media (max-width: 767px) {
  .jobs-form .jobs-form-top-box .text-box .info-box .info-item {
    margin-top: 8px;
  }
}
.jobs-form .jobs-form-top-box .text-box .info-box .time-item {
  margin-right: calc(21px + (19 - 21) * (100vw - 768px) / (1700 - 768));
}
@media (max-width: 767px) {
  .jobs-form .jobs-form-top-box .text-box .info-box .time-item {
    margin-right: 0;
  }
}
.jobs-form .jobs-form-top-box .text-box .info-box .time-item svg {
  width: 17px;
  height: 17px;
  margin-right: 4px;
}
.jobs-form .jobs-form-top-box .text-box .info-box .team-item {
  margin-right: calc(21px + (18 - 21) * (100vw - 768px) / (1700 - 768));
}
@media (max-width: 767px) {
  .jobs-form .jobs-form-top-box .text-box .info-box .team-item {
    margin-right: 0;
  }
}
.jobs-form .jobs-form-top-box .text-box .info-box .team-item svg {
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-right: 7px;
}
@media (max-width: 767px) {
  .jobs-form .jobs-form-top-box .text-box .info-box .date-item {
    margin-top: 7px;
  }
}
.jobs-form .jobs-form-top-box .text-box .info-box .date-item svg {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
@media (max-width: 767px) {
  .jobs-form .jobs-form-top-box .text-box .info-box .date-item svg {
    margin-right: 8px;
  }
}
.jobs-form .job-form-content-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .jobs-form .job-form-content-box {
    flex-wrap: wrap;
    padding-top: 34px;
  }
}
.jobs-form .form-element.standard {
  padding: 0;
}
.jobs-form .form-element .module-outdoor-spaces {
  padding: 0;
}
.jobs-form .job-form-info-box {
  flex: 0 0 calc(300px + (410 - 300) * (100vw - 768px) / (1700 - 768));
  max-width: calc(300px + (410 - 300) * (100vw - 768px) / (1700 - 768));
}
@media (max-width: 767px) {
  .jobs-form .job-form-info-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.jobs-form .job-form-info-box.mobile-box {
  display: none;
  margin-top: 16px;
  padding-left: 23px;
}
@media (max-width: 767px) {
  .jobs-form .job-form-info-box.mobile-box {
    display: block;
  }
}
.jobs-form .job-form-info-box.mobile-box .description {
  display: block;
}
@media (max-width: 767px) {
  .jobs-form .job-form-info-box .headline {
    font-family: Goudy Old Style, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: calc(36px + (85 - 36) * (100vw - 360px) / (1800 - 360));
    line-height: calc(38px + (100 - 38) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .jobs-form .job-form-info-box .headline {
    font-size: 36px;
    line-height: 38px;
  }
}
.jobs-form .job-form-info-box .headline + .description {
  margin-top: calc(12px + (25 - 12) * (100vw - 414px) / (1700 - 414));
}
@media (max-width: 360px) {
  .jobs-form .job-form-info-box .headline + .description {
    margin-top: 12px;
  }
}
.jobs-form .job-form-info-box .description {
  margin-left: 2px;
}
@media (max-width: 767px) {
  .jobs-form .job-form-info-box .description {
    display: none;
  }
}
.jobs-form .job-form-info-box + .form-box {
  margin-top: 2px;
}
@media (max-width: 767px) {
  .jobs-form .job-form-info-box + .form-box {
    margin-top: 41px;
  }
}
.jobs-form .form-box {
  flex: 0 0 calc(340px + (915 - 340) * (100vw - 768px) / (1700 - 768));
  max-width: calc(340px + (915 - 340) * (100vw - 768px) / (1700 - 768));
}
@media (max-width: 767px) {
  .jobs-form .form-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.jobs-form .form-box form .row, .jobs-form .form-box form .form-group {
  margin-bottom: calc(19px + (24 - 19) * (100vw - 414px) / (1700 - 414));
}
@media (max-width: 360px) {
  .jobs-form .form-box form .row, .jobs-form .form-box form .form-group {
    margin-bottom: 19px;
  }
}
@media (max-width: 767px) {
  .jobs-form .form-box form .row div, .jobs-form .form-box form .form-group div {
    width: 100%;
  }
}
.jobs-form .form-box form .row .form-group {
  margin: 0;
}
.jobs-form .form-box .select-row .form-group {
  max-width: 450px;
}
@media (max-width: 1026px) {
  .jobs-form .form-box .select-row .form-group {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .jobs-form .form-box .select-row .form-group {
    max-width: 100%;
  }
}
.jobs-form .form-box .select-row .input {
  position: relative;
}
.jobs-form .form-box .select-row .input:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  top: 25px;
  right: 26px;
  pointer-events: none;
  border-left: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(-45deg);
}
.jobs-form .form-box .select-row select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 30px;
}
.jobs-form .form-box .file-upload-row .form-group {
  width: 100%;
}
.jobs-form .form-box .file-upload-row .input {
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(14px + (18 - 14) * (100vw - 360px) / (1800 - 360));
  line-height: calc(22px + (26 - 22) * (100vw - 360px) / (1800 - 360));
  position: relative;
  height: 60px;
  width: 100%;
  padding: 18px 10px 10px 46px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
@media (max-width: 1800px) {
  .jobs-form .form-box .file-upload-row .input {
    padding-left: calc(31px + (46 - 31) * (100vw - 414px) / (1700 - 414));
  }
}
@media (max-width: 360px) {
  .jobs-form .form-box .file-upload-row .input {
    padding-left: 31px;
  }
}
.jobs-form .form-box .file-upload-row .input:before {
  content: "";
  width: 19px;
  height: 19px;
  background: rgba(0, 0, 0, 0) url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts//file-upload.svg") no-repeat scroll center;
  background-size: contain;
  pointer-events: none;
  position: absolute;
  top: 19px;
  left: 19px;
}
@media (max-width: 1800px) {
  .jobs-form .form-box .file-upload-row .input:before {
    width: calc(15px + (19 - 15) * (100vw - 414px) / (1700 - 414));
    height: calc(15px + (19 - 15) * (100vw - 414px) / (1700 - 414));
    top: calc(22px + (19 - 22) * (100vw - 414px) / (1700 - 414));
    left: calc(12px + (19 - 12) * (100vw - 414px) / (1700 - 414));
  }
}
@media (max-width: 360px) {
  .jobs-form .form-box .file-upload-row .input:before {
    top: 22px;
    left: 12px;
    width: 15px;
    height: 15px;
  }
}
.jobs-form .form-box .file-upload-row .input input {
  opacity: 0;
  height: auto;
  width: auto;
  line-height: unset;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .jobs-form .form-box .file-upload-row .form-group + .form-group {
    margin-top: calc(15px + (22 - 15) * (100vw - 414px) / (1700 - 414));
  }
}
@media (max-width: 360px) {
  .jobs-form .form-box .file-upload-row .form-group + .form-group {
    margin-top: 15px;
  }
}
.jobs-form .form-box .privacy-row {
  margin-top: -2px;
}
.jobs-form .form-box .privacy-row .clearfix {
  margin-bottom: 14px;
}
.jobs-form .form-box .privacy-row.row > div {
  width: 100%;
}
.jobs-form .form-box .privacy-row.row > div .form-group {
  margin-bottom: 12px;
}
.jobs-form .form-box .privacy-row.row > div:last-child .form-group {
  margin-bottom: 0;
}
.jobs-form .form-box .privacy-row .form-group .control-label {
  display: none;
}
.jobs-form .form-box .privacy-row .form-check {
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(14px + (18 - 14) * (100vw - 360px) / (1800 - 360));
  line-height: calc(22px + (26 - 22) * (100vw - 360px) / (1800 - 360));
}
.jobs-form .form-box .privacy-row .form-check .form-check-label {
  width: 100%;
  padding-right: 0;
  position: relative;
}
.jobs-form .form-box .privacy-row .form-check .form-check-label .add-on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.jobs-form .form-box .privacy-row .form-check .form-check-label .add-on:checked + span:after {
  opacity: 1;
}
.jobs-form .form-box .privacy-row .form-check .form-check-label .add-on:checked + span:before {
  border-color: #B1BAA7;
}
.jobs-form .form-box .privacy-row .form-check .form-check-label > span {
  position: relative;
  padding-left: 28px;
  display: block;
}
@media (max-width: 767px) {
  .jobs-form .form-box .privacy-row .form-check .form-check-label > span {
    padding-left: 25px;
  }
}
.jobs-form .form-box .privacy-row .form-check .form-check-label > span:before {
  position: absolute;
  top: 2px;
  left: 1px;
  width: 16px;
  height: 16px;
  content: "";
  background-color: #F3F2EE;
  border: 1px solid #546B59;
}
@media (max-width: 767px) {
  .jobs-form .form-box .privacy-row .form-check .form-check-label > span:before {
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
  }
}
.jobs-form .form-box .privacy-row .form-check .form-check-label > span:after {
  opacity: 0;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  transform: rotate(-45deg);
  height: 5px;
  content: "";
  border-left: 1px solid #B1BAA7;
  border-bottom: 1px solid #B1BAA7;
}
@media (max-width: 767px) {
  .jobs-form .form-box .privacy-row .form-check .form-check-label > span:after {
    top: 4px;
    left: 3px;
    width: 7px;
  }
}
.jobs-form .form-box .form-group {
  height: auto;
  margin: 0;
  line-height: unset;
}
.jobs-form .form-box .form-group .control-label {
  font-family: HindSiliguri, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(16px + (22 - 16) * (100vw - 360px) / (1800 - 360));
  line-height: calc(24px + (36 - 24) * (100vw - 360px) / (1800 - 360));
  margin: 0px;
  padding: 0px;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .jobs-form .form-box .form-group .control-label {
    font-family: PTSans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: calc(14px + (18 - 14) * (100vw - 360px) / (1800 - 360));
    line-height: calc(22px + (26 - 22) * (100vw - 360px) / (1800 - 360));
    margin-bottom: 13px;
  }
}
.jobs-form .form-box .form-group textarea.form-control {
  height: 150px;
  resize: none;
}
.jobs-form .form-box .form-group .input {
  width: 100%;
}
.jobs-form .form-box .actions {
  overflow: hidden;
}
@media (max-width: 767px) {
  .jobs-form .form-box .actions {
    margin-top: 30px;
  }
}
.jobs-form .form-box .actions .btn {
  float: right;
  min-width: calc(203px + (206 - 203) * (100vw - 414px) / (1700 - 414));
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  border-radius: 48px;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  cursor: pointer;
  border: 0;
  text-transform: uppercase;
  background-color: transparent;
}
@media (max-width: 767px) {
  .jobs-form .form-box .actions .btn {
    min-width: 0;
    text-decoration: none;
    padding: calc(10px + (16 - 10) * (100vw - 360px) / (1800 - 360)) calc(16px + (35 - 16) * (100vw - 360px) / (1800 - 360));
  }
}
.jobs-form .form-box .actions .btn-primary {
  background-color: #546B59;
  color: #FFFFFF;
}
@media (hover: hover) {
  .jobs-form .form-box .actions .btn-primary:hover {
    background-color: #768879;
    color: #FFFFFF;
  }
}
@media (max-width: 360px) {
  .jobs-form .form-box .actions .btn-primary {
    float: none;
  }
}
.jobs-form .form-box .button-back {
  text-align: center;
  min-width: 135px;
  margin-top: -46px;
  float: left;
  font-family: PTSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  border-radius: 48px;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
  cursor: pointer;
  border: 0;
  text-transform: uppercase;
  background-color: transparent;
  background-color: #9AA890;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .jobs-form .form-box .button-back {
    min-width: 0;
    text-decoration: none;
    padding: calc(10px + (16 - 10) * (100vw - 360px) / (1800 - 360)) calc(16px + (35 - 16) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .jobs-form .form-box .button-back {
    margin-top: 20px;
  }
}
@media (hover: hover) {
  .jobs-form .form-box .button-back:hover {
    background-color: #B1BAA7;
    color: #FFFFFF;
  }
}

.RoomList {
  position: relative;
}
.RoomList .component-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 5;
}
.RoomList .component-filter {
  margin-bottom: calc(10px + (50 - 10) * (100vw - 360px) / (1800 - 360));
}
.RoomList .component-filter .filter {
  height: auto !important;
}
.RoomList .component-filter .bar {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .RoomList .component-filter .bar {
    flex-wrap: wrap;
  }
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar {
    flex-direction: column-reverse;
  }
}
.RoomList .component-filter .bar .custom-select-field {
  width: 488px;
  border-right: 1px solid rgba(245, 243, 240, 0.2);
  min-height: 77px;
}
@media (max-width: 1200px) {
  .RoomList .component-filter .bar .custom-select-field {
    border-right: none;
    border-bottom: 1px solid rgba(245, 243, 240, 0.2);
    width: 100%;
  }
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .custom-select-field {
    width: 100%;
    border-right: 0;
    min-height: 56px;
    border-bottom: 0;
    position: relative;
    margin-top: 20px;
  }
}
.RoomList .component-filter .bar .custom-select-field .custom-select {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .custom-select-field .custom-select {
    position: static;
  }
}
.RoomList .component-filter .bar .custom-select-field .custom-select .value {
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  cursor: pointer;
  padding: 0 50px 0 21px;
  box-sizing: border-box;
}
.RoomList .component-filter .bar .custom-select-field .custom-select .value svg {
  transform: rotate(90deg);
  top: calc(50% - 11px);
  position: absolute;
  height: 25px;
  width: 23px;
  right: 19px;
}
.RoomList .component-filter .bar .custom-select-field .custom-select select {
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  font-size: inherit;
  line-height: inherit;
}
.RoomList .component-filter .bar .right {
  width: calc(100% - 371px);
  box-sizing: border-box;
  padding: 5px 16px 6px 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1200px) {
  .RoomList .component-filter .bar .right {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right {
    padding: 10px 20px 10px 20px;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .RoomList .component-filter .bar .right {
    padding: 10px;
  }
}
.RoomList .component-filter .bar .right > div {
  margin-top: 0;
  padding: 0 5px;
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right > div {
    width: 100%;
  }
}
.RoomList .component-filter .bar .right .info-text {
  display: flex;
  padding-right: 0;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right .info-text {
    justify-content: center;
  }
}
.RoomList .component-filter .bar .right .info-text svg {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 8px;
}
.RoomList .component-filter .bar .right .rooms {
  display: flex;
  margin-top: -1px;
  margin-right: calc(6px + (40 - 6) * (100vw - 360px) / (1800 - 360));
  margin-left: calc(6px + (17 - 6) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right .rooms {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }
}
.RoomList .component-filter .bar .right .rooms .room {
  padding: 0 5px;
  width: 83px;
  border-radius: 15px;
  box-sizing: border-box;
  min-width: 33.3333333333%;
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right .rooms .room {
    display: none;
  }
  .RoomList .component-filter .bar .right .rooms .room:first-child {
    padding-left: 0;
  }
  .RoomList .component-filter .bar .right .rooms .room:last-child {
    padding-right: 0;
  }
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right .rooms .room.active {
    display: block;
  }
  .RoomList .component-filter .bar .right .rooms .room.active + .room {
    display: block;
  }
  .RoomList .component-filter .bar .right .rooms .room.active + .room + .room {
    display: block;
  }
}
.RoomList .component-filter .bar .right .rooms .room.active .inner-room {
  opacity: 1;
}
.RoomList .component-filter .bar .right .rooms .room .inner-room {
  height: 54px;
  background-color: #FFFFFF;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right .rooms .room .inner-room {
    height: calc(63px + (180 - 63) * (100vw - 360px) / (1026 - 360));
  }
}
.RoomList .component-filter .bar .right .rooms .room .inner-room .icon-remove {
  display: none;
  position: absolute;
  top: 0;
  cursor: pointer;
  right: 0;
  width: 16px;
  height: 16px;
  background-color: #9AA890;
}
.RoomList .component-filter .bar .right .rooms .room .inner-room .icon-remove:after, .RoomList .component-filter .bar .right .rooms .room .inner-room .icon-remove:before {
  content: "";
  width: 12px;
  height: 1px;
  background-color: #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: 7px;
  left: 2px;
}
.RoomList .component-filter .bar .right .rooms .room .inner-room .icon-remove:before {
  transform: rotate(-45deg);
}
.RoomList .component-filter .bar .right .rooms .room.active .inner-room .icon-remove {
  display: block;
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right .button-container {
    margin-top: 10px;
  }
}
.RoomList .component-filter .bar .right .button-container .button {
  width: auto;
  height: auto;
  opacity: 0.5;
  pointer-events: none;
  letter-spacing: 0.6px;
  padding: 15px 14px 14px 15px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
@media (max-width: 1026px) {
  .RoomList .component-filter .bar .right .button-container .button {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .RoomList .component-filter .bar .right .button-container .button {
    height: 47px;
    display: flex;
    align-items: center;
    padding: 0 29px 0 32px;
    justify-content: center;
  }
}
.RoomList .component-filter .bar .right .button-container.active .button {
  pointer-events: auto;
  opacity: 1;
}
.RoomList .component-filter .fixed {
  max-width: 100%;
}
.RoomList .component-rooms {
  overflow: hidden;
}
@media (max-width: 767px) {
  .RoomList .component-rooms.module-outdoor-spaces {
    padding-left: calc(10px + (60 - 10) * (100vw - 360px) / (1800 - 360));
    padding-right: calc(10px + (60 - 10) * (100vw - 360px) / (1800 - 360));
  }
}
.RoomList .component-rooms .elements-container {
  margin-top: calc(10px + (31 - 10) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomList .component-rooms .elements-container {
    width: 100%;
    margin: 10px 0 0;
  }
}
.RoomList .component-rooms .elements-container .elements {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: calc(-10px + (-25 - -10) * (100vw - 360px) / (1800 - 360));
  margin-right: calc(-10px + (-25 - -10) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .RoomList .component-rooms .elements-container .elements {
    margin: 0;
  }
}
.RoomList .component-rooms .elements-container .elements .element {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  padding: 0 calc(10px + (25 - 10) * (100vw - 360px) / (1800 - 360));
  margin-bottom: calc(30px + (49 - 30) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomList .component-rooms .elements-container .elements .element {
    margin-bottom: 30px;
    width: 100%;
    padding: 0;
  }
}
.RoomList .component-rooms .elements-container .elements .element:last-child {
  margin-bottom: 0;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element {
  position: relative;
  width: 100%;
}
@media (hover: hover) {
  .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .compare-image + .image-box + .inner-textbox .subheadline, .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-box + .image-box + .inner-textbox .subheadline, .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-video + .image-box + .inner-textbox .subheadline {
    opacity: 1;
  }
  .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .compare-image + .image-box img, .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-box + .image-box img, .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-video + .image-box img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
  .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .compare-image + .image-box:before, .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-box + .image-box:before, .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-video + .image-box:before {
    opacity: 0.35;
  }
  .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .compare-image img, .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-box img, .RoomList .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-video img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .image-box {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .image-box:before {
  content: "";
  transition: opacity 0.3s linear;
  background-color: #000;
  pointer-events: none;
  position: absolute;
  opacity: 0.1;
  height: 100%;
  width: 100%;
  z-index: 1;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .RoomList .component-rooms .elements-container .elements .element .inner-element .image-box:before {
    opacity: 0.35;
  }
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .image-box picture {
  width: 100%;
  height: 100%;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .image-box img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: transform 2000ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .view-360 {
  z-index: 20;
  display: flex;
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  top: calc(14px + (18 - 14) * (100vw - 360px) / (1800 - 360));
  left: calc(14px + (20 - 14) * (100vw - 360px) / (1800 - 360));
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .view-360 svg {
  fill: #FFFFFF;
  width: calc(28px + (38 - 28) * (100vw - 360px) / (1800 - 360));
  height: calc(28px + (38 - 28) * (100vw - 360px) / (1800 - 360));
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox {
  z-index: 10;
  position: absolute;
  pointer-events: none;
  background-color: transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 80%;
  text-align: center;
  margin-top: 27px;
}
@media (max-width: 767px) {
  .RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox {
    margin-top: 0;
  }
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .category {
  margin-bottom: 6px;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .headline {
  word-break: break-word;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .introduction {
  min-height: 50px;
  margin-top: 15px;
  overflow: hidden;
  margin-bottom: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .introduction p {
  margin: 0;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline {
  opacity: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: -4px;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  line-height: 28px;
  flex-direction: column;
  text-transform: uppercase;
  transition: opacity 0.3s linear;
  font-size: calc(18px + (20 - 18) * (100vw - 360px) / (1800 - 360));
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline {
    opacity: 1;
  }
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline div.occupation-person, .RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline div.price {
  display: flex;
  align-items: center;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline .price span {
  margin: 0 5px;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline .occupation-person .persons {
  margin-left: 25px;
  position: relative;
}
.RoomList .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline .occupation-person .persons:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  display: block;
  left: -16px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: currentColor;
}
.RoomList .component-rooms .elements-container .elements .element.active .inner-element .fav svg.icon-heart {
  display: none;
}
.RoomList .component-rooms .elements-container .elements .element.active .inner-element .fav svg.icon-heart-filled {
  display: block;
}

.RoomDetail {
  padding-top: 0;
}
.RoomDetail .themestage .tns-nav {
  left: 21px;
  bottom: 22px;
}
@media (max-width: 767px) {
  .RoomDetail .themestage .tns-nav {
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 767px) {
  .RoomDetail .themestage .elements {
    height: auto;
  }
}
.RoomDetail .themestage .headline {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  padding: 0 20px;
  z-index: 10;
  transform: translate(0, -50%);
}
@media (max-width: 767px) {
  .RoomDetail .themestage .headline {
    bottom: 28%;
    transform: none;
  }
}
.RoomDetail .intro-with-text-element.bgweb2 {
  padding-bottom: calc(140px + (613 - 140) * (100vw - 360px) / (1800 - 360));
}
.RoomDetail .intro-with-text-element.bgweb2 + div {
  margin-top: calc(-100px + (-434 - -100) * (100vw - 360px) / (1800 - 360));
}
.RoomDetail .intro-with-text-element .headline {
  text-align: center;
}
.RoomDetail .intro-with-text-element .subheadline {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  line-height: 28px;
  text-transform: uppercase;
  font-size: calc(18px + (20 - 18) * (100vw - 360px) / (1800 - 360));
  margin-top: calc(16px + (29 - 16) * (100vw - 360px) / (1800 - 360));
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
}
.RoomDetail .intro-with-text-element .subheadline div.occupation-person, .RoomDetail .intro-with-text-element .subheadline div.price {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .RoomDetail .intro-with-text-element .subheadline div.price {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    justify-content: center;
  }
  .RoomDetail .intro-with-text-element .subheadline div.price:before {
    display: none;
  }
}
.RoomDetail .intro-with-text-element .subheadline .price span {
  margin-right: 5px;
}
.RoomDetail .intro-with-text-element .subheadline .persons, .RoomDetail .intro-with-text-element .subheadline .price {
  margin-left: 25px;
  position: relative;
}
.RoomDetail .intro-with-text-element .subheadline .persons:before, .RoomDetail .intro-with-text-element .subheadline .price:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  display: block;
  left: -16px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: currentColor;
}
.RoomDetail .intro-with-text-element .room-detail-link {
  text-align: center;
  margin-top: calc(22px + (36 - 22) * (100vw - 360px) / (1800 - 360));
}
.RoomDetail .text-properties .inner {
  display: flex;
  margin-top: -3px;
  padding-bottom: calc(0px + (47 - 0) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .RoomDetail .text-properties .inner {
    flex-wrap: wrap;
  }
}
.RoomDetail .text-properties .inner .left-box {
  flex: 0 0 34.5%;
  max-width: 34.5%;
}
@media (max-width: 1026px) {
  .RoomDetail .text-properties .inner .left-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.RoomDetail .text-properties .inner .left-box + .right-box {
  padding-left: calc(40px + (96 - 40) * (100vw - 1026px) / (1800 - 1026));
}
@media (max-width: 1026px) {
  .RoomDetail .text-properties .inner .left-box + .right-box {
    margin-top: 30px;
    padding-left: 0;
  }
}
.RoomDetail .text-properties .inner .left-box .headline {
  max-width: 96.6%;
}
@media (max-width: 1026px) {
  .RoomDetail .text-properties .inner .left-box .headline {
    max-width: 100%;
  }
}
.RoomDetail .text-properties .inner .left-box .headline + .subheadline {
  margin-top: calc(6px + (11 - 6) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .left-box .headline + .subheadline {
    margin-top: 6px;
  }
}
.RoomDetail .text-properties .inner .left-box .subheadline {
  margin-left: 3px;
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .left-box .linkbox {
    display: none;
  }
}
.RoomDetail .text-properties .inner .linkbox {
  font-size: 0;
  line-height: 0;
  margin-top: calc(33px + (46 - 33) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .linkbox {
    margin-top: 33px;
  }
}
.RoomDetail .text-properties .inner .linkbox .button {
  margin-top: 12px;
  line-height: 28px;
  text-align: center;
  margin-right: 8px;
  border-radius: 48px;
  font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1800 - 768));
  min-width: calc(148px + (183 - 148) * (100vw - 768px) / (1800 - 768));
  padding: 14px calc(22px + (37 - 22) * (100vw - 768px) / (1800 - 768)) 13px;
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .linkbox .button {
    font-size: 16px;
    min-width: 148px;
    padding: 8.5px 22px;
  }
}
.RoomDetail .text-properties .inner .right-box {
  flex: 1;
  display: flex;
  padding-top: calc(20px + (40 - 20) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .right-box {
    flex-wrap: wrap;
    padding-top: 20px;
  }
}
.RoomDetail .text-properties .inner .right-box .linkbox {
  display: none;
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .right-box .linkbox {
    display: flex;
    flex-wrap: wrap;
  }
}
.RoomDetail .text-properties .inner .right-box .property-list {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  padding-left: calc(37px + (67 - 37) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .right-box .property-list {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 37px;
  }
}
.RoomDetail .text-properties .inner .right-box .property-list:first-child {
  padding-left: 22px;
}
@media (max-width: 1026px) {
  .RoomDetail .text-properties .inner .right-box .property-list:first-child {
    padding-left: 0;
  }
}
.RoomDetail .text-properties .inner .right-box .property-list:first-child:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}
.RoomDetail .text-properties .inner .right-box .property-list:first-child:before {
  display: none;
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .right-box .property-list:nth-child(2) {
    border-top: 1px solid rgba(112, 112, 112, 0.17);
    padding-top: 38px;
    margin-top: 42px;
    padding-left: 0;
  }
}
.RoomDetail .text-properties .inner .right-box .property-list:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(112, 112, 112, 0.19);
}
@media (max-width: 767px) {
  .RoomDetail .text-properties .inner .right-box .property-list:before {
    display: none;
  }
}
.RoomDetail .properties {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(15px + (40 - 15) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomDetail .properties {
    margin-top: 15px;
  }
}
.RoomDetail .properties .property-item {
  width: 100%;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .RoomDetail .properties .property-item {
    padding-right: 0;
  }
}
.RoomDetail .properties .property-item:last-child .property-item-inner {
  margin-bottom: 0;
}
.RoomDetail .properties .property-item .property-item-inner {
  display: flex;
  max-width: 433px;
  margin-bottom: calc(14px + (21 - 14) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomDetail .properties .property-item .property-item-inner {
    margin-bottom: 14px;
  }
}
.RoomDetail .properties .property-item .property-item-inner > .icon {
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  margin-left: 0;
  flex: 0 0 35px;
  display: flex;
  height: 29px;
  width: 35px;
}
@media (max-width: 1026px) {
  .RoomDetail .properties .property-item .property-item-inner > .icon {
    margin-left: 0;
    flex: 0 0 38px;
    height: 29px;
    width: 34px;
  }
}
.RoomDetail .properties .property-item .property-item-inner > .icon picture {
  height: 100%;
}
.RoomDetail .properties .property-item .property-item-inner > .icon svg, .RoomDetail .properties .property-item .property-item-inner > .icon img {
  position: relative;
  top: 2px;
}
.RoomDetail .properties .property-item .property-item-inner > .icon svg {
  width: 30px;
  height: 29px;
  fill: #807464;
}
.RoomDetail .properties .property-item .property-item-inner > .icon svg.icon-occupation {
  width: 24px;
  height: 24px;
}
.RoomDetail .properties .property-item .property-item-inner > .icon img {
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.RoomDetail .properties .property-item .property-item-inner span {
  width: calc(100% - 45px);
}
.RoomDetail .properties .property-item .property-item-inner svg {
  vertical-align: top;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .RoomDetail .properties .property-item .property-item-inner svg {
    width: 16px;
    height: 16px;
  }
}
.RoomDetail .component-gallery {
  position: relative;
  margin-top: 0;
}
.RoomDetail .component-gallery .panoramaurl {
  top: 15px;
  position: absolute;
  right: calc(27px + (115 - 27) * (100vw - 360px) / (1800 - 360));
  height: calc(25px + (30 - 25) * (100vw - 360px) / (1800 - 360));
  width: calc(25px + (30 - 25) * (100vw - 360px) / (1800 - 360));
}
.RoomDetail .component-gallery .panoramaurl svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.RoomDetail .component-gallery .tns-nav {
  display: none;
  padding: 0 calc(5px + (50 - 5) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .RoomDetail .component-gallery .tns-nav {
    display: flex;
  }
}
.RoomDetail .component-gallery .tns-nav button:first-child {
  margin-left: 0;
}
.RoomDetail .component-gallery .tns-outer {
  margin: 0 calc(-5px + (-50 - -5) * (100vw - 360px) / (1800 - 360));
}
.RoomDetail .component-gallery .gallery-list {
  position: relative;
}
.RoomDetail .component-gallery .gallery-list .gallery-item {
  padding: 0 calc(5px + (50 - 5) * (100vw - 360px) / (1800 - 360));
}
.RoomDetail .component-gallery .gallery-list .gallery-item.tns-slide-active .text-box {
  pointer-events: auto;
  opacity: 1;
}
.RoomDetail .component-gallery .gallery-list .gallery-item .image-box {
  position: relative;
}
.RoomDetail .component-gallery .gallery-list .gallery-item .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.RoomDetail .component-gallery .gallery-list .gallery-item .text-box {
  display: inline-block;
  pointer-events: none;
  min-height: 26px;
  opacity: 0;
  margin-top: calc(20px + (36 - 20) * (100vw - 768px) / (1800 - 768));
  color: #807464;
}

.RoomOnPage {
  overflow: hidden;
  position: relative;
}
.RoomOnPage .boxed-headline {
  text-align: center;
  max-width: 71.8%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .RoomOnPage .boxed-headline {
    max-width: 100%;
  }
}
.RoomOnPage .boxed-headline + .component-rooms {
  margin-top: 77px;
}
@media (max-width: 1800px) {
  .RoomOnPage .boxed-headline + .component-rooms {
    margin-top: calc(25px + (77 - 25) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomOnPage .boxed-headline + .component-rooms {
    margin-top: 25px;
  }
}
.RoomOnPage .boxed-headline .headline + .subheadline {
  margin-top: calc(8px + (24 - 8) * (100vw - 360px) / (1800 - 360));
}
.RoomOnPage .tns-nav {
  display: none;
}
@media (max-width: 767px) {
  .RoomOnPage .tns-nav {
    display: flex;
    justify-content: center;
  }
}
.RoomOnPage .tns-controls {
  display: flex;
  pointer-events: none;
  justify-content: center;
  padding: 0 calc(5px + (30 - 5) * (100vw - 360px) / (1800 - 360));
  margin-top: calc(10px + (49 - 10) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .RoomOnPage .tns-controls {
    display: none;
  }
}
.RoomOnPage .tns-controls button {
  padding: 0;
  width: 56px;
  height: 56px;
  display: flex;
  outline: none;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  align-items: center;
  pointer-events: all;
  justify-content: center;
  background-color: transparent;
  border: 1px solid #9AA890;
}
.RoomOnPage .tns-controls button svg {
  width: 17px;
  height: 14px;
  fill: #9AA890;
}
.RoomOnPage .tns-controls button[data-controls=next] {
  margin-left: 7.5px;
}
.RoomOnPage .tns-controls button[data-controls=prev] {
  margin-right: 7.5px;
}
.RoomOnPage .tns-ovh {
  overflow: visible;
}
.RoomOnPage .component-rooms .tns-outer {
  position: relative;
  margin-left: calc(-5px + (-25 - -5) * (100vw - 360px) / (1800 - 360));
  margin-right: calc(-5px + (-25 - -5) * (100vw - 360px) / (1800 - 360));
}
.RoomOnPage .component-rooms .elements-container .elements {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.RoomOnPage .component-rooms .elements-container .elements .element {
  width: 50%;
  opacity: 0.5;
  display: flex;
  box-sizing: border-box;
  transition: opacity 0.3s linear;
  padding: 0 calc(5px + (25 - 5) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .RoomOnPage .component-rooms .elements-container .elements .element {
    width: 100%;
  }
}
.RoomOnPage .component-rooms .elements-container .elements .element:last-child {
  margin-bottom: 0;
}
.RoomOnPage .component-rooms .elements-container .elements .element.tns-slide-active {
  opacity: 1;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element {
  position: relative;
  width: 100%;
}
@media (hover: hover) {
  .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .compare-image:before, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-box:before, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-video:before {
    opacity: 0.35;
  }
  .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .compare-image + .image-box img, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-box + .image-box img, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-video + .image-box img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
  .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .compare-image + .inner-textbox .subheadline, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-box + .inner-textbox .subheadline, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-video + .inner-textbox .subheadline {
    opacity: 1;
  }
  .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .compare-image img, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-box img, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .absolute-link:hover + .image-video img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .image-box {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .image-box:before {
  content: "";
  transition: opacity 0.3s linear;
  background-color: #000;
  pointer-events: none;
  position: absolute;
  opacity: 0.1;
  height: 100%;
  width: 100%;
  z-index: 1;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .image-box:before {
    opacity: 0.35;
  }
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .image-box picture {
  width: 100%;
  height: 100%;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .image-box img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: transform 2000ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .view-360 {
  z-index: 20;
  display: flex;
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  top: calc(14px + (18 - 14) * (100vw - 360px) / (1800 - 360));
  left: calc(14px + (20 - 14) * (100vw - 360px) / (1800 - 360));
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .view-360 svg {
  fill: #FFFFFF;
  width: calc(28px + (38 - 28) * (100vw - 360px) / (1800 - 360));
  height: calc(28px + (38 - 28) * (100vw - 360px) / (1800 - 360));
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox {
  z-index: 10;
  position: absolute;
  pointer-events: none;
  background-color: transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 80%;
  text-align: center;
  margin-top: 27px;
}
@media (max-width: 767px) {
  .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox {
    margin-top: 0;
  }
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .category {
  margin-bottom: 6px;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .headline {
  word-break: break-word;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .introduction {
  min-height: 50px;
  margin-top: 15px;
  overflow: hidden;
  margin-bottom: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .introduction p {
  margin: 0;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline {
  opacity: 0;
  height: 56px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  line-height: 28px;
  flex-direction: column;
  text-transform: uppercase;
  transition: opacity 0.3s linear;
  font-size: calc(18px + (20 - 18) * (100vw - 360px) / (1800 - 360));
  letter-spacing: calc(2px + (3 - 2) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline {
    height: auto;
    opacity: 1;
  }
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline div.occupation-person, .RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline div.price {
  display: flex;
  align-items: center;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline .price span {
  margin: 0 5px;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline .occupation-person .persons {
  margin-left: 25px;
  position: relative;
}
.RoomOnPage .component-rooms .elements-container .elements .element .inner-element .inner-textbox .subheadline .occupation-person .persons:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  display: block;
  left: -16px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: currentColor;
}
.RoomOnPage .component-rooms .elements-container .elements .element.active .inner-element .fav svg.icon-heart {
  display: none;
}
.RoomOnPage .component-rooms .elements-container .elements .element.active .inner-element .fav svg.icon-heart-filled {
  display: block;
}
.RoomOnPage .linkbox {
  margin-top: calc(35px + (65 - 35) * (100vw - 360px) / (1800 - 360));
  text-align: center;
}
.RoomOnPage .linkbox .morelink:before {
  bottom: -5px;
}
.RoomOnPage .component-link {
  margin-top: 83px;
  text-align: center;
}
@media (max-width: 1800px) {
  .RoomOnPage .component-link {
    margin-top: calc(30px + (83 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomOnPage .component-link {
    margin-top: 30px;
  }
}
.RoomOnPage .component-link.morelink-box {
  margin-top: 59px;
}
@media (max-width: 1800px) {
  .RoomOnPage .component-link.morelink-box {
    margin-top: calc(20px + (59 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomOnPage .component-link.morelink-box {
    margin-top: 20px;
  }
}

.intro-generic-element + .RoomCompare {
  margin-top: calc(0px + (-91 - 0) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .intro-generic-element + .RoomCompare {
    margin-top: 0;
  }
}

.RoomCompare {
  overflow: hidden;
}
.RoomCompare .component-intro .introduction {
  text-align: center;
}
.RoomCompare .component-intro .introduction .subheadline {
  margin-top: 15px;
}
.RoomCompare .component-intro + .component-rooms {
  margin-top: 55px;
}
@media (max-width: 1800px) {
  .RoomCompare .component-intro + .component-rooms {
    margin-top: calc(25px + (55 - 25) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .component-intro + .component-rooms {
    margin-top: 25px;
  }
}
.RoomCompare .component-rooms .tns-ovh {
  margin: 0 calc(-4px + (-29.5 - -4) * (100vw - 360px) / (1800 - 360));
  overflow: visible;
}
.RoomCompare .component-rooms .tns-controls button {
  position: absolute;
  top: 50%;
  cursor: pointer;
  width: 52px;
  height: 52px;
  pointer-events: auto;
  border: none;
  border-radius: 50%;
  background: transparent;
  font-size: 0;
  line-height: 0;
  padding: 18px;
  transition: 0.5s ease;
  z-index: 2;
}
.RoomCompare .component-rooms .tns-controls button {
  display: none;
}
.RoomCompare .component-rooms .tns-outer .tns-outer .tns-nav {
  display: none;
}
@media (max-width: 767px) {
  .RoomCompare .component-rooms .elements-container {
    width: 100%;
  }
}
.RoomCompare .component-rooms .elements-container .elements {
  display: flex;
}
.RoomCompare .component-rooms .elements-container .elements > div {
  display: flex;
}
.RoomCompare .component-rooms .elements-container .element {
  display: flex;
  min-height: 100%;
  width: 100%;
  padding-left: calc(4px + (29.5 - 4) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(4px + (29.5 - 4) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .RoomCompare .component-rooms .elements-container .element {
    margin: auto;
  }
}
@media (max-width: 360px) {
  .RoomCompare .component-rooms .elements-container .element {
    width: 100%;
  }
}
.RoomCompare .component-rooms .elements-container .element.dummy-element .inner-element {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.RoomCompare .component-rooms .elements-container .element.dummy-element .inner-element .textbox {
  align-items: center;
}
.RoomCompare .component-rooms .elements-container .element.dummy-element .inner-element a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.RoomCompare .component-rooms .elements-container .element .inner-element {
  overflow: hidden;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .image-box {
  position: relative;
  width: 100%;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .image-box img {
  height: auto;
  width: 100%;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox {
  flex: 1;
  display: flex;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox {
  width: 100%;
  display: flex;
  padding: calc(16px + (40 - 16) * (100vw - 768px) / (1800 - 768)) 0 calc(16px + (37 - 16) * (100vw - 768px) / (1800 - 768));
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox {
    padding: 16px 0;
    width: 100%;
  }
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .bottom-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .headline {
  word-break: break-word;
  margin-top: calc(7px + (2 - 7) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .headline {
    margin-top: 7px;
  }
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .headline p {
  margin: 0;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .introduction {
  margin-top: 11px;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .introduction p {
  margin: 0;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  font-size: 16px;
}
@media (max-width: 1800px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline {
    margin-top: calc(10px + (20 - 10) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline {
    margin-top: 10px;
  }
}
@media (max-width: 1800px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline {
    font-size: calc(15px + (16 - 15) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline {
    font-size: 15px;
  }
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline svg {
  width: 20px;
  height: 20px;
  margin-right: 1px;
  display: inline;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline div.occupation, .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline div.price {
  display: flex;
  align-items: center;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline span.occupation:after {
  content: "";
  color: inherit;
  width: 1px;
  display: inline-block;
  height: 22px;
  background-color: #9B9B9B;
  vertical-align: middle;
  margin-left: 12px;
  margin-right: 11px;
}
@media (max-width: 1800px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline span.occupation:after {
    margin-left: calc(0px + (12 - 0) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline span.occupation:after {
    margin-left: 0px;
  }
}
@media (max-width: 1800px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline span.occupation:after {
    margin-right: calc(0px + (11 - 0) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline span.occupation:after {
    margin-right: 0px;
  }
}
@media (max-width: 1200px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .subheadline span.occupation:after {
    display: none;
  }
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .properties {
  margin-top: calc(6px + (15 - 6) * (100vw - 360px) / (1800 - 360));
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .properties .property {
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(87, 86, 86, 0.2);
  padding: 11px 0 11px 4px;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .properties .property:first-child {
  border-top: 0;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .properties .property > .icon {
  display: flex;
  align-items: center;
  margin-right: 14px;
  width: calc(25px + (32 - 25) * (100vw - 360px) / (1800 - 360));
  height: calc(25px + (32 - 25) * (100vw - 360px) / (1800 - 360));
  min-width: calc(25px + (32 - 25) * (100vw - 360px) / (1800 - 360));
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .properties .property > .icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .properties .property > .icon svg {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox {
  z-index: 20;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 47px;
}
@media (max-width: 1800px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox {
    margin-top: calc(20px + (47 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox {
    margin-top: 20px;
  }
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox a + .buttons {
  margin-top: 25px;
}
@media (max-width: 1800px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox a + .buttons {
    margin-top: calc(20px + (25 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox a + .buttons {
    margin-top: 20px;
  }
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox .button-box {
  display: flex;
  align-items: center;
  margin-top: calc(28px + (41 - 28) * (100vw - 360px) / (1800 - 360));
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox .button-box .linkbox {
  margin: 0 calc(4px + (8 - 4) * (100vw - 360px) / (1800 - 360));
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox .button-box .linkbox:first-child {
  margin-left: 0;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox .button-box .linkbox:first-child .button {
  color: #9AA890;
  border-color: #9AA890;
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox .button-box .linkbox .button {
  min-width: 150px;
  font-weight: 200;
  text-align: center;
  letter-spacing: 0.5px;
  border: 1px solid currentColor;
  transition: opacity 0.2s linear;
  padding: calc(13px + (19 - 13) * (100vw - 768px) / (1800 - 768)) calc(16px + (28 - 16) * (100vw - 768px) / (1800 - 768)) calc(12px + (16 - 12) * (100vw - 768px) / (1800 - 768)) calc(16px + (28 - 16) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox .button-box .linkbox .button {
    min-width: 100px;
    font-size: 11px;
    line-height: 13px;
    padding: 13px 16px 12px 19px;
  }
}
@media (hover: hover) {
  .RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox .button-box .linkbox .button:hover {
    opacity: 0.7;
  }
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .inner-textbox .linkbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(16px + (26 - 16) * (100vw - 360px) / (1800 - 360));
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .fav {
  z-index: 20;
  display: flex;
  position: absolute;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  top: calc(16px + (29 - 16) * (100vw - 360px) / (1800 - 360));
  right: calc(16px + (28 - 16) * (100vw - 360px) / (1800 - 360));
}
.RoomCompare .component-rooms .elements-container .element .inner-element .textbox .fav svg {
  fill: #FFFFFF;
  width: calc(21px + (35 - 21) * (100vw - 360px) / (1800 - 360));
  height: calc(18px + (29 - 18) * (100vw - 360px) / (1800 - 360));
}
.RoomCompare .tns-nav {
  justify-content: center;
}
.RoomCompare .linkbox,
.RoomCompare .back-to-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 47px;
}
@media (max-width: 1800px) {
  .RoomCompare .linkbox,
  .RoomCompare .back-to-list {
    margin-top: calc(20px + (47 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .linkbox,
  .RoomCompare .back-to-list {
    margin-top: 20px;
  }
}
.RoomCompare .back-to-list {
  margin-top: 63px;
}
@media (max-width: 1800px) {
  .RoomCompare .back-to-list {
    margin-top: calc(30px + (63 - 30) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .RoomCompare .back-to-list {
    margin-top: 30px;
  }
}
.RoomCompare .back-to-list .button3 {
  padding: 17px 32px 16px 26px;
}
@media (max-width: 360px) {
  .RoomCompare .back-to-list .button3 {
    width: 100%;
    text-align: center;
  }
}

.OfferList {
  position: relative;
}
.OfferList .component-loader {
  position: absolute;
  top: -400px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.2);
}
.OfferList .elements-container {
  margin-bottom: -80px;
}
@media (max-width: 1800px) {
  .OfferList .elements-container {
    margin-bottom: calc(-30px + (-80 - -30) * (100vw - 768px) / (1800 - 768));
  }
}
@media (max-width: 767px) {
  .OfferList .elements-container {
    margin-bottom: -30px;
  }
}
.OfferList .elements-container .elements {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-10px + (-25 - -10) * (100vw - 360px) / (1800 - 360));
  margin-right: calc(-10px + (-25 - -10) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .OfferList .elements-container .elements {
    margin-left: 0;
    margin-right: 0;
  }
}
.OfferList .elements-container .elements .element {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  padding-left: calc(10px + (25 - 10) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(10px + (25 - 10) * (100vw - 360px) / (1800 - 360));
  margin-bottom: calc(60px + (136 - 60) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .OfferList .elements-container .elements .element {
    margin-bottom: 60px;
    width: 100%;
  }
}
@media (max-width: 360px) {
  .OfferList .elements-container .elements .element {
    padding-left: 0;
    padding-right: 0;
  }
}
.OfferList .elements-container .elements .element .inner-element {
  width: 100%;
  position: relative;
}
@media (hover: hover) {
  .OfferList .elements-container .elements .element .absolute-link:hover + .image-box + .textbox .morelink:before {
    transition: height 0.3s ease, opacity 0.1s ease;
    display: block;
    position: absolute;
    opacity: 24%;
    height: 15px;
    width: 100%;
  }
}
.OfferList .elements-container .elements .element .inner {
  position: relative;
}
.OfferList .elements-container .elements .element .adler-friends-block {
  top: -15px;
  z-index: 10;
  text-align: center;
  position: absolute;
  width: calc(130px + (200 - 130) * (100vw - 320px) / (1800 - 320));
  height: calc(120px + (180 - 120) * (100vw - 320px) / (1800 - 320));
  right: calc(10px + (40 - 10) * (100vw - 320px) / (1800 - 320));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  color: #FFFFFF;
  background: #546B59;
}
@media (max-width: 767px) {
  .OfferList .elements-container .elements .element .adler-friends-block {
    top: -15px;
    right: 10px;
    max-width: 130px;
    padding: 20px 16px;
  }
}
.OfferList .elements-container .elements .element .image-box {
  position: relative;
  overflow: hidden;
}
.OfferList .elements-container .elements .element .image-box picture {
  width: 100%;
  height: 100%;
}
@media (max-width: 360px) {
  .OfferList .elements-container .elements .element .image-box {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (hover: hover) {
  .OfferList .elements-container .elements .element .image-box .absolute-morelink:hover + .image + .textbox {
    opacity: 0.7;
  }
}
.OfferList .elements-container .elements .element .image-box .image {
  height: 0;
  position: relative;
  padding-bottom: 100%;
}
.OfferList .elements-container .elements .element .image-box .image a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.OfferList .elements-container .elements .element .image-box .image a picture {
  height: 100%;
}
.OfferList .elements-container .elements .element .image-box .image a picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.OfferList .elements-container .elements .element .image-box .image svg {
  position: absolute;
  right: -56px;
  top: -61px;
  width: 162px;
  height: 162px;
}
@media (max-width: 1800px) {
  .OfferList .elements-container .elements .element .image-box .image svg {
    right: calc(-30px + (-56 - -30) * (100vw - 768px) / (1800 - 768));
    top: calc(-30px + (-61 - -30) * (100vw - 768px) / (1800 - 768));
    width: calc(90px + (162 - 90) * (100vw - 768px) / (1800 - 768));
    height: calc(90px + (162 - 90) * (100vw - 768px) / (1800 - 768));
  }
}
@media (max-width: 767px) {
  .OfferList .elements-container .elements .element .image-box .image svg {
    display: none;
  }
}
.OfferList .elements-container .elements .element .image-box .textbox {
  margin-top: calc(15px + (37 - 15) * (100vw - 360px) / (1800 - 360));
}
.OfferList .elements-container .elements .element .image-box .textbox .price {
  margin-top: calc(10px + (15 - 10) * (100vw - 360px) / (1800 - 360));
}
.OfferList .elements-container .elements .element .image-box .textbox .price li:before {
  top: 10px;
  width: 5px;
  height: 5px;
  background-color: currentColor;
}
.OfferList .elements-container .elements .element .image-box .textbox .subheadline {
  margin-top: 3px;
}
.OfferList .elements-container .elements .element .image-box .textbox .linkbox {
  margin-top: 25px;
  font-weight: 600;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
@media (max-width: 1800px) {
  .OfferList .elements-container .elements .element .image-box .textbox .linkbox {
    margin-top: calc(12px + (25 - 12) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .OfferList .elements-container .elements .element .image-box .textbox .linkbox {
    margin-top: 12px;
  }
}
.OfferList .elements-container .elements .element .image-box .textbox .linkbox svg {
  width: 22px;
  height: 9px;
  margin-left: 6px;
  fill: #707070;
  color: #707070;
  stroke: #707070;
}
.OfferList .elements-container .elements .element .image-box .textbox .linkbox a {
  transition: opacity 0.5s ease;
}
@media (hover: hover) {
  .OfferList .elements-container .elements .element .image-box .textbox .linkbox a:hover svg {
    opacity: 0.7;
  }
}
.OfferList .elements-container .elements .element .textbox {
  margin-top: calc(15px + (28 - 15) * (100vw - 360px) / (1800 - 360));
}
.OfferList .elements-container .elements .element .textbox .subheadline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: calc(6px + (12 - 6) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .OfferList .elements-container .elements .element .textbox .subheadline + .subheadline {
    margin-top: 0;
  }
}
.OfferList .elements-container .elements .element .textbox .subheadline .inner-items {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.OfferList .elements-container .elements .element .textbox .subheadline .inner-left-box {
  margin-right: calc(30px + (50 - 30) * (100vw - 360px) / (1800 - 360));
}
.OfferList .elements-container .elements .element .textbox .subheadline .inner-right-box {
  position: relative;
}
@media (max-width: 767px) {
  .OfferList .elements-container .elements .element .textbox .subheadline .inner-right-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.OfferList .elements-container .elements .element .textbox .subheadline .inner-right-box:before {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  left: calc(-18px + (-27 - -18) * (100vw - 360px) / (1800 - 360));
  background-color: #9AA890;
}
@media (max-width: 767px) {
  .OfferList .elements-container .elements .element .textbox .subheadline .inner-right-box:before {
    display: none;
  }
}
.OfferList .elements-container .elements .element .textbox .subheadline .inner-right-box:first-child {
  padding-left: 0;
}
.OfferList .elements-container .elements .element .textbox .subheadline .inner-right-box:first-child:before {
  display: none;
}
.OfferList .elements-container .elements .element .textbox .price-text .sas {
  position: relative;
  padding-left: calc(30px + (50 - 30) * (100vw - 360px) / (1800 - 360));
}
.OfferList .elements-container .elements .element .textbox .price-text .sas:before {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  left: calc(14px + (23 - 14) * (100vw - 360px) / (1800 - 360));
}
.OfferList .elements-container .elements .element .textbox .linkbox {
  margin-top: calc(14px + (24 - 14) * (100vw - 360px) / (1800 - 360));
}
.OfferList .elements-container .elements .element .textbox .linkbox .morelink:before {
  bottom: -1px;
}

.OfferOnPage {
  overflow: hidden;
}
.OfferOnPage .module-outdoor-spaces {
  padding-left: calc(15px + (266 - 15) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(15px + (266 - 15) * (100vw - 360px) / (1800 - 360));
}
.OfferOnPage .boxed-headline {
  margin: 0 auto;
  max-width: 64.7%;
  padding-right: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .OfferOnPage .boxed-headline {
    max-width: 100%;
  }
}
.OfferOnPage .boxed-headline + .component-offers {
  margin-top: calc(47px + (107 - 47) * (100vw - 360px) / (1800 - 360));
}
.OfferOnPage .boxed-headline .headline {
  margin-bottom: 0;
}
.OfferOnPage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.OfferOnPage .tns-ovh {
  overflow: visible;
}
.OfferOnPage .elements-container {
  margin: 0 calc(-5px + (-20 - -5) * (100vw - 360px) / (1800 - 360));
}
.OfferOnPage .elements-container .elements {
  display: flex;
  justify-content: stretch;
}
.OfferOnPage .elements-container .elements .element {
  opacity: 0.5;
  position: relative;
  padding-left: calc(5px + (97 - 5) * (100vw - 360px) / (1800 - 360));
  padding-right: calc(5px + (97 - 5) * (100vw - 360px) / (1800 - 360));
  transition: padding-top 0.3s ease, opacity 0.3s linear;
}
.OfferOnPage .elements-container .elements .element.tns-slide-active {
  opacity: 1;
}
.OfferOnPage .elements-container .elements .element .element-inner {
  position: relative;
}
.OfferOnPage .elements-container .elements .element .image-box {
  position: relative;
  overflow: hidden;
}
.OfferOnPage .elements-container .elements .element .image-box:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 260px;
  opacity: 0.44;
  left: 0;
  pointer-events: none;
  background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
  z-index: 1;
}
.OfferOnPage .elements-container .elements .element .image-box .absolute-link {
  position: relative;
  z-index: 20;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .OfferOnPage .elements-container .elements .element .image-box .absolute-link:hover + .image-box img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
}
.OfferOnPage .elements-container .elements .element .textbox {
  z-index: 1;
  background-color: transparent;
  bottom: calc(19px + (29 - 19) * (100vw - 360px) / (1800 - 360));
  right: calc(10px + (30 - 10) * (100vw - 360px) / (1800 - 360));
  left: calc(10px + (30 - 10) * (100vw - 360px) / (1800 - 360));
  position: absolute;
}
@media (max-width: 767px) {
  .OfferOnPage .elements-container .elements .element .textbox {
    color: currentColor;
    margin-top: 15px;
    position: static;
  }
}
.OfferOnPage .elements-container .elements .element .textbox .title {
  color: currentColor;
}
.OfferOnPage .elements-container .elements .element .textbox .bottom-part {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .OfferOnPage .elements-container .elements .element .textbox .bottom-part {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .OfferOnPage .elements-container .elements .element .textbox .bottom-part .left-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.OfferOnPage .elements-container .elements .element .textbox .bottom-part .subheadline {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  align-items: center;
  margin-top: calc(6px + (12 - 6) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .OfferOnPage .elements-container .elements .element .textbox .bottom-part .subheadline + .subheadline {
    margin-top: 0;
  }
}
.OfferOnPage .elements-container .elements .element .textbox .bottom-part .subheadline .inner-left-box {
  padding-right: calc(30px + (50 - 30) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .OfferOnPage .elements-container .elements .element .textbox .bottom-part .subheadline .inner-left-box {
    padding-right: 0;
  }
}
.OfferOnPage .elements-container .elements .element .textbox .bottom-part .subheadline .inner-right-box {
  position: relative;
}
@media (max-width: 767px) {
  .OfferOnPage .elements-container .elements .element .textbox .bottom-part .subheadline .inner-right-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.OfferOnPage .elements-container .elements .element .textbox .bottom-part .subheadline .inner-right-box:before {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  left: calc(-16px + (-25 - -16) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 767px) {
  .OfferOnPage .elements-container .elements .element .textbox .bottom-part .subheadline .inner-right-box:before {
    display: none;
  }
}
.OfferOnPage .elements-container .elements .element .textbox .bottom-part .left-box {
  flex: 1;
}
.OfferOnPage .elements-container .elements .element .textbox .bottom-part .right-box {
  text-align: right;
  flex: 0 0 35%;
  max-width: 35%;
}
@media (max-width: 767px) {
  .OfferOnPage .elements-container .elements .element .textbox .bottom-part .right-box {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
  }
}
.OfferOnPage .tns-outer {
  position: relative;
}
.OfferOnPage .tns-nav {
  display: none;
}
@media (max-width: 767px) {
  .OfferOnPage .tns-nav {
    display: flex;
    justify-content: center;
  }
}
.OfferOnPage .tns-controls {
  display: flex;
  margin-top: 50px;
  justify-content: center;
}
@media (max-width: 767px) {
  .OfferOnPage .tns-controls {
    display: none;
  }
}
.OfferOnPage .tns-controls button {
  width: 56px;
  height: 56px;
  display: flex;
  margin: 0 8px;
  cursor: pointer;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid #9AA890;
}
.OfferOnPage .tns-controls svg {
  width: 17px;
  height: 14px;
  fill: #9AA890;
}
.OfferOnPage .more-offers-link .morelink {
  display: inline-flex;
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 1800px) {
  .OfferOnPage .more-offers-link .morelink {
    margin-top: calc(0px + (30 - 0) * (100vw - 360px) / (1800 - 360));
  }
}
.OfferOnPage .more-offers-link .morelink svg {
  color: currentColor;
  fill: currentColor;
  margin-left: 3px;
  width: calc(12px + (17 - 12) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 360px) {
  .OfferOnPage .more-offers-link .morelink svg {
    position: relative;
    top: -1px;
  }
}

.themestage.themestage-small .elements .element .adler-friends-block {
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 20px;
  padding: 8px 23px 7px 26px;
  color: #FFFFFF;
  background: #546B59;
}
@media (max-width: 767px) {
  .themestage.themestage-small .elements .element .adler-friends-block {
    bottom: 10px;
    padding: 5px 10px 7px 15px;
  }
}

.OfferDetail:not(:first-child) {
  padding-top: 0;
}
.OfferDetail .inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1026px) {
  .OfferDetail .inner {
    flex-wrap: wrap;
  }
}
.OfferDetail .inner .left-box {
  flex: 0 0 64.2%;
  max-width: 64.2%;
  padding-right: calc(30px + (55 - 30) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 1026px) {
  .OfferDetail .inner .left-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .OfferDetail .inner .left-box {
    padding-right: 0;
  }
}
.OfferDetail .inner .left-box .button-box {
  margin-top: calc(31px + (51 - 31) * (100vw - 360px) / (1800 - 360));
}
@media (max-width: 1026px) {
  .OfferDetail .inner .left-box .button-box {
    display: none;
  }
}
.OfferDetail .inner .right-box {
  flex: 0 0 32.6%;
  max-width: 32.6%;
  text-align: center;
}
@media (max-width: 1200px) {
  .OfferDetail .inner .right-box {
    flex: 1;
    max-width: none;
    margin-top: 40px;
  }
}
@media (max-width: 1026px) {
  .OfferDetail .inner .right-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.OfferDetail .inner .right-box .inner-box {
  padding: calc(42px + (82 - 42) * (100vw - 360px) / (1800 - 360)) 20px;
  position: sticky;
  top: 120px;
  right: 0;
}
@media (max-width: 1026px) {
  .OfferDetail .inner .right-box .inner-box {
    position: static;
  }
}
.OfferDetail .inner .right-box .inner-box .date-night {
  margin-top: calc(0px + (28 - 0) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .inner .right-box .inner-box .period-item {
  margin-top: calc(5px + (15 - 5) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .inner .right-box .inner-box .price-text {
  text-transform: none;
  margin-top: calc(27px + (37 - 27) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .inner .right-box .inner-box .show-more {
  margin-top: calc(15px + (25 - 15) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .inner .right-box .inner-box .button-box {
  margin-top: 31px;
}
.OfferDetail .intro-with-text-element {
  padding-bottom: calc(80px + (240 - 80) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .intro-with-text-element.bgweb2 + div {
  margin-top: 0;
}
.OfferDetail .intro-with-text-element.bgweb2:last-child .standard {
  padding-bottom: calc(80px + (186 - 80) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .intro-with-text-element .module-outdoor-spaces {
  padding-right: 0;
}
@media (max-width: 1026px) {
  .OfferDetail .intro-with-text-element .module-outdoor-spaces {
    padding-right: calc(15px + (150 - 15) * (100vw - 360px) / (1800 - 360));
  }
}
.OfferDetail .intro-with-text-element .intro-with-text-element-box {
  width: 100%;
  margin: -7px 0 0;
}
.OfferDetail .intro-with-text-element .text-box-inner {
  padding-left: calc(30px + (119 - 30) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .OfferDetail .intro-with-text-element .text-box-inner {
    padding-left: 0;
  }
}
.OfferDetail .intro-with-text-element .headline + .text-box-inner {
  margin-top: calc(31px + (51 - 31) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .intro-with-text-element .subheadline {
  max-width: 92.2%;
}
@media (max-width: 767px) {
  .OfferDetail .intro-with-text-element .subheadline {
    max-width: 100%;
  }
}
.OfferDetail .intro-with-text-element .subheadline + .date-night-price {
  margin-top: calc(38px + (58 - 38) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .intro-with-text-element .inclusives-block {
  margin-top: calc(30px + (50 - 30) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .intro-with-text-element .inclusives-block.is_opened .description {
  display: block;
}
.OfferDetail .intro-with-text-element .inclusives-block.is_opened .morelink {
  margin-top: 40px;
}
.OfferDetail .intro-with-text-element .inclusives-block.is_opened .morelink .show-more {
  display: none;
}
.OfferDetail .intro-with-text-element .inclusives-block.is_opened .morelink .show-less {
  display: block;
}
.OfferDetail .intro-with-text-element .inclusives-block .morelink {
  cursor: pointer;
  display: inline-block;
}
.OfferDetail .intro-with-text-element .inclusives-block .morelink .show-less {
  display: none;
}
.OfferDetail .intro-with-text-element .inclusives-block .description {
  margin-top: 0;
  display: none;
}
.OfferDetail .intro-with-text-element .description + .periods-element,
.OfferDetail .intro-with-text-element .inclusives-block + .periods-element {
  margin-top: calc(80px + (180 - 80) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .intro-with-text-element .description {
  margin-top: 19px;
}
.OfferDetail .intro-with-text-element .description + .description {
  margin-top: calc(12px + (20 - 12) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .intro-with-text-element .description p + p {
  margin-top: calc(29px + (49 - 29) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .gallery-element {
  margin-top: calc(30px + (99 - 30) * (100vw - 360px) / (1800 - 360));
  position: relative;
}
.OfferDetail .gallery-element .gallery-list .gallery-item .text-box {
  color: #404D5B;
  position: static;
  padding: 0;
}
.OfferDetail .gallery-element .gallery-list .gallery-item .text-box:before {
  display: none;
}
.OfferDetail .prices-box {
  padding-top: calc(60px + (181 - 60) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .prices-box:last-child {
  padding-bottom: 0;
}
.OfferDetail .prices-box .prices-item + .prices-item {
  margin-top: calc(30px + (58 - 30) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .prices-box .title + .price-inner {
  margin-top: calc(15px + (32 - 15) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .prices-box .price-inner + .price-inner {
  margin-top: calc(30px + (50 - 30) * (100vw - 360px) / (1800 - 360));
}
.OfferDetail .prices-box .price-inner .prices-list {
  margin-top: 5px;
}
.OfferDetail .prices-box .price-inner .prices-list .price-item {
  display: flex;
  align-items: center;
  padding: 19px 0 18px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(112, 112, 112, 0.24);
}
.OfferDetail .prices-box .price-inner .prices-list .price-item:first-child {
  border-top: 1px solid rgba(112, 112, 112, 0.24);
}
.OfferDetail .prices-box .price-inner .prices-list .price-item .left-block {
  padding-right: 16px;
}
.OfferDetail .inner-right-box.is_opened .show-more {
  display: none;
}
.OfferDetail .inner-right-box.is_opened .periods-inner {
  display: block;
}
.OfferDetail .inner-right-box .show-more {
  cursor: pointer;
}
.OfferDetail .inner-right-box .periods-inner {
  display: none;
}
.OfferDetail .button-box {
  font-size: 0;
  line-height: 0;
}
.OfferDetail .button-box .button {
  padding: 14px 18px 13px;
  border-radius: 48px;
  text-align: center;
  margin-top: 8px;
  font-size: calc(14px + (18 - 14) * (100vw - 360px) / (1800 - 360));
  margin-right: calc(4px + (9 - 4) * (100vw - 360px) / (1800 - 360));
  line-height: calc(20px + (28 - 20) * (100vw - 360px) / (1800 - 360));
  min-width: calc(120px + (183 - 120) * (100vw - 360px) / (1800 - 360));
}

.AdditionalServices .elements-outer .label-headline {
  width: 100%;
  padding: 0 0 24px;
  box-sizing: border-box;
}
@media (max-width: 1800px) {
  .AdditionalServices .elements-outer .label-headline {
    padding: 0 0 calc(15px + (24 - 15) * (100vw - 360px) / (1800 - 360));
  }
}
.AdditionalServices .elements-outer .elements .element {
  border-top: 1px solid rgba(112, 112, 112, 0.2);
}
.AdditionalServices .elements-outer .elements .element:last-child {
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
.AdditionalServices .elements-outer .elements .element .opener {
  width: 100%;
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 24px 50px 24px 0;
  box-sizing: border-box;
  transition: 0.5s ease;
}
@media (max-width: 1800px) {
  .AdditionalServices .elements-outer .elements .element .opener {
    padding: calc(18px + (24 - 18) * (100vw - 360px) / (1800 - 360)) calc(15px + (50 - 15) * (100vw - 360px) / (1800 - 360)) calc(15px + (24 - 15) * (100vw - 360px) / (1800 - 360)) 0;
  }
}
.AdditionalServices .elements-outer .elements .element .opener.pointer-none {
  pointer-events: none;
}
.AdditionalServices .elements-outer .elements .element .opener.pointer-none svg {
  display: none;
}
@media (max-width: 1026px) {
  .AdditionalServices .elements-outer .elements .element .opener .headline {
    width: 100%;
    word-break: break-word;
  }
}
.AdditionalServices .elements-outer .elements .element .opener .right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.AdditionalServices .elements-outer .elements .element .opener .right .duration {
  margin-right: 10px;
}
.AdditionalServices .elements-outer .elements .element .opener .right .price {
  margin-right: 10px;
}
.AdditionalServices .elements-outer .elements .element .opener svg {
  width: 22px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  fill: #546B59;
}
@media (max-width: 767px) {
  .AdditionalServices .elements-outer .elements .element .opener svg {
    width: 14px;
    height: 9px;
  }
}
@media (hover: hover) {
  .AdditionalServices .elements-outer .elements .element .opener:hover {
    opacity: 0.5;
  }
}
.AdditionalServices .elements-outer .elements .element .element-inner {
  padding-bottom: 25px;
  box-sizing: border-box;
}
@media (max-width: 1800px) {
  .AdditionalServices .elements-outer .elements .element .element-inner {
    padding-bottom: calc(20px + (25 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .AdditionalServices .elements-outer .elements .element .element-inner {
    padding-bottom: 20px;
  }
}
.AdditionalServices .elements-outer .elements .element .element-inner:empty {
  padding-bottom: 0;
}
.AdditionalServices .elements-outer .elements .element .element-inner .image-introduction {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.AdditionalServices .elements-outer .elements .element .element-inner .image-introduction picture {
  max-width: calc(40% - 10px);
}
@media (max-width: 767px) {
  .AdditionalServices .elements-outer .elements .element .element-inner .image-introduction picture {
    max-width: 100%;
  }
}
.AdditionalServices .elements-outer .elements .element .element-inner .image-introduction picture img {
  width: auto;
  max-width: 100%;
}
.AdditionalServices .elements-outer .elements .element .element-inner .image-introduction picture + .introduction {
  width: calc(60% - 10px);
}
.AdditionalServices .elements-outer .elements .element .element-inner .image-introduction .introduction {
  width: calc(100% - 10px);
}
@media (max-width: 767px) {
  .AdditionalServices .elements-outer .elements .element .element-inner .image-introduction .introduction {
    width: calc(100% - 10px);
    margin-top: 10px;
  }
}
.AdditionalServices .elements-outer .elements .element .element-inner .content {
  margin-top: 20px;
}
@media (max-width: 1800px) {
  .AdditionalServices .elements-outer .elements .element .element-inner .content {
    margin-top: calc(15px + (20 - 15) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 767px) {
  .AdditionalServices .elements-outer .elements .element .element-inner .content {
    margin-top: 15px;
  }
}
.AdditionalServices .elements-outer .elements .element .element-inner .content p {
  margin: 0;
}
.AdditionalServices .elements-outer .elements .element.active .opener svg {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.additional-content-list .boxed-headline {
  text-align: center;
  margin: -9px auto 0;
}
.additional-content-list .boxed-headline + .additional-content-item {
  margin-top: calc(45px + (79 - 45) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .additional-content-list .boxed-headline + .additional-content-item {
    margin-top: 45px;
  }
}
.additional-content-list .additional-content-item {
  display: flex;
  max-width: 82.8%;
  align-items: center;
  justify-content: space-between;
  margin-left: calc(0px + (92 - 0) * (100vw - 768px) / (1800 - 768));
  margin-bottom: calc(45px + (80 - 45) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 1026px) {
  .additional-content-list .additional-content-item {
    max-width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .additional-content-list .additional-content-item {
    flex-wrap: wrap;
    margin-bottom: 45px;
  }
}
.additional-content-list .additional-content-item:last-child {
  margin-bottom: 0;
}
.additional-content-list .additional-content-item .image-box {
  flex: 0 0 48%;
  max-width: 48%;
}
@media (max-width: 767px) {
  .additional-content-list .additional-content-item .image-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.additional-content-list .additional-content-item .text-box {
  flex: 0 0 42.5%;
  max-width: 42.5%;
}
@media (max-width: 1026px) {
  .additional-content-list .additional-content-item .text-box {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (max-width: 767px) {
  .additional-content-list .additional-content-item .text-box {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 16px;
  }
}
.additional-content-list .additional-content-item .text-box .description {
  margin-top: calc(10px + (14 - 10) * (100vw - 768px) / (1800 - 768));
}
@media (max-width: 767px) {
  .additional-content-list .additional-content-item .text-box .description {
    margin-top: 10px;
  }
}

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

.HotelRequestT1 .offer {
  margin-bottom: 50px;
}
@media (max-width: 1800px) {
  .HotelRequestT1 .offer {
    margin-bottom: calc(20px + (50 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .HotelRequestT1 .offer {
    margin-bottom: 20px;
  }
}
.HotelRequestT1 .offer .inner-offer {
  display: flex;
  flex-wrap: wrap;
}
.HotelRequestT1 .offer .inner-offer .image {
  width: 50%;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .offer .inner-offer .image {
    width: 100%;
  }
}
.HotelRequestT1 .offer .inner-offer .image + .textbox {
  width: 50%;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .offer .inner-offer .image + .textbox {
    width: 100%;
  }
}
.HotelRequestT1 .offer .inner-offer .textbox {
  position: relative;
  display: flex;
  align-items: center;
}
.HotelRequestT1 .offer .inner-offer .textbox .inner-textbox {
  padding: 50px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1800px) {
  .HotelRequestT1 .offer .inner-offer .textbox .inner-textbox {
    padding: calc(20px + (50 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .HotelRequestT1 .offer .inner-offer .textbox .inner-textbox {
    padding: 20px;
  }
}
.HotelRequestT1 .offer .inner-offer .textbox .inner-textbox .headline + .introduction,
.HotelRequestT1 .offer .inner-offer .textbox .inner-textbox .subheadline + .introduction {
  margin-top: 15px;
}
.HotelRequestT1 .offer .inner-offer .textbox .inner-textbox .price {
  margin-top: 15px;
}
.HotelRequestT1 .offer .inner-offer .textbox .inner-textbox .offer-title {
  margin-bottom: 15px;
}
.HotelRequestT1 .form-row {
  display: flex;
  align-items: stretch;
  margin: 10px -10px 0px -10px;
  flex-wrap: wrap;
}
.HotelRequestT1 .form-row:not(.form-row-single):not(.form-row-two):not(.form-row-four) > div {
  width: 33.3333333333%;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row:not(.form-row-single):not(.form-row-two):not(.form-row-four) > div {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row:not(.form-row-single):not(.form-row-two):not(.form-row-four) > div {
    width: 100%;
  }
}
.HotelRequestT1 .form-row.form-row-two > div {
  width: 50%;
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row.form-row-two > div {
    width: 100%;
  }
}
.HotelRequestT1 .form-row.form-row-four > div {
  width: 25%;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row.form-row-four > div {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row.form-row-four > div {
    width: 100%;
  }
}
.HotelRequestT1 .form-row > div {
  padding: 20px 10px 0 10px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
}
.HotelRequestT1 .form-row > div > div {
  width: 100%;
}
.HotelRequestT1 .form-row > div.linkbox {
  justify-content: center;
  width: auto;
}
.HotelRequestT1 .form-row > div.linkbox.default-link label {
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
  height: calc(17px + (23 - 17) * (100vw - 360px) / (1800 - 360));
}
.HotelRequestT1 .form-row > div.linkbox > div:not(.button2) {
  display: flex;
  align-items: center;
}
.HotelRequestT1 .form-row > div.linkbox > div:not(.button2) svg {
  width: 34px;
  height: 30px;
  margin-right: 10px;
  fill: currentColor;
}
.HotelRequestT1 .form-row > div.linkbox .send-request {
  padding: calc(10px + (16 - 10) * (100vw - 360px) / (1800 - 360)) calc(16px + (35 - 16) * (100vw - 360px) / (1800 - 360));
  border: 1px solid;
}
.HotelRequestT1 .form-row.row-room {
  margin-top: 50px;
}
@media (max-width: 1800px) {
  .HotelRequestT1 .form-row.row-room {
    margin-top: calc(20px + (50 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .HotelRequestT1 .form-row.row-room {
    margin-top: 20px;
  }
}
.HotelRequestT1 .form-row.headline {
  margin-bottom: 5px;
}
.HotelRequestT1 .form-row.headline > div {
  width: 100%;
}
.HotelRequestT1 .form-row + .form-row.headline {
  margin-top: 50px;
}
@media (max-width: 1800px) {
  .HotelRequestT1 .form-row + .form-row.headline {
    margin-top: calc(20px + (50 - 20) * (100vw - 360px) / (1800 - 360));
  }
}
@media (max-width: 360px) {
  .HotelRequestT1 .form-row + .form-row.headline {
    margin-top: 20px;
  }
}
.HotelRequestT1 .form-row .holidayThemes .holidayBox .field.checkbox input[type=checkbox] {
  top: 7px;
  left: 0;
}
.HotelRequestT1 .form-row .field.child {
  width: 25%;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.child {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.child {
    width: 100%;
  }
}
.HotelRequestT1 .form-row .field .inner-field {
  box-sizing: border-box;
  height: 60px;
  background-color: #F2F0E9;
  position: relative;
}
.HotelRequestT1 .form-row .field .inner-field input, .HotelRequestT1 .form-row .field .inner-field select, .HotelRequestT1 .form-row .field .inner-field .select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 3;
  border: 0;
  background-color: #F2F0E9;
  border-color: #F2F0E9;
  box-sizing: border-box;
}
.HotelRequestT1 .form-row .field .inner-field .select,
.HotelRequestT1 .form-row .field .inner-field select {
  opacity: 0;
}
.HotelRequestT1 .form-row .field .inner-field input {
  padding: 0 20px;
}
.HotelRequestT1 .form-row .field .inner-field textarea {
  display: block;
  width: 100%;
  min-height: 10em;
  resize: vertical;
  background-color: #F2F0E9;
  padding: 20px;
  border: 0;
  box-sizing: border-box;
}
.HotelRequestT1 .form-row .field .inner-field .value {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  z-index: 2;
}
.HotelRequestT1 .form-row .field .inner-field .adultSelect option:disabled {
  color: rgba(0, 0, 0, 0.2);
}
.HotelRequestT1 .form-row .field.date .inner-field {
  position: relative;
}
.HotelRequestT1 .form-row .field.date .inner-field input {
  z-index: 1;
  opacity: 0;
}
.HotelRequestT1 .form-row .field.date .inner-field:after {
  position: absolute;
  width: 22px;
  height: 24px;
  background-image: url("/typo3conf/ext/zeppelin_sales_content/Resources/Public/Icons/calendar.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  top: 18px;
  right: 20px;
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.date .inner-field:after {
    width: 16px;
    height: 20px;
  }
}
.HotelRequestT1 .form-row .field.select .inner-field {
  position: relative;
}
.HotelRequestT1 .form-row .field.select .inner-field:after {
  position: absolute;
  top: 23px;
  right: 24px;
  border: 1px solid currentColor;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
  content: "";
  width: 10px;
  height: 10px;
  box-sizing: border-box;
}
.HotelRequestT1 .form-row .field.select.custom .rooms {
  display: none;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 62px;
  width: 200%;
  padding: 10px 0;
  box-sizing: border-box;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms {
    width: 100%;
  }
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside {
  overflow-y: auto;
  position: relative;
  max-height: 270px;
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside {
    max-height: 150px;
  }
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 0 10px;
  cursor: pointer;
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room:first-child {
  margin-top: 0;
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room.empty .image {
  justify-content: center;
  margin: 10px 0;
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room.empty .image svg {
  width: 62px;
  height: 42px;
  padding: 12px;
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room.empty .roomname {
  width: 83.3333333333%;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room.empty .roomname {
    width: 80.701754386%;
  }
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room.empty .roomname {
    width: 70.5882352941%;
  }
}
@media (max-width: 360px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room.empty .roomname {
    width: auto;
  }
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roominfo {
  padding-right: 2.6315789474%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .image {
  width: 14.0350877193%;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .image {
    width: 16.6666666667%;
  }
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .image {
    width: 26.4705882353%;
  }
}
@media (max-width: 360px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .image {
    display: none;
  }
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .image .hidden {
  display: none;
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .image img, .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .image svg {
  display: block;
  width: 100%;
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .image img {
  height: auto;
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname {
  width: 29.8245614035%;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname {
    width: 61.8421052632%;
  }
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname {
    width: 70.5882352941%;
    margin-left: 2.9411764706%;
  }
}
@media (max-width: 360px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname {
    width: 100%;
    margin-left: 0;
  }
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname .name {
  font-weight: bold;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname .name {
    width: 100%;
  }
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname .priceinfotext {
  display: none;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname .priceinfotext {
    display: block;
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .roomname .priceinfotext {
    display: none;
  }
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .size {
  width: 13.1578947368%;
  text-align: center;
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .size {
    display: none;
  }
}
.HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .priceinfotext {
  width: 34.649122807%;
  text-align: right;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.select.custom .rooms .inside .room .priceinfotext {
    display: none;
  }
}
.HotelRequestT1 .form-row .field.select.custom.open .rooms {
  display: block;
}
@media (max-width: 1026px) {
  .HotelRequestT1 .form-row .field.room-preview {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.room-preview {
    display: none;
  }
}
.HotelRequestT1 .form-row .field.room-preview .inner-field {
  height: auto;
}
.HotelRequestT1 .form-row .field.room-preview .inner-field .roompreview .inner {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.HotelRequestT1 .form-row .field.room-preview .inner-field .roompreview .inner .hidden {
  display: none;
}
.HotelRequestT1 .form-row .field.room-preview .inner-field .roompreview .inner .image {
  width: 47.2727272727%;
  margin-right: 5.4545454545%;
}
.HotelRequestT1 .form-row .field.room-preview .inner-field .roompreview .inner .image picture img {
  width: 100% !important;
  height: auto !important;
  display: block;
}
.HotelRequestT1 .form-row .field.room-preview .inner-field .roompreview .inner .text {
  width: 47.2727272727%;
}
.HotelRequestT1 .form-row .field.room-preview .inner-field .roompreview .inner .text .namesize {
  font-weight: bold;
}
.HotelRequestT1 .form-row .field.room-preview .inner-field .roompreview .inner .text .linkbox {
  margin-top: 20px;
}
.HotelRequestT1 .form-row .field.checkbox {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.HotelRequestT1 .form-row .field.checkbox input[type=checkbox] {
  top: 25px;
  left: 0;
  opacity: 0;
  position: absolute;
}
.HotelRequestT1 .form-row .field.checkbox input[type=checkbox] + span {
  cursor: pointer;
  padding-left: 24px;
}
.HotelRequestT1 .form-row .field.checkbox input[type=checkbox] + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  border: 1px solid #635045;
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.checkbox input[type=checkbox] + span:before {
    top: 4px;
  }
}
.HotelRequestT1 .form-row .field.checkbox input[type=checkbox] + span:after {
  content: "";
  top: 9px;
  left: 3px;
  width: 10px;
  height: 10px;
  position: absolute;
}
@media (max-width: 767px) {
  .HotelRequestT1 .form-row .field.checkbox input[type=checkbox] + span:after {
    top: 7px;
  }
}
.HotelRequestT1 .form-row .field.checkbox input[type=checkbox]:checked + span:after {
  background: url("/typo3conf/ext/zeppelin_default_template/Resources/Public/Images/FrontendLayouts/icon-checked-grey.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.HotelRequestT1 .form-row .field.checkbox.error {
  position: relative;
}
.HotelRequestT1 .form-row .field.checkbox.error:after {
  bottom: -5px;
  left: 10px;
  width: calc(100% - 20px);
  height: 1px;
  background-color: #D93D5F;
  content: "";
  position: absolute;
}
.HotelRequestT1 .form-row .field label {
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
}
.HotelRequestT1 .form-row .field.textarea {
  width: 100%;
}
.HotelRequestT1 .form-row .field.textarea .inner-field {
  height: auto;
}
.HotelRequestT1 .form-row .field.error .inner-field {
  outline: 1px solid #D93D5F;
}