/*ALL Main Middle CODE*/
.Middler {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    
    justify-content: center;
    align-items: center;
    }
    
    .mainvideo {
        position: absolute;
        width: 100%;
        height: 100vh;
        object-fit: cover;
        box-shadow: 0px 0px 20px;
        z-index: -2;
    }
    
    .frontpicture {
        z-index: -1;
        animation: colorchange 10s ease-in-out 0s infinite;
        
    
        
    }
    .titelpicture {
        width: 55vw;
        
        
    }

    

.descriptions {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 80px;
}
    .t_i_container{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;

    }
        .Imagecontainer{
            background-color: var(--plainred);
            padding: 0px;
            border-radius: 25px;
            box-shadow: 0px 0px 50px ;
            transition: box-shadow 2s, scale 0.4s;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .Imagecontainer:hover{
            box-shadow: 0px 0px 60px ;
            scale: 1.05;
        }

            .desctexthead{
                font-size: 50px;
                font-weight: bold;
            }
    
            .desctext{
                max-width: 1000px;
                font-size: 25px;
                font-weight: bold;
                padding: 10px;
            }
            
            .descimage {
                object-fit: cover;
                width: 1000px;
                border-radius: 25px;
            }

.title {
    display: flex;
    
    max-height: 20vh;
    width: 100%;
    background-color: rgb(0, 0, 0);
    align-items: center;
    
    font-size: 5vw;
    font-weight: bold;
    color: var(--desctextcolor);
    box-shadow: 0px 0px 100px inset rgb(0, 0, 0);
    
}

.textottex {
    position: absolute;
    align-self: center;
    justify-self: center;
    text-align: center;
    margin: 0px;
    width: 100%;
}

.title_image-left {
    max-height: 20vh;
    margin-left: 10%;
    object-fit: contain;
    justify-self: baseline !important;
    transition: scale 0.15s;
    z-index: 1;
}

.title_image-right {
    display: flex;
    max-height: 20vh;
    margin-right: 10%;
    object-fit: contain;
    transition: scale 0.15s;
    z-index: 1;
}
.movement {
    width: 100%;
    display: flex;
    justify-content: end;
}

.new_desc {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-height: 999999px;
    background-color: black;
}
    
.textorimage{
        display: flex;
        align-self: center;
        justify-content: center;
        width: 60vw;
        max-height: 100vh;
        background-color: rgb(0, 0, 0);
        flex-direction: column;
        text-align: center;
        color: var(--desctextcolor);
        font-size: 2vw;
    }
.textorimage_image {
    object-fit:contain;
    width: 60vw;
}    

.title_image-right:hover {
    scale: 1.1;
}
.title_image-left:hover {
    scale: 1.1;
}
.Download_image_btn {
    width: 5%;
    height: 5%;
    object-fit: contain;
    margin-left: 10px;
}

.Download_btn_main {
    display: flex;
    align-self: center;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 1vw;
    height: 10%;
    width: 50%;
    background-color: var(--plainred);
    transition: scale 0.15s, box-shadow 0.15s;
}
.Download_text_btn:hover{
    text-decoration: none !important;
} 
.Download_btn_main:hover{
    font-weight: normal;
    cursor: pointer;
    scale: 1.05;
    box-shadow: 0px 0px 0px inset var(--plainred);
    
}
.Download_btn_main:active{
    font-weight: normal;
    cursor: pointer;
    scale: 1.02;
    box-shadow: 0px 0px 50px inset rgb(0, 0, 0);
    
}

.spacer100 {
    height: 10vh;
}

    @media (max-width: 1920px) {
        .titelpicture {
            width: 800px;
        }
        .sidebarMenuInner li span{
            display: block;
            font-size: 20px;
            color: rgba(255, 255, 255, 0.50);
        }
    
        a {
            font-size: 15px;
        }
        .sidebarMenuInner li{
            padding: 10px;
        }/*
        .Middler{
            min-height: 1080px;
        }*/
        .title {
            display: flex;
            max-height: 20vh;
            width: 100%;
            background-color: rgb(0, 0, 0);
            align-items: center;
            
            text-align: center;
            font-size: 5vw;
            font-weight: bold;
            color: var(--desctextcolor);
            box-shadow: 0px 0px 100px inset rgb(0, 0, 0);
            
        }
        
    
    }
    
    @media (max-width: 600px) {
        .titelpicture {
            width: 300px;
        }
        .sidebarMenuInner li span{
            display: block;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.50);
        }
    
        a {
            font-size: 10px;
        }
        .sidebarMenuInner li{
            padding: 10px;
        }
        .topbar {
            margin-left: 20px;
        }
    
        .topbar2 {
            margin-left: 100px;
    
        }
        .descimage {
            object-fit: cover;
            width: 300px;
            border-radius: 25px;
        }

        .desctexthead{
            font-size: 20px;
            font-weight: bold;
        }

        .desctext{
            max-width: 300px;
            font-size: 10px;
            font-weight: bold;
        }
        .title_image-left {
            max-height: 8vh;
            margin-left: 10%;
            object-fit: contain;
            justify-self: baseline !important;
        }
        .title_image-right {
            display: flex;
            max-height: 8vh;
            margin-right: 10%;
            object-fit: contain;
        }
        /*.Middler{
            min-height: 740px;
        }*/
    }