/* staro */
.footer__content__nav__text a {
	margin-left: 5px;
}
.footer__logo.footer__logo--bigger a.ppmhp img {
	max-width: 170px;
}


.container:after, .container:before
{
    display: none;
}

@media screen and (max-width: 767px) {

	.footer__logo img {
		width: auto;
		max-width: 100%;
		margin: 10px 0;
	}
}

/* novo */

/* DEFAULTS */

@media (max-width: 480px) {
    html {
        font-size: 16px;
    }
}
@media (max-width: 640px) {
    html {
        font-size: 16px;
    }
}
@media (max-width: 1024px) {
    html {
        font-size: 16px;
    }
}
html {
    font-size: 16px;
}


:root
{
	--fontMain: "Open-Sans";
	--fontSize: clamp(1rem, 0.885rem + 0.513vw, 1.5rem);
		--fontSizeH1: clamp(1.5rem, 1.269rem + 1.026vw, 2.5rem);
	--lineHeight: 1.59;
	--marginTitle: 0.325em;
		--fwTitle: 600;
	--clrRed: #d6031a;
	--clrGrey: #e7e3d8;
	--clrText: #4d4a47;
	--clrMenu: #ffffff;
	--gridMain: repeat(12, 1fr);
	--widthMax: 860px;
	--widthCntr: var(--widthMax);
	--scale: clamp(0.041rem, 0.036rem + 0.022vw, 0.063rem);
}

::-moz-selection {
  color: #fff;
  background: var(--clrRed);
}

::selection {
  color: #fff;
  background: var(--clrRed);
}

body, .text
{
	font-family: var(--fontMain);
	line-height: var(--lineHeight);
	color: var(--clrText);
	font-size: var(--fontSize);
	margin: 0;
}

.vc_section
{
	margin: 0;
}

input[type="radio"]{
   -webkit-appearance: radio;
}

input[type="checkbox" i] {
   -webkit-appearance: auto;
      -moz-appearance: auto;
           appearance: auto;
}

.displaynone
{
	display: none;
}

.wpex-has-primary-bottom-spacing #primary {
    padding-bottom: 0;
}

.has-accent-color, .has-accent-background-color 
{
                background: var(--gumbBkg);
}

svg {
    max-width: 100%;
    display: block;
		max-height: 100%;
    height: auto;
}

img {
    display: block;
        max-width: 100%;
    height: auto;
}

.img--pseudo
{
	position: relative;
}

.img--pseudo:after
{
		content: "";
    display: block;
    background-image: url();
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: unset;
    left: unset;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 2;
}

.img--absolut
{
	position: absolute;
	width: 100px;
	top: unset;
	left: unset;
	pointer-events: none;
}

figure
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -mshe-flex-direction: column;
		        -ms-flex-direction: column;
		    flex-direction: column;

}

h1, h2, h3, h4, h5, h6
{
	font-size: inherit;
	margin-top: 0;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

/* DISPLAYS */

.display--desktop
{
	display: none;
}

@media (min-width: 600px) {
.display--mob
{
	display: none;
}
}


@media (min-width: 1025px) {
.display--tablet
{
	display: none;
}
	
	.display--desktop
{
	display: initial;
}
}


/** DEFAULTS **/

/* DEFAULT ROWS */

.container
{
	width: var(--widthCntr);
  margin: 0 auto;
	padding-inline: 3.854166666666667vw 4.166666666666666vw;
	max-width: 96%;
}

@media  (min-width: 1025px) 
{
	.container
{
	width: 60dvw;
	padding-inline: 30px;

}
}

@media  (min-width: 1250px) 
{
	.container
{
		width: var(--widthCntr);
}
}

.section--fw .container
{
	padding: 0;
	width: 100%;
	max-width: 100%;
}

.row--flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.row--flex .row__item, .row--grid .row__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

.row--flex .row__content
{
-webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 1;

}

.row--grid
{
	display: -ms-grid;
	display: grid;
		-ms-grid-columns: minmax(0,1fr);
		grid-template-columns: repeat(1,minmax(0,1fr));
	gap: 0;
}
.section--clmns .clmn--bkg
{
	height: 360px;
}
@media screen and (min-width:1025px)
{
	
    .row--grid.grid--2cl 
{
		-ms-grid-columns: (minmax(0,1fr))[2];
		grid-template-columns: repeat(2,minmax(0,1fr));
}
	
    .row--grid.grid--3cl {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
	
	    .row--grid.grid--4cl {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
	
	.section--clmns .clmn--bkg
{
	height: initial;
}
	
				.grid--2cl.grid--reverse .grid__item:last-child
	{
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
	}

}


.cl__bkg
{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.section--overlap
{
			position: relative;
	overflow: visible !important;
	margin-top: -1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		z-index: 4;
}

.div--overlap
{
	margin-top: -100px;
}

.row--overlap, .row--overlap>.vc_column_container
{
	margin-top: -3.200em;
	/*z-index: 2;
	position: absolute;*/
}

.row--filter
{
	position: relative;
	z-index: 2;
}

.row--filter:before{
	content: "";
    position: absolute;
	z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,0.3)));
		background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);
    display: block !important;
		pointer-events: none;
}

