.header {
  padding: 52px 52px 30px;
}
.header .wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.header__burger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 25px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.header__burger span {
  display: block;
  width: 100%;
  height: 2px;
  position: relative;
  transition: ease 0.25s;
}
.header__burger::before, .header__burger::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
}
.header__burger::before {
  top: 0;
}
.header__burger::after {
  bottom: 0;
}
.header.header__white .header__burger span {
  background-color: #fff;
}
.header.header__white .header__burger span::before {
  color: #fff;
}
.header.header__white .header__burger::before, .header.header__white .header__burger::after {
  background-color: #fff;
}
.header.header__black .header__burger span {
  background-color: #010306;
}
.header.header__black .header__burger span::before {
  color: #010306;
}
.header.header__black .header__burger::before, .header.header__black .header__burger::after {
  background-color: #010306;
}
.header__logo {
  display: inline-flex;
  justify-content: flex-end;
  width: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
  max-width: 103px;
}
.header__logo a {
  display: flex;
  align-items: flex-start;
}
.header .offcanvas {
  position: fixed;
  top: -50px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.25s;
  z-index: 999999;
  height: 100%;
  width: 100%;
  max-width: 355px;
  padding-bottom: 50px;
  transform: translateY(50px);
}
.header .offcanvas .modalBlock {
  width: 355px;
  background-color: rgba(0, 0, 0, 0.85);
  float: left;
  height: 100vh;
  position: absolute;
  left: -355px;
  top: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: scroll;
  margin-left: -17px;
  -webkit-overflow-scrolling: touch;
  padding: 50px;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transition: left ease-in-out 0.25s;
  transform: rotateY(180deg);
}
.header .offcanvas.open {
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.25s;
}
.header .offcanvas.open .modalBlock {
  left: 0;
  transition-delay: 0.25s;
  transition: left ease-in-out 0.75s;
}
.header .offcanvas.open .close-menu {
  opacity: 1;
  transition: opacity 0.25s 1s, transform 0.25s;
}
.header .offcanvas .close-menu {
  position: absolute;
  right: 50px;
  top: 50px;
  cursor: pointer;
  z-index: 10;
  color: #fff;
  font-size: 25px;
  transition: ease 0.25s;
  transform: rotate(0deg);
  opacity: 0;
}
.header .offcanvas .close-menu:hover {
  transform: rotate(90deg);
  transition: opacity 0.25s, transform 0.25s;
}
.header .offcanvas__content {
  width: 100%;
  position: relative;
  padding-top: 160px;
  transform: rotateY(180deg);
  display: flex;
  flex-grow: 1;
}
.header .offcanvas__menu {
  font-family: "MarkMedium";
  font-size: 18px;
  line-height: 1.8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.header .offcanvas__menu .empty {
  background-color: #707070;
  width: 100%;
  height: 1px;
  margin: 30px 0 33px;
}
.header .offcanvas__menu a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.header .offcanvas__menu a.work {
  color: #1B99A1;
}
.header .offcanvas__menu a.work::after {
  background-color: #1B99A1;
}
.header .offcanvas__menu a.experience {
  color: #98B00D;
}
.header .offcanvas__menu a.experience::after {
  background-color: #98B00D;
}
.header .offcanvas__menu a.enjoy {
  color: #89153A;
}
.header .offcanvas__menu a.enjoy::after {
  background-color: #89153A;
}
.header .offcanvas__menu a::after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 7px;
  left: 0;
  transition: ease 0.25s;
}
.header .offcanvas__menu a:hover::after, .header .offcanvas__menu a.active::after {
  width: 100%;
  transition: ease 0.25s;
}
.header .offcanvas__menu .bottom__line {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 40px;
  opacity: 0.8;
}
.header .offcanvas__submenu {
  padding-left: 55px;
  padding-bottom: 35px;
}

.menuOpen .header__burger {
  opacity: 0;
  visibility: hidden;
  transition: ease 0.25s;
}

body {
  font-size: 18px;
  color: #000;
  line-height: 1.4;
  background-color: #fff;
  background-size: 100% auto;
  background-repeat: repeat-y;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  max-width: 100vw;
  overflow-x: hidden;
  font-family: "MarkMedium", sans-serif;
}
body.menuOpen {
  overflow: hidden;
  padding-right: 0 !important;
}
body::-webkit-scrollbar {
  width: 0;
}

