#headercontainer,
#header {
	position: relative !important;
	height: 143px !important;
} 
#logo{
	top: 0 !important;
	position: absolute !important;
	left: 50% !important;
	margin-left: -142px !important;
	width:285px !important;
	margin-top:50px !important;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
#content {
	padding: 0px;
}
h1 {
	font-size: 80px;
	line-height: 1.03;
	padding: 0;
}
h2 {
	font-size: 70px;
	font-weight: 500;
	padding: 0;
}
h3 {
	font-size: 60px;
	line-height: 1.18;
	font-weight: 500;
	text-transform: none;
	padding: 0;
}
p {
	color: #064D91;
	font-size: 36px;
	line-height: 1.16;
}
p strong{
	font-weight:500;
}
a.button-style {
	font-size: 25px;
    background-color: #FAB52C;
	border: 1px solid #FAB52C;
    color: #FFF !important;
    text-decoration: none;
    line-height: 29px;
    padding: 21px 10px;
    display: inline-block;
	font-weight: 500;
	width: 300px;
	text-align: center;
}
a.button-style:hover{
	background-color: #FFF;
	border: 1px solid #064D91;
	color: #064D91 !important;
}
a.button-style2 {
	font-size: 25px;
    background-color: transparent;
	border: 1px solid #064D91;
    color: #064D91 !important;
    text-decoration: none;
    line-height: 29px;
    padding: 21px 10px;
    display: inline-block;
	font-weight: 500;
	width:300px;
	text-align: center;
}
a.button-style2:hover{
	background-color: #FAB52C;
	border: 1px solid #FAB52C !important;
	color: #FFF !important;
}
#c1124 a.button-style2,
#c1129 a.button-style2,
#c1228 a.button-style2,
#c1253 a.button-style2,
#c1223 a.button-style2,
#c1249 a.button-style2 {
	border: 1px solid #FFF;
    color: #FFF !important;
}

#content .container {
	max-width: 100%;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/** BLOCK 1 - blau **/

#c1123.frame,
#c1229.frame,
#c1255.frame
{
	background-color:#064D91;
	padding-top: 60px;
	padding-bottom: 78px;
}
#c1123 .row,
#c1229 .row,
#c1255 .row {
	align-items: center;
	justify-content: center;
}
#c1123 h1,
#c1229 h1,
#c1255 h1{
	color: #FFF;
	padding: 0 0 44px 0;
}
#c1123 p,
#c1229 p,
#c1255 p {
	font-size: 45px;
	color: #FFF;
}
#c1123 a.button-style,
#c1229 a.button-style,
#c1255 a.button-style{
	margin-top: 43px;
	margin-bottom: 7px;
}
#c1123 a.button-style:hover,
#c1229 a.button-style:hover,
#c1255 a.button-style:hover{
	border-color: #FFF;
}
#c1123 img,
#c1229 img,
#c1255 img{
	max-width: 100% !important;
	width:470px !important;
}

/** BLOCK 2 - Erlerne den Beruf **/

#c1126,
#c1226,
#c1252{
	padding: 50px 0 140px 0;
	max-width: 100%;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#c1126 .button-style,
#c1126 .button-style2,
#c1138 .button-style,
#c1138 .button-style2,
#c1140 .button-style,
#c1140 .button-style2,
#c1226 .button-style,
#c1226 .button-style2,
#c1252 .button-style,
#c1252 .button-style2,
#c1214 .button-style,
#c1214 .button-style2,
#c1239 .button-style,
#c1239 .button-style2,
#c1208 .button-style,
#c1208 .button-style2,
#c1234 .button-style,
#c1234 .button-style2{
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 6px;
}
#c1126 h2,
#c1226 h2,
#c1252 h2{
	padding: 20px 0 24px 0;
}
#c1126 p,
#c1226 p,
#c1252 p{ 
	padding: 0;
}
#c1126 ul,
#c1226 ul,
#c1252 ul{
	display: flex; 
	padding: 60px 0 65px 0;
	margin: 0;
	list-style: none;
	flex-wrap: wrap;
}
#c1126 ul li,
#c1226 ul li,
#c1252 ul li{
	flex: 50%;
	background-image:url("../img/icon-check.png");
	background-size:52px 49px;
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 0 5px 85px;
	font-size: 36px;
	line-height: 1.16;
	color: #064D91;
	display: block;
	text-align: left;
	margin: 0 0 23px 0;
	list-style: none;
}


