.elementor-kit-5{--e-global-color-primary:#FCA918;--e-global-color-secondary:#27333D;--e-global-color-text:#202A35;--e-global-color-accent:#126775;--e-global-color-sc_orange:#FCA918;--e-global-color-sc_anthrazit:#27333D;--e-global-color-sc_schiefer:#414D57;--e-global-color-sc_hell:#F1F3F4;--e-global-color-sc_sehrhell:#F8F9FA;--e-global-color-sc_rahmen:#DDE2E5;--e-global-color-sc_text:#202A35;--e-global-color-sc_weiss:#FFFFFF;--e-global-color-sc_gruen:#278A56;--e-global-color-sc_petrol:#126775;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1em;--e-global-typography-sc_h1-font-family:"Roboto";--e-global-typography-sc_h1-font-size:48px;--e-global-typography-sc_h1-font-weight:700;--e-global-typography-sc_h1-line-height:1.1em;--e-global-typography-sc_h2-font-family:"Roboto";--e-global-typography-sc_h2-font-size:36px;--e-global-typography-sc_h2-font-weight:700;--e-global-typography-sc_h2-line-height:1.2em;--e-global-typography-sc_h3-font-family:"Roboto";--e-global-typography-sc_h3-font-size:22px;--e-global-typography-sc_h3-font-weight:700;--e-global-typography-sc_h3-line-height:1.3em;--e-global-typography-sc_h4-font-family:"Roboto";--e-global-typography-sc_h4-font-size:18px;--e-global-typography-sc_h4-font-weight:500;--e-global-typography-sc_h4-line-height:1.4em;--e-global-typography-sc_text-font-family:"Roboto";--e-global-typography-sc_text-font-size:17px;--e-global-typography-sc_text-font-weight:400;--e-global-typography-sc_text-line-height:1.6em;--e-global-typography-sc_klein-font-family:"Roboto";--e-global-typography-sc_klein-font-size:15px;--e-global-typography-sc_klein-font-weight:400;--e-global-typography-sc_klein-line-height:1.5em;--e-global-typography-sc_knopf-font-family:"Roboto";--e-global-typography-sc_knopf-font-size:16px;--e-global-typography-sc_knopf-font-weight:500;--e-global-typography-sc_knopf-line-height:1em;color:var( --e-global-color-sc_text );font-family:var( --e-global-typography-sc_text-font-family ), Sans-serif;font-size:var( --e-global-typography-sc_text-font-size );font-weight:var( --e-global-typography-sc_text-font-weight );line-height:var( --e-global-typography-sc_text-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-sc_orange );font-family:var( --e-global-typography-sc_knopf-font-family ), Sans-serif;font-size:var( --e-global-typography-sc_knopf-font-size );font-weight:var( --e-global-typography-sc_knopf-font-weight );line-height:var( --e-global-typography-sc_knopf-line-height );color:var( --e-global-color-sc_text );border-radius:6px 6px 6px 6px;padding:14px 22px 14px 22px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-sc_weiss );color:var( --e-global-color-sc_text );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-sc_petrol );}.elementor-kit-5 a:hover{color:var( --e-global-color-sc_text );}.elementor-kit-5 h1{color:var( --e-global-color-sc_text );font-family:var( --e-global-typography-sc_h1-font-family ), Sans-serif;font-size:var( --e-global-typography-sc_h1-font-size );font-weight:var( --e-global-typography-sc_h1-font-weight );line-height:var( --e-global-typography-sc_h1-line-height );}.elementor-kit-5 h2{color:var( --e-global-color-sc_text );font-family:var( --e-global-typography-sc_h2-font-family ), Sans-serif;font-size:var( --e-global-typography-sc_h2-font-size );font-weight:var( --e-global-typography-sc_h2-font-weight );line-height:var( --e-global-typography-sc_h2-line-height );}.elementor-kit-5 h3{color:var( --e-global-color-sc_text );font-family:var( --e-global-typography-sc_h3-font-family ), Sans-serif;font-size:var( --e-global-typography-sc_h3-font-size );font-weight:var( --e-global-typography-sc_h3-font-weight );line-height:var( --e-global-typography-sc_h3-line-height );}.elementor-kit-5 h4{color:var( --e-global-color-sc_text );font-family:var( --e-global-typography-sc_h4-font-family ), Sans-serif;font-size:var( --e-global-typography-sc_h4-font-size );font-weight:var( --e-global-typography-sc_h4-font-weight );line-height:var( --e-global-typography-sc_h4-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1210px;}.e-con{--container-max-width:1210px;--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){--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-kit-5{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:16px;--e-global-typography-sc_h1-font-size:40px;--e-global-typography-sc_h2-font-size:32px;--e-global-typography-sc_h3-font-size:21px;--e-global-typography-sc_h4-font-size:18px;--e-global-typography-sc_text-font-size:17px;--e-global-typography-sc_klein-font-size:15px;--e-global-typography-sc_knopf-font-size:16px;font-size:var( --e-global-typography-sc_text-font-size );line-height:var( --e-global-typography-sc_text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-sc_h1-font-size );line-height:var( --e-global-typography-sc_h1-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-sc_h2-font-size );line-height:var( --e-global-typography-sc_h2-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-sc_h3-font-size );line-height:var( --e-global-typography-sc_h3-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-sc_h4-font-size );line-height:var( --e-global-typography-sc_h4-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-sc_knopf-font-size );line-height:var( --e-global-typography-sc_knopf-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:28px;--e-global-typography-secondary-font-size:17px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:15px;--e-global-typography-sc_h1-font-size:32px;--e-global-typography-sc_h2-font-size:28px;--e-global-typography-sc_h3-font-size:20px;--e-global-typography-sc_h4-font-size:17px;--e-global-typography-sc_text-font-size:16px;--e-global-typography-sc_klein-font-size:14px;--e-global-typography-sc_knopf-font-size:15px;font-size:var( --e-global-typography-sc_text-font-size );line-height:var( --e-global-typography-sc_text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-sc_h1-font-size );line-height:var( --e-global-typography-sc_h1-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-sc_h2-font-size );line-height:var( --e-global-typography-sc_h2-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-sc_h3-font-size );line-height:var( --e-global-typography-sc_h3-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-sc_h4-font-size );line-height:var( --e-global-typography-sc_h4-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-sc_knopf-font-size );line-height:var( --e-global-typography-sc_knopf-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* safetyCert · Komponenten der neuen Website.
   Gilt im Prototyp und in WordPress (dort im Kit als Website-CSS). Farben nur über die globalen Kit-Variablen
   var(--e-global-color-sc_…), damit eine Änderung im Kit überall ankommt. Klassenpräfix sc-. */

/* ---------- Grundlagen ---------- */
.sc-knopf .elementor-button { border-radius: 6px; font-weight: 500; transition: filter .15s ease; }
.sc-knopf .elementor-button:hover { filter: brightness(1.06); }
.sc-knopf .elementor-button:focus-visible { outline: 3px solid var(--e-global-color-sc_petrol); outline-offset: 2px; }
.sc-knopf--hell .elementor-button { background: var(--e-global-color-sc_weiss); color: var(--e-global-color-sc_text);
  border: 1px solid var(--e-global-color-sc_rahmen); }
.sc-telefon { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; font-weight: 500; white-space: nowrap; }
.sc-telefon:hover { color: var(--e-global-color-sc_petrol); }

/* ---------- Kopfzeile ---------- */
.sc-kopf { border-bottom: 1px solid var(--e-global-color-sc_rahmen); position: relative; z-index: 20; }
.sc-kopf__logo img { width: 120px; height: auto; }
.sc-kopf__menue { margin-left: auto; }
/* Doppelte Klasse: schlägt die Linkfarbe des Kits (.elementor-kit-N a) */
.sc-kopf a.sc-kopf__telefon.sc-telefon { color: var(--e-global-color-sc_text); font-size: 15px; }
.sc-kopf a.sc-kopf__telefon.sc-telefon:hover { color: var(--e-global-color-sc_orange); }
.sc-kopf__knopf .elementor-button { padding: 11px 18px; font-size: 15px; }
@media (max-width: 1024px) {
  .sc-kopf__telefon span { display: none; }
  .sc-kopf__knopf { display: none; }
  .sc-kopf__menue { order: 3; margin-left: 0; }
  .sc-kopf__telefon-w { margin-left: auto; }
}

/* ---------- Fußzeile ---------- */
.sc-fuss { color: var(--e-global-color-sc_weiss); }
.sc-fuss .e-con-inner { align-items: flex-start; }
.sc-fuss__logo img { width: 130px; height: auto; }
.sc-fuss > .e-con-inner > .elementor-element + .elementor-element { border-left: 1px solid var(--e-global-color-sc_schiefer); padding-left: 40px; }
.sc-fuss ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sc-fuss .elementor-element a { color: var(--e-global-color-sc_weiss); text-decoration: none; display: inline-flex; gap: 8px; align-items: center; font-size: 15px; }
.sc-fuss .elementor-element a:hover { color: var(--e-global-color-sc_orange); }
.sc-fuss__titel { font-weight: 700; margin-bottom: 8px; }
.sc-fuss__rechtliches { margin-left: auto; }
@media (max-width: 767px) {
  .sc-fuss > .e-con-inner > .elementor-element + .elementor-element { border-left: 0; padding-left: 0; }
  .sc-fuss__rechtliches { margin-left: 0; }
}

/* ---------- Gemeinsame Teile ---------- */
.sc-akzent { color: var(--e-global-color-sc_orange); }
.sc-haken ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.sc-haken li { position: relative; padding-left: 34px; }
/* Haken als Maske: Form aus dem Lucide-Icon, Farbe aus dem Kit */
.sc-haken li::before { content: ""; position: absolute; left: 0; top: .15em; width: 24px; height: 24px;
  background: var(--e-global-color-sc_gruen); -webkit-mask: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-circle-check%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20/%3E%20%3Cpath%20d%3D%22m16%209-5.5%205.5L8%2012%22%20/%3E%20%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-circle-check%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20/%3E%20%3Cpath%20d%3D%22m16%209-5.5%205.5L8%2012%22%20/%3E%20%3C/svg%3E") center / contain no-repeat; }

/* ---------- Hero ---------- */
.sc-hero { background-color: var(--e-global-color-sc_anthrazit); }
.sc-hero__karte { background: color-mix(in srgb, var(--e-global-color-sc_anthrazit) 90%, transparent); border-radius: 4px; }
.sc-hero__claim .elementor-heading-title { font-size: clamp(22px, 2.4vw, 30px); }
@media (max-width: 767px) {
  .sc-hero { background-size: auto 240px !important; background-repeat: no-repeat; background-position: 70% top !important; }
  .sc-hero__karte { border-radius: 0; background: var(--e-global-color-sc_anthrazit); }
}

/* ---------- Leistungen ---------- */
@media (max-width: 767px) { .sc-leistungen .sc-haken, .sc-haken-block .sc-haken { align-self: flex-start; } }
.sc-karten > .elementor-element, .sc-karten > .e-con { flex: 1 1 220px; }
.sc-karte { position: relative; border: 1px solid var(--e-global-color-sc_rahmen); border-radius: 8px;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--e-global-color-sc_text) 7%, transparent); transition: transform .15s ease, box-shadow .15s ease; }
.sc-karte:hover { transform: translateY(-3px); box-shadow: 0 10px 24px color-mix(in srgb, var(--e-global-color-sc_text) 12%, transparent); }
.sc-karte__icon { color: var(--e-global-color-sc_orange); display: inline-flex; }
.sc-karte__titel a { color: var(--e-global-color-sc_text); text-decoration: none; }
/* Die ganze Karte ist klickbar: der Titel-Link spannt sich über die Karte */
.sc-karte__titel a::after { content: ""; position: absolute; inset: 0; }
.sc-karte__pfeil { color: var(--e-global-color-sc_petrol); display: inline-flex; }
/* Pfeile aller Karten auf einer Linie: das letzte Element rutscht nach unten */
.sc-karte > .elementor-element:last-child, .sc-karte > .e-con-inner > .elementor-element:last-child { margin-top: auto; }
.sc-karte > .e-con-inner, .sc-karte { height: auto; }

