@charset "UTF-8";
/* CSS Document für einstroemduesen */

/*  --------- 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);
}

.einrueckung{
	margin-left: 18px;
	visibility: hidden;
}

.duesen7-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
*/}

.ui-ux-link{
	margin-top: 20px;
	transition: all 0.6s ease;
}

.ui-ux-link p{
	font-size: calc(var(--text-size) - 4px);
	color: var(--70-grey);
}

.ui-ux-link a p:hover{
	color: var(--text-color);
}



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

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

.duesen1{
	position: relative;
	width: 100%;
	height: 619px;
	background-image:url("../bilder/einstroemduesen-mood.avif");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	overflow: visible;
	padding-top: 220px;
}

.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: 462px;
/*	background-color: green;
*/}

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

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

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

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

.duesen1-box2-container-text{
	padding-left: 60px;
/*	background-color: chocolate;
*/	margin-top: 30px;
}

.duesen1-box2-container-text p{
	line-height: 170%;
	color: var(--background-color);
}

.duesen1-box2-container-text a p:hover{
	color: var(--30-accent-color);
}


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


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

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

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

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


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

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

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

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

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

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

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

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

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

.duesen3-container-text a{
	color: var(--70-grey);
	text-decoration: none;
}

.duesen3-container-text a:hover{
	color: var(--30-grey);
}


/* -- vierte section ---*/

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

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


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

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

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

.duesen5-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;
}

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

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

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

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


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

.eckig img{
	width: 524px!important;
	height: auto;
}


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


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

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

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

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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 ---*/

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

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

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

/* -- siebte section ---*/

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

.duesen7-container-box1-text{
}

.duesen7-container-box2-text{
}



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

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

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

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

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

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

@media(max-width: 100em) { /* 1600px */

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

.duesen1{
	position: relative;
	width: 100%;
	height: 619px;
	background-image:url("../bilder/einstroemduesen-mood.avif");
	background-size: 1600px auto; /* breite höhe --- ändert sich*/
	background-position: center right;
	background-repeat: no-repeat;
	display: flex;
	overflow: visible;
	padding-top: 220px;
}
}


@media(max-width: 88.125em) { /* 1410px */
	
	/* erste section */
.duesen1-box1{
	padding-left: 50px;
}
	
	.duesen1{
	position: relative;
	width: 100%;
	height: 619px;
	background-image:url("../bilder/einstroemduesen-mood.avif");
	background-size: 120%; /* breite höhe --- ändert sich*/
	background-position: -200px center; /* x y */
	background-repeat: no-repeat;
	display: flex;
	overflow: visible;
	padding-top: 220px;
}
	
		/* ---- zweite Section ---- */

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

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

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

	/* -- vierte section ---*/

.duesen4{
width: 100%;
padding: 0 50px 0 50px;
height: 60px;
margin: auto;
}
	
/* -- sechste section ---*/

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

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

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

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

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

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

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


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

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

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

@media(max-width: 88.313em) { /* 1413px */
.duesen1-box1{
	padding-left: 50px;
}
	
/* -- fünfte section ---*/

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

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

.duesen5-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;
}

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

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

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

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

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


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

	
.eckig img{
	width: 460px!important;
	height: auto;
}

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

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

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

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}
	
	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}


.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}
}

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

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

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

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

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

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

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

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

	
@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 ---- */

	.duesen1{
	width: 100%;
	height: 619px;
	background-size: 120%; /* breite höhe */
	background-position: -200px center; /* x y */
	background-repeat: no-repeat;
	display: flex;
	padding-top: 180px;
}
	.platzhalter1{
		display: none;
	}
	
	.platzhalter2{
		display: none;
	}
	
	.duesen1-box2-container{
		position: relative;
	}
	
	.duesen1-content{
	position: relative;
	width: 100%;
	height: 442px;
	display: flex;
	border: none;
}

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

.duesen1-box2{
	width: 410px;
	position: absolute;
	top: 40px;
	right: 0;
	height: 442px;
	background-color: var(--accent-color);
	border: none;
	border-radius: 38px 0 0 38px;
}

.duesen1-box2-container{
	width: 410px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 30px 0 0 30px;
}

.duesen1-box2-container-image{
	width: 100%;
	margin-right: 0;
}
	
.duesen1-box2-container-image img{
		width: 260px;
		height: auto;		
}
	
.duesen1-box2-container-text{
	width: 100%;
	padding-left: 20px;
	margin-top: 25px;
}
}

