/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24.03.2019, 14:07:16
    Author     : Jessi Matthias
*/

html 
{
    height: 100%
}

.logocontainer
{
    margin-top: 1rem;
}

.img-header-white
{
    opacity: 0;
    max-height: 100%;
    max-width: 100%
}


.headersection
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-image: url('images/headergrey.jpg');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: 60%;
    background-position: center center;
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: 1010;
}

.header-dahinter
{
    position: relative;
    height: 100vh;
    width: 100%;
    background-image: url('images/headergrey.jpg');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: 60%;
    background-position: center center;
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: 1000;

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

   

}

@media (max-width: 768px) {  


    .navbar-collapse.show
    {
        height: auto;
    }

    .headersection
    {
        background-size: 100%;
    }
    
    .header-dahinter
    { 
        background-size: 100%;
    }
}






#Animationsstage
{
    position: absolute;
    width: 100%;
    min-height: 100vh;
    max-height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1020;

}


#linkstext
{
    position: absolute;
    top: 400px;
}

#rechtstext
{
    position: absolute;
    top: 400px;
}


li.nav-item.active a.nav-link
{
    color: #c4c4c4;
    text-decoration: none !important;
}


#pfeilrunter
{
    position:absolute;
    background-image: url(images/Contentpfeil_inaktiv.svg);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 250px;
    width: 48px;
    height: 14px;
    left: 0;
    right: 0;
    margin-left: auto; 
    margin-right: auto;
    cursor: pointer;
    z-index: 9999;
}

#pfeilrunter:hover
{
    background-image: url(images/Contentpfeil_roll.svg);
}