@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Regular.woff2') format('woff2'),
       url('fonts/Satoshi-Regular.woff') format('woff'),
       url('fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Italic.woff2') format('woff2'),
       url('fonts/Satoshi-Italic.woff') format('woff'),
       url('fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Medium.woff2') format('woff2'),
       url('fonts/Satoshi-Medium.woff') format('woff'),
       url('fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-MediumItalic.woff2') format('woff2'),
       url('fonts/Satoshi-MediumItalic.woff') format('woff'),
       url('fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Bold.woff2') format('woff2'),
       url('fonts/Satoshi-Bold.woff') format('woff'),
       url('fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-BoldItalic.woff2') format('woff2'),
       url('fonts/Satoshi-BoldItalic.woff') format('woff'),
       url('fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}



html {
	block-size: 100%;
	-webkit-text-size-adjust: none;
	/* scrollbar-gutter: stable; */
	
	overflow-y: scroll;
	overflow-x: hidden; 
	-webkit-overflow-scrolling: touch;
}

/* Smooth scrolling for users that don't prefer reduced motion */
/*
@media (prefers-reduced-motion: no-preference) {
	html:focus-within {
		scroll-behavior: smooth;
	}
}
*/

html.lenis {
	max-width: 130rem;
    margin: auto;
}


/***************************** MAIN SETTINGS *****************************/

html {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	min-block-size: 100%;
	
	font-family: 'Satoshi', Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

* {
  -webkit-overflow-scrolling: touch;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Satoshi', Arial, Helvetica, sans-serif;
    margin-bottom: 0.6em;
    font-weight: 500;
}

svg {
	stroke: none;
}

h1, .h1 {
	font-size: 2.5em;
}

h2, .h2 {
	font-size: 2.3em;
}

h3, .h3 {
	font-size: 2em;
}

h4, .h4 {
	font-size: 1.8em;
}

h5, .h5 {
	font-size: 1.1em;
}

h6, .h6 {
	font-size: 0.95em;
}


@media (min-width: 75em) {
	
	body {
		font-size: 1.1em;
	}
	
	h1, .h1 {
		font-size: 3em;
	}

	h2, .h2 {
		font-size: 2.8em;
	}

	h3, .h3 {
		font-size: 2.3em;
	}

	h4, .h4 {
		font-size: 1.8em;
	}

	h5, .h5 {
		font-size: 1.1em;
	}

	h6, .h6 {
		font-size: 0.95em;
	}
}

@media (min-width: 75em) {
	
	body {
		font-size: 1.2em;
	}
	
	h1, .h1 {
		font-size: 3.3em;
	}

	h2, .h2 {
		font-size: 3em;
	}

	h3, .h3 {
		font-size: 2.5em;
	}

	h4, .h4 {
		font-size: 2em;
	}

	h5, .h5 {
		font-size: 1.2em;
	}

	h6, .h6 {
		font-size: 1em;
	}
	/*
	body {
		font-size: 1.3em;
	}
	*/
}

.iconBlock {
	width: 100%;
    position: relative;
    pointer-events: none;
	display: inline-block;
	
	fill: currentColor;
}

.iconBlock > .pfw {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.iconBlock:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
}

.iconBlock svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
	display: block;
	
	stroke: none;
}
.iconBlock.premisljeno-oblikovanje:before {
    padding-top: 80%;
}
.iconBlock.izberi-svojo:before {
    padding-top: 12%;
}

.iconBlock.emblem:before {
    padding-top: 78%;
}
.iconBlock.emblem {
	color: var(--color__black);
}


.ws {
	display: block;
	width: 100%;
	padding: 3em 1.5em;
	margin-bottom: 2em;
}

.ws.ws--noPadd {
	padding: 0;
}

.ws.ws--noMarg {
	margin-bottom: 0;
}

.ws.headline__section {
	margin-bottom: 0;
}

.ws__inner {
	max-width: 1000px;
	margin-left: 0;
	margin-right: auto;
}

.ws__inner--full {
	max-width: 100%;
}

.ws--mainContentNoHeadline {
	padding-top: 7em;
}

.mainContent--noHeadline {
	padding-top: 4em;
}


@media (min-width: 768px) {
	
	.ws--mainContentNoHeadline {
		padding-top: 10em !important;
	}
	
	.mainContent--noHeadline {
		padding-top: 6em;
	}

}

@media (min-width: 991px) {
	
	.ws {
		padding: 3em;
	}
	
}


@media (min-width: 1140px) {
	
	.ws {
		padding: 4em 5em;
		margin-bottom: 4em;
	}
	
}

@media (min-width: 1540px) {
	
	.ws {
		padding: 5em 8em;
	}
	
}




/***************************** HEADER *****************************/

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 0 !important;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	z-index: 100;
	
	transition: background 0.5s;
}

.header--subPage {
	
}

.menuTrigger__wrapp {
	position: relative;
    right: -0.5em;
	
    height: 3em;
    width: 3em;
    z-index: 110;
}

.menuTrigger {
	position: relative;
	background-color: transparent;
	cursor: pointer;
	z-index: 120;
	
	height: 3.5em;
    width: 3.5em;
    padding: 0.8em 0.7em;
}


.menuTrigger__itemWrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.menuTrigger__item {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #fff;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 0;
	transition: transform 0.7s, top 0.7s, left 0.7s, background 0.7s;
}

.menuTrigger__item--1 {
	position: absolute;
	top: 19%;
    left: 50%;
}
.menuTrigger__item--2 {
	position: absolute;
	top: 50%;
    left: 50%;
}
.menuTrigger__item--3 {
	position: absolute;
	top: 81%;
}

.header--active .menuTrigger__item--1 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: 50% 50%;
	left: 50%;
	width: 100%;
	background-color: var(--color__black);
}

.header--active .menuTrigger__item--2 {
	transform: scale(0);
}

.header--active .menuTrigger__item--3 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: 50% 50%;
	left: 50%;
	width: 100%;
	background-color: var(--color__black);
}

.header .mainLogo {
	width: 10em;
	z-index: 120;
	opacity: 1;
		
	transition: opacity 0.4s, transform 0.4s, width 0.4s;
	
	color: #fff;
}

/*
.home .header .mainLogo #emblem path {
	fill: #fff;
}
*/
.header .mainLogo #emblem path {
	fill: var(--color__yellow);
}
.header .mainLogo #hise-lumina path {
	fill: #fff;
}

.header.header--subPage .mainLogo #emblem path {
	fill: var(--color__yellow);
}
.header.header--subPage .mainLogo #hise-lumina path {
	fill: var(--color__black);
}

.header .mainLogo svg {
    inline-size: auto;
}



.mainMenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background-color: var(--color__yellow);
	color: #fff;
	
	z-index: 90;
	
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	
	padding-top: 8em;
	padding-bottom: 3em;
	
	transition: opacity 0.8s;
}

.header.header--active .mainMenu {
	opacity: 1;
	pointer-events: all;
	z-index: 90;
}

