@font-face {
	font-family: 'Conv_PoppinsSemibold-8l8n';
	src: url('assets/fonts/PoppinsSemibold-8l8n.eot');
	src: local('☺'), url('assets/fonts/PoppinsSemibold-8l8n.woff') format('woff'), url('assets/fonts/PoppinsSemibold-8l8n.ttf') format('truetype'), url('assets/fonts/PoppinsSemibold-8l8n.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {

    height: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
/* @media screen and (min-width: 1200px) {
    body { overflow-x: visible; }
}*/

.test {
font-family: 'Poppins', sans-serif;
}
.dblau {
	color: #1f406e;
}
.dblaubg {
	background: #1f406e;
}
/*.seitengroesse {
  overflow-x:hidden;
  height:100%;
}*/
.rechteckbg {
	z-index:2;
	background-color: #1f406e;
	height:150px;
	width:100%;
	position:relative;
	top:0px;
}
.logo {
	z-index:3;
	position:relative;
	background-size:cover;
	top:-150px;
	width:150px;
	height:150px;
}
.titel {
	z-index:3;
	position:relative;
	font-family: 'Poppins', sans-serif;
	font-size:30px;
	top:-290px;
	left:400px; 
	font-size:30px;

}
.spruch {
	z-index:3;
	position:relative;
	top:-400px;
	left:400px; 
	font-family: 'Poppins', sans-serif;
	font-size:36px;
}
.hintergrund {
	z-index:1;
	position: relative;
	top:-500px;
	left:0px;
	width:100%;
	height:600px;
	background-color: #d1d7db;
} 
/*.hintergrund {
    display: flex;
    justify-content: end;
    align-items: center;
}*/
.adresse {
	z-index:3;
	position:relative;
	float:right;
    padding-right:20px;
	font-family: 'Poppins', sans-serif;
	font-size:36px;
	color: #1f406e;
	top:-900px;
}
.tel {
	z-index:3;
	position:relative;
	text-align:center;
	font-family: 'Poppins', sans-serif;
	font-size:60px;
	color: #1f406e;
	top:-700px;
}
.hgrau {
	color: #d1d7db;
}
.dgrau {
	color: #828d91;
}
.class3 {line-height: 62px; }

@media screen and (max-width:1050px) {
.logo {
	top:-150px;
	width:150px;
	height:150px;
}
.titel {
	top:-290px;
	left:200px; 
	font-size:30px;
}
.spruch {
	top:-180px;
	left:000px; 
    padding-left:10px;
	font-size:30px;
}
.hintergrund {
	height:800px;
}
.adresse {
	float:left;
    padding-left:10px;
	font-size:30px;
}
.tel {
	float:left;
    padding-left:10px;
	font-size:30px;
}
}
@media screen and (max-width:550px) {
.logo {
	display: none !important;
}
.titel {
	text-align:center;
	float:center;
	top:-140px;
	left:000px; 
	font-size:30px;
}
.spruch {
	top:-50px;
/*    float:center;*/
    text-indent:-10px; 
    padding-left:10px;
/*	left:000px;  */
/*    margin-left:10px; */
	font-size:25px;
}
.hintergrund {
	height:800px;
}
.adresse {
	float:left;
    padding-left:10px;
	font-size:25px;
	top:-800px;
}
.tel {
	float:left;
	font-size:25px;
    padding-left:10px;
}

}