.elementor-kit-10{--e-global-color-primary:#003781;--e-global-color-secondary:#FC8535;--e-global-color-text:#003781;--e-global-color-accent:#25D366;--e-global-color-24cf97f:#000000;--e-global-color-d45d835:#FFFFFF;--e-global-color-09b5426:#FFFFFF00;--e-global-color-c4d271a:#E9ECEF;--e-global-typography-primary-font-family:"Verdana";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Verdana";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Verdana";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Verdana";--e-global-typography-accent-font-weight:500;--e-global-typography-58eb3d5-font-size:45px;--e-global-typography-58eb3d5-font-weight:900;--e-global-typography-58eb3d5-line-height:54px;--e-global-typography-9f4520d-font-family:"Lato";--e-global-typography-9f4520d-font-size:40px;--e-global-typography-9f4520d-font-weight:900;--e-global-typography-9f4520d-line-height:48px;--e-global-typography-c477740-font-family:"Lato";--e-global-typography-c477740-font-size:35px;--e-global-typography-c477740-font-weight:900;--e-global-typography-c477740-line-height:38px;--e-global-typography-4846c7c-font-family:"Lato";--e-global-typography-4846c7c-font-size:30px;--e-global-typography-4846c7c-font-weight:500;--e-global-typography-4846c7c-line-height:36px;--e-global-typography-080c64a-font-family:"Lato";--e-global-typography-080c64a-font-size:20px;--e-global-typography-080c64a-font-weight:500;--e-global-typography-080c64a-line-height:24px;--e-global-typography-d08b8a3-font-size:1.4rem;--e-global-typography-d08b8a3-line-height:1.4em;--e-global-typography-bfb328c-font-family:"Lato";--e-global-typography-bfb328c-font-size:18px;--e-global-typography-bfb328c-font-weight:400;--e-global-typography-bfb328c-line-height:22px;--e-global-typography-84d1b7d-font-size:16px;--e-global-typography-84d1b7d-font-weight:400;--e-global-typography-84d1b7d-line-height:22px;--e-global-typography-aee3c74-font-family:"Lato";--e-global-typography-aee3c74-font-size:18px;--e-global-typography-aee3c74-font-weight:500;--e-global-typography-aee3c74-line-height:22px;--e-global-typography-03a3eba-font-family:"Lato";--e-global-typography-03a3eba-font-size:18px;--e-global-typography-03a3eba-font-weight:700;--e-global-typography-03a3eba-line-height:22px;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-family:var( --e-global-typography-03a3eba-font-family ), Sans-serif;font-size:var( --e-global-typography-03a3eba-font-size );font-weight:var( --e-global-typography-03a3eba-font-weight );line-height:var( --e-global-typography-03a3eba-line-height );letter-spacing:var( --e-global-typography-03a3eba-letter-spacing );word-spacing:var( --e-global-typography-03a3eba-word-spacing );color:var( --e-global-color-d45d835 );background-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;padding:10px 15px 10px 15px;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:#FD6600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-size:var( --e-global-typography-03a3eba-font-size );line-height:var( --e-global-typography-03a3eba-line-height );letter-spacing:var( --e-global-typography-03a3eba-letter-spacing );word-spacing:var( --e-global-typography-03a3eba-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-58eb3d5-font-size:2.5rem;--e-global-typography-9f4520d-font-size:2.25rem;--e-global-typography-c477740-font-size:2rem;--e-global-typography-4846c7c-font-size:1.8rem;--e-global-typography-080c64a-font-size:2rem;--e-global-typography-d08b8a3-font-size:1.5rem;--e-global-typography-bfb328c-font-size:1.25rem;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-size:var( --e-global-typography-03a3eba-font-size );line-height:var( --e-global-typography-03a3eba-line-height );letter-spacing:var( --e-global-typography-03a3eba-letter-spacing );word-spacing:var( --e-global-typography-03a3eba-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   BASE.CSS – Global Reset + Layout-System + Elementor Fixes
   Autor: Marcello Insolera
   Projekt: marcelloinsolera.xyz
   ========================================================= */

/* =========================================================
   RESET
   ========================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  line-height: 1.5;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #222;
  background: #fff;
}

/* =========================================================
   TYPOGRAPHIE
   ========================================================= */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.2;
}

