body{
    font-family: 'Roboto', sans-serif;
    margin:0;
}

element:hover, 
element:active { 
-webkit-user-select: none; 
-webkit-touch-callout: none;
}

header{
	text-align:center;
	margin-bottom:19px;
}

header h1{
	font-size:53px;
    font-family: 'Shadows Into Light', cursive;
	color:#3eb489;
	font-weight:100;
}

header h2{
	margin-top:-36px;
	font-weight:100;
	color:#333;
	letter-spacing:1px;
	font-size:20px;
}

.logobild{
	width:95%;
	margin:auto;
	max-width:650px;
}

.logobildmobil{
	display:none;
}

nav{
	border-top:1px dotted #333;
	border-bottom:1px solid #333;
}

nav ul{
	padding-left:0;
	width:100%;
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: -37px;
}

nav ul li{
	text-align:center;
	list-style:none;
	text-transform:uppercase;
	font-size:15px;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:-16px;
	float:left;
}

nav ul li a{
	padding:15px 31px;
	text-decoration:none;
	color:#333;
	transition:all 0.6s ease;
}

nav ul li a:hover{
	background:#3eb489;
	color:#fff;
}

.active a{
	background:#3eb489;
	color:#fff;	
}

#slideshow {
  clear:both;
  position:relative;
  width:100%;
  height:550px;
  overflow:hidden;
  padding-top:1px;
}

#slideshow > div {
  position: absolute;
  width:100%;
}

#slideshow img{
	width:100%;
}

#content{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-18px;
}

#headline{
	background:#3eb489;
	padding-top: 30px;
	padding-bottom: 1px;
	margin-top:-70px;
	z-index:7;
	position: relative;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#headline h2{
	font-weight:100;
	width:100%;
	max-width:550px;
	font-size:28px;
	color:#fff;
	margin-top:-16px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
}

#contentinhalt{
	width:100%;
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
	font-size:17px;
	line-height:24px;
	margin-top:30px;
}

#contentinhaltlinks{
	width:69%;
	float:left;
	margin-right:3%;
}

#contentinhaltrechts{
	width:28%;
	float:right;
}

#contentinhaltrechts h3{
	padding:8px 15px;
	background:rgba(0,0,0,0.1);
	font-weight:100;
	margin-bottom:-5px;
}

#contentinhaltrechts p{
	padding-left:8px;
}

#leistungsuebersicht{
	clear:both;
	margin-left:-1%;
	margin-right:-1%;
}

.leistung{
	width:31%;
	padding:1%;
	float:left;
	position: relative;
	padding-bottom:50px;
}

.leistung h4{
	text-align:center;
	padding-top:13px;
	padding-bottom:11px;
	background:rgba(62,180,137,0.6);
	border-radius:4px 4px 0 0;
	text-transform:uppercase;
	color:#fff;
	font-weight:100;
	font-size:20px;
	letter-spacing:1px;
}

.leistung img{
	width:100%;
	margin-top:-25px;
}

.leistungsbutton{
	background:rgba(0,0,0,0.4);
	border-radius:4px;
	padding-top:5px;
	padding-bottom:5px;
	transition:all 0.7s ease;
	position:absolute;
    bottom:0px;
    margin:auto;
    width:94%;
    text-align:center;
}

.leistungsbutton a{
	text-decoration:none;
	color:#fff;
}

.leistungsbutton:hover{
	background:rgba(62,180,137,1);
}

footer{
	width:100%;
	background:rgba(62,180,137,0.3);
	clear:both;
	margin-top:55px;
	margin-bottom:-20px;
	padding-top:10px;
}

.spalte{
	width:23%;
	padding:1%;
	float:left;
	font-size:13px;
}

.spalte a{
	text-decoration:none;
	color:#000;
}

#footerinhalt{
	width:100%;
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
}

footer{
	margin-top:-20px;
}
footer h4{
	text-transform:uppercase;
	font-size:24px;
	color:rgba(62,180,137,1);
	margin-bottom:-5px;
}

.linie{
	clear:both;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom:1px dotted rgba(0,0,0,0.3);
	position:relative;
	top:13px;
}

#copyright{
	text-align:center;
	background:#333;
	color:#fff;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:-20px;
}

#copyright p{
	font-size:11px;
	letter-spacing:2px;	
}

#kopfleiste{
	position:fixed;
	top:0px;
	width:100%;
	z-index:9;
	background:#3eb489;
	text-align:center;
	color:#fff;
	padding-top:6px;
	padding-bottom:6px;
}

h2{
	font-weight:normal;
	color:#3eb489;
	font-size:40px;
	margin-top:-40px;
}

h6{
	font-weight:normal;
	color:#3eb489;
	font-size:28px;
	margin-bottom:-1px;
	margin-top:-5px;
}

