@import "font/custom-font.css";

:root {
	--transition: all 0.3s;
	--fontsize-nav: 20px;
	--fontsize-body: 24px;
	--fontsize-body-smaller: 14px;
	--color-01: #b2d234;
	--color-02: #74A333;
	--color-03: linear-gradient(119.6deg, #74A333 31.89%, var(--color-12) 130.06%);
	--color-04: #777777;
	--color-05: #C4C4C4;
	--color-06: #F6F6F4;
	--color-07: #ffffff;
	--color-08: #000000;
	--color-09: #424242; /* grey line */
	--color-10: #E5E5E5; /* light grey bg */
	--color-11: #8dad15; /* hover color for --color-01 */
	--color-12: #cde863; /* general green */
	--color-13: #dcdcdc;
	--color-14: #5e676f; /* basic text color*/
	--color-15: #2e2e2e; /* dark grey line */
	--color-16: #CBDB2F; /* green line*/

	--padding-xs: 16px;
	--padding-sm: 24px;
	--padding-md: 36px;
	--padding-lg: 48px;
	--padding-xl: 80px;

	--font-family: db-heavent-reg, Arial, sans-serif;

	--breakpoint-xs: 320px;
	--breakpoint-sm: 480px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 1024px;
	--breakpoint-xl: 1200px;

	--fontsize-hh: 80px;
	/* --fontsize-h1: 48px;
	--fontsize-h2: 40px;
	--fontsize-h3: 36px;
	--fontsize-h4: 32px;
	--fontsize-h5: 24px;
	--fontsize-h6: 20px; */
	--fontsize-h1: 40px;
	--fontsize-h2: 36px;
	--fontsize-h3: 32px;
	--fontsize-h4: 28px;
	--fontsize-h5: 24px;
	--fontsize-h6: 20px;

	--container-size-xs: 100%;
	--container-size-sm: 100%;
	--container-size-md: 700px;
	--container-size-lg: 920px;
	--container-size-xl: 1100px;

	--color-overlay-background: #000000e8;
	--menu-underline-length: 50px;
	--footer-margin-x-lg: 48px;
	--footer-margin-x-sm: 67px;
	--container-fluid-margin-x: 36px;
	--box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
	/* 320px — 480px: Mobile devices
	481px — 768px: iPads, Tablets
	769px — 1024px: Small screens, laptops
	1025px — 1200px: Desktops, large screens
	1201px and more —  Extra large screens, TV */


}

@media (min-width: 420px) {
	.col-xs {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xs-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-xs-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%;
	}

	.col-xs-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.col-xs-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xs-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-xs-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-xs-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xs-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-xs-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-xs-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xs-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-xs-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-xs-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 576px) {
	.col-sm-4 {
		flex: 0 0 33.3333333333% !important;
		max-width: 33.333333% !important;
	}
}

@media (min-width: 992px) {
	.col-lg-3 {
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
}

.gd-info {
	/* color: #fff; */
	background: transparent;
}

body {
	font-family: var(--font-family);
	font-weight: 100;
	background-image: linear-gradient(90deg, #000000 17.85%, #393939 85.14%);
	font-size: var(--fontsize-body);
	color: var(--color-14);
}

html {
	background: var(--color-08);
	font-size: var(--fontsize-body);
}

a {
	color: var(--color-01);
	transition: var(--transition);
}

a:hover {
	color: var(--color-11);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	line-height: 1;
}

.hh {
	font-size: 60px;
	font-family: 'db-heavent-bold';
	color: var(--color-08);
}

@media (min-width: 1024px) {
	.hh {
		font-size: 80px !important;
	}
}

h1,
.h1 {
	font-size: var(--fontsize-h2) !important;
	font-weight: 400;
}

@media (min-width: 768px) {

	h1,
	.h1 {
		font-size: var(--fontsize-h1) !important;
	}
}

h2,
.h2 {
	font-size: var(--fontsize-h2) !important;
	font-weight: 600;
}

h3,
.h3 {
	font-size: var(--fontsize-h3) !important;
	font-weight: 600;
	color: var(--color-01);
}

h4,
.h4 {
	font-size: var(--fontsize-h4) !important;
	font-weight: 600;
	color: var(--color-01);
}

@media (min-width: 768px) {

	h4,
	.h4 {
		font-size: var(--fontsize-h4) !important;
	}
}

h5,
.h5 {
	font-size: var(--fontsize-h5) !important;
	font-weight: 600;
	line-height: 24px !important;
}

h6,
.h6 {
	font-size: var(--fontsize-h6) !important;
	font-weight: 400;
}

.btn {
	padding: 5px 24px;
	border: none;
}

.btn-primary {
	background-image: var(--color-03);
	font-size: var(--fontsize-nav);
	transition: background-position 0.3s;
	background-position: left;
	background-size: 300%;
}

.btn-primary:hover {
	background-position: right;
}

.dropdown-toggle::after {
	display: none;
}

.font-size-nav {
	font-size: var(--fontsize-nav);
}

.font-size-body {
	font-size: var(--fontsize-body);
}

.font-size-body-smaller {
	font-size: var(--fontsize-body-smaller);
}

.container {
	min-height: 200px;
}
@media (min-width: 992px) {
	.container {
		max-width: inherit;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: inherit;
	}
}

@media (min-width: 576px) {
	.container {
		max-width: unset;
	}
}

@media (min-width: 480px) {
	.container {}
}

@media (min-width: 768px) {
	.container {
		width: var(--container-size-md);
	}
}

@media (min-width: 1024px) {
	.container {
		width: var(--container-size-lg);
	}
}

@media (min-width: 1200px) {
	.container {
		width: var(--container-size-xl);
	}
}

img.social-icon {
	height: 24px;
}

img.social-icon.sm {
	width: 40px;
}

.bg-style-green {
	padding-top: 60px;
	background: linear-gradient(180deg, white 30%, var(--color-12) 30%, #74A333 80%, transparent 80%);
}

@media (min-width: 768px) {
	.bg-style-green {
		background: linear-gradient(180deg, white 40%, var(--color-12) 40%, #74A333 80%, transparent 80%);
	}
}

.bg-style-light-grey {
	background: var(--color-06) !important;
}

.bg-style-white {
	background: var(--color-07);
}

.bg-style-black {
	background: var(--color-08);
}

.bg-style-grey-gradient {
	background: linear-gradient(to bottom, transparent 0%, transparent 5%, var(--color-13) 5%, var(--color-13) 100%);
}

.bg-style-green-gradient {
	background-image: var(--color-03);
}

.bg-style-horizontal-green-stripe {
	background: linear-gradient(to bottom, transparent 0%, transparent 33%, var(--color-12) 33%, var(--color-12) 66%, var(--color-08) 66%, var(--color-08) 100%);
}

.bg-style-black-gradient {
	background: linear-gradient(to bottom, transparent 0%, transparent 5%, var(--color-13) 5%, var(--color-13) 95%, var(--color-13) 95%, var(--color-08) 95%, var(--color-08) 100%);
}

.bg-style-black-stripe-bottom {
	background: linear-gradient(to bottom, transparent 0%, transparent 5%, var(--color-13) 5%, var(--color-13) 95%, var(--color-13) 95%, var(--color-08) 95%, var(--color-08) 100%);
}

h1 blockquote::before {
	content: open-quote;
	margin-right: 8px;
}

h1 blockquote::after {
	content: close-quote;
	margin-left: 8px;
}

h1 blockquote {
	quotes: "“""”""‘""’";
	/* padding: 0 21px;
	text-indent: -22px; */
	text-indent: -35px;
	padding: 0px 34px;
	font-family: db-heavent-med;
}

h5 blockquote::before {
	content: open-quote;
	margin-right: 15px;
	font-size: 72px;
}

h5 blockquote::after {
	content: close-quote;
	font-size: 72px;
	line-height: 0px;
	position: absolute;
	bottom: -35px;
	right: 0;
}

@media (min-width: 996px) {
	h5 blockquote::after {
		position: relative;
		top: 50px;
		left: 130px;
	}
}

h5 blockquote {
	quotes: "“""”""‘""’";
	/* padding: 0 21px;
	text-indent: -22px; */
	text-indent: -35px;
	padding: 0px 34px;
	color: var(--color-14);
}

ul,
ol {
	padding-left: 32px;
}

li {
	line-height: 28px;
	margin-top: 8px;
}

li:last-child {
	margin-bottom: 8px;
}

p {
	margin-bottom: 1.5rem;
}

div {
	position: relative;
}

.text-white {
	color: var(--color-07);
}

.text-green {
	color: var(--color-01) !important;
}

a.text-green:hover {
	color: var(--color-11);
}

.text-black {
	color: var(--color-14) !important;
}

a.text-black:hover {
	color: var(--color-11) !important;
}

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

.content-box {
	padding: 24px 16px;
	background: var(--color-07);
	border-top: 8px solid var(--color-01);
	background: #FFFFFF;
	box-shadow: var(--box-shadow);
	margin-bottom: 40px;
}

@media (min-width: 480px) {
	.content-box {
		padding: 36px 24px;
	}
}

@media (min-width: 1024px) {
	.content-box {
		padding: 40px;
	}
}

.content-box:last-child {
	margin-bottom: 0;
}

.content-box h4 {
	position: relative;
	padding-bottom: 16px;
	font-family: 'db-heavent-med';
}

.content-box h4:after {
	content: "";
	position: absolute;
	height: 1px;
	width: var(--menu-underline-length);
	background: var(--color-08);
	bottom: 0;
	left: 0;
}

.about-structure .content-1-container,
.content-container .img-container {
	overflow: auto;
}

.about-structure .content-1-container img,
.content-container .img-container img {
	/* width: 800px; */
	width: 100%;
}

@media (min-width: 768px) {

	.about-structure .content-1-container img,
	.content-container .img-container img {
		width: 100%;
	}
}

.intro-text {
	flex-direction: column !important;
	margin-top: 16px;
}

.intro-text .structure-mode {
	order: 1;
}

.intro-text .text {
	order: 2;
	width: 100%;
}

@media (min-width: 480px) {
	.intro-text {
		flex-direction: row !important;
		margin-top: 0;
	}

	.intro-text .structure-mode {
		order: 2;
	}

	.intro-text .text {
		order: 1;
		width: 80%;
	}
}

.about-structure .intro-text,
.about-structure .content-2-container {
	padding: 0 16px;
}

@media (min-width: 480px) {

	.about-structure .intro-text,
	.about-structure .content-2-container {
		padding: 0 24px;
	}
}

@media (min-width: 768px) {

	.about-structure .intro-text,
	.about-structure .content-2-container {
		padding: 0 32px;
	}
}

@media (min-width: 1024px) {

	.about-structure .intro-text,
	.about-structure .content-2-container {
		padding: 0 48px;
	}
}

@media (min-width: 1200px) {

	.about-structure .intro-text,
	.about-structure .content-2-container {
		padding: 0 80px;
	}
}

ol,
ul {
	padding-left: 16px;
}

@media (min-width: 768px) {

	ol,
	ul {
		padding-left: 24px;
	}
}

@media (min-width: 1024px) {

	ol,
	ul {
		padding-left: 32px;
	}
}

.media-content {
	border-radius: 0;
}

.media-content .icon-top-right {
	position: absolute;
	width: 36px !important;
	height: 36px;
	right: 8px;
	top: 8px;
}
	@media (min-width: 1024px) {
		.media-content .icon-top-right {
			position: absolute;
			width: 48px !important;
			height: 48px;
			right: 8px;
			top: 8px;
		}
	}
.media-content.no-hover:hover {
	cursor: default;
}

.media-content:before {
	content: none;
}

.content-container {
	background: var(--color-07);
}

.content-container h1:nth-child(1),
.content-container h2:nth-child(1),
.content-container h3:nth-child(1),
.content-container h4:nth-child(1),
.content-container h5:nth-child(1),
.content-container h6:nth-child(1) {
	/* margin-top: 0; */
}

.hvr-float {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

.contact-channel ul {
	list-style: none;
	padding: 0;
}

.contact-channel li {
	padding: 10px 0;
}

.contact-channel li:nth-child(1) {
	padding-top: 0;
}

.contact-channel li a {
	color: var(--color-08);
}

.contact-channel li a:hover {
	color: var(--color-01);
	cursor: pointer;
}

.contact-channel li img {
	margin-right: 48px;
	width: 36px;
}

.contact-channel a.tell {
	font-family: akrobatbold;
	font-size: var(--fontsize-h1);
	color: var(--color-08);
	position: relative;
	transition: var(--transition);
}

.contact-channel a.tell:hover {
	color: var(--color-01);
	cursor: pointer;
}

.contact-channel h6 {
	margin: 6px 0 0 0;
}

.bold {
	font-family: 'db-heavent-med' !important;
}

@media (min-width: 320px) {
	.d-xs-none {
		display: none !important;
	}
}

#modal-video .close,
#modal-splash-page .close {
	position: absolute;
	top: -42px;
	right: 16px;
	color: white;
	transition: var(--transition);
}

#modal-video .close:hover,
#modal-splash-page .close:hover {
	color: var(--color-07);
	cursor: pointer;
}
	@media (min-width: 576px) {
		#modal-video .close,
		#modal-splash-page .close {
			right: -28px;
		}
	}

.modal-backdrop.show {
	opacity: 0.8;
}

#modal-video .modal-dialog,
#modal-splash-page .modal-dialog {
	margin: 0;
}
	@media (min-width: 576px) {
		#modal-video .modal-dialog,
		#modal-splash-page .modal-dialog {
			margin: 0.5rem;
		}
	}

.modal-body {
	padding: 0;
	margin-bottom: -13px;
	box-shadow: var(--box-shadow);
}

.modal-content {
	background: var(--color-08);
}

#cookieModal .modal-content {
	background: var(--color-07);
}
#cookieModal .container {
	min-height: unset;
    margin-top: 40px;
    margin-bottom: 40px;
}
@media (min-width: 576px) {
	#modal-video .modal-dialog,
	#modal-splash-page .modal-dialog {
		margin: 2rem auto;
	}
}

