.wrapper
{
    display:flex;
    justify-content:space-between;
    }


.voluntaryApplication, .login {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    background-image: url('../../../Pix/Layout/ButtonBewerbungFreiwilligendienst.png');
    background-repeat: no-repeat;
    background-size: 220px 138px;
    width: 220px;
    height: 138px;
}

@media (max-width: 1200px) {

    .voluntaryApplication, .login {
        background-size:180px 113px;
        width:180px;
        height:113px;
    }
}

@media (max-width: 900px) {

    .voluntaryApplication, .login {
        justify-content: flex-start;
        padding-left: 11px;
    }
}  


.voluntaryApplication 
{
    position:fixed;
    right:0px;
    top:45%;

    z-index:10;
}

@media (max-width: 900px)
{

    .voluntaryApplication 
    {

    position:static;
    top:0px;

    width:50%;
    justify-content:flex-start;  

    }

    

}  

.voluntaryApplication a, .login a
{
    width: 190px;
    height: 60px;
    }
    
@media (max-width: 1200px)
{
    .voluntaryApplication a, .login a {
        width: 160px;
        height: 51px;

    }

}  
    
    
.voluntaryApplication a div, .login a div
{
    height:100%;
  

    display:flex;
    justify-content:center;
    align-items:center;
       
    font-family: AnitpastoDemibold;
    font-size:1.4em;
    color: #f9b731;
    text-transform: uppercase;
    letter-spacing: 0.02em;   
    transform: rotate(-2deg);

    } 
    
@media (max-width: 550px)
{
    .voluntaryApplication a div, .login a div
    {
    font-size:1.2em;
    } 
    
}

@media (max-width: 350px)
{
    .voluntaryApplication a div, .login a div
    {
    font-size:1.0em;
    } 
    
}
    
.login
{
    

    position:fixed;
    right:0px;
    top:53%;

    z-index:10;
   
    
    }    

@media (max-width: 900px)
{

    .login 
    {
    position:static;
    top:0px;
    width:50%;    
    }   

} 

.secondaryMenu  div a div.login
{
    display:block;
}

.bmfsj {
    
    margin-top: 100px;
}

@media (max-width: 900px) {

    .bmfsj {
        
        width: 250px;
    }
}

div.logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 100px;
   
}


div.logos picture img{
    width: 100%;
        
}

@media (max-width: 1400px) {

    div.logos picture img {
        width: 200px;
    }
}

@media (max-width: 1100px) {

    div.logos picture img {
        width: 160px;
    }
}