.elementor-kit-7{--e-global-color-primary:#0D0F12;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#1B1B1B;--e-global-color-accent:#DA251D;--e-global-color-ab1298a:#EFEFEF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-a7c7b7b-font-family:"Sora";--e-global-typography-a7c7b7b-font-weight:700;--e-global-typography-9e8d1d0-font-family:"Sora";--e-global-typography-9e8d1d0-font-weight:600;--e-global-typography-ffd98f1-font-family:"Roboto Semicondensed";--e-global-typography-ffd98f1-font-weight:400;--e-global-typography-a81ccdc-font-family:"Roboto";--e-global-typography-a81ccdc-font-weight:600;--e-global-typography-58ba5dc-font-family:"Sora";--e-global-typography-58ba5dc-font-size:3rem;--e-global-typography-58ba5dc-font-weight:700;--e-global-typography-b8cfffa-font-family:"Roboto Semicondensed";--e-global-typography-b8cfffa-font-size:2rem;--e-global-typography-b8cfffa-font-weight:600;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   GLOBAL DESIGN TOKENS (Sora + Roboto)
   ---------------------------------------------------------
   - Fonts holen sich Elementor-Globals, mit Fallback
   - Farben basieren auf Elementor-Globals + Brand-States
   - Widgets möglichst auf "Standard/Default" lassen
   ======================================================= */

:root {
  /* Schriften (ziehen Elementor-Globals, mit Fallback) */
  --ff-display: var(--e-global-typography-primary-font-family, "Sora"), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ff-heading: var(--e-global-typography-secondary-font-family, "Sora"), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ff-body:    var(--e-global-typography-text-font-family, "Roboto"), system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --ff-ui:      var(--e-global-typography-accent-font-family, "Roboto"), system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* Fluid Font Sizes (clamp) */
  --fs-h1:   clamp(32px, 6vw, 64px);
  --fs-h2:   clamp(24px, 3.2vw, 36px);
  --fs-h3:   clamp(20px, 2.4vw, 28px);
  --fs-h4:   clamp(18px, 2vw, 22px);
  --fs-h5:   clamp(17px, 1.8vw, 20px);
  --fs-h6:   clamp(16px, 1.6vw, 18px);
  --fs-body: clamp(16px, 1.4vw, 18px);
  --fs-small:clamp(12px, 1.1vw, 13px);

  /* Line-Heights */
  --lh-h1: 1.10;
  --lh-h2: 1.22;
  --lh-h3: 1.25;
  --lh-h4: 1.30;
  --lh-h5: 1.35;
  --lh-h6: 1.40;
  --lh-body: 1.60;

  /* Letter-Spacing */
  --ls-h1: -0.01em;
  --ls-h2: -0.004em;
  --ls-ui:  0.01em;
  --ls-overline: 0.06em;

  /* Farben – Basis aus Elementor-Globals, States als Brand-Werte */
  --c-text:   var(--e-global-color-text, #1B1B1B);
  --c-accent: var(--e-global-color-accent, #DA251D);
  --c-ui:     var(--e-global-color-secondary, #E9EEF3);
  --c-muted:  rgba(27,27,27,.72);

  /* Brand-Zustände & Utilities */
  --c-accent-hover:   #C4211A;            /* ~10% dunkler */
  --c-accent-pressed: #B91F19;            /* ~15% dunkler */
  --c-accent-soft:    rgba(218,37,29,.10);/* Tönung für Badges/Chips/Hintergründe */
}

/* =========================================================
   BASIS-TYPOGRAFIE
   ======================================================= */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  hyphens: none; /* Silbentrennung global aus */
}

body {
  font-family: var(--ff-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--c-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings – universal */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .6em 0;
  font-family: var(--ff-heading);
  font-weight: 600;
  color: var(--c-text);
}

/* Größen/Zeilenhöhe für native Heading-Tags */
h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); font-weight: 700; }
h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); }
h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); }
h4 { font-size: var(--fs-h4); line-height: var(--lh-h4); }
h5 { font-size: var(--fs-h5); line-height: var(--lh-h5); }
h6 { font-size: var(--fs-h6); line-height: var(--lh-h6); }

/* Elementor Heading Widget – holt sich globale Tokens */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--ff-heading) !important;
  color: var(--c-text);
}
.elementor-widget-heading h1.elementor-heading-title { font-size: var(--fs-h1) !important; line-height: var(--lh-h1) !important; letter-spacing: var(--ls-h1); font-weight:700; }
.elementor-widget-heading h2.elementor-heading-title { font-size: var(--fs-h2) !important; line-height: var(--lh-h2) !important; letter-spacing: var(--ls-h2); }
.elementor-widget-heading h3.elementor-heading-title { font-size: var(--fs-h3) !important; line-height: var(--lh-h3) !important; }
.elementor-widget-heading h4.elementor-heading-title { font-size: var(--fs-h4) !important; line-height: var(--lh-h4) !important; }
.elementor-widget-heading h5.elementor-heading-title { font-size: var(--fs-h5) !important; line-height: var(--lh-h5) !important; }
.elementor-widget-heading h6.elementor-heading-title { font-size: var(--fs-h6) !important; line-height: var(--lh-h6) !important; }