#modal-video .modal-content,
#modal-splash-page .modal-content {
	background: var(--color-07);
}

p {
	margin-bottom: 16px;
	line-height: 28px;
}

.card-title {
	line-height: unset;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-bottom: 24px;
	margin-top: 40px;
}

h4,
h5 {
	color: var(--color-01);
}

.b-a {
	border: 1px solid var(--color-05);
}

img {
	width: 100%;
}

.dropzone {
	background: #EFEFEF;
}

.form-control {
	border-color: var(--color-05);
}

b,
strong {
	font-weight: 600;
}

img+p {
	margin-top: 16px;
}

tr:nth-of-type(even) {
	background-color: rgba(0, 0, 0, .05);
}

thead tr {
	background: var(--color-12);
}

tr th,
tr td {
	padding: 8px 8px;
}

tr th:nth-child(1),
tr td:nth-child(1) {
	padding-left: 16px;
}

tr th:nth-last-child(1),
tr td:nth-last-child(1) {
	padding-right: 16px;
}

ul.icon-check {
	list-style-image: url(../img/icon-check.svg);
}

ul.icon-wrong {
	list-style-image: url(../img/icon-wrong.svg);
}

.container {
	margin-top: 64px;

}
	@media (min-width: 768px) {
		.container {
			margin-top: 130px;
		}
	}
	@media (min-width: 1024px) {
		.container {
			margin-top: 140px;
		}
	}
	@media (min-width: 1200px) {
		.container {
			margin-top: 80px;
		}
	}