.page__title {
  font-family: "MarkMedium";
  font-size: calc((100vw - 320px)/1600*(45 - 27) + 27px);
  line-height: 1.2;
}
.page-wrapper {
  display: flex;
  flex-grow: 1;
  width: 100%;
  flex-direction: column;
}
.page-content {
  padding: 0 52px 52px;
}
.page__tabs {
  font-family: "MarkMedium";
  display: flex;
  align-items: center;
  font-size: 15px;
  margin-bottom: 33px;
  margin-top: -47px;
}
.page__tabs-item {
  position: relative;
  color: rgba(0, 0, 0, 0.5);
}
.page__tabs-item.main {
  font-family: "MarkBold";
  margin-right: 20px;
}
.page__tabs-item.main::after {
  content: none;
}
.page__tabs-item:not(.main) {
  cursor: pointer;
}
.page__tabs-item:not(.main):not(:last-child) {
  margin-right: 13px;
}
.page__tabs-item.active::after, .page__tabs-item:hover::after {
  width: 100%;
  transition: ease 0.25s;
}
.page__tabs-item::after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 2px;
  left: 0;
  transition: ease 0.25s;
}
.page__slider {
  background-color: #fff;
}
.page__slide {
  overflow: hidden;
  display: flex !important;
  justify-content: space-between;
  padding-top: 0;
}
.page__slide .page__title {
  padding-bottom: 47px;
  padding-top: 8px;
}
.page__slide .left__part {
  width: 50%;
  padding-right: 70px;
  padding-left: 37px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.page__slide .left__part .page__title {
  color: #000;
}
.page__slide .left__part .description {
  font-size: 18px;
  line-height: 1.78;
}
.page__slide .left__part .description__total {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: calc(100% - 155px);
  overflow: hidden;
  margin-bottom: 30px;
  margin-right: -45px;
  padding-right: 43px;
}
.page__slide .left__part .description__total .show__more {
  margin-top: 14px;
}
.page__slide .left__part .description ul {
  margin: 34px 0 0 0;
}
.page__slide .left__part .description ul li {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-left: 34px;
}
.page__slide .left__part .description ul li:not(:last-child) {
  margin-bottom: 34px;
}
.page__slide .left__part .description ul li::before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 19px;
  left: 1px;
}
.page__slide .left__part .description p {
  margin: 0 0 33px;
}
.page__slide .left__part .description .marks {
  color: #000;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 50px;
}
.page__slide .right__part {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  margin-top: 13px;
}
.page__slide .right__part .page__title {
  color: #000;
  display: none;
}
.page__slide .right__part .image__wrapper {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page__slide .right__part .image__wrapper.half {
  width: calc(50% - 10px);
}
.page__slide .right__part.map {
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.page__slide .right__part.map .scroll-content {
  width: 100%;
}
.page__slide .right__part.map .scrollbar-track-x, .page__slide .right__part.map .scrollbar-track-y {
  display: none !important;
}
.page__slide .right__part.map-svg {
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.page__slide .right__part.map-svg .image__wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: auto;
}
.page__slide .right__part.map-svg .image__wrapper svg {
  width: 100%;
  height: auto;
  border: none;
}
.page__slide .right__part.map-svg .image__wrapper svg #Karte.Freizeit ~ #Kultur, .page__slide .right__part.map-svg .image__wrapper svg #Karte.Freizeit ~ #Gastronomie, .page__slide .right__part.map-svg .image__wrapper svg #Karte.Freizeit ~ #Einkaufen {
  display: none;
}
.page__slide .right__part.map-svg .image__wrapper svg #Karte.Kultur ~ #Freizeit, .page__slide .right__part.map-svg .image__wrapper svg #Karte.Kultur ~ #Gastronomie, .page__slide .right__part.map-svg .image__wrapper svg #Karte.Kultur ~ #Einkaufen {
  display: none;
}
.page__slide .right__part.map-svg .image__wrapper svg #Karte.Gastronomie ~ #Kultur, .page__slide .right__part.map-svg .image__wrapper svg #Karte.Gastronomie ~ #Freizeit, .page__slide .right__part.map-svg .image__wrapper svg #Karte.Gastronomie ~ #Einkaufen {
  display: none;
}
.page__slide .right__part.map-svg .image__wrapper svg #Karte.Einkaufen ~ #Kultur, .page__slide .right__part.map-svg .image__wrapper svg #Karte.Einkaufen ~ #Gastronomie, .page__slide .right__part.map-svg .image__wrapper svg #Karte.Einkaufen ~ #Freizeit {
  display: none;
}
.page__slide .right__part.double .row, .page__slide .right__part.triple .row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: calc(50% - 10px);
}
.page__slide .right__part.double .row.bottom, .page__slide .right__part.triple .row.bottom {
  margin-top: auto;
}
.page__slide .right__part-table {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 18px;
  margin-top: 64px;
}
.page__slide .right__part-table [data-scrollbar] .scrollbar-track-y {
  background: #707070;
}
.page__slide .right__part-table [data-scrollbar] .scrollbar-thumb {
  background: #fff;
}
.page__slide .right__part-table + .page__title {
  display: none;
}
.page__slide .right__part .table {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 23px 0 25px;
}
.page__slide .right__part .table__row {
  min-height: 46px;
  border-bottom: 1px solid #707070;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 7px 0;
}
.page__slide .right__part .table__row .year {
  min-width: 140px;
  padding-right: 20px;
  letter-spacing: 0.025em;
}
.page__slide .right__part .table__row:first-child {
  margin-top: 28px;
}
.page__slide .right__part .table__row:last-child {
  margin-bottom: 25px;
}
.page__slide .right__part .table .scroll-content {
  margin: auto 0;
}
.page__slide.schedule {
  width: 100%;
  padding-top: 14px;
}
.page__slide.schedule .schedule__inner {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 32px 35px 50px 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.page__slide.schedule::before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background-color: inherit;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}

