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

#head1 {
   width: 100%;
   }
#head3 {
   width: 100%;
   }

div#navigation1, div#navigation2 {
   width: 100%;
   }

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

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

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

@media all and (max-width: 780px) {
	
#head {
   position: relative;
   }

div#navigation1 {
   text-align: left;
   }
label.responsive-nav-label {
   font: bold 1rem 'Raleway', sans-serif;
   position: relative;
   display: block;
   padding: 15px;
   background: transparent;
   cursor: pointer;
   color: #96805e;
   }
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: #e0e0e0;
   }
nav ul li:hover {
   background: none;
   box-shadow: none;
}
nav ul li a {
   font-size: 16px;
}
#navigation1 .rex-article-7, #navigation1 .rex-article-8 {
   display: block;
   }
#footer {
   display: none;
   }


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

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

#susanneott {
   width: 100%;
   height: auto;
   }

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

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

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

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