.container.news {
	margin-top: 0;
	padding-top: 64px;
}
	@media (min-width: 768px) {
		.container.news {
			padding-top: 130px;
		}
	}
	@media (min-width: 1024px) {
		.container.news {
			padding-top: 140px;
		}
	}
	@media (min-width: 1200px) {
		.container.news {
			padding-top: 80px;
		}
	}

.container.news .card-grid {
	margin-top: 64px;
}
	@media (min-width: 480px) {
		.container.news .card-grid {
			margin-top: 32px;
		}
	}
	@media (min-width: 768px) {
		.container.news .card-grid {
			margin-top: 48px;
		}
	}
	@media (min-width: 1024px) {
		.container.news .card-grid {
			margin-top: 64px;
		}
	}
	@media (min-width: 1200px) {
		.wyswyg-body {
			padding-bottom: var(--padding-xl);
		}
	}

.container.news .wyswyg-body {
	border-top: 4px solid var(--color-16);
}
.container.full-width .wyswyg-body {
	border-top: none;
	padding-bottom: 0;
}

.container.blank>.content-container {
	/* background: none; */
}

/* First builder block 
   for 
   1. Full width
*/
.container.full-width .wyswyg-body :not([class^='bd-'])+[class^='bd-'] {
	margin-top: calc(var(--padding-xs)*2);
}

