/*
Theme Name: Twenty Twenty Child
Template: twentytwenty
Description: Child theme für Twenty Twenty
Author: Dein Name
Version: 1.0
*/

@import url("../twentytwenty/style.css");

/* Layout für Hauptinhalt und Seitenleiste */
.content-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 120rem;
    margin: 0 auto;
    width: calc(100% - 8rem);
}

.main-content {
    flex: 0 0 70%;
    max-width: 70%;
}

.sidebar-banner {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 2rem;
    margin-top: 0; /* Wichtig: Kein Abstand nach oben */
    align-self: flex-start; /* Am Anfang des Containers ausrichten */
}

/* Für mobile Ansicht */
@media (max-width: 768px) {
    .content-wrapper {
        flex-direction: column;
    }
    
    .main-content,
    .sidebar-banner {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .sidebar-banner {
        padding-left: 0;
        margin-top: 3rem;
    }
}

@media (max-width: 1000px) {
    .content-wrapper {
        width: calc(100% - 4rem);
    }
}