@import "print.css";
@media all and (max-width: 720px) {}

:root {

	--fontFamily:  'Duplet',Arial,Helvetica,"Nimbus Sans L",sans-serif;
	--transitionAll:.3s all ease-in-out;
	--transitionTop:.3s top ease-in-out;

	--radius: 0px;

/* colors */

	--dark: #38235F;

	--darkrgb: 56,35,95;
	--dark2: #918CC7;
	--dark3: #e9e8f3;
	--dark4: #d8d6ea;

	--light:#ffffff;

	--primary:#B0914A;
	--primary2:#eee9db;

  


	--bgform: #d8d6ea;
	--textColor: var(--dark);
	--hColor: var(--dark);

	--hr:rgba(var(--darkrgb),0.2);
	--border:rgba(var(--darkrgb),0.2);

	--link: var(--dark);
	--linkHover: var(--dark2);



	--buttonColorText:var(--light);
	--buttonColor:var(--dark2);
	--buttonColorBg:var(--dark2);

	--buttonColorTextHover:var(--dark2);
	--buttonColorHover:var(--dark);
	--buttonColorBgHover:var(--dark);



/* gap */

	--mezera:80px;

	--gapbig: var(--mezera);
	--gapbigminus: calc(var(--mezera) * -1);
	--gap: calc(var(--mezera) * 0.5);
	--gapminus: calc(var(--mezera) * -0.5);
	--gapsmall: calc(var(--mezera) * 0.25);
	--gapsmallminus:calc(var(--mezera) * -0.25);
	--gapsmaller:calc(var(--mezera) * 0.125);
	--gapsmallerminus:calc(var(--mezera) * -0.25);
	--gapsmallest:calc(var(--mezera) * 0.0625);
	--gapsmallestminus:calc(var(--mezera) * -0.0625);

	--center: 1600px;
	--centernorrow: 780px;

	--centerpadding: var(--mezera);
	--centerpaddingminus:calc(var(--mezera) * -1);

/* font size */

	--h1:40px;
	--h2:30px;
	--h3:25px;
	--h4:20px;

	--basic:16px;
	--big:20px;
	--middle:16px;
	--small:13px;

/* formáty textu */

	--button: var(--basic);
	--buttonPadding: 10px 40px;

	--menusize: var(--big);
	--menusize2: var(--basic);

	--label: var(--basic);
	--basictext: var(--basic);
	--tabletext: var(--basic);

/* view */

	--v4sirka:calc(25% - calc(var(--gapsmall) * 3 * 0.25) );
	--v3sirka:calc(33.33% - calc(var(--gapsmall) * 2 * 0.3333) );
	--v2sirka:calc(50% - calc(var(--gapsmall) * 1 * 0.5) );
	--v4sirka2:calc(25% - calc(var(--gapbig) * 3 * 0.25) );

 

}


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

:root{
--v4sirka: calc(33.333% - calc(var(--gapsmall) * 2 * 0.3333) );
--v4sirka2: calc(33.333% - calc(var(--gapbig) * 2 * 0.3333) );

}

}

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

:root{

	--mezera:60px;

	--v4sirka2: 100%;
	--v4sirka: calc(50% - calc(var(--gap) * 0.5) );
	--v3sirka:calc(50% - calc(var(--gap) * 0.5) );

	--centerpadding: 30px;
	--centerpaddingminus:-30px;

 	--buttonPadding: 10px 20px;

	--h1:40px;
	--h2:30px;
	--h3:25px;
	--h4:18px;

	--basic:16px;
	--big:20px;
	--middle:13px;
	--small:10px;


	--menusize: var(--big);
	--menusize2: var(--basic);


}

}

@media all and (max-width: 550px) {
:root{
--v3sirka:100%;
--v4sirka: 100%;
--v4sirka2: 100%;

}
}



body{
margin:0px;
padding:0px;
font-weight: 400;
font-family: var(--fontFamily);
font-size: var(--basictext);
line-height: 1.5em;
color: var(--textColor);
background: var(--dark2);
min-width:1200px;
scroll-behavior: smooth;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}


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

body{
min-width:0px;
}

}

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

}

.layout-container:after{
content:"";width:100%;display:block;
height:328px;
background:url(../images/bg.svg) repeat-x center bottom;
background-size:auto 100%;
}