.container.full-width .wyswyg-body [class^=bd-] {
	/* padding: 0; */
}

.wyswyg-body {
	border-top: 12px solid var(--color-16);
	min-height: 200px;
	padding-bottom: var(--padding-xs);
}

@media (min-width: 480px) {
	.wyswyg-body {
		padding-bottom: var(--padding-sm);
	}
}

@media (min-width: 768px) {
	.wyswyg-body {
		padding-bottom: var(--padding-md);
	}
}

@media (min-width: 1024px) {
	.wyswyg-body {
		padding-bottom: var(--padding-lg);
	}
}

@media (min-width: 1200px) {
	.wyswyg-body {
		padding-bottom: var(--padding-xl);
	}
}
.container.no-title .wyswyg-body>.container:nth-child(1) [class^=bd-] {
	margin-top: 0;
}
.container.full-width .wyswyg-body>.container {
	margin-top: 0;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	min-height: auto;
}
.container.full-width .wyswyg-body [class^=bd-] {
	/* margin-left: -15px;
	margin-right: -15px; */
}
	/* @media (min-width: 976px) {
		.container.full-width .wyswyg-body>.container {
			margin-right: 15px;
		}
	} */
.wyswyg-body>.container {
	margin-top: 0;
	width: 100%;
	min-height: auto;
	padding-left: 0;
	padding-right: 0;
}
	@media (min-width: 480px) {
		.wyswyg-body>.container {}
	}
	@media (min-width: 576px) {
		.wyswyg-body>.container {
			max-width: none;
		}
	}
	@media (min-width: 768px) {
		.wyswyg-body>.container {
			width: auto;
			max-width: none;
		}
	}
	@media (min-width: 1024px) {
		.wyswyg-body>.container {
			width: auto;
		}
	}
	@media (min-width: 1200px) {
		.wyswyg-body>.container {
			width: auto;
		}
	}