.timeline__wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  padding-top: 58px;
}
.timeline__block {
  display: inline-flex;
  width: auto;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
.timeline__block::before {
  content: "";
  display: block;
  height: 39px;
  width: 1px;
  background-color: #707070;
  position: absolute;
  left: 0;
  top: 96px;
}
.timeline__block:not(:last-child) {
  flex-grow: 1;
  width: calc(50% - 147px);
}
.timeline__block:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #707070;
  position: absolute;
  top: 115px;
  left: 0;
}
.timeline__title {
  font-size: calc((100vw - 320px)/1600*(30 - 22) + 22px);
  line-height: 1;
  text-decoration: underline;
  margin-bottom: 115px;
}
.timeline__text {
  font-size: calc((100vw - 320px)/1600*(18 - 16) + 16px);
  line-height: 1.77;
  max-width: 324px;
  padding-top: 16px;
  padding-right: 60px;
}

.underline__link {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid transparent;
  line-height: 1;
  display: inline-block;
  transition: ease 0.25s;
}
.underline__link:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  transition: ease 0.25s;
}
.underline__link.unvisible {
  display: none;
}
.underline__link.hide__more {
  align-self: flex-start;
  position: absolute;
  bottom: 0;
  left: 37px;
}
.underline__link.hidden {
  display: none;
}

.blueprint {
  margin-top: 17px;
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  position: relative;
}
.blueprint__image {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  flex-grow: 1;
  height: 100%;
}
.blueprint__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 88.5%;
  margin: -9px 0 0 -40px;
  opacity: 1;
}
.blueprint__image img.fade {
  opacity: 0;
}
.blueprint__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 0 0 53px 40px;
  color: #fff;
}
.blueprint__controls-item {
  margin-top: 15px;
}
.blueprint__controls-item.arbeiten input + span::after {
  background-color: #1B99A1;
}
.blueprint__controls-item.erleben input + span::after {
  background-color: #98B00D;
}
.blueprint__controls-item.genieben input + span::after {
  background-color: #89153A;
}
.blueprint__controls input + span span {
  opacity: 0;
  visibility: hidden;
  transition: ease 0.25s;
}
.blueprint__controls input + span::before {
  border: 1px solid #fff;
}
.blueprint__controls input:checked + span span {
  opacity: 1;
  visibility: visible;
  transition: ease 0.25s;
}