/*** BOX 3 - blau mit Bild rechts **/

#c1127.frame,
#c1225.frame,
#c1250.frame {
	background-color:#064D91;
}
#c1127 .container,
#c1225 .container,
#c1250 .container{
	width:100%;
} 
#c1127 h3,
#c1225 h3,
#c1250 h3{
	text-align: center;
	color: #FFF;
	padding: 0 0 44px 0;
}
#c1127 p,
#c1225 p,
#c1250 p{
	text-align: center;
	font-size: 20px;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	max-width: 100%;
	padding: 0 0 0px 0;
}
#c1127 h5,
#c1225 h5,
#c1250 h5{
	text-align: center;
	font-size: 45px;
	color: #FFF;
	padding: 0 0 70px 0;
}
/*#c1127 p:first-of-type {
	padding-bottom:70px;
}*/
#c1127 a.button-style,
#c1225 a.button-style,
#c1250 a.button-style{
	margin-top: 35px;
	margin-bottom: 29px;
}
#c1127 a.button-style:hover,
#c1225 a.button-style:hover,
#c1250 a.button-style:hover{
	border-color: #FFF;
}
#c1127 .row,
#c1225 .row,
#c1250 .row{
    margin-right: 0px;
    margin-left: 0px;
}
#c1127 .col-12,
#c1225 .col-12,
#c1250 .col-12{
	padding-left: 0;
	padding-right: 0;
}
#c1127 .col-12:first-child,
#c1225 .col-12:first-child,
#c1250 .col-12:first-child {
	align: right;
}
#c1127 .col-12:first-child .frame,
#c1225 .col-12:first-child .frame,
#c1250 .col-12:first-child .frame {
	width:530px;
	max-width: 100%;
	margin-left: auto;
	margin-right: 40px;
	padding-top: 43px;
	padding-bottom: 135px;
}
#c1127 .frame-type-image, 
#c1225 .frame-type-image,
#c1250 .frame-type-image {
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
#c1127 .frame-type-image *,
#c1225 .frame-type-image *,
#c1250 .frame-type-image *{
	position: absolute;
	left: 0;
	top: 0;
	width:100% !important;
	height: 100% !important;
	object-fit:cover;
}

/*** 5 Gründe ***/

#c1130,
#c1222,
#c1247 {
	padding-top: 74px;
	padding-bottom: 38px;
	text-align: center;
}
#c1130 h2,
#c1222 h2,
#c1247 h2 {
	padding-bottom: 6px;
}
#c1130 p,
#c1222 p,
#c1247 p{
	font-size: 45px;
}
#c1131 .row,
#c1221 .row,
#c1246 .row {
	align-items: center;
	justify-content: center;
}
#c1131 .frame-type-text,
#c1221 .frame-type-text,
#c1246 .frame-type-text {
	background-image:url("../img/icon-check.png");
	background-size:47px 45px;
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0 15px 77px;
}
#c1131 .frame-type-text h5,
#c1221 .frame-type-text h5,
#c1246 .frame-type-text h5 {
	font-size: 32px;
	line-height: 1.18;
	font-weight: 400;
	padding: 3px 0 0 0;
}

#c1131 .frame-type-text ul,
#c1221 .frame-type-text ul,
#c1246 .frame-type-text ul  {
	display: none;
}
#c1131 .frame-type-text p,
#c1221 .frame-type-text p,
#c1246 .frame-type-text p {
	font-size: 20px;
	line-height: 1.2;
	display: none;
	padding-bottom: 15px;
}
#c1131 .frame-type-text ul li,
#c1221 .frame-type-text ul li,
#c1246 .frame-type-text ul li{
    color: #064D91;
	font-size: 20px;
	line-height: 1.2;
	padding-bottom: 0;
}
#c1131 .frame-type-text p.more,
#c1221 .frame-type-text p.more,
#c1246 .frame-type-text p.more {
	display: inline-block;
	cursor: pointer;
	background-image: url("../img/arrow-blue-down.png");
	background-size: 15px 7px;
	background-repeat: no-repeat;
	background-position: right center;
	padding:0 31px 0 0;
}
#c1131 .frame-type-text p.close-more,
#c1221 .frame-type-text p.close-more,
#c1246 .frame-type-text p.close-more {
	display: inline-block;
	cursor: pointer;
	background-image: url("../img/arrow-blue-up.png");
	background-size: 15px 7px;
	background-repeat: no-repeat;
	background-position: right center;
	padding:0 31px 0 0;
}
#c1138,
#c1214,
#c1239{
	padding-top: 44px;
	text-align: center;
	padding-bottom: 100px;
}
#c1138 p, 
#c1214 p, 
#c1239 p {
	padding: 0;
}