p {
  line-height: 1.6;
}

/* Worttrennung & Zeilenumbruch */
p, h1, h2, h3 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* =========================================================
   MEDIEN
   ========================================================= */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* =========================================================
   FORM ELEMENTE
   ========================================================= */
input, button, textarea, select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

/* =========================================================
   LINKS
   ========================================================= */
a {
  color: inherit;
  text-decoration: none;
}

/* =========================================================
   LISTEN & TABELLEN
   ========================================================= */
ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  width: 100%;
}

/* =========================================================
   TYPO MARGIN CONTROL
   ========================================================= */
:where(h1, h2, h3, h4, h5, h6, p) + :where(p) {
  margin-top: 1em;
}

/* =========================================================
   GLOBAL VARIABLES
   ========================================================= */
:root {
  /* --- Breiten --- */
  --max-width: 1920px;
  --content-width: 1140px;

  /* --- Fluid Spacing mit clamp() --- */
  --page-padding: clamp(16px, 5vw, 60px);
  --section-gap: clamp(60px, 10vw, 160px);
  --element-gap: clamp(16px, 3vw, 40px);

  /* --- Farben (optional erweiterbar) --- */
  --color-bg: #fff;
  --color-fg: #222;
}

/* =========================================================
   LAYOUT SYSTEM
   ========================================================= */

/* --- Seitenrahmen --- */
.site-wrapper {
  max-width: var(--max-width);
  margin-inline: auto;
  overflow-x: hidden;
}

/* --- Standard Section --- */
.section {
  padding-block: var(--section-gap);
  background: var(--color-bg);
  color: var(--color-fg);
}

/* --- Abstand zwischen Sections --- */
.section + .section {
  margin-block-start: var(--section-gap);
}

/* --- Innerer Container --- */
.container-inner {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: var(--page-padding);
  display: flex;
  flex-direction: column;
  gap: var(--element-gap);
}

/* --- Fullwidth Section (z. B. Hero) --- */
.section.fullwidth {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  background: var(--color-bg);
}

/* --- Zentrierte Inhalte auch bei Fullwidth --- */
.section.fullwidth .container-inner {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: var(--page-padding);
}

/* =========================================================
   UTILITIES
   ========================================================= */

/* Engere oder weitere Sections */
.section--tight {
  --section-gap: clamp(40px, 6vw, 100px);
}

.section--wide {
  --section-gap: clamp(100px, 12vw, 240px);
}

/* Zentrierung */
.text-center {
  text-align: center;
}

/* Responsive Hide */
.hide-mobile {
  display: none;
}

@media (min-width: 768px) {
  .hide-mobile {
    display: initial;
  }
}

/* =========================================================
   ELEMENTOR EXTENSIONS / FIXES
   ========================================================= */

/* Entfernt unteren Absatz-Abstand im Texteditor */
.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

/* Styling von Links im Texteditor */
.elementor-widget-text-editor a {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-underline-offset: 0.2em;
}

/* Lightlink-Variante für helle Bereiche */
.elementor-widget-text-editor a.lightlink {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #fff;
}

.elementor-widget-text-editor a.lightlink:hover {
  color: #039dd8;
  text-decoration-color: #039dd8;
}

/* Telefonlinks ohne Unterstreichung auf mobilen Geräten */
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

/* Google reCAPTCHA Badge ausblenden (visuell) */
.grecaptcha-badge {
  visibility: hidden;
}

/* hover state für icons in Buttons  */
.elementor-button .elementor-button-icon {
  transition: transform 0.25s ease;
}

.elementor-button:hover .elementor-button-icon {
  transform: translateX(4px);
}

/* =========================================================
   ENDE
   ========================================================= *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sachverstand.dev-entwicklungsumgebung.de/wp-content/uploads/2025/10/Lato-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://sachverstand.dev-entwicklungsumgebung.de/wp-content/uploads/2025/10/Lato-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://sachverstand.dev-entwicklungsumgebung.de/wp-content/uploads/2025/10/Lato-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://sachverstand.dev-entwicklungsumgebung.de/wp-content/uploads/2025/10/Lato-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://sachverstand.dev-entwicklungsumgebung.de/wp-content/uploads/2025/10/lato-medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */