/* ========================================
   Wie hausgemacht - 1-Pager Main Styles
   ======================================== */

:root {
    --primary-red: #E73331;
    --dark-overlay: #382417;
    --black: #000000;
    --white: #FFFFFF;
    --beige: #F5EDE3;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}


body {
    font-family: 'Inter', sans-serif;
    color: var(--black);
    font-weight: 200;
    font-size: 20px;
    line-height: 32px;
    overflow-x: hidden;
}


/* ========================================
   Custom Grid - Einfachste Lösung
   ======================================== */

/* 1. Container-Breite auf 1728px setzen */
@media (min-width: 1433px) {
    .container,
    .container-xxl {
        max-width: 1728px;
    }
}

/* 2. Gutter (Spaltenabstand) auf 16px */
.row {
    --bs-gutter-x: 16px;
}

/* Optional: Seitenränder von 140px */
@media (min-width: 1728px) {
    .container {
        padding-left: 140px;
        padding-right: 140px;
    }
}

@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        max-width: 100vw;
    }
}