html {
margin: 0;
padding: 0;
}



BODY  {
margin: 0;
padding: 0;
background-color: #013948;
color: #fff;
font-weight: 300;
font-family: "Overpass", Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 32px;
max-width: 1920px;
}




#wrapper_start { display: table; width: 100%; text-align: center; }
#wrapper_start_inner { display: table-cell; vertical-align: middle; height: 100vh; }
#start_logo { display: block; width: 100%; max-width: 300px; margin: 40px auto; }
#start_logo img { display: block; max-width: 100%; }


.start_teiler  { display: inline-block; width: 50%; box-sizing: border-box; padding: 20px 100px; max-width: 800px; vertical-align: bottom; text-align: center; }

#wrapper_start_inner .start_teiler:nth-of-type(even) a { background-image: url('../../img/pfeil_start.png'); }
#wrapper_start_inner .start_teiler:nth-of-type(odd) a { background-image: url('../../img/pfeil_start2.png'); }


.start_teiler a { display: block; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; padding-bottom: 40px; background-position: bottom center; background-repeat: no-repeat; background-size: 30px auto; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;  }

.start_teiler a:hover { background-size: 50px auto; }
.start_teiler a span { display: block; padding: 10px; border-bottom: 3px solid #fff; }


@media screen and (max-width: 1280px) { .start_teiler { padding: 20px 30px; }}

@media screen and (max-width: 1023px) {
 body { font-size: 18px; line-height: 30px; }
}

@media screen and (max-width: 899px) {
 #start_logo { max-width: 240px; }
 .start_teiler { display: block; width: 100%; max-width: 100%; margin: 20px 0; box-sizing: border-box; }
 .start_teiler a { letter-spacing: 1px; }
}