.mainMenu__inner {
	max-height: 100%;
    overflow: auto;
}

.mainMenu a {
	color: var(--color__black);
	font-weight: 500;
}

.mainMenu .mainMenu__item--red a {
	color: var(--color__red);
}

.mainMenu__item {
	margin-bottom: 0.8em;
	text-align: right;
}

.mainMenu__prava {
	margin-top: 2.5em;
	text-align: right;
}

.mainMenu__itemPrava {
	font-size: 0.9em;
	margin-bottom: 0.6em;
}

.header--active .mainLogo {
	opacity: 0;
	pointer-events: none;
}

	
.header {
	transition: transform 1s, background 1s, padding 0.7s;
}

/*
.header.header--active, 
.header.header--sticky {
	background-color: rgba(255,255,255,0.7);
}

.header.header--active, 
.header.header--sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	
	transform: translate(0, 0);
	
	background-color: rgba(255,255,255,0.7);
}

.header.header--noSticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transform: translate(0, -100%);
}
*/

/* .mainMenu .mainMenu__item a.active { */
	/* text-decoration: underline; */
/* } */


.mainMenu__itemPrava a,
.mainMenu__item a {
	position: relative;
}


.mainMenu__itemPrava.mainMenu__item--red a,
.mainMenu__item.mainMenu__item--red a {
	color: var(--color__red);
}

.mainMenu__itemPrava a:before,
.mainMenu__item a:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--color__black);
    transition: width 0.4s;
}

.mainMenu__itemPrava.mainMenu__item--red a:before,
.mainMenu__item.mainMenu__item--red a:before {
    background-color: var(--color__red);
}

.mainMenu__itemPrava a.active:before, 
.mainMenu__itemPrava a:hover:before, 
.mainMenu__item a.active:before, 
.mainMenu__item a:hover:before {
	width: 100%;
}

.home .header.header--sticky {
	background-color: transparent !important;
}

.header--noHeadline .menuTrigger__item {
	background-color: var(--color__black);
}
.header.header--sticky .menuTrigger__item {
	background-color: var(--color__black);
}

.home .header.header--sticky .menuTrigger__item {
	background-color: #fff;
}

.header--active {
	animation-name: none !important;
}

.header .mainLogo {
	transition: transform 0.5s;
}

.header.header--sticky .mainLogo {
	transform: translateY(-4.5em);
}


@media (min-width: 991px) {
	
	.header {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	
	.home .header.header--sticky {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	
	.header .mainLogo {
		width: 10em;
	}
	
	.menuTrigger__wrapp {
		display: none;
	}
	
	.mainMenu {
		position: relative;
		padding: 1em 3.5em;
		margin: 0;
		opacity: 1;
		pointer-events: all;
		height: auto;
        min-height: auto;
		width: auto;
		overflow: hidden !important;
		border-radius: 10px;
	}
	
	.mainMenu__inner {
		overflow: visible !important;
	}
	
	.mainMenu .mainMenu__item {
		margin-bottom: 0;
		margin-right: 2.5em;
	}
	
	.mainMenu .mainMenu__item a {
		font-size: 0.9em;
	}
	
	.mainMenu .mainMenu__item:last-of-type {
		margin-right: 0;
	}
	
	.mainMenu__prava {
		display: none;
	}
	
	.mainMenu .mainMenu__items {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}
}



/***************************** HEADER END *****************************/



/***************************** FOOTER *****************************/


.ws--footer {
	position: relative;
	background-color: var(--color__yellow);
	color: var(--color__black);
	padding-bottom: 2rem !important;
	margin-bottom: 0 !important;
	
	z-index: 10;
}

.ws--footer .contactSection {
	margin-bottom: 2em;
}

.ws--footer .mainMenu__item {
	font-weight: 500;
	color: #fff;
	text-align: left;
}
.ws--footer .mainMenu__itemPrava:last-of-type, 
.ws--footer .mainMenu__item:last-of-type {
	margin-bottom: 0;
}

.ws__inner--copyright {
	font-size: 0.8em;
	margin-top: 4em;
}

.ws--footer {
	margin-top: 6em;
}

/*
.default--hise .ws--footer {
	margin-top: 0;
}
*/

.home .ws--footer {
	margin-top: 0;
}


.contactSection.contactSection--1 {
	display: none;
}

.contactSection.contactSection--5 {
	display: block;
	margin-bottom: -2em;
	margin-top: 3em;
}

.contactSection.contactSection--5 a {
	display: block;
	width: 12em;
}
.contactSection.contactSection--5 svg {
	width: 100%;
}
.contactSection.contactSection--5 #hise-lumina {
	fill: var(--color__black);
}
.contactSection.contactSection--5 #emblem {
	fill: #fff;
}


