/* Fixes */
.block-editor-block-list__layout :is( [data-type="bootstrap/container"], [data-type="bootstrap/row"], [data-type="bootstrap/row-column"] ){
	position: static;
}

body.mce-content-body{
	margin: 15px;
}
.wp-block-image .components-resizable-box__container{
	display: inline-block !important;
}
.wp-block-nk-awb,
:where(.wp-block-group.has-background){
	padding: 0;
}
.wp-block-cover,
.wp-block-cover-image{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-x: clip;
	overflow-y: visible;
	min-height: 0;
	padding: 0;
	background-position: 50%;
	
	&[style*="radius"]{
		overflow: clip;
	}
	&[class*="is-position-top"]{
		align-items: flex-start;
	}
	&[class*="is-position-bottom"]{
		align-items: flex-end;
	}
	&.is-position-top-left,
	&.is-position-center-left,
	&.is-position-bottom-left{
		justify-content: flex-start;
	}
	&.is-position-top-right,
	&.is-position-center-right,
	&.is-position-bottom-right{
		justify-content: flex-end;
	}
}
.wp-block-cover{
	.wp-block-cover__image-background,
	.wp-block-cover__video-background{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.wp-block-cover__inner-container{
		position: static;
		width: 100%;
		z-index: 1;
	}
}
.has-border-color{
	border-style: solid;
}
.has-background-dim{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .5;
}
.has-background-dim-0{
	opacity: 0;
}
.has-background-dim-10{
	opacity: .1;
}
.has-background-dim-20{
	opacity: .2;
}
.has-background-dim-30{
	opacity: .3;
}
.has-background-dim-40{
	opacity: .4;
}
.has-background-dim-50{
	opacity: .5;
}
.has-background-dim-60{
	opacity: .6;
}
.has-background-dim-70{
	opacity: .7;
}
.has-background-dim-80{
	opacity: .8;
}
.has-background-dim-90{
	opacity: .9;
}
.has-background-dim-100{
	opacity: 1;
}
.wp-block-image.is-style-rounded img{
	border-radius: 999px;
}
.wp-block-group{
	position: relative;
}
:is( .wp-block-embed, .wp-block-image ) + p,
:is( .wp-block-embed, .wp-block-image ) + .wp-block[aria-hidden=true] + p{
	margin-top: 1.4em;
}
p + :is( .wp-block-embed, .wp-block-image ),
p + .wp-block[aria-hidden=true] + :is( .wp-block-embed, .wp-block-image ){
	margin-top: 1.4em;
}
figure:not(.wp-block-table),
.wp-block-embed,
.wp-block-image{
	position: relative;
	margin-bottom: 0;
	font-size: 0;
}
.wp-block-video,
.wp-embed-aspect-16-9{
	aspect-ratio: 16/9;
}
.wp-block-video > div,
.wp-block-video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wp-block-image :is( .aligncenter, .alignleft, .alignright ),
.wp-block-image:is( .aligncenter, .alignleft, .alignright ){
	display: block;
}
figure.aligncenter{
	display: block;
	text-align: center;
}
figure.alignright{
	display: block;
	text-align: right;
}
figcaption,
.wp-block-image figcaption{
	margin: 20px 0 0;
	font-size: 1rem;

	@media (max-width: 767px){
		margin: 12px 0 0;
		font-size: 13px;
	}
}

.edit-post-visual-editor__post-title-wrapper{
	margin: 0 !important;
	padding: 15px;
	background: #fbfbfb;
	border-bottom: 1px solid #e0e0e0;
}
h1.editor-post-title{
	margin: 0 !important;
	font-size: 30px !important;
	text-align: center;
	text-transform: none !important;
}

/* Layout styles */
.has-text-align-center{
	text-align: center;
}
.has-text-align-right{
	text-align: right;
}
.is-layout-flex{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.is-content-justification-left{
	justify-content: flex-start;
}
.is-content-justification-center{
	justify-content: center;
}
.is-content-justification-right{
	justify-content: flex-end;
}
.is-content-justification-space-between{
	justify-content: space-between;
}

/* Styling */
body{
	--pattern: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxtYXNrIGlkPSJtIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjUuMTY2OTMxNjM3NTE5ODczJSIgY3k9IjAiIHI9IjIuOTg0NTM1MzM3NDc2NTE0JSIvPjxjaXJjbGUgY3g9IjEzLjMxODM5ODYxMjUxNjI2JSIgY3k9IjAiIHI9IjIuOTg0NTM1MzM3NDc2NTE0JSIvPjxjaXJjbGUgY3g9IjIxLjQ2OTg2NTU4NzUxMjY0NyUiIGN5PSIwIiByPSIyLjk4NDUzNTMzNzQ3NjUxNCUiLz48Y2lyY2xlIGN4PSIyOS42MjEzMzI1NjI1MDkwMzIlIiBjeT0iMCIgcj0iMi45ODQ1MzUzMzc0NzY1MTQlIi8+PGNpcmNsZSBjeD0iMzcuNzcyNzk5NTM3NTA1NDIlIiBjeT0iMCIgcj0iMi45ODQ1MzUzMzc0NzY1MTQlIi8+PGNpcmNsZSBjeD0iNDUuOTI0MjY2NTEyNTAxODElIiBjeT0iMCIgcj0iMi45ODQ1MzUzMzc0NzY1MTQlIi8+PGNpcmNsZSBjeD0iNTQuMDc1NzMzNDg3NDk4MiUiIGN5PSIwIiByPSIyLjk4NDUzNTMzNzQ3NjUxNCUiLz48Y2lyY2xlIGN4PSI2Mi4yMjcyMDA0NjI0OTQ1OCUiIGN5PSIwIiByPSIyLjk4NDUzNTMzNzQ3NjUxNCUiLz48Y2lyY2xlIGN4PSI3MC4zNzg2Njc0Mzc0OTA5OCUiIGN5PSIwIiByPSIyLjk4NDUzNTMzNzQ3NjUxNCUiLz48Y2lyY2xlIGN4PSI3OC41MzAxMzQ0MTI0ODczNCUiIGN5PSIwIiByPSIyLjk4NDUzNTMzNzQ3NjUxNCUiLz48Y2lyY2xlIGN4PSI4Ni42ODE2MDEzODc0ODM3NCUiIGN5PSIwIiByPSIyLjk4NDUzNTMzNzQ3NjUxNCUiLz48Y2lyY2xlIGN4PSI5NC44MzMwNjgzNjI0ODAxMyUiIGN5PSIwIiByPSIyLjk4NDUzNTMzNzQ3NjUxNCUiLz48L21hc2s+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIG1hc2s9InVybCgjbSkiLz48L3N2Zz4=');
	--bs-body-text-align: left;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.4737;
}

.editor-styles-wrapper{
	/* [id]{
		scroll-margin-top: 100px;
	} */

	.row{
		gap: 1.4em 0;
	}

	h1, h2, h3, h4, h5, h6,
	.has-h-1-font-size, .has-h-2-font-size, .has-h-3-font-size, .has-h-4-font-size, .has-h-5-font-size, .has-h-6-font-size{
		margin: 0 0 max( 20px, 0.75em );
		text-wrap: balance;
	}
	h1, .has-h-1-font-size{
		margin: 0 0 24px;
		font-family: var( --bs-h1-font-family, var(--bs-headings-font-family) );
		font-size: var( --wp--preset--font-size--h-1, var(--bs-headings-font-size) );
		font-weight: var( --bs-h1-font-weight, var(--bs-headings-font-weight) );
		line-height: 1.1333;

		@media (max-width: 1399px){
			--wp--preset--font-size--h-1: 50px;
		}

		@media (max-width: 767px){
			--wp--preset--font-size--h-1: 40px;
			line-height: 1.2;
		}
	}
	h2, .has-h-2-font-size{
		font-family: var( --bs-h2-font-family, var(--bs-headings-font-family) );
		font-size: var( --wp--preset--font-size--h-2, var(--bs-headings-font-size) );
		font-weight: var( --bs-h2-font-weight, var(--bs-headings-font-weight) );
		line-height: 1.1304;

		@media (max-width: 767px){
			--wp--preset--font-size--h-2: 30px;
			line-height: 1.2667;
		}
	}
	h3, .has-h-3-font-size{
		font-family: var( --bs-h3-font-family, var(--bs-headings-font-family) );
		font-size: var( --wp--preset--font-size--h-3, var(--bs-headings-font-size) );
		font-weight: var( --bs-h3-font-weight, var(--bs-headings-font-weight) );
		line-height: 1.2667;

		@media (max-width: 767px){
			--wp--preset--font-size--h-3: 25px;
			line-height: 1.32;
		}
	}
	h4, .has-h-4-font-size{
		font-family: var( --bs-h4-font-family, var(--bs-headings-font-family) );
		font-size: var( --wp--preset--font-size--h-4, var(--bs-headings-font-size) );
		font-weight: var( --bs-h4-font-weight, var(--bs-headings-font-weight) );
		line-height: 1.3636;
	}
	:is( p, ul, figure ) + h4{
		margin-top: 78px;

		@media (max-width: 991px){
			margin-top: 64px;
		}

		@media (max-width: 767px){
			margin-top: 56px;
		}
	}
	h5, .has-h-5-font-size{
		font-family: var( --bs-h5-font-family, var(--bs-headings-font-family) );
		font-size: var( --wp--preset--font-size--h-5, var(--bs-headings-font-size) );
		font-weight: var( --bs-h5-font-weight, var(--bs-headings-font-weight) );
		line-height: 1.2222;

		@media (max-width: 767px){
			--wp--preset--font-size--h-5: 20px;
			line-height: 1.4;
		}
	}
	h6, .has-h-6-font-size{
		margin: -10px 0 12px;
		font-family: var( --bs-h6-font-family, var(--bs-headings-font-family) );
		font-size: var( --wp--preset--font-size--h-6, var(--bs-headings-font-size) );
		font-weight: var( --bs-h6-font-weight, var(--bs-headings-font-weight) );
		line-height: 1.2222;

		@media (max-width: 767px){
			--wp--preset--font-size--h-6: 20px;
			line-height: 1.4;
		}
	}
	:is( p, ul, figure ) + h6{
		margin-top: 24px;
	}

	.has-lead-font-size{
		line-height: 1.4;

		@media (max-width: 767px){
			--wp--preset--font-size--lead: 17px;
			line-height: 1.353;
		}
	}
	.has-regular-font-size{
		line-height: 1.4737;

		@media (max-width: 767px){
			--wp--preset--font-size--regular: 17px;
			line-height: 1.6471;
		}
	}
	.has-small-font-size{
		line-height: 1.4286;

		@media (max-width: 767px){
			--wp--preset--font-size--small: 13px;
			line-height: 1.38462;
		}
	}

	.is-extra-style-text-wrap-auto{
		text-wrap: auto;
	}
	.is-extra-style-text-wrap-balance{
		text-wrap: balance;
	}

	button{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: #000;
		text-align: center;
	}

	hr{
		opacity: 1;
	}
	.wp-block-separator{
		border-bottom: 0;
	}

	a, a:hover{
		color: inherit;
	}
	.has-link-color a{
		color: inherit;
	}

	b, strong{
		font-weight: bold;
	}

	mark{
		padding: 0;
	}

	:where( p, ul ):not(:last-child){
		margin-bottom: 1.4em;
	}
	:is( p, ul ):last-child{
		margin-bottom: 0;
	}

	.is-style-background-only-shrinking{
		margin-inline: auto;
	}
	:is( .is-style-image-to-left, .is-style-image-to-right, .is-style-image-on-top, .is-style-background-only-shrinking ) .has-background-dim{
		z-index: 0 !important;
	}
	:is( .is-style-image-to-left, .is-style-image-to-right, .is-style-image-on-top, .is-style-background-only-shrinking ) .wp-block-cover__image-background{
		z-index: 1 !important;
	}
	:is( .is-style-image-to-left, .is-style-image-to-right ){
		overflow-x: visible;
	}
	.is-style-image-to-left{
		--offset: 40px;
		margin: 0 0 var(--offset) var(--offset);

		@media (max-width: 767px){
			--offset: 24px;
		}

		.wp-block-cover__image-background{
			transform: translate3d( calc( -1 * var(--offset) ), var(--offset), 0 );
		}
	}
	.is-style-image-to-right{
		--offset: 40px;
		margin: 0 var(--offset) var(--offset) 0;

		@media (max-width: 767px){
			--offset: 24px;
			margin: 0 24px 24px 0;
		}

		.wp-block-cover__image-background{
			transform: translate3d( var(--offset), var(--offset), 0 );
		}
	}

	.btn,
	.wp-block-button__link{
		position: relative;
		z-index: 1;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		vertical-align: middle;
		margin-inline: 14px;
		padding: 17px 40px;
		background: var(--wp--preset--color--rot);
		border: 0;
		border-radius: 0;
		color: var(--wp--preset--color--beige);
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
		text-decoration: none;
		transition: background-color .3s ease;

		@media (max-width: 767px){
			margin-inline: 9px;
			padding: 10px 25px;
			font-size: 15px;
			line-height: 1.5333;
		}

		&::before,
		&::after{
			content: '';
			width: 48px;
			aspect-ratio: 1;
			position: absolute;
			z-index: -1;
			top: calc( 50% - 24px );
			left: -14px;
			background: var(--wp--preset--color--rot);
			border-radius: 50%;
			transition: background-color .3s ease;

			@media (max-width: 767px){
				width: 32px;
				top: calc( 50% - 16px );
				left: -9px;
			}
		}
		&::after{
			left: auto;
			right: -14px;

			@media (max-width: 767px){
				right: -9px;
			}
		}
	}
	a:hover :is( .btn, .wp-block-button__link ),
	:is( .btn, .wp-block-button__link ):hover{
		background-color: var(--wp--preset--color--blau);
		color: var(--wp--preset--color--beige);

		&::before,
		&::after{
			background-color: var(--wp--preset--color--blau);
		}
	}

	:is(p, figure) + .wp-block-buttons,
	:is(p, figure) + .wp-block[aria-hidden=true] + .wp-block-buttons{
		margin-top: 52px;

		@media (max-width: 767px){
			margin-top: 40px;
		}
	}

	.helptext{
		font-size: 14px;
		line-height: 1.4286;
		color: var(--wp--preset--color--blau);
	}

	:is( .form-control, .form-select ),
	:is( .form-control, .form-select ):focus{
		--text-color: #000;
		--placeholder-color: rgba(0,0,0,.5);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		display: block;
		width: 100%;
		padding: 15px 18px;
		background: var(--wp--preset--color--beige);
		border: 1px solid var(--wp--preset--color--beige);
		border: 0;
		border-radius: 0;
		color: var(--text-color);	
	}
	.has-background{
		:is( .form-control, .form-select ),
		:is( .form-control, .form-select ):focus{
			background: #fff;
		}
	}
	.form-select option{
		color: var(--text-color) !important;
	}
	.form-select,
	.form-select:focus{
		cursor: pointer;
		background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7" fill="none" viewBox="0 0 10 7"><path stroke="black" stroke-linecap="round" stroke-width="2" d="m1 1 4 4 4-4"/></svg>') right 16px center no-repeat;
	}
	:is( .form-control, .form-select ):focus{
		outline: none;
		box-shadow: none;
		border-color: #a0bcf8;
	}
	.form-control::placeholder{
		opacity: 1;
		color: var(--placeholder-color);
	}
	.form-select:has( option[value=""]:checked ),
	.form-select:has( option[value=""]:checked ):focus{
		color: var(--placeholder-color);
	}
	textarea.form-control,
	textarea.form-control:focus{
		height: 160px;
	}

	.swiper-container-wrapper :is(.swiper-button-next, .swiper-button-prev){
		top: var( --arrow-top, 50% );
		left: auto;
		right: 0;
		width: auto;
		height: auto;
		margin: 0;
		background: none;
		border-radius: 0;

		&::after{
			content: '';
			width: 34px;
			aspect-ratio: 1;
			background: url(images/swiper.svg) center/contain no-repeat;

			@media (max-width: 767px){
				width: 30px;
			}
		}
	}
	.swiper-container-wrapper .swiper-button-prev{
		right: 54px;

		&::after{
			transform: rotate(180deg);
		}
	}

	.swiper-container-wrapper .swiper-horizontal > .swiper-pagination-bullets{
		position: static;
		margin: 24px 0 0;
		display: flex;
		gap: 6px;
		justify-content: center;
		bottom: 0;
	}
	.swiper-container-wrapper .swiper-pagination-bullets[style*="display: block"]{
		display: flex !important;
	}
	.swiper-container-wrapper .swiper-pagination-bullet{
		--swiper-pagination-bullet-inactive-opacity: .5;
		width: 6px;
		height: 6px;
		background: #000;
		box-shadow: none;
		margin: 0 !important;
	}
	.swiper-container-wrapper .swiper-pagination-bullet-active{
		background-color: var(--wp--preset--color--blau);
	}

	figure.wp-block-gallery{
		display: grid;
		grid-template-columns: repeat( 2, 1fr );
		gap: 40px 20px !important;
		margin: 32px 0 80px;

		&:first-child{
			margin-top: 0;
		}

		&:last-child{
			margin-bottom: 0;
		}

		@media (max-width: 767px){
			grid-template-columns: 1fr;
			margin: 32px 0;
		}

		figure{
			width: 100% !important;

			&.wp-block-image::before{
				display: none;
			}

			img{
				aspect-ratio: 630/472;
				object-fit: cover;
			}
		}

		figcaption{
			margin: 8px 0 0 !important;
			font-size: 14px !important;
			line-height: 1.42857;
			position: static !important;
			color: inherit !important;
			background: none !important;
			text-align: left !important;
			padding: 0 !important;
			scrollbar-gutter: auto !important;
			text-shadow: none !important;
		}
	}

	#top{
		display: flex;
		position: fixed;
		z-index: 999;
		right: calc( 30px + var( --modalScrollbar, 0px ) + var( --fancybox-scrollbar-compensate, 0px ) );
		bottom: 30px;
		opacity: 0;
		transform: translateY(40px);
		transition: all .3s ease;
		transition-property: transform, opacity;
		pointer-events: none;
	}
	#top::after{
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" fill="none" viewBox="0 0 52 52"><path stroke="black" stroke-width="2" d="M1 1h50v50H1z"/><path fill="black" d="m17.6731 33 8.7019-8.6532L35.0769 33l2.6731-2.664L26.375 19 15 30.336z"/></svg>');
		font-size: 0;
	}
	.scrolled.scrolling-up:not(.compensate-for-scrollbar) #top{
		transform: translateY(0px);
		opacity: 1;
		pointer-events: all;
	}

	.nav-link{
		padding: 0;
	}

	.nav-link .icon::before{
		content: '';
		display: block;
		width: calc( var(--icon-w) * 1px );
		aspect-ratio: var(--icon-w) / var(--icon-h);
		-webkit-mask: var(--icon) no-repeat center/contain;
		mask: var(--icon) no-repeat center/contain;
		background: currentcolor;
		transition: background-color .3s ease;
	}

	p img:first-child{
		margin-right: 16px;
	}

	.is-style-menu ul{
		gap: 42px;

		@media (max-width: 1399px){
			gap: 32px;
		}

		@media (max-width: 1199px){
			flex-direction: column;	
		}

		.nav-link{
			font-size: 20px;
			font-weight: 700;
			line-height: 1.4;
			color: var(--wp--preset--color--blau);

			@media (max-width: 1399px){
				font-size: 18px;
			}

			&:hover{
				color: var(--wp--preset--color--orange);
			}

			&.active{
				color: var(--wp--preset--color--rot);
			}
		}
		.active .nav-link{
			color: var(--wp--preset--color--rot);
		}
	}

	@media (max-width: 1199px){
		.is-style-menu > ul > li{
			transform: translateY(20px);
			opacity: 0;
			transition: transform .6s cubic-bezier(.65,1.29,.77,.99), opacity .3s ease;

			&:nth-child(2){ transition-delay: 70ms }
			&:nth-child(3){ transition-delay: 140ms }
			&:nth-child(4){ transition-delay: 210ms }
			&:nth-child(5){ transition-delay: 280ms }
			&:nth-child(6){ transition-delay: 350ms }
			&:nth-child(7){ transition-delay: 420ms }
			&:nth-child(8){ transition-delay: 490ms }
		}
		.navbar-collapse.collapse.show:not(.collapsing){
			.is-style-menu > ul > li{
				transform: translateY(0px);
				opacity: 1;
			}
		}
	}

	.is-style-footer ul{
		flex-direction: column;
		gap: 25px;

		@media (max-width: 767px){
			gap: 18px;
		}

		.nav-link{
			font-size: 20px;
			font-weight: 700;
			line-height: 1.4;
			color: var(--wp--preset--color--blau);

			&:hover{
				color: var(--wp--preset--color--rot);
			}
		}
	}

	.is-style-gdpr ul{
		flex-direction: column;
		gap: 25px;

		@media (max-width: 767px){
			flex-direction: row;
			gap: 16px;
		}

		.nav-link{
			font-size: 20px;
			font-weight: 400;
			line-height: 1.4;
			color: var(--wp--preset--color--blau);

			@media (max-width: 767px){
				font-size: 14px;
				line-height: 1.4286;
			}

			&:hover{
				color: var(--wp--preset--color--rot);
			}
		}
	}

	.is-style-socials ul{
		flex-direction: column;
		gap: 25px;

		@media (max-width: 767px){
			flex-direction: row;
			gap: 14px;
		}

		.nav-link{
			display: flex;
			align-items: center;
			gap: 10px;
			font-size: 20px;
			font-weight: 400;
			line-height: 1.4;
			color: var(--wp--preset--color--blau);

			@media (max-width: 767px){
				.text{
					display: none;
				}
			}

			&:hover{
				color: var(--wp--preset--color--rot);
			}
		}
	}

	.wpml-custom-list{
		display: flex;
		flex-wrap: wrap;
		gap: 16px;

		a{
			font-size: 14px;
			line-height: 1.4286;
			color: var(--wp--preset--color--blau);
			text-decoration: none;
		}

		.active a{
			color: var(--wp--preset--color--rot);
		}
	}

	.wpml-custom-dropdown{
		.dropdown-toggle{
			display: flex;
			align-items: center;
			gap: 4px;
			margin: 0;
			padding: 0;
			background: none;
			border: 0;
			line-height: 1.1579;
			color: var(--wp--preset--color--blau);
			text-transform: uppercase;
			transition: color .3s ease;

			&:hover{
				color: var(--wp--preset--color--orange);
			}

			&::after{
				content: url(images/dropdown.svg);
				font-size: 0;
				transition: transform .3s ease;
			}
			&.show::after{
				transform: rotate(-180deg);
			}
		}

		.dropdown-menu{
			min-width: 0;
			padding: 0;
		}
		.dropdown-item{
			margin: 14px 0 0;
			padding: 0;
			font-size: 19px;
			line-height: 1.1579;
			color: var(--wp--preset--color--blau);
			text-transform: uppercase;
			transition: color .3s ease;

			&:hover{
				background: none;
				color: var(--wp--preset--color--orange);
			}
		}
	}

	a.article-item{
		text-decoration: none;
		display: grid;
		grid-template-columns: repeat( 12, minmax( 0, 1fr ) );
		gap: 20px;
		align-items: center;
		margin: 80px 0;

		@media (max-width: 991px){
			display: flex;
			flex-direction: column;
			gap: 32px;
			margin: 40px 0;
		}

		@media (max-width: 767px){
			margin: 52px 0 80px;
			gap: 16px;
		}

		.wp-block-cover{
			width: calc( 100% - var(--offset) );
			aspect-ratio: 1;
			grid-column: 1/7;
			grid-row: 1/2;
			max-width: 580px;

			@media (max-width: 991px){
				margin-right: auto;
			}
		}
		.text{
			grid-column: 8/13;
			grid-row: 1/2;
		}
		.metas{
			display: flex;
			flex-wrap: wrap;
			gap: 15px;
			align-items: center;

			@media (max-width: 991px){
				gap: 10px;
				margin: 0 0 24px;
			}
		}
		.tag{
			padding: 5px 10px;
			background: var(--wp--preset--color--gelb);
			border-radius: 99px;
			font-size: 14px;
			line-height: 1.4286;
			color: var(--wp--preset--color--blau);

			@media (max-width: 767px){
				font-size: 13px;
			}
		}
		.date{
			color: var(--wp--preset--color--blau);

			@media (max-width: 767px){
				font-size: 13px;
			}
		}
		.title{
			margin: 20px 0;

			@media (max-width: 991px){
				margin: 0;
			}
		}
		.link{
			display: flex;
			align-items: center;
			gap: 10px;
			margin: 20px 0 0;
			font-size: 20px;
			font-weight: 700;
			line-height: 1.4;
			color: var(--wp--preset--color--rot);
			transition: color .3s ease;

			@media (max-width: 767px){
				font-size: 17px;
			}

			&::after{
				--icon: url(images/arrow-right.svg);
				content: '';
				width: 9px;
				aspect-ratio: 9/13;
				-webkit-mask: var(--icon) no-repeat center/contain;
				mask: var(--icon) no-repeat center/contain;
				background: currentColor;
				transition: background-color .3s ease;
			}
		}
		&:hover .link{
			color: var(--wp--preset--color--blau);
		}
	}

	[data-filter-item]{
		overflow: hidden;
	}
	[data-filter-item]:nth-child( odd of :not([hidden]) ) a.article-item{
		@media (min-width: 992px){
			.wp-block-cover{
				margin-left: auto;
				grid-column: 7/13;
			}
			.text{
				grid-column: 1/6;
			}
		}
	}

	.wp-block-quote{
		margin: 0;

		p{
			font-size: 30px;
			font-weight: 700;
			line-height: 1.2667;
			color: var(--wp--preset--color--grun);

			@media (max-width: 767px){
				font-size: 24px;
				line-height: 1.3333;
			}

			&:has( + cite ){
				margin-bottom: 16px;

				@media (max-width: 767px){
					margin-bottom: 8px;
				}
			}
		}
		cite{
			display: block;
			font-size: 14px;
			font-style: normal;
			line-height: 1.4286;
			color: #242424;

			@media (max-width: 767px){
				font-size: 13px;
			}
		}
	}

	.wp-block-list{
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-left: 1.5em;
	}

	.lazy-load-div::before{
		content: '';
		text-shadow: none;
		opacity: 1;
		background: url(images/play.svg) center / min( 142px, 15% ) auto no-repeat;
	}
	.container-lazyload{
		margin: 130px 0;

		@media (max-width: 991px){
			margin: 100px 0;
		}

		@media (max-width: 767px){
			margin: 80px 0;
		}

		&::before,
		&::after{
			content: url(images/video-ornament.svg);
			font-size: 0;
			position: absolute;
			bottom: 0;
			right: 0;
			transform: translate3d(100%, 100%, 0);

			@media (max-width: 991px){
				transform: translate3d(36%, 90%, 0) scale(0.5) rotate(45deg);
			}
		}
		&::before{
			top: 0;
			left: 0;
			bottom: auto;
			right: auto;
			transform: translate3d(-100%, -100%, 0) rotate(180deg);

			@media (max-width: 991px){
				transform: translate3d(-36%, -90%, 0) scale(0.5) rotate(225deg);
			}
		}
	}

	a.city-item{
		display: flex;
		flex-direction: column;
		max-width: 460px;
		height: 100%;
		margin: 0 auto;
		text-decoration: none;
		color: var(--wp--preset--color--blau);
		transition: color .6s ease;

		.image{
			flex-shrink: 0;
			-webkit-mask-image: var(--pattern);
			mask-image: var(--pattern);
			aspect-ratio: 460/336;

			img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform .6s ease;
			}
		}

		.inner{
			flex-grow: 1;
			position: relative;
			margin: 0 0 3.3898%;
			padding: 30px 42px calc( 30px - 3.3898% );
			background-color: var(--bgc);
			text-align: center;
			transition: all .6s ease;
			transition-property: background-color, color;

			@media (max-width: 767px){
				padding: 20px 15px;
			}

			&::after{
				--icon: url(images/tearoff.svg);
				content: '';
				width: 100%;
				aspect-ratio: 413/14;
				-webkit-mask: var(--icon) no-repeat center/100%;
				mask: var(--icon) no-repeat center/100%;
				background-color: var(--bgc);
				transition: background-color .6s ease;
				position: absolute;
				top: 100%;
				left: 0;
			}
		}

		&:hover{
			--bgc: var(--wp--preset--color--blau) !important;
			color: #fff;

			.image img{
				transform: scale(1.05);
			}
		}
	}

	@media (max-width: 767px){
		--wp--preset--font-size--regular: 17px;
	}

	@media (max-width: 575px){
		--bs-offset: 30px;
		--snap: -30px;

		.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl{
			padding-left: 30px;
			padding-right: 30px;
		}
	}
}