@media(max-width: 75em) {/*1200px */
	
		/* ---- erste Section ---- */
	
	.duesen1{
	width: 100%;
	height: 619px;
	background-size: 120%; /* breite höhe --- ändert sich*/
	background-position: -200px -230px; /* x y */
	background-repeat: no-repeat;
	display: flex;
}
/* -- fünfte section T A B E L L E ---*/

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

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

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}
	
	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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);
}


.duesen5-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);
}

.duesen5-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);
}

.duesen5-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 ---*/

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

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

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

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


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

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

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

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

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

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

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

	.duesen2 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---- */
	
	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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;
}
	
	.duesen5-tabellenelement-innen3b p{
	line-height: 150%;
	}
}

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

	/* -- siebte section ---*/

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

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

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

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


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

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

.duesen7-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 ---- */
	
	.duesen1{
	width: 100%;
	height: 550px;
	background-size: 130%; /* breite höhe --- ändert sich*/
	background-position: -180px -230px; /* x y */
	background-repeat: no-repeat;
	padding-top: 153px;
}
	
	.duesen1-box2-container-image img{
		width: 245px;
		height: auto;		
}
	.duesen1-box2{
	width: 410px;
	position: absolute;
	top: 40px;
	right: 0;
	height: 400px;
	background-color: var(--accent-color);
	border: none;
	border-radius: 38px 0 0 38px;
}

.duesen1-box2-container{
	width: 410px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 20px 0 0 30px;
}
	.duesen1-box2-container-text{
	width: 100%;
	padding-left: 20px;
	margin-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.duesen5-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;
}

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

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

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

.duesen5-image2{
	width: 43%;
	/*width: 562px;*/
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}
	
.eckig img{
	width: 100%!important;
	height: auto;
}

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


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

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

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

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

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

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

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

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


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

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

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


@media screen and (max-width: 61.5em) {/*bis 984px */
	/* ---- erste Section ---- */
	
	.duesen1{
	width: 100%;
	height: 550px;
	background-size: 130%; /* breite höhe --- ändert sich*/
	background-position: -150px -230px; /* x y */
	background-repeat: no-repeat;
	padding-top: 153px;
	}
}

@media screen and (max-width: 56.25em) {/*bis 900px */
	/* ---- erste Section ---- */
	
	.duesen1{
	width: 100%;
	height: 550px;
	background-size: 160%; /* breite höhe --- ändert sich*/
	background-position: center -200px; /* x y */
	background-repeat: no-repeat;
	padding-top: 153px;
	}
	/* -- siebte section ---*/

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

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

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

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

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

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

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

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

	/* -- siebte section ---*/

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

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

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

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

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

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

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


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

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

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

.duesen5-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;
}

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

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

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

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


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

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

.duesen5-tabellenelement{
	width: 100%;
}

	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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;
}
	
	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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;
}
	
	.duesen5-tabellenelement-innen3b p{
	line-height: 150%;}
	

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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*/
	}
	
		/* ---- erste Section ---- */
	
	.duesen1{
	width: 100%;
	height: 550px;
	background-repeat: no-repeat;
	padding-top: 193px;
}
	
	.duesen1-box2-container-image img{
	width: 215px;
	height: auto;		
}
	.duesen1-box2{
	width: 360px;
	position: absolute;
	top: 40px;
	right: 0;
	height: 360px;
	background-color: var(--accent-color);
	border: none;
	border-radius: 38px 0 0 38px;
}

.duesen1-box2-container{
	width: 360px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 20px 0 0 30px;
}
}

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

	/* -- siebte section ---*/

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

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

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

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

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

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

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

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

	/* -- siebte section ---*/

.duesen7{
	width: 100%;
}

.duesen7-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%);	
}

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

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

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

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

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

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

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

@media screen and (max-width: 805px) {/*bis 805px */
	.duesen7-container-box1-text{
		padding-bottom: 32px;
	}
}


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

@media screen and (max-width: 757px) {/*bis 705px */
	.duesen7-container-box1-text{
		padding-bottom: 32px;
	}
}


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


@media screen and (max-width: 705px) {/*bis 705px */
	.duesen7-container-box1-text{
		padding-bottom: 32px;
	}
}

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

@media screen and (max-width: 683px) {/*bis 683px */
	.duesen7-container-box1-text{
		padding-bottom: 32px;
	}
}


@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*/
	}
	
	/* --- fünfte section --- */
	
	.eckig img{
	width: 100%!important;
	height: auto;
}

}