@media (min-width: 768px) {
	
	.contactSection.contactSection--1 {
		display: block;
	}

	.contactSection.contactSection--5 {
		display: none;
	}
	
	.ws--footer {
		padding-bottom: 2rem !important;
	}
	
	.ws--footer .ws__inner--info {
		display: flex;
        justify-content: space-between;
        align-items: stretch;
        max-width: 1400px;
        margin: 0;
	}
	
	.contactSection.contactSection--1 {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	.ws--footer .contactSection {
		margin-bottom: 0;
	}
	
	.ws--footer .contactSection p:last-of-type {
		margin-bottom: 0;
	}
	
	.ws--footer .contactSection {
		margin-right: 2em;
	}
	
	.ws__inner--copyright {
		text-align: right;
	}
}

@media (min-width: 991px) {
	
	.ws--footer {
		padding-top: 8em;
	}
	
	.contactSection--2,
	.contactSection--3,
	.contactSection--4 {
		font-size: 0.9em;
	}
}

@media (min-width: 1540px) {
	
	.contactSection.contactSection--1 {
		margin-right: 16%;
	}
}


/***************************** FOOTER END *****************************/







/***************************** HEADLINE *****************************/

.headline {
	position: relative;
	
    min-height: 400px;
	height: calc(var(--vh, 1vh) * 100);
	
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	
    z-index: 2;
}


.headlineHP {
	z-index: 1;
}

.headlineHP .ws__inner {
	width: 100%;
	max-width: 100%;
	
    min-height: 400px;
	height: calc(var(--vh, 1vh) * 100);
	
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	
    z-index: 2;
	
}

.hzScroll {
	position: sticky;
	top: 0;
	/* position: fixed; */
	
	width: 100%;
	height: 100vh;
	/* height: calc(var(--vh, 1vh) * 100); */
	
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	overflow: visible;
	
	background-size: cover;
    background-position: center;
}

.hzScroll.hzScroll--image {
	z-index: 2;
}

.hzScroll.hzScroll--sections {
	z-index: 10;
}

.headline__section {
	
}


.hzScroll .ws {
	width: 100vw;
	min-width: 100vw;
}


@media (max-width: 991px) {
	
	.headline {
		min-height: 400px;
		min-height: calc(var(--vh, 1vh) * 100);
		height: auto;
	}
}

.headline .ws__inner {
	width: 100%;
	max-width: 100%;
}


.headline .ws__inner {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.headline__icon {
	display: block;
	width: 7em;
	margin-bottom: 1em;
}

.headline__icon.headline__icon--izberi-svojo {
	width: 11em;
}

.headline__text {
	padding-top: 6em;
	padding-bottom: 2em;
	max-width: 20em;
	position: relative;
	text-align: left;
	
	color: #fff;
}

.headline__text h2 {
	margin-top: 0 !important;
}

.headlineHP .headline__text {
	padding-bottom: 3em;
}

.headline__text .gumb {
	margin-top: 1em;
}
.headline__text .b {
	margin-top: 2em;
}

.headline__logo {
	max-width: 80%;
	width: 10em;
	margin-left: auto;
	margin-right: auto;
}

.headline__intro {
	margin-bottom: 2.5em;
}

.headline__image {
	display: none;
}

.headline .cInfo__text {
	font-size: 0.8em;
}

.headline .ws__content {
	margin-bottom: 2em;
}


.headlineLogos {
	position: absolute;
	bottom: 1em;
	right: 2em;
	
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.headlineLogos a {
	margin-left: 1em;
}


@media (min-width: 991px) {
	
	.headline__icon {
		width: 8em;
	}
	
	.headline__icon.headline__icon--izberi-svojo {
		width: 15em;
	}
	
	.headlineHP .headline__text {
		padding-bottom: 0;
	}
	
	.headline__image {
		display: block;
		position: relative;
		padding-top: 110%;
	}
	
	.headline__image img {
		position: absolute;
		top: 0;
		left: 0;
		margin-top: -3em;
	}
	
	.headline .cInfo__wrapp {
		display: none;
	}
	
	.home .headline {
		min-height: 850px;
	}
	
	.headline {
		min-height: 500px;
	}
}

@media (min-width: 1140px) {
	
	.scrollLine {
		/* height: 13em; */
		height: 11em;
	}
	
	.headlineLogo--tp {
		width: 7em;
	}
	
	.headlineLogo--gk {
		width: 3.2em;
	}
}

@media (min-width: 1550px) {
	
	.headlineLogos {
		right: 3em;
		bottom: 7em;
	}
}

.headlineSP {
	padding-top: 0 !important;
}

.headline .ws__inner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.headlineSP__media {
	position: relative;
	min-width: 1em;
	min-height: 1em;
	width: 50%;
    height: 100vh;
    max-height: 1200px
}



.headlineSP .headline__text {
	color: var(--color__black);
	max-width: 23em;
}

.headlineSP__media.headlineSP__media--single .headlineSP__media {
	position: relative;
	min-width: 1em;
	min-height: 1em;
	width: 50%;
    height: 100vh;
}

.headlineSP__media.headlineSP__media--single .hm__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	background-size: cover;
    background-position: center;
}

.headlineSP__media.headlineSP__media--full {
	position: relative;
	right: -1.5em;
}

.headlineSP__media.headlineSP__media--full .swiper-pagination {
	text-align: right !important;
	padding-right: 1em;
	padding-bottom: 0.25em;
}

.headlineSP__media.headlineSP__media--full .swiper-slide {
	overflow: hidden;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.headlineSP__media.headlineSP__media--single .hm__image {
	width: 100%;
	height: 100%;
}


@media (max-width: 480px) {
	
	.headlineSP .headlineSP__media {
	    position: absolute;
		top: 0;
		left: -1.5em;
		width: calc(100% + 3em);
		height: 40vh;
	}
	
	.headlineSP .headline__text {
		padding-top: 44vh;
	}
	/*
	.headlineSP__media.headlineSP__media--single .hm__image {
		width: 95%;
	}
	*/
	
	.headlineSP__media.headlineSP__media--full .swiper-slide {
		width: 100% !important;
		margin-right: 0 !important;
	}
}


@media (min-width: 991px) {
	
	.headline.headlineSP {
		min-height: auto;
		heright: 100vh;
	}

	.headlineSP__media.headlineSP__media--full {
		right: -3em;
		width: calc(60% + 3em);
	}
	
	.headlineSP .headline__text {
		width: 40%;
	}
	
	.headlineSP {
		height: auto;
        min-height: 750px;
	}
}

@media (min-width: 1140px) {
	
	.headlineSP__media.headlineSP__media--full {
		right: -5em;
		width: calc(60% + 5em);
	}
	
}

@media (min-width: 1540px) {
	
	.headlineSP__media.headlineSP__media--full {
		right: -8em;
		width: calc(70% + 8em);
	}
	
	/*
	.headlineSP__media.headlineSP__media--single .hm__image {
		width: 70%;
	}
	*/
	
	.headlineSP__media.headlineSP__media--full .swiper-slide {
		width: 70% !important;
	}
}


/***************************** HEADLINE end *****************************/


/***************************** FORMS *****************************/




form fieldset {
	border: 0;
}

.form {
	margin-bottom: 2em;
	text-align: left;
}

.form fieldset {
	padding: 0;
	border: 0;
}

.form .bWrap {
	margin-top: 1.5em;
}

.form__input input, 
.form__input select, 
.form__input textarea {
    padding: 0.4em 0.5em;
    width: 100%;
    border: 0;
    background-color: rgba(255, 255, 255, 0.7);
    font-family: inherit;
    color: #000;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid var(--color__yellow);
    border-radius: 10px;
}


.form__rowWithButton {
	margin-bottom: 2rem;
}

.form__rowWithButton .form__group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	flex: 1 1 auto;
}

.formGroupLimitWidth {
	max-width: 30em;
}

.form__hint--required {
	max-width: 30em;
}

.mobileBtn {
	display: block;
}
.desktopBtn {
	display: none;
}


@media (min-width: 600px) {
	
	
	.form__rowWithButton {
		display: flex;
		gap: 1rem;
	}

	.desktopBtn {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mobileBtn {
		display: none;
	}
	
	.form__colSplit {
		display: flex;
		justify-content:space-between;
		align-items: felx-start;
	}

	.form__colSplit .form__col {
		width: calc(50% - 0.75rem);
	}
	
	.form__colSplit textarea {
	    min-height: 11.3em !important;
	}
}

.form.form--defaultStyle .form__group.form__group--input {
	position: relative;
	/* margin-top: 1.5rem; */
}

.form.form--defaultStyle .form__group.form__group--input {
}
	
.form.form--defaultStyle .form__group.form__group--input label {
	padding: 0 0.2rem;
	
	font-size: 0.8em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	left: 1.7rem;
	-webkit-transition: top 0.3s ease-in-out;
			transition: top 0.3s ease-in-out;
	
	pointer-events: none;
}

.form.form--defaultStyle .form__group {
	margin-bottom: 1em;
}

.form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs label {
	top: 2.5rem;
}

.form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs.hasValue label,
.form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs.focus label,
.form.form--defaultStyle .form__group.form__group--input.form__group--fixedTop label,
.form.form--defaultStyle .form__group.form__group--input.focus label,
.form.form--defaultStyle .form__group.form__group--input.hasValue label {
	background-color: #fff;
	top: -0.3rem;
	max-height: 1.4em;
	overflow: hidden;
}

.form.form--defaultStyle .form__group.form__group--textarea {
	margin-top: 1.5em;
	position: relative;
}
.form.form--defaultStyle .form__group.form__group--textarea label {
	padding: 0 0.2rem;
	font-size: 0.8em;
	position: absolute;
	left: 1.7rem;
	-webkit-transition: top 0.3s ease-in-out;
			transition: top 0.3s ease-in-out;
	
	pointer-events: none;
	
	top: 1em;
}

.form.form--defaultStyle .form__group.form__group--textarea.form__group--fixedTop label,
.form.form--defaultStyle .form__group.form__group--textarea.focus label,
.form.form--defaultStyle .form__group.form__group--textarea.hasValue label {
	top: -1rem;
}

.form.form--defaultStyle .form__input textarea,
.form.form--defaultStyle .form__input select,
.form.form--defaultStyle .form__input input {
	padding: 0.8em 1.5em;
}

.form.form--defaultStyle .form__input textarea {
	min-height: 7em;
}


.form__group.form__group--radio:first-child {
	margin-bottom: 0;
}

.form__group.form__group--radio label {
	padding-top: 0.15em;
}

.form__input textarea,
.form__input input {
	width: 100%;
	background-color: transparent;
	
}

.form__group--input {
	position: relative;
	z-index: 2;
}

.form__group--checkbox {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.form__group--checkbox:not(:last-child) {
		margin-bottom: 0.3em;
}

.form__group--checkbox input[type="checkbox"] {
	width: 3rem;
	height: 2rem;
	-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
			flex: 0 0 auto;
			
	opacity: 0;
}

.form__group--checkbox a {
	color: var(--color__black);
	box-shadow: inset 0 -1px 0 var(--color__black);
	transition: color 0.5s, box-shadow 0.5s;
}
.form__group--checkbox a:hover {
	color: var(--color__pink);
	box-shadow: inset 0 -1px 0 var(--color__pink);
}
.form__group--checkbox label {
	position: relative;
	color: var(--color__black);
	display: block;
	padding-top: 0;
	font-size: 0.8em;
}

.form__group--checkbox label span {
	font-size: 0.8em;
}

.form__group--checkbox label:before {
	position: absolute;
    left: -3rem;
    top: -0.2em;
    content: "";
    border: 2px solid var(--color__yellow);
	border-radius: 10px;
    width: 2rem;
    height: 2rem;
    position: absolute;
	background-color: transparent;
}

.form__group--checkbox label:after {
	position: absolute;
    left: -2.6rem;
    top: 0.2rem;
    width: 1.3rem;
    height: 1.3rem;
	
	background-image: url(/images/check_black.svg);
	background-size: contain;
}

.form__group--checkbox input[type="checkbox"]:checked + label::after {
	content: "";
}

.form__group--checkbox input[type="checkbox"]:focus + label::before {
	outline: 0 solid #fff;
	outline-offset: 2px;
}

.form__group--checkbox.error {
	outline: 2px solid red;
	outline-offset: 3px;
}

.form__group--input.error textarea, 
.form__group--input.error input {
	border: 2px solid red;
}

.form__hint > div {
	margin-bottom: 1em;
	font-size: 0.8em;
	display: inline-block;
}

.form__hint--required {
	padding: 0;
	text-align: right;
}

.form__hint--required:before {
	content: "*";
}

.form__group--radio input[type="radio"] {
	opacity: 0;
}

.form__group--radio label {
	line-height: 2em;
	position: relative;
	padding-top: 0.6em;
	font-weight: 400;
	font-size: 1.1em;
}

.form__group--radio label::before {
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: -3rem;
	top: 0.1rem;
	
	content: "";
	/* border: #fff 1px solid; */
	border: 2px solid var(--color__pink--hover);
	border-radius: 50%;
}

.form__group--radio label::after {
	position: absolute;
	border: 0;
	width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    left: -2.61rem;
    top: 0.48rem;
    border-radius: 50%;
}

.form__group--radio input[type="radio"]:checked + label::after {
	/* background-color: #fff; */
	background: var(--color__pink);
	content: "";
}

.form__group--radio input[type="radio"]:focus + label::before {
	outline: 0 solid #fff;
	outline-offset: 2px;
}

.form__groupWrap {
	margin-top: 2em;
}

.form__groupWrap .form__groupRadios {
	margin-top: 1em;
}

.radioGroup__wrapp {
	padding-left: 2.9em;
}

.form__row.form__row--radioButtons {
	justify-content: flex-start;
    align-items: center;
}

.form__row {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}

.form__row .form__group {
    width: calc(50% - 0.5rem);
	/* margin-bottom: 0 !important; */
}

.form__row .form__group:nth-child(1) {
    margin-right: 1rem;
}

.form__groupRadios {
	padding-left: 2.5em;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}

.form__groupRadios .form__group {
	margin-bottom: 0.6em !important;
}

.form__groupRadios.error {
	outline-offset: 3px;
	outline: 1px solid red;
}

.form__group--input textarea, 
.form__group--input input {
    border-radius: 10px;
	overflow: hidden;
	/* color: #fff !important; */
}


input:-webkit-autofill{
    -webkit-text-fill-color: #fff !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color__black) !important;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 0 0 #ffffff;
}

textarea:focus-visible, 
input:focus-visible {
	outline: 0;
}

.form__status {
	display: none;
	margin-top: 1em;
}

.form__status.success {
	display: block;
}

.form__status.error {
	color: red;
	display: block;
}

.form__thankYou {
	margin-top: 2em;
    color: var(--color__black);
}


/***************************** FORMS end *****************************/



.contentStyle .gumb,
.b {
	display: inline-block;
	padding: 1em 4em;
	font-size: 0.9em;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
	text-decoration: none;
	border-radius: 50px;
	color: var(--color__black);
	border: 0;
	
	position: relative;
    background-clip: border-box;
	
	transition: color 0.7s, background 0.7s;
}

.b--yellow {
    background: var(--color__yellow);
	color: var(--color__black);
}

.b--black {
    background: var(--color__black);
	color: #fff;
}

.b--white {
    background: #fff;
	color: var(--color__black);
}


.contentStyle .gumb {
    background: var(--color__black);
	color: #fff;
	border: 0;
	box-shadow: none;
	text-decoration: none;
}


@media (min-width: 991px) {
	
	.b--yellow:hover {
		background: var(--color__yellow);
		color: var(--color__black);
	}

	.b--white:hover {
		background: var(--color__silver2);
		color: var(--color__black);
	}
	
	.contentStyle .gumb:hover {
		background: var(--color__silver2);
		color: var(--color__black);
		border: 0;
		box-shadow: none;
		text-decoration: none;
	}
}






/*
.headline {
	background-color: red !important;
}

.ws--footer {
	background-color: green !important;
}
*/




.contentStyle * {
	line-height: 1.6;
	word-wrap: break-word;
}

.contentStyle h1 {
	line-height: 1.2;
}
.contentStyle h1, 
.contentStyle .h1, 
.contentStyle h2, 
.contentStyle .h2, 
.contentStyle h3, 
.contentStyle .h3, 
.contentStyle h4, 
.contentStyle .h4, 
.contentStyle h5, 
.contentStyle .h5, 
.contentStyle h6, 
.contentStyle .h6 {
	line-height: 1.1;
}

.contentStyle big {
	font-size: 1.2em;
	color: var(--color__yellow);
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	padding-bottom: 0.5em;
	display: block;
}

.contentStyle * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
	margin-top: 1.3em;
}

.contentStyle p {
	margin-bottom: 1em;
}

.contentStyle a {
	color: var(--color__black);
	box-shadow: inset 0 -1px 0 var(--color__black);
}

@media (max-width: 800px) {
	
	.ws--fullImageSlider {
		min-height: 350px;
		height: calc(var(--vh, 1vh)* 50);
	}
}

@media (min-width: 1000px) {
	
	.contentStyle a {
		transition: color 0.4s, box-shadow 0.4s;
	}
	
	.contentStyle a:hover {
		color: var(--color__yellow);
		box-shadow: inset 0 -1px 0 var(--color__yellow);
		text-decoration: none;
	}
	
	.contentStyle a[href^="tel"] {
		color: var(--color__black);
		text-decoration: none;
		box-shadow: none;
	}
	.contentStyle a[href^="tel"]:hover {
		color: var(--color__black);
		text-decoration: none;
		box-shadow: none;
	}

	.sliderArrow {
		width: 3em;
		height: 3em;
	}
}

.contentStyle strong, b {
	font-weight: 600;
}

.contentStyle ol {
	padding-left: 1.8em;
	margin-bottom: 1.3em;
}

.contentStyle ul {
	list-style: none;
	padding-left: 2em;
	margin-bottom: 1.3em;
}

.contentStyle ul li {
	position: relative;
	margin-bottom: 0.4em;
}

.contentStyle ul li:after {
	position: absolute;
	left: -1.2em;
	top: 0.5em;
	width: 9px;
	height: 9px;
	
	border-radius: 50%;
	background-color: var(--color__yellow--hover);
	content: "";
}

.contentStyle ul {
	padding-left: 2em;
	list-style: none;
}

.contentStyle li:after {
	position: absolute;
	left: -1.2em;
	top: 0.5em;
	width: 9px;
	height: 9px;
	
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid var(--color__yellow--hover);
	content: "";
}

.contentStyle p + ul, p + ol {
	position: relative;
	margin-top: -0.8em;
}

.contentStyle ul li, ol li {
	position: relative;
	margin-top: 0.2em;
}

.contentStyle table {
	margin-top: 1em;
	width: 100% !important;
	border: 0;
	border-collapse: collapse;
	margin-bottom: 2rem;
	border: 1px solid var(--color__yellow--hover);
	font-size: 0.8em;
}

.contentStyle table * {
	line-height: 1.4;
}

.contentStyle table tr p:last-child {
	margin-bottom: 0;
}

.contentStyle table thead tr {
	font-weight: 700;
	text-transform: uppercase;
}

.contentStyle table thead tr:nth-child(1) {
	border-bottom: 1px solid var(--color__yellow--hover);
}

.contentStyle table thead th {
	padding: 0.5rem 0.8rem;
	text-align: left;
	border-bottom: 1px solid  var(--color__yellow--hover);
	border-left: 1px solid var(--color__yellow--hover);
	line-height: 1.45;
}

.contentStyle table thead th:first-of-type {
	border-left: 0;
}

.contentStyle table tr td {
	padding: 0.5rem 0.8rem;
	vertical-align: top;
	border-left: 1px solid var(--color__yellow--hover);
	border-bottom: 1px solid var(--color__yellow--hover);
	line-height: 1.45;
}

.contentStyle table tr td:first-of-type {
	border-left: 0;
}

.contentStyle table tr:last-of-type {
	border-bottom: 0;
}

/***
.contentStyle a {
	color: var(--color__black);
	box-shadow: inset 0 -1px 0 var(--color__black);
}

@media (min-width: 1000px) {
	
	.contentStyle a {
		transition: color 0.4s, box-shadow 0.4s;
	}
	
	.contentStyle a:hover {
		color: var(--color__yellow);
		box-shadow: inset 0 -1px 0 var(--color__yellow);
		text-decoration: none;
	}
	
	.contentStyle a[href^="tel"] {
		color: var(--color__black);
		text-decoration: none;
		box-shadow: none;
	}
	.contentStyle a[href^="tel"]:hover {
		color: var(--color__black);
		text-decoration: none;
		box-shadow: none;
	}

	.sliderArrow {
		width: 3em;
		height: 3em;
	}
}
**/


.contentStyle.contentStyle--yellow a {
	color: var(--color__black);
	box-shadow: inset 0 -1px 0 var(--color__black);
}


@media (min-width: 1000px) {
	
	.contentStyle.contentStyle--yellow a {
		transition: color 0.4s, box-shadow 0.4s, opacity 0.4s;
	}
	
	.contentStyle.contentStyle--yellow a:hover {
		color: var(--color__black);
		box-shadow: inset 0 -1px 0 var(--color__black);
		text-decoration: none;
		opacity: 0.7;
	}
	
	.contentStyle.contentStyle--yellow a[href^="tel"] {
		color: var(--color__black);
		text-decoration: none;
		box-shadow: none;
		opacity: 1;
	}
	.contentStyle.contentStyle--yellow a[href^="tel"]:hover {
		color: var(--color__black);
		text-decoration: none;
		box-shadow: none;
		opacity: 1;
	}
}



.swiper .swiper-pagination-bullet {
	background-color: #fff;
    opacity: 0.8;
    width: 0.5em;
    height: 0.5em;
}
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--color__yellow);
}

.ws--kocka .swiper-pagination {
	text-align: left !important;
	padding-left: 1em;
	padding-bottom: 0.25em;
}
.ws--kockaReverse .swiper-pagination {
	text-align: right !important;
	padding-right: 1em;
	padding-bottom: 0.25em;
}


.ws--zemljevid {
	
}

.googleMaps {
	width: 100%;
	min-height: 70vh;
	/* padding-top: 80%; */
	
	background-color: var(--color__silver);
	
	background-size: cover;
	background-position: center;
}


.googleMaps__inner {
	width: 100%;
	height: 100%;
	min-height: 70vh;
}

.iconGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
}

