/* EBC Fachwissen – Vorlage für Fachbeiträge, Kategorien und Glossar */
body.ebcf-seite{--blau:#18181e;--knopf:#07071a;--grau:#f3f3f5;--linie:#e2e2e6;--rot:#85211d;--ueber:Optima,'Biolinum EBC',Candara,serif;--text:'Helvetica Neue',Helvetica,Arial,sans-serif;
  margin:0;background:#fff;color:var(--blau);font:17px/1.65 var(--text)}
body.ebcf-seite *,body.ebcf-seite *::before,body.ebcf-seite *::after{box-sizing:border-box}
body.ebcf-seite .wp-site-blocks>footer,body.ebcf-seite #op-badge,body.ebcf-seite .op-badge,body.ebcf-seite [class*="opbadge"]{display:none!important}

/* Kopf */
.ebcf-kopf{border-bottom:1px solid var(--linie);padding:14px 0;background:#fff;position:relative;z-index:5}
.ebcf-kin,.ebcf-hin,.ebcf-wrap,.ebcf-vollbreit,.ebcf-sin,.ebcf-fin{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.ebcf-kin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;align-items:center}
.ebcf-marke{justify-self:start;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--blau)}
.ebcf-marke .n{font:400 30px/1.1 var(--ueber);letter-spacing:.04em;color:#1d2b4f}
.ebcf-marke .e{font:500 10px var(--text);letter-spacing:.2em;color:#555;margin:4px 0 6px}
.ebcf-marke .c{font:15px/1.5 var(--text);text-align:center}
.ebcf-nav{grid-column:2/4;display:flex;justify-content:center;gap:28px}
.ebcf-nav a{color:var(--blau);text-decoration:none;font-size:16px}
.ebcf-termin{grid-column:4;text-align:center;white-space:nowrap;background:var(--knopf);color:#fff!important;text-decoration:none;padding:14px 8px;font-weight:600;font-size:15px;box-shadow:0 3px 10px rgba(24,24,30,.22)}

/* Titelbereich */
.ebcf-hero{background:linear-gradient(rgba(24,24,30,.62),rgba(24,24,30,.62)),var(--ebcf-hero,linear-gradient(#18181e,#18181e)) center/cover;color:#fff;position:relative;overflow:hidden}
.ebcf-hero::before{content:"";position:absolute;inset:-20px;background:inherit;filter:blur(4px);z-index:0}
.ebcf-hin{position:relative;z-index:1;padding-top:84px;padding-bottom:64px}
.ebcf-hin>*{max-width:calc(75% - 10px)}
.ebcf-hero h1{font:400 40px/1.2 var(--ueber);margin:8px 0 10px;color:#fff}
.ebcf-hero p{font:18px var(--text);opacity:.9;margin:0}
.ebcf-crumb{font:13px var(--text);opacity:.85}.ebcf-crumb a{color:#fff;text-decoration:none}

/* Raster */
.ebcf-wrap{margin-top:48px;margin-bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.ebcf-text{grid-column:1/4;font-size:20px;min-width:0}
.ebcf-seitenleiste{grid-column:4;font:15px/1.5 var(--text);min-width:0}
.ebcf-text h2,.ebcf-h2{font:400 25px/1.3 var(--ueber);color:var(--rot);margin:1.7em 0 .4em}
.ebcf-text a{color:var(--blau)}
.ebcf-text a.ebc-glossar{text-decoration:none;border-bottom:1px dotted var(--blau)}
.ebcf-text a.ebc-glossar:hover{background:var(--grau)}
.ebcf-text ul,.ebcf-text ol{padding-left:1.3em}
.ebcf-schwebe{box-shadow:0 3px 10px rgba(24,24,30,.22);border:1px solid var(--linie);border-radius:4px}

/* Bild, Audio, Inhalt */
.ebcf-bildzeile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;align-items:stretch;margin:32px 0 56px}
.ebcf-links{grid-column:1/3}
.ebcf-beitragsbild{margin:0}.ebcf-beitragsbild img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 3px 10px rgba(24,24,30,.22)}
.ebcf-video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:4px;box-shadow:0 3px 10px rgba(24,24,30,.22)}
.ebcf-audio{display:flex;align-items:center;gap:14px;margin-top:20px;padding:12px 16px;background:#fff;font:14px var(--text);border:1px solid var(--linie);border-radius:4px;box-shadow:0 3px 10px rgba(24,24,30,.22)}
.ebcf-play{flex:0 0 40px;height:40px;border-radius:50%;border:0;background:var(--knopf);color:#fff;font-size:14px;cursor:pointer}
.ebcf-audio-leer .ebcf-play{opacity:.45;cursor:default}
.ebcf-ai{flex:1}.ebcf-at span{color:#18181e}.ebcf-bar{height:4px;background:var(--linie);border-radius:2px;margin-top:8px}.ebcf-bar i{display:block;width:0;height:100%;background:var(--blau)}
.ebcf-zeit{color:#18181e;font-size:13px;white-space:nowrap}
.ebcf-tempo{border:1px solid var(--linie);background:#fff;border-radius:3px;font-size:12px;padding:4px 6px;cursor:pointer}
.ebcf-tocrahmen{grid-column:3;position:relative}
.ebcf-toc{position:absolute;inset:0;overflow:auto;margin:0;background:var(--grau);border-radius:4px;padding:16px 20px;font:14px/1.45 var(--text)}
.ebcf-toc p{margin:0 0 6px}.ebcf-toc ol{padding-left:18px;margin:6px 0}.ebcf-toc li{margin-bottom:9px}.ebcf-toc a{color:var(--blau)}

/* Kästen im Text */
.ebcf-frage{background:var(--grau);border-left:3px solid var(--blau);padding:20px 22px;margin:2em 0;font:16px var(--text);box-shadow:0 3px 10px rgba(24,24,30,.22)}
.ebcf-frage p{margin:0 0 6px}.ebcf-frage-titel{font:400 21px var(--ueber)!important}
.ebcf-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ebcf-knoepfe a{flex:1 1 150px;text-align:center;padding:11px 14px;border-radius:3px;text-decoration:none;font-weight:600}
.ebcf-knoepfe a.ebcf-k1{background:var(--knopf);color:#fff}
.ebcf-knoepfe a.ebcf-k2{background:#fff;color:#18181e;border:1.5px solid var(--knopf)}
.ebc-fazit{background:var(--grau);padding:4px 28px 18px;margin-top:2em;border-top:2px solid var(--blau)}
.ebc-fazit h2{margin-top:.8em}
.ebcf-gruss{margin:48px 0 0;font:400 22px/1.4 var(--ueber)}.ebcf-gruss span{font-style:italic}
.ebcf-autor{display:flex;gap:16px;align-items:center;background:#fff;padding:18px;margin:40px 0 48px;font:15px var(--text)}
.ebcf-autor img.ebcf-autorbild{width:96px;height:96px;object-fit:cover;border-radius:50%;flex:0 0 96px}
.ebcf-folgen{margin:10px 0 0;font-size:14px;color:#18181e}
hr.ebcf-duenn{border:0;border-top:1px solid #c9c9cf;margin:0 0 8px}
.ebcf-text h2#quellen,.ebcf-text h2#hinweis{font-size:20px}
.ebcf-text h2#quellen~*,.ebcf-text h2#hinweis~*{font-size:15px;color:#18181e}
.ebcf-kurz{background:var(--grau);border-top:2px solid var(--blau);padding:16px 24px;margin-bottom:1.5em}
.ebcf-kurz-titel{font:600 12px var(--text);letter-spacing:.8px;text-transform:uppercase;color:#18181e;margin:0 0 6px}

/* Soziale Netze */
.ebcf-sozial{display:flex;gap:10px;margin-top:14px}
.ebcf-sozial a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--linie);border-radius:50%;color:var(--blau)!important;text-decoration:none}
.ebcf-sozial a:hover{background:var(--grau)}.ebcf-sozial svg{width:18px;height:18px}

/* Seitenleiste */
.ebcf-h3{font:600 12px var(--text);letter-spacing:.8px;text-transform:uppercase;color:#18181e;margin:56px 0 10px}
.ebcf-kontakt{overflow:hidden;background:#fff}.ebcf-kontakt img{width:100%;height:auto;display:block}
.ebcf-kontakt .ebcf-d{padding:16px}.ebcf-kontakt a{color:#18181e}
.ebcf-pfeil{text-align:center}
.ebcf-pfeil button{border:1px solid var(--linie);background:#fff;color:var(--blau);width:40px;height:28px;cursor:pointer;border-radius:3px;margin:6px 0}
.ebcf-band{height:860px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 12.5%,#000 87.5%,transparent);mask-image:linear-gradient(transparent,#000 12.5%,#000 87.5%,transparent)}
.ebcf-lb{display:block;text-decoration:none;color:var(--blau);margin-bottom:16px}
.ebcf-lb img{width:100%;height:auto;display:block;border-radius:3px;box-shadow:0 3px 10px rgba(24,24,30,.22)}
.ebcf-lb span,.ebcf-liste a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ebcf-lb span{font-size:14px;margin-top:4px}
.ebcf-liste{padding-left:18px}.ebcf-liste li{margin-bottom:8px}.ebcf-liste a{color:var(--blau)}
.ebcf-abstand{margin-top:56px}
.ebcf-sky{display:flex;flex-direction:column;width:100%;text-decoration:none;color:#fff!important;padding:20px;background:linear-gradient(160deg,#2a2f45,#07071a 70%)}
.ebcf-sky img{width:calc(100% - 4px);height:auto;margin:2px 2px 20px;display:block;outline:1px solid #c9a44c;outline-offset:1px;box-shadow:0 3px 10px rgba(24,24,30,.22)}
.ebcf-skt{font:600 11px var(--text);letter-spacing:.8px;text-transform:uppercase;opacity:.8}
.ebcf-skh{font:400 22px/1.2 var(--ueber);margin:6px 0 10px}.ebcf-sks{font-size:13px;opacity:.75}
.ebcf-skb{margin-top:16px;align-self:flex-start;border:1px solid rgba(255,255,255,.6);padding:8px 14px;font:600 13px var(--text)}
.ebcf-termine{padding:6px 18px 10px;background:#fff}
.ebcf-tm{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--linie)}.ebcf-tm:last-child{border:0}
.ebcf-dat{flex:0 0 52px;text-align:center;background:var(--grau);border-radius:3px;padding:6px 0;line-height:1.1}
.ebcf-dat b{display:block;font:400 22px var(--ueber)}.ebcf-dat small{font-size:11px;letter-spacing:.8px;text-transform:uppercase}
.ebcf-t{font-size:14px}.ebcf-t a{color:var(--blau);text-decoration:none}.ebcf-t span{display:block;color:#18181e;font-size:12px}
.ebcf-muster{font-size:11px;color:#18181e;margin:4px 0 0}

/* Abschluss: weitere Beiträge, Praxis, Stimmen, Logos */
.ebcf-vollbreit{margin-top:8px}
hr.ebcf-dick{border:0;border-top:4px solid var(--blau);margin:40px 0 8px}
.ebcf-wkopf,.ebcf-skopf{display:flex;justify-content:space-between;align-items:center}
.ebcf-wkopf h2{margin:.6em 0;font:400 25px/1.3 var(--ueber);color:var(--rot)}
.ebcf-wkopf button,.ebcf-skopf button{border:1px solid var(--linie);background:#fff;width:36px;height:30px;margin-left:6px;cursor:pointer;border-radius:3px}
.ebcf-karussell,.ebcf-sband{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 120px)/4);gap:40px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 30px;scrollbar-width:none}
.ebcf-karussell::-webkit-scrollbar,.ebcf-sband::-webkit-scrollbar{display:none}
.ebcf-karte{scroll-snap-align:start;text-decoration:none;color:var(--blau);background:#fff;display:flex;flex-direction:column}
.ebcf-karte img{width:100%;height:auto;display:block}
.ebcf-kat{font:600 11px var(--text);letter-spacing:.8px;text-transform:uppercase;color:#18181e;padding:12px 14px 2px}
.ebcf-kt{font:400 18px/1.3 var(--ueber);padding:6px 14px 16px}
.ebcf-teaser{font-size:14px;color:#18181e;padding:0 14px 16px;margin-top:-8px}
.ebcf-praxis{text-align:center;margin-top:72px}.ebcf-praxis h2{font:400 26px/1.3 var(--ueber);color:var(--blau);margin:0 0 18px}.ebcf-praxis p{font-size:17px;margin:0 0 10px}
.ebcf-stimmen{background:#18181e;margin-top:64px;padding:56px 0}
.ebcf-skopf{margin-bottom:24px}.ebcf-skopf h2{font:400 30px/1.2 var(--ueber);color:#fff;margin:0}
.ebcf-skopf button{border-color:#3a3a44;background:transparent;color:#fff}
.ebcf-stk{scroll-snap-align:start;border:1px solid #c9c9cf;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(24,24,30,.22)}.ebcf-stk img{width:100%;height:auto;display:block}
.ebcf-logos{margin-top:48px;margin-bottom:48px}.ebcf-logos h2{font:400 22px/1.3 var(--ueber);color:var(--rot);margin:0 0 20px;text-align:center}
.ebcf-lband{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ebcf-llauf{display:flex;gap:56px;width:max-content;animation:ebcflband 60s linear infinite;align-items:center}
.ebcf-lband:hover .ebcf-llauf{animation-play-state:paused}
@keyframes ebcflband{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ebcf-logo img{height:56px;width:auto;filter:grayscale(1);opacity:.75}

/* Fußzeile */
.ebcf-fuss{background:#18181e;color:#d6d6dc}.ebcf-fin{padding-top:56px;padding-bottom:48px;text-align:center}
.ebcf-flogo{max-width:260px;height:auto;margin:0 auto 24px;display:block}
.ebcf-fmarke{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:28px}
.ebcf-fmarke .n{font:400 30px/1.1 var(--ueber);letter-spacing:.04em;color:#fff}.ebcf-fmarke .e{font:500 10px var(--text);letter-spacing:.2em;color:#b9b9c2;margin-top:6px}
.ebcf-fsoz{justify-content:center;margin:0 0 22px}.ebcf-fsoz a{color:#d6d6dc!important;border-color:#3a3a44}.ebcf-fsoz a:hover{background:#26262e}
.ebcf-fadr{font-size:14px;margin:0 0 10px}.ebcf-flinks{font-size:14px;line-height:1.9;margin:0}.ebcf-flinks a{color:#d6d6dc;text-decoration:none}.ebcf-flinks a:hover{color:#fff;text-decoration:underline}

/* Kategorie-Übersicht und Glossar */
.ebcf-intro{font-size:19px;margin-bottom:24px}
.ebcf-unterkat{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}.ebcf-unterkat a{border:1px solid var(--linie);padding:6px 14px;border-radius:20px;font-size:14px;text-decoration:none}
.ebcf-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.ebcf-seiten{margin:40px 0;font-size:15px}
.ebcf-abc{display:flex;flex-wrap:wrap;gap:8px;font:16px var(--text)}.ebcf-abc a,.ebcf-abc span{width:32px;text-align:center;padding:4px 0;border:1px solid var(--linie);border-radius:3px;text-decoration:none}.ebcf-abc span{color:#bbb}
.ebcf-glossar-liste dt{font:400 20px var(--ueber);margin-top:14px}.ebcf-glossar-liste dt a{text-decoration:none}.ebcf-glossar-liste dd{margin:2px 0 0;font-size:16px;color:#18181e}
.ebcf-zurueck{font-size:15px;margin-top:24px}

/* Handy */
@media(max-width:900px){
  .ebcf-kin{grid-template-columns:1fr auto;gap:12px}.ebcf-nav{display:none}.ebcf-termin{grid-column:2;padding:10px 12px;font-size:13px}
  .ebcf-marke .n{font-size:22px}.ebcf-marke .c{display:none}
  .ebcf-hero h1{font-size:28px}.ebcf-hin{padding-top:48px;padding-bottom:36px}.ebcf-hin>*{max-width:none}
  .ebcf-wrap,.ebcf-bildzeile,.ebcf-raster{grid-template-columns:1fr}
  .ebcf-text,.ebcf-seitenleiste,.ebcf-links,.ebcf-tocrahmen{grid-column:auto}
  .ebcf-text{font-size:18px}.ebcf-toc{position:static}
  .ebcf-karussell,.ebcf-sband{grid-auto-columns:80%}
}
@media(prefers-reduced-motion:reduce){.ebcf-llauf{animation:none}}
/* Themen-Modul */
.ebcf-themen{font:15px/1.4 var(--text)}
.ebcf-suche{display:flex;border:1px solid var(--linie);border-radius:3px;margin:0 0 14px;background:#fff}
.ebcf-suche input{flex:1;min-width:0;border:0;padding:10px 12px;font:14px var(--text);background:transparent;outline:none}
.ebcf-suche button{border:0;background:transparent;padding:0 12px;color:var(--blau);cursor:pointer}
.ebcf-suche:focus-within{border-color:var(--blau)}
.ebcf-thema{border-top:1px solid var(--linie)}
.ebcf-thema:last-of-type{border-bottom:1px solid var(--linie)}
.ebcf-thema summary,.ebcf-zeile{display:flex;align-items:baseline;gap:8px;padding:10px 0;cursor:pointer;list-style:none}
.ebcf-thema summary::-webkit-details-marker{display:none}
.ebcf-thema summary::after{content:'▸';color:#18181e;font-size:12px;margin-left:4px;transition:transform .2s}
.ebcf-thema[open] summary::after{transform:rotate(90deg)}
.ebcf-ohne .ebcf-zeile::after{content:'';width:16px}
.ebcf-thema a{color:var(--blau);text-decoration:none;flex:1}
.ebcf-thema a:hover{color:var(--rot)}
.ebcf-zahl{font-size:13px;color:#18181e;font-variant-numeric:tabular-nums}
.ebcf-thema.ist-aktiv>summary a,.ebcf-thema.ist-aktiv>.ebcf-zeile a{color:var(--rot);font-weight:600}
.ebcf-thema ul{list-style:none;margin:0 0 10px;padding:0 0 0 14px;border-left:2px solid var(--linie)}
.ebcf-thema li{display:flex;align-items:baseline;gap:8px;padding:5px 0 5px 10px;font-size:14px}
.ebcf-thema li.ist-aktiv{border-left:2px solid var(--rot);margin-left:-16px;padding-left:24px}
.ebcf-thema li.ist-aktiv a{color:var(--rot);font-weight:600}
.ebcf-themen-fuss{display:flex;flex-direction:column;gap:6px;margin:14px 0 0;font-size:14px}
.ebcf-themen-fuss a{color:var(--blau);text-decoration:none}.ebcf-themen-fuss a:hover{color:var(--rot)}

.ebcf-firmen{margin:14px 0!important}.ebcf-firmen span{color:#d6d6dc}

/* Endlose Laufbänder */
.ebcf-fb{overflow:hidden;position:relative}
.ebcf-fb-spur{display:flex;width:max-content;will-change:transform}
.ebcf-fb-senk{flex-direction:column;width:100%;row-gap:16px}
.ebcf-fb-senk .ebcf-lb{margin:0}
.ebcf-fb-senk .ebcf-lb img{aspect-ratio:16/9;object-fit:cover}
.ebcf-sband.ebcf-fb{display:block;overflow:hidden;padding:6px 0 30px}
.ebcf-sband .ebcf-fb-spur{column-gap:40px}
.ebcf-sband .ebcf-stk{flex:none;width:calc((min(100vw - 48px,1232px) - 120px)/4)}
@media(max-width:900px){.ebcf-sband .ebcf-stk{width:80vw}}

/* Seitenzahlen über die volle Breite der Spalte */
.ebcf-pag-fertig{display:flex;justify-content:space-between;gap:6px;width:100%}
.ebcf-pz{flex:1 1 0;min-width:40px;max-width:52px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--linie);border-radius:3px;text-decoration:none;color:var(--blau);font:15px var(--text);background:#fff}
a.ebcf-pz:hover{background:var(--grau)}
.ebcf-pakt{background:#1d2b4f;border-color:#1d2b4f;color:#fff}
.ebcf-ppunkt{border-color:transparent;background:transparent}
.ebcf-paus{opacity:.35}

/* ---------- Interaktion: alles Anklickbare reagiert auf den Mauszeiger ---------- */
@media (hover:hover){
/* Textlinks: beim Überfahren fett (Kontur statt Schriftschnitt, damit nichts umbricht) */
html body.ebcf-seite a:hover,html body .ebcs-umbau a:hover,html body .ebcf-startende a:hover,html body #op3-element-pdaNqZ0r a:hover{-webkit-text-stroke:.035em currentColor}
html body .ebcf-karte:hover,html body .ebcs-k:hover,html body .ebcf-lb:hover,html body .ebcf-stk a:hover,html body .ebcs-vk:hover,html body .ebcf-knoepfe a:hover,html body .ebcf-pz:hover,html body .ebcf-termin:hover,html body .ebcf-sky:hover,html body #op3-element-eTQUOWB8 a:hover,html body #op3-element-u1NTs1OF a:hover,html body .ebcf-sozial a:hover{-webkit-text-stroke:0}
html body .ebcf-karte:hover .ebcf-kt,html body .ebcs-k:hover .ebcs-kt,html body .ebcf-lb:hover span{-webkit-text-stroke:.035em currentColor}

/* Beitragskarten: leicht vergrößern */
.ebcf-karte,.ebcs-k .ebcs-bild,.ebcf-lb img,.ebcf-stk,.ebcs-vk,.ebcf-sky{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
html body .ebcf-raster .ebcf-karte:hover,html body .ebcf-karussell .ebcf-karte:hover{transform:scale(1.035);box-shadow:0 3px 10px rgba(24,24,30,.22);position:relative;z-index:2}
html body .ebcs-k:hover .ebcs-bild{transform:scale(1.035);box-shadow:0 3px 10px rgba(24,24,30,.22)}
html body .ebcs-k:hover .ebcs-bild img{transform:none}
html body .ebcf-lb:hover img{transform:scale(1.03);box-shadow:0 3px 10px rgba(24,24,30,.22)}
html body .ebcf-stk:hover{transform:scale(1.035)}
html body .ebcs-vk:hover{transform:scale(1.04);box-shadow:0 3px 10px rgba(24,24,30,.22)}
html body .ebcf-sky:hover{transform:scale(1.02)}

/* Knöpfe und Seitenzahlen */
.ebcf-knoepfe a,.ebcf-pz,.ebcf-sozial a,.ebcf-skopf button,.ebcf-wkopf button,.ebcf-pfeil button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
html body .ebcf-knoepfe a:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 3px 10px rgba(24,24,30,.22)}
html body a.ebcf-pz:hover{transform:scale(1.08);border-color:#1d2b4f}
html body .ebcf-sozial a:hover,html body .ebcf-skopf button:hover,html body .ebcf-wkopf button:hover,html body .ebcf-pfeil button:hover{transform:scale(1.12)}

/* Hauptaufrufe: Termin im Kopf und 2-Minuten-Self-Assessment, deutlich ausgeprägter */
html body #op3-element-eTQUOWB8 a,html body #op3-element-u1NTs1OF a,html body .ebcf-termin{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,filter .3s ease!important}
html body #op3-element-eTQUOWB8 a:hover,html body #op3-element-u1NTs1OF a:hover,html body .ebcf-termin:hover{transform:translateY(-3px) scale(1.07)!important;box-shadow:0 3px 10px rgba(24,24,30,.22)!important;filter:brightness(1.25)}
}
/* Beim Klicken: kurz eindrücken */
html body .ebcf-karte:active,html body .ebcs-k:active .ebcs-bild,html body .ebcs-vk:active,html body .ebcf-stk:active{transform:scale(.985)!important}
html body .ebcf-knoepfe a:active,html body a.ebcf-pz:active,html body .ebcf-sozial a:active{transform:scale(.96)!important}
html body #op3-element-eTQUOWB8 a:active,html body #op3-element-u1NTs1OF a:active,html body .ebcf-termin:active{transform:scale(.96)!important;box-shadow:0 3px 10px rgba(24,24,30,.22)!important}
@media (prefers-reduced-motion:reduce){html body .ebcf-karte,html body .ebcs-k .ebcs-bild,html body .ebcs-vk,html body .ebcf-stk{transition:none}}

/* Schriftzug im Kopf wie auf der Startseite in Dunkelrot */
html body .ebcf-marke .n{color:#85211d!important}

/* ---------- Primäre Aufrufe: helleres Nachtblau im Verlauf, beim Überfahren Wechsel in einen Rotverlauf ---------- */
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link,html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link,
html body .ebcs-ctaknopf,html body .ebcf-termin,html body .ebcf-knoepfe a.ebcf-k1{
  background-color:#1d2b4f!important;
  background-image:linear-gradient(110deg,#34508a 0%,#1d2b4f 46%,#85211d 54%,#b3332b 100%)!important;
  background-size:240% 100%!important;background-position:0% 50%!important;
  border-color:transparent!important;color:#fff!important;filter:none!important;
  transition:background-position .5s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important}
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link *,html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link *,
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link *::before,html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link *::after,
html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link *::before,html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link *::after{background:transparent!important;background-color:transparent!important;border-color:transparent!important}
@media (hover:hover){
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link:hover,html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link:hover,
html body .ebcs-ctaknopf:hover,html body .ebcf-termin:hover,html body .ebcf-knoepfe a.ebcf-k1:hover{
  background-position:100% 50%!important;filter:none!important;box-shadow:0 3px 10px rgba(24,24,30,.22)!important}
}

/* ---------- Hauptaufrufe v2: Verlauf von innen (hell) nach außen (dunkel); beim Überfahren weich in Rot ---------- */
@property --ebc-k1{syntax:'<color>';inherits:false;initial-value:#3d5797}
@property --ebc-k2{syntax:'<color>';inherits:false;initial-value:#1d2b4f}
@property --ebc-k3{syntax:'<color>';inherits:false;initial-value:#121b33}
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link,
html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link,
html body .ebcs-ctaknopf,html body .ebcf-termin,html body .ebcf-knoepfe a.ebcf-k1{
  --ebc-k1:#3d5797;--ebc-k2:#1d2b4f;--ebc-k3:#121b33;
  background-color:var(--ebc-k2)!important;
  background-image:radial-gradient(ellipse 75% 120% at 50% 50%,var(--ebc-k1) 0%,var(--ebc-k2) 62%,var(--ebc-k3) 100%)!important;
  background-size:100% 100%!important;background-position:50% 50%!important;
  box-shadow:0 3px 10px rgba(24,24,30,.22)!important;
  transition:--ebc-k1 .45s ease,--ebc-k2 .45s ease,--ebc-k3 .45s ease,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important}
@media (hover:hover){
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link:hover,
html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link:hover,
html body .ebcs-ctaknopf:hover,html body .ebcf-termin:hover,html body .ebcf-knoepfe a.ebcf-k1:hover{
  --ebc-k1:#5470b3;--ebc-k2:#27396a;--ebc-k3:#17223f;
  background-color:var(--ebc-k2)!important;
  background-image:radial-gradient(ellipse 75% 120% at 50% 50%,var(--ebc-k1) 0%,var(--ebc-k2) 62%,var(--ebc-k3) 100%)!important;
  background-position:50% 50%!important;
  transform:translateY(-3px) scale(1.07)!important;
  box-shadow:0 3px 10px rgba(24,24,30,.22)!important}
}

/* 1.0.65 Assessment-Vorschau im 6. Feld */
html body .ebcs-blockcta{overflow:visible}
html body a.ebcs-av{display:block;position:relative;z-index:2;margin:-58px 0 22px;background:#fff;border-radius:6px;padding:16px 18px 14px;box-shadow:0 3px 10px rgba(24,24,30,.22);text-decoration:none!important;color:#18181e!important;border-top:2px solid #eceae6;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
html body a.ebcs-av *{text-decoration:none!important;-webkit-text-stroke:0!important}
html body .ebcs-av-kopf{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font:600 10.5px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase}
html body .ebcs-av-kopf b{color:#b08d3c;font-weight:700}
html body .ebcs-av-kopf i{font-style:normal;color:#18181e;font-weight:400}
html body .ebcs-av-frage{display:block;font:400 17px/1.32 Optima,'Optima Nova','Biolinum EBC',Candara,serif;color:#18181e;margin-bottom:12px}
html body .ebcs-av-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html body .ebcs-av-knoepfe span{display:block;text-align:center;font:700 13px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;padding:11px 0;border-radius:4px;transition:background .25s,color .25s}
html body .ebcs-av-ja{background:#c8102e;color:#fff;border:1px solid #c8102e}
html body .ebcs-av-nein{background:#fff;color:#c8102e;border:1px solid #c8102e}
html body .ebcs-av-fuss{display:block;margin-top:9px;font:400 11px/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#18181e}
@media (hover:hover){html body a.ebcs-av:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 3px 10px rgba(24,24,30,.22)}
html body a.ebcs-av:hover .ebcs-av-nein{background:#c8102e;color:#fff}}
html body a.ebcs-av:active{transform:scale(.985)}
@media (max-width:700px){html body a.ebcs-av{margin-top:0}}

/* 1.0.66 Header-CTA: OP-Pseudoflaechen ueber dem Verlauf entfernen */
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link *::before,html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link *::after,html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link *::before,html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link *::after{content:none!important;display:none!important;background:none!important;opacity:0!important}

/* 1.0.66 Hero-Button linksbuendig zum Text */
html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF{margin-left:0!important;margin-right:auto!important}

/* 1.0.66 Self-Assessment im Seitenrahmen */
html body .ebcf-analyse{padding-bottom:0}
html body .ebcf-analyse-inhalt{font-size:17px}
html body .ebcf-analyse-inhalt #ebc-smart .wrap{max-width:none;padding-top:0}
html body .ebcf-analyse-leiste{align-self:start}
html body .ebcf-analyse-inhalt > h1:first-child,html body .ebcf-analyse-inhalt .wp-block-post-title{display:none}

/* 1.0.67 Hero-Button: so weit eingerueckt, dass die linke Kante beim Hover (scale 1.07) buendig mit dem Text steht */
@media (hover:hover){html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF{margin-left:calc(var(--ebc-hb,350px) * .035)!important}}

/* 1.0.69 Firmennamen in den Leistungsbloecken fett */
html body .ebcs-block p strong{font-weight:700;color:inherit}

/* 1.0.71 Leistungsbloecke: jeder Satz ein eigener Absatz */
html body .ebcs-block .ebcs-saetze p{margin:0 0 9px;max-width:32em}
html body .ebcs-block .ebcs-saetze{margin-bottom:12px}

/* 1.0.73 Knoepfe: Hover bleibt blau (heller), Klick macht rot */
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link:active,
html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link:active,
html body .ebcs-ctaknopf:active,
html body .ebcf-termin:active,
html body .ebcf-knoepfe a.ebcf-k1:active,
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link.ebc-geklickt,
html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link.ebc-geklickt,
html body .ebcs-ctaknopf.ebc-geklickt,
html body .ebcf-termin.ebc-geklickt,
html body .ebcf-knoepfe a.ebcf-k1.ebc-geklickt{
  --ebc-k1:#e2493d!important;--ebc-k2:#c62b23!important;--ebc-k3:#a81f19!important;
  transition:--ebc-k1 .12s ease,--ebc-k2 .12s ease,--ebc-k3 .12s ease,transform .2s ease,box-shadow .2s ease!important}

/* 1.0.77 Praxis-Zeile ueber alle vier Spalten: Ueberschrift + zwei Zeilen */
html body .ebcf-praxis p br:not(:nth-of-type(2)){display:none}
html body .ebcf-praxis p{max-width:none}
html body .ebcf-praxis h2{margin-bottom:12px}
html body .ebcf-praxis p{margin:0 0 4px}
html body .ebcf-wrap.ebcf-analyse + .ebcf-praxis{margin-top:56px}

/* 1.0.78 Titelband /analyse/: oben und unten so viel Luft wie zwischen Band und Modul (48 px) */
html body .ebcf-hero-knapp .ebcf-hin{padding-top:48px;padding-bottom:48px}

/* 1.0.80 Wortmarke: nur Schriftzug verlinkt, ohne Hover-Effekte */
html body .ebcf-marke-link{display:flex;flex-direction:column;align-items:center;text-decoration:none!important;color:inherit}
html body .ebcf-marke-link,html body .ebcf-marke-link *,html body .ebcf-marke-link:hover,html body .ebcf-marke-link:hover *,html body .ebcf-marke .c{-webkit-text-stroke:0!important;text-decoration:none!important;transform:none!important;box-shadow:none!important;filter:none!important}
html body .ebcf-marke-link:hover .n{font-weight:400!important}
html body .ebcf-marke-link:hover .e{font-weight:500!important}
html body .ebcf-marke .c{cursor:default}

/* 1.0.81 Freisteller im 6. Feld: ragt oben aus dem grauen Feld, Oberkörper läuft nach unten weich aus, Finger zeigen auf Überschrift und Knopf */
html body .ebcs-blockcta{overflow:visible;padding-top:0!important}
html body .ebcs-blockcta .ebcs-ctabild{display:block;width:78%;max-width:300px;height:auto;margin:-22px auto -18px;position:relative;z-index:1;
  -webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);
  filter:drop-shadow(0 10px 18px rgba(7,7,26,.18))}
@media (max-width:700px){html body .ebcs-blockcta .ebcs-ctabild{margin-top:0}}

/* 1.0.83 6. Feld: Überschrift auf Höhe der Nachbarblöcke, Bild mit harter Unterkante, Grau läuft nach oben aus (Hemd → Halsmitte) */
html body .ebcs-blockcta.mit-bild{background:none!important;border-left:0!important;padding:0!important;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
html body .ebcs-blockcta.mit-bild h3{padding-left:27px}
html body .ebcs-blockcta.mit-bild .ebcs-cta-unten{display:flex;flex-direction:column;flex:1}
html body .ebcs-blockcta.mit-bild .ebcs-cta-bildfeld{border-left:3px solid transparent;border-image:linear-gradient(to bottom,rgba(24,24,30,0) 29%,#18181e 45%) 1;
  background:linear-gradient(to bottom,rgba(243,243,245,0) 0%,rgba(243,243,245,0) 29%,#f3f3f5 45%,#f3f3f5 100%);line-height:0;text-align:center}
html body .ebcs-blockcta.mit-bild .ebcs-ctabild{display:inline-block;width:78%;max-width:300px;height:auto;margin:0!important;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important;position:static}
html body .ebcs-blockcta.mit-bild .ebcs-cta-text{flex:1;background:#f3f3f5;border-left:3px solid #18181e;padding:18px 24px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
html body .ebcs-blockcta.mit-bild .ebcs-cta-text p{margin:0 0 14px}
html body .ebcs-blockcta.mit-bild .ebcs-ctaknopf{align-self:stretch}

/* 1.0.84 6. Feld: durchgehende Linie links, Reihenfolge Bild – Knopf – Text, Grau läuft oben (Hals→Hemd) ein und unten (über dem Text) aus */
html body .ebcs-blockcta.mit-bild{border-left:3px solid #18181e!important}
html body .ebcs-blockcta.mit-bild h3{padding-left:24px}
html body .ebcs-blockcta.mit-bild .ebcs-cta-bildfeld{border-left:0!important;border-image:none!important}
html body .ebcs-blockcta.mit-bild .ebcs-cta-knopffeld{background:#f3f3f5;padding:18px 24px 16px;display:flex}
html body .ebcs-blockcta.mit-bild .ebcs-cta-knopffeld .ebcs-ctaknopf{flex:1;text-align:center}
html body .ebcs-blockcta.mit-bild .ebcs-cta-text{flex:1;border-left:0!important;background:linear-gradient(to bottom,#f3f3f5 0%,rgba(243,243,245,0) 55%)!important;padding:4px 24px 0!important;justify-content:flex-start!important}
html body .ebcs-blockcta.mit-bild .ebcs-cta-text p{margin:0!important}

/* 1.0.85 Schmucklinie im 6. Feld als Speer: oben 0–25 % und unten 75–100 % verjüngt */
html body .ebcs-blockcta.mit-bild{border-left:0!important;padding-left:3px!important;position:relative}
html body .ebcs-blockcta.mit-bild::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#18181e;
  -webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);pointer-events:none}

/* 1.0.86 Speer-Linie fliessend: geglaettete SVG-Form statt Pixelstufen */
html body .ebcs-blockcta.mit-bild::before{-webkit-clip-path:none!important;clip-path:none!important;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 1000' preserveAspectRatio='none'%3E%3Cpath d='M15 0 C17 80 30 200 30 250 L30 750 C30 800 17 920 15 1000 C13 920 0 800 0 750 L0 250 C0 200 13 80 15 0Z' fill='%2318181e'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;width:3px}

/* 1.0.87 Speer-Linie 30/40/30: Mitte 40 % volle 3 px, oben und unten je 30 % fliessend auf 1 px */
html body .ebcs-blockcta.mit-bild::before{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 1000' preserveAspectRatio='none'%3E%3Cpath d='M10 0 L20 0 C20 120 30 180 30 300 L30 700 C30 820 20 880 20 1000 L10 1000 C10 880 0 820 0 700 L0 300 C0 180 10 120 10 0Z' fill='%2318181e'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;width:3px}

/* 1.0.88 Speer-Linie: durchgehend Dunkelblau #1d2b4f, durchgehender Kern, auf ganze Pixel ausgerichtet */
html body .ebcs-blockcta.mit-bild::before{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 1000' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath d='M10 0 L20 0 C20 120 30 180 30 300 L30 700 C30 820 20 880 20 1000 L10 1000 C10 880 0 820 0 700 L0 300 C0 180 10 120 10 0Z' fill='%231d2b4f'/%3E%3Crect x='10' y='0' width='10' height='1000' fill='%231d2b4f'/%3E%3C/svg%3E") 0 0/3px 100% no-repeat!important;width:3px!important;left:0!important;opacity:1!important;filter:none!important}

/* ===== 1.1.0 Gestaltungsregeln (05.10.2026) =====
   Schriften: nur Optima (Ueberschriften) und Helvetica (alles andere)
   Abschnittsueberschriften 28 px, Textfarbe #18181e, Sperrung nur Grossbuchstaben 0,8 px
   Abstaende: Ueberschrift-Text 12, Absatz-Absatz 12, Block-Block 28, Abschnitt-Abschnitt 64
   Schatten 10 px, Knopfhoehe 50 px, Raster 1160 px, Kopf laeuft mit, Knopf nach oben */

/* Schriften: fremde Familien auf Helvetica umleiten */
@font-face{font-family:"Canva Sans";font-weight:100 449;src:local("Helvetica Neue"),local("HelveticaNeue"),local("Helvetica"),local("Arial")}
@font-face{font-family:"Canva Sans";font-weight:450 549;src:local("HelveticaNeue-Medium"),local("Helvetica Neue Medium"),local("Helvetica"),local("Arial")}
@font-face{font-family:"Canva Sans";font-weight:550 900;src:local("HelveticaNeue-Bold"),local("Helvetica Neue Bold"),local("Helvetica-Bold"),local("Arial Bold"),local("Arial-BoldMT")}
@font-face{font-family:"IBM Plex Sans";font-weight:100 449;src:local("Helvetica Neue"),local("HelveticaNeue"),local("Helvetica"),local("Arial")}
@font-face{font-family:"IBM Plex Sans";font-weight:450 549;src:local("HelveticaNeue-Medium"),local("Helvetica Neue Medium"),local("Helvetica"),local("Arial")}
@font-face{font-family:"IBM Plex Sans";font-weight:550 900;src:local("HelveticaNeue-Bold"),local("Helvetica Neue Bold"),local("Helvetica-Bold"),local("Arial Bold"),local("Arial-BoldMT")}
@font-face{font-family:"Poppins";font-weight:100 449;src:local("Helvetica Neue"),local("HelveticaNeue"),local("Helvetica"),local("Arial")}
@font-face{font-family:"Poppins";font-weight:450 549;src:local("HelveticaNeue-Medium"),local("Helvetica Neue Medium"),local("Helvetica"),local("Arial")}
@font-face{font-family:"Poppins";font-weight:550 900;src:local("HelveticaNeue-Bold"),local("Helvetica Neue Bold"),local("Helvetica-Bold"),local("Arial Bold"),local("Arial-BoldMT")}
html body .ebc-wm-sub, html body #op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l .op3-element__contenteditable p{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important}
html body :is(p,li,a,span,div,label,button,input,textarea,select,td,th,small,strong,b,em):not(h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,[class*=icon],[class*=dashicons],#wpadminbar *,.ebc-wm-name,.ebcs-ft,.ebcf-marke .n,.ebcf-fmarke .n,.ebcs-av-frage,.ebcf-dat b,.ebcs-amazon,[class*=op3-icon]){font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}

/* Abschnittsueberschriften 28 px */
html body .ebcs-umbau h2, html body .ebcf-startende h2, html body .ebcs-umbau .ebcs-ft, html body .ebcs-frage .ebcs-ft, html body #op3-element-sI6xb3fc #op3-element-MhHQwg7i h3, html body #op3-element-sI6xb3fc #op3-element-MhHQwg7i h3 *, body.ebcf-seite .ebcf-text h2{font-size:28px!important;line-height:1.3!important;letter-spacing:0!important}

/* Sperrung nur bei Grossbuchstaben */
html body .ebcs-unter, html body .ebcs-vname, html body .ebcs-umbau h2, html body .ebcs-umbau h3:not(.ebcs-tsp h3){letter-spacing:0!important}

/* Textfarbe */
html body .ebcs-umbau p:not(.ebcs-unter):not(.ebcs-ft), html body .ebcs-umbau li, html body .ebcf-startende p, html body .ebcf-startende li, body.ebcf-seite .ebcf-text p, body.ebcf-seite .ebcf-text li{color:#18181e}

/* Abstaende: Ueberschrift -> Text 12, Absatz -> Absatz 12 */
html body .ebcs-umbau :is(h2,h3), html body .ebcf-startende :is(h2,h3), body.ebcf-seite .ebcf-text :is(h2,h3), html body .ebcs-umbau .ebcs-ft{margin-bottom:12px!important}
html body .ebcs-umbau p, html body .ebcf-startende p, body.ebcf-seite .ebcf-text p, html body .ebcs-saetze p{margin-top:0!important;margin-bottom:12px!important}
html body .ebcs-umbau p:last-child, html body .ebcf-startende p:last-child, body.ebcf-seite .ebcf-text p:last-child, html body .ebcs-saetze p:last-child{margin-bottom:0!important}
html body .ebcs-umbau p.ebcs-unter, html body .ebcf-startende p.ebcs-unter{margin-bottom:28px!important}

/* Block -> Block 28 */
html body .ebcs-bloecke{gap:28px!important}
html body .ebcs-fach .ebcs-in, html body .ebcs-tgrid, html body .ebcs-schritte, body.ebcf-seite .ebcf-wrap, body.ebcf-seite .ebcf-bildzeile, body.ebcf-seite .ebcf-raster, body.ebcf-seite .ebcf-kin{gap:28px!important}
html body .ebcs-fqliste{column-gap:28px!important}
html body .ebcs-band{gap:28px!important;grid-auto-columns:calc((100% - 84px)/4)!important}
html body .ebcf-karussell, html body .ebcf-sband{gap:28px!important;grid-auto-columns:calc((100% - 84px)/4)!important}
html body .ebcf-sband .ebcf-fb-spur, html body .ebcs-fbreihe .ebcf-fb-spur{column-gap:28px!important}

/* Abschnitt -> Abschnitt 64 */
html body #fachkunde{padding:64px 0 0!important}
html body #zusammenarbeit{padding:64px 0 64px!important}
html body #fachwissen{padding:64px 0 64px!important}
html body #trend{padding:64px 0 0!important}
html body .ebcf-startende .ebcs-faq{padding:64px 0 64px!important}

/* Raster 1160 px (Innenmass), Rand je 24 px */
html body .ebcs-in, html body .ebcs-logoband .ebcs-in, html body .ebcs-faq .ebcs-in, html body .ebcf-startende .ebcf-sin, html body .ebcf-startende .ebcf-fin, body.ebcf-seite .ebcf-kin, body.ebcf-seite .ebcf-hin, body.ebcf-seite .ebcf-wrap, body.ebcf-seite .ebcf-vollbreit, body.ebcf-seite .ebcf-sin, body.ebcf-seite .ebcf-fin{max-width:1208px!important}
html body .ebcs-unter{max-width:100%}
html body #op3-element-EPabieQa#op3-element-EPabieQa#op3-element-EPabieQa#op3-element-EPabieQa{max-width:1160px!important}
@media (max-width:1599px){html body #op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l, html body #op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l > div{max-width:1160px!important}}
@media (min-width:1600px){html body #op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l, html body #op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l#op3-element-0lIhSv7l > div{max-width:1536px!important;width:1536px!important}}

/* Knopfhoehe 50 px */
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8 a.op3-link, html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF a.op3-link{height:50px!important;min-height:50px!important}
html body #op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8#op3-element-eTQUOWB8, html body #op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF#op3-element-u1NTs1OF{height:50px!important}
html body .ebcf-knoepfe a, html body .ebcs-ctaknopf, html body .ebcs-cta-knopffeld a{min-height:50px!important;display:inline-flex!important;align-items:center;justify-content:center;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}

/* Kopf laeuft mit */
html body #op3-element-pdaNqZ0r#op3-element-pdaNqZ0r#op3-element-pdaNqZ0r#op3-element-pdaNqZ0r{position:sticky!important;top:0;z-index:1000!important;background:#fff!important}
html body.admin-bar #op3-element-pdaNqZ0r#op3-element-pdaNqZ0r#op3-element-pdaNqZ0r#op3-element-pdaNqZ0r{top:32px}
body.ebcf-seite .ebcf-kopf{position:sticky!important;top:0;z-index:1000!important}
body.ebcf-seite.admin-bar .ebcf-kopf{top:32px}

/* Knopf nach oben */
.ebc-nachoben{position:fixed;right:24px;bottom:72px;width:48px;height:48px;border-radius:2px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 75% 120% at 50% 50%,#3d5797 0%,#1d2b4f 62%,#141e38 100%);box-shadow:0 3px 10px rgba(24,24,30,.22);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s;z-index:999;text-decoration:none}
.ebc-nachoben.sichtbar{opacity:1;visibility:visible;transform:none}
.ebc-nachoben:hover{background:radial-gradient(ellipse 75% 120% at 50% 50%,#5470b3 0%,#27396a 62%,#17223f 100%)}
.ebc-nachoben:active{background:radial-gradient(ellipse 75% 120% at 50% 50%,#e2493d 0%,#c62b23 62%,#a81f19 100%)}
.ebc-nachoben svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
html body #op3-element-MJDZzpZC#op3-element-MJDZzpZC#op3-element-MJDZzpZC#op3-element-MJDZzpZC .ebc-wm-sub{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important}
html body #op3-element-EPabieQa#op3-element-EPabieQa#op3-element-EPabieQa#op3-element-EPabieQa{width:1160px!important;max-width:calc(100vw - 48px)!important}

/* 1.1.5 Schnellzugriff rechts */
.ebc-schnell{position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;z-index:998}
.ebc-schnell a{width:78px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#fff;background:radial-gradient(ellipse 75% 120% at 50% 50%,#3d5797 0%,#1d2b4f 62%,#141e38 100%);box-shadow:0 3px 10px rgba(24,24,30,.22);border-radius:2px 0 0 2px;transition:width .2s}
.ebc-schnell a:hover{width:86px;background:radial-gradient(ellipse 75% 120% at 50% 50%,#5470b3 0%,#27396a 62%,#17223f 100%)}
.ebc-schnell a:active{background:radial-gradient(ellipse 75% 120% at 50% 50%,#e2493d 0%,#c62b23 62%,#a81f19 100%)}
.ebc-schnell svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.ebc-schnell span{font:500 9.5px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:#fff}
@media (max-width:767px){.ebc-schnell{top:auto;bottom:0;left:0;right:0;transform:none;flex-direction:row;gap:2px}.ebc-schnell a{flex:1;width:auto;height:56px;border-radius:0}.ebc-schnell a:hover{width:auto}.ebc-nachoben{bottom:72px}}
/* 1.1.7 Knopfpaare (E-Mail / Anruf): Abstand 28 px wie Block-Abstand und Rasterspalten */
html body .ebcf-knoepfe, html body .ebcs-frage .ebcf-knoepfe, html body .ebcs-av-knoepfe{gap:28px!important;column-gap:28px!important}

/* 1.1.13 Schnellzugriff: weiss und fest; Darueberfahren = blauer Strahlenverlauf, Klick = roter Strahlenverlauf; keine Bewegung */
html body .ebc-schnell a, html body .ebc-nachoben{background:#fff!important;color:#1d2b4f!important;transition:none!important;width:78px}
html body .ebc-nachoben{width:48px}
html body .ebc-schnell a:hover, html body .ebc-schnell a:focus-visible, html body .ebc-nachoben:hover{width:78px;background:radial-gradient(circle at 50% 50%,#5470b3 0%,#27396a 60%,#17223f 100%)!important}
html body .ebc-nachoben:hover{width:48px}
html body .ebc-schnell a:active, html body .ebc-schnell a.ebc-geklickt, html body .ebc-nachoben:active{background:radial-gradient(circle at 50% 50%,#e2493d 0%,#c62b23 60%,#a81f19 100%)!important}
html body .ebc-schnell svg, html body .ebc-nachoben svg{stroke:#1d2b4f!important}
html body .ebc-schnell span{color:#1d2b4f!important}
html body .ebc-schnell a:hover svg, html body .ebc-schnell a:active svg, html body .ebc-nachoben:hover svg, html body .ebc-nachoben:active svg{stroke:#fff!important}
html body .ebc-schnell a:hover span, html body .ebc-schnell a:active span{color:#fff!important}
html body .ebc-schnell a + a{border-top:1px solid #e2e2e6}
@media (max-width:767px){html body .ebc-schnell a, html body .ebc-schnell a:hover{width:auto}html body .ebc-schnell a + a{border-top:0;border-left:1px solid #e2e2e6}}
.ebc-suchfeld{position:fixed;right:86px;top:50%;transform:translateY(-50%);display:none;gap:8px;align-items:center;background:#fff;padding:12px;box-shadow:0 3px 10px rgba(24,24,30,.22);z-index:999}
.ebc-suchfeld.offen{display:flex}
.ebc-suchfeld input[type=search]{width:280px;height:50px;padding:0 14px;border:1px solid #d6d6dc;font:16px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#18181e}
.ebc-suchfeld button{height:50px;padding:0 20px;border:0;color:#fff;font:600 14px 'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:radial-gradient(circle at 50% 50%,#3d5797 0%,#1d2b4f 60%,#141e38 100%)}
.ebc-suchfeld button:hover{background:radial-gradient(circle at 50% 50%,#5470b3 0%,#27396a 60%,#17223f 100%)}
.ebc-suchfeld button:active{background:radial-gradient(circle at 50% 50%,#e2493d 0%,#c62b23 60%,#a81f19 100%)}
@media (max-width:767px){.ebc-suchfeld{left:12px;right:12px;top:auto;bottom:68px;transform:none}.ebc-suchfeld input[type=search]{flex:1;width:auto}}

/* ===== 1.2.0 Fachbeitraege: Kopf, Menue und Fuenf-Spalten-Raster wie die Startseite (ab 1.600 px) ===== */
@media (min-width:1600px){
/* Kopf: 1.536 px, Logoblock links (Breite = Claim), Menue mittig, Termin-Knopf in Spaltenbreite rechts */
body.ebcf-seite .ebcf-kin{max-width:1584px!important;display:flex!important;justify-content:space-between;align-items:center;gap:28px!important}
body.ebcf-seite .ebcf-marke{flex:0 0 auto;justify-self:auto}
body.ebcf-seite .ebcf-marke .n{font-size:46px!important;line-height:1.05!important;letter-spacing:.033em!important;color:#85211d!important}
body.ebcf-seite .ebcf-marke .e{font:500 16px/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif!important;letter-spacing:.14em!important;color:#6b7488!important;margin:2px 0 4px!important;text-transform:uppercase}
body.ebcf-seite .ebcf-marke .c{white-space:nowrap;font-size:16px}
body.ebcf-seite .ebcf-marke .c br.ebcf-cbr{display:none}
body.ebcf-seite .ebcf-nav{flex:1 1 auto;justify-content:center;gap:28px}
body.ebcf-seite .ebcf-nav a{font:400 16px 'Helvetica Neue',Helvetica,Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.8px!important;color:#18181e!important}
body.ebcf-seite .ebcf-termin{flex:0 0 284.8px;width:284.8px;height:50px;display:flex!important;align-items:center;justify-content:center;padding:0 12px!important}
/* Hero-Titel buendig mit dem Kopf */
body.ebcf-seite .ebcf-hin{max-width:1584px!important}
/* Raster: fuenf Spalten zu 284,8 px, 28 px Abstand */
body.ebcf-seite .ebcf-wrap{max-width:1584px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:28px!important}
body.ebcf-seite .ebcf-wrap > .ebcf-text{grid-column:1/5!important}
body.ebcf-seite .ebcf-wrap > .ebcf-seitenleiste{grid-column:5!important}
/* Beitrag: Text in Spalte 1-3, Inhaltsverzeichnis in Spalte 4 (laeuft beim Lesen mit), Kontaktkarte und Themen in Spalte 5 */
body.ebcf-seite .ebcf-text:has(> .ebcf-bildzeile){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px;align-content:start}
body.ebcf-seite .ebcf-text:has(> .ebcf-bildzeile) > *{grid-column:1/4;min-width:0}
body.ebcf-seite .ebcf-text > .ebcf-bildzeile{display:contents!important}
body.ebcf-seite .ebcf-text > .ebcf-bildzeile > .ebcf-links{grid-column:1/4!important;margin-bottom:28px}
body.ebcf-seite .ebcf-text > .ebcf-bildzeile > .ebcf-tocrahmen{grid-column:4!important;grid-row:1/span 400;position:relative;align-self:stretch}
body.ebcf-seite .ebcf-text > .ebcf-bildzeile > .ebcf-tocrahmen .ebcf-toc{position:sticky!important;inset:auto!important;top:190px;max-height:calc(100vh - 220px);overflow:auto}
}
@media (min-width:1600px){body.ebcf-seite .ebcf-raster{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important}}

/* 1.2.2 Abschluss-Bereiche (Weitere Fachbeitraege, Praxis, Kundenstimmen, Logos, Fuss) ueber 1.536 px; Baender mit fuenf Karten im Raster */
@media (min-width:1600px){
html body.ebcf-seite .ebcf-vollbreit, html body.ebcf-seite .ebcf-sin, html body.ebcf-seite .ebcf-fin, html body .ebcf-startende .ebcf-sin, html body .ebcf-startende .ebcf-fin, html body .ebcf-startende .ebcf-vollbreit{max-width:1584px!important}
html body .ebcf-karussell, html body .ebcf-sband, html body .ebcs-band{gap:28px!important;column-gap:28px!important;grid-auto-columns:calc((100% - 112px)/5)!important}
html body .ebcf-sband .ebcf-fb-spur, html body .ebcs-fbreihe .ebcf-fb-spur{column-gap:28px!important}
}

/* 1.2.4 TEST Beitrag: oben zwei Spalten (Inhalt | Einstieg), Bild und Audio in bisheriger Groesse, Text laeuft daneben und darunter in Spalte 2-4 */
@media (min-width:1600px){
body.ebcf-seite .ebcf-text.ebcf-zwei{display:block!important}
body.ebcf-seite .ebcf-text.ebcf-zwei > *{display:flow-root;margin-left:0}
body.ebcf-seite .ebcf-text.ebcf-zwei > .ebcf-bildzeile{display:contents!important}
body.ebcf-seite .ebcf-text.ebcf-zwei > .ebcf-tocrahmen{float:left;width:284.8px;margin:0 28px 28px 0!important;position:static!important}
body.ebcf-seite .ebcf-text.ebcf-zwei > .ebcf-tocrahmen .ebcf-toc{position:static!important;max-height:none;inset:auto!important}
body.ebcf-seite .ebcf-text.ebcf-zwei .ebcf-links{clear:left;float:left;width:910.4px;margin:0 28px 28px 0!important}
body.ebcf-seite .ebcf-text.ebcf-zwei > .ebcf-rechts{margin-left:312.8px!important}
}
/* 1.2.7 Podcast-Knoepfe: auf dem Handy ausgeblendet */
@media (max-width:767px){html body .ebc-schnell a.ebc-pod{display:none!important}}
html body .ebc-schnell a.ebc-pod span{font-size:8.5px}
/* 1.2.8 Leiste unterhalb des mitlaufenden Kopfs, neun Knoepfe zu 60 px */
@media (min-width:768px){html body .ebc-schnell{top:max(180px,calc(50vh - 204px))!important;transform:none!important}html body .ebc-schnell a{height:60px!important}html body .ebc-suchfeld{top:max(180px,calc(50vh - 204px));transform:none}}
/* 1.2.18 Wortmarke: Claim auf dieselbe Breite wie Name und Unterzeile */
@media (min-width:1600px){body.ebcf-seite .ebcf-marke .c{font-size:14.95px!important;letter-spacing:0!important}}
html body strong.ebc-fett{font-weight:700!important;font-family:inherit!important;color:inherit}

/* 1.2.25 Event-Seite: Bild über die volle Breite, Navy-Box wie auf der Startseite */
html body .ebcf-ehero{position:relative;background:#18181e var(--ebcf-ebild,none) 80% 15%/cover no-repeat;min-height:clamp(560px,39vw,760px);display:flex;align-items:flex-start}
html body .ebcf-ehin{width:min(1536px,calc(100% - 32px));margin:0 auto;padding:52px 0}
html body .ebcf-ebox{width:610px;max-width:100%;background:rgba(29,43,79,.88);color:#fff;padding:48px 61px;box-sizing:border-box}
html body .ebcf-ebox .ebcf-crumb,html body .ebcf-ebox .ebcf-crumb a{color:rgba(255,255,255,.8)}
html body .ebcf-ebox .ebcf-eeb{font:600 13px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;margin:28px 0 12px;color:rgba(255,255,255,.85)}
html body .ebcf-ebox h1{font:400 46px/1.15 Optima,"Optima Nova","Biolinum EBC",Candara,serif;color:#fff;margin:0 0 12px}
html body .ebcf-ebox p{font:17px/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 0 12px;color:#fff}
html body .ebcf-ebox .ebcf-ezeile{font-size:20px}
html body .ebcf-ebox a.ebcf-ebtn{margin-top:16px;width:350px;max-width:100%;box-shadow:0 0 0 1px rgba(255,255,255,.45),0 3px 10px rgba(24,24,30,.22)}
html body .ebcf-eventseite .ebcf-event-inhalt{grid-column:1/4}
@media (min-width:1600px){html body .ebcf-eventseite .ebcf-event-inhalt{grid-column:1/5}}
html body .ebcf-event-inhalt h2{margin:0 0 12px}
html body .ebcf-event-inhalt h2:not(:first-child){margin-top:28px}
html body .ebcf-ereihe{list-style:none;padding:0;margin:0;border-top:1px solid #e2e2e6}
html body .ebcf-ereihe li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e2e2e6}
html body .ebcf-ereihe li span{color:#6b6d78}
@media (max-width:900px){html body .ebcf-ehero{min-height:0;background-position:70% 0;padding-top:56vw;background-size:auto 56vw}html body .ebcf-ehin{width:100%;padding:0}html body .ebcf-ebox{width:100%;padding:32px 20px}html body .ebcf-ebox h1{font-size:32px}html body .ebcf-eventseite .ebcf-event-inhalt{grid-column:1/-1}}

/* 1.2.28 Event-Seite: Kopfbild ohne Box, Angaben zum Termin darunter in der Textspalte */
html body .ebcf-ehero-bild{background-position:50% 30%;min-height:clamp(420px,36vw,700px)}
html body .ebcf-ekopf{margin-bottom:28px}
html body .ebcf-ekopf .ebcf-eeb{font:600 13px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:#6b6d78;margin:12px 0 12px}
html body .ebcf-ekopf h1{font:400 46px/1.15 Optima,"Optima Nova","Biolinum EBC",Candara,serif;color:#85211d;margin:0 0 12px}
html body .ebcf-ekopf p{margin:0 0 12px}
html body .ebcf-ekopf .ebcf-ezeile{font-size:20px;color:#18181e}
html body .ebcf-ekopf a.ebcf-ebtn{margin-top:16px;width:350px;max-width:100%}
@media (max-width:900px){html body .ebcf-ehero-bild{min-height:56vw;padding:0;background-size:cover;background-position:50% 30%}html body .ebcf-ekopf h1{font-size:32px}}
html body .ebcf-ekopf .ebcf-crumb{display:block;margin:0 0 28px!important}
html body .ebcf-ekopf p.ebcf-eeb{margin:0 0 12px!important}
html body .ebcf-ekopf a.ebcf-ebtn,html body .ebcf-ekopf a.ebcf-ebtn:hover{text-decoration:none!important}

/* 1.2.31 Event-Kopfbild: ganzer Raum von der Deckenlampe bis zwischen vorderstem und zweitem Stuhl (Bildzeile 0–900 von 1024) */
html body .ebcf-ehero.ebcf-ehero-bild{min-height:0!important;padding:0!important;aspect-ratio:1536/900;background-size:100% auto!important;background-position:50% 0!important}

/* 1.2.36 Event-Seite: Termin-Angaben links, Einleitung „Ein Tag. Ein Thema." rechts daneben */
html body .ebcf-ezwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start;margin-bottom:28px}
html body .ebcf-ezwei .ebcf-ekopf{margin-bottom:0}
html body .ebcf-ezwei .ebcf-eintro h2{margin:0 0 12px!important}
html body .ebcf-ezwei .ebcf-eintro p{margin:0}
@media (max-width:900px){html body .ebcf-ezwei{grid-template-columns:1fr;row-gap:28px}}

/* 1.2.38 Event-Seite: „Programm anfragen" weiß mit blauem Rand; Reihe dreispaltig – Thema, Termin, Knopf */
html body .ebcf-ekopf a.ebcf-ebtn-hell{display:inline-flex;align-items:center;justify-content:center;height:50px;width:350px;max-width:100%;margin-top:16px;background:#fff!important;background-image:none!important;color:#1d2b4f!important;border:1.5px solid #1d2b4f;border-radius:3px;font:600 16px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;text-decoration:none!important;box-shadow:0 3px 10px rgba(24,24,30,.22);transition:background-color .2s,color .2s,transform .2s}
html body .ebcf-ekopf a.ebcf-ebtn-hell:hover{background:radial-gradient(ellipse 75% 120% at 50% 50%,#3d5797 0%,#1d2b4f 62%,#121b33 100%)!important;color:#fff!important}
html body .ebcf-ekopf a.ebcf-ebtn-hell:active{background:radial-gradient(ellipse 75% 120% at 50% 50%,#c0453c 0%,#85211d 62%,#5e1714 100%)!important;color:#fff!important;border-color:#85211d}
html body .ebcf-ereihe{border-top:1px solid #e2e2e6}
html body .ebcf-ezeile3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px;column-gap:28px;align-items:center;padding:14px 0;border-bottom:1px solid #e2e2e6}
html body .ebcf-ezeile3 span{color:#18181e}
html body .ebcf-ezeile3 a.ebcs-ctaknopf{width:100%;text-decoration:none!important}
@media (max-width:900px){html body .ebcf-ezeile3{grid-template-columns:1fr;row-gap:8px}}

/* 1.2.39 Rechte Kante: Einleitungstext im Blocksatz, endet bündig mit den Knöpfen der Terminreihe; mehr Luft je Terminzeile */
html body .ebcf-ezwei .ebcf-eintro p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
html body .ebcf-ezeile3{padding:20px 0}

/* 1.2.41 „Programm anfragen" im Kopfbild: mittig, Navy-Transparenz wie die Box der Startseite, Standardbreite 350 px */
html body .ebcf-ehero-bild{position:relative}
html body a.ebcf-ebtn-hero{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:350px;max-width:calc(100% - 32px);height:50px;background:rgba(29,43,79,.88);color:#fff!important;border:1px solid rgba(255,255,255,.45);border-radius:3px;font:600 16px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;text-decoration:none!important;box-shadow:0 3px 10px rgba(24,24,30,.22);transition:background .2s}
html body a.ebcf-ebtn-hero:hover{background:radial-gradient(ellipse 75% 120% at 50% 50%,#3d5797 0%,#1d2b4f 62%,#121b33 100%)}
html body a.ebcf-ebtn-hero:active{background:radial-gradient(ellipse 75% 120% at 50% 50%,#c0453c 0%,#85211d 62%,#5e1714 100%)}
@media (max-width:900px){html body a.ebcf-ebtn-hero{bottom:16px}}

/* 1.2.42 Terminzeilen 16 px oben/unten: letzte Tabellenlinie schliesst mit der Kontaktkarte ab */
html body .ebcf-ezeile3{padding:16px 0}

/* 1.2.45 Inhaltsverzeichnis läuft beim Lesen mit: Abstand unter dem mitlaufenden Kopf (127 px + 28 px) */
body.ebcf-seite .ebcf-text > .ebcf-bildzeile > .ebcf-tocrahmen .ebcf-toc{top:155px!important;max-height:calc(100vh - 183px)!important}
body.ebcf-seite.admin-bar .ebcf-text > .ebcf-bildzeile > .ebcf-tocrahmen .ebcf-toc{top:187px!important;max-height:calc(100vh - 215px)!important}

/* 1.2.46 Self Assessment: Fragen in Optima statt Georgia (nur zwei Schriften), Reiter einzeilig auf dem Handy */
html body #ebc-smart h2.question{font-family:Optima,"Optima Nova","Biolinum EBC",Candara,serif!important;font-weight:500!important;color:#85211d!important;font-size:24px!important;line-height:1.3!important}
@media (min-width:768px){html body #ebc-smart h2.question{font-size:28px!important}}
@media (max-width:600px){html body #ebc-smart .reiter-k{font-size:11px!important;letter-spacing:.8px!important;white-space:nowrap;padding:8px 8px 10px!important}html body #ebc-smart .card{padding:24px 18px!important}}


/* 1.2.47 Handy: Schnellleiste ausgeblendet, keine waagerechte Verschiebung der Seite */
@media (max-width:767px){html,body{overflow-x:clip}html body .ebc-schnell,html body .ebc-suchfeld{display:none!important}}

/* 1.2.52 Schmale Fenster: Kopf der Unterseiten ohne Menü und Claim bis 1.199 px */
@media (min-width:901px) and (max-width:1199px){html body .ebcf-kin{grid-template-columns:1fr auto!important;gap:12px}html body .ebcf-nav{display:none!important}html body .ebcf-termin{grid-column:2!important}html body .ebcf-marke .c{display:none!important}}
/* 1.2.52 Self Assessment: Start-Knopf direkt unter dem Einleitungstext, ohne Leerraum davor */
html body #ebc-smart .card .start > .btn-row{margin-top:24px!important;padding-top:0!important}
html body .op3badge{display:none!important}

/* 1.2.53 Ergebnis „Ihre Optimierungen“: Call to Action folgt direkt auf die Liste statt am Boxende – sichtbar ohne Scrollen */
html body #ebc-smart .res1 .opt-inhalt{flex:0 0 auto!important;min-height:180px;max-height:none}
html body #ebc-smart .res1 .opt-cta{margin-top:20px!important}

/* 1.2.54 Event-Seite: „Programm anfragen“ auf Höhe der weißen Hemden, unterhalb der Einstecktücher – sichtbar ohne Scrollen */
html body a.ebcf-ebtn-hero{top:57%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}

/* 1.2.56 Handy: Autorenbox untereinander, Termin-Knopf zweizeilig auf schmalen Geräten */
@media (max-width:600px){
html body .ebcf-autor{flex-direction:column;align-items:flex-start}
html body .ebcf-autor > *{max-width:100%;min-width:0}
html body .ebcf-sozial{flex-wrap:wrap}
}
@media (max-width:419px){
html body .ebcf-termin{font-size:0!important;line-height:0!important;white-space:normal!important}
html body .ebcf-termin::after{content:"Termin unter\A+49 89 904 297-150";white-space:pre;display:block;text-align:center;font:600 13px/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif}
}

/* 1.2.70: Abstand zwischen zwei Autorenboxen (Grid-Eltern, keine Margin-Zusammenfassung) */
.ebcf-autor:has(+ .ebcf-autor){margin-bottom:20px}
.ebcf-autor + .ebcf-autor{margin-top:0}

/* 1.2.71: Kasten Rechtsstand in Fachbeiträgen */
.ebc-rechtsstand{background:#f5f3ee;border-left:4px solid #7a1f1f;padding:18px 22px;margin:28px 0 32px;font-size:.96em}
.ebc-rechtsstand p{margin:0 0 8px}
.ebc-rechtsstand ul{margin:0 0 10px 1.1em}
.ebc-rechtsstand .ebc-rechtsstand-quelle{font-size:.85em;color:#5b6270;margin:6px 0 0}

/* 1.2.73: dritter Knopf Selbsttest in der Fragebox */
.ebcf-knoepfe{flex-wrap:wrap}
.ebcf-knoepfe a.ebcf-k3{background:#fff;color:#18181e;border:1.5px solid var(--knopf)}

/* 1.2.75 lange Wörter in Titeln umbrechen (Karten, Karussell, Kopf, Zwischenüberschriften) */
.ebcf-karte{min-width:0}
.ebcf-kt,.ebcf-karte,.ebcf-hin h1,.ebcf-text h1,.ebcf-text h2,.ebcf-text h3,.ebcf-weitere h2,.ebcf-autor,.ebcf-frage-titel,.ebc-rechtsstand{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}

/* Abstand Hinweis unter den Knöpfen (10.10.2026) */
html body .ebcf-knoepfe + .ebcf-hinweis,body.ebcf-seite .ebcf-text .ebcf-knoepfe + .ebcf-hinweis{margin-top:5px !important}

/* 1.2.77 Stand-Datum, Themenzentrum, Kurzantwort */
.ebcf-stand{font-size:.85em;opacity:.85;margin-top:.5em}
.ebcf-zentrum{border:1px solid #e3e3e3;border-radius:8px;padding:18px 22px;margin:24px 0}
.ebcf-zentrum h2{font-size:1.25em;margin:0 0 10px}
.ebcf-zentrum ul{margin:0 0 10px 1.1em}
.ebcf-zentrum li{margin:4px 0}
.ebcf-zentrum-begriffe{margin:0;font-size:.95em}