/* ---------- So arbeiten wir ---------- */
.sc-arbeitsweise { overflow: hidden; }
.sc-gruppe { width: 40%; align-self: flex-end; }
.sc-gruppe img { width: 100%; max-height: 460px; object-fit: contain; object-position: bottom; }
@media (max-width: 767px) { .sc-gruppe { width: 100%; order: 2; } .sc-gruppe img { max-height: 320px; margin: 0 auto; } }

/* ---------- Vorteilsband ---------- */
.sc-vorteile .e-con-inner { flex-wrap: nowrap; }
.sc-vorteile__titel { flex: 0 0 auto; padding-right: 32px; }
.sc-vorteil { flex: 1 1 0; text-align: center; padding: 6px 20px; border-left: 1px solid var(--e-global-color-sc_schiefer); }
@media (max-width: 767px) {
  .sc-vorteile__titel { padding: 0 0 8px; }
  .sc-vorteil { border-left: 0; border-top: 1px solid var(--e-global-color-sc_schiefer); width: 100%; padding: 10px 0; }
}

/* ---------- FAQ ---------- */
.sc-faq__bild { width: 40%; }
.sc-faq__bild img { border-radius: 6px; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
@media (max-width: 767px) { .sc-faq__bild { width: 100%; } }
.sc-faq__liste { display: grid; gap: 10px; }
.sc-faq__eintrag { background: var(--e-global-color-sc_hell); border-radius: 6px; }
.sc-faq__eintrag summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 18px;
  cursor: pointer; list-style: none; font-weight: 500; }
