/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
    hyphens: auto;
}

body {
    min-height: 100vh;
}

.ktm-textblock__text ul {
    margin-left: 0;
    padding-left: 15px; /* ≈ 20px, bündig mit Text in der Regel */
    list-style-position: outside;
}

.ktm-textblock__text li {
    margin-left: 0;
    padding: 0;
}

/*
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
} */

h1, h2, h3, h4, h5, h6,
.ge-subheading, .ktm-textblock__text p {
    word-break: normal;    /* Standardverhalten, bricht nicht mitten im Wort */
    overflow-wrap: break-word; /* Nur bei Bedarf, bricht bei Leerzeichen */
    hyphens: manual;       /* Kktm-mengentexteine automatische Silbentrennung */
}

.brxe-text-basic,
.brxe-text {
    line-height: 1.4;
}

.nowrap {
    white-space: nowrap;
}

/* Basis: Mobile Hochformat */
.normal-distance {
    margin-bottom: 48px; /* 4 × 12px */
}
.small-distance {
    margin-bottom: 24px; /* 2 × 12px */
}
.no-distance {
    margin-bottom: 0;
}

.ktm-bild-text__section.image-text .ktm-bild-text__texte    /* ACHTUNG KLASSENNAME!!!!!!!!*/
{
    order: 1; /* dreht die Reihenfolge um, da Standard-Order 0 ist*/
    /*padding-left: 30px;*/
}

/* Mobil Querformat: 479–767px */
@media screen and (min-width: 479px) and (max-width: 767px) {
    .normal-distance {
        margin-bottom: 60px; /* 5 × 12px */
    }
    .small-distance {
        margin-bottom: 24px; /* bleibt gleich */
    }
    .img50-text50 .ktm-bild-text__texte,
    .img50-text50 .ktm-bild-text__bildbox
    {
        width:100%;
    }
}

/* Tablet: 768–991px */
@media screen and (min-width: 768px) {
    li.startseite {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .normal-distance {
        margin-bottom: 72px; /* 6 × 12px */
    }
    .small-distance {
        margin-bottom: 36px; /* 3 × 12px */
    }
}

@media screen and (min-width: 768px) {
    .img50-text50 .ktm-bild-text__texte,
    .img50-text50 .ktm-bild-text__bildbox
    {
        width:50%;
    }

    .img66-text33 .ktm-bild-text__texte,
    .ktm-detail-raum__texte
    {
        width:31%;
    }

    .img66-text33 .ktm-bild-text__bildbox,
    .ktm-detail-raum__bildbox
    {
        width:69%;
    }
}

/* Desktop: ab 992px */
@media screen and (min-width: 992px) {
    .normal-distance {
        margin-bottom: 96px; /* 8 × 12px */
    }
    .small-distance {
        margin-bottom: 48px; /* 4 × 12px */
    }
}