.ig__icon {
	max-width: 10em;
	text-align: center;
}

.ig__icon .icon {
	font-size: 2.5em;
	color: var(--color__yellow);
}

.ig__gridTitle {
	display: block;
	font-weight: 700;
}

.ig__gridTitle span {
	display: block;
	font-weight: 400;
	font-size: 0.9em;
}

.ig__gridTitle span {
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin-top: 0.2em;
}

.ig__gridTitle span .iconBlock {
	width: 1.3em;
    margin-right: 0.2em;
    color: var(--color__yellow);
}

.ig__gridTitle span .iconBlock.avto {
	width: 1.2em;
    margin-right: 0.4em;
}

@media (min-width: 768px) {
	
	.ws--zemljevid > .ws__inner {
		display: flex;
		justify-content: stretch;
		align-items: stretch;
	}
	
	.iconGrid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 3em 2em;
		
		justify-content: center;
        align-items: center;
        height: 100%;
	}
	
	.ws__icons {
		width: 50%;
		margin-bottom: 0;
	}
	
	.ws__contentInner {
		height: 100%;
	}
	
	.googleMaps {
		width: 50%;
		padding-top: 0;
		min-height: 100vh;
	}
}

@media (min-width: 768px) {
	
	.googleMaps {
		max-height: 1000px;
		min-height: auto;
	}
	.googleMaps__inner {
		height: 100%;
	}
}
@media (min-width: 1540px) {
	
	.ws.ws__icons {
		padding: 5em 4em;
	}
	
	.iconGrid {
		gap: 4em 1em;
	}
	
}



