/* Custom CSS
 * --------------------------------------- */
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #222;
}

.section {text-align:center;}

.wrap {width: 95%; margin-left: auto; margin-right: auto;}

h1 {
   font-family: 'Archivo Narrow', sans-serif;
   text-transform: uppercase;
   font-size: 4.5em;
}

h1 a {
   color: #222;
   -moz-transition: color 0.4s;
   -webkit-transition: color 0.4s;
   -o-transition: color 0.4s;
   transition: color 0.4s;
}

h1 a:hover {
   color: #ffed00;
   -moz-transition: color 0.4s;
   -webkit-transition: color 0.4s;
   -o-transition: color 0.4s;
   transition: color 0.4s;
}

.weiter {
   display: block;
   width: 50px;
   position: absolute;
   bottom: 1em;
   color: #ffed00;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}
.weiter .pfeil {
   width: 0px;
   height: 0px;
   -webkit-transform:rotate(360deg);
   border-style: solid;
   border-width: 16px 20px 0 20px;
   border-color: #ffee00 transparent transparent transparent;
}

.adresse {
   text-align: right;
   position: absolute;
   right: 2.5em;
   bottom: 2.5em;
}

p {
   font-size: 1.25em;
   line-height: 1.125em;
   margin: 0;
}

a {text-decoration: none; color: #222;}
a:hover {color: #666;}



@media only screen and (max-width: 1400px) {
   h1 {font-size: 3.5em;}
} 

@media only screen and (max-width: 1199px) {
   h1 {font-size: 3em;}
} 

@media only screen and (max-width: 1023px) {
   h1 {font-size: 2.5em;}
} 

@media only screen and (max-width: 479px) {
   h1 {font-size: 2em;}
}