@charset "UTF-8";
/* CSS Document */

/*--------------------------------- 1024 und > -----------------------------------*/
@media screen and (min-width:1024px){

ul {
    background-color: #84cd11;
    font-family: DroidSerif, serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 135%;
    margin: 0;
    padding: 10px 0;
}

ul li {
    list-style-type: none;
    padding-left: 15px;
}

.aktiv{
  font-family:DroidSerif, serif;
  font-weight:bold !important;
}
    
/*#preis{
  width:670px;
  height:auto;
  float:left;
  margin:153px 0px 10px 155px;
  padding-left:15px;
  z-index:20;
  background-color: #b8e500;
}
*/
    
#kasteneins{
  width:840px;
  height:auto;
  margin-top:5px;
  margin-left:155px;
  margin-bottom:0px;
  float:left;
  z-index:-10;
}

#kastenzwei{
  width:840px;
  height:auto;
  margin-left:155px;
  float:left;
  z-index:-10;
  margin-top:0px;
  margin-bottom:0px;
}  

#kastendreivier{
width: 840px;
height: auto;
margin-left: 155px;
float: left;
z-index: -10;
margin-bottom: 10px;
margin-top: 0px;
}
  
#kastenfuenf{
  width:840px;
  height:auto;
  margin-left:155px;
  float:left;
  z-index:-10;
 margin-bottom: 0px;
 margin-top: 10px;
}


#kastensechssieben{
 width: 840px;
  height:auto;
  margin-left:155px;
  float:left;
  z-index:-10;
  margin-bottom: 10px;
  margin-top: 10px;
}

#kastenacht{
  width:840px;
  height:auto;
  margin-left:155px;
  margin-top:5px;
  float:left;
  z-index:-10;
  margin-bottom: 0px;
  margin-top: 0px;
}

#kastenneun{
  width:840px;
  height:auto;
  margin-left:155px;
  float:left;
  z-index:-10;
 margin-bottom: 0px;
 margin-top: 10px;
}  

#kastenzehn{
  width:840px;
  height:auto;
  float:left;
  z-index:-10;
  padding-top:5px;
}  

#kasteneins h1, #kastenzwei h1, #kastendreivier h1, #kastensechssieben h1{
  margin-top:10px;
}
    
#kastenneun h2, #kastenzehn h2{
  margin-top:10px;
}
/*
h1{
  font-size:1.125px;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
}  
*/
    
p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
}
  
img{
  border:0px;
}

.projekteins{
  background-color:#c5e793;
  width:280px;
  z-index:-10;
  float: right;
  margin-top:0px;
}



.bildeins{
   background-color: #c5e793;
   height: auto;
   padding: 15px 0px 10px 15px;
   width: 670px;
   z-index: 50;
   margin-right:10px;
  margin-bottom:10px;
}

.proeins{
  background-color:#c5e793;
  width:140px;
  height:auto;
  margin-top:-5px;
  z-index:-10;
  margin-left:-0.5px;
}

.projekteins p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  z-index:-10;
  width:250px;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}


.bildzwei img{
  width:auto;
  height:auto;
}

.bildzwei{
  background-color:#B8E500;
  width:670px;
  height:auto;
  padding:15px 0px 10px 15px;
  float:left;
  z-index:50;
  margin-bottom:10px;
  margin-right:10px;
 }

.projektzwei{
    background-color:#B8E500;
    width:280px;
    height:auto;
    z-index:-10;
    float:left;
}


.prozwei{
  width:140px;
  height:auto;
  background-color:#b8e500;
  z-index:-10;
  margin-left:-0.5px;
}

.projektzwei p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  z-index:-10;
  width:250px;
}
 
.bilddrei{
  background-color:#84cd11;
    height: auto;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-top: 0;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-top: 15px;
    width: 320px;
    z-index: 50;
}

.projektdrei{
  width:305px;
  height:auto;
  background-color:#84cd11;
  z-index:-10;
  float:left;
  margin-right:5px;
}

.prodrei{
   background-color:#84cd11;
  width: 140px;
  margin-left: 10px;
  margin-right: 0px;
  height: auto;
  z-index: -10;
  margin-bottom: 10px;
}


.projektdrei p {
   font-size:1rem;
   line-height:135%;
   font-family:DroidSerif, serif;
   font-weight: normal;
    width: 301px;
    z-index: -10;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.bilddrei img {
    float: right;
    height: auto;
    margin-bottom: 15px;
    margin-right: 15px;
    width: auto;
}

.bildvier{
    background-color:#c5e793;
    float: left;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 15px;
    padding-top: 15px;
    width: 320px;
    z-index: 50;
    padding-bottom:4px;
}

.projektvier{
  width:305px;
  height:auto;
  background-color:#c5e793;
  z-index:-10;
}

.provier{
   background-color:#c5e793;
    height: auto;
    margin-left: 695px;
    margin-top: -310px;
    width: 140px;
    z-index: -10;
}

.projektvier {
    font-size:1rem;
    line-height:135%;
    font-family:DroidSerif, serif;
    font-weight: normal;
    width: 305px;
    z-index: -10;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.bildvier img {
    float: right;
    height: auto;
    margin-bottom: 15px;
    margin-right: 15px;
    width: auto;
}

.bildfuenf{
 background-color:#b8e500;
 width:670px;
 height:auto;
 padding:3px 0px 0px 15px;
 float:left;
 z-index:50;
 margin-top:-10px;
 margin-right:10px;
}

.projektfuenf{
  background-color:#b8e500;
  width:280px;
  z-index:-10;
  padding-top:10px;
    float: right;
}

.profuenf{
    background-color: #b8e500;
    float: left;
    height: auto;
    margin-top:-10px;
    width: 140px;
    margin-left:0px;
    z-index: -10;
}

.bildfuenf img {
  float:left;
  margin-right:15px;
  margin-bottom:15px;
  width:auto;
  height:auto;
  padding-top:15px;
}


.projektfuenf{
  background-color:#b8e500;
  width:260px;
  float:right;
  z-index:-10;
}

.profuenf{
  background-color:#b8e500;
  height:auto;
  width:140px;
  z-index:-10;
  float:left;
}



.projektfuenf p{
  font-size:13.5px;
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  z-index:-10;
  width:250px;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.bildsechs{
  background-color:#c5e793;
    height: auto;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-top: 0;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-top: 15px;
    width: 320px;
    z-index: 50;
}

.projektsechs{
  width:305px;
  height:auto;
  background-color:#c5e793;
  z-index:-10;
  float:left;
  margin-right:5px;
}

.prosechs{
   background-color:#c5e793;
  width: 140px;
  margin-left: 10px;
  margin-right: 0px;
  height: auto;
  z-index: -10;
  margin-bottom: 1px;
  margin-top: 0px;
}


.projektsechs p {
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
    font-weight: normal;
    width: 301px;
    z-index: -10;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.bildsechs img {
    float: right;
    height: auto;
    margin-bottom: 15px;
    margin-right: 15px;
    width: auto;
}

.bildsieben{
  background-color:#84cd11;
    float: left;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 15px;
    padding-top: 15px;
    width: 320px;
    z-index: 50;
    padding-bottom:4px;
}

.projektsieben{
  width:305px;
  height:auto;
  background-color:#84cd11;
  z-index:-10;
}

.prosieben{
  background-color:#84cd11;
      height: auto;
    margin-left: 695px;
    margin-top: -330px;
    width: 140px;
    z-index: -10;
}

.projektsieben p {
    font-size:1rem;
    line-height:135%;
    font-family:DroidSerif, serif;
    font-weight: normal;
    width: 295px;
    z-index: -10;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.bildsieben img {
    float: right;
    height: auto;
    margin-bottom: 15px;
    margin-right: 15px;
    width: auto;
}


.bildacht{
  background-color:#B8E500;
  width:670px;
  height:auto;
  padding:15px 0px 10px 15px;
  float:left;
  z-index:50;
  margin-bottom:10px;
  margin-right:10px;
}


.projektacht{
    background-color:#b8e500;
    width:280px;
    height:auto;
    z-index:-10;
    float:left;
}

.proacht{
  width:140px;
  height:auto;
  background-color:#b8e500;
  z-index:-10;
  margin-left:-0.5px;
}


.projektacht p {
    font-size:1rem;
    line-height:135%;
    font-family:DroidSerif, serif;
    font-weight: normal;
    width: 250px;
    z-index: -10;
}

.bildacht img {
    /*float: right; wegen css 480*/
    float: right;
    height: auto;
    margin-bottom: 5px;
    margin-right: 15px;
    width: auto;
}

   
    
 .projektneun{
  background-color:#38a099;
  width:280px;
  z-index:-10;
  float: right;
  margin-top:0px;
}



.bildneun{
   background-color:#38a099;
   height: auto;
   padding: 15px 0px 10px 15px;
   width: 670px;
   z-index: 50;
   margin-right:10px;
  margin-bottom:10px;
}

.proneun{
  background-color:#38a099;
  width:140px;
  height:auto;
  z-index:-10;
  margin-left:-0.5px;
}

.projektneun p{
  font-size:1 rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  z-index:-10;
  width:250px;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

   
    
 .projektzehn{
  background-color:#b8e500;;
  width:280px;
  z-index:-10;
  float: right;
  margin-top:0px;
}



.bildzehn{
   background-color:#b8e500;
   height: auto;
   padding: 15px 0px 10px 15px;
   width: 670px;
   z-index: 50;
   margin-right:10px;
  margin-bottom:10px;
}

.prozehn{
  background-color:#b8e500;
  width:140px;
  height:auto;
  z-index:-10;
    }

.projektzehn p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  z-index:-10;
  width:250px;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

    
    
    
.head{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:bold;
  color:#000;
}

.doku{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
}

.proeins p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.proeins a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.proeins a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}

.prozwei p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.prozwei a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.prozwei a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}

.prodrei p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.prodrei a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.prodrei a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.02em solid #000;
}


.provier p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.provier a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.provier a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}

.profuenf p{
  font-size:13.5px;
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.profuenf a{
  font-size:13.5px;
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.profuenf a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}

.prosechs p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.prosechs a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.prosechs a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}

.prosieben p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.prosieben a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.prosieben a:hover{
  font-size:13.5px;
  line-height:130%;
  font-family:DroidSerif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}

.proacht p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.proacht a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.proacht a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}

.proneun p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.proneun a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.proneun a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}

    .prozehn p{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  padding-left:10px;  
  margin-bottom:10px;
  margin-top:10px;
}

.prozehn a{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  color:#000;
  text-decoration:none;
}

.prozehn a:hover{
  font-size:1rem;
  line-height:135%;
  font-family:DroidSerif, serif;
  font-weight:normal;
  text-decoration:none;
  border-bottom:0.05em solid #000;
}


}