/* Retro 2005 Style */
body {
    background-color: #ffccff;
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-align: center;
    color: #0000ff;
}

h1 {
    font-size: 48px;
    color: #ff0000;
    text-shadow: 2px 2px #ffff00;
    margin-top: 50px;
    animation: blink 1s infinite;
}

/* Blinken wie damals */
@keyframes blink {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}

.container {
    width: 800px;
    margin: 0 auto;
    border: 5px dotted #00ff00;
    background-color: #ffff99;
    padding: 20px;
}

.video-wrapper {
    margin-top: 30px;
}

.bottom-left {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 200px; /* Größe anpassen */
}

.bottom-right {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 200px; /* Größe anpassen */
}

.headline-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* Abstand zwischen Text und Bildern */
}

.blink {
    animation: blink 1s infinite;
    color: red;
    font-size: 3em;
    font-family: "Comic Sans MS", cursive, sans-serif;
}

@keyframes blink {
    50% { opacity: 0; }
}

.wobble-img {
    width: 80px; /* Bildgröße anpassen */
    animation: wobble 1s infinite;
}

@keyframes wobble {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(-5deg); }
    75% { transform: rotate(5deg); }
}

