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

@font-face {
    font-family: 'Opensans';
    src: url('/fonts/opensans-webfont.woff2') format('woff2'),
         url('/fonts/opensans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	margin: 0;
	padding: 0;
    font-family: 'Opensans', sans-serif;
	font-size: 1.8em;
	background-color: #0069b4;
}

.mainoutline {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 40px;
	width: 60%;
	/* background: url(../img/bg.png) no-repeat top; */
	background-size: 100%;
	
}

.main {
	position: relative;
	margin: 0 auto;
	display: flex;
}

.container {
	width: 100%;
}

.logo {
	width: 35vw;
	padding: 2vw 0;
}

.trenner {
	background-color: #0069b4;
	height: 5px;
	margin: 20px 0;
}

.trenner2 {
	background-color: #0069b4;
	height: 5px;
}

.logobox {
	margin-top: 5vh;
	background-color: #fff;
	border-bottom: 2px solid #0069b4;
	border-top: 2px solid #0069b4;	
}

.adresse1 {
	display: block;	
	font-size: 1.5vw;
	color: #000;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 40px 0;
	background-color: rgba(255,255,255,1);
}

.adresse1-klein {
	display: none;	
	font-size: 1.5vw;
	color: #000;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 40px 0;
	background-color: rgba(255,255,255,1);
}

.adresse2 {
	display: block;	
	font-size: 1.5vw;
	color: #000;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 40px 0;
	background-color: rgba(255,255,255,1);			
}

.headline {
	display: block;	
}

.leistungen {
	display: block;	
	position: absolute;
	margin-top: 7%;
	left: 60%;
	font-size: 1.5em;
}

.footer {
	right: 0; 
	height: 10%;
	background-color: #FF9600;
	border-top: solid 5px #0069b4;
	font-size: 0.8em;
	display: flex;
	align-items: center;
	justify-content: center;	
	padding: 10px;
	color: #fff;
}

.links {
}

a {
	color: #000;
	text-decoration: none;
	cursor:pointer;
}


a:hover {
	color: #666;
	text-decoration: none;
	cursor:pointer;
}

.footer a {
	color: #FFF;
	text-decoration: none;
	cursor:pointer;
	font-weight: bold;
}


.footer a:hover {
	color: #eee;
	text-decoration: none;
	cursor:pointer;
}

.modal  a {
	color: #000;
	text-decoration: none;
	cursor:pointer;
	font-weight: bold;
}

.modal a:hover {
	color: #666;
	text-decoration: none;
	cursor:pointer;
}

.kontaktformular tr {
	height: 40px;
}

.kontaktformular td {
	padding: 0px 5px 0px 5px;
	
}

.kontakt-nachricht {
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}

@media screen and (max-width: 800px) {
  .adresse1 {
	  display: none;
  }

	.adresse1-klein {
    	font-size: 1em;
		display: block;
	}
	
	.adresse2 {
		font-size: 1em;
	}
	
	.mainoutline {
		width: 95%;
    	margin-top: 1vw;		
	}	
	
	.logo {
		width: 50vw;
	}	
	
}