/*** BEWIRB DICH JETZT ****/

#c1139,
#c1213,
#c1238 {
	padding-top: 65px;
	padding-bottom: 33px;
	text-align: center;
}
#c1139 h2,
#c1213 h2,
#c1238 h2{
	padding-bottom: 6px;
}
#c1139 p,
#c1213 p,
#c1238 p{
	font-size: 45px;
}
#c1148,
#c1212,
#c1251,
#c1263{
	background-color: #064D91;
	padding: 22px 4% 26px 4%;
	max-width: 100%;
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#c1148 p,
#c1212 p,
#c1251 p,
#c1263 p
{
	color: #FFF;
	font-size:45px;
	padding: 0;
}

#c1147.frame,
#c1211.frame,
#c1237.frame {
	padding-top:17px;
	padding-bottom:0;
}
#c1147 .row,
#c1211 .row,
#c1237 .row {
	align-items: center;
	justify-content: center;
}
#c1141 h5,
#c1211 h5,
#c1237 h5{
	font-size: 30px;
	line-height: 1.16;
	font-weight: 400;
	padding: 60px 0 24px 0;
}
#c1141 p,
#c1211 p,
#c1237 p{
	font-size: 45px;
}
#c1140,
#c1208,
#c1234 {
	padding-top: 54px;
	text-align: center;
	padding-bottom: 110px;
}
#c1140 p,
#c1208 p,
#c1234 p {
	padding: 0;
	line-height: 1.33;
}
#c1140 a,
#c1208 a,
#c1234 a{
	text-decoration: underline;
}
#c1140 a.button-style2,
#c1208 a.button-style2,
#c1234 a.button-style2 {
	text-decoration: none;
}
#c1140 a.button-style,
#c1208 a.button-style,
#c1234 a.button-style  {
	text-decoration: none;
	margin-bottom: 56px;
}
.landing-scroll-down {
	background-image: url("../img/arrow-blue-down.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width:60px;
	height: 29px;
	position: absolute;
	z-index: 10;
	bottom: 63px;
	left: 50%;
	margin-left: -30px;
	display: block;
}
#c1123 .landing-scroll-down,
#c1229 .landing-scroll-down,
#c1255 .landing-scroll-down {
	bottom: 50px;
	background-image: url("../img/arrow-white-down.png");
}
#c1126 .landing-scroll-down,
#c1226 .landing-scroll-down,
#c1252 .landing-scroll-down{
	bottom: 67px;
}
#c1129 .landing-scroll-down,
#c1223 .landing-scroll-down,
#c1249 .landing-scroll-down {
	bottom: 63px;
	background-image: url("../img/arrow-white-down.png");
}
#c1138 .landing-scroll-down, 
#c1214 .landing-scroll-down, 
#c1239 .landing-scroll-down {
	bottom: 3px;
}
#contentcontainer, 
#headercontainer {
	padding: 0;
}




@media (max-width: 1140px) {

	#c1127 .col-12:first-child .frame,
	#c1225 .col-12:first-child .frame,
	#c1250 .col-12:first-child .frame {
		width:199%;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}	
	#headercontainer,
	#contentcontainer {
		padding-left: 20px;
		padding-right: 20px;
	}
	#c1123.frame,
	#c1229.frame,
	#c1255.frame{
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#c1127.frame,
	#c1225.frame,
	#c1250.frame{
		margin-left: -20px;
		margin-right: -20px;
	}
}




