@charset "utf-8";

/* Jedes Drittel nimmt gleich viel Platz ein */
.sectionHL {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.containerHL {
    display: flex;
    flex-direction: row; /* Standard: horizontal */
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-image: url('Adapter1.png'); /* Hintergrund direkt hier */
    background-size: cover;

}

/* Canvas-Styling */
canvas {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
}



.vertical-layout {
    flex-direction: column !important; /* Untereinander */
}