/* Fließtext & Listen */
p { margin: 0 0 .9em; }
ul, ol { margin: 0 0 1em; padding-left: 1.2em; }
li { margin: .2em 0; }

/* =========================================================
   LINKS
   ======================================================= */

a {
  color: var(--c-accent);
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}
a:hover,
a:focus {
  color: var(--c-accent-hover);
  text-decoration: underline;
}

/* =========================================================
   EYEBROW / OVERLINE & SECTION-ACCENT
   ======================================================= */

.overline {
  font-family: var(--ff-ui);
  font-weight: 600;
  font-size: var(--fs-small);
  letter-spacing: var(--ls-overline);
  text-transform: uppercase;
  color: var(--c-muted);
  margin: 0 0 .5rem 0;
}

/* Akzentlinie unter Sektionstiteln */
.section-accent {
  width: 72px;
  height: 3px;
  background: var(--c-accent);
  border-radius: 2px;
  margin-top: 12px;
}

/* Hero-Double-Line */
.h1-line1,
.h1-line2 { display:block; }

.h1-line1 {
  font-family: var(--ff-display);
  font-weight: 700;
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  letter-spacing: var(--ls-h1);
  margin-bottom: .1em;
}
.h1-line2 {
  font-family: var(--ff-heading);
  font-weight: 600;
  font-size: clamp(22px, 3.2vw, 36px);
  line-height: 1.15;
}

/* =========================================================
   BUTTONS
   ======================================================= */

.elementor-button,
.wp-element-button {
  font-family: var(--ff-ui);
  font-weight: 600;
  letter-spacing: var(--ls-ui);
  border-radius: 12px;
  line-height: 1.1;
  padding: .85em 1.25em;
  background: var(--c-accent);
  color: #fff;
  border: 1px solid transparent;
}

.elementor-button:hover,
.wp-element-button:hover {
  background: var(--c-accent-hover);
}

.elementor-button:active,
.wp-element-button:active {
  background: var(--c-accent-pressed);
}

.elementor-button:focus-visible,
.wp-element-button:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
}

/* =========================================================
   FORMULARE
   ======================================================= */

input,
textarea,
select {
  font-family: var(--ff-body);
  font-size: var(--fs-body);
  line-height: 1.4;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  border-radius: 10px;
}

/* =========================================================
   KARTEN / BOXEN / TABELLEN
   ======================================================= */

.card,
.box,
.elementor-widget-container.card {
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(13,15,18,0.06);
}

/* Karten/Boxen auf hell: feiner Hover */
.card:hover,
.box:hover,
.elementor-widget-container.card:hover {
  box-shadow: 0 10px 30px rgba(27,27,27,.10);
}

/* Tabellen (falls genutzt) */
table {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(14px, 1.2vw, 16px);
}
th, td {
  padding: .6em .8em;
  border-bottom: 1px solid var(--c-ui);
}
th {
  text-align: left;
  font-weight: 600;
}

/* Bilder – sichere max-width */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Utility: Text gedämpft */
.text-muted { color: var(--c-muted); }

/* Utility: kleine Trennlinie */
.hr-soft {
  height:1px;
  background: var(--c-ui);
  border:0;
  margin: 24px 0;
}

/* =========================================================
   DUNKLE SEKTIONEN (Footer, Hero mit dunklem Overlay)
   ======================================================= */

.bg-dark {
  background: #1B1B1B;
  color: #fff;
}

.bg-dark .elementor-heading-title,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
  color: #fff;
}

.bg-dark p,
.bg-dark li,
.bg-dark .text-muted {
  color: rgba(255,255,255,.85);
}

.bg-dark a {
  color: #fff;
  text-decoration-color: rgba(255,255,255,.6);
}

.bg-dark a:hover {
  color: #fff;
  text-decoration-color: rgba(255,255,255,.85);
}

.bg-dark .elementor-button,
.bg-dark .wp-element-button {
  background: #fff;
  color: #1B1B1B;
}

.bg-dark .section-accent {
  background: #fff;
}

/* Badges/Chips */
.badge,
.chip {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  background: var(--c-accent-soft);
  color: var(--c-text);
  border-radius: 999px;
  padding: .35em .7em;
  font: 600 var(--fs-small)/1.2 var(--ff-ui);
}

/* =========================================================
   TYPO-FEINTUNING FÜR ELEMENTOR-WIDGETS
   (aus "Zusätzliches CSS" übernommen)
   ======================================================= */

/* Gilt für alle Text-Editor-Widgets */
.elementor-widget-text-editor {
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

/* Gilt für alle Icon-Box-Widgets */
.elementor-widget-icon-box {
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-Regular-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Roboto-Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Sora-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Sora-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Sora-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Sora-Regular-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Sora-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Sora-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Sora-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/Sora-ExtraBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Semicondensed';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://neu.id-micro.de/wp-content/uploads/2025/08/RobotoSemiCondensed-Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */