﻿
.wrapper
{
    display:flex;
    justify-content:space-between;
    }

.events
{

    width:220px;

    position:fixed;
    right:0px;
    top:45%;
    z-index:10;
   
    display:flex;
    justify-content:flex-end;
    align-items:center;

}

@media (max-width: 1200px)
{

    .events
    {

    width:180px;
    }

    

}  

@media (max-width: 900px)
{

    .events 
    {
    position:static;
    top:0px;

    width:50%;
    justify-content:flex-start;  

    }

    

}  

.events a
{
    
    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)
{

    .events a
    {

    background-size:180px 113px;
    width:180px;
    height:113px;
    }

    

}  
    
    
.events 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)
{
    .events a div
    {
    font-size:1.2em;
    } 
    
}

@media (max-width: 350px)
{
    .events a div
    {
    font-size:1.0em;
    } 
    
}
    
