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

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

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

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

#navigation1 ul li a {
   padding: 7px 14px;
   }

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

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

#title {
   padding: 0 40px;
   width: 100%
   }

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

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

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

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

div#navigation1 {
   text-align: left;
   }
label.responsive-nav-label {
   font: bold 1em/100% "Open Sans", sans-serif;
   position: relative;
   display: block;
   padding: 15px;
   /* background: #dd280f; */
   background: #6e8aa0;
   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: #dd280f; */
   background: #6e8aa0;
   }
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;
}

/* -- Formular -- */

form {
   width: 100%;
   }
#rex-xform ul.form_warning {
   width: calc(100% - 40px);
   margin: 20px;
   position: absolute;
   top: 0;
   left: 0;
   background: #fff;
   border-bottom: 20px solid #fff;
   }
#rex-xform ul.form_warning li {
   color: #dd0000;
   }

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


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

h1 {
   font-size: 28px;
   line-height: 30px;
   }

small#h1sub {
   font-size: 17px;
   line-height: 21px;
   }

div.floatLeft, div.floatRight, div.zweidrittel {
   float: none;
   width: 100%;
   margin-left:0;
   margin-bottom:10px;
   }

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