@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 ---- */
	
	.duesen1{
	width: 100%;
	height: 420px;
	background-size: 160%; /* breite höhe --- ändert sich*/
	background-position: center -150px; /* x y */
	background-repeat: no-repeat;
	padding-top: 80px;
}
	
	.duesen1-box2-container-text{
	margin-top: 20px;
	}	
	
	.duesen1-box2-container-image img{
	width: 180px;
	height: auto;		
}
	.duesen1-box2{
	width: 340px;
	position: absolute;
	top: 40px;
	right: 0;
	height: 330px;
	background-color: var(--accent-color);
	border: none;
	border-radius: 25px 0 0 25px;
}

	.duesen1-box2-container{
	width: 340px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 20px 0 0 30px;
}
	
	.duesen1-box2-container-text{
		margin-top: 12px;
	}

	.experience{/* Störer "40 Jahre ERfahrung" */
	position: absolute;
	top: 20px;
	right: 30px;
	display: block; /* Erscheint ab max-width: 670px */
}
	/* ---- zweite Section ---- */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.duesen5-tabellenelement{
	width: 100%;
}

	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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;
}
	
	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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;
}
	
	.duesen5-tabellenelement-innen3b p{
	line-height: 150%;}
	

.duesen5-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);
}

.duesen5-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);
}

.duesen5-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;
	}
	
		#hoeher1{
		height: 35px;
	}

		#hoeher2{
		height: 35px;
	}

		#hoeher3{
		height: 35px;
	}
	#hoeher4{
		height: 35px;
	}

	
/* -- sechste section ---*/

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

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

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

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

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

.duesen7-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;
}
	
.duesen7-container-box1-text{
	width: calc(100% - 210px);
	}
	
	.duesen7-container-box2-text{
	width: calc(100% - 210px);
	}


.duesen7-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;
}

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

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

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

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

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

@media screen and (max-width: 35em) {/*bis 560px */
			
	
	/* --- erste section --- */
	
	.duesen1{
	width: 100%;
	background-size: 150%; /* breite höhe --- ändert sich*/
	background-position: center -100px; /* x y */
	background-repeat: no-repeat;
	}
	}

@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 ---- */
	
	.duesen1{
	width: 100%;
	background-size: 170%; /* breite höhe --- ändert sich*/
	background-position: center -70px; /* x y */
	background-repeat: no-repeat;
	padding-top: 103px;
	}

	.duesen1-box2-container-text{
	margin-top: 10px;
	padding-left: 10px;
	}	
	.duesen1-box2-container-text h5{
	margin-bottom: -10px;
	}	

	.duesen1-box2-container-image img{
	width: 170px;
	height: auto;		
}
	.duesen1-box2{
	width: 300px;
	position: absolute;
	top: 40px;
	right: 0;
	height: 300px;
	background-color: var(--accent-color);
	border: none;
	border-radius: 25px 0 0 25px;
}

	.duesen1-box2-container{
	width: 300px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 20px 0 0 25px;
}
	
	/* ---- dritte Section ---- */

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

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

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

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

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

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

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

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

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


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

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

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

.duesen7-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;
}
	
.duesen7-container-box1-text{
	width: calc(100% - 180px);
	}
	
	.duesen7-container-box2-text{
	width: calc(100% - 180px);
	}


.duesen7-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;
}

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

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

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

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

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

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

		#hoeher2{
		height: 60px;
	}

		#hoeher3{
		height: 60px;
	}
	#hoeher4{
		height: 60px;
	}

	#hoeher p{
	line-height: 150%;
	}
	#hoeher1 p{
	line-height: 150%;
	}
	#hoeher2 p{
	line-height: 150%;
	}
	#hoeher3 p{
	line-height: 150%;
	}
	#hoeher4 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 ---- */
	.duesen1{
	width: 100%;
	height: 355px;
	background-size: 150%; /* breite höhe --- ändert sich*/
	background-position: center -50px; /* x y */
	background-repeat: no-repeat;
	padding-top: 70px;
}
	.duesen1-box2{
	width: 220px;
	position: absolute;
	top: 40px;
	right: 0;
	height: 280px;
	background-color: var(--accent-color);
	border: none;
	border-radius: 15px 0 0 15px;
}

	.duesen1-box2-container{
	width: 200px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 20px 0 0 20px;
}
	
	.duesen1-box2-container-text{
	margin-top: 20px;
	padding-left: 10px;
	}	
	
	.einrueckung{
	visibility: visible;
	margin-left: 18px;
}

	.duesen1-box2-container-text h5{
	margin-bottom: -15px;
	}	

	.duesen1-box2-container-image img{
	width: 130px;
	height: auto;	
	margin-bottom: -10px;
}
	.duesen1-box2-container-image{
	width: 210px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.duesen5-tabellenelement{
	width: 100%;
}

	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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;
}
	
	.duesen5-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);
}