.ws--kocka {
	
}

.ws--kocka .ws__gallery {
	position: relative;
	width: 100%;
	margin-top: -2em;
	/* min-height: 80vh; */
}
.ws--kocka .ws__gallery.ws__gallery--singleImage {
	min-height: 40vh;
	padding-top: 35%;
}

.ws__gallery .swiper-slide {
	border-radius: 10px;
	overflow: hidden;
}

.ws__gallery .ws__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-size: cover;
    background-position: center;
	
	
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.ws__gallery .ws__image.ws__image--contain {
	background-size: contain;
}

.ws__gallery.ws__gallery.ws__gallery--swiper {
	min-height: auto;
}

.ws--kockaReverse .ws__gallery .ws__image {
	border-radius: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ws--kockaList .ws__gallery {
	position: relative;
	z-index: 2;
}

.ws--kockaList .ws__content {
	position: relative;
	padding-top: 1em;
    padding-bottom: 3em;
	z-index: 1;
}

.ws--kockaList .ws__content li {
	margin-top: 0.6em;
}

.ws--kockaList .ws__content:after {
	content: '';
	position: absolute;
	display: block;
	top: -1em;
    left: 0em;
	width: calc(100% + 2em);
	height: calc(100% + 2em);
	
	background-color: var(--color__yellow);
	z-index: -1;
	
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ws--kocka + .ws--kockaList {
	margin-top: 6em;
}


.ws--kockaReverse.ws--kockaList .ws__content:after {
	content: '';
	left: -2em;
	width: calc(100% + 1em);
	
	border-bottom-right-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.ws--kockaReverse.ws--kockaList .ws__content {
	padding-top: 1em;
    padding-bottom: 3em;
}

.ws--kockaList .ws__inner {
	align-items: flex-end !important;
}


.ws--kockaList .ws__content li::after {
	display: none;
}

.ws--kockaList .contentStyle ul {
	list-style: unset;
}



/*
.ws--kockaList .ws__content li::after {
	content: '+';
	left: -2em;
    top: 0em;
    width: 25px;
    height: 25px;
	
	display: flex;
	justify-content: center;
    align-items: center;
	
	background-color: var(--color__black);
	color: var(--color__yellow);
	
	line-height: 1.6;
    font-weight: 400;
}
*/

.ws--kockaTloris {
	position: relative;
}

.ws--kocka.ws--kockaTloris .ws__inner {
	align-items: flex-start;
}

@media (min-width: 768px) {
	
	.ws--kocka .ws__inner {
		display: flex;
		justify-content: flex-start;
		/* align-items: stretch; */
		align-items: flex-end;
	}
	
	.ws--kocka.ws--kockaCenter .ws__inner {
		align-items: center;
	}
	
	.ws--kocka .ws__content {
		width: 40%;
		
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
	}
	
	.ws--kocka .ws__gallery {
		width: 60%;
		min-height: 60vh;
		margin-top: 0;
	}
	
	.ws__right {
		width: 50%;
	}
	
	.ws--kocka.ws--content .ws__content {
		align-items: flex-start;
		padding-right: 2em;
		width: 50%;
	}
	
	.ws--kocka.ws--content .ws__contentInner {
		max-width: 20em;
	}
	
	.ws--kocka.ws--kockaReverse .ws__inner {
		flex-direction: row-reverse;
	}
	
	.ws--kocka.ws--kockaTloris .ws__inner {
		display: block;
	}
	
	.ws--kockaListReverse.ws--kocka .ws__inner {
		align-items: flex-start !important;
	}
	
	.ws--kockaList.ws--kockaListReverse .ws__content {
		margin-bottom: 0;
		margin-top: 4em;
	}
	
	.ws--kockaReverse.ws--kockaList .ws__content {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
}

@media (min-width: 991px) {
	
	.ws--kockaList .ws__content {
		margin-bottom: -1em;
    }
	
	.ws--kockaList.ws--kockaReverse .ws__content {
        padding-left: 3em;
    }
	
	
	.ws--kockaList .ws__content li::after {
		top: 0.15em;
    }
	
	.ws--kocka.ws--content .ws__content {
		padding-right: 4em;
	}
	
	.ws--kocka .ws__gallery.ws__gallery--singleImage {
		min-height: 40vh;
		padding-top: 30%;
	}
	
	.ws--kockaList .ws__content {
		padding-top: 1em;
		padding-bottom: 1em;
	}

}


.openGallery {
	position: absolute;
	bottom: 1.5em;
	left: 2em;
	z-index: 10;
	cursor: pointer;
	
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
}

.openGallery__icon {
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background-color: #fff;
	border-radius: 50%;
	margin-right: 0.5em;
	
	transform: scale(1);
	transform-origin: 0% 50%;
	transition: transform 0.5s;
}

.openGallery__icon .iconBlock {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	color: var(--color__black);
}

.openGallery__text {
	color: #fff;
	
	transform: translateX(0);
	transform-origin: 0% 50%;
	transition: transform 0.5s;
}

.openGallery:hover .openGallery__icon {
	transform: scale(1.15);
}
.openGallery:hover .openGallery__text {
	transform: translateX(0.4em);
}

.naslovnaGalerija {
	display: none;
}



.tabContent {
	/* background-color: var(--color__silver); */
}

.tabContent__tabs {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.tabContent__title {
	cursor: pointer;
	font-weight: 500;
	padding: 1em;
	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	
	flex: 1 1 auto;
    text-align: center;
}

.tabContent__title.tabContent__title--active {
	background-color: var(--color__silver--light);
}

.tabContent__contents {
	background-color: var(--color__silver--light);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
}

.tabContent__content {
	padding: 1em;
	display: none;
}

.tabContent__content.tabContent__content--active {
	display: block;
}

.tabContent.tabContent--activeFirst .tabContent__contents {
	border-top-right-radius: 10px;
	border-top-left-radius: 0;
}

.tabContent.tabContent--activeLast .tabContent__contents {
	border-top-left-radius: 10px;
	border-top-right-radius: 0;
}

.ws__galleryTloris {
	position: relative;
	width: 100%;
	margin-top: 2em;
}

.ws__galleryTloris:after {
	content: '';
	padding-top: 75%;
	display: block;
    width: 100%;
}

.ws__imageTloris {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.ws__imageTloris.ws__imageTloris--active {
	display: block;
}


.tlorisDot {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width: 1.2em;
    height: 1.2em;
	z-index: 5;
}

.tlorisDot__inner {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	padding: 1em;
	background-color: var(--color__yellow);
	border-radius: 10px;
	min-width: 9em;
	line-height: 1.2;
	font-size: 0.8em;
	
	transform: scale(0);
	transform-origin: 0 0;
	opacity: 0;
	transition: transform 0.6s, opacity 0.6s, border 0.6s;
}


.tlorisDot:after {
	content: '+';
	
	position: absolute;
	left: 0;
    top: 0;
    width: 1.2em;
    height: 1.2em;
	border-radius: 50%;
	
	display: flex;
	justify-content: center;
    align-items: center;
	
	background-color: var(--color__yellow);
	color: var(--color__black);
	box-shadow: 0 0 8px var(--color__silver);
	
	line-height: 1.6;
    font-weight: 400;
	
	transition: transform 0.6s, opacity 0.6s;
}

.tlorisDot:focus,
.tlorisDot:hover {
	z-index: 10;
}
.tlorisDot.tlorisDot--active:hover {
	z-index: 9;
}
.tlorisDot.tlorisDot--active .tlorisDot__inner,
.tlorisDot:hover .tlorisDot__inner {
	opacity: 1;
	transform: scale(1) translateY(0);
	border-radius: 10px;
}

.tlorisDot.tlorisDot--active:after, 
.tlorisDot:hover:after {
	opacity: 0;
}


@media (max-width: 788px) {
	.tlorisDot__inner {
		top: auto;
		left: auto;
		bottom: 0;
		right: 0;
		transform-origin: 100% 100%;
	}
	
	.tlorisDot.tlorisDot--toLeft .tlorisDot__inner {
		top: auto;
		left: 0;
		bottom: 0;
		right: auto;
		transform-origin: 0 100%;
	}
}



.tlorisDot.tlorisDot--1 {
	top: 21.2%;
    left: 52.7%;
}

.tlorisDot.tlorisDot--2 {
	top: 23.2%;
    left: 66%;
}

.tlorisDot.tlorisDot--3 {
	top: 26%;
    left: 72.9%;
}

.tlorisDot.tlorisDot--4 {
	top: 24%;
    left: 84.7%;
}

.tlorisDot.tlorisDot--5 {
	top: 47%;
    left: 70.7%;
}

.tlorisDot.tlorisDot--6 {
	top: 55.5%;
    left: 32.2%;
}

.tlorisDot.tlorisDot--7 {
	top: 59.8%;
    left: 6.6%;
}

.tlorisDot.tlorisDot--n1 { top: 13.8%; left: 69.5%; }
.tlorisDot.tlorisDot--n2 { top: 32.8%; left: 69.5%; }
.tlorisDot.tlorisDot--n3 { top: 28.8%; left: 84.6%; }
.tlorisDot.tlorisDot--n4 { top: 22.8%; left: 53.8%; }
.tlorisDot.tlorisDot--n5 { top: 50.8%; left: 74.6%; }
.tlorisDot.tlorisDot--n6 { top: 46.6%; left: 49.5%; }
.tlorisDot.tlorisDot--n7 { top: 46.9%; left: 21.6%; }

.tlorisDot.tlorisDot--p1 { top: 13.8%; left: 69.5%; }
.tlorisDot.tlorisDot--p2 { top: 33.8%; left: 69.5%; }
.tlorisDot.tlorisDot--p3 { top: 27.4%; left: 84.6%; }
.tlorisDot.tlorisDot--p4 { top: 23.8%; left: 50.8%; }
.tlorisDot.tlorisDot--p5 { top: 52%; left: 56%; }
.tlorisDot.tlorisDot--p6 { top: 50.8%; left: 74.6%; }

.tlorisDot__size {
	margin-bottom: 0.4rem;
	font-size: 1.4em;
	font-weight: 600;
}

@media (min-width: 768px) {
	
    .ws--kockaTloris .ws__content {
        width: 100%;
    }
	
	.tlorisDot.tlorisDot--p6 .tlorisDot__inner, 
	.tlorisDot.tlorisDot--n6 .tlorisDot__inner,
	.tlorisDot.tlorisDot--n7 .tlorisDot__inner {
		top: auto;
        left: auto;
        bottom: 0;
        right: 0;
        transform-origin: 100% 100%;
	}
}


@media (min-width: 991px) {
	
	.tabContent__title {
		padding: 1em 1.5em;
	}
	
	.tabContent__title:hover {
		background-color: var(--color__silver--lighter);
	}
	.tabContent__title.tabContent__title--active:hover {
		background-color: var(--color__silver--light);
	}
	
	.tabContent__content {
		padding: 1em 1.5em;
	}
}

@media (min-width: 1140px) {
	
	
	.ws--kockaTloris .ws__content {
		position: absolute;
		z-index: 10;
		
		max-width: 30em;
		margin-top: -5em;
	}
	
	.ws__galleryTloris {
		margin-top: 5em;
		width: 90%;
		margin-left: 15%;
		
		z-index: 5;
	}
}

@media (min-width: 1200px) {
	
	.ws--kockaTloris .ws__content {
        margin-top: -7em;
    }
	
	.ws__galleryTloris {
		margin-top: 7em;
        width: 83%;
        margin-left: 23%;
    }
}


@media (min-width: 1330px) {
	
    .ws--kockaTloris .ws__content {
        z-index: 100;
    }
}

@media (min-width: 1540px) {
	
	.ws--kockaTloris .ws__content {
        margin-top: -3em;
    }
	
	.ws__galleryTloris {
        margin-top: 2em;
        width: 91%;
        margin-left: 15%;
    }
}

@media (min-width: 1750px) {
	
	.ws--kockaTloris .ws__content {
        margin-top: 0em;
    }
	
	.ws__galleryTloris {
        margin-top: 2em;
        width: 94%;
        margin-left: 5%;
    }
}

.map_point:after {
    position: absolute;
    top: 0.35em;
    right: 0.35em;
    bottom: 0.35em;
    left: 0.35em;
    z-index: -1;
    border-radius: 50%;
    background-color: white;
    content: "";
}

.map_point.map_cilj:after, .map_point.map_finish:after, .map_point.map_ziel:after {
    background-color: #df0424;
}

.map_point.map_start:after {
    background-color: #68dc23;
}


.cInfo__wrapp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
	flex-direction: column;
	margin-top: 2em;
	margin-bottom: 2em;
}

.cInfo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	font-size: 1.1em;
    margin-bottom: 1em;
	
	text-decoration: none !important;
	box-shadow: none !important;
}

.cInfo__icon {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.7em;
	color: var(--color__yellow);
}

.cInfo__text {
    font-weight: 500;
}


@media (min-width: 2080px) {
	
	.googleMaps,
	.headlineSP__media,
	.headline {
		max-height: 1200px !important;
		min-height: auto !important;
	}
	
	.googleMaps__inner {
		/* height: 800px; */
		min-height: auto;
	}
	
	.ws--kocka .ws__gallery {
		/* min-height: auto; */
		min-height: 800px;
	}
	
	/*
	.header {
		max-width: 130rem;
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	.header--noSticky {
		transform: translate(0, -100%);
	}
	
	.header.header--active, 
	.header.header--sticky {
		transform: translate(0, 0);
	}
	*/
	
	
	.header {
		max-width: 130rem !important;
		left: 50% !important;
		transition: transform 1s, background 1s;
		transform: translate(-50%, 0) !important;
	}
	
	.header.header--active, 
	.header.header--sticky {
		position: fixed !important;
		top: 0 !important;
		left: 50% !important;
		width: 100% !important;
		
		transform: translate(-50%, 0) !important;
	}

	.header.header--noSticky {
		position: fixed !important;
		top: 0 !important;
		left: 50% !important;
		width: 100% !important;
		transform: translate(-50%, -100%) !important;
	}
	
	.masterWrapper__body {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}
	
	main.mainContent {
		flex: 1 1 auto;
	}
	
	.home .masterWrapper {
		min-height: none;
		display: block;
	}
	
	.home .headline {
		min-height: auto;
		height: auto;
	}
	
	/*
	.home .hzScroll {
		height: auto;
	}
	
	.home .headline {
        max-height: none !important;
        min-height: auto !important;
    }
	
	.hzScroll {
		width: auto;
		max-height: 1000px;
	}
	*/
}


/***************************** Animations *****************************/

.section__animated .googleMaps {
	transform: translateY(4em);
	opacity: 0;
	transition: transform 1s, opacity 1s;
}

.section__animated.section__animated--animate .googleMaps {
	transform: translateY(0);
	opacity: 1;
}

.section__animated .ig__icon .icon { transition: transform 0.8s; }
.section__animated .ig__icon .ig__gridTitle { transition: transform 0.8s, opacity 0.8s; }

.section__animated .ig__icon:nth-child(1) .icon { transform: scale(0); transition-delay: 0.3s; }
.section__animated .ig__icon:nth-child(2) .icon { transform: scale(0); transition-delay: 0.5s; }
.section__animated .ig__icon:nth-child(3) .icon { transform: scale(0); transition-delay: 0.7s; }
.section__animated .ig__icon:nth-child(4) .icon { transform: scale(0); transition-delay: 0.9s; }
.section__animated .ig__icon:nth-child(5) .icon { transform: scale(0); transition-delay: 1.1s; }
.section__animated .ig__icon:nth-child(6) .icon { transform: scale(0); transition-delay: 1.3s; }
.section__animated .ig__icon:nth-child(7) .icon { transform: scale(0); transition-delay: 1.5s; }
.section__animated .ig__icon:nth-child(8) .icon { transform: scale(0); transition-delay: 1.7s; }
.section__animated .ig__icon:nth-child(9) .icon { transform: scale(0); transition-delay: 1.9s; }
.section__animated .ig__icon:nth-child(10) .icon { transform: scale(0); transition-delay: 2.1s; }
.section__animated .ig__icon:nth-child(11) .icon { transform: scale(0); transition-delay: 2.3s; }
.section__animated .ig__icon:nth-child(12) .icon { transform: scale(0); transition-delay: 2.5s; }
.section__animated .ig__icon:nth-child(13) .icon { transform: scale(0); transition-delay: 2.7s; }
.section__animated .ig__icon:nth-child(14) .icon { transform: scale(0); transition-delay: 2.9s; }

.section__animated .ig__icon:nth-child(1) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 0.3s; }
.section__animated .ig__icon:nth-child(2) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 0.5s; }
.section__animated .ig__icon:nth-child(3) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 0.7s; }
.section__animated .ig__icon:nth-child(4) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 0.9s; }
.section__animated .ig__icon:nth-child(5) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 1.1s; }
.section__animated .ig__icon:nth-child(6) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 1.3s; }
.section__animated .ig__icon:nth-child(7) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 1.5s; }
.section__animated .ig__icon:nth-child(8) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 1.7s; }
.section__animated .ig__icon:nth-child(9) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 1.9s; }
.section__animated .ig__icon:nth-child(10) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 2.1s; }
.section__animated .ig__icon:nth-child(11) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 2.3s; }
.section__animated .ig__icon:nth-child(12) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 2.5s; }
.section__animated .ig__icon:nth-child(13) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 2.7s; }
.section__animated .ig__icon:nth-child(14) .ig__gridTitle { transform: translateY(1.5em); opacity: 0; transition-delay: 2.9s; }