/* First builder block 
   for 
   1. Blank
*/
.container.blank .wyswyg-body [class^='bd-']:first-child {
	/* margin-top: calc(var(--padding-xs)*2);	 */
	margin-top: 0;
}

/* @media (min-width: 480px) {
		.container.blank .wyswyg-body [class^='bd-']:first-child {
			margin-top: calc(var(--padding-sm)*2);	
		}
	}
	@media (min-width: 768px) {
		.container.blank .wyswyg-body [class^='bd-']:first-child {
			margin-top: calc(var(--padding-md)*2);	
		}
	}
	@media (min-width: 1024px) {
		.container.blank .wyswyg-body [class^='bd-']:first-child {
			margin-top: var(--padding-lg);	
		}
	}
	@media (min-width: 1200px) {
		.container.blank .wyswyg-body [class^='bd-']:first-child {
			margin-top: 0;	
			padding-top: var(--padding-xl);	
		}
	} */
/* First builder block 
   for 
   1. Content banner
   2. Page banner 
*/
/* :not([class^='bd-']) + [class^='bd-'] {
	margin-top: calc(var(--padding-xs)*2);	
}
	@media (min-width: 480px) {
		:not([class^='bd-']) + [class^='bd-'] {
			margin-top: calc(var(--padding-sm)*2);	
		}
	}
	@media (min-width: 768px) {
		:not([class^='bd-']) + [class^='bd-'] {
			margin-top: calc(var(--padding-md)*2);	
		}
	}
	@media (min-width: 1024px) {
		:not([class^='bd-']) + [class^='bd-'] {
			margin-top: calc(var(--padding-lg)*2);	
		}
	} */

