section {
	justify-items: center;
}

section header {
	text-align: center;
}

	section header h2:first-child {
		font-size: var(--fontSize1);
	}
	
	section header p {
		max-width: 40ch;
		display: inline-block;
		
		font-family: var(--fontFamily2);
		font-weight: 400;
	}

.headline {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	min-height: calc(var(--vh, 1vh) * 100);
	padding: calc(var(--wrapper__bodyPadding) * 3) var(--wrapper__bodyPadding);
}


@media (max-width: 480px) {
	
	.headline {
		padding-top: 10em !important;
	}
}

.headline h1 {
	margin-bottom: 0.3em;
	color: #fff;
	font-family: var(--fontFamily3);
	font-size: clamp(2em, 15vw, 5em);
	font-weight: 400;
	text-align: center;
	font-style: italic;
}

.wPotepanja {
	margin-bottom: 2em;
	grid-column: 1 / -1;
}












.sDogodki__title {
	font-family: var(--fontFamily2);
	font-size: var(--fontSize3);
	font-weight: bold;
	color: var(--color__red);
}

.sDogodki__list {
	width: 100%;
	grid-column: 1 / -1;
	--flow-space: 0.7rem;
	overflow: hidden;
}

	.sDogodki__list .swiper-wrapper {
		align-items: stretch;
	}
	
	.sDogodki__list + .b {
		margin-top: 2em;
	}

.sDogodek {	
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	
	text-decoration: none;
}

.sDogodek__info {
	flex: 1 1 auto;
}

.swiper-slide.sDogodek {
	width: clamp(12em, 70vw, 15em);
	height: auto;
}



	.sDogodek time {
		font-size: 0.9em;
		font-family: var(--fontFamily2);
		font-weight: 400;
	}

	.sDogodek picture {
		overflow: hidden;
		border-radius: var(--borderRadius1);
		border: 1px solid var(--color__silver);
	}

	.sDogodek h3 {
		color: var(--color__black);
	}

.sDogodek__dateHint {
	display: none;
}












.sNovice__title {
	position: relative;
	display: block;
	width: 100%;
	
	font-family: var(--fontFamily2);
	font-size: var(--fontSize3);
	font-weight: bold;
	color: var(--color__red);
	text-align: center;
}

	.sNovice__title:after {
		position: absolute;
		left: 0;
		top: 55%;
		z-index: 1;
		
		width: 100%;
		height: 1px;
		
		background-color: var(--color__red);
		content: "";
	}
	
	.sNovice__title span {
		position: relative;
		z-index: 2;
		display: inline-block;
		
		padding: 0.3em 1em;
		background-color: #fff;
	}

.sNovice__list {
	width: 100%;
	grid-column: 1 / -1;
	row-gap: 2em;
}

.sNovica {	
	--flow-space: 0.7rem;

	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	
	text-decoration: none;
}

.sNovica__info {
	flex: 1 1 auto;
	padding: 0 1em;
}


	.sNovica time {
		font-size: 0.9em;
		font-family: var(--fontFamily2);
		font-weight: 400;
	}

	.sNovica picture {
		overflow: hidden;
		border-radius: var(--borderRadius1);
		border: 1px solid var(--color__silver);
	}

	.sNovica h3 {
		color: var(--color__black);
		font-size: var(--fontSize4);
		font-weight: 600;
	}








.wProviders {
	margin-bottom: 2em;
}



main + .footer  {
	padding-top: 0;
}



#newsletter {
	margin-top: 2em;
	accent-color: var(--color__yellow);
}

#newsletter fieldset {
	padding: 0;
	border: none;
}

#newsletter fieldset:first-child {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

	#newsletter label[for="newsletter__email"] {
		display: none;
	}

	#newsletter__email {
		padding: 0 4em 0 2em;
		
		border-radius: 2em;
		line-height: 3;
		color: var(--color__black);
	}
	
	#newsletter button {
		margin-left: -3em;
		color: #fff;
	}

	#newsletter .form__status.error {
		color: red;
	}
	
	#newsletter .form__status.success {
		color: var(--color__yellow);
	}
	
	#newsletter__email.error {
		outline: 2px solid red;
	}
	
	
	