.section__animated.section__animated--animate .ig__icon .icon { transform: scale(1) !important; }

.section__animated.section__animated--animate .ig__icon .ig__gridTitle { transform: translateY(0) !important; opacity: 1 !important; }



.section__animated.ws--kocka .ws__content {
	transform: translateY(6em);
	opacity: 0;
	transition: transform 2.5s, opacity 2.5s;
}

.section__animated.ws--kocka .ws__gallery {
	transform: translateY(4em);
	opacity: 0;
	transition: transform 1.5s, opacity 1.5s;
}

.section__animated.section__animated--animate.ws--kocka .ws__content {
	transform: translateY(0);
	opacity: 1;
}

.section__animated.section__animated--animate.ws--kocka .ws__gallery {
	transform: translateY(0);
	opacity: 1;
}


@media (max-width: 768px) {
	
	.section__animated.ws--kocka .ws__content {
		transform: translateY(4em);
		opacity: 0;
		transition: transform 2s, opacity 2s;
	}

	.section__animated.ws--kocka .ws__gallery {
		transform: translateY(5em);
		opacity: 0;
		transition: transform 2.5s, opacity 2.5s;
	}
}


/***************************** Animations end *****************************/


.swiper--swiperNotInit .swiper-slide {
	margin-bottom: 15px !important;
	width: 100% !important;
}

.swiper--swiperNotInit .swiper-wrapper {
	flex-direction: column !important;
}

@media (max-width: 480px) {
	
	.ws__gallery--singleImage .ws__image {
		border-radius: 10px;
	}
}