/* CSS Document */
* {
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
html {
	overflow-y: scroll;
	height: 100%;
}
article, aside, footer, header, hgroup, nav, section {
	display: block;
}

body {
	background: #FFFFFF;
	font-family:'heebo', Geneva, sans-serif;
	color:#353434;	
}
.body-norm {
	
	}
.body-profil {
	background-image:url(../../img/Gerd-1.jpg); 
	background-position-x:center;
	background-position-y: -400px; 
	background-size:contain;
	background-repeat:no-repeat;
	 -webkit-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
	-o-transition: 1.3s all;
	transition: 1.3s all;
	}
.body-leistungen {
	background-image:url(../../img/leistungen.jpg); 
	background-position-x:center;
	background-position-y:-85px; 
	background-size:contain;
	background-repeat:no-repeat;
}
.bg-on-top {
background-position-y: -400px;
  background-repeat: no-repeat;
  -webkit-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
	-o-transition: 1.3s all;
	transition: 1.3s all;
  
}
a {
	color:#333333;
	}
strong {
	color:#8d8b8b;
	}
	ul {
		margin:20px;
		}
/*____________________ Fonts ____________________________________*/

h1 {
	font-size: 24px;
	font-weight: 300;
	color: #666666;
	text-transform: uppercase;
	border-bottom:1px solid #069402;
    margin: 30px auto 20px auto;
	max-width: 1180px;
}
h2 {
	font-size: 24px;
	font-weight: 300;
	color: #666666;
	padding-bottom: 8px;
	/*text-transform: uppercase;*/
	margin-top: 10px;
}
h3 {
	font-size: 20px;
	font-weight: 300;
	color: #666666;
	padding-bottom: 6px;
	/*text-transform: uppercase;*/
	margin-top: 10px;
}
h4 {
	font-size: 18px;
	font-weight: 500;
	color: #e30916;
	padding-bottom: 6px;/*text-transform: uppercase;*/
}
p {
	padding-bottom: 16px;
	font-weight: 300;
}
/*____________________ Fonts Ende ____________________________________*/

/*____________________ Container ____________________________________*/

header {
	left: 0;
	top: 0;
	background: #fff;
	width: 100%;
	height: 90px;
	padding: 0 20px;
	z-index: 1100;
    border-bottom:1px solid #dd0703;
	
}

header > div{
	max-width: 1180px;
	margin: 0 auto;
	height: 100%;
	
}
header .logo {
	/*float: left;*/
	background: url("../../img/logo.png") no-repeat left top / contain;
	width: 250px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	margin: 25px 0px 0px 40px;
}

.content {
	position:relative;
	min-height:850px;
	margin: 0 auto 20px;
	max-width: 1180px;
	padding:40px
	}
.service-nav {
	position:absolute;
	bottom:20px;
	right:20px;
    z-index: 999;
	}
.service-nav2 {
	position:relative;
	bottom:20px;
	right:20px;
    z-index: 999;
	text-align: right;
	}
.service-nav a, .service-nav2 a {
	text-decoration:none;
	padding:5px 10px;
	}
.service-nav-on, .service-nav a:hover {
	background-color:#333333;
	color:#FFFFFF;
	}
.start-logo {
	position:absolute;
	/*left:10%;
	top:10%;*/
	padding:30px 40px;
	background: rgba(255,255,255,0.80);
	height: auto;
	width: 100%;
	}
#button, #close_button {
	position:absolute;
	top:20px;
	right:50px;
	}
	.button-show {
		display:inline-block;
		}
	.button-hide {
		display:none;
		}
	.menue {
		position:absolute;
		top:70px;
	right:-250px;
	background-color:#efefef;
	padding:25px;
        z-index: 10;
        border: 1px solid #cccccc;
		}
	.menue {
	-webkit-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
	-o-transition: 1.3s all;
	transition: 1.3s all;
}
.menue-hide {right:-250px;
		}
		.menue-show {right:50px;
		height: auto;
		border-radius:20px;
		}
	.menue li {
		list-style:none;
		font-size:22px;
		font-weight:700;
		padding:10px 0px;
	}
	.menue li a {
		text-decoration:none;
	}
.content-wrapper {
	/*background-color:#ececec;*/
    background: #EFEFEF;
background: linear-gradient(90deg, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(241, 241, 241, 1) 100%);
	width:100%;
	/*min-height:62%;*/
	/*position:absolute;*/
	/*bottom:-62%;
    margin-bottom: 70px;*/
	}
.content-inner {
		margin:20px auto;
		width:62%;
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
	}
.content-inner article {
	/*width:49%;*/
    min-height: 150px;
}
.content-show {
	bottom:0;
	-webkit-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
	-o-transition: 1.3s all;
	transition: 1.3s all;
	}
/*.content-hide {
	bottom:-50%;
	-webkit-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
	-o-transition: 1.3s all;
	transition: 1.3s all;
	}*/
footer {
	height:100px;
	}
footer > div{
	max-width: 1180px;
	margin: 0 auto;
	height: 100%;
	border-top:1px solid #0204c8;
	position:relative;
}
/*____________________ Container Ende ____________________________________*/


/*____________________ responsive ____________________________________*/

@media (max-width:390px) {
	.start-logo {
	position:relative;
	left:0;
	top:100%;
	width:auto;
	text-align:center;
	}
	
}


/*____________________ responsive Ende ____________________________________*/