@import "print.css";
:root {
  --fontFamily: 'Roboto', Arial, Helvetica, "Nimbus Sans L", sans-serif;
  --fontFamily2: 'Playfair Display', Arial, Helvetica, "Nimbus Sans L", sans-serif;
  --transitionAll: 0.3s all ease-in-out;
  --transitionTop: 0.3s top ease-in-out;
  --dark: #231f20;
  --gray: #2a373c;
  --green: #083025;
  --greenlight: #757b58;
  --greenHover: #383e0a;
  --black: #1d1d1b;
  --white: #e7e2d3;
  --lightOrange: #f6a64f;
  --orange: #d7510c;
  --yellow: #e0ca9e;
  --link: var(--white);
  --linkHover: var(--greenlight);
  --hColor: var(--orange);
  --bgSand: var(--white);
  --border: var(--greenlight);
  --hr: var(--black);
  --form: var(--greenlight);
  --textColor: var(--white);
  --buttonColor: var(--orange);
  --tabletext: 16px;
  --li: clamp(40px, 2.605vw, 50px);
  --h1: clamp(15px, 1.3025vw, 25px);
  --h2big: clamp(30px, 5.21vw, 100px);
  --h2big2: clamp(27px, 4.689vw, 90px);
  --h2: clamp(25px, 3.3865vw, 65px);
  --h3: clamp(22px, 2.3445vw, 45px);
  --h3f: clamp(20px, 1.8235vw, 35px);
  --menusize: clamp(25px, 1.9798vw, 38px);
  --menusize2: clamp(17px, 1.3025vw, 25px);
  --basictext: clamp(17px, 1.042vw, 20px);
  --basictext2: clamp(15px, 0.8857vw, 17px);
  --footertext: 15px;
  --button: clamp(15px, 0.8857vw, 17px);
  --buttonPadding: 10px 20px;
  --gapbiggest: clamp(160px, 16.672vw, 320px);
  --gapbiggestminus: calc(clamp(160px, 16.672vw, 320px) * -1);
  --gapbig: clamp(80px, 8.336vw, 160px);
  --gapbigminus: calc(clamp(80px, 8.336vw, 160px) * -1);
  --gap: clamp(60px, 6.252vw, 120px);
  /*40/80*/
  --gapminus: calc(clamp(60px, 6.252vw, 120px) * -1);
  --gapsmall: clamp(30px, 3.126vw, 60px);
  /*20/40*/
  --gapsmallminus: calc(clamp(30px, 3.126vw, 60px) * -1);
  --gapsmaller: clamp(15px, 1.563vw, 30px);
  /*10/20*/
  --gapsmallerminus: calc(clamp(15px, 1.563vw, 30px) * -1);
  --gapsmallest: clamp(7.5px, 0.7815vw, 15px);
  /*5/10*/
  --gapsmallestminus: calc(clamp(7.5px, 0.7815vw, 15px) * -1);
  --center: 1920px;
  --centernorrow: clamp(900px, 62.52vw, 1200px);
  --centerpadding: clamp(30px, 6.252vw, 120px);
  --centerpaddingminus: calc(clamp(30px, 6.252vw, 120px) * -1);
  --logo: clamp(120px, 14.588vw, 280px);
}
body {
  margin: 0px;
  padding: 0px;
  font-weight: 300;
  font-family: var(--fontFamily);
  font-size: var(--basictext);
  line-height: 1.5em;
  color: var(--textColor);
  background: var(--black);
  min-width: 1200px;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.layout-container {
  background: var(--green);
}
@media all and (max-width: 720px) {
  body {
    min-width: 0px;
  }
}
/*==============================================================================================================
	odsazeni
==============================================================================================================*/
.margin_top_biggest {
  margin-top: var(--gapbiggest);
}
.margin_top_big {
  margin-top: var(--gapbig);
}
.odsazeni_zhora {
  margin-top: var(--gap);
}
.margin_top_small {
  margin-top: var(--gapsmall);
}
.margin_top_smaller {
  margin-top: var(--gapsmaller);
}
.margin_bottom_biggest {
  margin-bottom: var(--gapbiggest);
}
.margin_bottom_big {
  margin-bottom: var(--gapbig);
}
.odsazeni_zespoda {
  margin-bottom: var(--gap);
}
.margin_bottom_small {
  margin-bottom: var(--gapsmall);
}
.margin_bottom_smaller {
  margin-bottom: var(--gapsmaller);
}
.margin_top_minus_biggest {
  margin-top: var(--gapbiggestminus);
  position: relative;
  z-index: 1;
}
.margin_top_minus_big {
  margin-top: var(--gapbigminus);
  position: relative;
  z-index: 1;
}
.margin_top_minus {
  margin-top: var(--gapminus);
  position: relative;
  z-index: 1;
}
.margin_top_minus_small {
  margin-top: var(--gapsmallminus);
  position: relative;
  z-index: 1;
}
.margin_bottom_minus_biggest {
  margin-bottom: var(--gapbiggestminus);
  position: relative;
  z-index: 1;
}
.margin_bottom_minus_big {
  margin-bottom: var(--gapbigminus);
  position: relative;
  z-index: 1;
}
.margin_bottom_minus {
  margin-bottom: var(--gapminus);
  position: relative;
  z-index: 1;
}
.margin_bottom_minus_small {
  margin-bottom: var(--gapsmallminus);
  position: relative;
  z-index: 1;
}
.padding_top_biggest {
  padding-top: var(--gapbiggest);
}
.padding_top_big {
  padding-top: var(--gapbig);
}
.padding_top {
  padding-top: var(--gap);
}
.padding_top_small {
  padding-top: var(--gapsmall);
}
.padding_top_smaller {
  padding-top: var(--gapsmaller);
}
.padding_bottom_biggest {
  padding-bottom: var(--gapbiggest);
}
.padding_bottom_big {
  padding-bottom: var(--gapbig);
}
.padding_bottom {
  padding-bottom: var(--gap);
}
.padding_bottom_small {
  padding-bottom: var(--gapsmall);
}
.padding_bottom_smaller {
  padding-bottom: var(--gapsmaller);
}
.margin_right_big {
  margin-right: var(--gapbig);
}
.margin_right {
  margin-right: var(--gap);
}
.margin_right_minus {
  margin-right: var(--gapminus);
}
.margin_right_minus_big {
  margin-right: var(--gapbigminus);
}
.margin_left_big {
  margin-left: var(--gapbig);
}
.margin_left {
  margin-left: var(--gap);
}
.margin_left_minus {
  margin-left: var(--gapminus);
}
.margin_left_minus_big {
  margin-left: var(--gapbigminus);
}
.padding_left {
  padding-left: var(--gap) !important;
}
.padding_right {
  padding-right: var(--gap) !important;
}
@media all and (max-width: 720px) {
  .paragraph--type--image.margin_bottom_minus_small {
    margin-bottom: -20px;
  }
  .padding_left {
    padding-left: 20px !important;
  }
  .padding_right {
    padding-right: 20px !important;
  }
  .margin_right_big {
    margin-right: 20px;
  }
  .margin_right {
    margin-right: 20px;
  }
  .margin_right_minus {
    margin-right: 0px;
  }
  .margin_right_minus_big {
    margin-right: 0px;
  }
  .margin_left_big {
    margin-left: 20px;
  }
  .margin_left {
    margin-left: 20px;
  }
  .margin_left_minus {
    margin-left: 0px;
  }
  .margin_left_minus_big {
    margin-left: 0px;
  }
  .mobile_margin_top_zero {
    margin-top: 0px;
  }
  .mobile_margin_bottom_zero {
    margin-bottom: 0px;
  }
  .mobile_margin_left_zero {
    margin-left: 0px;
  }
  .mobile_margin_right_zero {
    margin-right: 0px;
  }
  .mobile_padding_left_zero {
    padding-left: 0px  !important;
  }
  .mobile_padding_right_zero {
    padding-right: 0px  !important;
  }
  .mobile_padding_top_zero {
    padding-top: 0px;
  }
  .mobile_padding_bottom_zero {
    padding-bottom: 0px;
  }
  .mobile_padding_top {
    padding-top: var(--gap);
  }
  .mobile_padding_bottom {
    padding-bottom: var(--gap);
  }
  .mobile_margin_top {
    margin-top: var(--gap);
  }
  .mobile_margin_topsmall {
    margin-top: var(--gapsmall);
  }
  .mobile_margin_bottomsmall {
    margin-bottom: var(--gapsmall);
  }
  .mobile_margin_bottom {
    margin-bottom: var(--gap);
  }
  .mobile_align_center {
    text-align: center;
    justify-content: center;
  }
}
/*==================================================================================================================================
		backgrounds
==================================================================================================================================*/
.pink_bg {
  background-color: var(--white);
  color: var(--textColor);
  --hColor: var(--black);
  --textColor: var(--black);
}
.pink_bg h2 {
  color: var(--orange);
}
.pink_bg .button a:hover,
.pink_bg .button a:focus {
  color: var(--white);
}
.black_bg {
  background-color: var(--bgSand);
  color: var(--textColor);
  --hColor: var(--black);
  --textColor: var(--black);
}
.black_bg h2 {
  color: var(--orange);
}
/*==================================================================================================================================
		center
==================================================================================================================================*/
/*
.layout-content {
padding-bottom:var(--gap);
}*/
.paragraph--position--center_narrow > .paragraph-content,
.path-user .layout-content,
#block-drualas-theme-primary-local-tasks .inner-block,
.paragraph--position--centred > .paragraph-content,
.body-center,
.paragraph-form,
.hero-media__content,
.center,
#cookies-docs {
  width: 100%;
  max-width: var(--center);
  margin: 0px auto;
  padding: 0px var(--centerpadding);
  position: relative;
}
.center_narrow,
.paragraph--position--center_narrow > .paragraph-content {
  max-width: var(--centernorrow);
  width: 100%;
  margin: 0px auto;
  padding: 0px var(--centerpadding);
  position: relative;
}
.paragraph--position--center_narrow > .paragraph-content .paragraph--position--center_narrow > .paragraph-content,
.center .paragraph--position--center_narrow > .paragraph-content,
.paragraph--position--centred .paragraph--position--center_narrow > .paragraph-content,
.center .paragraph--position--centred > .paragraph-content,
.center .center,
.paragraph--position--centred > .paragraph-content .paragraph--position--centred > .paragraph-content {
  padding: 0px;
}
/*==============================================================================================================
	down 
==============================================================================================================*/
#downl a {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: 41px;
  margin: auto;
  height: 17px;
  background: url(../images/down.svg) center top no-repeat;
  background-size: 100% auto;
  bottom: 30px;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  left: 50%;
  margin-left: -13px;
}
/*==============================================================================================================
	form
==============================================================================================================*/
.form-item-source {
  display: none;
}
form.webform-submission-form {
  margin: 0px var(--gapsmallerminus);
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
}
form.webform-submission-form > div {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px var(--gapsmaller) 0px;
}
form.webform-submission-form > fieldset {
  width: 100%;
  margin-bottom: 20px;
  padding: 0px var(--gapsmaller) 0px;
}
form.webform-submission-form > div.webform-type-checkbox {
  padding-top: 0px;
}
.webform-submission-form > div.form-type-textarea {
  padding-top: 40px;
}
form.webform-submission-form > div.form-item-telefon,
form.webform-submission-form > div.form-item-name,
form.webform-submission-form > div.form-item-nachname,
form.webform-submission-form > div.form-item-e-mail {
  width: 50%;
}
.buttonsubmit + .webform-button--submit {
  display: none;
}
form.webform-submission-form > div.form-actions {
  margin-bottom: 0px !important;
}
@media all and (max-width: 500px) {
  form.webform-submission-form > div.form-item-telefon,
  form.webform-submission-form > div.form-item-name,
  form.webform-submission-form > div.form-item-nachname,
  form.webform-submission-form > div.form-item-e-mail {
    width: 100%;
  }
}
/*** labels **/
.webform-submission-form > div.form-type-textarea label {
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  position: absolute;
  left: calc(var(--gapsmaller) + 10px);
  top: 53px;
}
.webform-submission-form > div.form-type-textarea.focused label {
  top: 15px;
  font-size: 0.9em;
  left: var(--gapsmaller);
  color: var(--greenlight);
}
.webform-submission-form > div.form-type-email label,
.webform-submission-form > div.form-type-textfield label {
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  position: absolute;
  left: var(--gapsmaller);
  top: 33px;
}
.webform-submission-form > div.form-type-email.focused label,
.webform-submission-form > div.form-type-textfield.focused label {
  top: 5px;
  font-size: 0.9em;
  color: var(--greenlight);
}
/*** confirm ***/
.webform-confirmation {
  text-align: center;
}
.webform-confirmation__message {
  font-size: var(--h2);
  margin: 0px 0px 20px !important;
  font-weight: 500;
  color: var(--yellow);
}
/*** messages ***/
.messages {
  --link: #383e0a;
  --linkHover: #383e0a;
}
.form-item--error-message {
  display: none;
}
/*** captcha ***/
.captcha {
  margin: 20px 0px;
}
.captcha legend {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.captcha input {
  width: 292px;
  min-width: 292px;
  max-width: 292px;
  border: 1px solid var(--form);
  padding: 10px;
  flex-shrink: 0;
}
.captcha label:after {
  content: " OTTIAMO";
  font-weight: 500;
  display: inline;
  color: var(--textColor);
}
.captcha label {
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  position: absolute;
  left: 15px;
  top: 14px;
}
.captcha .focused label {
  top: -25px;
  font-size: 0.9em;
  color: var(--greenlight);
  left: 0px;
}
.captcha .form-item {
  margin-bottom: 0px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 10px;
}
.captcha .description {
  align-self: center;
  text-align: left;
  padding: 0px;
}
.captcha .captcha__description {
  display: none;
}
@media all and (max-width: 720px) {
  .captcha .form-item {
    flex-wrap: wrap;
  }
}
/*==================================================================================================================================
		footer
==================================================================================================================================*/
.region-footer {
  background: var(--white);
  color: var(--textColor);
  text-align: center;
  --textColor: var(--black);
  --link: var(--orange);
  --linkHover: var(--green);
  --buttonColor: var(--green);
}
.region-footer a {
  text-decoration: none;
}
#block-drualas-theme-footercontactothers,
#block-drualas-theme-frontfooter,
#block-drualas-theme-footercontact .field--name-body {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.field--name-field-img1,
.footer-img1 {
  align-self: end;
  line-height: 1px;
  margin-right: auto;
  margin-left: 0px;
  flex-shrink: 0;
  width: 15.5779vw;
}
.field--name-field-img2,
.footer-img2 {
  align-self: start;
  line-height: 1px;
  margin-right: 0px;
  margin-left: auto;
  flex-shrink: 0;
  width: 15.5779vw;
}
.footer-mark img {
  width: clamp(130px, 11.983vw, 230px);
}
.field--name-field-img1 img,
.footer-img1 img,
.field--name-field-img2 img,
.footer-img2 img {
  width: 100%;
}
.footer-text {
  padding: var(--gap) 0px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.footer-text .field--name-body {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer-mark {
  margin: 0px auto;
  max-width: 230px;
}
.footer-number {
  font-size: var(--h2big2);
  font-weight: 500;
  line-height: 1em;
  margin: var(--gapsmall) 0px var(--gapsmaller) 0px;
}
.footer-mail {
  margin: var(--gapsmall) 0px;
  font-size: var(--h3f);
  font-weight: 500;
  line-height: 1em;
}
.region-footer .block-webform {
  padding: var(--gapsmall) var(--gapsmall) 0;
}
.footer-text {
  --buttonColor: var(--green);
}
.footer-text .buttontel a:after {
  width: 18px;
  height: 18px;
  background-image: url(../images/phone-button.svg);
}
.footer-text .buttontel a:hover:after,
.footer-text .buttontel a:focus:after {
  background-image: url(../images/phone-button-a.svg);
}
.footer-text .buttonanfrage a:after {
  display: none;
}
.footer-text a[href*='?button']:hover,
.footer-text a[href*='?button']:focus,
.footer-text .button a:hover,
.footer-text .button a:focus {
  color: var(--white);
}
@media all and (max-width: 720px) {
  #block-drualas-theme-footercontactothers,
  #block-drualas-theme-frontfooter,
  #block-drualas-theme-footercontact .field--name-body {
    flex-wrap: wrap;
    gap: 0px;
    margin: 0px -10px;
    padding-bottom: var(--gap);
  }
  .footer-text {
    order: 0;
    width: 100%;
  }
  .field--name-field-img2,
  .footer-img2 {
    order: 2;
    width: 50%;
    padding: 0px 10px;
  }
  .field--name-field-img1,
  .footer-img1 {
    order: 1;
    width: 50%;
    padding: 0px 10px;
  }
}
/*==================================================================================================================================
		total bottom
==================================================================================================================================*/
.region-bottom {
  --link: #fff;
  color: #fff;
  --linkHover: var(--orange);
  line-height: 1.5em;
  font-size: var(--footertext);
}
.region-bottom .center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px var(--gap);
  padding-top: 20px;
  padding-bottom: 20px;
}
.region-bottom p {
  margin: 0px;
}
#block-drualas-theme-reiffeisen {
  font-size: 13px;
  line-height: 15px;
}
#block-drualas-theme-reiffeisen img {
  height: 46px;
  display: block;
}
#block-drualas-theme-reiffeisen .field--name-body {
  display: flex;
  justify-content: start;
  align-items: end;
  gap: 0px 20px;
}
#block-drualas-theme-footerlinks p {
  text-align: center;
  justify-content: center;
  display: flex;
  gap: 0px 10px;
  flex-wrap: wrap;
}
.region-bottom button {
  border: none;
  background: transparent !important;
  text-decoration: underline;
  font-family: var(--fontFamily);
  font-size: var(--basictext) !important;
  line-height: 1.5em !important;
  padding: 0px !important;
  color: #fff;
}
.region-bottom button:focus,
.region-bottom button:hover {
  text-decoration: none;
}
/*==================================================================================================================================
		header
==================================================================================================================================*/
#header {
  position: relative;
  z-index: 11;
  top: 0px;
  left: 0px;
  width: 100%;
}
.region-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(10px, 1.042vw, 20px) var(--centerpadding);
  width: 100%;
  position: absolute;
  z-index: 110;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  background: rgba(8, 48, 37, 0);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0);
}
.scrolltop2 .region-header {
  background: #083025;
  position: fixed;
  left: 0px;
  -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.15);
}
.scrolltop2.scrolltop .region-header {
  top: 0px;
}
.scrolltop2.scrolldown .region-header {
  top: -100px;
}
/************************
	logo
************************/
a.site-logo {
  position: absolute;
  top: 20px;
  left: var(--centerpadding);
  z-index: 111;
  line-height: 1px;
  display: block;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
}
a.site-logo2 {
  line-height: 1px;
  display: block;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  visibility: hidden;
  opacity: 0;
}
a.site-logo2 img,
a.site-logo img {
  width: var(--logo);
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
}
.scrolltop2 a.site-logo {
  z-index: 109;
}
.scrolltop2 a.site-logo2 {
  visibility: visible;
  opacity: 1;
}
.page-id-49 a.site-logo {
  visibility: hidden;
  opacity: 0;
}
.mactive a.site-logo {
  z-index: 1002;
  position: fixed;
}
.mactive .page-id-49 a.site-logo {
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  visibility: visible;
  opacity: 1;
}
/************************
	highlighted
************************/
.ma .region-highlighted {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
  padding-bottom: var(--gap);
}
/*==================================================================================================================================
		galerie 
==================================================================================================================================*/
.image-alt {
  display: none;
  color: var(--textColor);
}
a:hover .image-alt,
a:focus .image-alt {
  color: var(--greenlight);
}
.field--name-field-gallery2 .image-alt,
.field--name-field-gallery .image-alt {
  font-family: 'Playfair Display', Arial, Helvetica, "Nimbus Sans L", sans-serif;
  font-size: var(--basictext);
  color: var(--hColor);
  font-weight: 500;
  display: block;
  line-height: 1.2em;
  margin-top: 10px;
}
.field--name-field-gallery2,
.field--name-field-gallery {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: inherit;
  margin: 0px var(--gapsmallerminus) 0;
}
.node-gallery {
  padding-bottom: var(--gap);
}
.field--name-field-gallery2 .field__item,
.field--name-field-gallery .field__item {
  padding: 0px var(--gapsmaller);
  margin-bottom: var(--gapsmall);
  width: 50%;
  justify-content: inherit;
  align-items: start;
  display: flex;
}
.field--name-field-gallery2 .field__item a.photoswipe,
.field--name-field-gallery .field__item a.photoswipe {
  width: 100%;
}
@media all and (max-width: 720px) {
  .field--name-field-gallery .field__item2,
  .field--name-field-gallery .field__item {
    padding: 0px var(--gapsmaller);
    margin-bottom: var(--gapsmall);
  }
}
/*================== menu ===========================*/
.menu--gallery h2 {
  display: none;
}
.region-content .menu--gallery ul li::before {
  display: none;
}
.menu--gallery ul {
  list-style: none;
  padding: 0px ;
  margin: var(--gapsmall) 0px 0px;
  display: flex;
  justify-content: center;
  gap: 10px 10px;
}
.menu--gallery {
  margin-bottom: var(--gapsmall);
}
.menu--gallery + .menu--gallery {
  margin-bottom: var(--gapsmaller);
}
.region-content .menu--gallery ul li {
  margin-bottom: 0px;
  padding-left: 0px;
}
@media all and (max-width: 720px) {
  .menu--gallery ul {
    flex-wrap: wrap;
  }
}
/*==================================================================================================================================
		admin
==================================================================================================================================*/
@media all and (max-width: 720px) {
  #toolbar-administration {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
  }
}
.user-logged-in #header {
  position: absolute;
}
.user-logged-in a.site-logo,
.user-logged-in .rmm-header {
  position: relative;
}
.user-logged-in .region-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.block-menu {
  position: static;
}
/*==================================================================================================================================
		signpost
==================================================================================================================================*/
#block-signpostprojekt,
#block-signpost {
  max-width: 1200px;
  margin: auto;
}
.adresa {
  line-height: 1.5em;
  font-family: 'Playfair Display', Arial, Helvetica, "Nimbus Sans L", sans-serif;
  font-size: 17px;
  color: var(--hColor);
  font-weight: 500;
  display: block;
  text-align: center;
}
#block-signpostprojekt .field--name-body,
#block-signpost .field--name-body {
  display: flex;
  justify-content: center;
  align-items: inherit;
  margin: 0px ;
}
.postcolumn {
  width: 100%;
  max-width: 800px;
  display: flex;
}
.postcolumn ul li span {
  display: inline-block;
}
.postcolumn-in {
  width: 100%;
}
.region-content .postcolumn-in ul > li {
  margin-bottom: 0px;
}
.logopost {
  display: flex;
  justify-content: center;
  margin-bottom: -60px;
  position: relative;
  height: 335px;
}
.logopost1 {
  background: var(--green);
  padding: 0px 10px;
}
.logopost img {
  height: 300px;
}
.postcolumn-in2 {
  border: 4px solid var(--hColor);
  padding: var(--gap) var(--gap) var(--gap);
}
.singpost-img {
  margin-top: var(--gapsmall);
}
.postcolumn-in2 h3 {
  font-weight: 400;
}
.postcolumn-in2 .button {
  justify-content: center;
}
@media all and (max-width: 720px) {
  .logopost {
    height: 233px;
    margin-bottom: -40px;
  }
  .logopost::after,
  .logopost::before {
    height: 193px;
  }
  .logopost img {
    height: 200px;
  }
  .postcolumn-in2 {
    padding: var(--gapsmall);
    border: 2px solid var(--hColor);
  }
  #block-signpostprojekt .field--name-body,
  #block-signpost .field--name-body {
    flex-wrap: wrap;
  }
  .postcolumn {
    width: 100%;
  }
}
/*==================================================================================================================================
		front
==================================================================================================================================*/
#block-drualas-theme-logofront .field--name-body {
  display: flex;
  justify-content: center;
  align-items: end;
}
.fixedlogo {
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  transform-origin: center bottom;
  will-change: transform;
}
#block-drualas-theme-logofront img {
  width: clamp(200px, 27.092vw, 520px);
}
/*==================================================================================================================================
		kontakt
==================================================================================================================================*/
.floatblocks .field--name-field-body {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: var(--gapsmall);
  flex-wrap: wrap;
}
.floatblocks .field--name-field-body img {
  width: 200px;
}
.item-par-436 a {
  text-decoration: none;
  --link: var(--orange);
  --linkHover: var(--greenlight);
}
.item-par-433 .field--name-field-body {
  width: 100% !important;
}
/*==================================================================================================================================
		wohnungen button
==================================================================================================================================*/
#fixedwohnung {
  height: var(--gap);
}
.fixedwohnung2.button a {
  animation: unset !important;
  bottom: 0;
  opacity: 0;
  background-color: var(--bgSand);
}
.fixedwohnung2.button a:focus,
.fixedwohnung2.button a:hover {
  background-color: var(--buttonColor);
}
.scrolltop2 .fixedwohnung2.button {
  position: fixed;
  bottom: var(--gap);
  left: 0px;
  width: 100%;
  margin: 0px 0px;
}
.scrolltop2 .fixedwohnung2.button a {
  opacity: 1;
}
.scrolltop2 #fixedwohnung.effect .fixedwohnung2.button {
  position: relative;
  bottom: 0px;
}
/*=============================================================================================
	new banner na titulce
=============================================================================================*/
#block-drualas-theme-views-block-slick-block-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
#block-drualas-theme-views-block-slick-block-1 .view-slick .view-content {
  margin: 0px;
  position: static;
}
#block-drualas-theme-views-block-slick-block-1 .view-slick .view-content .slick-track,
#block-drualas-theme-views-block-slick-block-1 .view-slick .view-content .slick-list {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
#block-drualas-theme-views-block-slick-block-1 .view-slick .view-content .slick-list .slick-slide {
  margin: 0px;
}
.galerie-item {
  background-repeat: no-repeat;
  background-position: center top ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.galerie-item:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
}
.galerie-item:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 58%);
}
/**** grundriss *****/
.fixedcircle {
  position: fixed;
  top: 30%;
  right: 10px;
  z-index: 1;
  --kolSize: 180px;
  --kolSize2: 120px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: end;
  align-items: center;
}
a.grundriss {
  font-family: var(--fontFamily2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--white);
  color: var(--green);
  text-align: center;
  text-decoration: none;
  padding: 20px;
  width: var(--kolSize);
  height: var(--kolSize);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.grundimg {
  margin-bottom: 10px;
  line-height: 1px;
}
.grundimg img {
  width: 40px;
}
.grundsmall {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1em;
}
.grundbig {
  font-weight: 700;
  font-size: 25px;
  line-height: 1em;
}
a.videomain {
  font-family: var(--fontFamily2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--orange);
  color: var(--white);
  text-align: center;
  text-decoration: none;
  padding: 20px;
  width: var(--kolSize2);
  height: var(--kolSize2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
a.videomain .grundbig {
  font-size: 18px;
}
@media all and (max-width: 720px) {
  .fixedcircle {
    --kolSize: 120px;
    --kolSize2: 90px;
    top: auto;
    bottom: 70px;
  }
  .fixedcircle a {
    padding: 10px;
  }
  .grundimg {
    margin-bottom: 5px;
  }
  .grundimg img {
    width: 26px;
  }
  .grundsmall {
    font-size: 14px;
  }
  .grundbig {
    font-size: 16px;
  }
  a.videomain .grundbig {
    font-size: 16px;
  }
}
/*==================================================================================================================================
		borderaround
==================================================================================================================================*/
.borderaround {
  position: relative;
  padding-left: var(--gapsmall);
  padding-right: var(--gapsmall);
  padding-top: var(--gap);
  padding-bottom: var(--gap);
}
.borderaround:after {
  position: absolute;
  content: "";
  display: block;
  width: calc(100% - var(--gapsmall) - 8px);
  height: calc(100% - 8px);
  left: var(--gapsmaller);
  top: 0px;
  border: 4px solid var(--orange);
  pointer-events: none;
}
@media all and (max-width: 720px) {
  .borderaround {
    padding-top: var(--gap);
    padding-bottom: var(--gap);
    padding-left: var(--gapsmaller);
    padding-right: var(--gapsmaller);
  }
  .borderaround:after {
    border: 2px solid var(--orange);
    width: calc(100% - var(--gapsmall) - 4px);
    height: calc(100% - 4px);
  }
}
/*==================================================================================================================================
		ladění
==================================================================================================================================*/
iframe {
  max-height: 90vh;
}
.item-par-656 > .paragraph-content,
.item-par-633 > .paragraph-content {
  max-width: 760px;
}
@media all and (max-width: 720px) {
  h2 br {
    display: none !important;
  }
}
/**** scrollbar ***/
:root {
  scrollbar-color: var(--greenlight) var(--white);
  scrollbar-width: auto;
}
.around-poi > .attachment {
  overflow-y: scroll;
  scrollbar-width: auto;
  width: calc(30% - 10px) !important;
  padding: 0px 20px 0px 0px !important;
}
@media all and (max-width: 720px) {
  .around-poi > .attachment {
    width: 100% !important;
  }
}