.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#95213D;--e-global-color-c8c749d:#7B7EAE;--e-global-color-80cd38b:#F9F8F5;--e-global-color-f1f536e:#FFFFCC;--e-global-color-887e7e1:#C0C0C0;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:46px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:44px;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:36px;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:22px;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-line-height:26px;--e-global-typography-ee941ab-font-family:"DM Sans";--e-global-typography-ee941ab-font-size:16px;--e-global-typography-ee941ab-font-weight:600;--e-global-typography-ee941ab-text-transform:uppercase;--e-global-typography-ee941ab-line-height:20px;--e-global-typography-ee941ab-letter-spacing:2px;--e-global-typography-8216363-font-family:"DM Sans";--e-global-typography-8216363-font-size:24px;--e-global-typography-8216363-font-weight:600;--e-global-typography-8216363-line-height:28px;--e-global-typography-5bdf86d-font-family:"DM Sans";--e-global-typography-5bdf86d-font-size:16px;--e-global-typography-5bdf86d-font-weight:700;--e-global-typography-5bdf86d-line-height:18px;--e-global-typography-19ffee9-font-family:"DM Sans";--e-global-typography-19ffee9-font-size:14px;--e-global-typography-19ffee9-font-weight:400;--e-global-typography-19ffee9-line-height:18px;background-color:var( --e-global-color-v4-weiss );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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 *//* --- Zeilenschaltung in Iconbox --- */

.elementor-icon-box-description {
    white-space: pre-line;
}

/* -- Pfeil Aufzählung -- */ 
.listcheck ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 40px;
}

.listcheck li {
    display: flex;
    align-items: flex-start; /* Richtet das Icon oben aus */
    margin-bottom: 4px;
}

.listcheck li::before {
    content: "";
    flex-shrink: 0; /* Verhindert, dass das Icon gequetscht wird */
    width: 24px;    /* Breite des Pfeils */
    height: 24px;   /* Höhe des Pfeils */
    margin-right: 10px;
    margin-left:-2px;
    margin-top: -1px; /* FEINJUSTIERUNG: Schiebe das Icon pixelweise hoch/runter */
    background-image: url('http://klinkerhaus.de/wp-content/uploads/2026/06/circle-check-regular-full-red.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.listlight li::before {
    background-image: url('http://klinkerhaus.de/wp-content/uploads/2026/06/circle-check-regular-full-red.svg');
}



/* Menüpunkt als Button */
.we-men-btn > a {
  background-color: #7A7A7A;
  color: #ffffff !important;
  padding: 6px 20px 6px 20px !important;
  border-radius: 6px;          /* vollständig gerundet → Pill-Shape */
  transition: all 0.25s ease;
  display: inline-block;
  height: 36px;
  position: relative;
  top: 7px;
}

/* Hover-Effekt */
.we-men-btn > a:hover {
  background-color: #95213D;
  border: 2px solid var(--accent) !important;
  color: #ffffff !important;
}


/* Unterstrich / Border-Bottom entfernen */
.we-men-btn > a::before,
.we-men-btn > a::after {
  display: none !important;
}

/* Elementor-eigene Hover-/Active-Markierung neutralisieren */
.we-men-btn:hover > a,
.we-men-btn.current-menu-item > a,
.we-men-btn.current-menu-ancestor > a {
  border: 2px solid var(--accent) !important;
  box-shadow: none !important;
  /* Farbe aus deinem Button-Style beibehalten: */
  color: #your-color !important;
}

/* -- Korrektur 10.08.2026: Aufzaehlungen mit fetter Einleitung --
   Vorher war .listcheck li ein Flex-Container. Dadurch wurde ein <strong>
   am Zeilenanfang zu einer eigenen Spalte und der Folgetext rutschte weg.
   Jetzt haengendes Icon per absoluter Position, Text laeuft normal. -- */
.listcheck li {
    display: block;
    position: relative;
    padding-left: 32px;
}

.listcheck li::before {
    position: absolute;
    left: -2px;
    top: 2px;
    margin: 0;
}


/* -- Korrektur 10.08.2026: Status-Badge auf den Referenzkarten --
   Das Abzeichen wurde vom Flex-Container in die Hoehe gezogen. -- */
.elementor-3056 .elementor-element.elementor-element-d4fd79a{align-self:flex-start;height:auto}/* End custom CSS */