/*
 Theme Name:   WP-8 Webdesign Theme
 Theme URI:    https://wp-8.de
 Description:  WordPress Child-Theme from WP-8 Webdesign
 Author:       Manuel Wilms
 Author URI:   https://wp-8.de/
 Template:     generatepress
 Version:      2.5.8
*/


:root {


  /* --- 2. TYPOGRAFIE (Fluid Type Scale) --- */
  /* Fonts */
  --font-heading: 'Work Sans', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Font Weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 900;

  /* Fluid Font Sizes: clamp(min, val, max) 
     Basis: Mobile 16px Text, Desktop etwas größer. 
     Scale Ratio: ~1.2 (Minor Third) bis ~1.25 (Major Third) */
  
  --fs-sm: clamp(0.8rem, 0.17vi + 0.76rem, 0.89rem);  /* Meta text / Footer */
  --fs-base: clamp(1rem, 0.34vi + 0.91rem, 1.19rem);  /* Fließtext (Body) */
  --fs-md: clamp(1.25rem, 0.61vi + 1.1rem, 1.58rem);  /* H3 / Intro Text */
  --fs-lg: clamp(1.56rem, 1.02vi + 1.31rem, 2.11rem); /* H2 */
  --fs-xl: clamp(1.95rem, 1.64vi + 1.54rem, 2.81rem); /* H1 - Desktop groß */
  --fs-xxl: clamp(2.44rem, 2.53vi + 1.81rem, 3.75rem); /* Hero Headline */

  /* --- 3. SPACING (Fluid Spacing) --- */
  /* Einheitliche Abstände, die auf Mobile kleiner sind als auf Desktop */
  
  --space-xs: clamp(0.5rem, 0.12vi + 0.47rem, 0.56rem);  /* 8px -> 9px */
  --space-sm: clamp(1rem, 0.23vi + 0.94rem, 1.13rem);    /* 16px -> 18px */
  --space-md: clamp(2rem, 0.47vi + 1.88rem, 2.25rem);    /* 32px -> 36px */
  --space-lg: clamp(4rem, 0.93vi + 3.77rem, 4.5rem);     /* 64px -> 72px (Section Padding) */
  --space-xl: clamp(6rem, 1.4vi + 5.65rem, 6.75rem);     /* 96px -> 108px (Große Breaks) */
  
  /* --- 4. EXTRAS --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-subtle: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
}

/* Global Reset Tweaks */
body {
  #background-color: var(--color-bg-body);
  #color: var(--color-text-main);
  #font-family: var(--font-body);
  #font-size: var(--fs-base);
  #line-height: 1.6;
}

h1, h2, h3, h4 {
  #font-family: var(--font-heading);
  #font-weight: var(--fw-bold); /* Standard Bold, Hero kann Black nutzen */
  #line-height: 1.1;
  #color: var(--color-text-main);
  #margin-bottom: var(--space-sm);
}


html {
	scroll-behavior: smooth;
	scroll-padding: 1.5em;
}

/* Helper */
.mw-hidden {
	display: none!important;
	visibility: hidden!important;
	pointer-events: none!important;
}

/* Hyphens break word */
.mw-hyphens-auto {
    word-wrap: break-word;
    overflow-wrap: break-word;
	  -webkit-hyphens: auto;
	    -ms-hyphens: auto;
	      hyphens: auto;
}

@media (max-width: 768px) {
    .mw-hyphens-auto-mobile {
        word-wrap: break-word;
        overflow-wrap: break-word;
          -webkit-hyphens: auto;
            -ms-hyphens: auto;
              hyphens: auto;
    }
}