@charset "UTF-8";
@import url(../fonts/opensans/stylesheet.css); 
/* CSS Document */

/* Allgemeines 
==================================================*/
* { padding: 0; margin: 0; }

html {font-size: 62.5%;
}
	
img {
    border-style: none;
	width:100%;
}

li{
	list-style:none;
}


		body {
	font-family:'open_sansregular';
	font-weight: normal;
	background-color: #e0e93e;
	color: #000;
	text-align: left;
	padding-bottom: 20px;
	font-size: 1.4em;
		}
		


p{			
	font-family:'open_sansregular';
	font-size : 120%;
	color: #000;
	margin: 10px 0;
    padding: 20px 5% 10px 5%;


}

strong{
	font-weight: 400;
	color: #000;
}





a {
	font-family:'open_sansregular';
    text-decoration: none;
    color: #000;
	}

.active {
	text-decoration:underline;
    color: #000;
	}

a:hover, a:focus, a:active{	
		color: #000;
    text-decoration:underline;
}
	

	


.textcontent{
	background-color: #e0e93e;
	color: #000;
	clear:both;
	padding: 20px;
	}
	

.textcontent a:link, .textcontent a:visited{
color: #000;}

.textcontent-preise a:link, .textcontent a:visited{
color: #000;}

.textcontent a:hover, a:focus{
		color: #000;
    text-decoration:underline;
}

	
.textcontent p{
    font-family:'open_sansregular';
	color: #000;
    max-width: 450px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.6rem;
    padding: 20px 5% 10px 5%;


	}
	


.textcontent h1{
	font-family:'open_sansregular';
	color: #000;
	font-size : 240%;
	font-weight: bold;
    padding: 20px 5% 10px 5%;
	line-height: 100%;
	text-align: left;
}


.textcontent h2{
	font-family:'open_sansregular';
	color: #000;
	font-size : 180%;
	font-weight: normal;
    padding: 20px 5% 10px 5%;
	text-align:left;
	font-style: normal;
}
.textcontent h3{
	font-family:'open_sansregular';
	color: #000;
	font-size : 180%;
	font-weight: normal;
    padding: 20px 5% 10px 5%;
	text-align:left;
	font-style: normal;
}

/*Boxen
==================================================*/
#container{
    margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1500px;
	}
	

	
.content{
	position: relative;
	padding: 0 3%;
	}	
	
.content p{
	max-width: 600px;
	}	
	
.content a:link, .content a:visited{
	color: rgb(135, 142, 129);
	}	
.content a:hover, .content a:focus{
    color: #000;
    text-decoration:underline;
	}

	


		
/*Footer
========================================================*/	
#footer{

   font-family:'open_sansregular';
    margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1500px;
	clear: both;
	font-weight: normal;
	background-color: #e0e93e;
    padding: 20px 10px 10px 10px;

	}



.footer p{
    
	color: #000;
    max-width: 450px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.6rem;
    padding: 20px 5% 10px 5%;
	}
	

	
#footer a:link, #footer a:visited{	    
   /*color: #678A17;*/
	color: #000;
	}	
	
#footer a:hover, #footer a:focus{	    
	color: #000;
	text-decoration:underline;
	font-weight: normal;	
	}	

.clear{
	clear: both;
	}
	
/




@media screen and (min-width: 320px) and (max-width: 640px) {
	
   /* back to top
=================================================*/

.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}


.cd-top {
	display: inline-block;
	height: 34px;
	width: 34px;
	position: fixed;
	bottom: 50px;
	right: 30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: no-repeat center 50%;
		background-color: transparent;
	background-image: url(bilder/oben.png);
	background-size: 77%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	border-radius: 25px;
	padding: 3px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

	-webkit-transform: scale(1);
	-webkit-transition: 0.2s ease-in-out; 
	-moz-transform: scale(1);
	-moz-transition: 0.2s ease-in-out; 
	transform: scale(1);
	transition: 0.2s ease-in-out;

}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
 	border-radius: 25px;
    padding: 3px;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
 	-webkit-transform: scale(1.13);	
 	-moz-transform: scale(1.13);
	transform: scale(1.13);
	 opacity: 1;
}
 
    
}