.row--bkg, .clmn--bkg
{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


/* textovi */

.title
{
	font-weight: var(--fwTitle);
	font-size: var(--fontSizeH1);
	margin-bottom: var(--marginTitle);
	line-height: var(--lineHeight);
}


.title h1, .title h2, .title h3, .title h4, .title h5, .title h6
{
	display: inline;
}


/** HEADER **/

/* Main bar */

#site-header {
background-color: var(--clrRed);
	height: 23.541666666666668vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;	-webkit-box-orient: vertical;	-webkit-box-direction: normal;	-ms-flex-direction: column;	flex-direction: column;
	  position: relative;
  width: 100%;
	top: 0;
  z-index: 9999;
  position: fixed;
}

    #site-header-sticky-wrapper {
	height: 23.541666666666668vw;
    }

#site-header-inner
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#site-logo .logo-link
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: min(1.9791666666666665vw,38px);
}

.logo-link:hover
{
	text-decoration: none;
}

#site-logo img
{
	width: 11.979166666666668vw;
}

#pf-logo img
{
	width: 17.708333333333336vw;
}

.header__title
{
	display: none;
	color: #ffffff;
	font-size: min(1.8229166666666667vw,35px);
	margin-bottom: 0;
	line-height: 1.2;
}

@media  (min-width: 1025px) 
{
	    #site-header-sticky-wrapper {
        height: min(9.479166666666666vw, 182px);
    }
	
	#site-header {
	height: min(9.479166666666666vw,182px);
}

	#site-header-inner
{
width: 100%;
	max-width: 100%;
	padding-left: calc(((100dvw - 60dvw) / 2) + 26px -  min(7.5vw,144px));
	padding-right: min(5.572916666666667vw,107px);
}

#site-logo img
{
	width: min(5.520833333333333vw,106px);
}

#pf-logo img
{
	width: min(10.260416666666666vw,197px);
}
	
	.header__title
{
	display: unset;
}
}

@media  (min-width: 1250px) 
{
		#site-header-inner
{
	padding-left: calc(((100% - 800px) / 2) - min(7.5vw,144px));
}
}

@media  (min-width: 1920px) 
{
		#site-header-inner
{
	max-width: 1920px;
	padding-left: calc(((1920px - 860px) / 2)  -  min(7.5vw,144px) + 25px);
}

}

/* HOMEPAGE */

#home__info
{
	background-color: var(--clrGrey);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 2.9166666666666665vw;
}

	#home__info .container
	{
	padding-top: 2em;
	}

	.info__title
	{
		font-size: clamp(1.25rem, 1.135rem + 0.513vw, 1.75rem);
		line-height: 1.3;
		font-weight: 400;
		margin-bottom: 20px;
	}


.info__img
{
	display: none;
}

	.info__img--mob
	{
		width: 100%;
	}

.text--edukativna
{
	text-align: justify;
}


@media  (min-width: 1025px) 
{
	#home__info
{
	padding-bottom: 0;
			position: relative;
}
	
	#home__info .container
	{
		padding-bottom: 4.042em;
	}
	
	.info__title
	{
		display: none;
	}
		
	
	.info__img--mob
	{
		display: none;
	}
	
			.info__img
{
	display: block;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	width: calc((100dvw - 60dvw) / 2);
}
	
	.info__img--before
	{
		left: 0;
		top: 0;
		-o-object-position: right;
		   object-position: right;
	}
	
		.info__img--after
	{
		right: 0;
		top: 0;
	-o-object-position: left;
	   object-position: left;
	}

}

@media  (min-width: 1250px) 
{
	
		#home__info .container
	{
		padding-bottom: 4.042em;
		width: 860px;
	}
		
		.info__img
{
	width: calc((100dvw - 860px) / 2);
}
	
}

@media  (min-width: 1600px) 
{
	
	.info__img--before
	{
		padding-right: min(2.9166666666666665vw, 56px);
	}
	
		.info__img--after
	{

		padding-left: min(3.229166666666667vw,62px);
	}
}

#home_karte
{
      scroll-margin-top: 80px;

}

#home_karte .grid__item
{
	padding-top: 3em;
	padding-bottom: 2.333em;
	position: relative;
}

#home_karte .grid__item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100dvw;
  height: 1px;
  background-color: #E0DBCF;
}

.card__img
{
	max-width: 80%;
	margin-bottom: 1.375em;
}

.card__title
{
	text-transform: uppercase;
	line-height: 1.2;
}

.card__subtitle
{
	font-size: var(--fontSize);
	font-style: italic;
	margin-bottom: 1.333em;
	line-height: 1.25;
}

.card__text
{
	text-align: justify;
}

.card__backtotop
{
	margin-left: auto;
	width: 11.979166666666668vw;	
	margin-top: 1.250em;
	display: block;
}



#home_karte .card__backtotop:hover path
{
	fill: var(--clrRed);
}
@media  (min-width: 1025px) 
{
	#home_karte .grid__item
{
	padding-bottom: 3.750em;
}
	
	.card__img
{
	max-width: 67.5%;
}
	
.card__subtitle br
	{
		display: none;
	}
	
	.card__backtotop
	{
		display: none;
	}
}