/* 20.09.2022 */
@font-face {
	font-family: "FagoCo";
	src: url("fonts/FagoCo.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "FagoCo";
	src: url("fonts/FagoCo-Black.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "FagoCo-Caps";
	src: url("fonts/FagoCo-BlackCaps.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6,
.dekofont,
h1.dekofont,
h2.dekofont,
h3.dekofont,
h4.dekofont,
h5.dekofont,
h6.dekofont {
	font-family: FagoCo, sans-serif;
	font-weight: bold;
	font-style: normal;
}
body {
	font-family: FagoCo, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.5vw;
	line-height: 2vw;
}
html {
	max-width: 100vw;
	overflow-x: hidden;
}


/* MAIN */
#hello { position: relative; }
#hello:before {
	content: '';
	background: #e2001a;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vw;
	z-index: 1;
	transform: rotate(45deg) translatex(-94vw);
}
#hello:after {
	content: '';
	position: absolute;
	width: 110%;
	height: 50vh;
	left: 50%;
	background: #fff;
	transform: rotate(7deg) translateX(-50%);
	top: 100%;
}
.col_inner_bgcolor.paddingY_xs_small.paddingY_sm_small.paddingY_md_small.paddingY_lg_small.paddingXY_notset {
	height: 38vw;
}
#hello figure.flex_inner_element > img {
	top: 3em;
	width: 100%;
	max-width: 20vw;
}
.wrapper > .container > .row [class*="col-"] {
  margin: 0 auto;
}
/* BUTTONS */
.gr_container2gr_row1gr_col3 a.button,
.gr_container2gr_row1gr_col2 a.button,
.flex_inner.gr_container8gr_row1gr_col1 a.button {
	position: relative;
	background: transparent !important;
	padding: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2vw;
	z-index: 1;
	width: fit-content;
	margin: .5em auto;
	transform: translateX(-2em);
}
.button.child_topmargin_xxs.gr_container2gr_row1gr_col3, .button.child_topmargin_xxs.gr_container7gr_row3gr_col2 { border: none !important; }
.gr_container2gr_row1gr_col3 a.button:before,
.gr_container2gr_row1gr_col2 a.button:before,
.flex_inner.gr_container8gr_row1gr_col1 a.button:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(img/button-filled.png) no-repeat center/100% 100%;
}
.gr_container2gr_row1gr_col3 a.button > span:before,
.gr_container2gr_row1gr_col2 a.button > span:before,
.flex_inner.gr_container8gr_row1gr_col1 a.button > span:before {
	content: '»';
	font-family: FagoCo-Caps, sans-serif;
	font-weight: normal;
	font-style: normal;
}
a.button .icon, .button .icon {
	display: flex;
	align-items: center;
	top: 0;
}
.flex_inner_element.in_zahlen.go-counterTeaser > * {
	line-height: normal;
}
.flex_inner_element.in_zahlen.go-counterTeaser > h3 {
	font-size: 3vw;
}
footer.wrapper {
    padding: 3vw 4vw 2vw;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    background: #e2011b;
    /* clip-path: polygon(0 75px, 100% 0, 100% 100%, 0 100%); */
    clip-path: polygon(0 calc(100% - 165px), 100% 0, 100% 100%, 0 100%);
}
footer.wrapper > .container > .row [class*="col-"] {
	margin: 0;
}

@media screen and (min-width: 768px) {
	footer.wrapper {
		clip-path: polygon(0 calc(100% - 157px), 100% 0, 100% 100%, 0 100%);
	}
}

/* footer:before {
	content: '';
	position: absolute;
	bottom: -5vw;
	left: 50%;
	width: 120%;
	height: 100%;
	transform: translateX(-50%) rotate(3deg);
	background: #E2011B;
	z-index: -1;
} */
footer .row { padding: 0; }
footer ul li,
footer ul li a,
footer ul li ul {
	display: inline-block;
}
footer .links > ul#menu-footer li a {
	margin-right: 1vw;
	color: #fff;
}


