/* e/l/s-Institut – modernes Design passend zur Startseite (2026) */
:root{--els-ink:#3a4559;--els-txt:#404040;--els-muted:#5d6878;--els-red:#e82949;--els-green:#a5cc88;--els-sage:#a8d4ba;--els-blue:#abdbe7;--els-line:#e4e8ec;--els-tint:#eef8fb;}

/* Logo: Version ohne Farbprofil, sieht auf allen Geräten gleich (gedeckt) aus */
img[src*="branding/logo.jpg"]{content:url("/fileadmin/user_upload/els_logo_gedeckt.png");}

/* Unterseiten-Hero: Farbband in Logofarben */
.c-hero.-pages{position:relative;}
.c-hero.-pages:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--els-green),var(--els-sage),var(--els-blue));z-index:2;}

/* Inhaltsbereiche als Karten (nur Unterseiten) */
main:not(:has(.elsx)) .g-page__layout{padding-bottom:48px;}
main:not(:has(.elsx)) .o-section > .o-section_lyt:not(.frame-type-div):not(.frame-type-html){background:#fff;border:1px solid var(--els-line);border-radius:16px;padding:32px 36px;margin-top:28px;margin-bottom:0;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(58,69,89,.05);}
main:not(:has(.elsx)) .o-section > .o-section_lyt:not(.frame-type-div):not(.frame-type-html):before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:var(--els-green);}
main:not(:has(.elsx)) .o-section:nth-of-type(3n+1) > .o-section_lyt:before{background:var(--els-sage);}
main:not(:has(.elsx)) .o-section:nth-of-type(3n+2) > .o-section_lyt:before{background:var(--els-blue);}
main:not(:has(.elsx)) .o-section > .frame-layout-1,
main:not(:has(.elsx)) .o-section > .frame-layout-2{background:linear-gradient(180deg,#fff 0%,var(--els-tint) 100%);}

/* Trennlinien dezent */
main:not(:has(.elsx)) .frame-type-div{padding:0;margin:0;}
main:not(:has(.elsx)) .frame-type-div hr.ce-div{border:0;height:0;margin:8px 0;}

/* Typografie */
main:not(:has(.elsx)) .o-section h1,main:not(:has(.elsx)) .o-section h2,main:not(:has(.elsx)) .o-section h3{font-family:"IBM Plex Serif",Georgia,serif;font-weight:500;color:var(--els-ink);line-height:1.25;}
main:not(:has(.elsx)) .o-section h4{font-family:"IBM Plex Serif",Georgia,serif;font-weight:500;color:var(--els-ink);line-height:1.35;}
main:not(:has(.elsx)) .o-section p,main:not(:has(.elsx)) .o-section li{color:var(--els-txt);line-height:1.7;}
main:not(:has(.elsx)) .o-section .ce-bodytext h3{margin-top:1.4em;}
main:not(:has(.elsx)) .o-section .ce-bodytext h3:first-child{margin-top:0;}

/* Aufzählungen mit Punkten in Logofarbe */
main:not(:has(.elsx)) .o-section .ce-bodytext ul,main:not(:has(.elsx)) .frame-type-text ul,main:not(:has(.elsx)) .c-accordion_content ul{list-style:none;padding-left:0;}
main:not(:has(.elsx)) .o-section .ce-bodytext ul > li,main:not(:has(.elsx)) .frame-type-text ul > li,main:not(:has(.elsx)) .c-accordion_content ul > li{position:relative;padding-left:22px;margin:4px 0;}
main:not(:has(.elsx)) .o-section .ce-bodytext ul > li:before,main:not(:has(.elsx)) .frame-type-text ul > li:before,main:not(:has(.elsx)) .c-accordion_content ul > li:before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--els-sage);}

main:not(:has(.elsx)) .o-section .ce-bodytext ul > li::marker,main:not(:has(.elsx)) .frame-type-text ul > li::marker,main:not(:has(.elsx)) .c-accordion_content ul > li::marker,main:not(:has(.elsx)) .frame-type-menu_pages li::marker{content:"";}

