/* Brücke Eclipse 3.x (Themer 3.3) -> EclipseX 6.3.3 (Contao 5.7): Abweichungen der neuen Theme-CSS auf den alten Stand
 * zurückholen. Nach customize.css geladen (templates/layout/fe_page.html5). Werte vom Live-Web (Okt. 2026). */

:root {
	--accentColor: #006f9e;
}

/* mmenu-Bereiche: das alte jQuery-mmenu hat sie ins Mobilmenü verschoben; das Web nutzt die FM-Navigation */
body > #mmenu_top,
body > #mmenu_bottom { display: none; }

/* .bg-gray hat in 6.x !important und schlägt die Artikel-Hintergrundfarbe aus dem Backend (Inline-Style). Weiß wieder durchlassen. */
.mod_article.bg-gray[style*="rgba(255,255,255,1)"] { background-color: #fff !important; }

/* Silbentrennung: 6.x setzt hyphens:auto auf alle Elemente, früher manuell */
* { hyphens: manual; -webkit-hyphens: manual; }

/* Swiper-Pfeile: EclipseX 6 rendert <button> und lädt Swiper 11 (swiper-icons, flex) nach den alten Regeln.
 * Alter Stil: FontAwesome-Winkel 70px, weiß mit Schatten, halbtransparent. */
html body .swiper-button-next,
html body .swiper-button-prev { display: block; background: none; border: 0; padding: 0; width: 27px; height: 44px; margin-top: -75px; text-align: left;
	font: inherit; color: inherit; opacity: .3 !important; transition: all .3s ease; }
html body .swiper-container:hover .swiper-button-next,
html body .swiper-container:hover .swiper-button-prev { opacity: 1 !important; }
html body .swiper-button-next:after,
html body .swiper-button-prev:after { display: inline; width: auto; height: auto; font-family: FontAwesome; content: "\f105"; font-size: 70px;
	line-height: 70px; color: rgba(255,255,255,.8); text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
html body .swiper-button-prev:after { content: "\f104"; }
html body .ce_swiper-slider-start.style2_dark .swiper-button-next:after,
html body .ce_swiper-slider-start.style2_dark .swiper-button-prev:after { text-shadow: none; color: rgba(0,0,0,.9); }
html body .ce_swiper-slider-start.style2_light .swiper-button-next:after,
html body .ce_swiper-slider-start.style2_light .swiper-button-prev:after { text-shadow: none; color: rgba(255,255,255,.9); }
/* Swiper mit Punkten: früher 60px Platz unter den Slides für die Punkte (customelements.css) */
html body .swip-pagination .swiper-wrapper { padding-bottom: 60px; }

/* Hyperlink-Buttons: alte Grundmaße (framework.css) und Größen aus customelements.css; die Vorlage bildet
 * small/large/wide auf btn-size-small/-medium/-large ab */
html body .ce_hyperlink a.hyperlink_txt { padding: 12px 20px; font-size: .9rem; min-width: 140px; }
html body .ce_hyperlink-extended a.hyperlink_txt { min-width: 190px; }
html body .ce_hyperlink-extended.btn-size-small a.hyperlink_txt { padding: 9px 15px; font-size: .75rem; min-width: 0; }
html body .ce_hyperlink-extended.btn-size-medium a.hyperlink_txt { padding: 20px 30px; }
html body .ce_hyperlink-extended.btn-size-large a.hyperlink_txt { padding: 15px 50px; }

/* Listen: 6.x gibt Punkten Innenabstand (10px, style2 5px) und macht Icon-Listen zu Flexboxen; früher Block ohne Abstand */
.ce_list li, .ce_list.style2 li, .ce_list.style3 li { padding-top: 0; padding-bottom: 0; }
.ce_list.hasIcon ol li, .ce_list.hasIcon ul li { display: block; }

/* Fußzeile #bottom: Absatzabstand wie früher */
#bottom .ce_text p { margin-bottom: 15px; }

/* Überschriften: EclipseX 6 gibt <hN class="hN"> aus, Theme-Regeln ".hN" schlagen sonst Kundenregeln auf reines hN.
 * Erzeugt mit hfix.py aus customize.scss, customize.css und themedesigner/css/14_1629977949.css. */
.home-2 #slider h1.h1 {font-size: 7rem; font-size: 3.5em;}
.fm-courses .fm-courses__item h3.h3 {margin-bottom: 10px;}
.fmel-training-list__item h3.h3 {margin-bottom: 16px;}
.fmel-training-list__item h4.h4 {font-size: 17px; margin-bottom: 5px;}
.fm-training h1.h1 {font-size: 2.333rem;}
@media (max-width: 767px) { .fm-training h1.h1 {font-size: 1.5rem;} }
html #slider h1.h1 {font-size: 7rem; font-weight: 200;}
@media (max-width: 1650px) { html #slider .fm-stage-columns h1.h1 {font-size: clamp(2rem, 6vw, 4.2rem) !important; text-shadow: 0 0 20px white, 0 0 30px white;} }
@media (max-width: 1024px) { html #slider .fm-stage-columns h1.h1 {font-size: 5rem;} }
@media (max-width: 767px) { html #slider .fm-stage-columns h1.h1 {font-size: 3rem;} }
.fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item:nth-child(even) h3.h3, .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item:nth-child(even) h4.h4 {color: var(--white);}
@media (min-width: 1024px) { .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item h3.h3, .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item h4.h4, .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item:nth-child(even) h3.h3, .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item:nth-child(even) h4.h4 {color: rgb(59, 60, 66);} }
@media (min-width: 1024px) { .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item:nth-child(4n+1) h3.h3, .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item:nth-child(4n+1) h4.h4, .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item:nth-child(4n) h3.h3, .fm-ausbildungsangebote-latest .mod_catalogUniversalView .fmel-training-list__item:nth-child(4n) h4.h4 {color: var(--white);} }
body .fm-kommentare .swiper-slide .ce_authorbox .ce_authorbox_inside h5.h5 {margin-bottom: 0;}
h3.h3 {font-size: 21px;}
.slider-heading h1.h1 {font: 8rem; font-weight: 200;}
.txt-color-accent h1.h1, .txt-color-accent h2.h2, .txt-color-accent h3.h3, .txt-color-accent h4.h4, .txt-color-accent h5.h5, .txt-color-accent h6.h6 {color: #006f9e;}
.divider-v2 h1.h1:after, .divider-v2 h2.h2:after, .divider-v2 h3.h3:after, .divider-v2 h4.h4:after, .dividerv h5.h5:after, .divider-v2 h6.h6:after {background: #006f9e;}
.mod_faqpage h3.h3:before {color: #006f9e;}
.newslist h2.h2 {color: #006f9e;}
.color-accent h1.h1, .color-accent h2.h2, .color-accent h3.h3, .color-accent h4.h4, .color-accent h5.h5, .color-accent h6.h6 {color: #006f9e;}
.ce_headertext h1.h1:after, .ce_headertext h2.h2:after, .ce_headertext h3.h3:after, .ce_headertext h4.h4:after, .ce_headertext h5.h5:after, .ce_headertext h6.h6:after {background: #006f9e;}
.newslist-timeline-both h4.h4:before {border-color: #006f9e;}
.ce_linkbox h4.h4 {color: #006f9e;}
.newsteaser_v7:hover h5.h5 {color: #006f9e;}
.mod_eventlist_v3 h4.h4 {color: #006f9e;}
.mod_portfoliolist_demos .item h5.h5:hover {color: #006f9e;}
.txt-color-second h1.h1, .txt-color-second h2.h2, .txt-color-second h3.h3, .txt-color-second h4.h4, .txt-color-second h5.h5, .txt-color-second h6.h6 {color: #006f9e;}
h1.h1, h2.h2, h3.h3, h4.h4, h5.h5, h6.h6 {font-family: Roboto; font-weight: 700;}
#footer h1.h1, #footer h2.h2, #footer h3.h3, #footer h4.h4, #footer h5.h5, #footer h6.h6 {color: #696969;}