@import "print.css";

:root {  
	
	--fontFamily:  'Roboto',Arial,Helvetica,"Nimbus Sans L",sans-serif;

	--transitionAll:.3s all ease-in-out;
	--transitionTop:.3s top ease-in-out;

	--green: #083025;
	--greenlight:#747c58;
	--textColor: #1d1d1b;
	--greenHover: #383e0a;
	--yellow: #e1ca9b;
	--yellow2: #ebe0c6;
	--bgSand:#faf7ef;
	--border:#d7d7c8;
	--hr:#757b58;
	--form:#757b58;

	--hColor:var(--greenlight);
	--link: var(--greenlight);
	--linkHover: var(--green);
	--buttonColor:var(--greenlight);

	--buttonPadding: 10px 20px;


	--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);

	--li: clamp(40px, 2.605vw, 50px);

	--h1: clamp(15px, 1.3025vw, 25px);/*ok*/
	--h2big:clamp(30px, 5.21vw, 100px); /*ok*/ 
	--h2big2: clamp(27px, 4.689vw, 90px);/*ok*/ 

	--h2:clamp(25px, 3.3865vw, 65px); 
	--h3: clamp(22px, 2.3445vw, 45px);  
	--h3f: clamp(20px, 1.8235vw, 35px);  

	--tabletext:16px;
 
	--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);



}

/*
	--gap: clamp(40px, 4.168vw, 80px);
	--gapminus: calc(clamp(40px, 4.168vw, 80px) * -1);

	--gapsmall: clamp(30px, 2.084vw, 40px);
	--gapsmallminus:calc(clamp(30px, 2.084vw, 40px) * -1);

	--gapsmaller: clamp(10px, 1.042vw, 20px);
	--gapsmallerminus:calc(clamp(10px, 1.042vw, 20px) * -1);

	--gapsmallest:  clamp(5px, 0.521vw, 10px);
	--gapsmallestminus:calc(clamp(5px, 0.521vw, 10px) * -1);
*/


 

@media all and (max-width: 720px) {

:root{
/*

	--gapbiggest: clamp(160px, 16.672vw, 320px);
	--gapbiggestminus: calc(clamp(160px, 16.672vw, 320px) * -1);

	--gapbig: clamp(40px, 8.336vw, 160px);
	--gapbigminus: calc(clamp(40px, 8.336vw, 160px) * -1);

	--gap: clamp(40px, 6.252vw, 120px);/*40/80*/
	--gapminus: calc(clamp(40px, 6.252vw, 120px) * -1);

	--gapsmall: clamp(20px, 3.126vw, 60px);/*20/40*/
	--gapsmallminus:calc(clamp(20px, 3.126vw, 60px) * -1);

	--gapsmaller: clamp(10px, 1.563vw, 30px);/*10/20*/
	--gapsmallerminus:calc(clamp(10px, 1.563vw, 30px) * -1);

	--gapsmallest:  clamp(5px, 0.7815vw, 15px);/*5/10*/
	--gapsmallestminus:calc(clamp(5px, 0.7815vw, 15px) * -1);

	--centerpadding: clamp(20px, 6.252vw, 120px);
	--centerpaddingminus:calc(clamp(20px, 6.252vw, 120px) * -1);

*/

}

}

/*
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
*/


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(--greenlight);

min-width:1200px;
scroll-behavior: smooth;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}

.layout-container{
background: var(--bgSand);

}

@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 {
 }

.black_bg {

background-color:var(--green);
color:var(--textColor);

--hColor:#fff;
--textColor: #fff;

h2{color:var(--yellow);}

}

