.headline {
	--wrapper__headerOffset: 6em;
	
	min-height: 100vh;
	padding-bottom: var(--wrapper__padding);
	padding-top: var(--wrapper__headerOffset);
	
	background-color: var(--color__black);
	color: #fff;
}

.headline__lockup {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	justify-items: center;
}

	.headline__lockup > div {
		grid-column: 1 / -1;
		grid-row: 1 / -1;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 1em;
		max-width: 30em;
		
		text-align: center;
	}
	
	.headline__lockup .slogan {
		margin-top: 1em;
	}
	
	.headline__lockup .slogan p {
		text-align: center;
	}

.headline__koroska {
	max-width: 60vw;
}

.headline canvas {
	grid-column: 1 / -1;
	opacity: 0.7;
}




.headline__video, 
.headline__sliderWrapper {
	margin-top: 2em;
	margin-bottom: 2em;
}

.headline__video {
	position: relative;
}

/*
.headline__video:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
	z-index: 2;
}
*/

@media (min-width: 100em) {
    .headline__video:after {
        left: calc(var(--wrapper__gridColumn) / 2);
        width: calc(100% - var(--wrapper__gridColumn) / 2);
    }
}



.scroll__more {
	text-align: center;
}




.aktualno .carouselType1 {
	margin-top: 1em;
}

.aktualno h2 {
	margin-top: 2em;
	font-size: var(--buttonFontSize);
	text-transform: uppercase;
}



.koroskaTitle {
	position: relative;
	padding-top: 85%;
	max-width: 60vw;
	width: 100%;
}

.koroskaTitle img {
	position: absolute;
	top: 0;
	width: 100%;
}

.koroskaTitle__text {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4em;
    line-height: 1;
    font-weight: 800;
}

.ktt1,
.ktt2,
.ktt3 {
	position: relative;
	overflow: hidden;
}

.ktt1 {
    left: -17%;
}

.ktt2 {
    left: 17%;
}

.ktt3 {
    left: -2%;
}

@keyframes moveUp {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.koroskaTitle__text span {
	position: relative;
	display: block;
}


.ktt1 span,
.ktt2 span,
.ktt3 span {
	display: block;
	transform: translateY(120%);
}

.headline .slogan {
	display: block;
	opacity: 0;
	transition: opacity 0.8s;
	transition-delay: 2s;
}

.headline--animate .slogan {
	opacity: 1;
	transition-delay: 2s;
}


.headline--animate .ktt1 span { animation: moveUp .5s cubic-bezier(.165,.84,.44,1) 1 both; animation-delay: 1.1s; transition-delay: 1.1s; }
.headline--animate .ktt2 span { animation: moveUp .5s cubic-bezier(.165,.84,.44,1) 1 both; animation-delay: 1.2s; transition-delay: 1.2s; }
.headline--animate .ktt3 span { animation: moveUp .5s cubic-bezier(.165,.84,.44,1) 1 both; animation-delay: 1.3s; transition-delay: 1.3s; top: 0.11em; }



/*
.inview .slogan {
	display: block;
	opacity: 0;
	transform: translateY(5em);
	
	transition: transform 1.6s, opacity 1.6s;
	transition-delay: 0.3s;
}

.inview.loaded .slogan {
	transform: translateY(0);
	opacity: 1;
}
*/

.wPodrocja .slogan p {
	text-align: center;
	max-width: none;
}

.inview .wPodrocje__contentAnim {
	opacity: 0;
	transform: translateY(5em);
	
	transition: transform 1.4s, opacity 1.4s;
	transition-delay: 0.5s;
}

.inview.loaded .wPodrocje__contentAnim {
	opacity: 1;
	transform: translateY(0);
}

.inview.loaded.wPodrocje:nth-child(1) .wPodrocje__contentAnim { transition-delay: 1s; }
.inview.loaded.wPodrocje:nth-child(2) .wPodrocje__contentAnim { transition-delay: 1.3s; }
.inview.loaded.wPodrocje:nth-child(3) .wPodrocje__contentAnim { transition-delay: 1.6s; }

.aktualno--razpisi {
	overflow: hidden; 
}

.inview .wPodrocje__moreBtn {
	opacity: 0;
	transform: translateY(5em);
	
	transition: transform 1.4s, opacity 1.4s;
	transition-delay: 0.5s;
}

.inview.loaded .wPodrocje__moreBtn {
	opacity: 1;
	transform: translateY(0);
}

.inview.loaded.wPodrocje:nth-child(1) .wPodrocje__moreBtn { transition-delay: 1s; }
.inview.loaded.wPodrocje:nth-child(2) .wPodrocje__moreBtn { transition-delay: 1.3s; }
.inview.loaded.wPodrocje:nth-child(3) .wPodrocje__moreBtn { transition-delay: 1.6s; }

@media (max-width: 990px) {
	
	.inview.loaded.wPodrocje:nth-child(1) .wPodrocje__contentAnim { transition-delay: 0.2s; }
	.inview.loaded.wPodrocje:nth-child(2) .wPodrocje__contentAnim { transition-delay: 0.2s; }
	.inview.loaded.wPodrocje:nth-child(3) .wPodrocje__contentAnim { transition-delay: 0.2s; }
	
	.inview.loaded.wPodrocje:nth-child(1) .wPodrocje__moreBtn { transition-delay: 0.2s; }
	.inview.loaded.wPodrocje:nth-child(2) .wPodrocje__moreBtn { transition-delay: 0.2s; }
	.inview.loaded.wPodrocje:nth-child(3) .wPodrocje__moreBtn { transition-delay: 0.2s; }
}


.aktualno--novice.inview .aktualno__slider {
	opacity: 0;
	transform: translateX(5em);
	
	transition: transform 1.4s, opacity 1.4s;
	transition-delay: 0.5s;
}
.aktualno--novice.inview.loaded .aktualno__slider {
	opacity: 1;
	transform: translateX(0);
}

.aktualno--novice.inview h2 {
	opacity: 0;
	transition: opacity 1.4s;
	transition-delay: 1.2s;
}
.aktualno--novice.inview.loaded h2 {
	opacity: 1;
}

.projekti h2 {
	margin-top: 2em;
	font-size: var(--buttonFontSize);
	text-transform: uppercase;
}

.projekti.inview .aktualno__slider {
	opacity: 0;
	transform: translateX(5em);
	
	transition: transform 1.4s, opacity 1.4s;
	transition-delay: 0.5s;
}
.projekti.inview.loaded .aktualno__slider {
	opacity: 1;
	transform: translateX(0);
}

.projekti.inview h2 {
	opacity: 0;
	transition: opacity 1.4s;
	transition-delay: 1.2s;
}
.projekti.inview.loaded h2 {
	opacity: 1;
}


.theme--silver.aktualno.inview {
	position: relative;
	background-color: transparent;
}

.theme--silver.aktualno.inview:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	
	background-color: var(--color__bg);
	z-index: 2;
	
	transition: height 1.4s;
	transition-delay: 0.3s;
}
.theme--silver.aktualno.inview h2 {
	position: relative;
	z-index: 4;
}
.theme--silver.aktualno.inview .carouselType2 {
	position: relative;
	z-index: 4;
}

