/*
Theme Name: JANUS-Sicherheitstechnik Child
Theme URI: https://www.janus-gmbh.org
Description: Child Theme für JANUS-Sicherheitstechnik GmbH – Elektro- und Datentechnik, Dettenheim. Eigenes Designsystem: Rot (#E10E29) + Schwarz, Barlow Condensed / Barlow, industriell-handwerklich, Recruiting-Fokus. Erstellt von legendaerr Digital Agency.
Author: legendaerr Digital Agency
Template: Divi
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');

/* ============ DESIGN TOKENS (JANUS) ============ */
:root{
  --red:#E10E29; --red-d:#B00A20; --red-dd:#8C0819;
  --ink:#15171B; --ink2:#1E2127; --graphite:#2A2E36; --graphite2:#33383F;
  --bg:#F5F5F3; --bg2:#ECECE8; --white:#fff;
  --line:#E4E4DF; --muted:#5C626D; --muted2:#8A8F98;
  --font-display:'Barlow Condensed',sans-serif;
  --font-body:'Barlow',sans-serif;
}

/* ============ BASIS ============ */
body,.et_pb_text,.et_pb_blurb_description{font-family:var(--font-body);color:var(--ink);line-height:1.62}
h1,h2,h3,h4,h5,h6,.et_pb_module_header{font-family:var(--font-display)!important;letter-spacing:.005em;color:var(--ink);line-height:1.04;font-weight:800;text-transform:uppercase}
h3.et_pb_module_header,.et_pb_text h3{letter-spacing:.01em}
a{color:var(--red)}a:hover{color:var(--red-d)}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.jn-cardlink{display:inline-block;margin-top:14px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:14px;color:#fff!important}
.jn-cards .et_pb_column:hover .jn-cardlink{color:var(--red)!important}
.jn-fullbleed #main-content .container{width:100%!important;max-width:100%!important;padding:0!important}
.jn-fullbleed #left-area{width:100%!important;padding:0!important}
.jn-fullbleed .et_post_meta_wrapper>h1.entry-title,.jn-fullbleed .entry-title{display:none!important}
.jn-fullbleed #main-content article>.entry-content{margin:0!important}
.et_pb_row{max-width:1180px}

/* ============ HEADER / NAV ============ */
#main-header{background:#fff!important;box-shadow:0 1px 0 var(--line)!important}
#top-header{background:var(--ink)!important}
#top-header .et-social-icons a,#top-header #et-secondary-nav li a,#top-header .et-extra-info,#top-header span{color:#c9ccd2!important;font-family:var(--font-body)!important}
#et-top-navigation nav>ul>li>a,.et_mobile_menu li a{font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)!important;font-size:16px}
#et-top-navigation nav>ul>li>a:hover{color:var(--red)!important;opacity:1}
.et_mobile_menu{background:#fff!important;border-top-color:var(--red)!important}
.mobile_menu_bar:before,#et_top_search .et-search-icon:before,#et_search_icon:before{color:var(--ink)!important}
.et-fixed-header#main-header{box-shadow:0 4px 24px -16px rgba(0,0,0,.4)!important}

/* ============ BUTTONS ============ */
.et_pb_button{font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;border-radius:2px!important;padding:15px 30px!important;background-color:var(--red)!important;border:2px solid var(--red)!important;color:#fff!important;transition:all .2s ease;font-size:16px!important}
.et_pb_button:hover{background-color:var(--red-d)!important;border-color:var(--red-d)!important}
.et_pb_button:after,.et_pb_button:before{display:none!important}
.et_pb_button.jn-btn-dark,.et_pb_button.jn-btn-dark:hover{background-color:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.et_pb_button.jn-btn-dark:hover{background-color:#000!important;border-color:#000!important}
.et_pb_button.jn-btn-ghost{background:transparent!important;background-color:transparent!important;border-color:rgba(255,255,255,.6)!important;color:#fff!important}
.et_pb_button.jn-btn-ghost:hover,.et_pb_button.jn-btn-ghost:hover *{background:var(--red)!important;background-color:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.et_pb_button.jn-btn-out{background:transparent!important;background-color:transparent!important;border-color:var(--ink)!important;color:var(--ink)!important}
.et_pb_button.jn-btn-out:hover{background:var(--ink)!important;background-color:var(--ink)!important;color:#fff!important}

/* ============ KICKER / OVERLINE ============ */
.jn-kicker p,.jn-kicker{font-family:var(--font-display)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.18em!important;color:var(--red)!important;font-size:15px!important;margin:0 0 10px!important}
.jn-kicker p{display:inline-flex!important;align-items:center;gap:12px}
.jn-kicker p:before{content:"";display:inline-block;width:30px;height:3px;background:var(--red);flex:none}

/* ============ EDITIERBARER VOLLBILD-HINTERGRUND (Bild-Modul) ============ */
.jn-bgrow{position:absolute!important;inset:0!important;z-index:0!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;height:100%}
.jn-bgrow>.et_pb_column{width:100%!important;margin:0!important;height:100%;padding:0!important}
.jn-bgrow .et_pb_module,.jn-bgrow .et_pb_image,.jn-bgrow .et_pb_image .et_pb_image_wrap{height:100%!important;width:100%;margin:0!important;display:block}
.jn-bgrow img{width:100%;height:100%;object-fit:cover;display:block}

/* ============ HERO ============ */
.et_pb_section.jn-hero{position:relative;overflow:hidden;margin:0}
.et_pb_section.jn-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,rgba(10,11,13,.94),rgba(15,17,21,.82) 44%,rgba(15,17,21,.32))}
.et_pb_section.jn-hero:after{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--red);z-index:3}
.et_pb_section.jn-hero>.et_pb_row{position:relative;z-index:2}
.et_pb_section.jn-hero .et_pb_text:not(.jn-kicker):not(.jn-hstats){color:#e7e8ea!important}
.et_pb_section.jn-hero h1{color:#fff!important;font-weight:800;font-size:64px}
.et_pb_section.jn-hero .et_pb_button_module_wrapper{display:inline-block;margin:6px 14px 6px 0}
.jn-hstats{margin-top:28px!important}
.jn-hstats p{margin:0;color:#cfd2d7!important}
.jn-hstats .n{font-family:var(--font-display);font-weight:800;font-size:34px;color:#fff;display:block;line-height:1}
.jn-hstats .l{font-size:14px;color:var(--muted2);letter-spacing:.03em;display:block;margin-top:4px;text-transform:uppercase}

/* ============ JOB-TICKER (Recruiting-Leiste unter Hero) ============ */
.et_pb_section.jn-ticker{background:var(--red)!important;margin:0}
.et_pb_section.jn-ticker .et_pb_text{color:#fff!important;text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:17px}
.et_pb_section.jn-ticker .et_pb_text strong{font-weight:800;letter-spacing:.1em;margin-right:6px}
.et_pb_section.jn-ticker .et_pb_text a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.et_pb_section.jn-ticker .et_pb_text .sep{opacity:.6;margin:0 10px}

/* ============ SECTION KÖPFE ============ */
.jn-lead p{color:var(--muted)!important;font-size:18px!important}

/* ============ SPLIT (Text + Bild) ============ */
.jn-splitrow{width:100%!important;max-width:1180px!important;display:flex!important;flex-wrap:wrap;align-items:stretch;gap:0}
.jn-splitrow>.et_pb_column{width:50%!important;margin:0!important}
.jn-split-txt{padding:70px 5%!important;align-self:center;position:relative}
.jn-split-txt:before{content:"";position:absolute;left:0;top:70px;bottom:70px;width:4px;background:var(--red)}
.jn-piccol{min-height:480px;position:relative;overflow:hidden;padding:0!important}
.jn-piccol .jn-pic,.jn-piccol .jn-pic .et_pb_image_wrap{position:absolute!important;inset:0;width:100%;height:100%;margin:0!important;display:block}
.jn-piccol .jn-pic img{width:100%;height:100%;object-fit:cover;display:block}
.jn-badge{position:absolute!important;left:20px;bottom:20px;z-index:4;background:var(--red);color:#fff;padding:18px 24px;box-shadow:0 18px 48px -22px rgba(0,0,0,.6)}
.jn-badge p{margin:0}
.jn-badge .n{font-family:var(--font-display);font-weight:800;font-size:36px;line-height:1;display:block;color:#fff}
.jn-badge .l{font-size:13px;letter-spacing:.08em;color:#ffd7dc;display:block;margin-top:4px;text-transform:uppercase}
@media(max-width:980px){.jn-splitrow>.et_pb_column{width:100%!important}.jn-split-txt{padding:48px 7vw!important}.jn-split-txt:before{display:none}.jn-piccol{min-height:320px}}

/* Feature-Liste mit rotem Haken */
.jn-list ul{list-style:none!important;margin:8px 0 0!important;padding:0!important}
.jn-list li{padding-left:32px;position:relative;margin-bottom:12px;list-style:none!important;color:var(--ink)}
.jn-list li:before{content:"";position:absolute;left:0;top:9px;width:15px;height:9px;border-left:3px solid var(--red);border-bottom:3px solid var(--red);transform:rotate(-45deg)}

/* Zweispaltige kompakte Leistungsliste */
.jn-collist ul{list-style:none!important;margin:0!important;padding:0!important;columns:2;column-gap:40px}
.jn-collist li{padding-left:26px;position:relative;margin-bottom:11px;break-inside:avoid;color:var(--ink)}
.jn-collist li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:7px;border-left:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:rotate(-45deg)}
@media(max-width:640px){.jn-collist ul{columns:1}}

/* ============ LEISTUNGS-CARDS (solide dunkle Karten mit Index) ============ */
.jn-cards .et_pb_column{background:var(--ink)!important;border-radius:3px;padding:36px 30px 32px!important;margin-bottom:0!important;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s}
.jn-cards .et_pb_column:before{content:"";position:absolute;left:0;top:0;height:4px;width:0;background:var(--red);transition:width .28s ease}
.jn-cards .et_pb_column:hover{transform:translateY(-6px);box-shadow:0 26px 60px -26px rgba(0,0,0,.55)}
.jn-cards .et_pb_column:hover:before{width:100%}
.jn-cards .jn-no p{font-family:var(--font-display);font-weight:800;color:var(--red);font-size:30px;letter-spacing:.04em;margin:0 0 8px;line-height:1}
.jn-cards h3{font-size:23px;color:#fff!important;margin:0 0 10px}
.jn-cards .et_pb_text{color:#b9bdc4!important;font-size:15px}
.jn-cards .et_pb_text a{color:#fff!important}

/* helle Feature-Cards (3er) */
.jn-fcards .et_pb_column{background:#fff!important;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:3px;padding:30px 26px!important;margin-bottom:0!important;transition:transform .2s,box-shadow .2s}
.jn-fcards .et_pb_column:hover{transform:translateY(-5px);box-shadow:0 18px 48px -22px rgba(0,0,0,.22)}
.jn-fcards h3{font-size:21px;color:var(--ink)!important;margin:0 0 8px}
.jn-fcards .et_pb_text{color:var(--muted)!important}

/* gleiche Kartenhöhe (Desktop): Reihe als Flexbox mit gleicher Höhe */
.et_pb_row.jn-cards,.et_pb_row.jn-fcards{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:22px;max-width:1180px}
.jn-cards>.et_pb_column,.jn-fcards>.et_pb_column{width:calc((100% - 44px)/3)!important;margin:0!important;float:none!important;display:flex;flex-direction:column}

/* ============ STATS BAND (rote Zähler) ============ */
.et_pb_section.jn-stats{background:var(--red)!important;margin:0}
.jn-stats h3{color:#fff!important;font-size:52px}
.jn-statlabel p{color:#ffe0e4!important;margin:0;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-display);font-weight:600}

/* ============ CTA ============ */
.et_pb_section.jn-cta{background:var(--ink)!important;position:relative;overflow:hidden;margin:0}
.et_pb_section.jn-cta:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border:40px solid var(--red);opacity:.12;transform:rotate(45deg)}
.et_pb_section.jn-cta h2{color:#fff!important}
.et_pb_section.jn-cta .et_pb_text:not(.jn-kicker){color:#c7cbd1!important}

/* ============ KARRIERE ============ */
.et_pb_section.jn-career{background:var(--ink)!important;position:relative;overflow:hidden}
.et_pb_section.jn-career h2,.et_pb_section.jn-career h3{color:#fff!important}
.et_pb_section.jn-career .jn-kicker p{color:#ff5f74!important}
.et_pb_section.jn-career .et_pb_text:not(.jn-kicker){color:#c7cbd1!important}
.jn-benefits .et_pb_column{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:26px 22px!important;margin-bottom:0!important}
.jn-benefits h4{color:#fff!important;font-size:19px;margin:6px 0 8px;font-family:var(--font-display);text-transform:uppercase}
.jn-benefits .et_pb_text{color:#b3b8c0!important;font-size:15px}

/* helle Benefits (Karriere „Warum Janus") */
.et_pb_section.jn-benefits-sec{background:var(--bg)!important}
.jn-benefits-light .et_pb_column{background:#fff!important;border:1px solid var(--line);border-radius:3px;padding:28px 24px!important;margin-bottom:0!important;min-height:200px;transition:transform .2s,box-shadow .2s}
.jn-benefits-light .et_pb_column:hover{transform:translateY(-4px);box-shadow:0 18px 48px -22px rgba(0,0,0,.2)}
.jn-benefits-light h4{color:var(--ink)!important;font-size:19px;margin:0 0 8px;font-family:var(--font-display);text-transform:uppercase}
.jn-benefits-light .et_pb_text{color:var(--muted)!important;font-size:15px}
@media(max-width:980px){.jn-benefits-light .et_pb_column{min-height:0}}

/* ============ JOB-KARTEN (Karriere-Übersicht) ============ */
.jn-jobs2 a.jn-jc{display:block;background:#fff;border:1px solid var(--line);border-left:5px solid var(--red);border-radius:3px;padding:26px 30px;margin-bottom:14px;transition:transform .2s,box-shadow .2s;text-decoration:none}
.jn-jobs2 a.jn-jc:hover{transform:translateX(5px);box-shadow:0 18px 48px -22px rgba(0,0,0,.28)}
.jn-jobs2 .jn-jc .jt{font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--ink);margin:0 0 10px;display:block;text-transform:uppercase}
.jn-jobs2 .jn-jc .jm{margin:0 0 4px}
.jn-jobs2 .jn-jc .jm span{display:inline-block;font-size:13px;color:var(--muted);background:var(--bg2);border-radius:40px;padding:4px 13px;margin:0 6px 6px 0;font-family:var(--font-body);text-transform:none}
.jn-jobs2 .jn-jc .go{display:inline-block;margin-top:8px;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--red);text-transform:uppercase;letter-spacing:.04em}

/* ============ JOB-DETAILSEITE ============ */
.jn-jd{display:grid;grid-template-columns:1.6fr .9fr;gap:44px;align-items:start}
.jn-jd .main h3{font-size:22px;margin:28px 0 8px;color:var(--ink)}
.jn-jd .main p{color:var(--muted)}
.jn-jd .side{background:var(--ink);border-radius:3px;padding:30px;position:sticky;top:100px}
.jn-jd .side .rw{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}
.jn-jd .side .rw:last-of-type{border-bottom:0}
.jn-jd .side .k{color:#a9aeb7}
.jn-jd .side .v{font-family:var(--font-display);font-weight:700;color:#fff;text-align:right;text-transform:uppercase}
.jn-jd .side .apply{display:block;text-align:center;margin-top:20px;background:var(--red);color:#fff;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:15px;border-radius:2px;text-decoration:none}
.jn-jd .side .apply:hover{background:var(--red-d)}
.jn-jd .side .back{display:block;text-align:center;margin-top:10px;font-size:14px;color:#cfd2d7;font-family:var(--font-display);text-transform:uppercase}
@media(max-width:860px){.jn-jd{grid-template-columns:1fr}.jn-jd .side{position:static}}

/* ============ JOB-DETAIL (native Divi-Spalten, robust) ============ */
.jn-jd-main h3{font-size:22px;margin:28px 0 8px;color:var(--ink)}
.jn-jd-main .et_pb_text:first-child p:first-child{font-size:18px;color:var(--ink)}
.jn-jd-main p{color:var(--muted)}
.jn-jd-main ul{list-style:none!important;margin:2px 0 4px!important;padding:0!important}
.jn-jd-main li{padding-left:30px;position:relative;margin-bottom:10px;list-style:none!important;color:var(--ink)}
.jn-jd-main li:before{content:"";position:absolute;left:0;top:9px;width:14px;height:8px;border-left:3px solid var(--red);border-bottom:3px solid var(--red);transform:rotate(-45deg)}
.et_pb_column.jn-jd-side{background:var(--ink)!important;border-radius:3px;padding:30px!important;align-self:start}
.jn-jd-side .et_pb_text,.jn-jd-side p{color:#cfd2d7!important}
.jn-jd-side .rw{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}
.jn-jd-side .rw:last-of-type{border-bottom:0}
.jn-jd-side .k{color:#a9aeb7}
.jn-jd-side .v{font-family:var(--font-display);font-weight:700;color:#fff;text-transform:uppercase}
.jn-jd-side .apply{display:block;text-align:center;margin-top:20px;background:var(--red);color:#fff;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:15px;border-radius:2px;text-decoration:none}
.jn-jd-side .apply:hover{background:var(--red-d);color:#fff}
.jn-jd-side .back{display:block;text-align:center;margin-top:10px;font-size:14px;color:#cfd2d7;font-family:var(--font-display);text-transform:uppercase;text-decoration:none}
@media(max-width:980px){.et_pb_column.jn-jd-side{margin-top:24px!important}}

/* ============ INITIATIVBEWERBUNG ============ */
.jn-initiativ{background:var(--red);border-radius:3px;padding:38px 40px;text-align:center}
.jn-initiativ h3{color:#fff!important;font-size:26px;margin:0 0 8px}
.jn-initiativ p{color:#ffe0e4!important;margin:0 0 18px}
.jn-initiativ a{display:inline-block;background:#fff;color:var(--red);font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:14px 30px;border-radius:2px;text-decoration:none}
.jn-initiativ a:hover{background:var(--ink);color:#fff}

/* ============ TIMELINE ============ */
.jn-tl .et_pb_text{position:relative;padding-left:36px!important;margin-bottom:26px!important}
.jn-tl .et_pb_text:before{content:"";position:absolute;left:6px;top:8px;bottom:-26px;width:2px;background:var(--line)}
.jn-tl .et_pb_text:last-child:before{display:none}
.jn-tl .et_pb_text:after{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--red);box-sizing:border-box}
.jn-tl .y{font-family:var(--font-display);font-weight:800;color:var(--red);font-size:20px;margin-right:10px}
.jn-tl .ti{font-family:var(--font-display);font-weight:700;color:var(--ink);text-transform:uppercase}
.jn-tl .d{color:var(--muted)!important;margin:4px 0 0;font-size:15px;display:block}

/* ============ KONTAKT CTA BOX ============ */
.jn-contactbox{background:#fff!important;border:1px solid var(--line);border-left:5px solid var(--red);border-radius:3px;padding:46px!important}
.jn-contactbox .et_pb_text{color:var(--muted)!important}
.jn-contactinfo strong{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em}

/* ============ KONTAKTFORMULAR (smart, Privat/Gewerbe) ============ */
.jn-form form{background:#fff;box-shadow:0 18px 48px -26px rgba(0,0,0,.32);padding:34px 32px;border-top:4px solid var(--red);border-radius:3px}
.jn-form label{display:block;font-family:var(--font-display);font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:14px;color:var(--ink);margin:14px 0 6px}
.jn-form input,.jn-form textarea,.jn-form select{width:100%;border:1px solid #d6d6d0;padding:13px 14px;font-family:var(--font-body);font-size:15px;background:#fafaf8;border-radius:3px;color:var(--ink)}
.jn-form input:focus,.jn-form textarea:focus,.jn-form select:focus{outline:none;border-color:var(--red);background:#fff}
.jn-form textarea{min-height:130px}
.jn-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23E10E29' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.jn-form button{margin-top:20px;width:100%;background:var(--red);color:#fff;border:none;padding:16px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:17px;cursor:pointer;border-radius:2px;transition:background .2s}
.jn-form button:hover{background:var(--red-d)}
.jn-form .sent{background:#E1F5EE;border-left:4px solid #1D9E75;padding:14px 16px;color:#0F6E56;margin-bottom:16px;border-radius:3px}
/* Segmented toggle Privat/Gewerbe */
.jn-audience{display:flex;gap:0;margin:6px 0 4px;border:2px solid var(--ink);border-radius:3px;overflow:hidden}
.jn-audience label{flex:1;margin:0!important;text-align:center;padding:12px 8px;cursor:pointer;background:#fff;color:var(--ink);transition:all .18s;border:none}
.jn-audience label:first-child{border-right:2px solid var(--ink)}
.jn-audience input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.jn-audience label.on{background:var(--ink);color:#fff}
.jn-audience label.on.gw{background:var(--red)}
.jn-topicwrap[hidden]{display:none}

/* ============ FORMINATOR BEWERBUNGSFORMULAR ============ */
.jn-forminator{max-width:760px;margin:0 auto}
.jn-forminator .forminator-ui.forminator-custom-form{background:#fff!important;box-shadow:0 18px 48px -26px rgba(0,0,0,.3)!important;padding:34px 32px!important;border-top:4px solid var(--red)!important;border-radius:3px!important}
.jn-forminator .forminator-label,.jn-forminator label{font-family:var(--font-display)!important;text-transform:uppercase!important;font-weight:700!important;letter-spacing:.03em!important;color:var(--ink)!important;font-size:14px!important}
.jn-forminator .forminator-button-submit,.jn-forminator button[type=submit]{font-family:var(--font-display)!important;text-transform:uppercase!important;font-weight:800!important;letter-spacing:.06em!important;border-radius:2px!important;background:var(--red)!important;border-color:var(--red)!important}
.jn-forminator .forminator-button-submit:hover{background:var(--red-d)!important}
.jn-forminator .forminator-field .forminator-input,.jn-forminator select,.jn-forminator textarea{border-radius:3px!important}

/* ============ PAGE HERO (Unterseiten) ============ */
.et_pb_section.jn-phero{position:relative;overflow:hidden;margin:0}
.et_pb_section.jn-phero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,rgba(10,11,13,.93),rgba(15,17,21,.80) 56%,rgba(15,17,21,.34))}
.et_pb_section.jn-phero:after{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--red);z-index:3}
.et_pb_section.jn-phero>.et_pb_row{position:relative;z-index:2}
.et_pb_section.jn-phero h1{color:#fff!important;font-size:56px}
.et_pb_section.jn-phero .et_pb_text:not(.jn-kicker){color:#e0e2e5!important}
.et_pb_section.jn-phero .jn-kicker p{color:#ff5f74!important}

/* ============ REFERENZEN-LOGOS / LISTE ============ */
.jn-reflist .et_pb_column{background:#fff!important;border:1px solid var(--line);border-radius:3px;padding:20px 22px!important;margin-bottom:0!important;text-align:center;min-height:74px;display:flex;align-items:center;justify-content:center}
.jn-reflist .et_pb_text{color:var(--ink)!important;font-family:var(--font-display);font-weight:700;font-size:16px;width:100%;text-transform:uppercase;letter-spacing:.01em}

/* ============ MAP ============ */
.jn-mapfull .et_pb_row{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}
.jn-mapfull .et_pb_column{width:100%!important;margin:0!important}

/* ============ FOOTER ============ */
#main-footer{background:var(--ink)!important}
#footer-widgets{background:var(--ink)!important;padding-bottom:30px}
#footer-widgets .footer-widget h4{color:#fff!important;font-family:var(--font-display)!important;letter-spacing:.1em;text-transform:uppercase;font-size:15px}
#footer-widgets .footer-widget,#footer-widgets .footer-widget a,#footer-widgets p,#footer-widgets li{color:rgba(255,255,255,.6)!important}
#footer-widgets .footer-widget a:hover{color:#fff!important}
#footer-bottom{background:rgba(0,0,0,.3)!important}
#footer-info,#footer-info a{color:rgba(255,255,255,.5)!important}
/* Eigener Footer via Sektionen */
.et_pb_section.jn-foot{background:var(--ink)!important;margin:0}
.et_pb_section.jn-foot h4{color:#fff!important;font-family:var(--font-display)!important;letter-spacing:.1em;text-transform:uppercase;font-size:15px}
.et_pb_section.jn-foot .et_pb_text,.et_pb_section.jn-foot .et_pb_text a{color:rgba(255,255,255,.64)!important;font-size:15px}
.et_pb_section.jn-foot .et_pb_text a:hover{color:#fff!important}
.et_pb_section.jn-foot .jn-flogo img{height:46px!important;width:auto!important;margin-bottom:12px}
.et_pb_section.jn-footbar{background:#000!important;border-top:1px solid rgba(255,255,255,.16)!important;margin:0}
.et_pb_section.jn-footbar .et_pb_text,.et_pb_section.jn-footbar .et_pb_text a{color:rgba(255,255,255,.5)!important;font-size:13px}

/* ============ WORTUMBRUCH ============ */
h1,h2,h3,h4,h5,h6,p,.et_pb_module_header,.et_pb_text,.et_pb_text p{hyphens:manual;overflow-wrap:normal}
.jn-cards h3,.jn-cards .et_pb_module_header,.jn-jc .jt,.jn-facts .l,.jn-hstats .l,.jn-reflist .et_pb_text{overflow-wrap:break-word}

/* ============ MOBILE: mehrspaltige Reihen stapeln ============ */
@media(max-width:980px){
  .et_pb_row.jn-cards,.et_pb_row.jn-fcards,.et_pb_row.jn-reflist,.et_pb_row.jn-contact,.et_pb_row.jn-benefits,.et_pb_row.jn-benefits-light{display:flex!important;flex-wrap:wrap!important}
  .jn-cards>.et_pb_column,.jn-fcards>.et_pb_column,.jn-reflist>.et_pb_column,.jn-contact>.et_pb_column,.jn-benefits>.et_pb_column,.jn-benefits-light>.et_pb_column{flex:0 0 100%!important;max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important;margin-bottom:14px!important}
}
.jn-bgrow img,.jn-piccol .jn-pic img{width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important}

/* ============ RESPONSIVE SCHRIFT ============ */
@media(max-width:980px){
  .et_pb_section.jn-hero h1,.et_pb_section.jn-phero h1{font-size:40px!important;line-height:1.05!important}
  .et_pb_section h2,.et_pb_section .et_pb_module_header{font-size:28px!important;line-height:1.08!important}
  .et_pb_section.jn-hero .et_pb_text:not(.jn-kicker),.et_pb_section.jn-phero .et_pb_text:not(.jn-kicker){font-size:16px!important}
  .jn-stats h3{font-size:40px!important}
}
@media(max-width:600px){
  .et_pb_section.jn-hero h1,.et_pb_section.jn-phero h1{font-size:32px!important;line-height:1.08!important}
  .et_pb_section h2,.et_pb_section h3,.et_pb_section h4,.et_pb_section .et_pb_module_header{font-size:23px!important;line-height:1.12!important}
  .jn-cards h3,.jn-fcards h3{font-size:20px!important}
  .jn-hstats .n{font-size:26px!important}
  .jn-badge .n{font-size:26px!important}
  .et_pb_button{padding:13px 24px!important}
  .et_pb_section.jn-ticker .et_pb_text{font-size:15px}
}
@media(max-width:767px){.jn-hstats .et_pb_column{border-left:0}}