@media screen and (min-width: 640px) {
	
	body {	
	font-size: 1.5rem;
	}
    
    .textcontent p{
    font-family:'open_sansregular';
	color: #000;
    
    padding: 20px 5% 10px 5%;

	}
    
    h1{
	font-size: 30px;
    font-weight: 300;

    padding: 20px 5% 10px 5%;

}
	
h2 {	
	font-size: 28px;
    font-weight: 300;

    padding: 20px 5% 10px 5%;

	}
	
	 h3{	
	font-size: 18px;
    font-weight: 300;
    padding: 20px 5% 10px 5%;
}
	}


header {
	position: absolute;
	height:50px;
	width:100%;
	padding: 30px 0 0 0;
	z-index: 300;
	background-color: rgba(224, 233, 62, 0.9);
	top: 0;
}

.headerscrollfix{
	position: fixed;
	height: 27px;
	background-color: rgba(224, 233, 62, 0.9);
    transition: height 0.5s ease-in-out;
	z-index: 300;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #ddd;
	max-width: 1500px;
	}




.textcontent {
    padding: 20px 5% 10px 5%;

	}
	
.textcontent p{

	padding: 20px 5% 10px 5%;
	max-width: 600px;
    color:#000;
	}
	

		
		
#leistungen .clear {
    margin: 0 0 0 5%;
}



/*content 
========================================================*/
	


.content {
    margin: 0 5%;	
	padding: 0;
	min-height: 350px;
	}







 
/*Footer	
==================================================*/

#footer{

   margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1500px;
	clear: both;
		font-family:'open_sansregular';
	font-weight: normal;
	background-color: #e0e93e;
    padding: 20px 10px 10px 10px;

	}

	
#footer p {
    float: left;
    
	font-size: 1.3rem;
	line-height: 1.9rem;
    padding: 20px 5% 10px 5%;

}



.clear{
	margin: 0 0 0 5%;
	padding: 10px 0 0 0;
	}
	
	

.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}


.cd-top {
	display: inline-block;
	height: 34px;
	width: 34px;
	position: fixed;
	bottom: 50px;
	right: 30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: no-repeat center 50%;
		background-color: transparent;
	background-image: url(bilder/oben.png);
	background-size: 77%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	border-radius: 25px;
	padding: 3px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

	-webkit-transform: scale(1);
	-webkit-transition: 0.2s ease-in-out; 
	-moz-transform: scale(1);
	-moz-transition: 0.2s ease-in-out; 
	transform: scale(1);
	transition: 0.2s ease-in-out;

}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
 	border-radius: 25px;
    padding: 3px;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
 	-webkit-transform: scale(1.13);	
 	-moz-transform: scale(1.13);
	transform: scale(1.13);
	 opacity: 1;
}


	


@media only screen and (min-width: 850px) {
/*leistungen
========================================================*/


	
.textcontent p{
	max-width:80%;
    padding: 20px 5% 10px 5%;
	margin: 0;
    color: #000;
	background-color: #e0e93e;

	}
    
    .textcontent h1{
    padding: 20px 5% 10px 5%;

	margin: 0;

	}
	
    
    .textcontent h2{
    padding: 20px 5% 10px 5%;

	margin: 0;
	}
    
      .textcontent h3{
    padding: 20px 5% 10px 5%;

	margin: 0;
	}
    

#leistungen .footerbox{
	margin: 0 0 0 28.7%;
	}

#leistungen .clear {
    margin: 0 0 0 28.7%;
}
.startbuttonbox li {
    width: 22%;
    margin: 0 3% 40px 0;
	height: auto;
}



	
}
	

@media only screen and (min-width: 960px) {

	
.content {
	padding: 130px 3% 35px 0;
    margin: 0 0 0 35%;
    max-width: 750px;
	}




/*footer
========================================================*/
 

	
.clear{
	margin: 0;
	}	
}