/*==================================================================================================================================
		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: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .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(--hr);

}


.webform-submission-form > div.form-type-email label, 
.webform-submission-form > div.form-type-textfield label{
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .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(--hr);

}

/*** 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(--hr);padding:10px;   flex-shrink: 0;}

.captcha label:after{content:" MABELLE";font-weight:500;display:inline;color:var(--textColor);}

.captcha label{ 
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  position: absolute;
left:15px;
top:14px;
}

.captcha .focused  label{
   top: -25px;   font-size: 0.9em;  color: var(--hr);  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(--green);
  color: var(--textColor);
text-align:center;
--textColor: #fff;

--form:#888967;
  --link: #fff;
  --linkHover: var(--yellow);
--buttonColor: var(--yellow);
}

.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;}

.buttontel {
}


.footer-mail{
 margin: var(--gapsmall) 0px ;
font-size:var(--h3f);font-weight:500;line-height:1em;
}

.buttonanfrage {

}


.region-footer .block-webform{
  padding: var(--gapsmall) var(--gapsmall) 0;
}

.footer-text{

--buttonColor:var(--yellow);

 
.buttontel a:after{
width:18px;height:18px;
  background-image: url(../images/phone-button.svg)
}

.buttontel a:hover:after,
.buttontel a:focus:after {
  background-image: url(../images/phone-button-a.svg)
}

.buttonanfrage a:after{display:none;}

a[href*='?button']:hover,
a[href*='?button']:focus,
.button a:hover,
.button a:focus{
  color: var(--greenlight);
}


}


@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: #faf6ed;
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:center;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(255,255,255,0);

}


.scrolltop2 .region-header{
background:rgba(255,255,255,1);
  position: fixed;
  left: 0px;
}

.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-gallery .field__item .pswipeimg{
padding-bottom:70.5%;
}

 .field--name-field-gallery .field__item .pswipeimg img{
   position: absolute;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

*/


 /*
 .field--name-field-gallery > .field__item:nth-child(6n + 1) {  }
 .field--name-field-gallery > .field__item:nth-child(6n + 2) {  }

 .field--name-field-gallery > .field__item:nth-child(6n + 3) {width:61%;}
 .field--name-field-gallery > .field__item:nth-child(6n + 3) a.photoswipe{margin-left:var(--gap);}

 .field--name-field-gallery > .field__item:nth-child(6n + 4) {width:39%;}

 .field--name-field-gallery > .field__item:nth-child(6n + 5) {width:39%;}

 .field--name-field-gallery > .field__item:nth-child(6n)     {width:61%;}
 .field--name-field-gallery > .field__item:nth-child(6n) a.photoswipe{margin-right:var(--gap);}
*/

@media all and (max-width: 720px) {

.field--name-field-gallery2,
.field--name-field-gallery{
  margin: 0px var(--gapsmallerminus) var(--gapbig);
}

.field--name-field-gallery .field__item2,
.field--name-field-gallery .field__item {
  padding: 0px var(--gapsmaller);
  margin-bottom: var(--gapsmall);
}

/*
 .field--name-field-gallery > .field__item:nth-child(6n + 3) {width:50%;}
 .field--name-field-gallery > .field__item:nth-child(6n + 3) a.photoswipe{margin-left:0;}

 .field--name-field-gallery > .field__item:nth-child(6n + 4) {width:50%;}

 .field--name-field-gallery > .field__item:nth-child(6n + 5) {width:50%;}

 .field--name-field-gallery > .field__item:nth-child(6n)     {width:50%;}
 .field--name-field-gallery > .field__item:nth-child(6n) a.photoswipe{margin-right:0;}
*/

}

/*================== 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;
}


.region-content .menu--gallery ul li a{
 
}


.region-content .menu--gallery ul li.menu-item--active-trail > a,
.region-content .menu--gallery ul li a.is-active,
.region-content .menu--gallery ul li a:focus,
.region-content .menu--gallery ul li a:hover{
 
}

@media all and (max-width: 720px) {

.menu--gallery {
 
}

.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-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-signpost .field--name-body{
  display: flex;
  justify-content: center;
  align-items: inherit;
  margin: 0px var(--gapsmallminus);
}

.postcolumn{
  padding: 0px var(--gapsmall);
  width: 50%;
  display: flex;
}

.postcolumn ul li span{display:inline-block;}

.postcolumn-in{
  width: 100%;
  border-right: 2px solid var(--hColor);
  border-left: 2px solid var(--hColor);
  border-bottom: 2px solid var(--hColor);
width:100%;
}

.region-content .postcolumn-in ul > li {
  margin-bottom: 0px;
}

.logopost{
  display: flex;
  justify-content: center;
  margin-bottom: -60px;
position:relative;
height:335px;
}

.logopost:after,
.logopost:before{
width:4px;
background: var(--bgSand);
content:"";display:block;position:absolute;top:0px;
  height:  275px;
}

.logopost:after{
left:-3px;
}

.logopost:before{
right:-3px;
}


.logopost1{
background:var(--bgSand);padding:0px 10px;
}

.logopost img{
height:300px;
}


.postcolumn-in2{
border-top:2px solid var(--hColor);
  padding: var(--gap) var(--gapsmall) var(--gapsmall);
}

.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-top: 60px;
}

#block-signpost .field--name-body{
  flex-wrap: wrap;
}

.postcolumn {
  width: 100%;
}

.postcolumn:first-child {
  margin-bottom: var(--gap);
}

}


/*==================================================================================================================================
		houses
==================================================================================================================================*/


