@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'oswaldregular';
    src: url('webfontkit-20221021-043019/oswald-variablefont_wght-webfont.eot');
    src: url('webfontkit-20221021-043019/oswald-variablefont_wght-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit-20221021-043019/oswald-variablefont_wght-webfont.woff2') format('woff2'),
         url('webfontkit-20221021-043019/oswald-variablefont_wght-webfont.woff') format('woff'),
         url('webfontkit-20221021-043019/oswald-variablefont_wght-webfont.ttf') format('truetype'),
         url('webfontkit-20221021-043019/oswald-variablefont_wght-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}	
@font-face {
    font-family: 'quicksandlight';
    src: url('Quicksand/quicksand-variablefont_wght-webfont.eot');
    src: url('Quicksand/quicksand-variablefont_wght-webfont.eot?#iefix') format('embedded-opentype'),
         url('Quicksand/quicksand-variablefont_wght-webfont.woff2') format('woff2'),
         url('Quicksand/quicksand-variablefont_wght-webfont.woff') format('woff'),
         url('Quicksand/quicksand-variablefont_wght-webfont.ttf') format('truetype'),
         url('Quicksand/quicksand-variablefont_wght-webfont.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;

}	
		

body {width: 100%;
  margin: 0;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.063em;
  line-height: 1.5;
  color: #324047;
  text-align: left;
  background-color: #fff;
}

#wrapper {max-width: 1500px; 
    height: auto;
    margin:auto;
    box-shadow: 10px 20px 30px #999;
}


#delexx {width: 100%;
         margin: auto;}

 #delexx img {width: 100%;
    height: auto;}

#logo {width: ;
      padding-top: 2em;
text-align: center;}


#interim_mangement_beratung {font-size: 2.0em;
	                         font-family: 'Oswald', sans-serif;
							 text-align:center;
                             line-height: 1.1em;
                             padding: 1em;}




#slogan {width: 100%; padding: 1.3em; font-family: 'Oswald', sans-serif;
text-align: center; color: ##324047; background: #e0d8cf; font-size: 55px; line-height: 1.2em;}



#umschlag {display:flex;
	flex-direction: row;
	/*flex-flow:column;    untereinander*/
	width: 95%;
	margin-top: -20px;
	margin: auto;
	line-height: 1.7em;
}


#umschlag img {width: 100%; heights: auto; padding: 2em 0;}

#blue {width: 100%; background: #272F39; padding-bottom: 40px;}

#links {flex: 1; padding:1em; background: #fafaf8; margin-right: 1.5em;border-radius: 5px;
}

#mitte {flex:1; padding: 1em; background: #fafaf8; margin-right: 1.5em; border-radius: 5px;
}

#rechts { flex: 1; padding:1em;background: #fafaf8; border-radius: 5px;
}

h1 {font-size:1.0em; margin: 0; padding-bottom: 0.5em; color: #272F39;}

#links, #mitte, #rechts {margin-top: -20px;
						margin-bottom: 35px;}


#links, #mitte, #rechts img {width: 100%; height: auto;}




#notfallrueckruf {width: 100%; background-color: #41a62a; color: #fff; text-align: center; font-size: 5vw; padding: 2.0em;}




	



/*---------------------------bottom--------------------------*/

#bottom {display: flex;
flex-direction: row;
	justify-content:center;
background: #fafaf8;
}


#bottom a:link, a:visited, a:active, a:hover {text-decoration: none; color: #666;}

#bottom a:hover {text-decoration: none; color: #41a62a;}


.box
{   background: #fafaf8;
    text-align: center;
    padding: 10px;
    font-size: 1.2em;
    border: 1px solid #d3d3d3;
    margin: 25px 0 25px 5px;
    border-radius: 5px;
    color: #666;
    text-decoration: none;}

.box a:link, a:visited, a:active; {color: #666;}
.box a:hover {color: #41a62a;}

@media screen and (max-width:650px) {
	#bottom {flex-direction: column;}
	.box {padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-top: none; border-right: none; border-left: none;}
}