/*
Theme Name: Neve Child
Template: neve
Version: 1.0.0
*/
Description: Neve Child Theme mit Elementor Container Margin Fixes
Author: Volcaniza Works
Author URI: https://volcaniza-works.com
*/

/* ==========================================================================
   ELEMENTOR CONTAINER MARGIN FIXES
   ========================================================================== */

/**
 * Problem: Neve Theme überschreibt Elementor box-sizing, was zu asymmetrischen
 * Container-Margins führt (nur links sichtbar, rechts fehlt).
 * 
 * Lösung: Erzwingt box-sizing: border-box und symmetrische Margins mit calc()
 * für alle betroffenen Container auf Seite 314 (Startseite).
 * 
 * Betroffene Container:
 * - middle1 (16f9087) - Hauptinhalt
 * - 668ba4c - Mobile Container
 * - ee9e910 (bottom1) - Footer Container
 */

/* Desktop & Tablet (1025px+) */
.elementor-314 .elementor-element-16f9087,
.elementor-314 .elementor-element-668ba4c,
.elementor-314 .elementor-element-ee9e910 {
    box-sizing: border-box !important;
    max-width: calc(100% - 2em) !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
}

/* Tablet (769px - 1024px) */
@media (max-width: 1024px) and (min-width: 769px) {
    .elementor-314 .elementor-element-16f9087,
    .elementor-314 .elementor-element-668ba4c,
    .elementor-314 .elementor-element-ee9e910 {
        max-width: calc(100% - 2em) !important;
        margin-left: 1em !important;
        margin-right: 1em !important;
    }
}

/* Mobile (bis 768px) */
@media (max-width: 768px) {
    .elementor-314 .elementor-element-16f9087,
    .elementor-314 .elementor-element-668ba4c,
    .elementor-314 .elementor-element-ee9e910 {
        max-width: calc(100% - 2em) !important;
        margin-left: 1em !important;
        margin-right: 1em !important;
    }
}

/* Small Mobile (bis 480px) - Reduzierte Margins */
@media (max-width: 480px) {
    .elementor-314 .elementor-element-16f9087,
    .elementor-314 .elementor-element-668ba4c,
    .elementor-314 .elementor-element-ee9e910 {
        max-width: calc(100% - 1.5em) !important;
        margin-left: 0.75em !important;
        margin-right: 0.75em !important;
    }
}

/* ==========================================================================
   ZUKÜNFTIGE CUSTOM CSS REGELN HIER HINZUFÜGEN
   ========================================================================== */