/* Global Responsiveness & Layout Fixes */

/* 1. Define layout-container which was missing but used everywhere */
.layout-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* 2. Prevent horizontal scroll (White line on right) */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
}

/* 3. Handle long words in German (like 'Planungsschwerpunkte') */
h1,
h2,
h3,
h4,
h5,
p,
span {
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

/* 4. Ensure sticky headers don't overlap on mobile */
@media (max-width: 1024px) {
    .sticky-mobile-fix {
        position: relative !important;
        top: 0 !important;
    }
}

/* 5. Fix for negative margins used in project lists */
.list-overflow-fix {
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: hidden;
}

/* 6. Base container padding for mobile */
@media (max-width: 640px) {
    .layout-container>div {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}