@media all and (max-width: 1200px) {

#navigation1 ul li a {
   font-size: 14px;
   padding: 12px 14px;
   }

} /*Klammer der Media Queries wird zugemacht! */

/* ----------------- Jetzt: Navigation! ----------------------- */

@media all and (max-width: 1040px) {

#inhalt, #footer2text {
   width: 100%;
   }

div#navigation1 {
   text-align: left;
   }
label.responsive-nav-label {
   font: bold 1em/100% "Open Sans", sans-serif;
   position: relative;
   display: block;
   padding: 15px;
   background: #0a3919; /* Farbe 1 */
   cursor: pointer;
   color: #fff;
   }
label.responsive-nav-label span {
   margin-right: 10px;
}
div#navi {
    text-align: left;
}
nav {
   position: absolute;
   top: -9999px;
}
input#responsive-nav[type=checkbox]:checked ~ nav {
   position: relative;
   top: 0;
}
nav ul {
   width: 100%;
}
nav ul li {
   border-top: 1px solid #fff;
}
nav li {
   float: none !important;
   width: 100% !important;
}
nav li a {
   padding: 12px 40px !important;
   background: #0a3919; /* Farbe 1 */
   }
nav ul li:hover {
   background: none;
   box-shadow: none;
}
nav ul li a {
   font-size: 16px;
}
nav ul li a:hover {
   background: #b2351f;
   box-shadow: none;
   }
nav ul ul {
   position: relative !important;
   width: 100%;
   left: 0 !important;
   top: 0 !important;
   background: none !important;
   box-shadow: none;
}
nav ul ul li a {
   font-size: 14px;
}

/* -- Floats ---- */

.left, .right {
   float: none;
   width: 100%;
   margin-left: 0;
   margin-right: 0;
   }
      
} /*Klammer der Media Queries wird zugemacht! */


@media all and (max-width: 860px) {

#logo {
   padding: 0;
   width: 100%
   }
   
.leftportrait, .rightportrait {
   width: 130px;
   }   

} /*Klammer der Media Queries wird zugemacht! */