.layout-content {
padding-top:var(--gapbig);
padding-bottom:var(--gapbig);
}


.path-frontpage .layout-content {
padding-top:0;
}

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

.layout-content {
padding-top:var(--gap);
padding-bottom:var(--gap);
}


.layout-container::after{
background-image:url(../images/bg2.svg);
    height: 260px;
    background-size: auto 240px;
    background-position: center calc(100% - 20px);
}

}


/*==================================================================================================================================
		bg
==================================================================================================================================*/


.lightpurplebg {
background:var(--dark3);
}

.darkpurplebg {
--textColor:var(--light);
background:var(--dark);
color:var(--textColor);

blockquote{color:var(--light);}

--hColor:var(--dark2);

}

.layout-content{
background-repeat:no-repeat;
}

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


.pravevelke .layout-content{background-image:url(../images/pravevelke.svg);background-size:210px auto;background-position:right calc(var(--gapbig) * 2);}
.levedlouhe .layout-content{background-image:url(../images/levedlouhe.svg);background-size:105px auto;background-position:left calc(var(--gapbig) * 2 + var(--gap));}

.page-node-type-osoba .layout-content{background-image:url(../images/pravemale.svg);background-size:153px auto;background-position:right  calc(var(--gapbig) * 2 + var(--gap));}

.pravemale .layout-content{background-image:url(../images/pravemale.svg);background-size:153px auto;background-position:right  var(--gapbig);}

}

.bordertop {border-top:2px solid var(--dark3);}
.borderbottom{border-bottom:2px solid var(--dark3);}


/*==================================================================================================================================
		center
==================================================================================================================================*/

.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,
.center,
#cookies-docs{width: 100%;
max-width:var(--center);margin:0px auto;padding-left:var(--centerpadding);padding-right:var(--centerpadding);
  position: relative;
}

.center_narrow  ,
.paragraph--position--center_narrow  > .paragraph-content{
max-width:calc(var(--centernorrow) + var(--centerpadding) + var(--centerpadding)) ;width: 100%;
margin:0px auto;padding:0px  var(--centerpadding);
  position: relative;
}

.paragraph--position--center_narrow > .paragraph-content .paragraph--position--centred > .paragraph-content,
.paragraph--position--center_narrow  > .paragraph-content  .paragraph--position--center_narrow  > .paragraph-content, 
.center  .paragraph--position--center_narrow  > .paragraph-content, 
.center .paragraph--position--centred > .paragraph-content,
.center .center,
.paragraph--position--centred .paragraph--position--center_narrow  > .paragraph-content, 
.paragraph--position--centred > .paragraph-content .paragraph--position--centred > .paragraph-content{padding:0px;}

/*==================================================================================================================================
		odsazeni
==================================================================================================================================*/

.margin_top,
.odsazeni_zhora{margin-top:var(--gap);}

.margin_bottom,
.odsazeni_zespoda{margin-bottom:var(--gap);}

.margin_top_big{margin-top:var(--gapbig);}
.margin_bottom_big{margin-bottom:var(--gapbig);}

.margin_top_small{margin-top:var(--gapsmall);}
.margin_bottom_small{margin-bottom:var(--gapsmall);}


.padding_top_big{padding-top:var(--gapbig);}
.padding_bottom_big{padding-bottom:var(--gapbig);}
.padding_top{padding-top:var(--gap);}
.padding_bottom{padding-bottom:var(--gap);}
.padding_top_small{padding-top:var(--gapsmall);}
.padding_bottom_small{padding-bottom:var(--gapsmall);}

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

.mobilepaddingtopzero{padding-top:0;}

.mobilepaddingbottomzero{padding-bottom:0;}

}


/*==================================================================================================================================
		header
==================================================================================================================================*/

#header{
width:100%;
min-width:1200px;

position:fixed;
top:0px;left:0px;
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
background:rgba(var(--darkrgb),1);
  z-index: 10;
}

.path-frontpage #header{
background:rgba(var(--darkrgb),1);
}

.scrolltop2 #header{
background:rgba(var(--darkrgb),1);
}

.region-header{
height:80px;
max-width: var(--center);
  gap: var(--gapsmall);
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
  padding:16px var(--centerpadding);
}

.user-logged-in #header{
top: 80px;
}

