/* 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;
}
footer.wrapper > .container > .row [class*="col-"] {
	margin: 0;
}
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: 38vw;
}
.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(7deg) translateX(-50%);
	top: 100%;
}
.new_header_22 .background {
	position: absolute;
	width: 80%;
	height: 100%;
	top: 0;
	right: 0;
	background: url('https://www.awo-experts.de/pflegejobs_moemlingen/wp-content/uploads/2021/12/AWO_Experts_2021_Bild_Uf_Pflege_Team_05_300-DPI-2000x1152.jpg') no-repeat center top/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: 330px;
		margin-bottom: 150px;
	}
	.new_header_22 .background {
		width: 100%;
	}
	.new_header_22 .vertical {
		width: 120%;
	}
	.new_header_22 img {
		width: 30vh;
		left: 50%;
		transform: translate(-50%);
		top: 15vh;
	}
}
.main_header {
	position: relative;
	width: 100%;
	height: auto;
	z-index: -1;
	background: transparent;
}
.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;
}
.flex_inner a.button {
	background: transparent;
	z-index: 1;
	padding: 1em;
	border-radius: 0px;
  display: flex;
  width: fit-content;
  margin: 1em auto;
}
.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;
}
@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;
	}
}