/*--------------------------------------------------------------
# Impressum
--------------------------------------------------------------*/
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
.titel_impressum {
    left:0;
    margin: 0;
    right:0;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height:50vw;
    min-height:400px;
    max-height:960px;
    min-width:300px;
    color:#eee;
}
.titel_impressum:before{
    content:"";
    width:100%;
    height:960px;
    position:absolute;
    top:0;
    left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
    background:url(../../../img/general/impressum.webp) top center no-repeat;
    background-size:cover;
    background-attachment:fixed;
    animation: grow 45s  linear 50ms infinite;
    transition:all 0.2s ease-in-out;
    z-index:-2
}
.titel_impressum a{
    color:#eee
}
.meta{
    flex: 0 0 auto;
    width:50%
}
.meta h1{
    font-family: 'stern', cursive;
    font-size: 80px;
    color: #fff;
    width:100%;
    text-align:center;
    padding:20% 0 0  0;
    text-shadow: 7px -1px 0px #000000;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.meta h2{
    font-family: "hase", cursive;
    font-size: 150px;
    text-transform: normal;
    color: #fff;
    width:100%;
    padding:0% 0 0 10%;
    text-align:center;
    text-shadow: 1px 1px 0 #000, 3px 3px 0 #287ec1;
}
.meta h3{
    font-family: "Shadows Into", cursive, sans-serif;
    font-size: 68px;
    text-transform: normal;
    color: #fff;
    width:100%;
    padding:0 0 0 10%;
    text-align:center;
    text-shadow: 1px 1px 0px #000, 4px 4px 4px #ccc;
}
.meta h4{
    font-family: "Shadows Into", cursive, sans-serif;
    font-size: 68px;
    text-transform: normal;
    color: #fff;
    width:100%;
    padding:0 0 0 10%;
    text-align:center;
    text-shadow: 1px 1px 0px #000, 4px 4px 4px #ccc;
}
.impress {
    padding: 40px 0;
    background: url("../../../img/general/grau.webp") center top repeat;
    position: relative;
}
.dynamisch > h2 {
    font-family: 'Happy Monkey', cursive;
    font-size: 3.0vw;
    color: #585858;
    }
.dynamisch > h3 {
    font-family: 'Happy Monkey', cursive;
    font-size: 3.0vw;
    color: #585858;
    }
.dynamisch > h4 {
    font-family: 'Happy Monkey', cursive;
    font-size: 2.5vw;
    color: #585858;
    }
.dynamisch > p {
    font-family: 'Happy Monkey', cursive;
    font-size: 1.5vw;
    }
@keyframes grow{
    0% { transform:scale(1)}
    50% { transform:scale(1.5)}
}
.content{
    padding:5% 10%;
    text-align:justify
}
.shadow_oben{
    width:100%;
    position:absolute;
    z-index:101;
    transform:translateY(0px);
    background:url(../../../img/general/schatten.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height:90px;
}
.scrolltop {
    display:block;
    color:#FFF;
    text-decoration:none;
    width:200px;
    margin:0 auto;
    border-bottom: none;
}
.scrolltop--arrow {
    padding-top:50px;
}
.scrolltop--arrow img {
    animation:arrowbounce 2s alternate infinite;
    -moz-animation: arrowbounce 2s infinite;
    -webkit-animation: arrowbounce 2s infinite;
    animation: arrowbounce 2s infinite;
}
@-moz-keyframes arrowbounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes arrowbounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes arrowbounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
}}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.titel {
    left:0;
    margin: 0;
    right:0;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height:100vw;
    min-height:250px;
    max-height:300px;
    min-width:300px;
    color:#eee;
}
.titel:after{
    display: none;
}
.titel:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    -webkit-backface-visibility: hidden;
    background:url(../../../img/bild02.jpg) top center no-repeat;
    background-size:480px 320px;
    background-attachment:fixed;
    animation: grow 666625s  linear 666650ms infinite;
    transition:all 0.2s ease-in-out;
    z-index:-2
}
.meta{
    margin-top: 0px;
    text-align: center;
    width:100%;
}
.meta h1{
    position: absolute;
    margin-top: -50px;
    left: -10px;
    width: 100%;
    font-family: 'Amatic SC Bold', sans-serif;
    font-size: 32px;
    color: #fff;
    text-shadow: 2px 2px 17px rgba(0, 0, 0, 1);
}
.meta h2{
    position: absolute;
    padding:25% 0 0 10%;
    left: -10px;
    width: 100%;
    font-family: "hase", sans-serif;
    font-size: 28px;
    color: #fff;
    text-shadow: 2px 2px 17px rgba(0, 0, 0, 1);
}
.meta h3{
    font-family: "Shadows Into", cursive, sans-serif;
    font-size: 28px;
    text-transform: normal;
    color: #fff;
    width:100%;
    padding:35%  0 0 10%;
    margin-left: -10px;
}
.shadow_oben{
    width:100%;
    position:absolute;
    z-index:101;
    transform:translateY(0px);
    background:url(../../../img/general/schatten.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height:22px;
}}