@CHARSET "ISO-8859-1";

@font-face {
  font-family: Sparkasse-Rg;
	
  src: url('/ecadia/customFiles/css/fonts/Sparkasse_Rg.ttf'),
	  url('https://ecadiarp.svrp.f-i-verbund.de/ecadiarp/customFiles/css/fonts/Sparkasse_Rg.ttf');
	  
}

@font-face {
  font-family: Sparkasse-Bd;
  src: url('/ecadia/customFiles/css/fonts/Sparkasse_Bd.ttf'),
	  url('https://ecadiarp.svrp.f-i-verbund.de/ecadiarp/customFiles/css/fonts/Sparkasse_Bd.ttf'),
}

body {
	font-family: Sparkasse-Rg, sans-serif!important;
}

h1, h2, h3, h4 {
	font-family: Sparkasse-Rg, sans-serif!important;
}


.cancellatonDetails ul li {
	color: white;
}


#personArea{
	margin-bottom: 5px!important;
}

.FolderCellNoImage.FolderCell {
    height: 80px;
	background-color: white;
    background-position-y: 50px;
}


.FolderCell h2 {
    text-shadow: none;
}

.tileLayout .ui-listview li p, .tileLayout .ui-listview li h2  {
    text-shadow: none;
}

.headerArea {
    background-position: center;
    background-position-x: center!important;
    max-height: 250px!important;
    background-color: #f3f3f3!important;
	max-width: 1400px;
    margin: auto;
	background-size: cover;
	padding: 7%;
}

#headerForm {
	background-color: #f3f3f3!important;
}

#subHeader{
    background-image: url(../logos/Logo_Internet.jpg);
    height: 55px;
    background-repeat: no-repeat;
    background-color: #ff0000;
    background-size: contain;
	background-position: 200px;
    border: 5px solid #ee0000;
}

#popupLogin, #popupGetPassword, #welcome {
	background-size: 100% auto !important;
	background-position: top center !important;
}

/* die kleine Breite, z. B. iPhone */
@media ( max-width :680px) {
	.headerArea {
		background-image: url('../gifMobile/rlp_logo_klein.png');
		padding-top: 41px;
		background-position: 84px 1px;
	}
}

/* Ränder links und rechts in Mobile-Oberfläche */

.ui-page, .ui-header{
	margin: 0 auto!important;
	border-right: 1px #eeeeee solid !important;
	border-left: 1px #eeeeee solid !important;
	background : #eaeaea!important;
}

/* Workaround, weil der Popup für das Bucherkonto sonst nach links aus dem sichtbaren Bereich verschoben wird */
#accountType-listbox-popup {
	left: 10px !important;
}

/* Titel der Kacheln auf Home und dem News-ticker in Sparkassenrot*/
div#userTiles h2, .newsItemTextArea h2, .FolderTitle /* Titel im Bildungskatalog*/ {
	color: #ff0000;	
}

#explorerTab, #searchTab{
	background-color: #ff0000;	
	color:white!important;
}

.jq-calendar-wrapper .training {
	background-color: #dddcdc!important;
	
}

.jq-calendar-wrapper .ui-btn-today { 
	background-color:#a7a7a7!important;
}

#userTiles a.ui-btn:visited h2 {
    color: white !important;
}

/**
div, li, ul, .ui-btn, .ui-listview{
	border-radius : 10px!important; /* Hier sollte alles gesammelt werdne um alle Ecken rund zu machen 
}
*/

.ecadia-card, .ui-btn, .ui-listview {
	border-radius : 10px!important;
}

.tileLayout .ui-li-icon{
	display: none; /*ausblenden der Icons auf der Home Seite*/
}

.tileLayout .ui-btn, .tileLayout .ui-btn:visited, .newsItemLink /*Newsticker*/, .explorerTrainingProductListItem /*Produktkacheln*/
.ui-btn:not(:active):not(.ui-btn-active) /*Im Explorer angezeigte Unterordner*/{
	background-color: white!important; /*Kacheln der Home seite weißen Hintergrund*/
}

.TrainingProductTitleExplorerTitle{
	/*Überschriften im Explorer rot */
	color: #ff0000!important;
}

#explorerTabs, #explorer, .contentArea /* Produktkatalog hintergrund*/{
	background : #eaeaea;
}

