/* @media only screen and (max-width: 480px) { */       /*####### FÜR HANDY ###########*/

    @media (max-width: 800px) and  (orientation:portrait) {             /*####### DEUBG #######*/
    :root{
            --font-size_ueberschrift: 28pt;
            --font-size_ueberschrift_sub: 20pt;
            --font-size_menu: 28pt;
            --font-size_header: 16pt;
            --font-size_txt: 14pt;
            --font-size_footer: 10pt;
            --font-size_gallery_but: 48pt;
        }


    body{   
        width: auto;
	    margin:0;
        box-sizing: border-box;
    }

    
hr {
    margin-top:5vw;
    margin-bottom:5vw;
  }



    body #div_main {
    /*  overflow: auto; */
        background-color: var(--color_sec);
        color: var(--color_txt);
        display: grid;   
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0;
        box-sizing: border-box;
        padding:5vw;
    }

        body #div_start,
        body #div_ausstattung,
        body #div_lage,
        body #div_zallnerhof,
        body #div_preise,
        body #div_freizeit,
        body #div_plan,
        body #div_kontakt
        body #div_header,
        body #div_footer    
        {
            width:99%;
            box-sizing: border-box;
        }

        body .ul_ausstattung{
            list-style-type: disc;
            list-style-position: outside;
        }


        body #div_header {
            visibility:visible;
            height:6vw;
            width:100%;
            grid-template-columns: 100%;
            grid-template-rows:32px;
            
        }

        #div_header_img{
            width:15vw;
            height:auto;
            top:0vw;
            left:7vw;
        }

        body #div_menu_burgerbutton{
            visibility: visible;
            transition:box-shadow 0.3s ease;
        }

        #div_menu_burgerbutton.active{
            box-shadow: none;
        }
    
        /* Menü des Burgerbuttons */
        body #ul_menu{
            display:block;
            padding:7vw 2vw;
            /* visibility: hidden; */
            background-color:var(--color_burgerbg);
            box-shadow: -4px 4px 4px 1px rgba(0,0,0,0.2);
            position:fixed;
            overflow:visible;
            z-index:1003;
            font-size:var(--font-size_menu);
            width:100%;
            top:-600px;  
            transition: top 0.3s ease;
            justify-items: center;
        }

        body #ul_menu.active{
            top:0px
        }

        body .li_menu_item{
            float:none;
            text-align:center;
            border-bottom:1px dashed var(--color_burgerfg);
            width:66%;
        }

 /*        body .li_menu_item:hover{
            background-color:var(--color_qua);
        } */

        /* ##############################  GRID ANORDNUNGEN   ##############################*/
        
        body .div_grid_1{grid-row:1;}
        body .div_grid_2{grid-row:2;}
        body .div_grid_3{grid-row:3;}
        body .div_grid_4{grid-row:4;}
        body .div_grid_5{grid-row:5;}
        body .div_grid_6{grid-row:6;}
        body .div_grid_7{grid-row:7;}
        body .div_grid_8{grid-row:8;}
        body .div_grid_9{grid-row:9;}
        body .div_grid_10{grid-row:10;}
        body .div_grid_11{grid-row:11;}
        body .div_grid_12{grid-row:12;}
        body .div_grid_13{grid-row:13;}
        body .div_grid_14{grid-row:14;}
        body .div_grid_15{grid-row:15;}



        /* ##############################  GALLERY   ##############################*/
        body #div_gallery_grid{
            grid-template-columns: 10vw auto 10vw;
            grid-template-rows:10vw auto 10vw 10vw;
            height:100%;
            width:100%;
        }
        
        body #div_gallery_img{
            display:flex;
            justify-content: center;
            align-items: center;
            visibility: hidden;
            grid-column:2;
            grid-row:2/3;
            width:100%;
            height:100%;
        }

        body #img_gallery{
            max-height:67vw;
            max-width:75vw;
        }

        body #div_gallery_close{
            height: 10vw;
            width: 10vw;
            font-size:7vw;
        }

        body #div_gallery_prev:hover,
        body #div_gallery_next:hover,
        body #div_gallery_close:hover{
            background-color: var(--font-color_gallery_ui);
            color: var(--bg-color_gallery);
            opacity: 0.2;
        }


        /* ##############################  START   ##############################*/

   /*      body #img_start{visibility: hidden;} */
        body #div_start{
            margin-top:10%;
        }

        /* ##############################  AUSSTATTUNG   ##############################*/
        body #div_ausstattung{
            grid-template-columns: 1fr;
        }

        body #div_ausstattung_h{
            grid-column: 1;
        }

        body #div_ausstattung_ul_left, #div_ausstattung_ul_right{text-align:left;
            align-self: normal;
        }
        
        body #div_ausstattung_txt_heiz{
            margin-top:6vw;
            grid-row:14;
            grid-column:1;
        }

        /* ##############################  LAGE   ##############################*/

        body #div_lage{
            grid-template-columns: 1fr;
            grid-gap: 10vw;
        }
        body #div_lage_h{grid-column: 1;}
        body #div_lage_txt_map{grid-column:1;}
        body #iframe_map{
            width:100%;
            height:40vw;
            border:0;
            grid-column:1;
        }

        body #div_lage_txt_left,
        body #div_lage_txt_right,
        body #div_lage_txt_map{
            text-align:left;
        }

        /* ##############################  PREISE   ##############################*/

        body #div_preise{   grid-template-columns: 1fr;}
        body #div_preise_h{ grid-column: 1;}


        /* ##############################  ZALLNERHOF   ##############################*/
        body #div_zallnerhof{    grid-template-columns: 1r;}
        body #div_zallnerhof_h{  grid-column: 1;}
        body #div_zallnerhof_txt{grid-column: 1;}


        /* ##############################  BELEGUNGSPLAN   ##############################*/
        #div_plan_iframe{
            height:100vw;
        }

    }