@media (max-width: 991px) {

	h1 {
		font-size: 55px; /* 80 */
	}
	h2 {
		font-size: 45px; /* 70 */
	}
	h3 {
		font-size: 35px; /* 60 */
	}
	#c1123 p,
	#c1130 p,
	#c1139 p,
	#c1148 p,
	#c1263 p,
	#c1141 p,
	#c1229 p,
	#c1222 p,
	#c1247 p,
	#c1213 p,
	#c1238 p,
	#c1212 p,
	#c1251 p,
	#c1211 p,
	#c1237 p,
	#c1255 p{
		font-size: 28px; /* 45 */
	}
	#c1126 ul li,
	#c1226 ul li,
	#c1252 ul li,
	p {
		font-size: 26px; /* 36 */
	}	
	#c1131 .frame-type-text h5,
	#c1221 .frame-type-text h5,
	#c1246 .frame-type-text h5 {
		font-size: 24px; /* 32 */
	}
	#c1141 h5,
	#c1211 h5,
	#c1237 h5{
		font-size: 22px; /* 30 */
	}
	a.button-style,
	a.button-style2 {
		font-size: 20px; /* 25 */
    	padding: 18px 36px;
	}	
	
	#c1127 p,
	#c1225 p,
	#c1250 p,
	#c1131 .frame-type-text p,
	#c1131 .frame-type-text ul li,
	#c1221 .frame-type-text p,
	#c1221 .frame-type-text ul li,
	#c1246 .frame-type-text p,
	#c1246 .frame-type-text ul li{
		font-size: 18px; /* 20 */
	}
	#c1126 ul li,
	#c1226 ul li,
	#c1252 ul li{
		flex: 100%;
		background-size:40px 37px;
		padding:6px 0 6px 75px;
	}
	#c1131 .frame-type-text,
	#c1221 .frame-type-text,
	#c1246 .frame-type-text {
		background-size:40px 37px;
		padding: 0px 0 15px 55px;
	}
	#c1123 img,
	#c1229 img,
	#c1255 img{
		max-width: 90% !important;
	}
	
	
}



@media (max-width: 767px) {

	h1 {
		font-size: 37px; /* 80 */
	}
	h2 {
		font-size: 35px; /* 70 */
	}
	h3 {
		font-size: 30px; /* 60 */
	}
	#c1123 p,
	#c1130 p,
	#c1139 p,
	#c1148 p,
	#c1263 p,
	#c1141 p,
	#c1229 p,
	#c1247 p,
	#c1222 p,
	#c1213 p,
	#c1238 p,
	#c1212 p,
	#c1251 p,
	#c1211 p,
	#c1237 p,
	#c1255 p{
		font-size: 25px; /* 45 */
	}
	#c1126 ul li,	
	#c1226 ul li,
	#c1252 ul li,
	p {
		font-size: 24px; /* 36 */
	}	
	#c1131 .frame-type-text h5,
	#c1221 .frame-type-text h5,
	#c1246 .frame-type-text h5 {
		font-size: 22px; /* 32 */
	}
	#c1141 h5,
	#c1211 h5
	#c1237 h5{
		font-size: 20px; /* 30 */
	}
	a.button-style,
	a.button-style2 {
		font-size: 18px; /* 25 */
    	padding: 15px 30px;
	}
	#headercontainer,
	#header {
		height: 98px !important;
	} 
	#logo{
		margin-left: -110px !important;
		width:220px !important;
		margin-top:30px !important;
	}
	.wak-order-1 {
		order:1 !important;
	}
	.wak-order-2 {
		order:2 !important;
	}
	.wak-mobile-margin-20{
		padding: 0 !important;
	}
	#c1124,
	#c1228,
	#c1253 {
		padding-top: 40px;
		text-align:center;
	}
	#c1127 .frame-type-image,
	#c1225 .frame-type-image,
	#c1250 .frame-type-image{
		position:relative;
		padding-top: 70%;
	}
	#c1141,
	#c1211,
	#c1237{
		text-align: center;
	}
	#c1126 ul li,
	#c1226 ul li,
	#c1252 ul li{
		background-size: 35px 32px;
		padding: 6px 0 6px 55px;
	}
	#c1131 .frame-type-text,
	#c1221 .frame-type-text,
	#c1246 .frame-type-text {
		background-size: 35px 32px;
		padding: 0px 0 15px 55px;
	}
	#c1123 img,
	#c1229 img,
	#c1255 img{
		max-width: 80% !important;
	}
	
	
	
}