/* Template for Home © admotion*/


#row12 { width: 75%; float: left; margin-right: 5%; position: relative; }
#row3 { width: 20%; float: left; }
h3 { font-size: 20px; line-height: 130%; }

#box { padding: 10px 15px; }


#showbox { max-height: 422px; }
#titel { position: absolute; top: 210px; width: 1200px; left: 50%; margin-left: -600px; z-index: 999; }

#icons {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 20%; 
}

h1.titel { margin: 0px 0px 15px 0px; padding: 0px; font-size: 47px; line-height: 130%; font-weight: 300; color: #465973; }
#titel h2 { color: #465973; }

svg { width: 1200px; height: 523px; }

#desk { display: block; }
#mob { display: none; }


#menu { top: 380px; }


@media(max-width:1200px)
{
#icons { position: absolute; width: 90%; left: 5%; top: 20%; margin-left: 0; }
    
#titel { position: absolute; width: 90%; left: 5%; margin-left: 0px; }
                    h1.titel { font-size: 30px; }


}


@media(min-width:1200px) {
        @media(max-height:790px){

                h1.titel { font-size: 37px; }

    }
}

@media(max-width:1000px){
    
    #row12 { width: 50%; }
    #row3 { width: 45%; }
    
    #menu { margin: 25px 0px 0px 0px; position: static; }
    #showbox { height: 325px; }
    #titel { top: 200px; }
}

@media(max-height:850px){
#icons { top: 80px;  }
    


}
@media(max-width:800px){
    @media(min-height:900px){
        
            #desk { display: none; }
            #mob { display: block; }
        svg { width: 1200px; height: auto; }

    }

}


@media(max-width:768px){
    h1.titel { margin: 0px 0px 15px 0px; padding: 0px; font-size: 30px; line-height: 130%; font-weight: 300; }
    #icons { top: 150px; }
                   #titel { bottom: 65px;}

    #desk { display: none; }
    #mob { display: block; }
    #showbox { height: 325px; }
    #titel { top: 170px; }
    #menu { margin: 20px 0px 0px 0px; }
    
}

@media(max-width:600px){
    #row12 { width: 100%; float: none; margin-right: 5%; margin-top: 20px; }
    #row3 { width: 100%; float: none; margin-top: 20px; }
    
    #icons { display: none; }
    h1.titel { margin: 0px 0px 15px 0px; padding: 0px; font-size: 27px; line-height: 130%; font-weight: 300; top: 220px; }

    
}