@media (max-width: 48em) {
	.sDogodki__title {
		position: relative;
		display: block;
		width: 100%;
		
		text-align: center;
	}

		.sDogodki__title:after {
			position: absolute;
			left: 0;
			top: 55%;
			z-index: 1;
			
			width: 100%;
			height: 1px;
			
			background-color: var(--color__red);
			content: "";
		}
		
		.sDogodki__title span {
			position: relative;
			z-index: 2;
			display: inline-block;
			
			padding: 0.3em 1em;
			background-color: #fff;
		}
}




@media (min-width: 23em) {
	.imgbg {
		padding: 
			calc(var(--wrapper__bodyPadding) * 2) 
			calc(var(--wrapper__bodyPadding) * 2)
			calc(var(--wrapper__bodyPadding) * 3) 
			calc(var(--wrapper__bodyPadding) * 2);
	}
	
	.sDogodek__info {
		padding: 0 1em;
	}
	
	.sNovica picture {
		margin-top: 0;
	}
	
	.sNovica__info  {
		order: 2;
		margin-top: 1em;
	}
}

@media (min-width: 48em) {
	
	.sTeaser {
		height: calc(var(--vh, 1vh) * 100);
		max-height: 50em;
		padding: 0;
	}
	
	.sDogodki__list .swiper-wrapper {
		display: block;
	}
	
	.swiper-slide.sDogodek {
		width: 100%;
	}
	
	.sDogodki:after {
		grid-column: 4 / 13;
		grid-row: 2;
		align-self: end;
		justify-self: end;
		
		width: calc(100% - 1em);
		height: 1px;
		margin-bottom: 0.8em;
		
		background-color: var(--color__red);
		content: "";
	}
	
	.sDogodki__title {
		grid-column: 2 / span 2;
		text-align: right;
		justify-self: end;
	}
	
	.sDogodek {
		display: grid;
		grid-template-columns: 
			calc(var(--wrapper__bodyPadding) - var(--wrapper__gridGap)) 
			repeat(12, minmax(1em, 1fr)) 
			calc(var(--wrapper__bodyPadding) - var(--wrapper__gridGap));
		
		align-content: start; 
		align-items: start;
		column-gap: var(--wrapper__gridGap);
		
		text-align: left;
	}
	
	.sDogodek + .sDogodek {
		margin-top: 2em;
	}

	.sDogodek__dateHint {
		display: flex;
		justify-content: flex-end;
		align-items: last baseline;
		gap: 0.5em;
		
		grid-column: 2 / span 2;
		
		font-family: var(--fontFamily2);
		font-weight: 300;
		text-transform: uppercase;
		text-align: center;
		line-height: 1.2;
	}
	
		.sDogodek__dateHint span:nth-child(2) {
			text-transform: initial;
		}
		
		.sDogodek__dateHint span b {
			display: block;
			font-size: 2em;
			font-weight: bold;
			font-family: var(--fontFamily2);
		}
	
	.sDogodek__info {
		grid-column: span 7;
		margin-top: 0;
	}
	
	.sDogodek picture {
		grid-column: span 2;
		margin-top: 0;
		width: 100%;
	}
}

@media (min-width: 65em) {
	.wPotepanja, 
	.wProviders {
		grid-column: var(--wrapper__gridOffset); 
	}
	
	.imgbg--teaser {
		display: grid;
		grid-template-columns: 
			calc(var(--wrapper__bodyPadding) - var(--wrapper__gridGap)) 
			repeat(12, minmax(1em, 1fr)) 
			calc(var(--wrapper__bodyPadding) - var(--wrapper__gridGap));
		
		align-content: start; 
		align-items: start;
		column-gap: var(--wrapper__gridGap);
		padding: 0;
	}
	
	.sOkusi .imgbg__image img {
		object-position: bottom;
	}
	
	
}

@media (min-width: 100em) {
	.sDogodek {
		grid-template-columns: 1fr calc(var(--wrapper__bodyPadding) - var(--wrapper__gridGap)) repeat(12, minmax(1em, 100px)) calc(var(--wrapper__bodyPadding) - var(--wrapper__gridGap)) 1fr;
	}
	
	.sDogodki__title {
		grid-column: calc(var(--wrapper__gridOffsetLeft) + 1) / span 2;
	}
	
	
	.sDogodki::after {
		grid-column: calc(var(--wrapper__gridOffsetLeft) + 3) / -4;
	}
	
	.sDogodek__dateHint {
		grid-column: calc(var(--wrapper__gridOffsetLeft) + 1) / span 2;
	}
	
	.sDogodek__info {
		grid-column: span 6;
		padding-right: var(--wrapper__bodyPadding);
	}
	
}