/* new header */
.new_header_22 {
	position: relative;
	top: 0;
	width: 100%;
	height: 40vw;
}
.new_header_22 img {
	position: absolute;
	width: 30%;
	left: 5%;
	top: 15%;
}
.new_header_22 .triangle {
	background: #e2001a;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vw;
	transform: rotate(45deg) translatex(-94vw);
}
.new_header_22 .vertical {
	position: absolute;
	width: 110%;
	height: 50vh;
	left: 50%;
	background: #fff;
	transform: rotate(5.3deg) translateX(-50%);
	top: 100%;
}
.new_header_22 .background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	/* background: url('../../../uploads/2024/01/QL9B2356-1-scaled.jpg') no-repeat center top/cover; */
	background: url('img/2024_background.JPG') no-repeat center center/cover;
}
@media screen and (max-width: 1200px) {
	/*.new_header_22 {
		height: 40vh;
	}
	.new_header_22 img {
		width: 40%;
	}
	.new_header_22 .background {
		width: 90%;
		background: url('img/2022_background-mobile.JPG') no-repeat top center/cover;
	}
	.new_header_22 .triangle {
		width: 100vh;
		height: 100vh;
		transform: rotate(45deg) translatex(-90vh);
	}*/
	body {
		font-size: 2.5vw;
		line-height: 3vw;
	}
}
@media screen and (max-width: 850px) {
	body {
		font-size: 3.5vw;
		line-height: 4vw;
	}
	.new_header_22 {
		height: 50vw;
	}
	.new_header_22 img {
		width: 45vw;
	}
	.new_header_22 .triangle {
		width: 100vw;
		height: 100vw;
		transform: rotate(45deg) translatex(-83vw);
	}
}
@media screen and (max-width: 500px) {
	body {
		font-size: 4.5vw;
		line-height: 5vw;
	}
	.new_header_22 {
		height: 73vw;
		margin-bottom: 200px;
	}
	.new_header_22 .background {
		width: 100%;
		background-position: right center;
	}
	.new_header_22 .vertical {
		width: 120%;
	}
	.new_header_22 img {
		width: 65vw;
		left: 50%;
		transform: translate(-50%);
		top: 20vh;
	}
	.new_header_22 .triangle { display:none; }
	.main_header div.awo_logo_header {
	  /* width: 40vw; */
		width: 30vw;
		padding: 0;
		min-width: 0px;
	}
}
.main_header {
	position: relative;
	width: 100%;
	height: auto;
	z-index: -1;
	background: transparent;
	overflow: hidden;
}
.wrapper.w_py_l {
  padding-bottom: 0;
}
main > section:nth-child(1) {
	display: none;
}
main > section:nth-child(2),
body {
	background: transparent !important;
}
input[type="submit"] { border-radius: 0px; }
/* .main_header .awo_logo_header {
	position: absolute;
	top: 0;
	right: 0;
	width: 20vw;
	height: auto;
	padding: .5vw 1.5vw;
	min-width: 200px;
} */

/* .main_header .awo_logo_header {
    position: absolute;
    top: 0;
    right: 0;
    width: 22.5vw;
    height: auto;
    max-width: 250px;
    background: #fff;
    padding: 5px 20px;
    box-sizing: content-box;
} */

.main_header .awo_logo_header {
    position: absolute;
    top: 0;
    right: 0;
    width: 15vw;
    height: auto;
    padding: 0.5vw 1.5vw;
    min-width: 100px;
}

.flex_inner a.button {
	background: transparent;
	z-index: 1;
	padding: 1em;
	border-radius: 0px;
	display: flex;
	width: fit-content;
	margin: 1em auto;
	clip-path: polygon(5% 0, 95% 10%, 100% 100%, 0 100%);
}


.flex_inner a.button > span:before {
	content: '»';
	font-family: FagoCo-Caps, sans-serif;
	font-weight: normal;
	font-style: normal;
}
/* .flex_inner a.button:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: url(img/button-filled.png) center/100% 100% transparent no-repeat;
  z-index: -1;
} */
.flex_inner a.button:nth-child(even):after {
	transform: scaleX(-1);
}
/* Flexible Container Boxes */
.wrapper_fw {
	position: relative;
	background: #e2001a;
	color: #fff;
	padding: 90px;
	clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
	overflow: hidden;
}
.wrapper_fw:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 50%;
	height: 48%;
	background: rgba(0,0,0,0.1);
}
.wrapper_fw:after {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	width: 50%;
	height: 52%;
	background: rgba(0,0,0,0.1);
}
.col_inner_bgcolor.paddingY_xs_small.paddingY_sm_small.paddingY_md_small.paddingY_lg_small.paddingXY_notset {
  height: auto;
}


/*  */

section.wrapper:has(.hc-section) {
    clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
}

section.wrapper:has(.hc-section_dark) {
	clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
	margin: 0 0 8vh 0;
}

.row.hc-section_dark {
    padding: 4.7vh 0;
}

.row.hc-section {
    padding: 40px 0;
}

/* --- START of FORMULAR --- */
form.wpcf7-form {
	width: 75%;
	margin: 0 auto;
	text-align: left;
}
form.wpcf7-form > p {
	margin-bottom: 25px;
}
form.wpcf7-form label {
	display: block;
	position: relative;
	margin-bottom: 15px;
}
form.wpcf7-form label > span {
	display: block;
	margin-bottom: 10px;
	/* position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 10px;
	margin-right: 50px;
	width: max-content; */
}
form.wpcf7-form label span.wpcf7-form-control-wrap,
form.wpcf7-form label span.wpcf7-list-item-label {
	position: relative;
	width: 100%;
	right: auto;
	transform: translateY(0);
	margin-right: 0;
}
form.wpcf7-form label span input {
	padding: 1vw;
	width: 100%;
	font-family: FagoCo, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2vw;
	-webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); 
	box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
	border: 1px solid #707070;
}