[class^=bd-] {
	padding: 0 var(--padding-xs);
}

@media (min-width: 480px) {
	[class^=bd-] {
		padding: 0 var(--padding-sm);
	}
}

@media (min-width: 768px) {
	[class^=bd-] {
		padding: 0 var(--padding-md);
	}
}

@media (min-width: 1024px) {
	[class^=bd-] {
		padding: 0 var(--padding-lg);
	}
}

@media (min-width: 1200px) {
	[class^=bd-] {
		padding: 0 var(--padding-xl);
	}
}

[class^=bd-] {
	margin-top: var(--padding-xs);
}
	@media (min-width: 480px) {
		[class^=bd-] {
			margin-top: var(--padding-sm);
		}
	}
	@media (min-width: 768px) {
		[class^=bd-] {
		}
	}
	@media (min-width: 1024px) {
		[class^=bd-] {
			margin-top: var(--padding-md);
		}
	}
	@media (min-width: 1200px) {
		[class^=bd-] {
			margin-top: var(--padding-lg);
		}
	}

.bd-content-image-text-left-right+.bd-content-image-text-right-left,
.bd-content-image-text-right-left+.bd-content-image-text-left-right {
	margin-top: 0 !important;
}


.container.lower {
	margin-top: 0;
}

@media (min-width: 768px) {
	.container.lower {
		margin-top: -90px;
	}
}

.container.full-width {
	width: 100%;
	margin-top: 65px;
	max-width: none;
}

@media (min-width: 1200px) {
	.container.full-width {
		margin-top: 0;
		max-width: none;
	}
}

/* .container.full-width .wyswyg-body {
	border-top: none;
	padding-bottom: 0;
} */
.container.full-width .wyswyg-body {
	border-top: none;
	/* padding-bottom: var(--padding-xs); */
	padding-bottom : 0;
}
	/* @media (min-width: 480px){
		.container.full-width .wyswyg-body {
			padding-bottom: var(--padding-sm);
		}
	}
	@media (min-width: 768px){
		.container.full-width .wyswyg-body {
			padding-bottom: var(--padding-md);
		}
	}
	@media (min-width: 1024px){
		.container.full-width .wyswyg-body {
			padding-bottom: var(--padding-lg);
		}
	}
	@media (min-width: 1200px){
		.container.full-width .wyswyg-body {
			padding-bottom: var(--padding-xl);
		}
	} */
.container.full-width .container>.row {
	margin-right: 10px;
	margin-left: 5px;
}
.container.topless {
	margin-top: 65px;
}

@media (min-width: 1200px) {
	.container.free {
		margin-top: 0;
	}
}

.container.topless .wyswyg-body {
	border-top: none;
}

.container.no-title  .wyswyg-body{
	padding-bottom: 0;
    /* min-height: unset; */
}
.container.no-title  .wyswyg-body>.container{
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;
}
.container.blank .wyswyg-body {
	/* padding-top: 65px; */
}

@media (min-width: 1200px) {
	.container.blank .wyswyg-body {
		padding-top: 0;
	}
}