.contentArea {
	max-width: 1265px!important;
}


/* Auf den Kacheln auf der Startseite die  Pfeile anzeigen */
.tileLayout .ui-listview .ui-btn-icon-right:after{
	display: block!important;
	top: 85%;
}

#mainPage > .ui-header-fixed, .ecadiaMobilePage > .ui-header-fixed {
	position: absolute!important;
	border: none; /*So haben wir keinen  Strich unter dem Header-Bild*/
}

div[aria-describedby='editAccessProfileDialog']{
	z-index:2000;
}

img.icon24, img.ui-li-icon{
	filter: opacity(0.5);
	webkit-filter: : opacity(0.5);
	opacity: 0.5;
}

    
.ecadia-catalogue-card .card-header, .ecadia-catalogue-card {
	border:none;
}


.bulletLevel1, .contentDiv ul li:not(.mobileWidget *), .mobileWidgetTinyMcePreviewDiv ul li:not(.mobileWidget *), li {
    list-style-image: none!important;
}

li::marker{
	var(--color-header-secondary);
}

/* 28.11.24
Bei Produkt und Veranstaltungsschablone bei Referenten und Zielgruppe gibt es zwischen Freitext und System-Inhalt einen Abstand den wir nicht wollen*/
#contentFieldTargetgroup ul, #contentFieldIntroduction ul {
	margin-bottom: 0px;
}


/* 28.11.24
Bei der Veranstaltungsschablone in der Teilnehmerliste für den Manager, die Überschrift der Kachel ausblenden */
#managerEnrollList h2.managerParticipantsHeader{
	display: none;
}

/* 3.3.25 Für Manager die Teilnehmerliste bei Veranstaltungen oder Produkten. Das "keine" ist recht groß weils ein h4 ist - das wollen wir anpassen #417 */
h4.managerNoParticipantHeader {
	font-size: 1em;
}


/* Kacheln auf der Startseite alle eine Größe */
#mobileMenuList div.ecadia-card{
	height: 184px;
}

/* Kacheln auf der Startseite haben unter dem Titel kein Margin mehr, damit das ganze etwas kompakter angezeigt werden kann*/
#mobileMenuList div.ecadia-card .home-title {
    margin: 0px !important;
}

/*
 * 28.11.24 - Bei den Ansprechpartnern im Frontend wollen wir nicht, dass der Satz "Gerne beantworten wir Ihre Fragen" auftaucht
 */
.questionsContactArea{
   display: none;
}
/* 
* 6.2.2.5
* Die Seitenüberschriften immer rot
*/
h1.pageHeader{
	color: #ee0000;
}

/*
* In den meisten Listen im Frontend sollen die Texte gleich grpß sein, selbst wenn sie "offiziell" Überschriften sind#415
*/
#contentFieldContactPerson h4, #contentFieldContactPerson h5, #documentList h5, #ModuleProducts  h5, ul#DashboardTrainingsList h5, ul#DashboardInquiryList h5, ul#DashboardDocumentList h5, ul#DashboardWBTList h5, ul#DashboardCertificateList h5 {
	font-size: 1em;
}

/*
* 5.2.25 - Bei den Ansprechpartner einer VA / BP wollen wir die Kontakdaten leicht grau
*/
#contentFieldContactPerson a.atag-link{
	color: #666666;
}

/*
* 5.2.25 - Bei den empfohlenen Produkten eines BP, den zuletzt Gesehen und den Modulen einer Veranstaltung die Schriftgröße auch anpassen
*/
#relatedProductsDiv *, #bookmarkList *, #moduleList *{
	font-size: 1em;
	font-weight: var(--bs-body-font-weight);
}

/*
* 14.2.25 - Bei den  zuletzt gesehen Produkten die Zusammenfassung ausblenden
*/
#bookmarkList li.lastSeenProduct div.list-item-text  {
	display:none;
}
 
/*
* 5.2.25 -Sehr experimentell ist vermutlich nicht nur auf die Bildungsprodukt und veranstaltungsseite limitiert		
*/
.ecadia-catalogue-card .card-body p, .ecadia-catalogue-card .card-body ul {
	padding-bottom:0px;
}