h5{
	font-weight:normal;
	color:#3eb489;
	font-size:28px;
	margin-bottom:15px;
}

.behandlung{
	float:left;
	max-width:220px;
	box-shadow:0 0 5px rgba(0,0,0,0.4);
	border:3px solid #fff;
	margin-right:13px;
	margin-bottom:5px;
}

#accordion {
	list-style: none;
	padding: 2px;
}
#accordion > li {
	display: block;
	list-style: none;
}
#accordion > li > span {
	display: block;
	color: #333;
	margin: 4px 0;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left:13px;
	background:#eee;
	background-size: 20px;
	font-weight: normal;
	cursor: pointer; font-size:16px
}
#accordion > li > div {
	list-style: none;
	padding: 6px;
	display: none; overflow:auto
}
#accordion > ul li {
	font-weight: normal;
	cursor: auto;
	padding: 0 0 0 7px;
}
#accordion a {
	text-decoration: none;
}
#accordion li > span:hover {
	background:#3eb489;
	color:#fff;
}
#accordion li > span.active {
	background: url(images/collapse-arrow.png) no-repeat 99.5% 6px #000;
	background-size: 20px;
	background:#3eb489;
	color:#fff;
}

.mobilenavi{
	display:none;
}


@media only screen and (min-width:1695px) {
	#slideshow img{
		margin-top:-110px;
	}
}

@media only screen and (min-width:2020px) {
	#slideshow img{
		margin-top:-210px;
	}
}

@media only screen and (min-width:2450px) {
	#slideshow img{
		margin-top:-310px;
	}
}


@media only screen and (max-width:1145px) {
	#slideshow{
		height:350px;
	}
}

@media only screen and (max-width:1045px) {
	.leistung{
		width:48%;
		min-height:520px;
	}
	
	.leistungsbutton{
		width:96%;
	}
	
	#content{
		width:90%;
		margin:auto;
	}
	
	#headline{
		top:-17px;
		width:100%;
	}
	
	#headline h2{
		text-align:center;
	}
	
	#contentinhaltlinks,
	#contentinhaltrechts{
		width:100%;
		margin-right:0;
		float:none;
	}

}

@media only screen and (max-width:990px) {
	header h1{
		font-size:43px;
	}
	
	nav{
		display:none;
	}

	.mobilenavi{
		display:block;
		width:100%;
		position:fixed;
		top:30px;
		background:#369975;
		left:0;
		text-align:left;
		padding-top:10px;
		padding-bottom:10px;
		z-index:999;
	}
	
	#content{
		margin-top:-50px;
	}
	
	.mobilenavi ul{
		list-style:none;
	}
	
	.mobilenavi ul li a{
		color:#fff;
		text-decoration:none;
		font-size:18px;
		letter-spacing:1px;
		line-height:32px;
	}
	
	.mobilenavi ul .active{
		opacity:0.5;
	}
	
	#los{
		margin-left:35px;
		cursor:pointer;
	}
	
	.spalte{
		width:90%;
		margin:auto;
		padding:0;
		float:none;
		text-align:center;
	}
	
	.logobild{
		margin-top:50px;
		margin-bottom:-30px;
	}
}

@media only screen and (max-width:880px) {
	.leistung{
		min-height:480px;
	}
}

@media only screen and (max-width:730px) {
	.leistung{
		min-height:460px;
	}
}

@media only screen and (max-width:690px) {
	.leistung{
		min-height:auto;
		padding-bottom:1%;
		width:100%;
		float:none;
	}	
	
	.leistungsbutton{
		position:relative;
		width:100%;
	}
	
	#kopfleiste{
		font-size:12px;
	}
	
	#kopfleiste a{
		font-size:12px !important;
	}
	
	#slideshow{
		height:220px;
		margin-top:-20px;
	}
	
	#slideshow img{
		height:400px;
		width:auto;
	}
	
	#headline{
		margin-top:25px;
	}
	
	#headline h2{
		font-size:24px;
	}
	
	header h1{
		font-size:30px;	
		margin-top:30px;
	}
	
	header h2{
		font-size:14px;
		margin-top:-22px;
	}
	
	.logobild{
		display:none;
	}
	
	.logobildmobil{
		display:block;
		width:95%;
		margin-left:auto;
		margin-right:auto;
		margin-top:55px;
		max-width:300px;
	}
	
	.mobilenavi{
		top:26px;
	}
}

@media only screen and (max-width:615px) {
	#headline{
		margin-top:50px;	
	}
	
	#headline h2{
		font-size:18px;
	}

	#kopfleiste{
		display:none;
	}
	
	.mobilenavi{
		top:0px;
	}
	
	#slideshow img{
		height:220px;
	}
}

@media only screen and (max-width:415px) {
	#headline{
		top:-40px;
		width:100%;	
	}
	
	#contentinhalt{
		margin-top:-20px;	
	}
}