/* Generic rules for all top banner varients */
.content-top-banner .banner {
	/* margin: -16px;
    margin-bottom: 0px; */
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

@media (min-width: 480px) {
	.content-top-banner .content-top-banner {
		/* margin: -24px;
        margin-bottom: 0px; */
	}
}

@media (min-width: 768px) {
	.content-top-banner .content-top-banner {
		/* margin: -36px;
        margin-bottom: 0px; */
	}
}

@media (min-width: 1024px) {
	.content-top-banner .content-top-banner {
		/* margin: -48px;
        margin-bottom: 0px; */
	}
}

@media (min-width: 1200px) {
	.content-top-banner .content-top-banner {
		/* margin: -80px;
        margin-bottom: 0px; */
	}
}

/* For short banner */
.content-top-banner>.banner-container.short>.banner {
	height: 300px;
}

/* For tall banner */
.content-top-banner>.banner-container.tall>.banner {
	height: 560px;
}

/* For auto-height banner */
.content-top-banner>.banner-container.auto-height>.-banner {
	width: -webkit-fill-available;
}

.page-banner>div {
	height: 300px;
	width: 100%;
	margin-top: 65px;
	background-size: cover;
	background-position: center center;
}

@media (min-width: 768px) {
	.page-banner>div {
		height: 360px;
		/* margin-top: 65px; */
	}
}

@media (min-width: 1200px) {
	.page-banner>div {
		margin-top: 0;
	}
}

.page-title .title {
	padding: 40px var(--padding-xs) 12px;
}

@media (min-width: 480px) {
	.page-title .title {
		padding: 32px var(--padding-sm) 12px;
	}
}

@media (min-width: 768px) {
	.page-title .title {
		padding: 40px var(--padding-md) 12px;
	}
}

@media (min-width: 1024px) {
	.page-title .title {
		padding: 40px var(--padding-lg) 12px;
	}
}

@media (min-width: 1200px) {
	.page-title .title {
		padding: 56px var(--padding-xl) 12px;
	}
}

/* when page title is just under content top banner */
.page-title .content-top-banner-container~.title {
	margin-top: 0;
}

.page-title .title h1 {
	color: var(--color-01);
	font-family: 'db-heavent-med';
	margin: unset;
}

/* .page-title:not(.with-description) .title:after,
.page-title.with-description .title>.row>div:first-child:after {
    content: "";
    position: absolute;
    height: 4px;
    width: var(--menu-underline-length);
    background: var(--color-12);
    margin-top: 8px;
}  */

/* Only for title on black bg */
.page-title .title.on-black-bg {
	background-image: linear-gradient(90deg, #545454 17.85%, #393936 85.14%);
}

/* Only for title on grey bg */
.page-title .title.on-grey-bg {
	background: var(--color-06);
}

/* Only for title on white bg */
.page-title .title.on-white-bg {
	background: var(--color-07);
}

/* Only for title with description */
.page-title .title.on-white-bg .desc {
	border-left: none;
	padding-left: 0;
}

@media (min-width: 768px) {
	.page-title .title.on-white-bg .desc {
		border-left: 1px solid var(--color-05);
		padding-left: 56px;
	}
}
/* 
.media-content {
    position: absolute !important;
}


.v-media video, .v-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.v-media .v-overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 35%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.v-media .v-overlay .icon {
    width: 72px;
    height: auto;
} */
.v-media {
	position: relative;
    width: 100%;
    height: 0%;
    padding-bottom: 56%;
}

.v-media iframe {
	position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

/* .block-content-03 {
	border: 1px solid var(--color-04);
    border-radius: 4px;
} */
.block-content-03>div {
	margin: 72px;
}
.block-content-03 h2 {
	color: var(--color-07);
    margin-top: 19px;
}
.block-content-03 p {
	color: var(--color-05) !important;
}
label.error {
	color: var(--danger);
}
.news-content img {
    width: 100% !important;
}
#cookieModal {    
    bottom: 0;
    top: unset;
    height: 10%;
}
#modal-splash-page .close {
    top: 4px;
    right: 10px;
}
    @media (min-width:576px) {
        #modal-splash-page .close {
            top: -10px;
            right: -28px;
        }
    }