#block-drualas-theme-site-branding{
  position: relative;
  z-index: 1;  flex-shrink: 0;
}

a.site-logo{
 line-height: 1px;
display:block;
}

a.site-logo img{
height:34px;
    -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;
}

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

#header{
min-width:0px;
}

.region-header{
height:54px;

  padding: 12px var(--centerpadding);
}

a.site-logo img{
width:180px;height:auto;
}

.path-frontpage #header {
  background: rgba(var(--darkrgb),1);
}

 

}



/*==================================================================================================================================
	header bg
==================================================================================================================================*/

.header-around{
  position: relative;
padding-top:80px;
  background: var(--dark);
}
/*
.path-frontpage .header-around{
padding-top:0px;
}
*/
@media all and (max-width: 720px) {

.header-around ,
.path-frontpage .header-around {
  padding-top: 54px;
}

}
 

/*==================================================================================================================================
		footer
==================================================================================================================================*/

.region-bottom{
  font-size: var(--middle);line-height:1.5em;

  --link: var(--dark);
  --linkHover: var(--dark2);
  --textColor: var(--dark);
  --hColor: var(--dark);

  color: var(--textColor);  

  padding:var(--gap) 0px;

  a{text-decoration:none;}

  a:hover,
  a:focus{text-decoration:underline;}

  p{margin:0px;}

background:var(--dark3);
}

.region-bottom .center{
   display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px var(--centerpadding);

}


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

.region-bottom .center {
    text-align: start;
    flex-wrap: wrap;
    flex-direction: column;
}
  
}


/*==============================================================================================================
	down 
==============================================================================================================*/

#downl a{
  z-index: 1;  content: "";
  display: block;
  position: absolute;
  width: 40px;
  margin: auto; 
  height: 40px;
  background: url(../images/arrow-down.svg) center center no-repeat var(--dark2);
background-size:19px auto;
  bottom: 50px;
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
left: 50%;
  margin-left: -20px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

#downl a:focus,
#downl a:hover{
  background-image: url(../images/arrow-down-a.svg);
background-color:var(--dark);
}


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

#downl{   display:none;}

}



/*==================================================================================================================================
		total bottom
==================================================================================================================================*/

.region-totalbottom{
  font-size: var(--small);line-height:1.5em;

  --link: var(--dark);
  --linkHover: var(--light);
  --textColor: var(--dark);
color: var(--textColor);  

a{text-decoration:none;}
p{margin:0px;}

}

.region-totalbottom .field--name-body{
padding:var(--gapsmall) 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px var(--centerpadding);
}

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

.region-totalbottom .field--name-body{
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

}



/*==================================================================================================================================
	view clanky
==================================================================================================================================*/

.viewrows .view-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: inherit;
gap:var(--gapsmall);
}

.view-content .views-row{
position:relative;  display: flex;
  justify-content: inherit;
  align-items: inherit;
}

.viewcol4 > .view-content .views-row{
  width: var(--v4sirka);
}

.viewcol3 > .view-content .views-row{
  width: var(--v3sirka);
}

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

.viewrows .view-content {
 
  gap: var(--gap);
}

}

/*==================================================================================================================================
	teaser
==================================================================================================================================*/

 
.teaser-article{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  background: var(--light);
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  color: var(--textColor);
  text-decoration: none;
overflow:hidden;
text-align:left;
width:100%;

h3{margin:0px;}

}



.teaser-inner{
width:100%;
padding:var(--gapsmall);
}

.teaser-img{
line-height:1px;width:100%;
}

a {
	.field--name-field-galerie,
	.field--name-field-viewimage{
    		line-height: 1px;
    		overflow: hidden;
		position:relative;

		img {
      			width: 100%;
      			object-fit: cover;
      			-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;
    		}
	}
}

 
.teaser-article:hover,
.teaser-article:focus{
--hColor:var(--dark2);
}


a:hover,a:focus {
	.field--name-field-galerie,
	.field--name-field-viewimage{
	
		img{
  			-webkit-transform: scale(1.05);
  			-moz-transform: scale(1.05);
  			-o-transform: scale(1.05);
  			-ms-transform: scale(1.05);
  			transform: scale(1.05);
  			-webkit-transform-origin: center center 0;
  			-moz-transform-origin: center center 0;
  			-o-transform-origin: center center 0;
  			-ms-transform-origin: center center 0;
  			transform-origin: center center 0;
		}
	}
}