.logoprojekt{
  text-align: center;
}

.logoprojekt img{
  width: clamp(200px, 20.84vw, 400px);
}
 

.keys .field--name-field-body {
  padding: clamp(30px, 4.168vw, 80px) ;
  width: 100% !important;
  border: 1px solid var(--hr);
}

.keys .field--name-field-body table{
margin:0px;
}


.item-par-478 h2 + p{
  color: var(--hColor);
}

.keys > .paragraph-content{
padding-right:var(--gapsmall) !important;
}

@media all and (max-width: 720px) {

.keys > .paragraph-content{
padding-right:0px !important;
}

}

@media all and (max-width: 450px) {


.keys table tbody,
.keys table{
display:block;
}

.keys table tr{
display:block;
}

.keys table tr td{display:block;padding:0px;}

.keys table tr td:first-child{    padding-top: 10px;}
.keys table tr td:last-child{    padding-bottom: 10px;}

}

/*==================================================================================================================================
		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;
}

.item-par-433 .field--name-field-body{
  width: 100% !important;
}

/*==================================================================================================================================
		curves
==================================================================================================================================*/

.layout-container,
.paragraph--type--image,
.paragraph--type--contentgroup,
.region-footer,
main{position:relative;}



main:before{
pointer-events:none;display:block;content:"";
position:absolute;top:0px;right:0px;
width:clamp(70px, 11.3021vw, 217px);
height:clamp(246px, 39.5833vw, 760px);
z-index: 1;
background:url(../images/curve/curve-1.svg) no-repeat right top;
background-size:100% auto;
}

/** kontakt,wohnugs, austattung, lage , projekt **/

.page-id-223,
.page-id-229,.page-id-230,
.page-id-224,
.page-id-226,
.page-id-228{
main:before{
pointer-events:none;display:block;content:"";
position:absolute;top:var(--gapbig);right:0px;
width:clamp(94px, 15.0569vw, 289px);
height:clamp(305px, 49.2345vw, 945px);
z-index: 1;
background:url(../images/curve/curve-2.svg) no-repeat right top;
background-size:100% auto;
}

}

/** front **/


.page-id-49{

main:before{
display:none;
}

.region-highlighted:before{
pointer-events:none;display:block;content:"";
position:absolute;top:var(--gapbig);right:0px;
width:clamp(94px, 15.0569vw, 289px);
height:clamp(305px, 49.2345vw, 945px);
z-index: 1;
background:url(../images/curve/curve-3.svg) no-repeat right top;
background-size:100% auto;
}

.region-highlighted:after{
pointer-events:none;display:block;content:"";
position:absolute;top:0px;left:0px;
width:clamp(157px, 25.4248vw, 488px);
height:clamp(92px, 14.7443vw, 283px);
z-index: 1;
background:url(../images/curve/curve-0.svg) no-repeat left top;
background-size:100% auto;
}


}


/** projekt **/
.item-par-378:before{
pointer-events:none;display:block;content:"";
position:absolute;top:calc(50% - calc(clamp(292px, 47.1505vw, 905px) * 0.5));left:0px;
width:clamp(125px, 20.319vw, 390px);
height:clamp(292px, 47.1505vw, 905px);
z-index: 1;
background:url(../images/curve/curve-left1.svg) no-repeat left top;
background-size:100% auto;
}


/** lage **/

.item-par-453:before{
pointer-events:none;display:block;content:"";
position:absolute;  bottom: 30%;left:0px;
width:clamp(125px, 20.319vw, 390px);
height:clamp(292px, 47.1505vw, 905px);
z-index: 1;
background:url(../images/curve/curve-left1g.svg) no-repeat left top;
background-size:100% auto;
}

.item-par-453:after{
pointer-events:none;display:block;content:"";
position:absolute;  top: 70%;right:0px;
width:clamp(82px, 13.3376vw, 256px);
height:clamp(291px, 46.9942vw, 902px);
z-index: 1;
background:url(../images/curve/curve-right1.svg) no-repeat right top;
background-size:100% auto;
}

