@media only screen and (max-width: 1200px){
 #container a.pics:hover span {display:none;
}

         #cont1 a.picss:hover span {display:none;}
         #werbung_mit_beute_ableger{display:none;}
         #werbung_mit_beute{display:none;}

         .rechteck4 {left: -10000px;}
         .rechteck3 {left: -10000px;}
         .rechteck2 {left: -10000px;}
         .info1 {left: -10000px;}
         .info2 {left: -10000px;}

.werbung_a {
         top: -10000px;
}
.werbung_im_kopf_a{
         top: -10000px;
}
.werbung_a_außen {
         top: -10000px;
}
.grosse-bilder-links{
         top: -10000px;
}

body {

         background-color: #f7f7f7;

         font-size: 16px;
         color: #0B3B0B;
         line-height: 160%;
         /*font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
         font-family: 'Comic Sans MS',sans-serif;
         */
}

.header_kopf {
                     /*Hintergrundfarbe */
         top: 0px;                         /*Abstand zum oberenen Ende der Seite */
         opacity: 1.0;                     /*durchsichtig, auch das Bild */
         position: fixed;
         left: 1.0%;
         right: 0.5;
         width: 98%;
         height: 100px;
         border: 0px solid red;
         z-index: 1;
}
.rpw-blumenwiese{
         margin-left: 100px;
         margin-top: -14px;
         border-bottom: 0px solid red;
         width: 260px;
         height: 50px;
         animation: textwelle2 5s;
         z-index: 1;
}
.honig{
         padding-top: 100px;
         margin-top:-45px;

}

.wrapper1 {
         display: flex;
         background: #0f0f0f0;
         font-family: 'Comic Sans MS',sans-serif;
         width: 99%;
         margin-bottom: 20px;
         padding-right: 0%;
         border-bottom : 2px red solid;
         border : 0px red solid;
         z-index:1;
}

.rpw-bild{

         height: 50px;
         border-bottom: 0px solid red;
         margin-left: 1%;
         margin-top: 10px;
         margin-bottom: 1%;
         z-index: 3;
}
.img{
         width: 100%;
         height: auto;
         border-radius: 8px;            /* alle Bilder haben runde Ecken  */
}

.bild-position{
         display: flex;
         justify-content: center;
         align-items: center;
         border-radius: 6px 6px 6px 6px;
         width: 100%;
         bottom: 0px;
         margin-top: auto;
         margin-right: 10px;
         margin-left: 0px;
         padding: 0px;
         border: 0px silver solid;
}
.bild-text{
         position: relative;
         font-family: 'Comic Sans MS',sans-serif;
         border: 0px red solid;
         font-size: 14px;
         font-weight: 600;
         width: 300px;
         left: 0px;
         bottom: 0px;
         line-height: 120%; /* Schrift dicker oder dünner  */
         text-align: center;
         float: left;
         margin-top: 10px;
         margin-right: 20px;
         padding: 0px;

}
.text-breite{

         border: 0px solid blue;
         width: 98%;
         padding-left: 1%;
         padding-right: 1%;

}

.h2_mittig {
         font-family: 'Comic Sans MS',sans-serif;
         text-align: center;
         width: 100%;
         font-size: 1.0em;
         line-height: 120%;
         margin-top:0px;
         border: 0px black solid;

         }

.h3_mittig {
         font-family: 'Comic Sans MS',sans-serif;
         color: #0B3B0B;
         text-align: center;
         line-height: 120%;
         font-size: 1.8em;
         width: 100%;
         padding-top:1%;
         vertical-align: middle;
         margin-top:-30px;
         border: 1px black solid;
         background-color: blue;
         }

.h4_mittig {
         font-family: 'Comic Sans MS',sans-serif;
         width: 100%;
         color: #0B3B0B;
         text-align: center;
         font-size: 1.2em;
         padding-top:1em;
         vertical-align: middle;
         margin-top:-30px;
         }






nav::before{
         display: flex;
         align-items: center;
         justify-content: center;
         content: "Navi";
         font-size: 20px;
         float: left;
         list-style: none;
         transition: 0.5s;
         margin-top: 40px;
         width: 100px;
         height: 30px;

         border: 1px solid #6A2E2E;
         background: #D9C4AA;
         border-radius: 5px;

         }
nav {
         text-align: center;
         font-size: 20px;
         float: left;
         list-style: none;
         transition: 0.5s;
         width: 100px;
         height: 30px;
         top: -2.5%;
         margin-left:4.5%;
         margin-top: 80px;
         border: 0px solid #6A2E2E;
                  background: red;
         }


nav ul li {
         display: block
              /* verhindert dass es eine blaue Unterlegung gibt */
         position: relative;                            /* block */
         opacity: 1.0;
         font-size: 12px;
         padding: 6px 0px 0px 5px;
         float: left;
         margin-right: 0px;
         margin-bottom: 0px;
         margin-top: 1000px;
         padding-left: -250px;                               /* margin-left, Abstand zwischen den Button's  */
         transition: 0.5s;
         width: 150px;
         height: 70px;
         left: -10px;
         border: 0px solid #6A2E2E;                        /* Border um das einzelne Button */
         border-width:4px 1px 4px 1px;                     /* Border wird aufgehoben mit > um das einzelne Button
         background:  #dcdcdc;                             /*#D9C4AA;*/
         border-radius: 5px 5px 5px 5px;                   /* Diese 2 Zeilen sind für die waagerechte mittigkeit  */
         align-items: center;
         justify-content: center;
;

        /*   inline bewirkt, daß das gesamte menü klicktbar ist und nicht nur den Text */
}
nav ul ul li {

         width: 200px;
         padding-left: -250px;
         top: 150px;
         }
nav ul ul ul li {
         width: 200px;
         margin-left: 100px;
         }
nav ul ul ul ul li {
         width: 200px;
         margin-left: 50px;
         }

nav ul li{
         display: none;
         }

nav:hover ul li{                    /* formatiert die 1te Ebene *** muss aber nicht sein **** */
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 18px;
         left: -106px;
         top: 63px;
         margin-top: 0px;
         margin-left: 60px;
         width: 180px;
         height: 30px;
         border: 1px solid #6A2E2E;
         border-bottom: 3px solid #E83845;
         background: #FFCE30;
         }

nav ul :hover li{                  /* formatiert die 2te Ebene *** muss aber nicht sein **** */
         display: flex;
         align-items: center;
         justify-content: center;
         font-size:16px;
         top: 0px;
         width: 180px;
         height: 30px;
         left: -158px;
         margin-top: 0px;
         margin-left: 50px;
         border:1px solid #000;
         border-width:3px 1px 3px 1px;
         border-bottom: 1px solid #6A2E2E;
         background: #cdc673;
         }

nav ul ul :hover li{                /* formatiert die 3te Ebene *** muss aber nicht sein **** */
         display: flex;
         align-items: center;
         justify-content: center;
         top: -5px;
         width: 180px;
         left: -220px;
         margin-top: 0px;
         margin-left: 100px;
         border:1px solid #6A2E2E;
         border-width:3px 1px 3px 1px;
         border-bottom: 3px solid #6A2E2E;
         background: #9acd32;
         }

nav ul ul ul :hover li{                /* formatiert die 4te Ebene *** muss aber nicht sein **** */
         display: flex;
         align-items: center;
         justify-content: center;
         top: -5px;
         width: 180px;
         left: 0px;
         margin-top: 0px;
         margin-left: -350px;
         border:1px solid #6A2E2E;
         border-width:3px 1px 3px 1px;
         border-bottom: 3px solid #6A2E2E;
         background: #fff;
         }


}