html {background: #ffffff;}
body {font-family: Helvetica, Arial, sans-serif; font-size: 1rem; animation: body 1.2s ease-in-out; background: #ffffff;}

@keyframes body {
    0% {
        opacity: 0;
        transform: translate(0, -20px);
    }
    
    20% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
        transform: translate(0);
    }
}
    
    
.logo {width: 240px; margin: 0 auto; margin-top: 90px; margin-bottom: 30px;}
.logo img {width: 100%;}
.wrapper {width: calc(100% - 40px); max-width: 1000px; margin: 0 auto;}

.wrapper img {width: 180px;}
.traeger {margin-top: 50px; margin-bottom: 50px;}

h1, h2, h3, h4, h5, h6 {font-size: 1.6rem; }
.color_black {opacity: 1; font-size: 2rem; margin-top: 100px;}

.trenner_bereiche {font-size: 2.5rem; opacity: 0.5; padding: 50px 0; margin-top: 85px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: 700;}

.credit {font-size: 0.7rem; text-align: center; margin-top: 70px; margin-bottom: 50px;}

a {color: #000000; transition: color 400ms ease-in-out; text-decoration: none; font-weight: 700;}
a:hover {color: #000000; transition: color 400ms ease-in-out; text-decoration: underline;}