@charset "UTF-8";
/* CSS Document für einlaufkonen.html*/

/*  --------- Corporate Design -------------   */

:root {
		
	--headline-1: 2.986em; /*47.766 pt*/
	--headline-2: 2.488em; /*39.808 pt*/
	--headline-3: 2.074em; /*33.184 pt */
	--headline-4: 1.728em; /*27.648 pt*/
	--headline-5: 1.44em; /*23.04 pt*/
	--text-size: 1.125em; /*18 pt*/
	--70-grey: #626262; /* 70 % Olschewski Grau */

	}

/*  --------- Fonts help:  https://www.youtube.com/watch?v=WNN72Er8iFE -------------   */


@font-face{
	font-family: 'Audiowide-Regular';/*regular*/
	src: url("../fonts/Audiowide-Regular.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap; /* für schnelleres anzeigen des Textes */
}

/*  --------- Headlines / Schriften -------------   */


h1{	font-family: 'Audiowide-Regular';
	font-size: var(--headline-1);
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 150%;
}
	

h2{	font-family: 'Audiowide-Regular';
	font-size: var(--headline-2);
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 140%;
}

h3{	font-family: 'Verdana', sans-serif;
	font-size: var(--headline-3);
	font-weight: 600;
	font-style: normal;
	line-height: 150%;
}

h4{	
	font-family: 'Verdana', sans-serif;
	font-size: var(--headline-4);
	font-weight: 600;
	font-style: normal;
	line-height: 150%;
}

h5{ font-family: 'Verdana', sans-serif;
	font-size: var(--headline-5);
	font-weight: 600;
	font-style: normal;
	line-height: 130%;
}


p{
	font-family: 'Verdana', sans-serif;
	font-size: var(--text-size);
	font-weight: 400;
	font-style: normal;
	line-height: 190%;
	color: var(--text-color);
}

/* --- SPAN Klassen --- */

.verdana{
	font-family: 'Verdana', sans-serif;
	letter-spacing: 1px;
	line-height: 135%;
}

.bold{
	font-weight: 600;
}


.heller{
	color: var(--30-grey);
}

.einlaufkonen7-einruecken{
	margin-left: 0;
}

*{
	margin:0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

html{
	scroll-padding-top: 260px;
/*	Abstand nach oben beim Nutzen der Anker links
*/}

.content-section{
	width: 100%;
	height: content;
	background-color: var(--background-color);
}	

/* ---- erste Section ---- */

.einlaufkonen1{
	position: relative;
	width: 100%;
	height: 619px;
	background-image:url("../bilder/einlaufkonen-mood.avif");
	background-size: 100% auto; /* breite höhe */
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	overflow: visible;
	padding-top: 342px;
}

.experience{/* Störer "40 Jahre ERfahrung" */
	position: absolute;
	top: 0;
	right: 0;
	display: none; /* Erscheint ab max-width: 670px */
}
.platzhalter1{
	width: calc(50% - 655px);
	height: 320px;
/*	background-color: green;
*/}

.konen1-content{
	position: relative;
	width: 1310px;
	height: 320px;
	display: flex;
	border: none;
}

.konen1-box1{
	width: calc(68% + 1px);
	height: 100%;
	padding: 70px 20px 0 0px;
/*	background-color: orange;
*/}

.konen1-box2{
	width: 32%;
	height: 100%;
	background-color: var(--accent-color);
	border: none;
	border-radius: 38px 0 0 38px;
}

.konen1-box2-container{
	width: 100%;
/*	background-color: cadetblue;
*/	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 55px;
}

.konen1-box2-container-image{
/*	background-color:darkcyan;
*/}
.konen1-box2-container-text{
	padding-left: 60px;
/*	background-color: chocolate;
*/	margin-top: 20px;
}

.konen1-box2 h5{
	color: var(--background-color);
}

.platzhalter2{
	width: calc(50% - 655px);
	height: 320px;
	background-color: var(--accent-color);
	border-right: 1px solid var(--accent-color);
}


/* ---- zweite Section ---- */

.einlaufkonen2{
	width: 1410px;
	padding: 125px 50px 110px 50px;
	margin: auto;
/*	background-color: aqua;
*/}
.einlaufkonen2 h2{
font-size: var(--headline-2);
color: var(--30-grey);
margin-bottom: 20px; /*Abstand zwischen den beiden Headlines*/
/*	background-color: green;
*/}

.einlaufkonen2 h1{
font-size: var(--headline-1);
color: var(--30-grey);
margin-bottom: 20px; /*Abstand zwischen den beiden Headlines*/
/*	background-color: green;
*/}


.einlaufkonen2 h3{
font-size: var(--headline-3);
color: var(--accent-color);
/*background-color: yellow;
*/}

/* ---- dritte Section ---- */

.einlaufkonen3{
	width: 1368px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.einlaufkonen3-container-image{
	width: 450px;
	padding-left: 50px;
}

.einlaufkonen3-container-image img{
	width: 400px;
}

.einlaufkonen3-container-text{
	width: 818px;
	padding: 0 80px 0 0;
}

.bold-red{
	font-weight: 600;
	color: var(--accent-color);
}

.einlaufkonen3-container-text-box1{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.einlaufkonen3-container-text-box1 img{
	margin: 0 10px 20px 0;
}
/* -- vierte section ---*/

.einlaufkonen4{
width: 1410px;
padding: 0 50px 0 50px;
height: 60px;
margin: auto;
}

.einlaufkonen4 h4{
	color: var(--70-grey);
}


/* -- fünfte section ---*/

.einlaufkonen5{
	width: 1410px;
	margin: auto;
	padding: 0 50px 120px 50px;
}

.einlaufkonen5-container-block{
	width: 100%;
}

.einlaufkonen5-roter-balken{
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	background-color: var(--accent-color);
	border-radius: 0 38px 0 0;
	padding-left: 20px;
}

.einlaufkonen5-roter-balken h5{
	color: var(--background-color);}

.einlaufkonen5-images{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.einlaufkonen5-image1{
	width: 654px;
	height: 425px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen5-image1 img{
	width: 584px;
	height: auto;
}


.einlaufkonen5-image2{
	width: 562px;
	height: 425px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen5-image2 img{
	width: 380px;
	height: auto;
}


/* -- fünfte section T A B E L L E ---*/

.einlaufkonen5-tabelle{
	width: 1310px;
	margin: auto;
}

.einlaufkonen5-tabellenelement{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.einlaufkonen5-tabellenelement-innen1{
	width: 68px;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2{
	width: 258px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3{
	width: calc(100% - 326px);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen1b{
	width: 68px;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2b{
	width: 258px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3b{
	width: calc(100% - 326px);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}



.einlaufkonen5-tabellenelement-innen4{
	width: 68px;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen5{
	width: 258px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen6{
	width: calc(100% - 326px);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border: 0.5px solid var(--40-grey);
}

/* -- sechste section ---*/

.einlaufkonen6{
	width: 100%;
	background-color: #e8e8e8;
}

.einlaufkonen6-images{
	width: 1410px;
	height: 100%;
	padding: 42px 50px 42px 50px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen6-images img{
	width: 400px;
	height: auto;
	border-radius: 0 38px 0 0;
}

#einlaufkonen6-images-1{
	margin-right: 25px;
}

#einlaufkonen6-images-2{
	margin-left: 25px;
}

/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: 1200px;
	margin: 120px auto 100px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0 38px 0 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 45%;
	height: 100%;
	padding: 0 0 0 25px;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box1-text{
}

.einlaufkonen7-container-box2-text{
}



.einlaufkonen7-container-box2{
	width: 55%;
	height: 100%;
	padding: 0 25px 0 100px;
}

.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 330px;
	background-color: var(--accent-color);
	padding: 20px;
	text-align: center;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}


@media(max-width: 88.125em) { /* 1410px */
	
	/* erste section */
.konen1-box1{
	padding-left: 50px;
}
	
	.einlaufkonen1{
	position: relative;
	width: 100%;
	height: 619px;
	display: flex;
	overflow: visible;
	padding-top: 342px;
}
	
	/* ---- zweite Section ---- */

	.einlaufkonen2{
		width: 100%;
		padding: 100px 50px 50px 50px;
		margin: 0;
	}

	.einlaufkonen2 h2{
	font-size: var(--headline-2);
	color: var(--30-grey);
	margin-bottom: 20px; /*Abstand zwischen den beiden Headlines*/}

	.einlaufkonen2 h3{
	font-size: var(--headline-3);
	color: var(--accent-color);
	}

	/* -- vierte section ---*/

.einlaufkonen4{
width: 100%;
padding: 0 50px 0 50px;
height: 60px;
margin: auto;
}
/* -- fünfte section ---*/

.einlaufkonen5{
	width: 100%;
	margin: auto;
	padding: 0 0 120px 0;
}

.einlaufkonen5-container-block{
	width: 100%;
}

.einlaufkonen5-roter-balken{
	width: calc(100% - 50px);
	height: 60px;
	margin-right: 50px;
	display: flex;
	align-items: center;
	background-color: var(--accent-color);
	border-radius: 0 38px 0 0;
	padding-left: 50px;
}

.einlaufkonen5-roter-balken h5{
	color: var(--background-color);}

.einlaufkonen5-images{
	width: 100%;
	padding: 0 50px 0 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.einlaufkonen5-image1{
	width: 57%;
	/*width: 654px;*/
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen5-image2{
	width: 43%;
	/*width: 562px;*/
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}
	

.einlaufkonen5-image1 img{
	width: 80%;
	height: auto;
}


.einlaufkonen5-image2 img{
	width: 60%;
	height: auto;
}


/* -- fünfte section T A B E L L E ---*/

.einlaufkonen5-tabelle{
	width: 100%;
	padding: 0 50px 0 50px;
	margin: auto;
}

.einlaufkonen5-tabellenelement{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.einlaufkonen5-tabellenelement-innen1{
	width: 68px;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2{
	width: 258px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3{
	width: calc(100% - 326px);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}
	
	.einlaufkonen5-tabellenelement-innen1b{
	width: 68px;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2b{
	width: 258px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3b{
	width: calc(100% - 326px);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}


.einlaufkonen5-tabellenelement-innen4{
	width: 68px;	
	/*width: 5.2%;*/
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen5{
	width: 258px;
/*	width: 19.69%;
*/	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen6{
	/*width: 984px;
	width: 75.11%;*/
	width: calc(100% - 326px);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border: 0.5px solid var(--40-grey);
}
/* -- sechste section ---*/

.einlaufkonen6{
	width: 100%;
	background-color: #e8e8e8;
}

.einlaufkonen6-images{
	width: 100%;
	height: 100%;
	padding: 42px 50px 42px 50px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen6-images img{
	width: 30.5%;
	height: auto;
	border-radius: 0 38px 0 0;
}
/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: calc(100% - 100px);
	margin: 120px auto 100px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0 38px 0 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 45%;
	height: 100%;
	padding: 0 0 0 25px;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box2{
	width: 55%;
	height: 100%;
	padding: 0 25px 0 100px;
}

.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}


.einlaufkonen7-container-box1-button{
	width: 330px;
	background-color: var(--accent-color);
	padding: 20px;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
}

@media(max-width: 88.313em) { /* 1413px */
.konen1-box1{
	padding-left: 50px;
}
}
	
@media(max-width: 81.875em) {/*1310px ------  Content = 100% breite ----- */
		:root {
		
	--headline-1: 2.688em; /*43 pt*/
	--headline-2: 2.25em; /*36 pt*/
	--headline-3: 1.875em; /*30 pt*/
	--headline-4: 1.563em; /*25pt*/
	--headline-5: 1.438em; /*23 pt*/
	--text-size: 1.125em; /*18 pt*/

	}

	/* ---- erste Section ---- */

	.einlaufkonen1{
	width: 100%;
	height: 619px;
	display: flex;
}

	.platzhalter1{
		display: none;
	}
	
	.platzhalter2{
		display: none;
	}
	
	.mood-sec-2{
		position: relative;
	}

.konen1-box1{
	position: absolute;
	width: 69%;
	height: 100%;
	top: 0px;
	left: 50px;
	padding-left: 0;
	
}

.konen1-box2{
	position: absolute;
	top: 0;
	right: 0;
	width: 395px;
	height: 320px;
	background-color: var(--accent-color);
	border: none;
	border-radius: 38px 0 0 38px;
}

.konen1-box2-container{
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding-top: 43px;
}

.konen1-box2-container-image{
	width: 300px;
	margin-right: 50px;
}
	
	.konen1-box2-container-image img{
		width: 100%;
		height: auto;		
}
	
.konen1-box2-container-text{
	width: 270px;
	padding-left: 40px;
}
}

@media(max-width: 85.5em) { /* 1368px */

	/* ---- dritte Section ---- */

.einlaufkonen3{
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.einlaufkonen3-container-image{
	width: 32%;
}
	
	.einlaufkonen3-container-image img{
	width: 100%;
	}

.einlaufkonen3-container-text{
	width: 59%;
	padding: 0 80px 0 0;
}

.bold-red{
	font-weight: 600;
	color: var(--accent-color);
}

.einlaufkonen3-container-text-box1{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.einlaufkonen3-container-text-box1 img{
	margin: 0 10px 20px 0;
}
}


@media(max-width: 75em) {/*1200px */
	
		/* ---- erste Section ---- */
	
	.einlaufkonen1{
	width: 100%;
	height: 619px;
	display: flex;
	padding-top: 327px;
}
/* -- fünfte section T A B E L L E ---*/

.einlaufkonen5-tabelle{
	width: 100%;
	margin: auto;
}

.einlaufkonen5-tabellenelement{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.einlaufkonen5-tabellenelement-innen1{
	width: 68px;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2{
	width: 200px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3{
	width: calc(100% - 268px);
	min-height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}
	
	.einlaufkonen5-tabellenelement-innen1b{
	width: 68px;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2b{
	width: 200px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3b{
	width: calc(100% - 268px);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}


.einlaufkonen5-tabellenelement-innen4{
	width: 68px;	
	/*width: 5.2%;*/
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen5{
	width: 200px;
/*	width: 19.69%;
*/	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen6{
	/*width: 984px;
	width: 75.11%;*/
	width: calc(100% - 268px);
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border: 0.5px solid var(--40-grey);
}
/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: calc(100% - 100px);
	margin: 120px auto 100px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0 38px 0 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 46%;
	height: 100%;
	padding: 0 75px 0 25px;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box2{
	width: 54%;
	height: 100%;
	padding: 0 25px 0 75px;
}

.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}


.einlaufkonen7-container-box1-button{
	width: 330px;
	background-color: var(--accent-color);
	padding: 20px;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
}

@media(max-width: 88.313em) { /* 1413px */
.deck1-box1{
	padding-left: 50px;
}
}

@media(max-width: 71.563em) {/*1145px */

	/* ---- zweite Section ---- */

	.einlaufkonen2{
		width: 100%;
		padding: 100px 50px 50px 50px;
		margin: 0;
	}

	.einlaufkonen2 h2{
	font-size: var(--headline-2);
	color: var(--30-grey);
	margin-bottom: 20px; /*Abstand zwischen den beiden Headlines*/}

	.einlaufkonen2 h3{
	font-size: var(--headline-3);
	color: var(--accent-color);
	}
	}

@media(max-width: 69.563em) {/* 1113px */
	
	/* ---- fünfte  Section T A B E L L E---- */
	
	.einlaufkonen5-tabellenelement-innen1b{
	width: 68px;	
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2b{
	width: 200px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3b{
	width: calc(100% - 268px);
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 50px;
}
	
	.einlaufkonen5-tabellenelement-innen3b p{
	line-height: 150%;
	}
}

@media(max-width: 1091px) {/*bis 1091px  */

	/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: calc(100% - 100px);
	margin: 120px auto 100px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0 38px 0 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 45%;
	height: 100%;
	padding: 0;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box2{
	width: 55%;
	height: 100%;
	padding: 0 0 0 30px;
}

.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}


.einlaufkonen7-container-box1-button{
	width: 330px;
	background-color: var(--accent-color);
	padding: 20px;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
}


@media(max-width: 65.5em) {/*bis 1048px ------  Start Hamburger Menü ----- */

	:root {
		
	--headline-1: 2.5em; /*40 pt*/
	--headline-2: 2.09em; /*33,445 pt*/
	--headline-3: 1.645em; /*26,324 pt */
	--headline-4: 1.438em; /*23pt*/
	--headline-5: 1.253em; /*20.04 pt*/
	--text-size: 1.125em; /*18 px*/

	}
	
	html{
	scroll-padding-top: 220px;
/*	Abstand nach oben beim Nutzen der Anker links
*/}

	/* ---- erste Section ---- */
	
	.einlaufkonen1{
	width: 100%;
	height: 550px;
	padding-top: 325px;
}
	
	.konen1-box2{
		height: 250px;
	}
	
	.konen1-box2-container-image img{
		width: 245px;
		height: auto;
	}
		/* ---- zweite Section ---- */

	.einlaufkonen2{
		width: 100%;
		padding: 60px 50px 60px 50px;
		margin: 0;
	}

	.einlaufkonen2 h2{
	font-size: var(--headline-2);
	color: var(--30-grey);
	margin-bottom: 20px; /*Abstand zwischen den beiden Headlines*/}

	.einlaufkonen2 h3{
	font-size: var(--headline-3);
	color: var(--accent-color);
	}
	
	/* ---- dritte Section ---- */

	.einlaufkonen3{
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.einlaufkonen3-container-image{
	width: 25%;
}
	
	.einlaufkonen3-container-image img{
	width: 100%;
	}

.einlaufkonen3-container-text{
	width: 70%;
	padding: 0 80px 0 0;
}

.bold-red{
	font-weight: 600;
	color: var(--accent-color);
}

.einlaufkonen3-container-text-box1{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.einlaufkonen3-container-text-box1 img{
	margin: 0 10px 20px 0;
}
/* -- fünfte section ---*/

.einlaufkonen5{
	width: 100%;
	margin: auto;
	padding: 0 0 120px 0;
}

.einlaufkonen5-container-block{
	width: 100%;
}

.einlaufkonen5-roter-balken{
	width: calc(100% - 50px);
	height: 60px;
	margin-right: 50px;
	display: flex;
	align-items: center;
	background-color: var(--accent-color);
	border-radius: 0 38px 0 0;
	padding-left: 50px;
}

.einlaufkonen5-roter-balken h5{
	color: var(--background-color);}

.einlaufkonen5-images{
	width: 100%;
	padding: 0 50px 0 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

	.einlaufkonen5-image1{
	width: 57%;
	/*width: 654px;*/
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen5-image2{
	width: 43%;
	/*width: 562px;*/
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}
	

.einlaufkonen5-image1 img{
	width: 80%;
	height: auto;
}


.einlaufkonen5-image2 img{
	width: 60%;
	height: auto;
}
}

@media(max-width: 999px) {/*bis 999px */

	/* -- siebte section ---*/
	.einlaufkonen7-br2{
		display: none;
	}
}

@media screen and (max-width: 61.5em) {/*bis 984px */
	
	/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 60px auto 50px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 45%;
	height: 100%;
	padding: 0;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box2{
	width: 55%;
	height: 100%;
	padding: 0 0 0 30px;
}

.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}


.einlaufkonen7-container-box1-button{
	width: 330px;
	background-color: var(--accent-color);
	padding: 20px;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
}


@media screen and (max-width: 56.25em) {/*bis 900px */

	/* ---- erste Section ---- */

.einlaufkonen1{
	position: relative;
	width: 100%;
	background-size: 120 120%; /* breite höhe */
	background-position: center right;
}
	/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 60px auto 50px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 42%;
	height: 100%;
	padding: 0;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box2{
	width: 58%;
	height: 100%;
	padding: 0 0 0 30px;
}

.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 210px;
	background-color: var(--accent-color);
	padding: 10px;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
	
	.einlaufkonen7-einruecken{
	margin-left: 20px;
}
}

@media screen and (max-width: 845px) {/*bis 845px */

	/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 60px auto 50px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 42%;
	height: 100%;
	padding: 0 30px 0 0;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box2{
	width: 58%;
	height: 100%;
	padding: 0 30px 0 30px;
}

.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 210px;
	background-color: var(--accent-color);
	padding: 10px;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
	
	.einlaufkonen7-einruecken{
	margin-left: 20px;
}
	
	.einlaufkonen7-br1{
		display: none;
	}
}

@media screen and (max-width: 51.25em) {/*bis 820px */
	
/* -- fünfte section ---*/

.einlaufkonen5{
	width: 100%;
	margin: auto;
	padding: 0 0 120px 0;
}

.einlaufkonen5-container-block{
	width: 100%;
}

.einlaufkonen5-roter-balken{
	width: calc(100% - 50px);
	height: 45px;
	margin-right: 50px;
	display: flex;
	align-items: center;
	background-color: var(--accent-color);
	border-radius: 0 38px 0 0;
	padding-left: 50px;
}

.einlaufkonen5-roter-balken h5{
	color: var(--background-color);
	}

.einlaufkonen5-images{
	width: 100%;
	padding: 0 50px 0 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
	
	.einlaufkonen5-image1{
	width: 57%;
	/*width: 654px;*/
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen5-image2{
	width: 43%;
	/*width: 562px;*/
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
	

.einlaufkonen5-image1 img{
	width: 80%;
	height: auto;
}


.einlaufkonen5-image2 img{
	width: 65%;
	height: auto;
}

	
	/* -- fünfte section T A B E L L E---*/
	
.einlaufkonen5-tabelle{
	width: 100%;
	margin: auto;
}

.einlaufkonen5-tabellenelement{
	width: 100%;
}

	.einlaufkonen5-tabellenelement-innen1{
	width: 20%;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2{
	width: 80%;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3{
	width: 100%;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 50px;
	margin-bottom: 30px;
}
	
	.einlaufkonen5-tabellenelement-innen1b{
	width: 20%;	
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2b{
	width: 80%;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3b{
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 50px;
	margin-bottom: 30px;
}
	
	.einlaufkonen5-tabellenelement-innen3b p{
	line-height: 150%;}
	

.einlaufkonen5-tabellenelement-innen4{
	width: 20%;	
	/*width: 5.2%;*/
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen5{
	width: 80%;
/*	width: 19.69%;
*/	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen6{
	width: 100%;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0;
}
}



@media screen and (max-width: 48.625em) {/*bis 778px */
	
	:root {
		
	--headline-1: 2.163em; /*34,6 pt*/
	--headline-2: 1.861em; /*29,78 pt*/
	--headline-3: 1.524em; /*24,39 pt */
	--headline-4: 1.323em; /*21,16 pt*/
	--headline-5: 1.177em; /*18,83 pt*/
	--text-size: 1em; /*18 px*/
	}
	
		.einlaufkonen1{
		padding-top: 360px;
	}

	
	.konen1-box2{
	height: 220px;
	}
	
	.konen1-box2-container{
		padding: 30px 0 0 0;
	}
	
	.konen1-box2-container-image img{
	width: 215px;
	height: auto;
	}
	
	/* -- siebte section ---*/
	
	.einlaufkonen7-container-box1-text{
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 764px) {/*bis 764px */
	/* -- siebte section ---*/
	
	.einlaufkonen7-container-box1-text{
		padding-bottom: 0;
	}
}

@media screen and (max-width: 733px) {/*bis 733px */

	/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 60px auto 50px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 42%;
	height: 100%;
	padding: 0 20px 0 0;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box2{
	width: 58%;
	height: 100%;
	padding: 0 20px 0 30px;
}

.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 210px;
	background-color: var(--accent-color);
	padding: 10px;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
	
	.einlaufkonen7-einruecken{
	margin-left: 20px;
}
	
	.einlaufkonen7-br1{
		display: none;
	}
}

@media screen and (max-width: 715px) {/*bis 715px */

	/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 60px auto 50px auto;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
}

.einlaufkonen7-container-box1{
	width: 42%;
	height: 100%;
	padding: 0 20px 0 0;
	border-right: 2px solid var(--background-color);
}

.einlaufkonen7-container-box2{
	width: 58%;
	height: 100%;
	padding: 0 0px 0 30px;
}

	.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 210px;
	background-color: var(--accent-color);
	padding: 10px;
	margin-top: 20px;
	border-radius: 0 38px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
	
	.einlaufkonen7-einruecken{
	margin-left: 20px;
}
	
	.einlaufkonen7-br1{
		display: none;
	}
}


@media screen and (max-width: 42.938em) {/*bis 687px */
	
		:root {
		
	--headline-1: 1.831em; /*29,3 pt*/
	--headline-2: 1.634em; /*26,14 pt*/
	--headline-3: 1.403em; /*22,44 pt */
	--headline-4: 1.27em; /*20,32 pt*/
	--headline-5: 1.125em; /*18 pt*/
	}
}

@media screen and (max-width: 41.875em) {/*bis 670px */

	:root {
		
	--text-size: 1em; /*16 px*/
	}
	
	html{
	scroll-padding-top: 140px;
/*	Abstand nach oben beim Nutzen der Anker links
*/}

	
		/* ---- erste Section ---- */
	
	.einlaufkonen1{
	width: 100%;
	height: 420px;
	background-size: cover; /* breite höhe */
	background-position: center;
	padding-top: 243px;
}
	
	.konen1-box2{
	height: 200px;
	border-radius: 38px 0 0 38px;
	}
	
	.konen1-box2-container{
		padding: 25px 0 0 0;
	}
	
	.konen1-box2-container-image img{
	width: 210px;
	height: auto;
	}
	
	.experience{/* Störer "40 Jahre ERfahrung" */
	position: absolute;
	top: 20px;
	right: 30px;
	display: block; /* Erscheint ab max-width: 670px */
}
	
	/* ---- zweite Section ---- */

	.einlaufkonen2{
	width: 100%;
	padding: 50px 30px 50px 30px;
	margin: 0;
	}

	.einlaufkonen2 h2{
	font-size: var(--headline-2);
	color: var(--30-grey);
	margin-bottom: 20px; /*Abstand zwischen den beiden Headlines*/}

	.einlaufkonen2 h3{
	font-size: var(--headline-3);
	color: var(--accent-color);}
	
	/* ---- dritte Section ---- */

	.einlaufkonen3{
	width: 100%;
	margin: auto;
	display: block;
	margin-bottom: 20px;
}

.einlaufkonen3-container-image{
	width: 100%;
	padding-left: 30px;
	margin-top: -20px;
}
	
	.einlaufkonen3-container-image img{
	width: 150px;
	margin-bottom: 30px;
	}

.einlaufkonen3-container-text{
	width: 100%;
	margin-bottom: 50px;
	padding: 0 30px 0 30px;
}

.bold-red{
	font-weight: 600;
	color: var(--accent-color);
}

.einlaufkonen3-container-text-box1{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.einlaufkonen3-container-text-box1 img{
	margin: 0 10px 10px 0;
	width: 36px;
	
}		/* -- vierte section ---*/

		.einlaufkonen4{
		width: 100%;
		padding: 10px 30px 0 30px;
		height: 60px;
		margin: auto;
		}
/* -- fünfte section ---*/

.einlaufkonen5{
	width: 100%;
	margin: auto;
	padding: 0 0 60px 0;
}

.einlaufkonen5-container-block{
	width: 100%;
}

.einlaufkonen5-roter-balken{
	width: calc(100% - 30px);
	height: 35px;
	margin-right: 30px;
	display: flex;
	align-items: center;
	background-color: var(--accent-color);
	border-radius: 0 38px 0 0;
	padding-left: 30px;
}

.einlaufkonen5-roter-balken h5{
	color: var(--background-color);
	}

.einlaufkonen5-images{
	width: 100%;
	padding: 0 30px 0 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

	.einlaufkonen5-image1{
	width: 45%;
	/*width: 654px;*/
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen5-image2{
	width: 45%;
	/*width: 562px;*/
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
	

.einlaufkonen5-image1 img{
	width: 100%;
	height: auto;
}


.einlaufkonen5-image2 img{
	width: 75%;
	height: auto;
}

	/* -- fünfte section T A B E L L E---*/
	
.einlaufkonen5-tabelle{
	width: 100%;
	margin: auto;
	padding: 0 30px 0 30px;
}

.einlaufkonen5-tabellenelement{
	width: 100%;
}

	.einlaufkonen5-tabellenelement-innen1{
	width: 20%;	
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2{
	width: 80%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3{
	width: 100%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 30px;
	margin-bottom: 30px;
}
	
	.einlaufkonen5-tabellenelement-innen1b{
	width: 20%;	
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2b{
	width: 80%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3b{
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 50px;
	margin-bottom: 30px;
}
	
	.einlaufkonen5-tabellenelement-innen3b p{
	line-height: 150%;}
	

.einlaufkonen5-tabellenelement-innen4{
	width: 20%;	
	/*width: 5.2%;*/
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen5{
	width: 80%;
/*	width: 19.69%;
*/	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen6{
	width: 100%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0;
}
	
	#hoeher{
		height: 35px;
	}
	
/* -- sechste section ---*/

.einlaufkonen6{
	width: 100%;
	background-color: #e8e8e8;
}

.einlaufkonen6-images{
	width: 100%;
	height: 100%;
	padding: 32px 30px 32px 30px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen6-images img{
	width: 30.5%;
	height: auto;
	border-radius: 0 38px 0 0;
}
	
#einlaufkonen6-images-1{
	margin-right: 15px;
}

#einlaufkonen6-images-2{
	margin-left: 15px;
}
	
/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
	margin: 30px 0 30px 0;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border-radius: 0;
    background-image: none;	
}

.einlaufkonen7-container-box1{
	width: 100%;
	height: 100%;
	padding: 30px;
	border-right: none;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
	
.einlaufkonen7-container-box1-text{
	width: calc(100% - 210px);
	}
	
	.einlaufkonen7-container-box2-text{
	width: calc(100% - 210px);
	}


.einlaufkonen7-container-box2{
	width: 100%;
	height: 100%;
	padding: 30px;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 30px;
}

	.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 180px;
	background-color: var(--accent-color);
	padding: 10px;
	margin-top: 20px;
	border-radius: 0 25px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
	
	.einlaufkonen7-einruecken{
	margin-left: 20px;
}
	
	.einlaufkonen7-br1{
		display: none;
	}
	
	.einlaufkonen7-br1b{
		display: none;
	}
	.einlaufkonen7-br1c{
		display: none;
	}
}

@media screen and (max-width: 35em) {/*bis 560px */
			
	
	/* --- erste section --- */
	
	.einlaufkonen1{
	width: 100%;
	height: 420px;
	background-size: 100% auto; /* breite höhe */
	background-position: center;
	padding-top: 283px;
}
	
	.konen1-box2{
	width: 60%;
	height: 160px;
	}
	
	.konen1-box2-container{
/*		width: 400px;
*/		padding: 0;
	}
	
		.konen1-box2-container-image{
		width: 100%;
		padding: 20px 0 0 20px;
		margin: 0;
	}

	
		.konen1-box2-container-text{
			width: 100%;
		padding: 0 0 0 20px;
	}

	.konen1-box2-container h5{
		margin-top: -15px;
	}

	
	.konen1-box2-container-image img{
	width: 180px;
	height: auto;
	}
	}

@media screen and (max-width: 30.563em) {/*bis 489px */
	
		:root {
		
	--headline-1: 1.25em; /*20 pt*/
	--headline-2: 1.125em; /*18 pt*/
	--headline-3: 1.063em; /*17 pt */
	--headline-4: 1em; /*16 pt*/
	--headline-5: 0.938em; /*15 pt*/
	--text-size: 0.875em; /*14 px*/
	}
	
	/* --- erste section --- */
	
	.einlaufkonen1{
	width: 100%;
	height: 420px;
	background-size: 100% auto; /* breite höhe */
	background-position: center;
	padding-top: 283px;
}
	
	.konen1-box2{
	width: 60%;
	height: 160px;
	}
	
	.konen1-box2-container{
/*		width: 400px;
*/		padding: 0;
	}
	
		.konen1-box2-container-image{
		width: 100%;
		padding: 20px 0 0 20px;
		margin: 0;
	}

	
		.konen1-box2-container-text{
		padding: 0 0 0 20px;
	}

	.konen1-box2-container h5{
		margin-top: -15px;
	}

	
	.konen1-box2-container-image img{
	width: 180px;
	height: auto;
	}
	/* ---- dritte Section ---- */

	.einlaufkonen3{
	width: 100%;
	margin: auto;
	display: block;
	margin-bottom: 20px;
}

.einlaufkonen3-container-image{
	width: 100%;
	padding-left: 30px;
	margin-top: -20px;
}
	
	.einlaufkonen3-container-image img{
	width: 150px;
	margin-bottom: 30px;
	}

.einlaufkonen3-container-text{
	width: 100%;
	padding: 0 30px 0 30px;
}

.bold-red{
	font-weight: 600;
	color: var(--accent-color);
}

.einlaufkonen3-container-text-box1{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.einlaufkonen3-container-text-box1 img{
	margin: 0 7px 10px 0;
	width: 33px;
}
		.br{
		display: none;
	}
/* -- fünfte section ---*/

	.einlaufkonen5-image1{
	width: 45%;
	/*width: 654px;*/
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen5-image2{
	width: 45%;
	/*width: 562px;*/
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}
	

.einlaufkonen5-image1 img{
	width: 100%;
	height: auto;
}


.einlaufkonen5-image2 img{
	width: 75%;
	height: auto;
}
	
	/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
	margin: 30px 0 30px 0;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border-radius: 0;
    background-image: none;	
}

.einlaufkonen7-container-box1{
	width: 100%;
	height: 100%;
	padding: 30px;
	border-right: none;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
	
.einlaufkonen7-container-box1-text{
	width: calc(100% - 180px);
	}
	
	.einlaufkonen7-container-box2-text{
	width: calc(100% - 180px);
	}


.einlaufkonen7-container-box2{
	width: 100%;
	height: 100%;
	padding: 30px;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 20px;
}

	.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 160px;
	background-color: var(--accent-color);
	padding: 10px;
	margin-top: 20px;
	border-radius: 0 25px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
	
	.einlaufkonen7-einruecken{
	margin-left: 20px;
}
	
	.einlaufkonen7-br1{
		display: none;
	}
	
	.einlaufkonen7-br1b{
		display: none;
	}
	.einlaufkonen7-br1c{
		display: none;
	}
}

@media screen and (max-width: 26.938em) {/*bis 431px */	
	#hoeher{
		height: 60px;
	}
	#hoeher p{
	line-height: 150%;
	}
}


@media screen and (max-width: 26.25em) {/*bis 420px */	

	:root {
		
	--text-size: 0.875em; /*14 px*/

	}
	
	html{
	scroll-padding-top: 90px;
/*	Abstand nach oben beim Nutzen der Anker links
*/}

	/* --- erste section --- */
	
	.einlaufkonen1{
	width: 100%;
	height: 355px;
	padding-top: 250px;
}
	
	.konen1-box2{
	width: 60%;
	height: 140px;
	border-radius: 25px 0 0 25px;
	}
	
	.konen1-box2-container{
/*		width: 400px;
*/		padding: 0;
	}

		.konen1-box2-container-text{
			width: 100%;
		padding: 0 0 0 10px;
	}

	.konen1-box2-container h5{
		margin-top: -15px;
	}

		.konen1-box2-container-image{
		width: 100%;
		padding: 20px 0 0 20px;
		margin: 0;
	}

	.konen1-box2-container-image img{
	width: 140px;
	height: auto;
	}
	
	.experience{
	right: 15px;
	top: 15px;
	}
		
	.experience img{
		width: 80px;
		height: auto;}
	
	/* ---- zweite Section ---- */

.einlaufkonen2{
	width: 100%;
	padding: 70px 20px 20px 20px;
	margin: 0;
}
	
.einlaufkonen2 h2{
font-size: var(--headline-2);
color: var(--30-grey);
margin-bottom: 10px; /*Abstand zwischen den beiden Headlines*/}

.einlaufkonen2 h3{
font-size: var(--headline-3);
color: var(--accent-color);
	}
	
	/* ---- dritte Section ---- */

	.einlaufkonen3{
	width: 100%;
	margin: auto;
	display: block;
	margin-bottom: 20px;
}

.einlaufkonen3-container-image{
	width: 100%;
	padding-left: 30px;
	margin-top: 0px;
}
	
	.einlaufkonen3-container-image img{
	width: 150px;
	margin-bottom: 20px;
	}

.einlaufkonen3-container-text{
	width: 100%;
	padding: 0 20px 0 20px;
}

.bold-red{
	font-weight: 600;
	color: var(--accent-color);
}

.einlaufkonen3-container-text-box1{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.einlaufkonen3-container-text-box1 img{
	margin: 0 5px 10px 0;
	width: 30px;
}
	/* -- vierte section ---*/

	.einlaufkonen4{
	width: 100%;
	padding: 10px 20px 0 20px;
	height: 60px;
	margin: auto;
		}
/* -- fünfte section ---*/

.einlaufkonen5{
	width: 100%;
	margin: auto;
	padding: 0 0 50px 0;
}

.einlaufkonen5-container-block{
	width: 100%;
}

.einlaufkonen5-roter-balken{
	width: calc(100% - 20px);
	height: 30px;
	margin-right: 20px;
	display: flex;
	align-items: center;
	background-color: var(--accent-color);
	border-radius: 0 38px 0 0;
	padding-left: 20px;
}

.einlaufkonen5-roter-balken h5{
	color: var(--background-color);
	}

.einlaufkonen5-images{
	width: 100%;
	
	padding: 0 20px 0 20px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}	
	.einlaufkonen5-image1{
	width: 45%;
	/*width: 654px;*/
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen5-image2{
	width: 45%;
	/*width: 562px;*/
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
}
	

.einlaufkonen5-image1 img{
	width: 100%;
	height: auto;
}


.einlaufkonen5-image2 img{
	width: 75%;
	height: auto;
}

	/* -- fünfte section T A B E L L E---*/
	
.einlaufkonen5-tabelle{
	width: 100%;
	margin: auto;
	padding: 0 30px 0 30px;
}

.einlaufkonen5-tabellenelement{
	width: 100%;
}

	.einlaufkonen5-tabellenelement-innen1{
	width: 20%;	
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2{
	width: 80%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3{
	width: 100%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 30px;
	margin-bottom: 30px;
}
	
	.einlaufkonen5-tabellenelement-innen1b{
	width: 20%;	
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen2b{
	width: 80%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-top: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen3b{
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 10px;
	margin-bottom: 30px;
}
	
	#hoeher{
	height: 60px;
	}
	#hoeher p{
	line-height: 150%;
	}

	
.einlaufkonen5-tabellenelement-innen4{
	width: 20%;	
	/*width: 5.2%;*/
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen5{
	width: 80%;
/*	width: 19.69%;
*/	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0.5px solid var(--40-grey);
	border-left: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
}

.einlaufkonen5-tabellenelement-innen6{
	width: 100%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-top: 0;
}
	
	/* -- sechste section ---*/

.einlaufkonen6{
	width: 100%;
	background-color: #e8e8e8;
}

.einlaufkonen6-images{
	width: 100%;
	height: 100%;
	padding: 22px 20px 22px 20px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.einlaufkonen6-images img{
	width: 30.5%;
	height: auto;
	border-radius: 0 38px 0 0;
}
	
#einlaufkonen6-images-1{
	margin-right: 10px;
}

#einlaufkonen6-images-2{
	margin-left: 10px;
}
	
/* -- siebte section ---*/

.einlaufkonen7{
	width: 100%;
	margin: 20px 0 20px 0;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border-radius: 0;
    background-image: none;	
}

.einlaufkonen7-container-box1{
	width: 100%;
	height: 100%;
	padding: 20px;
	border-right: none;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
	display: block;
}
	
.einlaufkonen7-container-box1-text{
	width: 100%;
	}
	
	.einlaufkonen7-container-box2-text{
	width: 100%;
	}

.einlaufkonen7-container-box2{
	width: 100%;
	height: 100%;
	padding: 20px;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
	display: block;
	margin-top: 10px;
}

	.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 208px;
	background-color: var(--accent-color);
	padding: 5px;
	margin-top: 10px;
	border-radius: 0 15px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
	font-size: 12px;
	line-height: 130%;
}
	
	.einlaufkonen7-einruecken{
	margin-left: 20px;
}
	
	.einlaufkonen7-br1{
		display: none;
	}
	
	.einlaufkonen7-br1b{
		display: none;
	}
	.einlaufkonen7-br1c{
		display: none;
	}
	
	.einlaufkonen7-einruecken{
	margin-left: 0;
	}

}

@media screen and (max-width: 24.938em) {/*bis 399px */	
/* -- siebte section ---*/

	.einlaufkonen7{
	width: 100%;
	margin: 20px 0 20px 0;
}

.einlaufkonen7-container{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border-radius: 0;
    background-image: none;	
}

.einlaufkonen7-container-box1{
	width: 100%;
	height: 100%;
	padding: 20px;
	border-right: none;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
	display: block;
}
	
.einlaufkonen7-container-box1-text{
	width: 100%;
	}
	
	.einlaufkonen7-container-box2-text{
	width: 100%;
	}

.einlaufkonen7-container-box2{
	width: 100%;
	height: 100%;
	padding: 20px;
    background-image: linear-gradient(45deg, #4e5259 0%, #3f4048 90%);	
	display: block;
	margin-top: 10px;
}

	.einlaufkonen7-container-box1 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box2 p, h4{
		color: var(--background-color);
}

.einlaufkonen7-container-box1-button{
	width: 220px;
	background-color: var(--accent-color);
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
	border-radius: 0 15px 0 0;
}

.einlaufkonen7-container-box1-button:hover{
transform: scale(1.05);
transition: all 0.4s ease;
}

.einlaufkonen7-container-box1-button p{
	color: var(--background-color);
}
	
	.einlaufkonen7-einruecken{
	margin-left: 0;
}
	
	.einlaufkonen7-br1{
		display: none;
	}
	
	.einlaufkonen7-br1b{
		display: none;
	}
	.einlaufkonen7-br1c{
		display: none;
	}
}

@media screen and (max-width: 23.188em) {/*bis 371px */	
	
	/* -- fünfte section T A B E L L E---*/
	
.einlaufkonen5-tabellenelement-innen3b{
	width: 100%;
	height: 73px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 10px;
	margin-bottom: 30px;
}
	
	#hoeher{
	height: 60px;
	}
	#hoeher p{
	line-height: 150%;
	}
}

@media screen and (max-width: 21.875em) {/*bis 350px */	
	
	:root {
		
	--headline-1: 1.125em; /*18 pt*/
	--headline-2: 1em; /*16 pt*/
	--headline-3: 0.938em; /*15 pt */
	--headline-4: 0.875; /*14 pt*/
	--headline-5: 0.813em; /*13 pt*/
	--text-size: 0.75em; /*12 px*/

	}

	html{
	scroll-padding-top: 80px;
/*	Abstand nach oben beim Nutzen der Anker links
*/}

	/* --- erste section --- */
	
	.einlaufkonen1{
	width: 100%;
	height: 355px;
	padding-top: 270px;
}
	
	.konen1-box2{
	width: 60%;
	height: 120px;
	border-radius: 20px 0 0 20px;
	}
	
	.konen1-box2-container{
/*		width: 400px;
*/		padding: 0;
	}

		.konen1-box2-container-text{
		
		padding: 0 0 0 10px;
	}

	.konen1-box2-container h5{
		margin-top: -15px;
	}

		.konen1-box2-container-image{
		width: 100%;
		padding: 20px 0 0 20px;
		margin: 0;
	}

	.konen1-box2-container-image img{
	width: 105px;
	height: auto;
	}
/* -- fünfte section ---*/

.einlaufkonen5{
	width: 100%;
	margin: auto;
	padding: 0 0 50px 0;
}

.einlaufkonen5-container-block{
	width: 100%;
}

.einlaufkonen5-roter-balken{
	width: calc(100% - 20px);
	height: 30px;
	margin-right: 20px;
	display: flex;
	align-items: center;
	background-color: var(--accent-color);
	border-radius: 0 38px 0 0;
	padding-left: 20px;
}

.einlaufkonen5-roter-balken h5{
	color: var(--background-color);
	}

.einlaufkonen5-images{
	width: 100%;
	
	padding: 0 20px 0 20px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.einlaufkonen5-image1{
	height: 110px;
}

.einlaufkonen5-image2{
	height: 110px;
}
		/* -- fünfte section T A B E L L E---*/
	
.einlaufkonen5-tabellenelement-innen3b{
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 10px;
	margin-bottom: 30px;
}
	
	#hoeher{
	height: 60px;
	}
	#hoeher p{
	line-height: 150%;
	}
}

@media screen and (max-width: 20.563) {/*bis 329px */	
	
	/* -- fünfte section T A B E L L E---*/
	
	.einlaufkonen5-tabellenelement-innen3b{
	width: 100%;
	height: 73px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 10px;
	border-left: 0.5px solid var(--40-grey);
	border-bottom: 0.5px solid var(--40-grey);
	border-right: 0.5px solid var(--40-grey);
	padding-right: 10px;
	margin-bottom: 30px;
}
	
	#hoeher{
	height: 60px;
	}
	#hoeher p{
	line-height: 150%;
	}
}

@media screen and (max-width: 310px) {/*bis 310px */	

	/* --- erste section --- */
	
	.einlaufkonen1{
	width: 100%;
	background-size: 120% auto;
	}
}