/* Basis-CSS für sy_content_layouts */

.content-item-wrapper {
    /* Platz für allgemeine Wrapper-Stile */
    clear: both; /* Verhindert Umfließen-Probleme */
    overflow: auto;
}
.box-content {
    width: 100%;
    padding: 0;
    max-width: 1120px;
    margin: 0 auto;
}

.content-item-spaceBefore {
    padding-top: 3rem !important;
}

.content-item-spaceAfter {
    padding-bottom: 3rem !important;
}

.content-item-spaceBoth {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.content-item-white {
    background-color: #ffffff;
}

.content-item-alt-1 { /* Formerly content-item-blue */
    background-color: #ddeeff; /* Helles Beispiel-Blau */
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.content-item-alt-2 {
    background-color: #eeffee; /* Helles Beispiel-Grün */
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.content-item-alt-3 {
    background-color: #eeeeee; /* Helles Beispiel-Grau */
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.content-item-lineBefore {
    border-top: 1px solid #cccccc;
    padding-top: 1rem;
    margin-top: 1rem;
}

.content-item-lineAfter {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.content-item-lineBoth {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Die Standardbreite wird normalerweise durch das Theme (Container) gesteuert */
/* .content-item-widthDefault {} */

.content-item-widthFull {
    max-width: none;
}

/* Optional: Padding hinzufügen, wenn Hintergrundfarbe und volle Breite kombiniert werden */
.content-item-widthFull.content-item-alt-1,
.content-item-widthFull.content-item-white {
    /* Nur horizontales Padding, vertikales kommt von der Farbe/Linie */
    /* padding-left: 1rem; 
    padding-right: 1rem; */
}

/* Innerer Container */
.content-item-wrapper .box-content {
    /* Hier können bei Bedarf spezifische Stile für den inneren Container hin */
}