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

#navigation1 {
   padding: 4%;
   }

#navigation1 ul li a {
   font-size: 16px;
   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: 920px) {
	
#navigation1 {
   padding: 3%;
   }

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

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

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

.inhalt, #footer2text {
   width: 100%;
   padding: 40px 10%;
   }
   
.start {
   padding: 40px 0;
   }  

.blassblau, .weiss {
    margin: 70px 0 0;
    border: 1px solid #552f25;
    padding: 20px 10% 40px;
}


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

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

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

#logo {
   float: none;
   width: 100%;
   padding: 3% 4% 0 4%;
   }
div#navigation1 {
   text-align: left;
   }
#navigation1 .rex-article-1 {
   display: inline;
   }   
   
label.responsive-nav-label {
   font: bold 1em/100% "Open Sans", sans-serif;
   position: relative;
   display: block;
   padding: 15px;
   background: #bc8872;
   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: #bc8872;
   }
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;
}

.full h1, .full h2 {
   padding: 0 5%;
   }

.start {
   padding: 30px 0;
   }

#footer2text {
   padding: 30px 10%;
   }

h1 {   
   font-size: 2em;   
   }
   
.blassblau h4 a, .weiss h4 a {
   padding: 12px;
   }

.floatLeft img, .floatRight img {
   float: none;
   width: 100%;
   margin: 6% 0 2% 0;
   }
   
.text-container {
   width: 100%;
   }   

img#bafm, img#qvm { height: 21px;
   width: auto;
   float: none;
   margin: 0 0 1px 0;
   vertical-align: middle;
   }  
   
.floatLeft p {
   margin-left: 0;	
   }
.floatRight p {
   margin-right: 0;	
   }

/* -- 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! */