/** austattung **/

.item-par-428:before{
pointer-events:none;display:block;content:"";
position:absolute;  bottom: var(--gapsmall);left:0px;
width:clamp(125px, 20.319vw, 390px);
height:clamp(292px, 47.1505vw, 905px);
z-index: 1;
background:url(../images/curve/curve-left1g.svg) no-repeat left top;
background-size:100% auto;
}


/** front **/

.item-par-412:before{
pointer-events:none;display:block;content:"";
position:absolute;top:-10%;left:0px;
width:clamp(108px, 17.5577vw, 337px);
height:clamp(252px, 40.7422vw, 782px);
z-index: 1;
background:url(../images/curve/curve-left1g.svg) no-repeat left top;
background-size:100% auto;
}


.item-par-360:after{
pointer-events:none;display:block;content:"";
position:absolute;  top: var(--gap);right:0px;
width:clamp(82px, 13.3376vw, 256px);
height:clamp(291px, 46.9942vw, 902px);
z-index: 1;
background:url(../images/curve/curve-right1.svg) no-repeat right top;
background-size:100% auto;
}

.item-par-350:before{
pointer-events:none;display:block;content:"";
position:absolute;top:var(--gapsmallminus);left:0px;
width:clamp(140px, 22.7156vw, 436px);
height:clamp(276px, 44.6497vw, 857px);
z-index: 1;
background:url(../images/curve/curve-left2g.svg) no-repeat left top;
background-size:100% auto;
}



/** gallery **/

.node-gallery{
position:relative;
}

.node-gallery:before{
pointer-events:none;display:block;content:"";
position:absolute;  bottom: 20%;left:0px;
width:clamp(125px, 20.319vw, 390px);
height:clamp(292px, 47.1505vw, 905px);
z-index: 1;
background:url(../images/curve/curve-left1g.svg) no-repeat left top;
background-size:100% auto;
}


/*** footer ***/

.region-footer:before{
pointer-events:none;display:block;content:"";
position:absolute;bottom:0px;right:0px;
width:clamp(196px, 31.66667vw, 608px);
height:clamp(147px, 23.6458vw, 454px);
z-index: 1;
background:url(../images/curve/curve-bottom.svg) no-repeat right bottom;
background-size:100% auto;
}




/*** menu ***/

.mml1:before{
pointer-events:none;display:block;content:"";
position:absolute;bottom:0px;right:0px;
width:21.7188vw;height:41.4583vw;

width:clamp(134px, 21.7188vw, 417px);
height:clamp(257px, 41.4583vw, 796px);


z-index: 1;
background:url(../images/curve/curve-menu.svg) no-repeat right bottom;
background-size:100% auto;
}

@media all and (min-width: 1920px) {

.mml1:before{width:417px;height:796px;}

}


/*==================================================================================================================================
		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;
}

/*==================================================================================================================================
		austattung blok line
==================================================================================================================================*/

.austattungslinie > .paragraph-content > .paragraph-content-list{
  background: white;
  border: 2px solid var(--hColor);
  padding: var(--gapsmall) var(--gapsmall) var(--gapsmall);
 
  max-width: calc(1200px + var(--gap));
  margin: auto;
}

.austattungslinie  .field--name-field-prilohy  .button{
  justify-content: center;
}

.austattungslinie  .field--name-field-prilohy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.austattungslinie  .field--name-field-prilohy .field__item {
  margin:0px;
}

.linie{
  max-width: 800px;
}

@media all and (max-width: 720px) {

.linie.paragraph--position--two > .paragraph-content > .paragraph-content-list > div {
width:50%;

h3{
  font-size: 17px;
}

}

}


/*==================================================================================================================================
		ladění
==================================================================================================================================*/

iframe{
max-height:90vh;
}

@media all and (max-width: 720px) {



h2 br{display:none !important;}

}

/**** scrollbar ***/

:root{

 
  scrollbar-color: #c8cbb5 #eeefe9 ;
  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;
}


}


/*=============================================================================================
	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 center ; 
  -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{
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--yellow);
  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{
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--green);
  color: var(--yellow);
  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;
.grundbig{
  font-size:18px;
}

}


@media all and (max-width: 720px) {

.fixedcircle{
    --kolSize: 120px;
    --kolSize2: 90px;
  top: auto;
    bottom: 70px;

 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;
  }
}

}