.article-category{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
  background-color: var(--dark2);
  color: var(--light);
font-weight:700;
width:31px;height:31px;display:flex;justify-content:center;align-items:center;
}


.view-aktuality .field--name-field-kategorie{
  background-color: var(--dark2);
  color: var(--light);
  font-weight: 400;
  line-height: 1em;
  padding: 5px 10px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.view-aktuality{

.pravni_cinnost .article-category,
.pravni_cinnost .field--name-field-kategorie{
  background-color: var(--primary);
  color: var(--dark);
}

}

.teaser-inner-bottom{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: var(--gap) var(--gapsmall) var(--gapsmall);
  margin: auto 0px 0px;
}

.readmore{
  color: var(--dark);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0px 5px;
}

.readmore:before{
  flex-shrink: 0;
  background: url(../images/arrow-right.svg) no-repeat center center;
  background-size: 100% auto;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
}


a[target="_blank"] .readmore{
  text-decoration: underline;
}

a[target="_blank"]:focus .readmore,
a[target="_blank"]:hover .readmore{
  text-decoration: none;
}

/*
a:hover,a:focus{

.readmore{
color:var(--dark2);  text-decoration: underline;
}

.readmore:before{
  background-image: url(../images/arrow-right.svg);
}

} */

/*==================================================================================================================================
	hlavicka article
==================================================================================================================================*/

.news-category{
  margin-bottom: var(--gap);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gapsmall);
}

.backbutton a{
background-color:var(--dark3);
color:var(--dark2);
border-color:var(--dark3);
background-image:url(../images/arrow-left.svg);
background-repeat: no-repeat;
background-size:14px auto;
background-position:calc(100% - 15px) center;
  padding-right: 50px;
}

.backbutton a:focus,
.backbutton a:hover{
background-image:url(../images/arrow-left.svg);
}

.pravni_cinnost .catbutton a{
background-color:var(--primary);
color:var(--dark);
border-color:var(--primary);
}

.news-category .catbutton a:focus,
.news-category .catbutton a:hover{
background-color:var(--dark);
color:var(--dark2);
border-color:var(--dark);
}


.pravni_cinnost .catbutton a:focus,
.pravni_cinnost .catbutton a:hover{
background-color:var(--primary2);
color:var(--dark);
border-color:var(--primary2);
}



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

.news-category{
  flex-direction: column;
}

}
 


/*==================================================================================================================================
	filtry
==================================================================================================================================*/

.views-exposed-form .form--inline{
  display: flex;
  justify-content: center;
  align-items: end;
  gap: var(--gapsmall);
  flex-wrap: wrap;
}

.bef-exposed-form .form--inline > .form-item{
  float: none;
  margin: 0px;
}

.region-content .bef-links  ul{
  margin: 0px 0px 0px;
  display: flex;
  gap: 12px;  flex-wrap: wrap;
}

.region-content .bef-links  ul li{
  margin-bottom: 0px;
  padding-left: 0px;
}

.region-content .bef-links  ul li:before{
display:none; 
}


