/*
Theme Name: CARL FRITZ - THEME Child
Template: carl-fritz-theme
Author: Niklas Coen
Description: Child-Theme für CARL FRITZ - THEME – ideal für updatesichere Anpassungen und Elementor-Layouts.
Version: 1.0.0
Text Domain: carl-fritz-theme-child
*/

/* Entfernt den oberen Standardabstand in Elementor Text Editor */
.elementor-widget-text-editor p:first-child{
  margin-top: 0;
	margin-bottom: 0;	
}

/* Optional: auch für Listen, falls es dort auffällt */
.elementor-widget-text-editor ul:first-child,
.elementor-widget-text-editor ol:first-child{
  margin-top: 0;
}


.elementor-widget-theme-post-content p.text-2,
.elementor-widget-theme-post-content p.text-2 *{
  font-family: "Exo", sans-serif !important; /* hier deine Text-2-Schrift */
  font-size: 16px !important;               /* deine Text-2-Größe */
  font-weight: 500 !important;              /* dein Text-2-Gewicht */
  line-height: 1.6 !important;              /* deine Text-2-Zeilenhöhe */
}

/* strong innerhalb von Text 2: gleiche Schrift wie Text 2, nur fetter */
.elementor-widget-theme-post-content p.text-2 strong,
.elementor-widget-theme-post-content p.text-2 b {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 700 !important; /* falls du 600/700 willst */
}

/* Basis: sauberes Box-Modell */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Verhindert horizontales Überlaufen */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Bilder, Videos, iFrames bleiben flexibel */
img,
video,
iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Elementor Container / Spalten dürfen schrumpfen */
.e-con,
.elementor-column,
.elementor-widget,
.elementor-element {
  min-width: 0;
}

/* Lange Texte und Buttons brechen sauber um */
h1, h2, h3, h4, h5, h6,
p,
a,
span,
.elementor-button,
.elementor-heading-title {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Buttons und Formulare bleiben innerhalb des Layouts */
.elementor-button,
input,
textarea,
select,
button {
  max-width: 100%;
}

/* Verhindert, dass feste Breiten das Layout sprengen */
.elementor-widget-container,
.elementor-container,
.e-con-inner,
.elementor-column-wrap {
  max-width: 100%;
}

/* Tabellen auf kleinen/gezommten Ansichten kontrollierbar */
table {
  display: block;
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

/* Optional: etwas weichere Typografie-Skalierung */
body {
  font-size: 1rem;
  line-height: 1.5;
}