body {
    height: 100%;
    background: rgb(248, 171, 23);
    background: -moz-linear-gradient(9deg, rgba(248, 171, 23, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(9deg, rgba(248, 171, 23, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(9deg, rgba(248, 171, 23, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f8ab17", endColorstr="#ffffff", GradientType=1);
}

.btn {
    background-color: rgb(248, 171, 23);
}

.btn:hover {
    background-color: #424468;
}

.row,
.col {
    z-index: 99;
    width: 100%;
}

.btn {
    font-size: 30px;
}

.a-oben {
    text-decoration: none;
    color: #424468;
}

.a-oben:hover {
    color: rgb(248, 171, 23)
}

.col-button {
    margin: 10px;
}

.col-button2 {
    padding-top: 5%;
}

.head {
    border-bottom: 10px solid;
    border-bottom-color: rgb(248, 171, 23);
    z-index: 99;
    animation: ani1 13s linear infinite;
}

@keyframes ani1 {
    0% {
        border-bottom-color: rgb(248, 171, 23);
    }
    20% {
        border-bottom-color: transparent;
    }
    40% {
        border-bottom-color: rgb(248, 171, 23);
    }
    100% {
        border-bottom-color: rgb(248, 171, 23);
    }
}

.ueberschrift {
    font-size: 82px;
    color: #424468;
}

.ueberschrift2 {
    font-size: 56px;
    color: #424468;
}

.haupttext {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

@media screen and (max-width: 64em) {
    .ueberschrift,
    .ueberschrift2 {
        font-size: 3em;
    }
    body {
        font-size: 90%;
    }
    .head {
        border-bottom: rgb(248, 171, 23) 8px solid;
    }
    .btn {
        font-size: 2em;
    }
}

@media screen and (max-width: 50em) {
    .ueberschrift,
    .ueberschrift2 {
        font-size: 2.6em;
    }
    body {
        font-size: 75%;
    }
    .head {
        border-bottom: rgb(248, 171, 23) 6px solid;
    }
    .btn {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 30em) {
    .ueberschrift,
    .ueberschrift2 {
        font-size: 2.2em;
    }
    body {
        font-size: 50%;
    }
    .head {
        border-bottom: rgb(248, 171, 23) 4px solid;
    }
    .btn {
        font-size: 1em;
    }
}