.bef-links ul a {
   font-family: var(--fontFamily);
  border: 1px solid var(--dark3);
  background-color: var(--dark3);
  color: var(--dark2);
  font-weight: 700;
  min-height: 0px;
  font-size: var(--button);
  line-height: 1em;
  padding: var(--buttonPadding); 
  margin: 0px;  text-align: center;
  text-decoration: none;
  display: inline-block;
 -webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.bef-links ul a:hover,
.bef-links ul a:focus{
   border-color: var(--buttonColorHover);
  background-color: var(--buttonColorBgHover);
  color: var(--buttonColorTextHover);
}

.bef-links ul a.bef-link--selected{
 
}

/**/
 
.bef-links ul a[id*='edit-field-kategorie-value-selective-pravni-cinnost']{
  border: 1px solid var(--primary);
  background-color: var(--primary);
  color: var(--dark);
}

.bef-links ul a[id*='edit-field-kategorie-value-selective-pravni-cinnost']:focus,
.bef-links ul a[id*='edit-field-kategorie-value-selective-pravni-cinnost']:hover{
  border: 1px solid var(--primary2);
  background-color: var(--primary2);
  color: var(--dark);
}

.bef-links ul a[id*='edit-field-kategorie-value-selective-pravni-cinnost'].bef-link--selected{
}

 
/**/

.bef-links ul a[id*='edit-field-kategorie-value-selective-osobni-cinnost']{
  border: 1px solid var(--dark2);
  background-color: var(--dark2);
  color: var(--dark);
}

.bef-links ul a[id*='edit-field-kategorie-value-selective-osobni-cinnost']:focus,
.bef-links ul a[id*='edit-field-kategorie-value-selective-osobni-cinnost']:hover{
  border: 1px solid var(--dark);
  background-color: var(--dark);
  color: var(--dark2);
}

.bef-links ul a[id*='edit-field-kategorie-value-selective-osobni-cinnost'].bef-link--selected{
}


/**/
.bef-links:has(a[id*='edit-field-kategorie-value-selective-osobni-cinnost'].bef-link--selected) a ,
.bef-links:has(a[id*='edit-field-kategorie-value-selective-pravni-cinnost'].bef-link--selected) a {
opacity:0.3;

&:hover,&:focus{opacity:1;}

}

.bef-links:has(a[id*='edit-field-kategorie-value-selective-osobni-cinnost'].bef-link--selected) a.bef-link--selected ,
.bef-links:has(a[id*='edit-field-kategorie-value-selective-pravni-cinnost'].bef-link--selected) a.bef-link--selected {
opacity:1;
}

 



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

.region-content .bef-links ul{
  flex-direction: column;  text-align: center;
}

.bef-links ul a{width:100%;}

}


/*==================================================================================================================================
	klienti
==================================================================================================================================*/

/*
.view-klienti .view-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: inherit;
  gap: var(--gap) var(--gapsmall);
}

.view-klienti .view-content .views-row{
    width: calc(20% - calc(var(--gapsmall) * 4 * 0.2) );
display: flex;
  justify-content: center;
  align-items: inherit;
}*/ 


/*
.teaser-klienti{
width:100%;
border:1px solid var(--dark);
display: flex;
  justify-content: center;
  align-items: center;
padding:40px 30px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}*/

.teaser-klienti .field--name-field-ikona{
width:258px;height:142px;
padding:20px 60px;
display:flex;justify-content:center;align-items:center;
}

.teaser-klienti img{
  filter: grayscale(100%);
}


 

.marquee-content { display: inline-flex; will-change: transform; }

.klienti .view-content{ overflow: hidden; white-space: nowrap; cursor: grab; touch-action: pan-y; }

.klienti .view-content:active { cursor: grabbing; }

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

.teaser-klienti .field--name-field-ikona{
width:178px;
padding:20px 35px;
}


}


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

.view-klienti {overflow:hidden;   margin: 0px var(--centerpaddingminus);}

.view-klienti .view-content{
    padding: 0px 0px;
 
}

.teaser-klienti{
  border: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
  padding: 10px;
}


.view-klienti .view-content .views-row{
    width: calc(25% - calc(var(--gapsmall) * 3 * 0.25) );
}

}

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

.view-klienti .view-content .views-row{
    width: calc(33.33% - calc(var(--gapsmall) * 2 * 0.3333) );
}

}*/


/*==================================================================================================================================
	osoby vypis
==================================================================================================================================*/

.view-team .view-content {
  gap: var(--gapbig);
}

.view-team > .view-content .views-row {
  width: var(--v4sirka2);
}

.teaser-osoba{
  max-width: 280px;
}

.teaser-osoba-inner{
color:var(--dark);
border-top:2px solid var(--dark);
padding-top:var(--gapsmall);
margin-top:var(--gapsmall);


.field--name-field-pozice{
margin-top:20px;
}

h3 a{text-decoration:none;}

}

.teaser-osoba-img{
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 1px;
}


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

.view-team .view-content {
  gap: var(--gap);
}

.view-team > .view-content .views-row{
border-top:2px solid var(--dark3);    padding-top: var(--gap);

}

.teaser-osoba {
  max-width: 100%;
  display: flex;
  align-items: start;
  gap: var(--gapsmall);
  justify-content: start;

  --link: var(--dark);
}


.teaser-osoba-img{
  width: 80px;
  flex-shrink: 0;
}

.teaser-osoba-inner{
  border-top: none;
  padding-top: 0;
  margin-top: 0;
  color: var(--dark);

h3{
  margin: 0px auto 0px;
}

  & .field--name-field-pozice {
    margin-top: 0px;
  }
}

}

.person-columns .field--name-field-evccak{margin:0px 0px 20px;}


.field--label-inline {
  display: flex;
  gap: 5px;  flex-wrap: wrap;
}

/*==================================================================================================================================
	filtr
==================================================================================================================================*/

.view-filters{margin-bottom:var(--gap);} 


/*==================================================================================================================================
	osoby detail
==================================================================================================================================*/

.person-columns{
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--gapbig);
margin-bottom:var(--gap);
}


.person-column.first{
border-top:2px solid var(--dark);
padding-top:var(--gapsmall);

.node-title{margin:0px;}

.person-contats,
.field--name-field-pozice{margin-bottom:20px;}
}

.person-column p + ul{
margin-top:-20px;
}
 
.region-content .person-column  ul > li {
  padding-left: 20px;
}

.region-content .person-column ul li::before {
background:url(../images/arrow-right.svg) no-repeat center center;
background-size:12px auto;
  top: 6px;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
}


.person-column.last{
width:42%;  flex-shrink: 0;
}

.field--name-field-flip-image,
.field--name-field-viewimage{line-height:1px;}

.flipimg{
position:relative;
}

.field--name-field-flip-image{position:absolute;top:0px;left:0px;opacity:0;
width:100%; -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;
}

.flipimg:hover .field--name-field-flip-image{
opacity:1;
}

.person-socials{
margin-top:var(--gap);
text-align:center;
display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
gap:10px;
}


.person-socials-label{
width:100%;color:var(--dark2);
}

.field--name-field-youtube a,
.field--name-field-linkedin a,
.field--name-field-instagram  a,
.field--name-field-facebook a{
  display: block;
width:40px;height:40px;line-height:100em;overflow:hidden;
background-repeat:no-repeat; background-position:center center;
background-size:100% auto;
}

.field--name-field-facebook a{background-image: url(../images/fb.svg);}

.field--name-field-facebook a:hover,
.field--name-field-facebook a:focus{background-image: url(../images/fb-a.svg);}

.field--name-field-instagram  a{background-image: url(../images/insta.svg);}

.field--name-field-instagram  a:hover,
.field--name-field-instagram  a:focus{background-image: url(../images/insta-a.svg);}

.field--name-field-linkedin a{background-image: url(../images/linked.svg);}

.field--name-field-linkedin a:hover,
.field--name-field-linkedin a:focus{background-image: url(../images/linked-a.svg);}


.field--name-field-youtube a{background-image: url(../images/you.svg);}

.field--name-field-youtube a:hover,
.field--name-field-youtube a:focus{background-image: url(../images/you-a.svg);}


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

 

.person-columns{
  flex-direction: column;
  gap: var(--gap);
}

.person-column.last{
order:0;
  width: 100%;

img{width:100%;}

}
 


.person-column.first{
order:1;
  border-top: none;  padding-top: 0;
}

}


/*==================================================================================================================================
	Footer form
==================================================================================================================================*/

.webform-submission-form > div.form-type-tel label,
.webform-submission-form > div.form-type-textarea label,
.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:calc(var(--gapsmall) + 10px) ;
top:21px;
}

.webform-submission-form > div.form-type-tel.focused label,
.webform-submission-form > div.form-type-textarea.focused label,
.webform-submission-form > div.form-type-email.focused label,
.webform-submission-form > div.form-type-textfield.focused label{
   top: 11px;   font-size: var(--small);   

}


/*** captcha ***/


.captcha{
margin:0px 0px 20px;
}

.captcha legend{
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow:hidden;
  clip: rect(1px,1px,1px,1px);
}

.captcha input{width:292px;min-width:292px;max-width:292px;border:1px solid var(--border);   flex-shrink: 0;}

.captcha label:after{content:" SCHAGERER";font-weight:700;display:inline;color:var(--dark);}

.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: var(--gapsmall);
  top: 21px;
}

.captcha .focused  label{
   top: 11px;      color: rgba(var(--darkrgb),0.48);  font-size:var(--small);

}


.captcha .form-item {
  flex-wrap: wrap;  max-width: 292px;
margin-bottom:0px;
  display: flex;
  justify-content: start;
  align-items: start;
gap:10px;
}

.captcha .description{
  align-self: center;
  padding: 0px;
  text-align: center;
  color: #918CC7;
  opacity: 0.5;
  width: 100%;
}

.captcha .captcha__description{
display:none;
} 

.captcha__element{
  display: flex;
  justify-content: center;
}

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

.captcha .form-item {
flex-wrap:wrap;
}


}

/*** messages ***/

.form-item--error-message{display:none;}

.region-content .messages ul{
margin:0px;
}

/*** confirm ***/

.webform-confirmation{
  text-align: center;
}

.webform-confirmation__message{
  font-size: var(--h2);  margin: 0px 0px 20px !important;
  font-weight: 700;    color: var(--primary);
}
 

.region-content .webform-confirmation__message{
color:var(--dark);
}


/*** form ***/


.webform-submission-form {
display:flex;margin:0px -10px;
flex-wrap:wrap;
justify-content:start;align-items:start;

.form-submit{

/*width:100%;*/
}

}

.webform-submission-form > fieldset,
.webform-submission-form > div{
padding:0px 10px 0px;width:100%;position:relative;
}

.webform-submission-form > div.webform-type-tel,
.webform-submission-form > div.form-type-email,
.webform-submission-form > div.form-type-textfield{
width:50%;
}

.form-item--error-message{display:none;}
 
.webform-confirmation{
  text-align: center;
}

.webform-confirmation__message{
  font-size: var(--h2);  margin: 0px 0px 20px !important;
  font-weight: 700;    color: var(--dark);
}
 

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

.webform-submission-form > div.webform-type-tel,
.webform-submission-form > div.form-type-email, .webform-submission-form > div.form-type-textfield {
  width: 100%;
}

}

/*==================================================================================================================================
		kontakt
==================================================================================================================================*/

.kontakt{
font-size:var(--big);line-height:1.5em;



}

.kontakt .view-team > .view-content .views-row {
  width: calc(50% - (var(--gapbig) * 0.5));
}

#block-webform{
  max-width: var(--centernorrow);
  margin: auto;
}

.webform-type-checkbox{
   text-align: center;

label{  width: auto !important;}

}

iframe{border:1px solid var(--dark3) !important;}


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

.kontakt .view-team > .view-content .views-row {
  width: 100%;
}

.kontakt .view-team > .view-content .views-row:last-child{
    border-bottom: 2px solid var(--dark3);padding-bottom:var(--gap);
}

.kontakt{
  font-size: var(--basic);

  & .teaser-osoba-inner {
    border-top: none;
  }


}

.kontakt.odsazeni_zespoda{margin-bottom:0px;}
.kontakt.bordertop {border:none;}
.kontakt.margin_top_big{margin-top:0;}



}


/************ form dle grafiky ********/

#block-webform {
  max-width: 380px;
}

.webform-submission-form > div.webform-type-tel, .webform-submission-form > div.form-type-email, .webform-submission-form > div.form-type-textfield {
  width: 100%;
}

.form-item {
  margin: 0px 0px 10px;
}

.captcha .form-item {
  flex-wrap: wrap;  width: 100%;  max-width: 100%;
}

.captcha input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.webform-type-webform-markup {
  margin-top: 10px;
  text-align: center;
  opacity: 0.5;
}

.webform-type-webform-markup p{margin:0px;}


.webform-submission-form {

.form-submit{
	--buttonColorText:var(--dark);
	--buttonColor:var(--bgform);
	--buttonColorBg:var(--bgform);

	--buttonColorTextHover:var(--dark2);
	--buttonColorHover:var(--dark);
	--buttonColorBgHover:var(--dark);
  width: 100%;
}

}
/*==================================================================================================================================
		front
==================================================================================================================================*/

.path-frontpage .darkpurplebg .field--name-field-body{
width:50%;
}

.path-frontpage .darkpurplebg .paragraph-content:after{
background:url(../images/front.svg) no-repeat center top;
content:"";display:block;
width:326px;height:326px;
background-size:100% auto;
position:absolute;
  bottom: calc(var(--gapminus) - 20px);
right:var(--centerpadding);
}

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

.path-frontpage .darkpurplebg .field--name-field-body{
width:100%;padding-bottom:280px;
}

