@charset "UTF-8";

* {
	box-sizing: border-box;
}


a.speziell:link {
	text-decoration:none;
	color: rgba(255,255,255,1);
	text-decoration:none;
	font-style:italic;
	width:auto;
}

a.speziell:hover {
	text-decoration:none;
	color: rgba(255,255,255,1);
}

.form{
	padding:25px 5px 5px 35px;
   }
/*  .logo{
	  margin:-25px 0 0 -25px;
	  line-height:0}*/
   
/*.fb {
	margin-bottom:50px;
	margin-top:25px;
	}*/
  
.article {
  float: left;
  margin: 25px;
  width: 275px;
} 
 
.name{
	padding-right:10px;
	float:left;}
	
.karte{
	border-radius:15px;
	margin-right:35px;
	margin-left:35px;
	-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
	float:left;}
	
.boxen {
	border: 2px solid  rgba(30,138,246,1);
	border-radius: 25px;
	display: table-cell;
	vertical-align: middle;
	display: inline-block;
	width: 28%;
	height: 35%;
	min-width: 250px;
	min-height:220px;
	margin: 2%;
	background-color: rgba(255,255,255,1);
}
.buttonschrift, a{
	font-size:100%;
	color: rgba(246,165,10,1);
	text-align:center;
	padding:2%;
	text-decoration:none;}
	
.takt a{
/*	background-color: rgba(102,255,204,1);
*/	font-size:100%;
	color: rgba(246,165,10,1);
	text-alin:left;
	padding:0%;
	text-decoration:none;
	display:block;
	float:left;
	}
	
.spez{
	font-size: 16px;
	font-style: normal;
	color: rgba(255,255,255,1);
	float: right;
	margin: -10px 0px 0 0;
	line-height: 0;
	}

#person{
	padding-top:100px;}
#artikel{
	padding-top:100px;}
#referenzen{
	padding-top:100px;}
	

	
.dropdown{
	text-align:left;}
.dropdown a{
	margin-left:50px;
	color:rgba(39,138,247,1);
	text-align:left;}
.dropdown a:hover{
	color:rgba(51,51,51,1);}
	
img{
	width:auto;
	}
.ueberschrift2{
	font-size:150%;
	color: rgba(253,190,0,1);
	font-weight:bolder;
	text-shadow:none;
	}
h4{
	color: rgba(39,138,247,1);
	}
#end{
	margin-top:100px;}

.yellow{
	color:rgba(253,190,0,1);
	font-weight:bold}

	
.fb-but, .in-but{
	position: fixed;
	width: 47px;
	height: auto;
	z-index: 500;
	left: -6px;
	float: none;
	padding-bottom:-50px;
        }
.fb-but{
		top: 250px;
}
.in-but{
		top: 290px;
}
hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

.bea{
	float:left;
	padding-right:5%;}
.text{
	padding-top:120px;
	/*padding-bottom:35px;*/}

	


.light{
	text-align: center;
	padding:100px 25px 0px 25px;
	margin:0;
	/*bottom:100px;*/
}
.light a{
}

.light img{
	border: solid rgba(255,255,255,1) 3px;
}

.orange{
	background-color: rgba(252,204,4,1);
	float:none;
	
	padding-bottom:80px;}




.willkommen{
	background-color: rgba(255,255,255,1);
	padding: 1% 5% 5% 5%;
	color: rgba(51,51,51,1);
	margin: 0 0% 0px 0%;
}
.willkommen ul li{
	}
	
.willkommen img{
	margin:3%;
	}
#test{
	background-color: rgba(252,204,4,1);
	padding:5%;
	font-size:90%;}
#test1{
	background-color: rgba(252,204,4,1);
	padding:5%;
	font-size:90%;}
#test2{
	background-color: rgba(252,204,4,1);
	padding:5%;
	font-size:90%;}
	
#test img{
	border:rgba(39,138,247,1) solid 2px;
	float:left;
	text-align:center;
	}
table {
	width:100%;
}

td, tr, th {
	padding:1em;
}
	

	footer{
	width:100%;
	background-color: rgba(255,255,255,0.9);
	position:fixed;
	bottom:0;
	font-size:90%;
	text-align:center;
	padding:15px 0 15px 0;
	color: rgba(102,102,102,1);
	border-top: solid rgba(153,153,153,1) 1px;
	-webkit-box-shadow: 1px -1px 10px 1px   rgba(204,204,204,1); /* WebKit */
-moz-box-shadow:  1px -1px 10px 1px   rgba(204,204,204,1); /* Firefox */
box-shadow: 1px -1px 10px 1px   rgba(204,204,204,1);}
footer a{
	padding:0 10px 0 0;
	text-decoration:none;
	color: rgba(102,102,102,1);
}
footer a:hover{
	text-decoration:none;
	color:rgba(51,51,51,1);
	}
	
header li a{
	text-decoration: none;
	color: rgba(255,255,255,1);
	padding: 0 0px 0 15px;
	float: right;
	box-sizing:border-box;
	padding:7px 30px 7px 5px;
	
}