.sc-faq__eintrag summary::-webkit-details-marker { display: none; }
.sc-faq__eintrag summary svg { flex: none; transition: transform .2s ease; }
.sc-faq__eintrag[open] summary svg { transform: rotate(180deg); }
.sc-faq__eintrag summary:focus-visible { outline: 3px solid var(--e-global-color-sc_petrol); outline-offset: 2px; }
.sc-faq__antwort { padding: 0 18px 16px; }

/* ---------- Erstberatung ---------- */
.sc-erstberatung { margin-top: 90px; margin-bottom: var(--sc-sektion, 40px); overflow: visible; }
.sc-erstberatung__foto { width: 150px; flex: none; align-self: flex-end; margin-top: -100px; margin-bottom: -24px; }
.sc-erstberatung__text { flex: 1 1 auto; border-left: 1px solid var(--e-global-color-sc_schiefer); padding-left: 30px; }
.sc-erstberatung__aktionen { flex: none; }
.sc-erstberatung__aktionen .elementor-button { width: 100%; justify-content: center; }
a.sc-telefon.sc-telefon--knopf { display: flex; width: 100%; justify-content: center; background: var(--e-global-color-sc_weiss); color: var(--e-global-color-sc_text);
  border-radius: 6px; padding: 12px 22px; font-size: 18px; font-weight: 700; }
