:root {
  --bg-white: #ff0;
  --bg-white2: #ff0;
  --bg-white3: #151515;
  --bg-section: #000000;
  --bg-yt: #0c0c0b;
  --bg-fb: #151515;
  --bg-blue: #000000;
  --text-btn: #000000;
  --bg-tabs: #151515;
  --bg-brand: #000000;
  --bg-white: #000000;
  --bg-breadcrumbs: #151515;
  --color-yellow: #ff0;
  --color-dark: #ffffff;
  --color-black--contrast: #000000;
  --color-white--contrast: #ffffff;
  --color-wcag: #ff0;
  --color-hover: #fff;
  --color-outline: #ff0;
  --color-brand--green: #ff0;
  --color-gray: #ffffff;
  --color-gray2: #ffffff;
  --color-white: #ffffff;
  --color-brand: #ff0;
  --color-brand--blue: #000000;
  --color-brand2: #ffffff;
  --color-brand3: #ff0;
  --color-blue: #ff0;
  --color-black: #ffffff;
  --color-white_dark: #151515;
  --color-bip: #ffffff;
  --color-punkt: #ffffff;
}

html body {
  background-color: var(--color-black--contrast);
  color: #fff !important;
}
html body.contrast .skip-links {
  position: absolute;
  top: 0;
}
html body.contrast .skip-links a:visited,
html body.contrast .skip-links a {
  display: inline-block;
  left: -9000em;
  padding: 7px 10px;
  position: absolute;
  text-decoration: none;
  z-index: 100;
  width: 200px;
  text-align: center;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  opacity: 0;
  color: var(--color-black--contrast);
}
html body.contrast .skip-links a:focus,
html body.contrast .skip-links a:hover,
html body.contrast .skip-links a:active,
html body.contrast .skip-links a:visited:focus,
html body.contrast .skip-links a:visited:hover,
html body.contrast .skip-links a:visited:active {
  left: 0;
  background-color: var(--color-yellow);
  border: 2px solid var(--color-black--contrast);
  opacity: 1;
  outline: none;
}
html body.contrast svg .initial--white {
  fill: var(--color-white);
}
html body.contrast svg .initial--black {
  fill: var(--color-black);
}
html body.contrast svg .initial--brand {
  --color-white: #ffffff;
  fill: var(--color-white);
}
html body.contrast header .logo svg {
  fill: #fff;
}
html body.contrast a,
html body.contrast button {
  color: #ff0 !important;
  color: var(--color-yellow);
  text-decoration: underline;
  border: none;
}
html body.contrast a .text,
html body.contrast button .text {
  color: var(--color-yellow);
}
html body.contrast a svg .initial,
html body.contrast button svg .initial {
  fill: var(--color-yellow);
}
html body.contrast a svg .initial--white,
html body.contrast button svg .initial--white {
  fill: var(--color-black--contrast) !important;
}
html body.contrast a:hover, html body.contrast a:focus,
html body.contrast button:hover,
html body.contrast button:focus {
  border-color: var(--color-yellow);
  color: var(--color-white--contrast);
  outline: 2px solid var(--color-yellow);
}
html body.contrast a:hover svg, html body.contrast a:focus svg,
html body.contrast button:hover svg,
html body.contrast button:focus svg {
  fill: var(--color-white--contrast);
}
html body.contrast a:hover svg .initial, html body.contrast a:focus svg .initial,
html body.contrast button:hover svg .initial,
html body.contrast button:focus svg .initial {
  fill: var(--color-white--contrast);
}
html body.contrast a:hover svg .initial--white, html body.contrast a:focus svg .initial--white,
html body.contrast button:hover svg .initial--white,
html body.contrast button:focus svg .initial--white {
  fill: var(--color-white) !important;
}
html body.contrast .gallery .item {
  background-color: var(--color-white--contrast);
}
html body.contrast .gallery .item .description {
  color: var(--color-black--contrast);
}
html body.contrast a,
html body.contrast .link {
  text-decoration: none;
  color: var(--color-yellow);
}
html body.contrast a .text,
html body.contrast .link .text {
  color: var(--color-yellow) !important;
}
html body.contrast a .icon svg .initial,
html body.contrast .link .icon svg .initial {
  fill: var(--color-yellow) !important;
}
html body.contrast header .menu-media li a.fb svg {
  height: 23px;
  fill: var(--color-yellow);
}
html body.contrast header .menu-media li a.fb svg:hover {
  fill: var(--color-white);
}
html body.contrast header .wcag-menu--wcag {
  background-color: var(--color-yellow);
  color: #000 !important;
}
html body.contrast header .wcag-menu--wcag:hover {
  background-color: var(--color-white);
  color: #000 !important;
}
html body.contrast .box-reservation {
  -webkit-box-shadow: none;
          box-shadow: none;
}
html body.contrast .box-reservation .info {
  background: #000;
}
html body.contrast .box-reservation .check .headline {
  color: #000;
}
html body.contrast .btn {
  background: var(--color-yellow) !important;
  color: #000 !important;
}
html body.contrast .btn:hover, html body.contrast .btn:focus {
  background-color: #000 !important;
  color: #fff !important;
  border: none;
}
html body.contrast .section--house .list li .box .wrap .btn:hover {
  color: #fff !important;
}
html body.contrast header nav .navigation-list li .sub-menu {
  background: #000;
}
html body.contrast .section--shortcuts .links li .box .photo {
  border-color: var(--color-white);
}
html body.contrast .section--shortcuts .links li .box .title {
  color: var(--color-white);
}
html body.contrast .section--shortcuts .links li a .photo {
  border-color: var(--color-yellow) !important;
}
html body.contrast .section--shortcuts .links li a .title {
  color: var(--color-yellow) !important;
}
html body.contrast .section--films .links li .box,
html body.contrast .section--films .links li iframe {
  background: #000;
}
html body.contrast .section--films .links li .box .play svg,
html body.contrast .section--films .links li iframe .play svg {
  fill: var(--color-yellow);
}
html body.contrast .section--films .links li .box .title,
html body.contrast .section--films .links li iframe .title {
  color: var(--color-yellow);
}
html body.contrast .section--films .links li .box:hover, html body.contrast .section--films .links li .box:focus {
  outline: 2px solid var(--color-yellow);
}
html body.contrast .section--institution .headline {
  color: #fff;
}
html body.contrast .section--services .head .headline {
  color: #fff;
}
html body.contrast .section--atraction .headline {
  color: #fff;
}
html body.contrast .section--reservation .box-reservation .info::before {
  display: none;
}
html body.contrast .section--reservation .box-reservation .check::after {
  display: none;
}
html body.contrast .box-reservation {
  background: #000;
}
html body.contrast .section--reservation .box-reservation .info::after {
  background: #000;
}
html body.contrast .box-reservation .check {
  background: #fff;
}
html body.contrast .section--house {
  background: #000;
}
html body.contrast .section--house .headline {
  color: #fff;
}
html body.contrast .slider .slick-prev svg,
html body.contrast .slider .slick-next svg {
  fill: var(--color-yellow);
}
html body.contrast .section--contact {
  color: #fff;
  background: #000;
}
html body.contrast .section--contact .headline {
  color: #fff;
}
html body.contrast .section--contact .logo-menu-ft .logo-ft svg {
  fill: #fff;
}
html body.contrast .section--contact .wrap .text .adress svg {
  fill: #fff;
}
html body.contrast .section--contact .wrap .text .poland svg .fil0 {
  fill: #fff;
}
html body.contrast .section--reservation-bottom .box-reservation .info::before {
  display: none;
}
html body.contrast .section--reservation-bottom .box-reservation .info::after {
  display: none;
}
html body.contrast .section--reservation-bottom .box-reservation .check::after {
  display: none;
}
html body.contrast footer {
  color: #fff;
  background: #000;
}
html body.contrast footer .logo-menu-ft .fb {
  margin-left: 0px;
  display: inline-block;
  margin-right: 100px;
}
html body.contrast footer .gotop.show {
  background: var(--color-yellow);
}
html body.contrast footer .gotop.show:hover {
  background: #fff;
}
html body.contrast footer .gotop.show:hover svg {
  fill: #000;
}
html body.contrast .section--contact .form-wrap-input input[type=text]:focus,
html body.contrast .section--contact .form-wrap-input input[type=email]:focus,
html body.contrast .section--contact .form-wrap-input textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 2px solid var(--color-yellow);
}
html body.contrast .section--panelowa .head .headline {
  color: #fff;
}
html body.contrast .section--panelowa .texts h2,
html body.contrast .section--panelowa .texts h3,
html body.contrast .section--panelowa .texts h4,
html body.contrast .section--panelowa .texts h5,
html body.contrast .section--panelowa .texts h6 {
  color: #fff;
}
html body.contrast .gallery .item {
  background-color: transparent;
}
html body.contrast .section--top .house-top-wrap p {
  background: #000;
}
html body.contrast .daterangepicker .calendar-table {
  border: 1px solid #000;
  background-color: #000;
}
html body.contrast .daterangepicker {
  background: #000;
}
html body.contrast .daterangepicker td.off,
html body.contrast .daterangepicker td.off.in-range,
html body.contrast .daterangepicker td.off.start-date,
html body.contrast .daterangepicker td.off.end-date {
  background-color: #000;
  color: var(--color-yellow);
}
html body.contrast .daterangepicker td.active,
html body.contrast .daterangepicker td.active:hover {
  color: var(--color-yellow);
}
html body.contrast .daterangepicker td.available:hover,
html body.contrast .daterangepicker th.available:hover {
  background-color: #fff;
  color: #000;
}
html body.contrast .daterangepicker .calendar-table .next span,
html body.contrast .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}