.video-container {
    position: relative;
    width: 100%;       /* nimmt volle Breite vom Eltern-Div */
    padding-bottom: 56.25%; /* 16:9 Format → Höhe = 9/16 = 56.25% */
    height: 0;
    overflow: hidden;
    border-radius: calc(var(--radius) + 4px);
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: calc(var(--radius) + 4px);
    grid-template-columns: repeat(1, minmax(0, 1fr));
}


.video-workshop {
    position: relative;
    width: 100%;       /* nimmt volle Breite vom Eltern-Div */
    padding-bottom: 56.25%; /* 16:9 Format → Höhe = 9/16 = 56.25% */
    height: 0;
    overflow: hidden;
    border-radius: calc(var(--radius) + 4px);
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.video-workshop iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: calc(var(--radius) + 4px);
    grid-template-columns: repeat(1, minmax(0, 1fr));
}


.yt-max {
    width: 100%;        /* nimmt volle Breite, solange Platz da ist */
    max-width: 830px;  /* maximale Breite in px */
    margin-left: -10px;     /* links ausgerichtet */
    margin-right: auto; /* sorgt dafür, dass es nicht zentriert */
    padding: 0 0px;    /* optional: Innenabstand */
}

.ytp-title-link .yt-uix-sessionlink .ytp-title .ytp-title-channel {
    display: none !important;
}

}