@media (max-width: 767px) {
  .sc-erstberatung { margin-top: 110px; }
  .sc-erstberatung__foto { margin: -120px auto 0; align-self: center; }
  .sc-erstberatung__text { border-left: 0; padding-left: 0; text-align: center; }
  .sc-erstberatung__aktionen { width: 100%; }
}

/* ---------- Unterseiten ---------- */
.sc-hero--ohne-bild .sc-hero__karte { background: none; padding-left: 0; padding-right: 0; }
@media (max-width: 767px) {
  .sc-hero--seite { background-size: auto 180px !important; }
  .sc-hero--ohne-bild .sc-hero__karte { padding-left: var(--sc-innen, 20px); padding-right: var(--sc-innen, 20px); }
}
.sc-text-bild__bild { width: 40%; }
.sc-text-bild__bild img { border-radius: 6px; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
@media (max-width: 767px) { .sc-text-bild__bild { width: 100%; } .sc-text-bild--rechts .sc-text-bild__bild { order: -1; } }
.sc-haken-block .sc-haken { flex: 1 1 0; }
.sc-schritte > .e-con, .sc-schritte > .e-con-inner > .e-con { flex: 1 1 220px; }
.sc-schritt { background: var(--e-global-color-sc_weiss); border: 1px solid var(--e-global-color-sc_rahmen); border-radius: 8px; padding: 24px; }
.sc-schritt__nummer { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  background: var(--e-global-color-sc_orange); color: var(--e-global-color-sc_text); font-weight: 700; }

/* ---------- Kontakt ---------- */
.sc-kontakt__karte { border-radius: 8px; align-self: flex-start; }
.sc-kontaktwege { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sc-kontaktwege a.sc-telefon { color: var(--e-global-color-sc_text); }
.sc-formular .elementor-field-group { margin-bottom: 14px; }
.sc-formular .elementor-field-textual { border: 1px solid var(--e-global-color-sc_rahmen); border-radius: 6px; padding: 10px 12px;
  background: var(--e-global-color-sc_weiss); font-size: 16px; }
.sc-formular .elementor-field-textual:focus { outline: 2px solid var(--e-global-color-sc_petrol); outline-offset: 1px; }
.sc-formular .elementor-field-type-acceptance label { font-size: 15px; }
.sc-formular .elementor-button { border-radius: 6px; }

/* ---------- Rechtstexte und Beiträge ---------- */
.sc-rechtstext h2, .sc-rechtstext h3, .sc-rechtstext h4 { margin: 1.6em 0 .5em; }
.sc-rechtstext p, .sc-rechtstext ul, .sc-rechtstext ol { margin: 0 0 1em; }
.sc-rechtstext { overflow-wrap: anywhere; }
.sc-beitraege .elementor-posts-nothing-found { padding: 28px; background: var(--e-global-color-sc_hell); border-radius: 8px; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dev.safetycert.de/wp-content/uploads/sc-fonts/roboto-latin-400-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dev.safetycert.de/wp-content/uploads/sc-fonts/roboto-latin-500-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dev.safetycert.de/wp-content/uploads/sc-fonts/roboto-latin-700-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */