@import "print.css";
:root {
  --fontFamily: 'Duplet', Arial, Helvetica, "Nimbus Sans L", sans-serif;
  --transitionAll: 0.3s all ease-in-out;
  --transitionTop: 0.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);
  --hColor: var(--dark2);
}
.darkpurplebg blockquote {
  color: var(--light);
}
.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: 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;
}
@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;
  background: var(--dark3);
}
.region-bottom a {
  text-decoration: none;
}
.region-bottom a:hover,
.region-bottom a:focus {
  text-decoration: underline;
}
.region-bottom p {
  margin: 0px;
}
.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);
}
.region-totalbottom a {
  text-decoration: none;
}
.region-totalbottom 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%;
}
.teaser-article h3 {
  margin: 0px;
}
.teaser-inner {
  width: 100%;
  padding: var(--gapsmall);
}
.teaser-img {
  line-height: 1px;
  width: 100%;
}
a .field--name-field-galerie,
a .field--name-field-viewimage {
  line-height: 1px;
  overflow: hidden;
  position: relative;
}
a .field--name-field-galerie img,
a .field--name-field-viewimage img {
  width: 100%;
  object-fit: cover;
  -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;
}
.teaser-article:hover,
.teaser-article:focus {
  --hColor: var(--dark2);
}
a:hover .field--name-field-galerie img,
a:focus .field--name-field-galerie img,
a:hover .field--name-field-viewimage img,
a:focus .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,
.view-aktuality .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[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-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: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;
}
.bef-links:has(a[id*='edit-field-kategorie-value-selective-osobni-cinnost'].bef-link--selected) a:hover,
.bef-links:has(a[id*='edit-field-kategorie-value-selective-pravni-cinnost'].bef-link--selected) a:hover,
.bef-links:has(a[id*='edit-field-kategorie-value-selective-osobni-cinnost'].bef-link--selected) a:focus,
.bef-links:has(a[id*='edit-field-kategorie-value-selective-pravni-cinnost'].bef-link--selected) a: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);
}
.teaser-osoba-inner .field--name-field-pozice {
  margin-top: 20px;
}
.teaser-osoba-inner 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);
  }
  .teaser-osoba-inner h3 {
    margin: 0px auto 0px;
  }
  .teaser-osoba-inner .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);
}
.person-column.first .node-title {
  margin: 0px;
}
.person-column.first .person-contats,
.person-column.first .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: 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;
}
.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%;
  }
  .person-column.last 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: 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(--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: 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(--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;
}
.webform-submission-form .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;
}
.webform-type-checkbox 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);
  }
  .kontakt .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;
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 label {
  display: none;
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 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;
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 .form--inline {
  flex-wrap: nowrap;
  gap: 0;
  width: 100vw;
  max-width: 400px;
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 .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;
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 .form-submit:hover,
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 .form-submit:focus {
  background-image: url(../images/lupa-a.svg);
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 #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;
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 #vyhledat:focus,
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 #vyhledat:hover {
  background-image: url(../images/lupa-a.svg);
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 #vyhledat.active {
  background-image: url(../images/default/close-w.svg);
  background-size: 18px auto;
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 #vyhledat.active:focus,
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 #vyhledat.active:hover {
  background-image: url(../images/default/close-a.svg);
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 form {
  position: absolute;
  right: 30px;
  top: 50%;
  padding: 0px;
  display: none;
  margin-top: -18px;
  justify-content: end;
  width: 100vw;
}
.header-around #block-drualas-theme-exposedformvyhledavanipage-1 #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;
  }
  .header-around #block-drualas-theme-exposedformvyhledavanipage-1 form {
    background: var(--dark);
    right: 0px;
    top: 100%;
    margin-top: 0px;
    padding: 0px 20px 20px;
    width: 100vw;
  }
  .header-around #block-drualas-theme-exposedformvyhledavanipage-1 .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%;
  }
}