/* Bilder mit runden Ecken */
main:not(:has(.elsx)) .o-section img{border-radius:12px;}

/* Sprung-Links (z. B. Datumsleiste bei Neuigkeiten) als Chips */
main:not(:has(.elsx)) .o-section p a[href*="#c"]{display:inline-block;margin:4px 6px 4px 0;padding:6px 14px;border-radius:999px;background:var(--els-tint);color:var(--els-ink);text-decoration:none;font-size:15px;border:1px solid var(--els-line);}
main:not(:has(.elsx)) .o-section p a[href*="#c"]:hover{background:var(--els-blue);}

/* Seiten-Menüs als Kacheln */
main:not(:has(.elsx)) .frame-type-menu_pages ul{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
main:not(:has(.elsx)) .frame-type-menu_pages li{margin:0;padding:0;}
main:not(:has(.elsx)) .frame-type-menu_pages li:before{display:none;}
main:not(:has(.elsx)) .frame-type-menu_pages li a{display:block;height:100%;padding:18px 20px;border-radius:12px;background:#fff;border:1px solid var(--els-line);border-left:6px solid var(--els-green);color:var(--els-ink);text-decoration:none;font-weight:500;transition:transform .15s ease,box-shadow .15s ease;}
main:not(:has(.elsx)) .frame-type-menu_pages li:nth-child(3n+2) a{border-left-color:var(--els-sage);}
main:not(:has(.elsx)) .frame-type-menu_pages li:nth-child(3n+3) a{border-left-color:var(--els-blue);}
main:not(:has(.elsx)) .frame-type-menu_pages li a:after{content:" →";color:var(--els-red);}
main:not(:has(.elsx)) .frame-type-menu_pages li a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(58,69,89,.12);}

/* News-Teaser */
.c-teaser-it{border-radius:16px;overflow:hidden;}
main:not(:has(.elsx)) .c-teaser-it{border:1px solid var(--els-line);background:#fff;}
.c-teaser-it .news-list-date{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--els-tint);color:var(--els-ink);font-size:14px;}

/* Akkordeon (In aller Kürze) */
main:not(:has(.elsx)) .c-accordion_item{background:#fff;border:1px solid var(--els-line);border-left:6px solid var(--els-sage);border-radius:12px;margin:0 0 14px;overflow:hidden;}
main:not(:has(.elsx)) .c-accordion_item:nth-child(3n+1){border-left-color:var(--els-green);}
main:not(:has(.elsx)) .c-accordion_item:nth-child(3n+3){border-left-color:var(--els-blue);}
main:not(:has(.elsx)) .c-accordion_button{padding-left:20px;padding-right:20px;}
main:not(:has(.elsx)) .c-accordion_content{padding-left:20px;padding-right:20px;}

/* Kontaktformular */
main:not(:has(.elsx)) .form-control,main:not(:has(.elsx)) select,main:not(:has(.elsx)) textarea{border-radius:8px;border:1px solid #cfd6de;padding:10px 12px;}
main:not(:has(.elsx)) .form-control:focus,main:not(:has(.elsx)) select:focus,main:not(:has(.elsx)) textarea:focus{outline:none;border-color:var(--els-ink);box-shadow:0 0 0 3px var(--els-sage);}
main:not(:has(.elsx)) form .btn-primary,main:not(:has(.elsx)) form button[type=submit]{border-radius:8px;}

@media (max-width:700px){
  main:not(:has(.elsx)) .o-section > .o-section_lyt:not(.frame-type-div):not(.frame-type-html){padding:24px 20px;margin-top:20px;border-radius:14px;}
}


/* ===== Design-Feinschliff 2026: eine ruhige Farbwelt aus dem Logo ===== */
:root{--els-accent:#2f6f7e;--els-accent-dark:#245764;--els-red:#2f6f7e;--els-soft:#f2f6f3;}
.elsx.elsx,.elsy.elsy,.elsk.elsk,.elsc.elsc{--red:#2f6f7e;}
a{color:var(--els-accent);} a:hover{color:var(--els-accent-dark);}
ul li::marker{color:var(--els-accent);}
.c-btn{background:var(--els-accent)!important;border-color:var(--els-accent)!important;color:#fff!important;border-radius:8px;}
.c-btn:hover{background:var(--els-accent-dark)!important;border-color:var(--els-accent-dark)!important;}
.c-btn.-ghost{background:transparent!important;color:var(--els-ink)!important;border-color:var(--els-ink)!important;}
.c-btn.-ghost:hover{background:var(--els-ink)!important;color:#fff!important;}
.c-btn.-ghost.-inv{border-color:#fff!important;color:#fff!important;}
/* Menü: keine roten Striche, ruhige Markierung */
.g-menuMain_item + .g-menuMain_item::before{display:none!important;}
.g-menuMain_item:has(.g-menuMain_link.-active)::after{background:var(--els-tint)!important;border-bottom:3px solid var(--els-sage);transform:none!important;border-radius:6px;}
.g-menuMain_link.-active{color:var(--els-ink)!important;}
.g-menuMain_link:hover,.g-menuMainMobile_link:hover{color:var(--els-accent)!important;}
.g-menuMainMobile_link.-active,.g-menuMainL1_link.-active,.g-menuMainL2_link.-active{color:var(--els-accent)!important;}
/* Weitere Akzente */
.swiper-button-prev,.swiper-button-next,.c-pb__link--active,.c-selftest__dot--active,ul.f3-widget-paginator li.current,ul.f3-widget-paginator li.current a{background:var(--els-accent)!important;}
.e-form__radio.-test:has(input[type="radio"]:checked){background-color:var(--els-accent)!important;}
.c-downloads__item{border-color:var(--els-line)!important;} .c-downloads__item:hover{background:var(--els-accent)!important;}
.c-accordion_wrap{border-top-color:var(--els-line)!important;} .c-accordion_item{border-bottom-color:var(--els-line)!important;}
.c-accordion_button[aria-expanded="true"],.c-accordion_button:hover{color:var(--els-accent)!important;}
.g-footer__bottom::after{background:linear-gradient(90deg,var(--els-green),var(--els-sage),var(--els-blue))!important;}
/* Weiß statt Hellblau auf Dunkelblau */
.c-hero_body h1{color:#fff!important;}
.c-hero_body p{color:#e6ecf2!important;}
.g-footer{color:#e6ecf2!important;} .g-footer a{color:#fff!important;} .g-footer h2,.g-footer h3,.g-footer h4{color:#fff!important;}

/* Grafiken in Logofarben statt Stockfotos */
.c-hero_image img{object-position:-99999px 0;background:linear-gradient(106deg,var(--els-soft) 0 46%,#a5cc88 46% 58%,var(--els-soft) 58% 60.5%,#a8d4ba 60.5% 72.5%,var(--els-soft) 72.5% 75%,#abdbe7 75% 87%,var(--els-soft) 87%);}
.c-teaserQuiz_img{object-position:-99999px 0;background:linear-gradient(106deg,var(--els-soft) 0 52%,var(--q,#a5cc88) 52% 70%,var(--els-soft) 70% 73%,var(--q2,#a8d4ba) 73% 91%,var(--els-soft) 91%);}
.c-teaserQuiz_item:nth-child(2) .c-teaserQuiz_img{--q:#a8d4ba;--q2:#abdbe7;}
.c-teaserQuiz_item:nth-child(3) .c-teaserQuiz_img{--q:#abdbe7;--q2:#c9d3e0;}
.c-teaserQuiz_item:nth-child(4) .c-teaserQuiz_img{--q:#c9d3e0;--q2:#a5cc88;}

/* Logo größer */
.g-header_logo,.g-header_logo a{height:auto!important;}
.g-header_logo img{height:96px!important;width:auto!important;max-width:none!important;}
@media (max-width:700px){.g-header_logo img{height:72px!important;}}

/* Schrift: etwas größer und luftiger */
main .o-section p,main .o-section li{font-size:17px;line-height:1.7;}

/* ===== Bausteine für neu gestaltete Seiten (.ex) ===== */
.ex{--ink:#3a4559;--ink2:#2b3446;--txt:#404040;--muted:#5d6878;--acc:#2f6f7e;--green:#a5cc88;--sage:#a8d4ba;--blue:#abdbe7;--g2:#d6e8c8;--s2:#d3ebdf;--b2:#d5edf3;--line:#e4e8ec;--soft:#f2f6f3;color:var(--txt);}
.ex *{box-sizing:border-box;}
.ex a{text-decoration:none;}
.ex .x-sec{padding:52px 0;}
.ex .x-eye{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:10px;}
.ex h2{font-family:"IBM Plex Serif",Georgia,serif;font-weight:500;color:var(--ink);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:0 0 14px;}
.ex h3{font-family:"IBM Plex Serif",Georgia,serif;font-weight:500;color:var(--ink);font-size:21px;line-height:1.25;margin:0 0 8px;}
.ex p{margin:0;}
.ex .x-lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:660px;}
.ex .x-split{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;}
.ex .x-panel{background:var(--soft);border-radius:22px;padding:28px 26px;position:relative;overflow:hidden;}
.ex .x-panel:after{content:"";position:absolute;right:-30px;top:-40px;width:80px;height:200px;background:var(--b2);transform:skewX(-16deg);opacity:.8;}
.ex .x-panel > *{position:relative;z-index:1;}
.ex .x-panel h3{font-size:19px;}
.ex .x-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.ex .x-chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:15px;color:var(--ink);}
.ex .x-ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--c,var(--g2));flex:0 0 48px;}
.ex .x-ico svg{width:25px;height:25px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.ex .x-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:28px;}
.ex .x-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 22px;color:var(--txt);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.ex a.x-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(58,69,89,.12);border-color:transparent;}
.ex .x-card p{font-size:15.5px;line-height:1.55;color:var(--muted);}
.ex .x-card .x-more{margin-top:auto;font-weight:600;color:var(--acc);font-size:15px;}
.ex .x-card .x-more:after{content:" →";}
.ex .x-new{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--green);border-radius:999px;padding:2px 8px;margin-left:8px;vertical-align:3px;font-family:"IBM Plex Sans",Arial,sans-serif;}
.ex .x-band{position:relative;overflow:hidden;background:var(--ink2);color:#fff;border-radius:24px;padding:48px 40px;margin:12px 0;}
.ex .x-band:before,.ex .x-band:after{content:"";position:absolute;top:-20%;height:140%;width:64px;transform:skewX(-16deg);}
.ex .x-band:before{right:140px;background:var(--green);}
.ex .x-band:after{right:56px;background:var(--blue);}
.ex .x-band > *{position:relative;z-index:1;}
.ex .x-band .x-eye{color:var(--sage);}
.ex .x-band h2{color:#fff;max-width:640px;}
.ex .x-band .x-lead{color:#d9e3ea;max-width:580px;}
.ex .x-stats{display:flex;flex-wrap:wrap;gap:36px;margin-top:28px;}
.ex .x-stat b{display:block;font-family:"IBM Plex Serif",Georgia,serif;font-weight:500;font-size:38px;line-height:1;color:var(--c);}
.ex .x-stat span{font-size:15px;color:#d9e3ea;}
.ex .x-checks{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px 28px;max-width:760px;}
.ex .x-checks li{position:relative;padding-left:36px;font-size:16.5px;line-height:1.5;color:#e6ecf2;margin:0;}
.ex .x-checks li::marker{content:"";}
.ex .x-checks li:before{content:"✓";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--sage);color:var(--ink2);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}
.ex .x-pdca{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-top:28px;}
.ex .x-phase{border-radius:20px;padding:22px 20px;background:var(--c);}
.ex .x-phase .x-tag{display:inline-block;background:#fff;color:var(--ink);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 12px;margin-bottom:10px;}
.ex .x-phase h3{font-size:20px;margin-bottom:14px;}
.ex .x-phase a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(255,255,255,.75);border-radius:12px;padding:12px 14px;margin-top:8px;color:var(--ink);font-weight:500;font-size:15.5px;transition:background .2s ease;}
.ex .x-phase a:after{content:"→";color:var(--acc);}
.ex .x-phase a:hover{background:#fff;}
.ex .x-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;counter-reset:s;}
.ex .x-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px;counter-increment:s;margin:0;}
.ex .x-steps li::marker{content:"";}
.ex .x-steps li:before{content:counter(s);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--c,var(--green));color:var(--ink);font-weight:700;font-size:16px;margin-bottom:12px;}
.ex .x-steps b{display:block;font-family:"IBM Plex Serif",Georgia,serif;font-weight:500;font-size:19px;color:var(--ink);margin-bottom:4px;}
.ex .x-steps span{font-size:15px;line-height:1.5;color:var(--muted);}
.ex .x-flow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:8px;}
.ex .x-node{background:#fff;border-radius:18px;padding:18px 20px;text-align:center;min-width:150px;box-shadow:0 6px 18px rgba(58,69,89,.08);}
.ex .x-node .x-ico{margin:0 auto 8px;}
.ex .x-node b{display:block;color:var(--ink);font-size:16px;}
.ex .x-node small{color:var(--muted);font-size:13.5px;}
.ex .x-node.hub{background:var(--ink2);}
.ex .x-node.hub b{color:#fff;} .ex .x-node.hub small{color:#cfd9e2;}
.ex .x-arrow{font-size:26px;color:var(--acc);font-weight:700;}
.ex .x-tl{list-style:none;margin:28px 0 0;padding:0 0 0 28px;border-left:3px solid var(--sage);}
.ex .x-tl li{position:relative;margin:0 0 22px;padding-left:8px;}
.ex .x-tl li::marker{content:"";}
.ex .x-tl li:before{content:"";position:absolute;left:-40px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--c,var(--green));border:4px solid #fffefd;}
.ex .x-tl b{display:block;font-family:"IBM Plex Serif",Georgia,serif;font-weight:500;font-size:20px;color:var(--ink);}
.ex .x-tl span{font-size:16px;line-height:1.55;color:var(--muted);}
.ex .x-tip{display:flex;gap:18px;align-items:flex-start;background:var(--g2);border-radius:20px;padding:26px 24px;margin-top:8px;}
.ex .x-tip .x-ico{background:#fff;}
.ex .x-tip p{font-size:16.5px;line-height:1.55;color:var(--ink);}
.ex .x-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-radius:20px;padding:32px;background:linear-gradient(110deg,var(--green),var(--sage) 50%,var(--blue));margin:24px 0 56px;}
.ex .x-cta h3{font-size:26px;margin:0;}
.ex .x-cta p{margin:6px 0 0;color:var(--ink);font-size:16.5px;}
.ex .x-btn{display:inline-block;background:var(--ink);color:#fff!important;font-weight:600;font-size:17px;padding:14px 26px;border-radius:10px;}
.ex .x-btn:hover{background:var(--acc);}
@media (max-width:800px){.ex .x-split{grid-template-columns:1fr;gap:24px;}}
@media (max-width:640px){.ex .x-sec{padding:38px 0;}.ex .x-band{padding:34px 22px;}.ex .x-band:before,.ex .x-band:after{opacity:.3;}.ex .x-stat b{font-size:30px;}.ex .x-arrow{transform:rotate(90deg);}}