@keyframes rainbow-border {
    0% {
        border-image-source: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, violet);
    }

    14% {
        border-image-source: linear-gradient(90deg, orange, yellow, green, cyan, blue, violet, red);
    }

    28% {
        border-image-source: linear-gradient(90deg, yellow, green, cyan, blue, violet, red, orange);
    }

    42% {
        border-image-source: linear-gradient(90deg, green, cyan, blue, violet, red, orange, yellow);
    }

    57% {
        border-image-source: linear-gradient(90deg, cyan, blue, violet, red, orange, yellow, green);
    }

    71% {
        border-image-source: linear-gradient(90deg, blue, violet, red, orange, yellow, green, cyan);
    }

    85% {
        border-image-source: linear-gradient(90deg, violet, red, orange, yellow, green, cyan, blue);
    }

    100% {
        border-image-source: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, violet);
    }
}



body {
    font-family: Arial, sans-serif;
    background-color: #000000;
}

.ui.container {
    margin-top: 30px;
    margin-bottom: 30px;

}

h1.ui.header {
    text-align: center;
    padding: 20px;
    color: #3ea6e2;
}

h2 {
    color: #ffffff;
    text-align: center;
}

p {
    color: #ffffff;

    text-align: center;
}

img {
    display: block;
    margin: auto;

}

i.icon.arrow.circle.left {
    font-size: xx-large;
}

.content {
    color: #ffffff;
    text-align: center;
}


h1,
h2 p,
.content {
    /* background: linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255), rgb(0, 0, 0), rgb(255, 255, 255), rgb(0, 0, 0), rgb(0, 0, 0), rgb(255, 255, 255)); */
    background-size: 400% 400%;

    animation: rainbow 5s infinite linear;
}

h1.blog {
    color: rgb(0, 247, 255);
    text-align: center;
}

.ui.header {
    text-align: center;
    padding: 20px;
    font-size: 3rem;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 10px;
    border-image-source: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, violet);
    animation: rainbow-border 5s infinite linear;
    transition: color 0.5s linear;
}

h2.alter {
    color: rgb(0, 255, 255);
}

.ui.list,
.ui.list>.item .header {
    color: rgb(148, 255, 255);
    text-align: center
}

.item .header {
    color: aliceblue;
}

.header {
    font-size: 30px;
    font-weight: bold;
}

.item {
    font-size: 24px;
    font-weight: bold;

}

i.ch.flag {
    height: 24px;
    width: 24px;
    font-size: large;
}

.ui.list {
    font-size: 24px;
    font-weight: bold;
}

.steckbrief {
    font-size: 55px;
    font-weight: bold;
    color: aqua;

}

.text {
    font-size: 20px;
    font-weight: bold;
}

.Schnupperwocheliste {
    color: rgb(255, 255, 255);
    /* text-align: center; */
    font-size: 20px;
    font-weight: bold;
}

.Schnupperwocheliste li {
    margin-bottom: 15px;
}

.listeSchnuppern>.ui.list {
    color: rgb(152, 255, 255);
}

.listeSchnuppern .ui.list .header {
    color: rgb(255, 160, 160);
}

.alter {
    font-size: 35px;
    font-weight: bold;

}

.ui.inverted.segment {
    background: #000000;
    line-height: 3.4285em;
}

.video {
    width: 100%;
    max-width: 300px;
    display: flex;
    margin: auto;
}