/*
Theme Name: betterbedesign
Theme URI: https://betterbedesign.com
Author: betterbedesign Agency
Author URI: https://betterbedesign.com
Description: Minimalistisches Agentur-Theme optimiert für Elementor Pro. Kein externes Font-Loading, DSGVO-konform.
Version: 2.6.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: betterbedesign
Tags: elementor, minimal, agency, gdpr
*/

/* ============================================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   Alle globalen Werte zentral an einem Ort.
   Änderungen hier wirken sich auf die gesamte Seite aus.
   ============================================================ */
:root {

    /* --- Farben --- */
    --color-primary:        #0A0A0A;
    --color-secondary:      #F5F5F5;
    --color-accent:         #6C63FF;
    --color-accent-hover:   #5A52D5;
    --color-text:           #1A1A1A;
    --color-text-light:     #666666;
    --color-text-muted:     #999999;
    --color-border:         #E0E0E0;
    --color-white:          #FFFFFF;
    --color-black:          #000000;
    --color-bg:             #FFFFFF;
    --color-bg-alt:         #F9F9F9;

    /* --- Typografie ---
       System Font Stack – kein externes Laden, DSGVO-konform,
       schnell und auf jedem Gerät nativ verfügbar.
       Kann pro Projekt einfach durch eine selbst gehostete
       Schrift ersetzt werden. */
    --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI',
                    system-ui, sans-serif;
    --font-body:    -apple-system, BlinkMacSystemFont, 'Segoe UI',
                    system-ui, sans-serif;
    --font-mono:    'SF Mono', 'Fira Code', 'Consolas', monospace;

    /* Schriftgrößen (fluid / clamp – skaliert automatisch) */
    --text-xs:   clamp(0.75rem,  1vw,  0.875rem);
    --text-sm:   clamp(0.875rem, 1vw,  1rem);
    --text-base: clamp(1rem,     1vw,  1.125rem);
    --text-md:   clamp(1.125rem, 1.5vw,1.25rem);
    --text-lg:   clamp(1.25rem,  2vw,  1.5rem);
    --text-xl:   clamp(1.5rem,   2.5vw,2rem);
    --text-2xl:  clamp(2rem,     3vw,  2.75rem);
    --text-3xl:  clamp(2.5rem,   4vw,  3.5rem);
    --text-4xl:  clamp(3rem,     5vw,  4.5rem);

 
}



/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
}


html {
    font-size:        var(--text-base);
    scroll-behavior:  smooth;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family:            var(--font-body);
    font-size:              var(--text-base);
    font-weight:            var(--weight-regular);
    line-height:            var(--leading-base);
    color:                  var(--color-text);
    background-color:       var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}


/* ============================================================
   ELEMENTOR INTEGRATION
   ============================================================ */

/* Full Width – kein Theme Header/Footer */
.elementor-page .site-header,
.elementor-page .site-footer {
    display: none;
}

.elementor-page #content {
    padding: 0;
}

/* Kein weißer Rand beim Canvas */
.elementor-template-canvas {
    padding: 0 !important;
}

/* Section volle Breite */
.elementor-section.elementor-section-stretched {
    width: 100vw !important;
    max-width: none !important;
}