.duesen5-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);
}

.duesen5-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;
	}
	
		#hoeher1{
		height: 60px;
	}

		#hoeher2{
		height: 60px;
	}

		#hoeher3{
		height: 60px;
	}
	#hoeher4{
		height: 60px;
	}

	#hoeher p{
	line-height: 150%;
	}
	#hoeher1 p{
	line-height: 150%;
	}
	#hoeher2 p{
	line-height: 150%;
	}
	#hoeher3 p{
	line-height: 150%;
	}
	#hoeher4 p{
	line-height: 150%;
	}

	
.duesen5-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);
}

.duesen5-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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

	.duesen1{
	width: 100%;
	height: 355px;
	background-size: 150%; /* breite höhe --- ändert sich*/
	background-position: center -20px; /* x y */
	background-repeat: no-repeat;
	display: flex;
	}
	
/* -- siebte section ---*/

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

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

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

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

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

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

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

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

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

}

@media screen and (max-width: 23.188em) {/*bis 371px */	
	
	/* -- fünfte section T A B E L L E---*/
	
.duesen5-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;
	}
	
		#hoeher1{
		height: 60px;
	}

		#hoeher2{
		height: 60px;
	}

		#hoeher3{
		height: 60px;
	}
	#hoeher4{
		height: 60px;
	}

	#hoeher p{
	line-height: 150%;
	}
	#hoeher1 p{
	line-height: 150%;
	}
	#hoeher2 p{
	line-height: 150%;
	}
	#hoeher3 p{
	line-height: 150%;
	}
	#hoeher4 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 ---- */

	.duesen1{
	width: 100%;
	height: 355px;
	background-size: 520px auto; /* breite höhe --- ändert sich*/
	background-position: center -30px; /* x y */
	background-repeat: no-repeat;
	display: flex;
	padding-top: 99px;
}

	.experience{/* Störer "40 Jahre Erfahrung" */
	position: absolute;
	right: 10px;
	top: 10px;
	display: block; /* Erscheint ab max-width: 670px */
}
	.duesen1-box2{
	width: 180px;
	position: absolute;
	top: 40px;
	right: 0;
	height: 250px;
	background-color: var(--accent-color);
	border: none;
	border-radius: 20px 0 0 20px;
}

	.duesen1-box2-container{
	width: 160px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 20px 0 0 20px;
}
	
	.duesen1-box2-container-text{
	width: 155px;
	margin-top: 20px;
	padding-left: 20px;
	}	
	
	.einrueckung{
	visibility: visible;
	margin-left: 18px;
}

	.duesen1-box2-container-text h5{
	margin-bottom: -15px;
	}	

	.duesen1-box2-container-image img{
	width: 110px;
	height: auto;	
	margin-bottom: -10px;
	margin-left: 10px;
}
	.duesen1-box2-container-image{
	width: 160px;
}

	.experience img{
		width: 70px;
		height: auto;}
	
/* -- fünfte section ---*/

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

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

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

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

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

.duesen5-image1{
	height: 110px;
}

.duesen5-image2{
	height: 110px;
}
		/* -- fünfte section T A B E L L E---*/
	
.duesen5-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;
	}
	
		#hoeher1{
		height: 60px;
	}

		#hoeher2{
		height: 60px;
	}

		#hoeher3{
		height: 60px;
	}
	#hoeher4{
		height: 60px;
	}

	#hoeher p{
	line-height: 150%;
	}
	#hoeher1 p{
	line-height: 150%;
	}
	#hoeher2 p{
	line-height: 150%;
	}
	#hoeher3 p{
	line-height: 150%;
	}
	#hoeher4 p{
	line-height: 150%;
	}
}
	
	@media screen and (max-width: 20.563em) {/*bis 329px */	
	
	/* -- fünfte section T A B E L L E---*/
	
	.duesen5-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;
	}
	
		#hoeher1{
		height: 60px;
	}

		#hoeher2{
		height: 60px;
	}

		#hoeher3{
		height: 60px;
	}
	#hoeher4{
		height: 60px;
	}

	#hoeher p{
	line-height: 150%;
	}
	#hoeher1 p{
	line-height: 150%;
	}
	#hoeher2 p{
	line-height: 150%;
	}
	#hoeher3 p{
	line-height: 150%;
	}
	#hoeher4 p{
	line-height: 150%;
	}
		
}

	@media screen and (max-width: 308px) {/*bis 308px */	
	
	/* -- fünfte section ---*/
	
	#d5rb-eckig{
	height: 50px!important;
		}
		
		#einstroemduesen-eckig{
			padding-right: 20px;
		}
}