header a:hover{
	color:#333;}

	

	
.kontakt{
	color: rgba(51,51,51,1);
	background-color: rgba(102,102,102,1);
	padding: 3% 5% 3% 5%;
	border-radius: 15px;
	box-shadow: 0 5px 5px 0 #666666;
	text-align: left;
	float: left;
}
	
.kontakt p{
	margin-left: 25px;
	color: rgba(255,255,255,1);
	font-size: 18px;
	text-align: left;
}	
	
.kontakt a{
	text-decoration: none;
	color:rgba(209,90,154,1);
	}
.kontakt a:hover{
	color: rgba(35,164,210,1);
}

ul{
	text-align:left;
	}


li {
	text-align: left;
	margin: 0;
	background-color: rgba(255,255,255,0.0);
	
	padding: 5px 5 px 5px 5px;
}

/*li:nth-of-type(2) {
	word-spacing:0px;
}

li:nth-of-type(5) {
	word-spacing:0px;
}*/

li a, .dropbtn {
	/* [disabled]font-weight:bold; */
	text-decoration: none;
	display: inline-block;
	color: rgba(21,132,243,1);
	padding: 10px 20px 5px 5px;
	text-decoration: none;
		text-align:left;

}

li a:hover, .dropdown:hover .dropbtn {
	color: #333333;
}

li.dropdown {
	display: inline-block;
	float: none;
}

.dropdown-content {
	display:none;
	position: absolute;
	background-color: rgba(255,255,255,0.9);
	opacity: 0.9;
	width:100%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
	border-radius: 0 0 10px 10px;
}

.dropdown-content a {
	color: rgba(255,153,0,1) ;
	text-decoration: none;
	text-align: left;
	display:block;
}

.dropdown-content a:hover {}

.dropdown:hover .dropdown-content {
    display: block;
}

	

	.parallax {
    /* The image used */
    background-image: url(../images/img_parallax.jpg);

    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-direkt {
    /* The image used */
    background-image: url(../images/img_parallax-direkt.jpg);

    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax-vitatrend {
    /* The image used */
    background-image: url(../images/img_parallax-vitatrend.jpg);

    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-evo {
    /* The image used */
    background-image: url(../images/img_parallax-evo.jpg);

    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-umweltplus {
    /* The image used */
    background-image: url(../images/img_parallax-umweltplus.jpg);

    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-angebote {
    /* The image used */
    background-image: url(../images/img_parallax-angebote.jpg);

    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-datenschutz {
    /* The image used 
    background-image: url(../images/img_parallax-angebote.jpg);*/

    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#aktiv{
	color:rgba(51,51,51,1);}
.karte {
		float:none;}
	

	
.navi li{
	display:block;}
	
.navi a{
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	display:block;
	float:left;
	padding:5px 0 0 25px;
	color: rgba(255,255,255,1);
	}
.navi a:hover{
	color: rgba(51,51,51,1);}
	
.inhalt{
	font-size: 16px;
	margin-left: 25px;
	border-bottom: solid 1px;
	border-bottom-color: rgba(209,90,154,1);
	margin-right: 25px;
	color: rgba(102,102,102,1);
}

.inhalt h4{
	color: rgba(204,204,204,1);
	background-color: rgba(209,90,154,1);
	padding: 5px 15px 5px 15px;
	display: inline-block;
	border-radius: 5px;
	box-shadow: 0 5px 5px 0 #666666;
	}
	
.inhalt h3{
	color: rgba(209,90,154,1);
	padding: 0 0 0 40px;
	line-height: none;
}
	
.inhalt p{
	color:rgba(51,51,51,1);
	padding: 0 0 0 40px;}

.inhalt a{
	color: rgba(209,90,154,1);
	text-decoration:none;}
	
.inhalt a:hover{
	color: rgba(35,164,210,1);
}

.inhalt li{
	color: rgba(51,51,51,1);
	float: none;
	padding:20px,0px,20px,0px;
	display:block;

}



	
.anchor{
	position:absolute; 
	top:-83px;}

	/* CSS Document */
@media screen and (max-width:700px) {

	
	table, tr, td {
		padding:0;
	}

	table {
		border:none;
	}

	thead {
		display:none;
	}

	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}

	td {
		float: left;
		width: 100%;
		padding:1em;
	}

	td::before {
		content:attr(data-label);
		
		width: 20%;
		float:left;
		padding:1em;
		margin:-1em 1em -1em -1em;
	}
}

@media screen and (max-width: 480px) {
	.fb-but{
		top: 150px;
}
.in-but{
		top: 190px;
}
	
	.willkommen img{
		max-width:250px;
		height:auto;}
	.logo{
		padding-right:0px;
		margin-right:-100px;
		font-size:90%;
		z-index:500;
		}
	.spez{
			margin:0px 20px 0 0;

		}
	
	.bea{
		margin-right:100%;
		margin-bottom:15px;}
	.ueberschrift2{
	font-size:120%;
	
	}
	.text{
	padding-top:100px;
	padding-bottom:0}
  
	.inhalt a{
		font-size:15px;}
		
	.fb {
		max-width:250px;
		height:auto;
		}
	
	.karte {
		max-width:250px;
		height:auto;
		float:none;}
		
	.inhalt img{
		max-width:200px;
		height:auto;}
		
	.navi li{
/*		margin-left:-50px;
*/		padding-top:14%;
		float:none;
		display:block;
		}
	.navi ul{
		margin-left:-0px;
		float:none;
		}
	.light img {
/*		width: 270px; 
	float: left;*/	
		margin:5px;}
	sidenav{
		max-width:80px;}
	.grau p{
		font-size:16px;}
	
	.grau h3{
		font-size:18px;}
		
	.grau a {
		display:block;
		line-height:1em;
		font-size:18px;
		}
	h3{font-size:18px;}
	
	 .img-circle {
		width: 100%; 
		height: 100%;
    }
	.anchor{
	position:absolute; 
	top:-115px;}
	footer{
/*		position:inherit;
*/			text-align:center;
}
}