/*
* Keine Hintergrundfarbe über die ganze Seite
* 
*/
#explorerTabs, #explorer, .contentArea {
     background: none; 
    /* background: #eaeaea; Das hier oben reinschreiben für das alte grau */
}

/**
* 5.2.25 - Logo in der Kopfzeile deutlich größer
*/
.nav_logo img {
    max-height: 45px;
    max-width: 280px;
}

/**
* 6.2.25 - Dashboard-Überschriften auch rot
*/
div.dashboard-grid h2.tile-title {
	color: #ee0000;
}


/**
* 6.2.25 - In den alten Kacheln auf der Startseite sollen die Icons keinen Hintergrund und kein Border haben
* Allgemein soll das aber in allen Listen gelten #408
*/
#mobileMenuList .card-body .home-title i, div.list-item-block-withIcon > i {
	background-color: initial!important;
	border: none!important;
}

main.main-area::before {
  content: "";
  display: block; /* Damit das After-Pseudoelement ein Block-Element wird */
  width: 100%; /* Breite auf das Div ausdehnen */
	top: 0px;
  height: 250px; /* Höhe des Bildes */
  background-image: url('/customFiles/Bild_header_GemeinsamWeiterBilden.jpg'); /* Das Bild einfügen */
  background-size: cover; /* Bildgröße anpassen */
  background-position: center; /* Bild zentrieren */
  position: absolute; /* Das Bild unterhalb des Divs positionieren */
  max-height: 250px !important;
  background-color: #f3f3f3 !important;
}

/*
 * Für das HeaderBild 
*/
div.contentArea {
	top: 250px;
	position: relative;
}

/**
* 13.2.25 - In der Katalogsuche den Strich zwischen den Kurzfiltern und dem neu Kennzeichen entfernen #409
*/
div#Catalog_Filter .col-1.d-none.d-lg-inline{
	display:none!important;
}

/**
* 13.2.25 - JSP-Name wollen wir nicht mehr anzeigen #410
*/
p.jspNameInfo{
	display: none;
}



/**
* 13.2.25 - Tage im Veranstaltungskalender in rot #414
*/ 
ul#calendarList li.eventlist-dayHeader h5{
	color: #ee0000;
}


/**
* 13.2.25 - Im Bildungskatalog / Suche die Titel der Produkte #414
*/ 
ul#explorer-tp-list h5, ul#searchResultList h5{
	color: #ee0000;
}


/**
* 19.2.25 - Im Login-Popup die Überschriften rot
*/ 
ul#accountList h5{
	color: #ee0000;
}


/**
* 14.2.25 - Den Footer runterziehen, da wir den Platz ein bisschen komisch für das Headerbild verwendet haben
*/ 
#footer-ecadia{
    margin-top: 250px;
}



/* *************************************************************************************************** */
/* productsearchInnerPart                                                         */
/* *************************************************************************************************** */
/* Sollte ab 5.6 überflüssig sein 
Die Schnellfilter in der Produktsuche sollen initial nicht angezeigt werden. Werden sie benötigt werden sie über JS angezeigt */
#Catalog_Filter {
	display: none;
}

/**
* 24.2.25 - In einem Meeting besprochen, dass die Farbe der Ordnerüberschrift weiß sein soll
*/
div#folderCardsAreaExplorer h5.ecadia-folder-title {
	color: white;
}

/**
* 24.2.25 - In einem Meeting besprochen, dass diese kleine Info zur Veranstaltung gleich aufgeteilt wird beim Produkt. In der eigentlichen Buchung wollen wir nicht
*/
#accordionEvents .eventDetailGrid {
    grid-template-columns: 50% 50%;
}


/**
* 25.2.25 - #427  Meldeschluss soll bei der Veranstaltungszusammenfassung im Frontend nicht angezeigt werden
Kann ab der 5.5 auch über den Konfigurationsmodus entfernt werden
*/
.eventDetails [name='registrationDeadlineIndicatorLabel'],  .eventDetails [name='registrationDeadlineTimeLabel']{
    display: none;
}

/**
* 26.2.25 - #427 Trainer sollen bei der Veranstaltungszusammenfassung im Frontend nicht angezeigt werden
Kann ab der 5.5 auch über den Konfigurationsmodus entfernt werden
*/
.eventDetails h3[name='trainersHeader'],  .eventDetails ul.eventDetailTrainerlist{
    display: none;
}


