/*@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    html {
      transform: rotate(-90deg);
      transform-origin: left top;
      width: 100dvh;
      height: 100dvw;
      overflow-x: hidden;
      position: absolute;
      top: 100%;
      left: 0;
    }
}*/
:root{
    /*--default-line-height:1.05rem;
    --default-font-size:.9rem;*/
    --default-line-height:1.4rem;
    --default-font-size:1.1rem;
}    
.mobileonly{display:inherit}
.nomobile{display:none !important}
#hamburgernavcontent #hamburgernavmenu li{font-size:1rem;padding:.25rem 1rem .25rem 1rem;}
#mainmenu_icon_small_tooltip{display:none !important}
#ffnet_header{width:100%}
#ffnet_header_logo{text-align:left}
#ffnet_header_wrapper{z-index:9}
#ffnet_main_wrapper{height:100% !important;z-index:10}
#ffnet_main{padding:1rem 1rem;}
#boxicon{display:none}
#boxicon_mobile{display:inherit}
#ffnet_main #boxcontents{z-index:2}

#ffnet_main #boxicon_mobile img{padding:.5rem}
/*#ffnet_main #boxicon_mobile img.boxhome-shake{border-radius:5rem;box-shadow:5px 5px 10px var(--standardgelb-dunkel)}*/
#ffnet_main #boxicon_mobile img.boxhome-shake{border-radius:10rem}
#ffnet_main #boxmenu_mobile_wrapper{margin-left:0}
#ffnet_main #boxmenu_left_wrapper{display:none}
#ffnet_main #boxmenu_mobile{box-shadow:5px 5px 10px var(--standardgelb-dunkel);}
#ffnet_main .textbox-image-container:hover, #ffnet_main .textbox-image-container.expanded{max-height:100%;max-width:100%;margin-left:0}
select#id_fishfacts{width:100%;}
.fishfacts-image{margin-right:1.5rem !important}
button#submitcontact,button#submitlogin,button#submitlogout,button#submitally{float:inherit !important;display:block !important;text-align:center;position:relative !important;margin:2.5rem auto 3.5rem auto !important}
.afterform{margin-right:0 !important}
@media screen and (orientation:landscape){
    #ffnet_header,#ffnet_header_wrapper,#ffnet_header_logo_img{max-height:60px}
    #ffnet_start{height:100dvh;}
    #mainmenu_svg{height:100dvh;width:calc(100dvh * 1.33);margin-top:-60px}
    #ffnet_startmenu_wrapper{z-index:10;width:fit-content;left:50%;transform:translateX(-50%)}

    #ffnet_main #boxmenu_mobile_wrapper{z-index:12;display:inherit;}
    #ffnet_main #boxmenu_mobile{margin-left:-10rem;transition:all .75s ease-in-out;opacity:0;visibility:hidden;position:absolute;left:1rem;display:inherit;top:inherit;left:inherit;justify-content:center;transform:none;max-height:none;background-color:var(--standardgelb);border:1px solid var(--standardgelb-dunkel);border-radius:2.5rem;border-top-left-radius:0;width:fit-content;padding:1rem;z-index:2;min-width:max-content;top:-4rem}
    #ffnet_main .boxmenu-mobile-item{display:block;text-align:center}
    #ffnet_main #boxmenu_mobile_dots{display:block;margin-left:-1rem;grid-column-start: 1;grid-column-end:2;grid-row-start:2;grid-row-end:6;position:relative;margin-left:-.5rem}

    #ffnet_main #boxheader{height:50px;max-height:50px;gap:0}    
    #ffnet_main #boxicon_mobile{top:0;left:0;max-width:16dvw !important;z-index:11}
    #ffnet_main #waveimg{width:16%}
    #ffnet_main #boxclose{display:inherit;padding:1rem 2.5rem}
    #ffnet_main #boxclose_mobile{display:none}
    #ffnet_main #boxcontents{height:calc(100% - 50px)}
    #ffnet_main #textbox{padding:1.25rem 1rem;margin-left:-1rem}
    #ffnet_main #textbox #textbox_contents{padding:0 .25rem}
    .fishfacts-image img{max-height:min(400px,60dvh);}
    .share-url{bottom:2.5rem}
}
@media screen and (orientation:portrait){
    #ffnet_header_wrapper{padding-top:15%}
    #ffnet_header_hamburger{left:calc(100% - 3rem)}
    #ffnet_header, #ffnet_header_wrapper, #ffnet_header_logo_img{max-height:80px}
    #ffnet_header_logo{margin-left:2rem}
    #ffnet_start{height:auto}
    #ffnet_startmenu_wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    #mainmenu_svg{min-width:100dvw;}
    h2{font-size:1.25rem;margin-top:calc(.5rem + 7px)}

    #ffnet_main #boxmenu_mobile_dots{display:none}
    #ffnet_main #boxmenu_mobile_wrapper{z-index:12;display:inherit;position:fixed;top:.75rem;left:.75rem;text-align:center;width:calc(100% - 5rem)}
    /*#ffnet_main #boxmenu_mobile{opacity:0;visibility:hidden}*/
    #ffnet_main #boxmenu_mobile{margin-left:-10rem;transition:all .75s ease-in-out;opacity:0;visibility:hidden;position:absolute;display:inherit;top:inherit;left:inherit;justify-content:center;transform:none;max-height:none;background-color:var(--standardgelb);border:1px solid var(--standardgelb-dunkel);border-radius:2.5rem;border-top-left-radius:0;width:fit-content;padding:1rem;min-width:max-content}
    #ffnet_main .boxmenu-mobile-item{display:block;text-align:center}

    #ffnet_main #boxheader{height:65px;max-height:65px;gap:1rem;grid-template-columns:1fr 4fr 1fr;text-align:center}    
    #ffnet_main #boxicon_mobile{top:0;left:0;max-width:9.5rem;width:18%;min-width:inherit}
    #ffnet_main #waveimg{width:22dvw;left:50%;transform:translateX(-50%)}
    #ffnet_main #boxclose{display:none}
    #ffnet_main #boxclose_mobile{display:inherit;padding:1.5rem 2.25rem}
    #ffnet_main_variable{height:calc(100% - 50px)}
    #ffnet_main #boxcontents{height:calc(100% - 65px)}
    #ffnet_main #textbox{padding:1.25rem 1rem;margin-left:0;grid-column-start:1}
    #ffnet_main #textbox #textbox_contents{padding:0}
    #ffnet_main .textbox-image-container{max-width:100%;max-height:100%;margin-left:0;margin-bottom:1rem}
}