/*
  Theme Name: Reveal
  Theme URL: https://bootstrapmade.com/reveal-bootstrap-corporate-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #000;
  font-family: "Open Sans", sans-serif;
}

a {
  color: #006576;
}
.wrapper-top{
	width:1003px;
	margin:0 auto;
	margin-bottom:10px;
	height:98px;
	border-bottom:2px solid #05528A;
}

.logo{
	float:left;
	width:25%;
	padding-bottom:20px;
}

.rechts{
	float:right;
	padding-top:10px;
	padding-right:20px;
}

.contact-footer a {
    color: #fff;
    font-size:14px;
	margin:10px 20px 0 0;
}

.fullleer{
	margin:0 auto;
    width: 100%;
    text-align: center;
	height:auto;
	padding:0px 0px 0px 0px;
}

@media (max-width: 1199px) {
	.wrapper-top{
		width:851px;
		width: 100%;
		margin:0 auto;
		margin-bottom:10px;
		height:83px;
		border-bottom:2px solid #05528A;
	}

	.logo{
		float:left;
		width:25%;
	}

	.rechts{
		float:right;
		padding-top:10px;
		padding-right:20px;
	}
	
	.contact-footer a {
		color: #fff;
		font-size:14px;
		margin:10px 20px 0 0;
	}

	.fullleer{
		margin:0 auto;
		width: 100%;
		text-align: center;
		height:auto;
		padding:50px 50px 0px 50px;
	}
}

@media (max-width: 992px) {


}

@media (max-width: 768px) {
	.wrapper-top{
		width:100%;
		margin:0 auto;
		margin-bottom:10px;
		height:auto;
		border-bottom:2px solid #05528A;
	}

	.logo{
		float:left;
		width:50%;
	}

	.rechts{
		float:right;
		padding-top:10px;
		padding-right:20px;
		width:50%;
	}
	
	.contact-footer a {
		color: #fff;
		font-size:14px;
		margin:10px 20px 0 0;
	}

	.fullleer{
		margin:0 auto;
		width: 100%;
		text-align: center;
		height:auto;
		padding:50px 50px 0px 50px;
	}
}

@media (max-width: 480px) {
	.wrapper-top{
		width:100%;
		margin:0 auto;
		margin-bottom:10px;
		height:auto;
		border-bottom:2px solid #05528A;
	}

	.logo{
		float:left;
		width:75%;
		padding-right:20px;
	}

	.rechts{
		float:right;
		padding-top:10px;
		padding-right:10px;
		width:25%;
	}
	
	.contact-footer a {
		color: #fff;
		font-size:14px;
		margin:10px 10px 0 10px;
	}

	.fullleer{
		margin:0 auto;
		width: 100%;
		text-align: center;
		height:auto;
		padding:0px 0px 0px 0px;
	}
}

a:hover, a:active, a:focus {
  outline: none;
  text-decoration: underline;
  color: #006576;
}

#main{
	margin:0 auto;
	padding-top:30px;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6, a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 0;
	color:#006576;
}

h1{
	font-size: 28px;
	font-weight:400;
}

h2{
	font-size: 24px;
	font-weight:400;
	color:#fff;
	padding:20px;
}

.datenschutz h2{
	font-size: 24px;
	font-weight:400;
	color:#006576;
	padding:0px;
	margin:20px 0 0 0;
}

h3{
	font-size: 20px;
	font-weight:400;
	padding:0px;
	margin:20px 0 10px 0;
}

.center{
	margin:0 auto;
	text-align:center;
}

.contact-footer{
	padding:20px 0px 0 0;
}


#header {
  padding: 20px 0;
  height:auto;
  z-index: 997;
}


#header #logo img {
  padding: 0;
  margin: 0;
}

.full, .vollebreite, .fullfooter{
    float: left;
    width: 100%;
    text-align: left;
	height:400px;
}

.vollebreite{
	height:20px;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}


