@charset "UTF-8";
/*************************
  Triangles
**************************/
@font-face {
  font-family: "rotis";
  src: url("../fonts/rotis/rotis_serif_std-webfont.woff2") format("woff2"), url("../fonts/rotis/rotis_serif_std-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "rotis";
  src: url("../fonts/rotis/rotis_serif_std_bold-webfont.woff2") format("woff2"), url("../fonts/rotis/rotis_serif_std_bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "canterbury";
  src: url("../fonts/canterbury/canterbury.regular-webfont.woff2") format("woff2"), url("../fonts/canterbury/canterbury.regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/iconfont_neu/icomoon.eot?vb7weza2f");
  src: url("../fonts/iconfont_neu/icomoon.eot?vb7weza2f#iefix") format("embedded-opentype"), url("../fonts/iconfont_neu/icomoon.ttf?vb7weza2f") format("truetype"), url("../fonts/iconfont_neu/icomoon.woff?vb7weza2f") format("woff"), url("../fonts/iconfont_neu/icomoon.svg?vb7weza2f#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
header .langnav label::after, .cssSlider .textContent ul li:before, [class^="icon"]:before, [class*=" icon"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  display: inline-block;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none;
  padding-right: 10px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconMenu:before {
  content: "";
}
.iconMaps:before {
  content: "";
}
.iconFacebook:before {
  content: "";
}
.iconInstagram:before {
  content: "";
}
.iconDown:before {
  content: "";
}
.icon360:before {
  content: "";
}
.iconCalendar:before {
  content: "";
}
.iconBullet:before {
  content: "";
}
.iconArrowDown:before {
  content: "";
}
.iconDownload {
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.iconDownload:before {
  content: "";
  font-size: 30px;
  vertical-align: -6px;
}
.iconDownload:hover {
  text-decoration: underline;
}
.iconClose:before {
  content: "";
}
.iconPlusWide:before {
  content: "";
}
.iconGrid:before {
  content: "";
}
.iconCheck:before {
  content: "";
}
.iconGeneralDownload {
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.iconGeneralDownload:before {
  content: "";
  font-size: 23px;
  vertical-align: -5px;
}
.iconGeneralDownload:hover {
  text-decoration: underline;
}
body {
  background: #FFFDF0;
  color: #666;
  font-size: 16px;
  font-family: "rotis", sans-serif;
  line-height: 22px;
  display: block;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.noScrollingExtrem {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
  width: 100%;
}
nav ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.low {
  text-transform: lowercase;
}
hr {
  border-top: 1px solid #E6E6E6;
  border-left: none;
  margin: 10px 0;
}
.headerImage .copyright, .imageWrap .copyright {
  background: rgba(69, 64, 66, 0.8);
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.9px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.hoverClickEffect {
  cursor: pointer;
  position: relative;
  /*&.redEffect,
	.redEffect & {
		&:after {
			background: #C4000B;
		}
	}*/
}
.hoverClickEffect:before {
  display: inline-block;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none;
  padding-right: 10px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #fff;
  font-size: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 6;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.hoverClickEffect:after {
  background: #562A1E;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  z-index: 5;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.hoverClickEffect:hover:before {
  opacity: 1;
}
.hoverClickEffect:hover:after {
  opacity: 0.4;
}
address {
  font-style: normal;
}
address strong {
  display: block;
}
figure {
  margin: 0 0 20px;
}
picture {
  display: block;
}
picture img {
  margin: 0;
  width: 100%;
}
iframe {
  margin: 0 0 22px;
  max-width: 100%;
}
img {
  height: auto;
  margin: 0 0 40px;
  max-width: 100%;
  vertical-align: middle;
}
.overflowWrapper {
  margin: 0 auto;
  max-width: 1920px;
  min-width: 320px;
  position: relative;
}
main {
  margin: 0 auto;
  max-width: 1920px;
  position: relative;
}
.mainContentWrapper {
  padding: 70px 20px 50px;
  min-height: 60vh;
}
.mainContentWrapper > h1:first-child {
  margin-top: 80px;
}
.noSubnav .mainContentWrapper > h1:first-child {
  margin-top: 40px;
}
.pageWrapper.verticalSubnav {
  margin: 0 auto;
  max-width: 1145px;
}
.backToOverview {
  display: none;
  position: absolute;
  right: 20px;
  top: 70px;
  z-index: 1;
}
.verticalSubnav .backToOverview {
  top: 130px;
}
a#reservierung {
  display: block;
  position: relative;
  top: -220px;
  visibility: hidden;
}
.backToOverview, .backToOverviewBottom {
  background: #C4000B;
  border-radius: 50%;
  height: 60px;
  text-align: center;
  width: 60px;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.backToOverview:hover, .backToOverviewBottom:hover {
  background: #A51A20;
}
.backToOverview:before, .backToOverviewBottom:before {
  padding: 21px 0;
}
.backToOverview:link, .backToOverview:visited, .backToOverviewBottom:link, .backToOverviewBottom:visited {
  color: #fff;
}
.backToOverviewBottom {
  display: table;
  margin: 60px 0 0;
}
#gmap_canvas {
  box-shadow: 0px 3px 6px #00000029;
  margin: 0 auto;
  max-width: 1145px;
  height: 300px;
  width: 100%;
}
#gtx-trans {
  display: none !important;
}
.gm-style-iw-d p {
  margin: 0;
}
.routeLink {
  display: inline-block;
  margin: 41px 0 20px;
}
.togglerContent {
  display: none;
}
.centeredText {
  text-align: center;
}
.paging {
  display: inline-block;
  list-style: none;
  margin: 30px 0 30px;
  padding: 0;
}
.paging li {
  display: inline-block;
  margin: 0;
  text-indent: 0;
}
.paging li:last-child a:link, .paging li:last-child a:visited {
  margin: 0;
}
.paging li:before {
  display: none;
}
.paging li.active a:link, .paging li.active a:visited, .paging li:hover a:link, .paging li:hover a:visited {
  background: #C4000B;
  color: #fff;
}
.paging li a:link, .paging li a:visited {
  background: #F6F1DF;
  color: #666;
  display: inline-block;
  font-weight: bold;
  height: 40px;
  letter-spacing: -1px;
  margin-right: 15px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  width: 40px;
}
.clearfix, .mainNav ul, .togglerContent, .sliderElements {
  *zoom: 1;
}
.clearfix:before, .clearfix:after, .mainNav ul:before, .mainNav ul:after, .togglerContent:before, .togglerContent:after, .sliderElements:before, .sliderElements:after {
  content: " ";
  display: table;
}
.clearfix:after, .mainNav ul:after, .togglerContent:after, .sliderElements:after {
  clear: both;
}
.simple-text {
  max-width: 1145px;
  margin: 0 0 50px;
}
.noSubnav .simple-text, .horizontalSubnav .simple-text {
  margin: 0 auto 50px;
  max-width: 852px;
  text-align: center;
}
.centeredContent {
  margin: 0 auto;
  max-width: 1145px;
  position: relative;
}
.clickableBox {
  cursor: pointer;
}
.clickableBox.hasJsLinkExternal {
  position: relative;
}
.clickableBox.hasJsLinkExternal .clickableBoxExternalLink {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.clickableBox:hover a:link, .clickableBox:hover a:visited {
  text-decoration: none;
}
.scrollToTop {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 27px;
  line-height: 45px;
  height: 50px;
  width: 50px;
  margin: 0 0 0 -25px;
  position: fixed;
  right: 32px;
  bottom: 50px;
}
.scrollToTop .triangle {
  display: block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.downloads {
  margin: 0 0 60px;
}
.downloads .download {
  margin: 0 0 10px 41px;
  text-indent: -21px;
}
.headerImageOverflow {
  margin: 0 -20px;
}
.headerImage {
  overflow: hidden;
  position: relative;
}
.verticalSubnav .headerImage {
  margin: 0 0 40px;
}
.verticalSubnav .headerImage img {
  margin: 0;
}
.headerImage:before {
  background: transparent linear-gradient(180deg, #562A1E00 0%, #3B170E 100%) 0% 0% no-repeat padding-box;
  content: "";
  height: 250px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.verticalSubnav .headerImage:before {
  display: none;
}
.headerImage:after {
  background: #FFFDF0;
  border-radius: 50%/150px 150px 0 0;
  content: "";
  display: block;
  position: absolute;
  left: -3.5%;
  bottom: -50px;
  height: 150px;
  width: 107%;
  z-index: 2;
}
.verticalSubnav .headerImage:after {
  display: none;
}
.headerImage .emblem {
  margin: 0;
  position: absolute;
  right: 10px;
  bottom: 40px;
  width: 80px;
  z-index: 3;
}
.introduction {
  font-weight: bold;
  margin: 0 auto 60px;
  max-width: 1010px;
  text-align: center;
}
.verticalSubnav .introduction {
  text-align: left;
}
.introduction + .askButton {
  margin: -30px 0 60px;
}
h1 + .introduction {
  margin-top: -20px;
}
.textBelowHeaderImage {
  max-width: 1010px;
  margin: -70px auto 40px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.textBelowHeaderImage + h1 {
  margin-top: -20px;
}
.textBelowHeaderImage .line1 {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.textBelowHeaderImage .line2 {
  color: #562A1E;
  font-size: 21px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 2.1px;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.textBelowHeaderImage .button {
  margin: 0 0 30px;
}
@media only screen and (max-width: 360px) {
  .textBelowHeaderImage .line1 {
    font-size: 12px;
    line-height: 17px;
  }
}
a#oeffnungszeiten {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}
.hasMarquee a#oeffnungszeiten {
  top: -160px;
}
@media only screen and (max-width: 380px) {
  .headerImage .emblem {
    bottom: 70px;
    width: 60px;
  }
}
@media only screen and (min-width: 675px) {
  .headerImage .emblem {
    bottom: 0;
    right: 40px;
    width: 140px;
  }
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  body {
    font-size: 17px;
  }
  .paging {
    margin: 60px 0 120px;
  }
  #gmap_canvas {
    height: 672px;
  }
  .mainContentWrapper {
    padding: 90px 20px 50px;
  }
  .mainContentWrapper > h1:first-child {
    margin-top: 80px;
  }
  .routeLink {
    margin: 41px 0 120px;
  }
  .verticalSubnav .backToOverview {
    top: 150px;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .backToOverview {
    right: 0;
    top: 0;
  }
  h1 + .introduction {
    margin-top: 0;
  }
  .pageWrapper.horizontalSubnavOnHeaderImage {
    text-align: center;
  }
  .pageWrapper .simple-text {
    margin: 0 auto 50px;
  }
  .introduction {
    margin: 0 auto 60px;
  }
  .backToOverview {
    display: block;
  }
  .verticalSubnav .backToOverview {
    top: 0;
  }
  .mainContentWrapper {
    padding: 0;
  }
  .horizontalSubnav .mainContentWrapper {
    padding-top: 0;
  }
  .mainContentWrapper > h1:first-child {
    margin-top: 0;
  }
  main {
    margin-top: 200px;
  }
  .verticalSubnav main {
    margin-top: 200px;
  }
  .headerImageOverflow {
    margin: 0;
  }
  .headerImage {
    margin: -69px 0 0;
  }
  .headerImage .emblem {
    right: 109px;
    bottom: 0;
    width: 214px;
  }
}
@media only screen and (min-width: 1825px) {
  .mainContentWrapper {
    padding: 0;
  }
}
p {
  margin: 0 0 25px;
}
h1, h2, h3, h4, h5 {
  color: #C4000B;
  font-weight: normal;
  margin: 0;
}
h1 {
  font-weight: bold;
  font-size: 26px;
  max-width: 1010px;
  margin: 0 auto 60px;
  letter-spacing: 3.2px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  padding: 0 0 25px;
  position: relative;
  /*hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;*/
}
h1:after {
  background: #C4000B;
  content: "";
  position: absolute;
  left: 50%;
  height: 2px;
  bottom: 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 108px;
}
.startPage h1 {
  margin: 53px auto 30px;
}
.startPage h1:after {
  display: none;
}
h2, h3, h3.h2Style {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 2.1px;
  line-height: 24px;
  margin: 0 0 30px;
  position: relative;
  text-transform: uppercase;
}
h2 {
  /*.verticalSubnav & {
		margin: 0 0 40px;
		padding: 0;
		text-align: left;
		&:after {
			//display: none; für Wissenswertes
			left: 0;
			bottom: -15px;
			-ms-transform: none;
			transform: none;
		}
	}*/
}
h2, h3.h2Style {
  padding: 0 30px 28px;
  text-align: center;
}
h2:after, h3.h2Style:after {
  background: #C4000B;
  content: "";
  position: absolute;
  left: 50%;
  height: 2px;
  bottom: 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 108px;
}
h3 {
  margin: 0 0 10px;
}
h3 + h3 {
  margin-top: 25px;
}
p + h3 {
  margin-top: 45px;
}
p + h2 {
  margin-top: 45px;
}
/*h3 {
	font-size: 21px;
	line-height: 27px;
	margin: 0 0 22px;
}*/
h4 {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
h5 {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  margin: 0 0 25px;
}
.subHeadline {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  margin: 0 0 10px;
  text-align: center;
}
.highlight {
  color: #C4000B;
  font-size: 19px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 2.1px;
}
.verticalSubnav p {
  max-width: 800px;
}
p:last-child {
  margin: 0;
}
a:link, a:visited {
  color: #C4000B;
}
a:hover, a:active {
  text-decoration: none;
}
.uppercase {
  text-transform: uppercase;
}
.simple-text ul, .arrangementDetailView ul, .eventsDetailView ul {
  margin: 0 0 45px;
  padding: 0 0 0 15px;
}
.simple-text ul li::marker, .arrangementDetailView ul li::marker, .eventsDetailView ul li::marker {
  color: #A51A20;
  font-size: 16px;
}
.colorRed {
  color: #C4000B;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  h1 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 3.2px;
    padding: 0 0 25px;
  }
  .verticalSubnav h1 {
    text-align: center;
  }
  .verticalSubnav h1:after {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .startPage h1 {
    margin: 53px auto;
  }
  h2, h3, h3.h2Style {
    font-size: 21px;
    letter-spacing: 2.1px;
    line-height: 26px;
    margin: 0 0 30px;
  }
  h2, h3.h2Style {
    padding: 0 0 28px;
  }
  .verticalSubnav h2, .verticalSubnav h3.h2Style {
    text-align: left;
  }
  .verticalSubnav h2:after, .verticalSubnav h3.h2Style:after {
    left: 0;
    -ms-transform: initial;
    transform: initial;
  }
  h3 {
    margin: 0 0 10px;
  }
  h3 + h3 {
    margin-top: 25px;
  }
  p + h3 {
    margin-top: 45px;
  }
  h4 {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 10px;
    letter-spacing: 1.5px;
  }
  h5 {
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 25px;
  }
  .subHeadline {
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 10px;
  }
  .highlight {
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 2.1px;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  h1 {
    margin: 0 auto 30px;
  }
  .verticalSubnav h1 {
    margin: 0 0 33px;
    text-align: left;
  }
  .verticalSubnav h1:after {
    left: 0;
    -ms-transform: initial;
    transform: initial;
  }
  .subHeadline {
    text-align: left;
  }
}
input {
  border-radius: 0;
}
input:not([type="checkbox"]) {
  -webkit-appearance: none;
}
input[type=radio] {
  -webkit-appearance: radio;
}
.captchaError {
  color: red;
  margin: 0 0 20px;
  text-align: center;
}
.button {
  display: inline-block;
  background-color: #C4000B;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00000029;
  cursor: pointer;
  font-size: 15px;
  margin: 0 0 60px;
  min-width: 186px;
  padding: 8px 23px 7px 23px;
  color: #ffffff;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.button:link, .button:visited {
  color: #fff;
}
.button:hover {
  background-color: #A51A20;
}
.formWrap {
  margin: 0 auto 60px;
  max-width: 1145px;
}
.formWrap h4 {
  margin: 0 0 41px;
  text-align: center;
}
.defaultfont.lowContrast {
  color: #169d16;
  padding: 0 0 80px;
  text-align: center;
}
.note {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 31px;
  padding: 14px;
  text-align: center;
}
.note a:link, .note a:visited {
  color: #fff;
  text-decoration: none;
}
.note a:hover, .note a:active {
  text-decoration: underline;
}
.formHeaderBox {
  background: #FFFEF7;
  border: 1px solid #CCC;
  font-size: 17px;
  margin: 0 0 62px;
  text-align: center;
  padding: 42px;
}
.formHeaderBox p {
  margin-top: 30px;
}
.formHeaderBox select, .formHeaderBox input, .formHeaderBox .flatpickr-input {
  background: #FFF;
  box-shadow: 0px 3px 6px #00000029;
  /* border: 1px solid #C4000B; */
  border: 1px solid #CCC;
  border-radius: 0;
  color: #C4000B;
  font-family: "rotis", sans-serif;
  margin: 0 auto;
  max-width: 558px;
  font-size: 17px;
  line-height: 22px;
  padding: 16px 20px;
  width: 100%;
  -webkit-appearance: none;
}
.formHeaderBox select:focus, .formHeaderBox select:focus-visible, .formHeaderBox input:focus, .formHeaderBox input:focus-visible, .formHeaderBox .flatpickr-input:focus, .formHeaderBox .flatpickr-input:focus-visible {
  outline: none;
}
.formHeaderBox .flatpickr-input {
  cursor: pointer;
}
.formHeaderBox .flatpickr-input:before {
  color: #C4000B;
  content: attr(placeholder) !important;
  font-size: 17px;
  line-height: 22px;
  white-space: nowrap;
}
.formHeaderBox .flatpickr-input:not([value=""]) + input:before {
  display: none;
}
.formHeaderBox .flatpickr-input::-webkit-date-and-time-value {
  text-align: left;
}
.formHeaderBox ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C4000B;
  opacity: 1;
  /* Firefox */
}
.formHeaderBox :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #C4000B;
}
.formHeaderBox ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #C4000B;
}
.formHeaderBox .gridTwo, .formHeaderBox .gridThree, .formHeaderBox .paymentGrid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.formHeaderBox .gridTwo .inputData, .formHeaderBox .gridThree .inputData, .formHeaderBox .paymentGrid .inputData {
  margin: 0 auto;
  max-width: 558px;
  width: 100%;
}
.formHeaderBox .gridTwo .inputData input, .formHeaderBox .gridTwo .inputData select, .formHeaderBox .gridThree .inputData input, .formHeaderBox .gridThree .inputData select, .formHeaderBox .paymentGrid .inputData input, .formHeaderBox .paymentGrid .inputData select {
  /* border: 1px solid $mainRed; */
  border: 1px solid #CCC;
  color: #C4000B;
  height: 56px;
}
.formHeaderBox .gridTwo .inputData label, .formHeaderBox .gridThree .inputData label, .formHeaderBox .paymentGrid .inputData label {
  color: #C4000B;
  font-size: 17px;
  line-height: 22px;
  top: 17px;
}
.reservationNav {
  list-style: none;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto 60px;
  max-width: 1146px;
  padding: 0;
  text-align: center;
}
.reservationNav img {
  border-radius: 5px;
  margin: 0;
}
.reservationNav .imageWrap {
  display: block;
  margin: 0 0 20px;
  position: relative;
}
.reservationNav .active a:link, .reservationNav .active a:visited, .reservationNav li:hover a:link, .reservationNav li:hover a:visited {
  color: #C4000B;
}
.reservationNav .active .imageWrap::before, .reservationNav li:hover .imageWrap::before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 5px solid #C4000B;
  border-radius: 10px;
}
.reservationNav .active img, .reservationNav li:hover img {
  box-shadow: 0px 3px 6px #00000029;
}
.reservationNav a:link, .reservationNav a:visited {
  color: #666;
  text-decoration: none;
}
.formWrap form {
  font-size: 0;
}
.formWrap form .inputData {
  display: inline-block;
  margin: 0 20px 20px 0;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.formWrap form .inputData.ownRow {
  display: block;
  margin-right: 0;
}
.formWrap form .inputData.noBottomMargin {
  margin-bottom: 0;
}
.formWrap form .inputData input:invalid:focus {
  border: 1px solid #f66;
}
.formWrap form .inputData img {
  margin: 0;
}
.formWrap form .inputData .round label {
  display: block;
  margin-left: 20px;
  text-indent: 0;
}
.formWrap form .inputData .round label:before {
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 24px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 24px;
  content: "";
}
.formWrap form .inputData .round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 6px;
  opacity: 0;
  position: absolute;
  top: 17px;
  transform: rotate(-45deg);
  width: 12px;
}
.formWrap form .inputData .round input[type="checkbox"] {
  border: none;
  display: inherit;
  height: 0;
  width: 0;
  padding: 0;
  margin-left: 11px;
  margin-top: 21px;
  -webkit-appearance: none;
}
.formWrap form .inputData .round input[type="checkbox"]:checked + label:before {
  background-color: #66bb6a;
  border-color: #66bb6a;
}
.formWrap form .inputData .round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.formWrap form .inputData select:focus, .formWrap form .inputData input:focus, .formWrap form .inputData textarea:focus {
  outline: none;
}
.formWrap form .inputData select {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #666;
  font-size: 17px;
  font-family: "rotis", sans-serif;
  margin: 0;
  padding: 13px 23px 13px;
  vertical-align: top;
  width: 100%;
  -webkit-appearance: none;
}
.formWrap form .inputData input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.formWrap form .inputData input, .formWrap form .inputData textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  font-size: 17px;
  padding: 21px 20px 10px;
  resize: none;
  vertical-align: top;
}
.formWrap form .inputData input:not([type="checkbox"]):not([type="radio"]):not(:placeholder-shown) ~ label, .formWrap form .inputData input:not([type="checkbox"]):not([type="radio"]):focus ~ label, .formWrap form .inputData textarea:not([type="checkbox"]):not([type="radio"]):not(:placeholder-shown) ~ label, .formWrap form .inputData textarea:not([type="checkbox"]):not([type="radio"]):focus ~ label {
  font-size: 13px;
  left: 22px;
  top: 2px;
}
.formWrap form .inputData input[type="radio"], .formWrap form .inputData textarea[type="radio"] {
  height: auto;
  width: auto;
}
.formWrap form .inputData.fixedLabel fieldset {
  border: none;
  padding: 0;
}
.formWrap form .inputData.fixedLabel label {
  position: relative;
  left: auto;
  top: auto;
  margin-right: 15px;
  pointer-events: auto;
}
.formWrap form .inputData img {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
}
.formWrap form .inputData input[name="captcha"] {
  max-width: 300px;
}
.formWrap form .inputData input {
  height: 50px;
  width: 100%;
}
.formWrap form .inputData input[type="submit"] {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  border: none;
  cursor: pointer;
  color: #fff;
  font-family: "rotis", sans-serif;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 1.7px;
  height: 40px;
  padding: 0 41px;
  text-transform: uppercase;
  width: auto;
}
.formWrap form .inputData input[type="submit"]:hover {
  background: #A51A20;
}
.formWrap form .inputData input[type="checkbox"] {
  height: 15px;
  width: 15px;
}
.formWrap form .inputData input[type="checkbox"] + label {
  cursor: pointer;
  margin-top: -5px;
  margin-left: 45px;
  position: static;
  pointer-events: auto;
}
.formWrap form .inputData textarea {
  font-family: Arial;
  height: 120px;
  padding: 20px 20px;
  width: 100%;
}
.formWrap form .inputData label {
  position: absolute;
  left: 23px;
  top: 15px;
  font-size: 17px;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.formWrap form .formFooter {
  margin: 60px auto 0;
  max-width: 900px;
}
.flatpickr-calendar.open {
  z-index: 2 !important;
}
.phoneNumber {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 60px 1fr 1fr;
}
.phoneNumber .phoneLeft, .phoneNumber .phoneMiddle, .phoneNumber .phoneRight {
  position: relative;
}
.formWrap form .inputData .phoneNumber label {
  font-size: 13px;
  left: 7px;
  top: 4px;
}
.formWrap form .inputData .phoneNumber input {
  padding: 13px;
}
.phoneLabel {
  font-size: 17px;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 880px) {
  .formFooter .inputData:first-child {
    width: 29%;
  }
  .formFooter .inputData:first-child + .inputData {
    width: 67%;
  }
  .reservationNav {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .reservationNav .imageWrap {
    display: inline-block;
  }
  .formHeaderBox .gridTwo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .formHeaderBox .gridThree {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .formHeaderBox .gridThree + .gridThree {
    margin-top: 30px;
  }
  .formWrap {
    margin: 0 auto 170px;
  }
  .formWrap form .inputData {
    margin: 0 2% 2% 0;
    width: 32%;
  }
  .formWrap form .inputData.right {
    margin-right: 0;
  }
  .formWrap form .inputData.noMargin {
    margin: 0;
  }
  .formWrap form .inputData.ownRow {
    width: 100%;
  }
  .formWrap form .inputData.size5050 {
    width: calc((100% - 2%) / 2);
  }
  .formWrap form .inputData.size5050.left {
    margin: 0 2% 2% 0;
  }
  .formWrap form .inputData input {
    width: 100%;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .formHeaderBox .inputData {
    max-width: none;
  }
}
.contactForm.application {
  text-align: left;
  padding: 0 20px 0;
}
.contactForm.application form {
  background: none;
  padding: 0;
}
.contactForm.application .centeredContent {
  padding: 60px 0;
}
.contactForm.application .centeredContent p {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  margin: 0 0 60px;
}
.contactForm.application .inputData {
  /*.file-custom:before {
		position: absolute;
		top: -.075rem;
		right: -.075rem;
		bottom: -.075rem;
		z-index: 6;
		display: block;
		content: "Dateien wählen";
		height: 22px;
		padding: 8px 15px;
		line-height: 20px;
		color: #555;
		background-color: #eee;
		border: .075rem solid #ddd;
		border-radius: 0 .25rem .25rem 0;
	}*/
  /* Focus */
}
.contactForm.application .inputData .round {
  position: relative;
  text-indent: -41px;
  padding-left: 50px;
  padding-top: 8px;
}
.contactForm.application .inputData .file {
  pointer-events: auto;
  position: relative;
  left: 0;
  top: 0;
  display: inline-block;
  cursor: pointer;
  height: 50px;
  width: 100%;
}
.contactForm.application .inputData .file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 100%;
}
.contactForm.application .inputData .file-custom {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 50px;
  padding: 13px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #555;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.contactForm.application .inputData .file-custom:hover {
  background: #8d1410;
}
.contactForm.application .inputData .file-custom:after {
  content: "Upload der Bewerbungsunterlagen";
  color: #fff;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 1.5px;
  font-weight: bold;
}
.contactForm.application .inputData .file input:focus ~ .file-custom {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}
.contactForm.application .inputData .round label {
  margin-left: 0;
  line-height: 9px;
  text-indent: -20px;
}
.contactForm.application .inputData .round label:before {
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
  content: "";
}
.contactForm.application .inputData .round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 10px;
  transform: rotate(-45deg);
  width: 12px;
}
.contactForm.application .inputData .round input[type="checkbox"] {
  border: none;
  display: inherit;
  height: 0;
  width: 0;
  padding: 0;
  margin-left: -40px;
  margin-top: 0;
  -webkit-appearance: none;
}
.contactForm.application .inputData .round input[type="checkbox"]:checked + label:before {
  background-color: #66bb6a;
  border-color: #66bb6a;
}
.contactForm.application .inputData .round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.contactForm .headlineWrap {
  padding: 0 0 0 36px;
  position: relative;
}
.contactForm .headlineWrap:before {
  background: #C4000B;
  content: "";
  height: 35px;
  width: 7px;
  position: absolute;
  left: 0;
  top: 4px;
}
.contactForm .headlineWrap h3 {
  color: #C4000B;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  letter-spacing: 1.4px;
  margin: 0 0 60px;
  text-decoration: none;
}
.contactForm .centeredContent {
  padding: 120px 0;
}
.contactForm form {
  background: #EFEFEF;
  border-radius: 5px;
  padding: 39px 20px;
  font-size: 0;
}
.contactForm form .inputData {
  display: inline-block;
  margin: 0 20px 20px 0;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.contactForm form .inputData.ownRow {
  display: block;
  margin-right: 0;
}
.contactForm form .inputData.noBottomMargin {
  margin-bottom: 0;
}
.contactForm form .inputData img {
  margin: 0;
}
.contactForm form .inputData input, .contactForm form .inputData select, .contactForm form .inputData textarea {
  border: 1px solid #CCCCCC;
  font-size: 15px;
  padding: 16px 10px 8px;
  resize: none;
  vertical-align: top;
}
.contactForm form .inputData input:not([type="checkbox"]):not([type="radio"]):not(:placeholder-shown) ~ label, .contactForm form .inputData input:not([type="checkbox"]):not([type="radio"]):focus ~ label, .contactForm form .inputData select:not([type="checkbox"]):not([type="radio"]):not(:placeholder-shown) ~ label, .contactForm form .inputData select:not([type="checkbox"]):not([type="radio"]):focus ~ label, .contactForm form .inputData textarea:not([type="checkbox"]):not([type="radio"]):not(:placeholder-shown) ~ label, .contactForm form .inputData textarea:not([type="checkbox"]):not([type="radio"]):focus ~ label {
  font-size: 13px;
  left: 10px;
  top: 0;
}
.contactForm form .inputData input[type="radio"], .contactForm form .inputData select[type="radio"], .contactForm form .inputData textarea[type="radio"] {
  height: auto;
  width: auto;
}
.contactForm form .inputData div[name="filename"] {
  font-size: 15px;
  padding: 10px;
  border-right: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  border-left: 1px dashed #ccc;
}
.contactForm form .inputData div[name="filename"]:empty {
  display: none;
}
.contactForm form .inputData select {
  background: #fff;
  border-radius: 0;
  color: #5E5E5E;
  padding: 15px 10px 14px;
  width: 100%;
  -webkit-appearance: none;
}
.contactForm form .inputData.fixedLabel fieldset {
  border: none;
  padding: 0;
}
.contactForm form .inputData.fixedLabel label {
  position: relative;
  left: auto;
  top: auto;
  margin-right: 15px;
  pointer-events: auto;
}
.contactForm form .inputData img {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
}
.contactForm form .inputData input {
  height: 50px;
  width: 100%;
}
.contactForm form .inputData input[type="submit"] {
  background: #C4000B;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  letter-spacing: 1.4px;
  font-size: 14px;
  font-weight: bold;
  height: 50px;
  text-transform: uppercase;
  padding: 0 81px;
  width: auto;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.contactForm form .inputData input[type="submit"]:hover {
  background: #de000c;
}
.contactForm form .inputData input[type="checkbox"] {
  height: 15px;
  width: 15px;
}
.contactForm form .inputData input[type="checkbox"] + label {
  cursor: pointer;
  margin-left: 5px;
  font-size: 17px;
  line-height: 21px;
  position: static;
  pointer-events: auto;
}
.contactForm form .inputData textarea {
  border-radius: 0;
  font-family: Arial;
  height: 263px;
  padding: 20px 10px;
  width: 100%;
  -webkit-appearance: none;
}
.contactForm form .inputData label {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 16px;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .contactForm.application {
    padding: 0 30px;
  }
  .contactForm.application .inputData .file-custom:after {
    font-size: 16px;
    line-height: 26px;
  }
  .contactForm form {
    padding: 39px 98px;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .contactForm.application {
    padding: 0;
  }
  .contactForm.application .round {
    margin-top: 10px;
  }
  .contactForm form .inputData {
    margin: 0 0 30px 0;
    width: 32%;
  }
  .contactForm form .inputData.noMargin {
    margin: 0;
  }
  .contactForm form .inputData.ownRow {
    width: 100%;
  }
  .contactForm form .inputData.size333333 {
    margin: 0 30px 30px 0;
    width: calc((100% - 60px) / 3);
  }
  .contactForm form .inputData.size333333.right {
    margin: 0 0 30px 0;
  }
  .contactForm form .inputData.size5050 {
    width: calc((100% - 30px) / 2);
  }
  .contactForm form .inputData.size5050.left {
    margin: 0 30px 30px 0;
  }
  .contactForm form .inputData.size30 {
    width: 30%;
  }
  .contactForm form .inputData.size30.left {
    margin: 0 30px 30px 0;
  }
  .contactForm form .inputData.size70 {
    width: calc((70% - 30px));
  }
  .contactForm form .inputData.size70.left {
    margin: 0 30px 30px 0;
  }
  .contactForm form .inputData.size100 {
    margin: 0 0 30px;
    width: 100%;
  }
  .contactForm form .inputData input {
    width: 100%;
  }
}
.infobar {
  /*p {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 line-height: 50px;
	 text-align: center;
	 /* Starting position */
  /* Apply animation to this element */
}
/*.infobar {
	background: #FFF;
	color: $mainRed;
	height: 50px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;

	+ header {
		top: 50px;
	}

	.message {
		display: block;
		position: absolute;
		top: 13px;
		left: 0;
		margin: 0;
		white-space: nowrap;
		width: 100%;
		
		animation: marquee 7s linear infinite;
		display: inline-block;
		white-space: nowrap;

		&:hover {
			animation-play-state: paused;
		}

		/* Starting postition */
/* Animation settings */
/*animation-name: marquee-animation;
		animation-iteration-count: infinite;
		animation-timing-function: linear;*/
/*@keyframes marquee {
		0% {
			margin-left: 100%;
			transform: translateX(0%);
		}
		100% {
			margin-left: 0;
			transform: translateX(-100%);
		}
	}

	@keyframes marquee-animation {
		from {
			/* Start right out of view */
/*transform: translate3d(100%, 0, 0);
		}

		to {
			/* Animate to the left of the container width */
/*}
	}
//}*/
@keyframes marquee {
  0% {
    margin-left: 100%;
    transform: translateX(0%);
  }
  100% {
    margin-left: 0;
    transform: translateX(-100%);
  }
}
.infobar {
  background: #FFF;
  color: #C4000B;
  font-size: 14px;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: left;
  width: 100%;
  z-index: 1002;
  /*.pluses:last-of-type {
		display: none;
	}*/
}
.infobar + header {
  top: 50px;
}
.infobar ~ main .mainContentWrapper {
  padding-top: 120px;
}
.infobar ~ main .subNav + .mainContentWrapper {
  padding-top: 185px;
}
.infobar .marquee {
  animation: marquee 7s linear infinite;
  display: inline-block;
  white-space: nowrap;
  opacity: 0;
}
.infobar .marquee:hover {
  animation-play-state: paused;
}
.text-styling {
  padding: 13px;
}
/*.marquee {
    position: relative;
    overflow: hidden;
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 5s linear infinite;
    animation-play-state: running;
}

.marquee span {
    font-size: 10vw;
    padding: 0 2vw;
}

@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}
*/
header {
  background: #FFFDF0;
  border-bottom: 1px solid #C4000B;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1002;
  /*.langnav {
		color: #fff;
		font-size: 13px;
		line-height: 50px;
		max-width: $pageWidth;
		letter-spacing: 1.3px;
		text-align: center;
		text-transform: uppercase;
		position: relative;
		width: 100%;
		z-index: 1001;
		&.isTranslated {
			cursor: pointer;
			label {
				cursor: pointer;
				display: block;
				&:after { 
					content: "\e905";
					font-size: 5px;
					line-height: 5px;
					padding: 0 0 0 5px;
					vertical-align: 2px;
					width: 8px;
				}
			}
		}
		label,
		ul a {
			&.gb:before {
				background-image: url($imagePath + 'great-britain-circular.svg');
			}
			&:before {
				background: url($imagePath + 'germany-circular.svg');
				background-size: 19px;
				background-repeat: no-repeat;
				border-radius: 50%;
				content: '';
				height: 19px;
				display: inline-block;
				outline: 1px solid #fff;
				outline-offset: -2px;
				margin-right: 10px;
				vertical-align: -4px;
				width: 19px;
			}
		}
		ul a {
			&:after { 
				content: "";
				display: inline-block;
				font-size: 5px;
				line-height: 5px;
				padding: 0 0 0 5px;
				vertical-align: 2px;
				width: 11px;
			}
		}
		.switch {
			background: $mainBrown;
			float: right;
			width: 187px;
			a:link,
			a:visited {
				padding: 0;
			}
			#langCheckbox {
				display: none;
				&:checked  {
					+ label {
						&:after {
							padding: 0 5px 0 0;
							transform: rotate(180deg);
						}
					}
					~ ul {
						display: block;
					}
				}
			}
		}
		ul {
			background: $mainBrown;
			display: none;
			list-style: none;
			margin: 0;
			padding: 0;
			a:link,
			a:visited {
				color: #fff;
				font-size: 13px;
				text-decoration: none;
			}
		}
	}*/
}
header img {
  margin: 0;
  width: 250px;
}
header .logo {
  padding: 25px 0 21px 30px;
}
header .emblem {
  position: absolute;
  right: 0;
  bottom: -25px;
}
header .emblem img {
  margin-bottom: 20px;
  width: 110px;
}
header .shopLink {
  background: #A51A20;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  color: #fff;
  display: table;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  letter-spacing: 1.4px;
  margin-top: 20px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 6px 50px 5px 50px;
}
header .shopLink:hover {
  background: #C4000B;
}
header .iconNav {
  font-size: 0;
  position: absolute;
  right: 187px;
  top: 0;
  text-align: center;
  z-index: 2;
}
header .iconNav [class^="icon"] {
  display: inline-block;
  height: 50px;
  width: 50px;
  vertical-align: top;
}
header .iconNav [class^="icon"]:before {
  height: 50px;
  width: 50px;
  padding: 0;
  vertical-align: -19px;
}
header .iconNav .iconMaps {
  background: #A51A20;
  color: #fff;
}
header .iconNav .iconMaps:before {
  font-size: 53px;
  vertical-align: -24px;
}
header .iconNav .iconFB {
  background: #3B5998;
  color: #fff;
}
header .iconNav .iconFB:before {
  font-size: 53px;
  vertical-align: -24px;
}
header .centeredContent.wide {
  margin: 0 30px 30px;
  max-width: 1920px;
  order: 2;
}
header .langnav {
  display: none;
  font-size: 0;
  margin: 10px 0 20px;
  list-style: none;
  padding: 0;
}
header .langnav.isTranslated {
  display: block;
}
header .langnav li {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 44px;
  text-transform: uppercase;
}
header .langnav li.active {
  text-decoration: underline;
}
header .langnav li a:link, header .langnav li a:visited {
  color: #FFF;
  text-decoration: none;
}
header .langnav li a:hover, header .langnav li a:active {
  text-decoration: underline;
}
header .langnav li .pipe {
  color: #FFF;
  padding: 0 5px;
  text-decoration: none;
}
@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@supports selector(:nth-child(1 of x)) {
  header .langnav label:before, header .langnav ul a:before {
    outline: none;
  }
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  header {
    height: 90px;
  }
  header img {
    width: 425px;
  }
  header .logo {
    padding: 25px 0;
    text-align: center;
  }
  header .emblem {
    /*left: 20px;
			bottom: -45px;*/
  }
  header .emblem img {
    margin-bottom: 0;
    width: 100px;
  }
  .infobar ~ main .mainContentWrapper {
    padding-top: 140px;
  }
  .infobar ~ main .subNav + .mainContentWrapper {
    padding-top: 205px;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .infobar {
    font-size: 17px;
  }
  .infobar ~ main {
    margin-top: 250px;
  }
  .infobar ~ main .mainContentWrapper {
    padding-top: 0;
  }
  .infobar ~ main .subNav + .mainContentWrapper {
    padding-top: 0;
  }
  header {
    border-bottom: none;
    margin: 0 auto;
    height: 130px;
    /*.langnav {
			position: absolute;
			left: 50%;
			bottom: 0;
			top: auto;
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			height: 100px;
			z-index: 0;
			.switch {
				float: none;
				height: 50px;
				position: absolute;
				right: 0;
				top: auto;
				bottom: 0;
			}
		}*/
  }
  header .centeredContent.wide {
    margin: 0 auto;
  }
  header .emblem {
    left: 30px;
    right: auto;
    bottom: -125px;
    z-index: 1001;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
  }
  header .emblem:hover {
    transform: scale(1.03) rotate(2deg);
    transform-origin: center;
  }
  header .emblem img {
    height: auto;
    width: 180px;
  }
  header .langnav {
    margin: 0;
    position: absolute;
    right: 32px;
    bottom: 19px;
  }
  header .langnav li {
    color: #A51A20;
    text-decoration: none;
  }
  header .langnav li.active {
    text-decoration: none;
  }
  header .langnav li .pipe {
    color: #454042;
  }
  header .langnav li a:link, header .langnav li a:visited {
    color: #989898;
  }
  header .shopLink {
    margin: 0;
    position: absolute;
    right: 32px;
    top: 11px;
    z-index: 1005;
  }
  header .iconNav {
    right: 187px;
    bottom: 0;
    top: auto;
  }
  header .iconNav [class^="icon"] {
    height: 50px;
  }
  header img {
    height: 31px;
    width: 328px;
  }
  header .logo {
    box-shadow: 0px 3px 6px #00000029;
    position: relative;
    z-index: 1;
  }
}
footer {
  background: #562A1E;
  box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
  color: #fff;
  text-align: center;
  padding: 60px 20px 100px;
}
footer a:link, footer a:visited {
  color: #fff;
}
footer address {
  font-style: normal;
  margin: 0 0 30px;
}
footer nav {
  display: inline-block;
  vertical-align: bottom;
}
footer li {
  float: left;
}
footer li:first-child:before {
  display: none;
}
footer li:before {
  content: "|";
  padding: 0 10px;
}
footer img {
  margin: 0 0 30px;
  width: 166px;
}
footer p {
  margin: 0;
}
footer .phone {
  font-size: 21px;
  letter-spacing: 2.1px;
  line-height: 26px;
}
footer .fax {
  margin: 0 0 20px;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 768px) {
  footer {
    padding: 120px 50px;
  }
  footer img {
    width: 166px;
  }
}
.preFooter {
  background: #A51A20;
  box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
  color: #fff;
  padding: 60px 0 1px;
  text-align: center;
}
.preFooter a:link, .preFooter a:visited {
  color: #fff;
}
.preFooter h2 {
  color: #fff;
  margin: 0 0 61px;
}
.preFooter h2:after {
  background: #fff;
}
.preFooter h3 {
  color: #fff;
}
.preFooter h3:after {
  background: #fff;
}
.preFooter h5 {
  color: #fff;
}
.preFooter .tabNavigation .tabs {
  border: none;
}
.preFooter .tour {
  color: #fff;
  display: block;
  margin: 0 10px 50px;
  /*&:after {
			background: transparent linear-gradient(180deg, #562A1E00 0%, #562A1E 100%) 0% 0% no-repeat padding-box;
			content: '';
			height: 250px;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			z-index: 1;
		}*/
}
.preFooter .tour img {
  box-shadow: 0px 3px 6px #00000029;
  display: block;
  margin: 0;
}
.preFooter .tour .textWrap {
  max-width: 1033px;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 20px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 20px;
  width: 100%;
  z-index: 2;
}
.preFooter .tour .row1 {
  display: block;
  font-size: 21px;
  letter-spacing: 2.1px;
  line-height: 26px;
  font-weight: bold;
  margin: 0 0 44px;
  text-transform: uppercase;
  position: relative;
}
.preFooter .tour .row1:after {
  background: #fff;
  content: "";
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: -28px;
  width: 108px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.preFooter .openingTimes {
  margin: 0 20px 80px;
  max-width: 1146px;
}
.preFooter .openingTimes .box {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  padding: 41px 20px;
}
.preFooter .openingTimes .box + .box {
  margin-top: -40px;
}
.preFooter .quickLinks {
  margin: 0 auto 80px;
  max-width: 1146px;
  text-align: center;
}
.preFooter .quickLinks .box {
  margin: 0 0 60px;
  padding: 0 45px;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 768px) {
  .preFooter .openingTimes {
    display: grid;
    grid-gap: 50px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 20px 90px;
  }
  .preFooter .openingTimes .box {
    padding: 41px 68px;
  }
  .preFooter .openingTimes .box + .box {
    margin-top: 0;
  }
  .preFooter .tour {
    margin: 0 auto 50px;
  }
  .preFooter .tour .textWrap {
    bottom: 60px;
  }
  .preFooter .tour .row1 {
    margin: 0 0 64px;
  }
  .preFooter .quickLinks {
    display: grid;
    grid-gap: 50px 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 auto 120px;
  }
  .preFooter .quickLinks .box {
    border-right: 2px dotted #fff;
    margin: 0;
  }
  .preFooter .quickLinks .box:last-child {
    border-right: none;
  }
}
/*************************
 Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .preFooter .tour {
    margin: 0 auto 90px;
  }
  .preFooter .tour .textWrap {
    padding: 0;
  }
  .preFooter .openingTimes {
    margin: 0 auto 90px;
  }
}
.mobileMenu {
  background: #C4000B;
  display: flex;
  flex-direction: column;
  line-height: 16px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  position: relative;
  z-index: 1003;
}
.mobileMenu .mainNav ul {
  position: relative;
  z-index: 1;
}
.mobileMenu .mainNav ul li {
  padding: 0 30px;
  position: relative;
}
.mobileMenu .mainNav ul li.active a:link, .mobileMenu .mainNav ul li.active a:visited {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.mobileMenu .mainNav ul li a:link, .mobileMenu .mainNav ul li a:visited {
  color: #fff;
  display: block;
  font-size: 16px;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 13px 0;
}
#menuCheckbox {
  display: none;
}
#menuCheckbox:checked ~ .mobileMenu {
  max-height: 600px;
  padding: 15px 0 0;
}
#menuCheckbox:checked + .iconMenu:before {
  content: "";
}
.iconMenu {
  cursor: pointer;
  color: #C4000B;
  position: absolute;
  top: 23px;
  right: 10px;
  font-size: 25px;
}
/*************************
  Tablet
**************************/
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .mobileMenu {
    box-shadow: 0px 3px 6px #00000029;
    display: block;
    height: 50px;
    max-height: none;
    padding: 0 25px;
    overflow: visible;
  }
  .mobileMenu .mainNav ul {
    font-size: 0;
    text-align: right;
    padding-right: 23.1vw;
  }
  .mobileMenu .mainNav ul li {
    font-size: 16px;
    display: inline-block;
    margin: 0 25px 0 0;
    padding: 0;
    line-height: 17px;
  }
  .mobileMenu .mainNav ul li:hover a:link, .mobileMenu .mainNav ul li:hover a:visited, .mobileMenu .mainNav ul li.active a:link, .mobileMenu .mainNav ul li.active a:visited {
    text-shadow: 1px 0px 0px #fff;
  }
  .windows .mobileMenu .mainNav ul li:hover a:link, .windows .mobileMenu .mainNav ul li:hover a:visited, .windows .mobileMenu .mainNav ul li.active a:link, .windows .mobileMenu .mainNav ul li.active a:visited {
    text-shadow: transparent 0px 0px 0px, #fff 0px 0px 0px;
  }
  .mobileMenu .mainNav ul li:hover a:link:after, .mobileMenu .mainNav ul li:hover a:visited:after, .mobileMenu .mainNav ul li.active a:link:after, .mobileMenu .mainNav ul li.active a:visited:after {
    background: #fff;
    content: "";
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 40px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .mobileMenu .mainNav ul li.active a:link, .mobileMenu .mainNav ul li.active a:visited {
    text-decoration: none;
  }
  .mobileMenu .mainNav ul li a:link, .mobileMenu .mainNav ul li a:visited {
    font-size: 15px;
    padding: 17px 0;
  }
  .iconMenu {
    display: none;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1580px) {
  .mobileMenu {
    padding: 0;
    text-align: center;
  }
  .mobileMenu .mainNav ul {
    max-width: 1145px;
    margin: 0 auto;
    text-align: center;
    padding-right: 0;
  }
}
/*.infobar ~ main*/
.verticalSubnav .infobar ~ main .subNav {
  top: 120px;
}
main .navWrapOnHeaderImage {
  position: relative;
}
main .navWrapOnHeaderImage .subNav {
  left: 50%;
  top: -117px;
  position: absolute;
  width: auto;
  z-index: 4;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
main .navWrapOnHeaderImage .subNav.open {
  border-radius: 5px;
  border: 1px solid #ccc;
  outline: none;
  padding: 10px;
  top: -128px;
}
main .navWrapOnHeaderImage .subNav.open ul li.active {
  top: 10px;
  width: auto;
}
main .navWrapOnHeaderImage .subNav.open .iconArrowDown {
  top: 16px;
  right: 27px;
}
main .navWrapOnHeaderImage .subNav ul {
  font-size: 0;
  padding: 0;
}
main .navWrapOnHeaderImage .subNav ul li:hover, main .navWrapOnHeaderImage .subNav ul li.active {
  background: none;
}
main .navWrapOnHeaderImage .subNav ul li:hover a:link, main .navWrapOnHeaderImage .subNav ul li:hover a:visited, main .navWrapOnHeaderImage .subNav ul li.active a:link, main .navWrapOnHeaderImage .subNav ul li.active a:visited {
  background: #C4000B;
}
main .navWrapOnHeaderImage .subNav ul li {
  margin: 0 0 10px;
}
main .navWrapOnHeaderImage .subNav ul li, main .navWrapOnHeaderImage .subNav ul li.active {
  background: none;
}
main .navWrapOnHeaderImage .subNav ul li:last-child, main .navWrapOnHeaderImage .subNav ul li.active:last-child {
  margin: 0;
}
main .navWrapOnHeaderImage .subNav ul li a:link, main .navWrapOnHeaderImage .subNav ul li a:visited, main .navWrapOnHeaderImage .subNav ul li.active a:link, main .navWrapOnHeaderImage .subNav ul li.active a:visited {
  border-radius: 25px;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1.5px;
  line-height: 22px;
  border: 1px solid #fff;
  background: #562A1E;
  box-shadow: 0px 3px 6px #00000029;
  margin: 0;
  min-width: 216px;
  text-align: center;
}
main .navWrapOnHeaderImage .subNav ul li.active a:link, main .navWrapOnHeaderImage .subNav ul li.active a:visited {
  background: #C4000B;
}
main .logoBeforeSubNav {
  border: 2px dotted #CCCCCC;
  height: 162px;
  position: absolute;
  left: 50%;
  top: 180px;
  width: 244px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
main .logoBeforeSubNav + .subNav + .mainContentWrapper {
  padding-top: 385px;
}
main .logoBeforeSubNav + .subNav + .mainContentWrapper h1 {
  margin-top: 0;
}
main .logoBeforeSubNav img {
  max-height: 85%;
  max-width: 100%;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  width: auto;
}
.logoUnderNav {
  margin: 0 0 10px;
  max-width: 336px;
  top: -40px;
  left: 50%;
  position: relative;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80%;
  z-index: 3;
}
main .subNav {
  top: 70px;
}
.subNav {
  position: fixed;
  top: 70px;
  left: 20px;
  width: calc(100% - 40px);
  z-index: 1001;
}
.subNav + .mainContentWrapper {
  padding-top: 155px;
}
.subNav.open {
  background: #fff;
  outline: 1px solid #ccc;
  padding: 2px 10px;
}
.subNav.open .iconArrowDown {
  transform: rotate(270deg);
}
.subNav.open ul {
  margin: 48px 0 0;
}
.subNav.open ul li {
  display: block;
}
.subNav.open ul li.active {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 37px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.subNav.open ul li.active a:link, .subNav.open ul li.active a:visited {
  margin: 0 0 10px;
}
.subNav .iconArrowDown {
  color: #fff;
  position: absolute;
  top: 7px;
  right: 21px;
  font-size: 16px;
  transform: rotate(90deg);
  pointer-events: none;
}
.subNav .iconArrowDown:before {
  padding: 0;
}
.subNav ul li {
  background: #F6F1DF;
  display: none;
  /*&:only-child {
				background: $mainRed;
				display: block;
			}*/
}
.subNav ul li:only-child, .subNav ul li:hover, .subNav ul li.active {
  background: #C4000B;
  display: block;
}
.subNav ul li:only-child a:link, .subNav ul li:only-child a:visited, .subNav ul li:hover a:link, .subNav ul li:hover a:visited, .subNav ul li.active a:link, .subNav ul li.active a:visited {
  color: #fff;
}
.subNav ul li.active a:link, .subNav ul li.active a:visited {
  margin: 0;
}
.subNav ul li a:link, .subNav ul li a:visited {
  color: #666;
  display: block;
  font-size: 13px;
  letter-spacing: 1.3px;
  margin: 0 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 7px 36px;
}
.horizontalSubnav .subNav ul li a:link, .horizontalSubnav .subNav ul li a:visited {
  padding: 8px 16px 6px 16px;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  main .logoBeforeSubNav {
    top: 200px;
  }
  .subNav {
    top: 90px;
  }
  .subNav + .mainContentWrapper {
    padding-top: 175px;
  }
  .verticalSubnav .infobar ~ main .subNav {
    top: 140px;
  }
  main .subNav {
    top: 90px;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  main .logoBeforeSubNav {
    left: 0;
    top: 0;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  main .logoBeforeSubNav + .subNav {
    top: 212px;
  }
  main .logoBeforeSubNav + .subNav + .mainContentWrapper {
    padding-top: 0;
  }
  main .navWrapOnHeaderImage .subNav ul {
    white-space: nowrap;
  }
  main .navWrapOnHeaderImage .subNav ul li {
    margin: 0;
  }
  main .navWrapOnHeaderImage .subNav ul li:hover, main .navWrapOnHeaderImage .subNav ul li.active {
    display: inline-block;
  }
  main .navWrapOnHeaderImage .subNav ul li, main .navWrapOnHeaderImage .subNav ul li.active {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  main .subNav {
    top: 0;
  }
  .backEndPreview .mainContentWrapper {
    padding: 0 0 120px 294px;
  }
  .subNav {
    position: absolute;
    left: 0;
    top: 0;
    width: 244px;
  }
  .subNav.open {
    background: none;
    outline: none;
  }
  .subNav.open ul li.active {
    height: 41px;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .subNav + .mainContentWrapper {
    padding: 0 0 120px 294px;
  }
  .subNav ul li:only-child {
    background: #F6F1DF;
  }
  .subNav ul li:only-child a:link, .subNav ul li:only-child a:visited {
    color: #666;
  }
  .subNav ul li:only-child:hover {
    background: #C4000B;
    display: block;
  }
  .subNav ul li:only-child:hover a:link, .subNav ul li:only-child:hover a:visited {
    color: #fff;
  }
  .subNav ul li a:link, .subNav ul li a:visited {
    text-align: right;
  }
  .horizontalSubnav .subNav ul li a:link, .horizontalSubnav .subNav ul li a:visited {
    padding: 5px 16px 3px 16px;
  }
  .horizontalSubnav .subNav {
    margin: 0 auto 70px;
    padding: 0 0 20px;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    text-align: center;
  }
  .horizontalSubnav .subNav ul {
    display: inline-block;
    position: relative;
  }
  .horizontalSubnav .subNav ul:after {
    background: #CCC;
    content: "";
    height: 1px;
    position: absolute;
    left: calc(50%);
    bottom: -20px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 80px);
  }
  .horizontalSubnav .subNav ul li {
    display: inline-block;
    min-width: 166px;
  }
  .horizontalSubnav .subNav ul li.active a:link, .horizontalSubnav .subNav ul li.active a:visited {
    box-shadow: 0px 3px 6px #00000029;
    margin: 0;
  }
  .horizontalSubnav .subNav ul li a:link, .horizontalSubnav .subNav ul li a:visited {
    font-size: 13px;
    letter-spacing: 1.3px;
    text-align: center;
    margin: 0;
  }
  .subNav .iconArrowDown {
    display: none;
  }
  .subNav ul li {
    display: block;
  }
  .subNav ul li.active a:link, .subNav ul li.active a:visited {
    margin: 0 0 10px;
  }
  .logoUnderNav {
    margin: 0 0 40px;
    top: -20px;
    left: auto;
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: auto;
  }
}
.arrangementDetailView {
  padding: 0 0 20px;
}
.arrangementDetailView h1 {
  max-width: none;
}
.arrangementDetailView h2 {
  margin-top: 60px;
  text-align: left;
  padding: 0 0 28px;
  /*&:after {
			display: block;
			left: 0;
			bottom: -20px;
			-ms-transform: translateX(0);
			transform: translateX(0);
		}*/
}
.arrangementDetailView h2:after {
  left: 0;
  -ms-transform: none;
  transform: none;
}
.arrangementDetailView .reservation {
  margin: 80px 0 0;
}
.arrangementDetailView .backToOverviewBottom {
  margin: 0;
}
.arrangementDetailView .tabNavigation {
  margin-top: 60px;
}
.arrangementDetailView .tabNavigation .tabContent {
  margin-top: 60px;
}
.arrangementDetailView .tabNavigation .tabs label {
  min-width: 264px;
}
.arrangementDetailView .persons {
  margin: 0 0 10px;
  font-weight: bold;
  text-align: center;
}
.arrangementDetailView figure {
  margin: 0;
}
.arrangementDetailView img {
  box-shadow: 0px 3px 6px #00000029;
  maring: 0 0 40px;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .arrangementDetailView .persons {
    text-align: left;
  }
  .verticalSubnav .arrangementDetailView h1 {
    margin-right: 70px;
    text-align: left;
  }
  .verticalSubnav .arrangementDetailView h1:after {
    left: 0;
    -ms-transform: initial;
    transform: initial;
  }
}
/*************************
 Desktop
**************************/
.eventsDetailView {
  padding: 15px 0 20px;
}
.eventsDetailView .date {
  margin: 0 0 10px;
  font-weight: bold;
  text-align: center;
}
.eventsDetailView img {
  margin: 0;
}
.eventsDetailView h2 {
  /*&:after {
			display: block;
			left: 0;
			bottom: -20px;
			-ms-transform: translateX(0);
			transform: translateX(0);
		}*/
}
.eventsDetailView h2 {
  margin-top: 60px;
  text-align: left;
  padding: 0 0 28px;
}
.eventsDetailView h2:after {
  left: 0;
  -ms-transform: none;
  transform: none;
}
.eventsDetailView .tabNavigation {
  margin-top: 60px;
}
.eventsDetailView .reservation {
  margin-top: 80px;
}
.eventsDetailView .reservation .button {
  margin: 0;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .eventsDetailView {
    padding: 0;
  }
  .eventsDetailView .date {
    text-align: left;
  }
  .verticalSubnav .eventsDetailView h1 {
    text-align: left;
  }
  .verticalSubnav .eventsDetailView h1:after {
    left: 0;
    -ms-transform: initial;
    transform: initial;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .eventsDetailView h1 {
    max-width: 740px;
  }
}
.socialNav {
  display: grid;
  font-family: Helvetica;
  grid-gap: 0;
  grid-auto-flow: dense;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
}
.socialNav a:link, .socialNav a:visited {
  color: #fff;
  display: block;
  height: 40px;
  text-align: center;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}
.socialNav a:link:before, .socialNav a:visited:before {
  padding: 0;
}
.socialNav .smallLabel {
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  margin: -5px 0 5px;
  text-align: center;
}
.socialNav .smallLabel .desktop {
  display: none;
}
.socialNav .iconFacebook, .socialNav .iconInstagram, .socialNav .iconCalendar, .socialNav .icon360, .socialNav .iconMaps {
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  margin: -5px 0 5px;
}
.socialNav .iconFacebook:hover, .socialNav .iconInstagram:hover, .socialNav .iconCalendar:hover, .socialNav .icon360:hover, .socialNav .iconMaps:hover {
  transform: scale(1.03);
}
.socialNav .iconCalendar:before {
  font-size: 25px;
  line-height: 47px;
}
.socialNav .icon360:before {
  font-size: 25px;
  line-height: 51px;
}
.socialNav .iconMaps:before {
  font-size: 20px;
  line-height: 47px;
}
.socialNav .iconFacebook {
  line-height: 56px;
}
.socialNav .iconFacebook:before {
  font-size: 20px;
  width: 9px;
}
.socialNav .iconInstagram {
  line-height: 58px;
}
.socialNav .iconInstagram:before {
  font-size: 24px;
  width: 24px;
}
.socialNav .fb {
  background: #3B5998;
  order: 2;
}
.socialNav .insta {
  background: #8A007C;
  order: 1;
}
.socialNav .calendar {
  background: #018360;
  order: 4;
}
.socialNav .tour360 {
  background: #A51A20;
  order: 5;
}
.socialNav .maps {
  background: #C4000B;
  order: 3;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .socialNav {
    display: block;
    bottom: auto;
    left: auto;
    right: 0;
    top: 50vh;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
  }
  .socialNav li {
    position: relative;
  }
  .socialNav li:hover .smallLabel {
    display: block;
    right: 50px;
  }
  .socialNav a:link, .socialNav a:visited {
    display: block;
    height: 50px;
    width: 50px;
  }
  .socialNav .iconFacebook:hover, .socialNav .iconInstagram:hover, .socialNav .iconCalendar:hover, .socialNav .icon360:hover, .socialNav .iconMaps:hover {
    transform: none;
  }
  .socialNav .smallLabel {
    background: #fff;
    display: none;
    display: block;
    font-size: 20px;
    line-height: 50px;
    padding: 0 20px;
    height: 50px;
    margin: 0;
    position: absolute;
    right: -80px;
    top: 0;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    z-index: -1;
  }
  .socialNav .smallLabel .desktop {
    display: inline;
  }
  .socialNav .smallLabel .mobile {
    display: none;
  }
  .socialNav .fb .smallLabel {
    background: #344e86;
  }
  .socialNav .insta .smallLabel {
    background: #710065;
  }
  .socialNav .calendar .smallLabel {
    background: #016a4d;
    right: -200px;
  }
  .socialNav .tour360 .smallLabel {
    background: #8f171c;
  }
  .socialNav .maps .smallLabel {
    background: #ab000a;
  }
  .socialNav .iconCalendar:before {
    line-height: 47px;
  }
  .socialNav .icon360:before {
    line-height: 51px;
  }
  .socialNav .iconMaps:before {
    line-height: 47px;
  }
  .socialNav .iconFacebook {
    line-height: 56px;
  }
  .socialNav .iconInstagram {
    line-height: 59px;
  }
}
/*************************
 Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .socialNav {
    top: 50%;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 22222;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow-y: auto;
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
  transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.155, 1.105, 0.295, 1.12);
  transition: opacity 0.2s, transform 0.4s cubic-bezier(0.155, 1.105, 0.295, 1.12);
  transition: opacity 0.2s, transform 0.4s cubic-bezier(0.155, 1.105, 0.295, 1.12), -webkit-transform 0.4s cubic-bezier(0.155, 1.105, 0.295, 1.12);
  text-align: center;
}
.modal.in {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.modal .closeModal {
  cursor: pointer;
  color: #C4000B;
  font-family: "rotis", "rotis", sans-serif, sans-serif;
  font-weight: bold;
  font-size: 44px;
  line-height: 31px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 10px;
  -webkit-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -o-transition: 0.1s all;
  transition: 0.1s all;
}
.modal .closeModal:hover {
  transform: scale(1.03);
}
.modal .closeModal:before {
  padding: 0;
}
.modal .modalContent {
  background: #FFFEF7;
  max-height: 60vh;
  max-width: 940px;
  margin: 0 10px;
  text-align: center;
  position: relative;
  z-index: 22223;
}
.modal .modalContent h3 {
  margin: 0;
}
.modal .modalContent .modalContentInner {
  box-shadow: 0px 3px 6px #00000029;
  border: 3px solid #C4000B;
  max-height: 60vh;
  overflow-y: auto;
  padding: 50px 34px;
  position: relative;
}
.modal .modalContent .modalHeadline {
  background: #C4000B;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: 24px;
  padding: 3px 33px;
  position: absolute;
  left: 50%;
  top: -3px;
  text-transform: uppercase;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.modal .modalContent iframe {
  margin: 30px 0 0;
}
.modal .modalContent .left {
  margin: 0 0 20px;
}
.modal .modalContent .innerContent {
  margin: 0;
  position: relative;
  min-height: 50px;
}
.modal .modalContent .innerContent ul, .modal .modalContent .innerContent img {
  margin: 0;
}
.modal .modalContent .innerContent img {
  border-radius: 10px;
}
.modal .modalContent .innerContent p:last-child {
  margin: 0;
}
.shadow {
  background: #A51A20;
  box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
  opacity: 0.75;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 22221;
}
@media only screen and (min-width: 350px) {
  .modal .modalContent .modalFooter .button {
    padding: 14px 23px 11px 23px;
  }
  .modal .modalContent .modalFooter .button.bordered {
    padding: 14px 18px 11px 18px;
  }
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .modal .left {
    margin: 0;
  }
  .modal .modalContent {
    max-height: 70vh;
  }
  .modal .modalContent .modalContentInner {
    max-height: 70vh;
    padding: 60px 68px;
  }
}
.contacts {
  max-width: 853px;
  margin: 0 auto 80px;
}
.contacts > .headline {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 1.4px;
  color: #58585A;
  margin: 0 0 45px;
  text-transform: uppercase;
}
.contacts h2 {
  text-align: left;
  padding: 0;
}
.contacts h2:after {
  display: none;
}
.contacts h3 {
  margin: 0 0 34px;
}
.contacts img {
  margin: 0 0 20px;
}
.contacts .contact {
  margin: 0 0 50px;
  min-height: 166px;
  position: relative;
}
.contacts .contact .name {
  color: #C4000B;
  font-weight: bold;
}
.contacts .contact .position {
  font-weight: bold;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .contacts {
    margin: 0 auto 60px;
  }
  .contacts h2 {
    text-align: center;
  }
  .contacts .wrap {
    /*display: grid;
			grid-gap: 40px 30px;
			grid-template-columns: repeat(3, minmax(0, 1fr));*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .contacts .wrap .contact {
    box-sizing: border-box;
    flex-basis: calc(33.3333% - 30px);
    margin: 15px;
    vertical-align: top;
  }
  .contacts .contact {
    font-size: 17px;
    line-height: 24px;
    margin: 0;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .contacts {
    margin: 0 auto 80px;
  }
  .contacts:last-child {
    margin: 0 auto 120px;
  }
}
.eventTeaserView {
  background: #F6F1DF;
  box-shadow: inset 0px 3px 6px #00000029;
  margin: 0;
  padding: 35px 20px;
  position: relative;
}
.eventTeaserView.subpageTeaser {
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.wide .eventTeaserView {
  margin: 0 -20px 70px;
  padding: 35px 30px;
}
.eventTeaserView .button {
  display: table;
  margin: 58px auto 0;
}
.eventTeaserView .centeredContent {
  max-width: 1525px;
}
.wide .eventTeaserView .centeredContent {
  margin: 0 auto;
  max-width: 1134px;
}
.eventTeaserView .eventInfo {
  padding: 20px 0;
}
.eventTeaserView .entry {
  margin: 0 0 30px;
}
.eventTeaserView .date {
  font-size: 17px;
  font-weight: bold;
  line-height: 22px;
  margin: 0 0 7px;
}
.eventTeaserView h2 {
  font-size: 21px;
  line-height: 28px;
  margin: 0 0 60px;
  padding-left: 0;
  padding-right: 0;
}
.eventTeaserView h3 {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 2.1px;
  line-height: 26px;
  margin: 0;
  position: relative;
  text-transform: uppercase;
}
.eventTeaserView a:link, .eventTeaserView a:visited {
  text-decoration: none;
}
.eventTeaserView .imageWrap {
  margin: 0;
  position: relative;
  /*&:before,
		&:after {
			display: none;
		}*/
}
.eventTeaserView .imageWrap img {
  margin: 0;
}
.eventTeaserView .imageWrap .category {
  background: #C4000B;
  color: #fff;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 1.4px;
  min-width: 164px;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 29px 4px 29px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 600px) {
  .overflowWrapper + .eventTeaserView h2 {
    font-size: 18px;
  }
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .eventTeaserView {
    text-align: center;
    padding: 60px 30px 123px;
  }
  .wide .eventTeaserView {
    margin: 0 -35px 70px;
  }
  .eventTeaserView .eventInfo {
    padding: 0;
  }
  .eventTeaserView .entry {
    text-align: left;
    margin: 0;
  }
  .eventTeaserView .imageWrap {
    margin: 0 0 20px;
  }
  .eventTeaserView .centeredContent {
    /*display: grid;
			grid-gap: 30px;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			.wide & {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .eventTeaserView .centeredContent .entry {
    box-sizing: border-box;
    flex-basis: calc(50% - 30px);
    margin: 15px;
  }
}
/*************************
 Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .eventTeaserView {
    margin: 0;
    padding: 60px 50px 123px;
  }
  .wide .eventTeaserView {
    margin: 0 0 147px;
    padding: 60px 50px 123px;
  }
  .eventTeaserView .entry:hover .imageWrap:before {
    opacity: 1;
  }
  .eventTeaserView .entry:hover .imageWrap:after {
    opacity: 0.4;
  }
  .eventTeaserView .centeredContent .entry {
    flex-basis: calc(25% - 30px);
  }
}
@media only screen and (min-width: 1500px) {
  .eventTeaserView {
    padding: 60px 0 123px;
  }
  .wide .eventTeaserView {
    padding: 60px 0 123px;
  }
}
.menu {
  background: #FFFEF7;
  border: 1px solid #CCC;
  margin: 0 0 70px;
  padding: 60px 30px 30px;
  position: relative;
  text-align: center;
}
.menu + .menu {
  margin-top: -50px;
}
.menu .priceRow1 {
  color: #C4000B;
  font-weight: bold;
  font-size: 21px;
  line-height: 22px;
  letter-spacing: 2.1px;
  margin-top: 40px;
  text-transform: uppercase;
}
.menu .priceRow2 {
  color: #C4000B;
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
}
.verticalSubnav .menu h2, .verticalSubnav .menu h3.h2Style {
  text-align: center;
}
.verticalSubnav .menu h2:after, .verticalSubnav .menu h3.h2Style:after {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.menu .redBox {
  background: #C4000B;
  color: #fff;
  font-family: Trebuchet MS;
  font-size: 15px;
  letter-spacing: 0;
  padding: 2px 14px;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.menu .entry {
  margin: 0 0 30px;
}
.menu .entry:last-child {
  margin: 0;
}
.menu .name {
  font-weight: bold;
}
.menu .price {
  color: #C4000B;
}
.menu p {
  margin: 0 auto;
}
.menu .button {
  margin: 35px 0 0;
}
.menu + .ingredients {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin: 0 0 60px;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .menu {
    padding: 60px;
  }
}
/*************************
 Desktop
**************************/
.lightboxFullWidth {
  margin: 0 0 2px;
  position: relative;
  text-align: center;
}
.verticalSubnav .lightboxFullWidth {
  margin: 0 0 40px;
}
.verticalSubnav .lightboxFullWidth + .downloads {
  margin-top: -20px;
}
.lightboxFullWidth.overlayVisible #overlay {
  display: inline-block;
}
.lightboxFullWidth h3 {
  margin: 0 0 30px;
}
.lightboxFullWidth .lightboxNote {
  font-style: italic;
  margin: 0 0 50px;
}
.lightboxFullWidth .thumbnails {
  display: grid;
  grid-gap: 2px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lightboxFullWidth .thumbnails img {
  cursor: pointer;
  display: none;
  margin: 0;
}
.lightboxFullWidth .thumbnails img:nth-child(-n+6) {
  display: inline;
}
.lightboxFullWidth .slideIndicatorWrapper {
  text-align: center;
  padding-top: 310px;
}
.lightboxFullWidth .smartphoneSlider {
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.lightboxFullWidth .smartphoneSlider img, .lightboxFullWidth .smartphoneSlider .jwVideo {
  display: block;
  outline-offset: -1px;
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  position: absolute;
  left: 0;
  top: 0;
  height: 300px;
  width: 300px;
}
.lightboxFullWidthOverlay {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
  transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.155, 1.105, 0.295, 1.12);
  transition: opacity 0.2s, transform 0.4s cubic-bezier(0.155, 1.105, 0.295, 1.12);
  transition: opacity 0.2s, transform 0.4s cubic-bezier(0.155, 1.105, 0.295, 1.12), -webkit-transform 0.4s cubic-bezier(0.155, 1.105, 0.295, 1.12);
  display: inline-flex;
  display: -webkit-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.lightboxFullWidthOverlay.in {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.lightboxFullWidthOverlay .description {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: none;
  max-width: 500px;
  padding: 10px;
  position: fixed;
  bottom: 90px;
  left: 50%;
  text-align: center;
  width: 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lightboxFullWidthOverlay .description strong {
  display: block;
  text-align: center;
}
.lightboxFullWidthOverlay .thumbnails {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  height: 90px;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.lightboxFullWidthOverlay .thumbnails img {
  cursor: pointer;
  height: 75px;
  margin: 7px 7px 0 0;
  width: 75px;
}
.lightboxFullWidthOverlay .thumbnails img.active {
  outline: 2px solid #C4000B;
  outline-offset: -2px;
}
.lightboxFullWidthOverlay > img {
  display: none;
  margin: 0 auto;
}
.lightboxFullWidthOverlay > img.active {
  display: block;
}
.lightboxFullWidthOverlay .fa-chevron-left, .lightboxFullWidthOverlay .fa-chevron-right, .lightboxFullWidthOverlay .fa-compress-arrows-alt, .lightboxFullWidthOverlay .fa-expand-arrows-alt, .lightboxFullWidthOverlay .fa-times {
  color: #fff;
  cursor: pointer;
  position: fixed;
}
.lightboxFullWidthOverlay .fa-chevron-left {
  left: 5px;
  margin-top: -12px;
  top: 50%;
  transition: left 0.3s;
}
.lightboxFullWidthOverlay .fa-chevron-left:before {
  font-size: 35px;
}
.lightboxFullWidthOverlay .fa-chevron-left:hover {
  left: 0;
}
.lightboxFullWidthOverlay .fa-chevron-right {
  right: 5px;
  margin-top: -12px;
  top: 50%;
  transition: right 0.3s;
}
.lightboxFullWidthOverlay .fa-chevron-right:before {
  font-size: 35px;
}
.lightboxFullWidthOverlay .fa-chevron-right:hover {
  right: 0;
}
.lightboxFullWidthOverlay .fa-times {
  right: 10px;
  top: 10px;
  transition: all 0.1s;
}
.lightboxFullWidthOverlay .fa-times:before {
  font-size: 30px;
  transition: all 0.1s;
}
.lightboxFullWidthOverlay .fa-times:hover {
  right: 8px;
  top: 8px;
}
.lightboxFullWidthOverlay .fa-times:hover:before {
  font-size: 33px;
}
.lightboxFullWidthOverlay .fa-compress-arrows-alt {
  font-size: 32px;
  right: 40px;
  bottom: 9px;
}
.lightboxFullWidthOverlay .fa-expand-arrows-alt {
  font-size: 30px;
  right: 0;
  bottom: 10px;
}
.lightboxFullWidthOverlay .fa-compress-arrows-alt, .lightboxFullWidthOverlay .fa-expand-arrows-alt {
  display: none !important;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .lightboxFullWidth h3 {
    margin: 0 0 60px;
  }
  .lightboxFullWidth .thumbnails {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lightboxFullWidth .slideIndicatorWrapper, .lightboxFullWidth .smartphoneSlider {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .lightboxFullWidthOverlay > img {
    max-height: calc(100vh - 75px);
    margin-top: 0 !important;
  }
  .lightboxFullWidthOverlay .fa-compress-arrows-alt, .lightboxFullWidthOverlay .fa-expand-arrows-alt {
    display: none;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .lightboxFullWidth .thumbnails {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lightboxFullWidth #lens {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    pointer-events: none;
    height: 125px;
    opacity: 0.3;
    outline: 1px solid red;
    width: 125px;
  }
  .lightboxFullWidth #overlay {
    background-color: #fff;
    display: none;
    width: 500px;
    height: 500px;
    background-image: url("../img/lightboxDummy/1200x630bb.jpg");
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: 595px;
    top: 0;
    z-index: 1;
  }
  .lightboxFullWidthOverlay {
    display: block;
  }
  .lightboxFullWidthOverlay.shrinked > img {
    max-height: calc(100vh - 75px);
    margin-top: 0 !important;
    width: auto;
  }
}
.tabNavigation {
  display: block;
  margin: 0 0 40px;
  width: 100%;
  /* Foreground, Background */
  scrollbar-color: #CCC #FFFDF0;
  scrollbar-width: 5px;
}
.tabNavigation ::-webkit-scrollbar {
  width: 5px;
  /* Mostly for vertical scrollbars */
  height: 5px;
  /* Mostly for horizontal scrollbars */
}
.tabNavigation ::-webkit-scrollbar-thumb {
  /* Foreground */
  background: #CCC;
}
.tabNavigation ::-webkit-scrollbar-track {
  /* Background */
  background: #FFFDF0;
}
.tabNavigation.asSubnav ul li a:link, .tabNavigation.asSubnav ul li a:visited {
  font-size: px;
  line-height: px;
}
.noSubnav .tabNavigation {
  margin: 0 auto 50px;
  max-width: 1145px;
}
.noSubnav .tabNavigation .tabs {
  text-align: center;
}
.tabNavigation .contacts h2 {
  text-align: left;
  margin: 0 0 30px;
  padding: 0;
}
.tabNavigation .contacts h2:after {
  display: none;
}
.tabNavigation .tabContent {
  display: none;
  position: relative;
}
.tabNavigation .tabContent.hasImage img {
  width: 100%;
}
.tabNavigation .content > input {
  display: none;
}
.tabNavigation [id*="tab1"]:checked ~ [data-id*="tab1"] {
  display: block;
}
.tabNavigation [id*="tab1"]:checked ~ .tabs [for*="tab1"] {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
}
.tabNavigation [id*="tab2"]:checked ~ [data-id*="tab2"] {
  display: block;
}
.tabNavigation [id*="tab2"]:checked ~ .tabs [for*="tab2"] {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
}
.tabNavigation [id*="tab3"]:checked ~ [data-id*="tab3"] {
  display: block;
}
.tabNavigation [id*="tab3"]:checked ~ .tabs [for*="tab3"] {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
}
.tabNavigation [id*="tab4"]:checked ~ [data-id*="tab4"] {
  display: block;
}
.tabNavigation [id*="tab4"]:checked ~ .tabs [for*="tab4"] {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
}
.tabNavigation [id*="tab5"]:checked ~ [data-id*="tab5"] {
  display: block;
}
.tabNavigation [id*="tab5"]:checked ~ .tabs [for*="tab5"] {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
}
.tabNavigation [id*="tab6"]:checked ~ [data-id*="tab6"] {
  display: block;
}
.tabNavigation [id*="tab6"]:checked ~ .tabs [for*="tab6"] {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
}
.tabNavigation .tabs {
  border-bottom: 1px solid #CCC;
  font-size: 0;
  padding: 0 0 15px;
  margin: 0 0 30px;
  white-space: nowrap;
  overflow-x: auto;
}
.tabNavigation .tabs label, .tabNavigation .tabs li {
  background: #F6F1DF;
  color: #666;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1.3px;
  min-width: 166px;
  margin-right: 10px;
  padding: 5px 15px 4px;
  text-align: center;
  text-transform: uppercase;
}
.tabNavigation .tabs label.active, .tabNavigation .tabs label:hover, .tabNavigation .tabs li.active, .tabNavigation .tabs li:hover {
  background: #C4000B;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
}
.tabNavigation .tabs label.active a:link, .tabNavigation .tabs label.active a:visited, .tabNavigation .tabs label:hover a:link, .tabNavigation .tabs label:hover a:visited, .tabNavigation .tabs li.active a:link, .tabNavigation .tabs li.active a:visited, .tabNavigation .tabs li:hover a:link, .tabNavigation .tabs li:hover a:visited {
  color: #fff;
}
.tabNavigation .tabs label a:link, .tabNavigation .tabs label a:visited, .tabNavigation .tabs li a:link, .tabNavigation .tabs li a:visited {
  color: #666;
  display: block;
  text-decoration: none;
  padding: 5px 15px 4px;
}
.tabNavigation .tabs li {
  padding: 0;
}
.tabNavigation #tab1:checked ~ .tab1 {
  display: block;
}
.tabNavigation #tab1:checked ~ .tabs label[for="tab1"] {
  background: #79B51C;
  color: #fff;
}
.tabNavigation #tab2:checked ~ .tab2 {
  display: block;
}
.tabNavigation #tab2:checked ~ .tabs label[for="tab2"] {
  background: #79B51C;
  color: #fff;
}
.tabNavigation #tab3:checked ~ .tab3 {
  display: block;
}
.tabNavigation #tab3:checked ~ .tabs label[for="tab3"] {
  background: #79B51C;
  color: #fff;
}
.tabNavigation #tab4:checked ~ .tab4 {
  display: block;
}
.tabNavigation #tab4:checked ~ .tabs label[for="tab4"] {
  background: #79B51C;
  color: #fff;
}
.tabNavigation #tab5:checked ~ .tab5 {
  display: block;
}
.tabNavigation #tab5:checked ~ .tabs label[for="tab5"] {
  background: #79B51C;
  color: #fff;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .tabNavigation.maxContentWidth {
    max-width: 1145px;
  }
  .tabNavigation .tabContent.hasImage {
    min-height: 320px;
    padding: 0 0 0 390px;
  }
  .tabNavigation .tabContent.hasImage figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
  }
}
.reservation:last-child .button {
  margin: 0 0 20px;
}
.reservation .row0 {
  color: #C4000B;
  font-weight: bold;
  margin: 0 0 9px;
}
.reservation .row1 {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.reservation .row2 {
  font-size: 21px;
  letter-spacing: 2.1px;
  line-height: 30px;
  font-weight: bold;
  margin: 0 0 17px;
}
.cssSlider.large {
  margin: 0 auto 60px;
  max-width: 1145px;
  position: relative;
  overflow: hidden;
  /*.cssSlider {
    overflow-x: hidden;
    position: relative;
    input[type="radio"] {
      position: relative;
    }
  }*/
  /*@for $i from 1 through $numberOfSlides {
    input[id^="slide#{$i}"]:checked ~ .sliderControls label[for^="slide#{$i+1}"] {
      &:after {
  			content: "\e907";
				display: block;
				right: 12px;
			}
    }
  }
	@for $i from 1 through $numberOfSlides {
    input[id^="slide#{$i+1}"]:checked ~ .sliderControls label[for^="slide#{$i}"] {
      &:after {
  			content: "\e906";
				display: block;
				left: 12px;
			}
    }
  }*/
}
.cssSlider.large + .askButton, .cssSlider.large + .textBelowSlider + .askButton {
  margin-bottom: 80px;
}
.cssSlider.large img {
  margin: 0;
  width: 100%;
}
.cssSlider.large > input {
  display: none;
}
.cssSlider.large .sliderElements, .cssSlider.large .sliderElements figure, .cssSlider.large .sliderControls {
  margin: 0;
}
.cssSlider.large .sliderElements {
  list-style: none;
  position: relative;
  left: 0;
  padding: 0;
  width: 400%;
  margin: 0 0 30px;
  -webkit-transition: left 0.8s ease-in-out;
  -moz-transition: left 0.8s ease-in-out;
  -o-transition: left 0.8s ease-in-out;
  transition: left 0.8s ease-in-out;
}
.cssSlider.large .sliderElements > li {
  float: left;
  width: 25%;
  position: relative;
}
.cssSlider.large .sliderElements > li .textContent {
  background: #C4000B;
  color: #F6F1DF;
  text-align: center;
  padding: 68px 30px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.cssSlider.large .sliderElements > li .textContent:before {
  background: url("../img/logo_bg.svg");
  background-repeat: no-repeat;
  background-size: 160px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 209px;
  pointer-events: none;
  width: 160px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.cssSlider.large .sliderElements > li .textContent ul {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cssSlider.large .sliderElements > li .textContent ul li {
  text-indent: -14px;
  margin-left: 14px;
  text-align: left;
}
.cssSlider.large .sliderElements > li .textContent ul li:before {
  content: "";
}
.cssSlider.large .sliderElements > li .textContent .booking {
  margin: 60px 0 0;
}
.cssSlider.large .sliderElements > li .textContent .booking .row1 {
  color: #FFF;
  font-size: 15px;
  margin: 0 0 10px;
  line-height: 22px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.cssSlider.large .sliderElements > li .textContent .booking .row2 {
  color: #FFF;
  font-size: 21px;
  line-height: 26px;
  font-weight: bold;
  margin: 0 0 17px;
  letter-spacing: 2.1px;
  text-transform: uppercase;
}
.cssSlider.large .sliderElements > li .textContent .button {
  border: 1px solid #fff;
}
.cssSlider.large .sliderElements > li figure {
  margin: 0;
}
.cssSlider.large .sliderElements > li figure figcaption {
  color: #7E7E7E;
  font-size: 10px;
  margin-top: 5px;
}
.cssSlider.large .sliderElements > li h3 {
  color: #fff;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 1.7px;
  margin: 0 0 17px;
}
.cssSlider.large .sliderControls {
  font-size: 0;
  height: 5px;
  text-align: center;
  padding: 0;
}
.cssSlider.large .sliderControls li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.cssSlider.large .sliderControls li:last-child {
  margin: 0;
}
.cssSlider.large .sliderControls label {
  width: 30px;
  height: 2px;
  display: block;
  cursor: pointer;
  background: #CCC;
  /*&:hover {
        background: $mainGreen;
      }*/
}
.cssSlider.large .sliderControls label:after {
  content: "";
  display: none;
  font-size: 35px;
  height: 30px;
  position: absolute;
  top: 50%;
  opacity: 1;
  z-index: 100;
  margin-top: -5px;
  width: 30px;
}
.cssSlider.large input[id^="slide2"]:checked ~ .sliderElements {
  left: -100%;
}
.cssSlider.large input[id^="slide3"]:checked ~ .sliderElements {
  left: -200%;
}
.cssSlider.large input[id^="slide4"]:checked ~ .sliderElements {
  left: -300%;
}
.cssSlider.large input[id^="slide5"]:checked ~ .sliderElements {
  left: -400%;
}
.cssSlider.large input[id^="slide6"]:checked ~ .sliderElements {
  left: -500%;
}
.cssSlider.large input[id^="slide7"]:checked ~ .sliderElements {
  left: -600%;
}
.cssSlider.large input[id^="slide8"]:checked ~ .sliderElements {
  left: -700%;
}
.cssSlider.large input[id^="slide9"]:checked ~ .sliderElements {
  left: -800%;
}
.cssSlider.large input[id^="slide10"]:checked ~ .sliderElements {
  left: -900%;
}
.cssSlider.large input[id^="slide11"]:checked ~ .sliderElements {
  left: -1000%;
}
.cssSlider.large input[id^="slide1"]:checked ~ .sliderControls label[for^="slide1"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide1"]:checked ~ .sliderControls label[for^="slide1"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide2"]:checked ~ .sliderControls label[for^="slide2"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide2"]:checked ~ .sliderControls label[for^="slide2"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide3"]:checked ~ .sliderControls label[for^="slide3"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide3"]:checked ~ .sliderControls label[for^="slide3"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide4"]:checked ~ .sliderControls label[for^="slide4"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide4"]:checked ~ .sliderControls label[for^="slide4"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide5"]:checked ~ .sliderControls label[for^="slide5"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide5"]:checked ~ .sliderControls label[for^="slide5"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide6"]:checked ~ .sliderControls label[for^="slide6"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide6"]:checked ~ .sliderControls label[for^="slide6"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide7"]:checked ~ .sliderControls label[for^="slide7"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide7"]:checked ~ .sliderControls label[for^="slide7"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide8"]:checked ~ .sliderControls label[for^="slide8"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide8"]:checked ~ .sliderControls label[for^="slide8"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide9"]:checked ~ .sliderControls label[for^="slide9"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide9"]:checked ~ .sliderControls label[for^="slide9"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.large input[id^="slide10"]:checked ~ .sliderControls label[for^="slide10"] {
  background: #A51A20;
}
.cssSlider.large input[id^="slide10"]:checked ~ .sliderControls label[for^="slide10"]:after {
  content: "" !important;
  display: block !important;
}
.textBelowSlider {
  margin: 0 20px 60px;
  max-width: 1010px;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .cssSlider.large {
    margin: 0 auto 80px;
  }
  .cssSlider.large .sliderElements > li {
    padding: 0 200px 0 0;
    /*.quote {
				}*/
  }
  .cssSlider.large .sliderElements > li .textContent {
    height: 300px;
    width: 300px;
    padding: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cssSlider.large .sliderElements > li .textContent:before {
    background-size: 160px;
    height: 209px;
    width: 160px;
  }
  .cssSlider.large .sliderElements > li .mainText {
    font-size: 14px;
    line-height: 18px;
  }
  .cssSlider.large .sliderElements > li .mainText.isQuote {
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 11px;
  }
  .cssSlider.large .sliderElements > li figure {
    margin: 0;
  }
  .textBelowSlider {
    margin: 0 auto 120px;
  }
}
@media only screen and (min-width: 1320px) {
  .cssSlider.large .sliderElements > li {
    padding: 0 392px 0 0;
  }
  .cssSlider.large .sliderElements > li .textContent {
    height: 564px;
    padding: 68px;
    width: 558px;
  }
  .cssSlider.large .sliderElements > li .textContent:before {
    background-size: 321px;
    height: 419px;
    width: 321px;
  }
  .cssSlider.large .sliderElements > li .mainText {
    font-size: 17px;
    line-height: 22px;
  }
  .cssSlider.large .sliderElements > li .mainText.isQuote {
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 11px;
  }
}
.subpageTeasers {
  /*font-size: 17px;
	line-height: 22px;*/
  margin: 0 0 30px;
  max-width: 1164px;
  text-align: center;
  position: relative;
}
.startPage .subpageTeasers {
  max-width: 1764px;
}
.subpageTeasers.smallTeaser {
  max-width: 1145px;
}
.subpageTeasers.smallTeaser h2:last-child {
  margin: 0;
}
.verticalSubnav .subpageTeasers.smallTeaser h2 {
  text-align: center;
}
.verticalSubnav .subpageTeasers.smallTeaser h2:after {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.subpageTeasers.smallTeaser .smallText {
  background: #C4000B;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 1.3px;
  padding: 0 26px;
  position: absolute;
  left: 50%;
  bottom: 0;
  text-transform: uppercase;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.subpageTeasers .smallText {
  display: none;
}
.subpageTeasers img {
  margin: 0;
}
.subpageTeasers .persons {
  color: #000;
  font-size: 18px;
  margin: -10px 0 0;
}
.subpageTeasers .imageWrap {
  margin: 0 0 30px;
  position: relative;
}
.subpageTeasers .teaser {
  margin: 0 0 20px;
  padding: 0 0 25px;
  position: relative;
}
.subpageTeasers .teaser h2 a:link, .subpageTeasers .teaser h2 a:visited {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
.teaserHeadline {
  color: #666;
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 auto 32px;
  text-align: center;
}
.verticalSubnav .teaserHeadline {
  margin: 0 0 30px;
  text-align: left;
}
.verticalSubnav p + .teaserHeadline {
  margin-top: 65px;
}
.teaserAfterText {
  margin: -20px 0 80px;
  max-width: 950px;
  text-align: center;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .subpageTeasers {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 auto 50px;
  }
  .subpageTeasers.smallTeaser h2 {
    margin: 0 0 30px;
  }
  .subpageTeasers .teaser {
    box-shadow: 0px 3px 6px #00000029;
    box-shadow: none;
    margin: 0 0 20px;
    padding: 0;
  }
  .subpageTeasers .teaser .teaserText {
    padding: 0;
  }
  .teaserAfterText {
    margin: -60px auto 120px;
  }
  .teaserHeadline {
    margin: 0 auto 62px;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .subpageTeasers {
    grid-gap: 50px;
    margin: 0 auto 120px;
  }
  .subpageTeasers.count1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    max-width: 656px;
  }
  .subpageTeasers.count2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1262px;
  }
  .subpageTeasers.smallTeaser {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 30px;
  }
  .verticalSubnav .subpageTeasers.smallTeaser {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 50px;
    max-width: 755px;
  }
  .subpageTeasers.arrangement {
    margin: 0 auto 40px;
  }
  .subpageTeasers.arrangement.full:not(.textOnImage) .teaser {
    margin: 0 15px 80px;
  }
  .subpageTeasers.arrangement.full:not(.textOnImage) .teaser h2 {
    padding: 0 0 20px;
  }
  .subpageTeasers.arrangement.full:not(.textOnImage) .teaser .persons {
    font-weight: bold;
  }
  .subpageTeasers.full:not(.textOnImage) {
    display: flex;
    grid-gap: 0;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  .subpageTeasers.full:not(.textOnImage).smallTeaser {
    margin: 0 auto 60px;
  }
  .subpageTeasers.full:not(.textOnImage).smallTeaser .teaser {
    margin: 0 15px 50px;
  }
  .subpageTeasers.full:not(.textOnImage) .teaser {
    box-sizing: border-box;
    flex-basis: calc(33.333% - 30px);
    margin: 0 15px 110px;
  }
  .subpageTeasers.full:not(.textOnImage).textOnImage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1147px;
  }
  .subpageTeasers.textOnImage {
    /*.teaser:before {
				background: transparent linear-gradient(180deg, #562A1E00 0%, #C4000B 100%) 0% 0% no-repeat padding-box;
				content: '';
				height: 244px;
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				z-index: 1;
			}*/
  }
  .subpageTeasers.textOnImage .teaser {
    margin: 0;
  }
  .subpageTeasers.textOnImage .imageWrap {
    margin: 0;
  }
  .subpageTeasers.textOnImage .teaserText {
    background: transparent linear-gradient(180deg, #562A1E00 0%, #562A1E 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
  }
  .subpageTeasers.textOnImage h2:after {
    background: #fff;
  }
  .subpageTeasers.textOnImage h2 a:link, .subpageTeasers.textOnImage h2 a:visited {
    color: #fff;
  }
  .subpageTeasers.redEffect .teaserText {
    background: transparent linear-gradient(180deg, #562A1E00 0%, #C4000B 100%) 0% 0% no-repeat padding-box;
  }
  .subpageTeasers .teaser {
    margin: 0 0 20px;
  }
  .subpageTeasers .teaser:hover .imageWrap:before {
    opacity: 1;
  }
  .subpageTeasers .teaser:hover .imageWrap:after {
    opacity: 0.4;
  }
}
.showMoreToggler {
  margin: 0 0 30px;
}
.showMoreToggler .text {
  max-height: 45px;
  overflow: hidden;
}
.more {
  color: #C4000B;
  cursor: pointer;
  text-decoration: underline;
}
.more:hover {
  text-decoration: none;
}
/*************************
 Tablet
**************************/
/*************************
 Desktop
**************************/
.tour {
  margin: 60px auto 0;
}
.tabNavigation .tour {
  margin-top: 0;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .tour {
    margin: 60px auto 200px;
  }
}
/*************************
 Desktop
**************************/
.logoWithText .box {
  border: 1px solid #CCC;
  margin: 0 0 20px;
  padding: 20px;
  position: relative;
}
.logoWithText .box:last-child {
  margin: 0;
}
.logoWithText .box strong {
  display: block;
  margin: 0 0 10px;
}
.logoWithText .box h3 {
  margin: 0 0 20px;
}
.logoWithText .box .logo {
  background: #fff;
  border: 1px solid #D0D9D8;
  margin: -21px -21px 21px;
  padding: 33px;
  height: 258px;
  display: -webkit-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: calc(100% + 42px);
}
.logoWithText .box .logo img {
  margin: 0;
  max-width: 85%;
  max-height: 100%;
  width: auto;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .logoWithText .box {
    min-height: 270px;
    padding: 30px 15px 30px 290px;
  }
  .logoWithText .box .logo {
    margin: 0;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 258px;
  }
}
/*************************
 Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .logoWithText .box {
    padding: 30px 30px 30px 314px;
  }
}
.facts {
  margin: 0 auto 80px;
  max-width: 950px;
  text-align: center;
}
.facts p {
  margin: 0 20px 25px;
}
.facts .factBox {
  margin-top: 60px;
}
.facts .factBox .fact {
  display: inline-block;
  margin: 0 0 60px;
  position: relative;
  width: 265px;
}
.facts .factBox .fact:first-child:before {
  display: none;
}
.facts .factBox .fact:last-child {
  margin: 0;
}
.facts .factBox .fact:before {
  background: #707070;
  content: "";
  height: 1px;
  position: absolute;
  left: 50%;
  top: -30px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 110px;
}
.facts .factBox .fact .value {
  color: #C4000B;
  font-size: 32px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 3.2px;
  margin: 0 0 10px;
}
.facts .factBox .fact .name {
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
}
.facts .factBox .fact .title {
  font-weight: bold;
  padding: 0 25px;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .facts {
    margin: 0 auto 100px;
  }
  .facts p {
    margin: 0 0 25px;
  }
  .facts .factBox .fact {
    vertical-align: top;
    width: 32%;
  }
  .facts .factBox .fact:before {
    height: 110px;
    left: -1px;
    top: 50px;
    -ms-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
  }
}
/*************************
 Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .facts .factBox .fact {
    width: 265px;
  }
}
.wideTeaser {
  background: #F6F1DF;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  margin: 100px 0 80px;
  max-width: 1145px;
  padding: 20px;
  position: relative;
  text-align: center;
}
.wideTeaser .button {
  margin: 0;
}
.wideTeaser h3 {
  color: #666;
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
  margin: 0 0 20px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 768px) {
  .wideTeaser {
    margin: 0 auto 120px;
    min-height: 292px;
    padding: 49px 45px 49px calc(50% + 20px);
  }
  .wideTeaser img {
    border-radius: 10px 0 0 10px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/*************************
 Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .wideTeaser {
    padding: 49px 45px 49px 618px;
  }
  .wideTeaser img {
    top: 0;
    width: 573px;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.seating .entries {
  font-weight: bold;
  margin: 0 0 60px;
  text-align: center;
}
.seating .entries .entryWrap {
  margin: 0 0 40px;
}
.seating .entries .entry {
  background: #fff;
  border: 1px solid #CCC;
  height: 263px;
  margin: 0 0 20px;
  padding: 22px;
  position: relative;
}
.seating .entries .entry img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 220px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .seating .entries {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .seating .entries .entryWrap {
    margin: 0;
  }
  .seating .entries .entry {
    margin: 0 0 20px;
  }
}
/*************************
 Desktop
**************************/
.cssSlider.teamslider {
  margin: 0 0 50px;
  position: relative;
  overflow: hidden;
}
.cssSlider.teamslider img {
  margin: 0;
  width: 100%;
}
.cssSlider.teamslider > input {
  display: none;
}
.cssSlider.teamslider .sliderElements, .cssSlider.teamslider .sliderElements figure, .cssSlider.teamslider .sliderControls {
  margin: 0;
}
.cssSlider.teamslider .cssSlider {
  overflow-x: hidden;
  position: relative;
}
.cssSlider.teamslider .cssSlider input[type="radio"] {
  position: relative;
}
.cssSlider.teamslider .sliderElements {
  list-style: none;
  position: relative;
  left: 0;
  padding: 0;
  width: 400%;
  margin: 0 0 30px;
  -webkit-transition: left 0.8s ease-in-out;
  -moz-transition: left 0.8s ease-in-out;
  -o-transition: left 0.8s ease-in-out;
  transition: left 0.8s ease-in-out;
}
.cssSlider.teamslider .sliderElements > li {
  float: left;
  width: 25%;
  position: relative;
}
.cssSlider.teamslider .sliderElements > li figure {
  margin: 0 0 12px;
}
.cssSlider.teamslider .sliderElements > li figure figcaption {
  color: #7E7E7E;
  font-size: 10px;
  margin-top: 5px;
}
.cssSlider.teamslider .sliderElements > li h3 {
  font-family: fineday, sans-serif;
  font-size: 24px;
  line-height: 34px;
}
.cssSlider.teamslider .sliderControls {
  font-size: 0;
  height: 5px;
  text-align: center;
  padding: 0;
}
.cssSlider.teamslider .sliderControls li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.cssSlider.teamslider .sliderControls li:last-child {
  margin: 0;
}
.cssSlider.teamslider .sliderControls label {
  width: 40px;
  height: 5px;
  display: block;
  cursor: pointer;
  background: #CCC;
  /*&:hover {
        background: $mainGreen;
      }*/
}
.cssSlider.teamslider .sliderControls label:after {
  content: "";
  display: none;
  font-size: 35px;
  height: 30px;
  position: absolute;
  top: 50%;
  opacity: 1;
  z-index: 100;
  margin-top: -5px;
  width: 30px;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderElements {
  left: -100%;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderElements {
  left: -200%;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderElements {
  left: -300%;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderElements {
  left: -400%;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderElements {
  left: -500%;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderElements {
  left: -600%;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderElements {
  left: -700%;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderElements {
  left: -800%;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderElements {
  left: -900%;
}
.cssSlider.teamslider input[id^="slide11"]:checked ~ .sliderElements {
  left: -1000%;
}
.cssSlider.teamslider input[id^="slide1"]:checked ~ .sliderControls label[for^="slide2"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide3"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide4"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide5"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide6"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide7"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide8"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide9"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide10"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide11"]:after {
  content: "";
  display: block;
  right: 12px;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide1"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide2"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide3"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide4"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide5"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide6"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide7"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide8"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide9"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide11"]:checked ~ .sliderControls label[for^="slide10"]:after {
  content: "";
  display: block;
  left: 12px;
}
.cssSlider.teamslider input[id^="slide1"]:checked ~ .sliderControls label[for^="slide1"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide1"]:checked ~ .sliderControls label[for^="slide1"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide2"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide2"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide3"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide3"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide4"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide4"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide5"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide5"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide6"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide6"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide7"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide7"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide8"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide8"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide9"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide9"]:after {
  content: "" !important;
  display: block !important;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide10"] {
  background: #79B51C;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide10"]:after {
  content: "" !important;
  display: block !important;
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1350px) {
  .cssSlider.teamslider {
    margin: 0 0 80px;
  }
  .cssSlider.teamslider .sliderElements > li {
    background: #F1F1F1;
    padding: 0 392px 0 0;
  }
  .cssSlider.teamslider .sliderElements > li .textContent {
    position: absolute;
    right: 0;
    top: 0;
    padding: 43px 53px;
    width: 392px;
  }
  .cssSlider.teamslider .sliderElements > li figure {
    margin: 0;
  }
  .cssSlider.teamslider .sliderElements > li h3 {
    font-size: 36px;
    line-height: 34px;
  }
}
.cssSlider.teamslider {
  max-width: 950px;
  margin: 40px 0 70px;
  overflow: visible;
  text-align: left;
}
.cssSlider.teamslider .content {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 6px #00000029;
  overflow: hidden;
}
.cssSlider.teamslider > input {
  display: none;
}
.cssSlider.teamslider h3 {
  margin: 0 0 38px;
  text-align: center;
}
.cssSlider.teamslider + p {
  margin: 0 auto 5px;
  max-width: 950px;
  padding: 0 20px;
}
.cssSlider.teamslider .tabContent {
  position: relative;
}
.cssSlider.teamslider .sliderElements {
  margin: 0;
  text-indent: 0;
}
.cssSlider.teamslider .sliderElements > li {
  background: none;
  color: #666;
  font-weight: normal;
  padding: 0;
}
.cssSlider.teamslider .sliderElements > li:before {
  display: none;
}
.cssSlider.teamslider .sliderElements > li img, .cssSlider.teamslider .sliderElements > li figure {
  margin: 0;
}
.cssSlider.teamslider .sliderElements > li p {
  color: #333333;
}
.cssSlider.teamslider .sliderElements > li .textContent {
  background: none;
  color: #333333;
  font-size: 17px;
  line-height: 22px;
  margin: 0;
  padding: 30px 40px;
  position: relative;
  right: auto;
  top: auto;
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.cssSlider.teamslider .sliderElements > li .textContent p:last-child {
  margin: 0;
}
.cssSlider.teamslider .sliderElements > li .textContent > strong:first-child {
  display: block;
}
.cssSlider.teamslider .sliderElements > li .textContent > strong:first-child + i {
  display: block;
  margin: 0 0 25px;
}
.cssSlider.teamslider .sliderControls {
  display: block;
  left: 50%;
  bottom: 0;
  top: auto;
  margin: 20px 0 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
}
.cssSlider.teamslider .sliderControls li {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
  vertical-align: top;
}
.cssSlider.teamslider .sliderControls li:last-child {
  margin-right: 0;
}
.cssSlider.teamslider .sliderControls li:before {
  display: none;
}
.cssSlider.teamslider .sliderControls label {
  background: #CCC;
  border-radius: 0;
  cursor: pointer;
  display: block;
  height: 2px;
  width: 38px;
}
.cssSlider.teamslider + .button {
  margin: 0 auto 160px;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .content .sliderElements {
  left: -100%;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .content .sliderElements {
  left: -200%;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .content .sliderElements {
  left: -300%;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .content .sliderElements {
  left: -400%;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .content .sliderElements {
  left: -500%;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .content .sliderElements {
  left: -600%;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .content .sliderElements {
  left: -700%;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .content .sliderElements {
  left: -800%;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .content .sliderElements {
  left: -900%;
}
.cssSlider.teamslider input[id^="slide11"]:checked ~ .content .sliderElements {
  left: -1000%;
}
.cssSlider.teamslider input[id^="slide1"]:checked ~ .sliderControls label[for^="slide2"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide3"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide4"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide5"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide6"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide7"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide8"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide9"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide10"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide11"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide1"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide2"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide3"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide4"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide5"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide6"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide7"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide8"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide9"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide11"]:checked ~ .sliderControls label[for^="slide10"]:after {
  display: none;
}
.cssSlider.teamslider input[id^="slide1"]:checked ~ .sliderControls label[for^="slide1"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide2"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide3"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide4"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide5"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide6"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide7"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide8"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide9"] {
  background: #C4000B;
}
.cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide10"] {
  background: #C4000B;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 768px) {
  .cssSlider.teamslider {
    margin: 50px 30px 70px;
  }
  .cssSlider.teamslider + p {
    padding: 0;
  }
  .cssSlider.teamslider figure {
    position: absolute;
    left: 50px;
    top: 50px;
    width: 244px;
  }
  .cssSlider.teamslider .sliderElements > li .textContent {
    margin: 0 0 0 294px;
    padding: 51px 98px 51px 50px;
    width: calc(100% - 264px);
  }
  .cssSlider.teamslider input[id^="slide1"]:checked ~ .sliderControls label[for^="slide2"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide3"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide4"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide5"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide6"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide7"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide8"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide9"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide10"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide11"]:after {
    color: #202020;
    right: 60px;
    top: 51px;
  }
  .cssSlider.teamslider input[id^="slide2"]:checked ~ .sliderControls label[for^="slide1"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide3"]:checked ~ .sliderControls label[for^="slide2"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide4"]:checked ~ .sliderControls label[for^="slide3"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide5"]:checked ~ .sliderControls label[for^="slide4"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide6"]:checked ~ .sliderControls label[for^="slide5"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide7"]:checked ~ .sliderControls label[for^="slide6"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide8"]:checked ~ .sliderControls label[for^="slide7"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide9"]:checked ~ .sliderControls label[for^="slide8"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide10"]:checked ~ .sliderControls label[for^="slide9"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
  .cssSlider.teamslider input[id^="slide11"]:checked ~ .sliderControls label[for^="slide10"]:after {
    color: #202020;
    top: 51px;
    right: 100px;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .cssSlider.teamslider {
    margin: 120px auto;
  }
}
.toggleMenu {
  margin: 0 0 60px;
  position: relative;
}
.toggleMenu + .toggleMenu {
  margin-top: -40px;
}
.toggleMenu + .toggleMenu + .paging {
  margin-top: -40px;
}
.toggleMenu.clickableBox:hover .togglerHead h3 a:link, .toggleMenu.clickableBox:hover .togglerHead h3 a:visited {
  text-decoration: underline;
}
.toggleMenu .togglerHead {
  background: #FFFEF7;
  border: 1px solid #CCC;
  min-height: 268px;
  padding: 30px;
}
.toggleMenu .togglerHead h3 {
  margin: 0 0 20px;
}
.toggleMenu .togglerHead h3 a:link, .toggleMenu .togglerHead h3 a:visited {
  text-decoration: none;
}
.toggleMenu .togglerHead h3 a:hover, .toggleMenu .togglerHead h3 a:active {
  text-decoration: underline;
}
.toggleMenu .togglerHead .button {
  margin: 25px 0 0;
}
.toggleMenu .togglerContent {
  background: #FFFEF7;
  border: 1px solid #CCC;
  margin-top: -1px;
  padding: 30px;
}
.toggleMenu .togglerContent ul {
  list-style-type: "►";
  padding: 0 0 0 11px;
}
.toggleMenu .togglerContent ul li {
  padding: 0 0 0 15px;
}
.toggleMenu .togglerContent ul li::marker {
  font-size: 11px;
}
.toggleMenu .togglerContent .button {
  margin: 50px 0 0;
}
.toggleMenu .downloads {
  margin: 69px 0 0;
}
.toggleMenu img {
  display: block;
  margin: 0 auto 30px;
  width: 258px;
}
.toggleMenu .preview {
  margin: 0 0 22px;
}
.toggleMenu .subheadline {
  font-weight: bold;
  margin: 0 0 8px;
}
.toggleMenu .togglerHeadline {
  cursor: pointer;
  display: table;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .toggleMenu .togglerHead {
    padding: 30px 30px 30px 300px;
  }
  .toggleMenu .togglerContent {
    padding: 50px;
  }
  .toggleMenu img {
    margin: 0;
    position: absolute;
    left: 5px;
    top: 5px;
  }
}
/*************************
 Desktop
**************************/
.pdfs {
  margin: 0 0 140px;
}
.pdfs.vacancies a:link.button, .pdfs.vacancies a:visited.button {
  color: #fff;
  display: inline-block;
  margin: 20px 0 0;
}
.pdfs.vacancies a:link:not(.button):hover, .pdfs.vacancies a:visited:not(.button):hover {
  text-decoration: underline;
}
.pdfs:not(.vacancies) .pdf:hover a:link, .pdfs:not(.vacancies) .pdf:hover a:visited {
  text-decoration: underline;
}
.pdfs h3 {
  margin: 0 auto 40px;
  max-width: 950px;
}
.pdfs .button {
  margin: 120px auto 0;
}
.pdfs .pdf {
  background: #FFF;
  box-shadow: 0px 3px 6px #00000029;
  margin: 0 auto 30px;
  max-width: 950px;
  padding: 22px 30px 30px 80px;
  position: relative;
  text-align: left;
  /*&.isNew {
			padding: 22px 90px 30px 80px;
		}*/
}
.pdfs .pdf:last-child {
  margin-bottom: 0;
}
.pdfs .pdf .newFlag {
  background: #C4000B;
  color: #fff;
  display: none;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  padding: 8px 18px;
  position: absolute;
  top: 38px;
  right: 0;
}
.pdfs .pdf .iconDownload {
  color: #C4000B;
  position: absolute;
  top: 25px;
  left: 25px;
}
.pdfs .pdf .iconDownload:before {
  font-size: 39px;
  padding: 0;
}
.pdfs .pdf a:link, .pdfs .pdf a:visited {
  color: #666;
  display: block;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 22px;
  margin: 0 0 5px;
  text-decoration: none;
  text-transform: uppercase;
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}
.pdfs .pdf p {
  margin: 0;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .pdfs {
    margin: 0 30px 140px;
  }
  .pdfs .pdf {
    padding: 33px 106px 33px 136px;
  }
  .pdfs .pdf.isNew {
    padding: 33px 136px;
  }
  .pdfs .pdf .newFlag {
    display: block;
  }
  .pdfs .pdf .iconDownload {
    top: 35px;
    left: 50px;
  }
  .pdfs .pdf .iconDownload:before {
    font-size: 49px;
  }
}
/*************************
  Desktop
**************************/
.askButton {
  margin: 0 0 30px;
  text-align: center;
}
.verticalSubnav .askButton {
  margin: 0 0 60px;
  text-align: left;
}
.askButton .button {
  margin: 0;
}
.askButton .text {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1.5px;
  font-weight: bold;
  text-transform: uppercase;
}
.askButton .text .row2 {
  font-size: 21px;
  line-height: 30px;
  letter-spacing: 2.1px;
}
/*************************
 Tablet
**************************/
/*************************
 Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .askButton {
    margin: 0 0 120px;
  }
}
.numberedList {
  margin: 0 20px 50px;
  max-width: 950px;
  text-align: left;
}
.numberedList h2 {
  margin: 0 0 60px;
  text-align: center;
}
.numberedList h3 {
  text-align: center;
}
.numberedList .button {
  margin: 120px auto;
}
.numberedList .item {
  background: #FFF;
  box-shadow: 0px 3px 6px #00000029;
  margin: 0 0 30px;
  min-height: 145px;
  padding: 22px 30px 22px 100px;
  position: relative;
}
.numberedList .item .number {
  background: #C4000B;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  height: 50px;
  position: absolute;
  top: 25px;
  left: 25px;
  text-align: center;
  padding: 10px 0;
  width: 50px;
}
.numberedList .item h4 {
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 11px;
}
.numberedList .item p {
  color: #464646;
}
.numberedList .item p:last-child {
  margin: 0;
}
/*************************
  Tablet
**************************/
@media only screen and (min-width: 600px) {
  .numberedList {
    margin: 0 30px 120px;
  }
  .numberedList .item {
    padding: 31px 136px;
  }
  .numberedList .item .number {
    top: 33px;
    left: 37px;
  }
}
/*************************
  Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .numberedList {
    margin: 0 auto 120px;
  }
}
.videos {
  max-width: 1145px;
  margin: 0 auto;
  padding: 0 10px 60px;
}
.videos .video {
  margin: 0 auto 20px;
  position: relative;
  padding-top: 56.25%;
}
.videos .video iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.videoWrap {
  margin: 0 0 45px;
}
.videoWrap:last-child {
  margin: 0;
}
.videoWrap iframe {
  margin: 0;
}
.caption {
  max-width: 480px;
  margin: 0 0 15px;
}
/*************************
 Tablet
**************************/
/*************************
 Desktop
**************************/
@media only screen and (min-width: 1320px) {
  .videos {
    margin: 0 auto 40px;
    padding: 0 0 60px;
  }
}
.singleArrangement {
  text-align: center;
  position: relative;
}
.singleArrangement .left {
  margin: 0 0 30px;
}
.singleArrangement .right {
  margin: 0 0 60px;
}
.singleArrangement .arrangementTeasers .centeredContent {
  display: block;
  max-width: 362px;
}
.singleArrangement .arrangementTeasers .centeredContent .teaser {
  flex-basis: unset;
  margin: 0;
}
.singleArrangement .arrangementTeasers .centeredContent .teaser a:link, .singleArrangement .arrangementTeasers .centeredContent .teaser a:visited {
  text-decoration: none;
}
.singleArrangement .arrangementTeasers .centeredContent .teaser .imageWrap {
  margin: 0 0 30px;
}
.singleArrangement .arrangementTeasers .centeredContent .teaser .imageWrap img {
  margin: 0;
}
.singleArrangement .arrangementTeasers .centeredContent .teaser .persons {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  margin: -10px 0 0;
}
.verticalSubnav .singleArrangement .arrangementTeasers .centeredContent .teaser h2, .verticalSubnav .singleArrangement .arrangementTeasers .centeredContent .teaser h3.h2Style {
  text-align: center;
}
.verticalSubnav .singleArrangement .arrangementTeasers .centeredContent .teaser h2:after, .verticalSubnav .singleArrangement .arrangementTeasers .centeredContent .teaser h3.h2Style:after {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .singleArrangement {
    margin: 0 0 60px;
  }
  .singleArrangement .row {
    min-height: 431px;
    position: relative;
  }
  .singleArrangement .left {
    float: left;
    margin: 0;
    max-width: 362px;
  }
  .singleArrangement .right {
    float: left;
    margin: 0;
    padding: 0 40px;
    width: calc(100% - 362px);
  }
}
/*************************
 Desktop
**************************/
.newsListview .date {
  font-weight: bold;
}
.newsListview .singleNews {
  margin: 0 0 51px;
}
.newsListview .paging {
  margin: 0;
}
.quote {
  margin: 0 auto 80px;
  max-width: 1147px;
  text-align: center;
}
.quote img {
  margin: 0 auto 20px;
  width: 232px;
}
.quote br {
  display: none;
}
.quote .quoteText {
  color: #C4000B;
  font-family: "canterbury";
  margin: 0 0 10px;
  font-size: 32px;
  line-height: 32px;
}
.quote .quoteAuthor {
  font-weight: bold;
}
/*************************
 Tablet
**************************/
@media only screen and (min-width: 600px) {
  .quote br {
    display: block;
  }
}
/*************************
 Desktop
**************************/
.gridmargin {
  margin-top: 30px;
}
@media only screen and (min-width: 880px) {
  .paymentGrid {
    grid-template-columns: 1fr 2fr 1fr !important;
  }
  .topMarginPayment {
    margin-top: 30px;
  }
}
/*
.flatpickr-calendar.hasTime .flatpickr-time {
	border: 2px solid #ef5350;
}

.flatpickr-confirm {
	height: 40px;
	max-height: 0px;
	visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background: #ef5350;
}

.flatpickr-confirm svg path {
	fill: inherit;
}

.flatpickr-confirm.darkTheme {
	color: white;
	fill: white;
}

.flatpickr-confirm.visible {
	max-height: 40px;
	visibility: visible
}
*/