@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body    {
    background:#3486c7;
    color:#FFFFFF;
    font-family: 'Roboto', sans-serif;
    overflow-x:hidden !important;
}
.impressum_url  {
    color:#FFFFFF;
    text-decoration: none;
}
.impressum_url:hover    {
    color:#FFFFFF;
    text-decoration: underline;
}
header  {
    text-align:center;
    height:auto;
    padding-top:30px;
    background:#3486c7;
    z-index:1;
    overflow-x:hidden !important;
}
header img  {
    max-height:350px;
}
header hr   {
    background:#FFFFFF;
    height:2px;
    width:calc(100vw - 10px);
}
main    {
    margin-top:10%;
    text-align: center;
    font-size:1.4em;
    overflow:hidden;
    height:auto;
    background-image: image("images/wirbelsaeule.png");
}
main.sub    {
    padding-bottom:90px;
    padding-left:30px;
    padding-right:30px;
    overflow: scroll !important;
    font-size:1em;
}
main .number {
    font-size:4.5em !important;
}
.alert  {
    margin:0 auto;
    font-size:0.8em !important;
}
footer  {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    text-align:center;
    font-weight:400;
    line-height:2.2em;
    border-top:2px solid rgba(255, 255, 255, 0.4);
    background:#3486c7;
}
footer.row  {
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.wirbelsaeule   {
    display:none;
}
ul.footer-menu  {
    padding:0;
    margin:0;
    text-align:center;
}
ul.footer-menu li   {
    float:left;
    list-style:none !important;
}
ul.footer-menu li::after   {
    content: "|";
    padding-left:10px;
    padding-right:10px;
}
ul.footer-menu li:last-child::after   {
    content: "";
    padding-left:10px;
    padding-right:10px;
}
ul.footer-menu li a   {
    color:#FFFFFF;
}
@media all and (min-width: 1024px) {
    body    {
/*        overflow: hidden !important;  */
    }
    header  {
        position:fixed;
        top:0px;
        text-align:left !important;
    }
    header img  {
        max-width:200px !important;
    }
    main    {
        margin-top:10%;
        font-size:2.2em;
    }
    footer  {
        line-height:4.2em;
    }
    footer .row {
        line-height:2.2em;
    }
    .wirbelsaeule   {
        position:absolute !important;
        opacity:0.03;
        transform:scale(3.20);
        left:calc(100vw / 2 - (174px * 1.6));
        display:block;
    }
}