.theme--silver.aktualno.inview.loaded:after {
	height: 100%;
}




@media (max-width: 480px) {
	
	.koroskaTitle {
		padding-top: 60%;
		margin-top: 3em;
	}
	
	.headline__lockup {
		margin-bottom: 3em;
	}
	
	.headline__lockup > div {
		gap: 0;
	}
}

@media (min-width: 480px) {
	
	.koroskaTitle__text {
		font-size: 6em;
	}
}

@media (min-width: 832px) {
	
	.koroskaTitle__text {
		font-size: 7.1vw;
	}
}

@media (min-width: 832px) {
	
	.koroskaTitle__text {
		margin-top: 1rem;
		font-size: 6em;
	}
}

@media (min-width: 1300px) {
	
	.koroskaTitle__text {
		margin-top: 1rem;
		font-size: 7em;
	}
}

@media (min-width: 1900px) {
	
	.koroskaTitle__text {
		font-size: 8em;
	}
}

@media (min-width: 52em) {
	
	
	.headline .ws__inner {
		display: grid;
		grid-template-columns: subgrid;
		grid-template-rows: minmax(1fr, 20em) 10em;
		align-items: center;
	}
	
	.headline__lockup {
		grid-column: 1 / span 6;
		grid-row: 1 / span 1;
	}
	
	.headline__video, 
	.headline__sliderWrapper  {
		margin: 0;
		grid-column: 7 / -1;
		grid-row: 1 / span 1;
	}
	
	.scroll__more {
		grid-column: var(--wrapper__gridOffset);
		grid-row: 1 / span 1;
		align-self: end;
	}
	
	.headline__koroska {
		width: 60%;
	}
	
	.koroskaTitle {
		width: 60%;
	}
	
	
	
	
	
	
}

@media (min-width: 65em) {
	.headline .ws__inner {
		grid-column: 1 / -1;
	}
	
	.headline__lockup {
		grid-column: 1 / span 6;
	}
	
	.headline__video, 
	.headline__sliderWrapper  {
		margin: 0;
		grid-column: 7 / -2;
	}
	
	.headline__koroska {
		width: 60%;
	}
	
}

@media (min-width: 100em) {
	.headline__lockup {
		grid-column: 2 / span 6;
	}
	
	.headline__video, 
	.headline__sliderWrapper  {
		margin: 0;
		grid-column: 7 / var(--wrapper__gridOffsetRight);
		padding-left: calc(var(--wrapper__gridColumn) / 2);
	}
	
	.headline__koroska {
		width: 70%;
	}
	
	.koroskaTitle {
		width: 70%;
	}
}


.certifikati h2 {
    margin-top: 2em;
    font-size: var(--buttonFontSize);
    text-transform: uppercase;
}

.certifikati .slider__scrollbar {
    margin-top: 1em;
}

.certifikati .certifikati__logos {
	
}

.certifikati .certifikati__logo {
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5em;
	max-width: 11em;
	width: 100%;
	background-color: #fff;
}

.certifikati .certifikati__logo img {
	max-height: 80%;
	transition: transform 0.4s;
	transform: scale(1);
}

.certifikati .certifikati__logo:hover img {
	transform: scale(1.1);
}