form.wpcf7-form span input[type="checkbox"] {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 1vw;
	width: 2.5vw;
	height: 2.5vw;
	background: transparent;
	-webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); 
	box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
	border: 1px solid #707070;
}
form.wpcf7-form span.wpcf7-list-item {
	margin: 1vw 0 1vw 3.5vw;
	display: block;
}
form.wpcf7-form input[type="submit"] {
	display: block;
	margin: 3vh auto 0;
	padding: 2vw;
	color: #fff;
	background: #e2011b;
	border: none;
	border-radius: 0;
	cursor: pointer;
	font-family: FagoCo;
	font-size: 2vw;
	font-weight: bold;
	text-transform: uppercase;
	transition: 250ms ease;
	clip-path: polygon(5% 0, 95% 10%, 100% 100%, 0 100%);
}
form.wpcf7-form input[type="submit"]:hover {
	background: #7c000f;
}

.chwtext {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.chwtext input.wpcf7-form-control {padding: 1vw;width: 100%;flex: 1;font-family: FagoCo, sans-serif;font-weight: normal;font-style: normal;font-size: 2vw;-webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);border: 1px solid #707070;}

.chwtext span.wpcf7-form-control-wrap {
    flex: auto;
}

.chwtext span.wpcf7-form-control-wrap:first-child {
    flex: none;
}


/* new module */

.iconstext-list {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
    /* max-width: 880px; */
    /* margin: auto; */
	margin-bottom: 100px;
}

.icont-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: unset;
    gap: 20px;
    overflow: hidden;
    flex: 1 120px;
    max-width: 220px;
}

.icont-box img {
    max-width: 90px;
    max-height: 90px;
    width: 100%;
    object-fit: contain;
    min-height: 90px;
}

.icont-box span {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    word-break: auto-phrase;
    display: block;
    width: 100%;
}

/* .icont-box span {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
} */

.custom-checkcf7 {
    display: flex;
    align-items: center;
}

.custom-checkcf7 span.wpcf7-not-valid-tip {
    position: absolute;
    width: max-content;
}

.custom-checkcf7 .wpcf7-list-item.first.last {
    margin: 0;
    display: flex;
    align-items: center;
}

form.wpcf7-form .custom-checkcf7 input[type="checkbox"] {
    position: static;
    transform: none;
    margin-right: 1vw;
}

form.wpcf7-form .custom-checkcf7 label {
    margin: 0;
    display: flex;
    line-height: normal;
    flex-shrink: 0;
}

.custom-checkcf7 span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {
    display: flex;
}

form.wpcf7-form .custom-checkcf7 label span.wpcf7-list-item-label {
    display: none;
}


.validtip {
	display: none;
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    /* display: block; */
}


/* radio */
/* form.wpcf7-form .hc-radio label {
    position: relative;
    display: flex;
    align-items: center;
}

form.wpcf7-form .hc-radio label input[type="radio"] {
    position: absolute;
    left: 0;
}

form.wpcf7-form .hc-radio label > span {
    position: relative;
    padding-left: 70px;
}

form.wpcf7-form .hc-radio label > span::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    margin-right: 1vw;
    width: 2.5vw;
    height: 2.5vw;
    background: transparent;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
    box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
    border: 1px solid #707070;
} */

@media screen and (max-width: 992px) {

	.iconstext-list {
		gap: 80px;
		margin-bottom: 80px;
	}

	.icont-box {
		flex: 1 auto;
	}

	.icont-box img {
		max-width: 70px;
		max-height: 70;
		min-height: 70;
	}

	.icont-box span {
		font-size: 26px;
	}
}

@media screen and (max-width: 520px) {

	.iconstext-list {
		gap: 20px;
		margin-bottom: 40px;
	}

	.icont-box {
		/* flex: 1 25%; */
		flex: 1 30%;
		max-width: 320px;
	}

	.icont-box img {
		max-width: 50px;
		max-height: 50px;
		min-height: 50px;
	}

	.icont-box span {
		font-size: 20px;
		line-height: normal;
	}
}












/* RESPONSIVE */
	@media screen and (max-width: 1024px) {
		form.wpcf7-form input[type="submit"],
		form.wpcf7-form label span input {
			font-size: 30px;
		}
		form.wpcf7-form input[type="submit"] { padding: 20px; }
		form.wpcf7-form label span input { padding: 10px; }
		form.wpcf7-form span input[type="checkbox"] {
			width: 30px;
			height: 30px;
			margin-right: 10px;
		}
		form.wpcf7-form span.wpcf7-list-item {
			margin: 10px 0 10px 40px;
			min-height: 40px;
		}
	}
	@media screen and (max-width: 650px) {
		form.wpcf7-form { width: 100%; }
		form.wpcf7-form label > span {
			position: initial;
			display: block;
		}
	}
/* --- END of FORMULAR --- */


@media screen and (max-width: 850px) {
	.wrapper_fw {
		clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
	}
	.wrapper_fw:before,
	.wrapper_fw:after {
		display: none;
	}
	.wrapper_fw .p-0 {
	  min-width: 100%;
	}
	.wrapper_fw .col_inner .col_inner_bgcolor.paddingY_sm_small {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 575px) {
	.wrapper_fw {
		padding: 60px 15px;
	}
	.wrapper_fw .col_inner .col_inner_bgcolor.paddingY_sm_small {
		padding: 30px 0;
	}
}