/*
    Created on : 25.07.2020, 13:44:00
    Author     : theto
*/

@media only screen and (min-width: 1000px) {
    
    body{
        font-size: 1rem;
    }

    .half_width{
        max-width: 50% !important;
    }
    
    .top_nav{
        background: var(--main-bg-color);
        background: linear-gradient(var(--alt-bg-color-lighter) 0%, var(--alt-bg-color) 15%, var(--alt-bg-color) 85%, var(--alt-bg-color-darker) 100%);
        width: 100%;
        box-sizing: border-box;
        border-bottom: 2px solid black;
        box-shadow: 0 -5px 10px 5px black;
        font-size: 1.3em;
        opacity: 1;
    }
    
    nav{
        height: calc(100% - 1.2em);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile{
        display: none;
    }
    
    .desktop{
        display: block;
    }
    
    .top_nav_info{
        font-size: 0.8em;
        display: flex;
        justify-content: center;
        background-color: var(--main-bg-color);
        color: var(--main-txt-color);
    }
    
    .top_nav_info div{
        display: inline-block;
        padding: 0;
        margin: 3px 10px;
    }

    .nav_padding{
        height: 3vw;
    }
    
    .top_nav div.links a{
        top:0;
        box-sizing: border-box;
        padding: 0px 50px;
        display: inline-block;
        font-size: 0.8em;
        text-align: center;
    }

    a.active_link{
        border-right-color: rgba(0,0,0,0) !important;
        border-top-color: var(--highlight-color) !important;
    }
    
    .inline_ul li{
        display: inline;
    }

    .page_view{
        max-width: 80rem;
        width: 50%;
        line-height: 1.4rem;
        font-size: 1rem;
    }
    
    .top_nav div.links{
        display: block;
        height: 100% !important;
    }
    
    nav a.logo{
        position: relative;
        max-height: 100%;
        left: 0;
        top: 0;
    }
    
    nav a img{
        height: 2em;
    }
    
    .top_nav a.hover_blend_link{
        border-bottom: var();
    }
    
    .top_nav a.hover_blend_link:hover{
        color: var(--main-txt-color-lighter);
        background-color: var(--main-bg-color-lighter);
        padding-bottom: 0.5vw;
        transition-duration: 0.2s;
    }
    
    .vertical_divider{
        width:  1px;
        height: 100%;
        background: linear-gradient(rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%);
        display: inline-block;
    }
    
    .nav_accordion{
        display: none!important;
    }
    
    .banner_image{
        height: 30vw;
    }
    
    .next_to{
        display: inline-block;
        width: 60%;
        float: left;
        margin: 10px;
        padding: 10px;
        /*box-shadow: 0 0 10px grey;*/
    }

    .next_to_revert{
        display: inline-block;
        width: 100%;
        float: revert;
        margin: auto;
        padding: 10px;
        /*box-shadow: 0 0 10px var(--shadow-color);*/
    }

    .head_image{
        width: 30%;
        border-radius: 500px;
        object-fit: contain;
        display: inline-block;
        position: relative;
        top: 50px;
        float: left;
        margin: 10px;
        /*padding: 10px;
        background: var(--alt-bg-color-lighter);*/
        /*box-shadow: 0 0 10px var(--shadow-color);*/
    }
    
    .banner_view{
        padding: 20px 200px;
        line-height: 1.4rem;
        font-size: 1rem;
    }
    
    .bottom_accordion{
        width: 100%;
    }
    
    .gallery{
        /*grid-template-columns: 20% 20% 20% 20% 20%;*/
        width: 100%;
        max-width: 75rem;
        margin: auto;
        align-items: center;
        justify-content: center;
    }
    
    .gallery .img_container{
        max-width: 100%;
        max-height: 15rem;
        box-shadow: 0 1rem 2rem var(--shadow-color);
        margin: 1rem 1rem 1rem 1rem;
    }

    .gallery .img_container:hover{
        transform: scale(105%);
        z-index: 1000;
        box-shadow: 0 0 50rem 10rem rgba(9, 8, 17, 0.1);
    }

    .panel{
        width: 50%;
        margin: 0 0 5rem 0;
        padding: 1rem;
    }

    .panel.full{
        width: 100%;
    }
    
    .panel .headline{
        background-color: var(--alt-bg-color-lighter);
        color: var(--alt-txt-color);
        font-size: 1rem;
        padding: 1rem;
        height: 5em;
        text-align: center;
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .panel .body{
        padding: 0.5rem 1rem;
    }
}