.controls {
  font-size: 20px;
}
.controls-item {
  margin-top: 15px;
}
.controls input {
  display: none;
}
.controls input + span {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding-left: 33px;
}
.controls input + span::before, .controls input + span::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
}
.controls input + span::before {
  top: 4px;
  left: 0;
}
.controls input + span::after {
  top: 5px;
  left: 1px;
  opacity: 0;
  transition: ease 0.25s;
}
.controls input:checked + span::after {
  opacity: 1;
  transition: ease 0.25s;
}

.route__controls {
  color: #000;
  padding-top: 16.75%;
}
.route__controls-item {
  margin-top: 14px;
}
.route__controls-item.train input + span::after {
  background-color: #98B00D;
}
.route__controls-item.tram input + span::after {
  background-color: #ED7203;
}
.route__controls-item.bus input + span::after {
  background-color: #89153A;
}
.route__controls-item.auto input + span::after {
  background-color: #333331;
}
.route__controls input + span {
  line-height: 1.5;
}
.route__controls input + span::before {
  border: 1px solid #000;
}

.map__controls input + span {
  line-height: 1.5;
}
.map__controls input + span::before {
  border: 1px solid #000;
}
.map__controls-item.shop input + span::after {
  background-color: #000;
}
.map__controls-item.culture input + span::after {
  background-color: #98B00D;
}
.map__controls-item.leisure input + span::after {
  background-color: #1B99A1;
}
.map__controls-item.gastronomy input + span::after {
  background-color: #89153A;
}

.selection.colored-page svg .grundrisse:hover {
  cursor: pointer;
}
.colored-page.work svg .grundrisse path {
  fill: #236969;
}
.selection.colored-page.work svg .grundrisse:hover path {
  fill: #2D999A;
}

.colored-page.experience svg .grundrisse path,
.colored-page.experience svg .grundrisse rect,
.colored-page.experience svg .grundrisse polygon {
  fill: #6A7C19;
}
.selection.colored-page.experience svg .grundrisse:hover path,
.selection.colored-page.experience svg .grundrisse:hover rect,
.selection.colored-page.experience svg .grundrisse:hover polygon {
  fill: #98B00D;
}
.selection.colored-page.leisure svg .grundrisse:hover path {
  fill: #5c1229;
}