.path-frontpage .darkpurplebg .paragraph-content:after{
width:280px;height:280px;
  bottom: var(--gapminus) ;
    left: 50%;
    margin-left: -140px;
}


}

/*==================================================================================================================================
		služby front
==================================================================================================================================*/

.view-sluzby.viewrows .view-content{
  align-items: start;
}

.teaser-service{
  align-items: center;
width:100%; 
  text-decoration: none;
  display: flex;
  justify-content: start;
  padding: var(--gapsmaller);
  gap: var(--gapsmall);
}

.teaser-service:hover,
.teaser-service:focus{
background:var(--dark4);
}

.expandable-panel-heading h2 span,
.teaser-service h3 span{
display:inline-block;
}



.teaser-service-img  {
    flex-shrink: 0;
line-height:1px;
}

.teaser-service-img img{
height: 80px;
}


/*==================================================================================================================================
	vyhledat
==================================================================================================================================*/

[data-once="ajax-pager"]{
scroll-margin-top: 25rem;
}

.header-around #block-drualas-theme-exposedformvyhledavanipage-1{

position:relative;

label{display:none;}

input.form-text {
  padding: 6px var(--gapsmall);

-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.form--inline{
  flex-wrap: nowrap;
gap:0;
width:100vw;
max-width: 400px;

}


.form-submit{
background-image:url(../images/lupa.svg);

    background-repeat: no-repeat;
    background-position: center center;
    width: 38px;
    height: 38px;
    line-height: 100em;
    overflow: hidden;
    padding: 0px;
    background-size: 20px auto;
-webkit-border-radius:0px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
    gap: 0;
}

.form-submit:hover,
.form-submit:focus{
background-image:url(../images/lupa-a.svg);
}

#vyhledat{
display:block;
background-image:url(../images/lupa.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    width: 24px;
    height: 24px;
    line-height: 100em;
    overflow: hidden;
}

#vyhledat:focus,
#vyhledat:hover{
background-image:url(../images/lupa-a.svg);
}

#vyhledat.active{
background-image:url(../images/default/close-w.svg);
background-size: 18px auto;
}

#vyhledat.active:focus,
#vyhledat.active:hover{
background-image:url(../images/default/close-a.svg);
}



form{

  position: absolute;
  right: 30px;
  top: 50%;
  padding: 0px;
display:none;
    margin-top: -18px;
    justify-content: end;
    width: 100vw;
}

#vyhledat.active + form{
display:flex;
}


}

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

#block-drualas-theme-main-menu{
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
}

.msearch #block-drualas-theme-main-menu{
opacity:0;
}

}


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


.header-around #block-drualas-theme-exposedformvyhledavanipage-1 {
  position: static;

 form{
  background: var(--dark);

    right: 0px;
    top: 100%;    
    margin-top: 0px;
    padding: 0px 20px 20px;
width: 100vw;
}

.form--inline{
    max-width: 100%;
}

}

#block-drualas-theme-exposedformvyhledavanipage-1{order:0;    margin: 0px 0px 0px auto;}
#block-drualas-theme-prepinacjazyka{order:1;    margin: 0px 0px 0px ;}
#block-drualas-theme-main-menu{order:2;    margin: 0px 0px 0px ;}


}



.view-vyhledavani{
margin-top:var(--gap);
}


#views-exposed-form-vyhledavani-page-1  input.form-text {
  padding: 6px var(--gapsmall) 6px;
}


.view-vyhledavani .views-row{
  padding: 20px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  background: var(--light);
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  color: var(--textColor);
  text-decoration: none;
  overflow: hidden;
  text-align: left;
  width: 100%;
}


.views-field-search-api-url{
  margin-bottom: var(--gapsmaller);
  font-weight: 400;  color: var(--dark2);
}

.view-vyhledavani .views-row strong{
color:var(--primary);
}




/*=================================================
	news video
=================================================*/

.views-row .field--name-field-video{
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: inherit;
  align-items: inherit;
}

.video-teaser,
.views-row  .video-embed-field-responsive-video{
  width: 100%;
  height: 100%;
}


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

.view-aktuality.view-display-id-block_2 .views-row:last-child{display:none;}

}


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

.video-teaser.vyska1 .video-embed-field-responsive-video::after{
  padding-bottom: 177.77777%;
}

}