/* =Nav
-------------------------------------------------------------- */
#box_navigation {
position:relative;
width:100%;
	height:auto;
	z-index:100;
	clear:both;
}

#nav-trigger {
  display: none;
  text-align: left;
  padding:5px 0 20px 10px;
  }
  
  #nav-trigger span {
    display: inline-block;
    padding: 3px 5px;
    /*background-color: #0b69a5;*/
    color: #38b428;
    cursor: pointer;
    text-transform: uppercase;
    border-left:1px dotted #38b428;
    border-right:1px dotted #38b428; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: auto;
      height: auto;
      content: ""; /* Pfeil*/
      border-left: solid 10px transparent; /* Pfeil*/
      border-top: solid 10px #38b428; /* Pfeil*/
      border-right: solid 10px transparent; } /* Pfeil*/
    #nav-trigger span:hover {
      background-color: #eceeef; }
    #nav-trigger span.open:after { /* Pfeil*/
      border-left: solid 10px transparent; /* Pfeil*/
      border-top: none; /* Pfeil*/
      border-bottom: solid 10px #38b428; /* Pfeil*/
      border-right: solid 10px transparent; } /* Pfeil*/

nav {
  /*margin-bottom: 30px;*/ }

nav#nav-main {
  padding: 0 0 0 0;
   }
  
 #nav-main ul {
    float: left;
    list-style-type: none;
    list-style: none;
    text-transform:uppercase;
    margin-left:-255px;
    padding-top: 0px;
    padding-right:60px;
}
        
 #nav-main li {
  height:auto;
  width:auto;
  padding:17px 10px 17px 270px; 
  text-align:left;
  font-weight:bold;
  font-size: 0.9em;
  color: #38b428;
  border-top:1px dotted #38b428; }
  
   #nav-main li:hover {
      background-color: #eceeef;
      
      }
      
  
   #nav-main li:last-child {
      border-bottom:1px dotted #38b428; 
      }
  
  #nav-main a {
    text-decoration: none;
    display:block;
   }
   
   #nav-main a:hover {
      background-color: #eceeef;
      /*padding:3px 0 1px 0;*/
      color: #38b428; 
      display:block;
      }
      
   

nav#nav-mobile {
  position: relative;
  display: none; 
  background:url(../media/1p_weiss.gif); 
filter:alpha(opacity=90); opacity:0.9;
  
  }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin:0;
    text-align: left;
    background-color: #fff;
    text-transform:uppercase;
    }
  nav#nav-mobile li {
    display: block;
   padding: 10px 0 10px 10px;
   margin: 0;
    border-bottom: dotted 1px #38b428; 
    }
    nav#nav-mobile li:hover {
      background-color: #eceeef;
      }
      nav#nav-mobile li:last-child {
      border-bottom: none; }
      
      
      
  nav#nav-mobile a {
    display: block;
    color: #38b428;
    /*padding: 10px 30px;*/
    text-decoration:none; 
    }
    nav#nav-mobile a:hover {
      background-color: #eceeef;
      color: #38b428; 
      }




/* =Media Queries
-------------------------------------------------------------- */
@media (min-width:768px) and (max-width: 1021px) {

.adresse {padding: 10px 30px 50px 10px; letter-spacing: 0.25em;}
.apo {width:20px;}
article img { padding: 20px 0 260px 0; float:left;}

}

 @media (max-width: 987px) {
   .logo {width:90%; padding: 10px 35px 10px 10px;}
   #bogen {max-width:89.75%; padding:0;}
    #bogen img {max-width:97%;}
    #nav-main ul {padding-right:40px;}
    article p {padding: 0 0 0 10px;}
     article img {padding: 0 0 260px 40px;}
        }
        
    
     @media (max-width: 952px) {
   .logo {width:90%; padding: 10px 0 10px 10px;}
   #bogen {max-width:90.5%; padding:0;}
    #bogen img {max-width:97%;}
        }
        
        @media (max-width: 918px) {
        .trans {
    width:1%;
    height:1%;   }
   }
    
    
     @media (max-width: 800px) {
    #bogen {max-width:95%; padding:30px 0 0 0;}
    #bogen img {max-width:97%;}
    .adresse {padding: 0 30px 50px 10px; }
   }

/* =Media Queries 2
-------------------------------------------------------------- */
@media all and (max-width: 781px) {
.galerie {padding:0 0 0 10px;
margin: 0 -10px 0 0;}
.teamname { padding:5px 0 0 10px;
  margin:0;}
.teamtext { padding:0 0 0 10px;}

article ul.team {
     padding:0 0 130px 0;
   
    }

}


@media all and (max-width: 781px) {
   #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
     
	.apo {width:15px; }
	article img { padding: 20px 0 260px 10px; }
	.adresse {padding: 0 30px 30px 10px; }
	
	}
	
	@media all and (max-width: 619px) {

       article ul.team {
     padding:0;
     margin:0 0 -70px 0;
   
    }
}

@media all and (max-width: 464px) {
article li.nextrow {
float:left;}
   }
	
	
/* =Media Queries 3
-------------------------------------------------------------- */    
@media (max-width: 380px) {
    .adresse {letter-spacing: 0.09em; }
    }
    
    
@media (max-width: 360px) {
    .adresse {padding: 0 30px 30px 10px; letter-spacing: 0.05em; }
    .apo {width:10px; }
     #bogen {max-width:99%; padding:0;}
    #bogen img {max-width:100%;}
    }