.colored__table {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 13px;
  min-height: 100%;
}
.colored__column {
  width: calc((100% - 80px)/5);
  color: #fff;
  font-size: calc((100vw - 320px)/1600*(27 - 16) + 16px);
  display: flex;
  flex-flow: column;
}
.colored__block {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: center;
  padding: 15% 35px 17px;
  word-wrap: break-word;
  max-width: 100%;
}
.colored__block.black {
  background-color: #000;
}
.colored__block.aquamarine {
  background-color: #1B99A1;
}
.colored__block.lightGreen {
  background-color: #98B00D;
}
.colored__block.bordo {
  background-color: #89153A;
}
.colored__block.top {
  height: 53%;
  min-height: 53%;
  flex-grow: 0;
}
.colored__block.bottom {
  margin-top: 25px;
}
.colored__block small {
  font-size: 17px;
  display: block;
  margin-top: 12px;
}
.colored__block small + .colored__text {
  margin-top: 13%;
}
.colored__block .bottom {
  font-size: 14px;
  margin-top: auto;
}
.colored__title {
  text-decoration: underline;
  margin-bottom: 13%;
}
.colored__text {
  line-height: 1.35;
}
.colored__text + .colored__text {
  margin-top: 13%;
}
.colored-page svg .grundrisse path, .colored-page svg .grundrisse:hover path {
  transition: ease 0.25s;
}
.colored-page.work {
  background-color: #1B99A1;
}
.colored-page.work .page__title .color {
  color: #1B99A1;
}
.colored-page.work .page__slide .page__title {
  padding-top: 38px;
  line-height: 1.25;
}
.colored-page.work .page__slide[data-number="0"] .page__title {
  padding-bottom: 38px;
}
.colored-page.work .list__item:nth-child(2) {
  color: #1f696a;
}
.colored-page.work [data-scrollbar] .scrollbar-thumb {
  background-color: #1B99A1;
}
.colored-page.work svg .grundrisse.selected path {
  fill: #2D999A;
}
.colored-page.work .list__item .block::before {
  border-color: #1f696a;
}
.colored-page.work .list__item .block .download {
  color: #1f696a;
}
.colored-page.work .list__item .block .download svg {
  fill: #1f696a;
}
.colored-page.work .list__item .block .download::before {
  background-color: #1f696a;
}
.colored-page.experience {
  background-color: #98B00D;
}
.colored-page.experience .page__title .color {
  color: #98B00D;
}
.colored-page.experience .page__slide .page__title {
  padding-top: 41px;
  line-height: 1.25;
}
.colored-page.experience .page__slide[data-number="0"] .page__title {
  padding-bottom: 31px;
}
.colored-page.experience .list__item:nth-child(2) {
  color: #6a7d0a;
}
.colored-page.experience [data-scrollbar] .scrollbar-thumb {
  background-color: #98B00D;
}
.colored-page.experience svg .grundrisse.selected path,
.selection.colored-page.experience svg .grundrisse.selected rect,
.selection.colored-page.experience svg .grundrisse.selected polygon {
  fill: #98B00D;
}
.colored-page.experience .list__item .block::before {
  border-color: #6a7d0a;
}
.colored-page.experience .list__item .block .download {
  color: #6a7d0a;
}
.colored-page.experience .list__item .block .download svg {
  fill: #6a7d0a;
}
.colored-page.experience .list__item .block .download::before {
  background-color: #6a7d0a;
}
.colored-page.leisure {
  background-color: #89153A;
}
.colored-page.leisure .page__title .color {
  color: #89153A;
}
.colored-page.leisure .page__slide .page__title {
  padding-top: 41px;
  line-height: 1.25;
}
.colored-page.leisure .page__slide[data-number="0"] .page__title {
  padding-bottom: 31px;
}
.colored-page.leisure .list__item:nth-child(2) {
  color: #5c1229;
}
.colored-page.leisure [data-scrollbar] .scrollbar-thumb {
  background-color: #89153A;
}
.colored-page.leisure svg .grundrisse.selected path {
  fill: #5c1229;
}
.colored-page.leisure .list__item .block::before {
  border-color: #5c1229;
}
.colored-page.leisure .list__item .block .download {
  color: #5c1229;
}
.colored-page.leisure .list__item .block .download svg {
  fill: #5c1229;
}
.colored-page.leisure .list__item .block .download::before {
  background-color: #5c1229;
}
.colored-page .page__tabs {
  margin-bottom: 47px;
  margin-top: -47px;
}
.colored-page .page__tabs-item {
  color: #fff;
}
.colored-page .page__tabs-item::after {
  background-color: rgba(255, 255, 255, 0.5);
}
.colored-page .page__slide .right__part {
  margin-top: 0;
}
.colored-page .page__slide[data-number="0"] .right__part {
  padding: 20px;
}
.colored-page .page__slide .page__title {
  padding-bottom: 38px;
}
.colored-page .page__title .color {
  text-decoration: underline;
}
.colored-page .right__part.single {
  padding: 63px 70px 58px 10px;
}
.colored-page .right__part.single .image__wrapper {
  background-size: contain;
  background-position: center left;
}
.colored-page .right__part.single .image__wrapper svg {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}
.colored-page .left__part .image__wrapper {
  height: 250px;
  width: 284px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 177px 0 0 27px;
}
.colored-page .left__part.full-width {
  width: 100%;
}
.colored-page .left__part.full-width .description {
  display: flex;
}
.colored-page .left__part.full-width .description ul {
  margin: 46px 9% 0 0;
}
.colored-page .slick-next:before, .colored-page .slick-prev:before {
  color: #fff;
  opacity: 0.5;
}
.colored-page .slick-next:focus:before, .colored-page .slick-next:hover:before, .colored-page .slick-prev:focus:before, .colored-page .slick-prev:hover:before {
  color: #fff;
  opacity: 1;
}
.colored-page .list {
  display: flex;
  width: 100%;
  margin-left: 15px;
}
.colored-page .list__item:first-child {
  width: 54%;
  min-width: 50%;
  margin-right: 12px;
  position: relative;
}
.colored-page .list__item:nth-child(2) {
  position: relative;
}
.colored-page .list__item.reserved .block::before {
  opacity: 1;
  visibility: visible;
  transition: ease 0.25s;
}
.colored-page .list__item .block {
  font-size: 20px;
  line-height: 1.8;
  text-align: left;
  position: relative;
  padding-bottom: 42px;
}
.colored-page .list__item .block__title {
  font-family: "MarkBold";
}
.colored-page .list__item .block .text {
  margin: 0;
}
.colored-page .list__item .block::before {
  content: "Reserviert";
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  background: #fff;
  border: 3px solid;
  padding: 10px 20px;
  line-height: 1;
  z-index: 2;
  transform: rotate(-30deg) translateY(-50%);
  font-size: 20px;
  font-weight: 600;
  opacity: 0;
  visibility: hidden;
  transition: ease 0.25s;
  margin-top: -20px;
}
.colored-page .list__item .block .download {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-flex;
  line-height: 1;
  font-size: 20px;
  margin-top: 20px;
  opacity: 1;
  visibility: visible;
  transition: ease 0.25s;
}
.colored-page .list__item .block .download svg {
  margin-right: 10px;
}
.colored-page .list__item .block .download::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 4px;
  height: 2px;
  width: 14px;
  transition: ease 0.4s;
}
.colored-page .list__item .block .download:hover::before {
  width: 100%;
  transition: ease 0.4s;
}
.colored-page .list__item .block .download.hidden {
  opacity: 0;
  visibility: hidden;
  transition: ease 0.25s;
}