/**
* 25.2.25 - #427  Button zum ausklappen einer Veranstalung so stylen, dass klar ist das da ein Button ist
*/
div#accordionEvents .accordion-button {
    background-color: var(--color-bg-secondary)!important;
    border-color: var(--color-bg-secondary);
    color: var(--color-text-secondary);
	border-radius : 10px!important;

}

/**
* 26.2.25 - #430 Bei Produkten und Veranstaltungen in der Modulliste nicht die Zusammenfassung anzeigen
*/
ul#ModuleProducts .list-item-text, ul#moduleList .list-item-text, ul#buttonList .list-item-text  {
	display: none;
}

/**
* 10.03.25 - #417 Bei einer Modulveranstaltung das hochnavigieren zur Eltern-VA
*/
ul#buttonList h5 {
	font-size: 1em;
}

/**
* 27.2.25 - #409 Die erweiterte Suche ausblenden
*/
div.explorerExtendedSearchArea {
	display:none;
}


/**
* 27.2.25 - #433 Ordner ohne Bild sind in der Regel Grau und kleiner Diese Regel funktioniert imm Moment nicht
*/
div#folderCardsAreaExplorer div.ecadia-folder-card-no-img h5.ecadia-folder-title{
	color: #ee0000;
}


/**
* 10.03.25 - #420 Bei Zertifikaten nicht die Uhrzeit anzeigen
*/
#DashboardCertificateList span.hourString {
	display: none;
}

/**
* 10.03.25 - #417 Die Teilnehmerliste bei der Veranstaltung für den Manager von der Schriftart anpasen
*/
div#managerEnrollList ul#enrollList h5 {
	font-size: 1em;
}

/**
* 12.03.25 - #420 Im Dashboard für Zertifikate dem Titel etwas weniger Platz geben, damit der Veranstaltungstitel nicht mit dme Datum kollidiert
*/
ul#DashboardCertificateList .list-item-text-block {
	max-width: 85%;
}


/**
* NMA 28.3.25 - Bei den Newsletterausgaben die Überschriften der Ausgabe fett gemacht
*/
div#MobilegridContainerNewsLetter_AccordionnewsLetterCollapsible h3 span {
  font-weight: bold;
}


/**
* NMA 28.3.25 - Bei den Newsletterausgaben die Überschriften oberhalb der Liste rot gemacht
*/
h3[name=newsLetterHeader] {
    color: #ee0000;
}


/**
* NMA 28.3.25 - Bei den Newsletterausgaben keine Abstände zwischen dem Accordion
*/
div#MobilegridContainerNewsLetter_AccordionnewsLetterCollapsible div.accordion{
	margin-top: 0px;
	margin-bottom: 0px;
}


























































/**
* NMA 20.02.26 - Änderungen für das minimal-ecadia 5.X
*/


/**
* NMA 20.02.26 - Ab der 6.0 überflüssig
*/
div.ecadia-folder-card-bodyecadia-folder-card-always-expanded
{
   transform: translate(0, -90px);
}

/**
* NMA 20.02.26 - Die Ordner nicht so hoch, da es im minimal keine Bilder gibt
*/
div.ecadia-folder-card {
	height: 180px!important;
}

/**
* NMA 20.02.26 - Den Footer rot einfärben
*/
div#footer-ecadia {
	background-color:#ee0000;
}

/**
NMA Anpassung nur im Minimal-ecadia um das neue Logo zu hinterlegen unter dem Menü
**/
.headerArea {
    background-image: url("/ecadia/customFiles/logos/Bild_header_GemeinsamWeiterBilden.jpg")!important;
}

/**
NMA Anpassung nur im Minimal-ecadia um das neue Logo zu hinterlegen im Menü
**/
div#HeaderLogoArea img {
   content: url("/ecadia/customFiles/logos/S_FG_SARP_haengend_2zeilig_rot_auf_transparent_web_72dpi_240506.png")!important;
}

main.main-area::before {
  background-image: url('/ecadia/customFiles/logos/Bild_header_GemeinsamWeiterBilden.jpg')!important; /* Für das minimalecadia nochmal relativ */
}







.openPopupLogon {
	display:none!important;
}