.mac .colored-page .right__part.single .image__wrapper {
  overflow: auto;
}

.wrapper.full-height {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.main-page {
  background-image: url(../img/bg/main.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center;
}
.main-page::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.main-page .page-title {
  color: #fff;
  position: relative;
  z-index: 1;
  font-family: "MarkMedium";
  margin: 0;
  font-weight: normal;
  font-size: calc((100vw - 320px)/1600*(70 - 33) + 33px);
  line-height: 1.18;
  padding: 12px 0 0 40px;
}

.gallery-page .image__wrapper {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.gallery-page .page__slide {
  padding-top: 15px;
}
.gallery-page .page__slider-wrapper {
  position: relative;
  width: 100%;
}
.gallery-page .page__slider-double {
  max-width: 100%;
  width: 100%;
}
.gallery-page .page__slider-double .slick-slide {
  margin: 0 10px;
}
.gallery-page .page__slider-double .slick-list {
  width: calc(100% + 20px);
  margin-left: -10px;
}
.gallery-page .page__slider-double .slick-list::before, .gallery-page .page__slider-double .slick-list::after {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
.gallery-page .page__slider-double .slick-list::before {
  left: 0;
}
.gallery-page .page__slider-double .slick-list::after {
  right: 0;
}

.contact-page {
  font-size: 18px;
  line-height: 1.8;
}
.contact-page .page-content {
  padding: 16px 50px 50px 92px;
}
.contact-page address {
  font-style: normal;
  margin-top: 46px;
  margin-bottom: 31px;
}
.contact-page p {
  margin: 0;
}
.contact-page .link {
  display: inline-block;
  width: auto;
}
.contact-page .link a {
  color: #000;
  display: inline-block;
  position: relative;
}
.contact-page .link a::after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 8px;
  left: 0;
  transition: ease 0.25s;
}
.contact-page .link a:hover::after {
  width: 100%;
  transition: ease 0.25s;
}

.impressum-page {
  font-size: 18px;
  line-height: 1.8;
}
.impressum-page .page-content {
  padding: 17px 50px 50px 92px;
}
.impressum-page .impressum__content {
  margin-top: 2%;
  padding-top: 11px;
}
.impressum-page .impressum__content .scroll-content {
  display: flex;
}
.impressum-page .impressum__content .scroll-content > * {
  padding-right: 10%;
  width: 48.75%;
}