/* loading of fonts */ 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
/* Standard-CSS laden */
@import url('/App_Themes/global/standard.css');

/* Info, feste Farbnamen: https://www.w3.org/TR/css-color-3/#svg-color */

:root {	
/* Basis-Einstellungen */	
	/* Größen */
		--text-size: 14px;  	 /* hierauf beziehen sich alle Größenangaben in rem. Die text-size entspricht 1rem */
		--page-width: 1280px;
		--tile-width: 300px;       /* Kartengröße */
		--tile-height: 300px;
		--tile-img-height: 200px;  /* es sollten ca. 50 bis 100 px Platz für die Themenbezeichung bleiben */
	/* Farben */
		--primary-color: #335f62;          /* Buttons, H1 */
		--primary-text-color: #333333;	   /* Fließtext */
		--secondary-color: darkgrey;       /* Hintergrund Tabellenüberschrift, Button-hover, Button-selected, H2, z.B. dunkelgrau  */
		--secondary-text-color: white;     /* alternative Textfarbe z.B. in Buttons z.B. weiß oder hellgrau */	
		--alternating-bgcolor: #F2F2F2;	   /* alternierender Hintergrund in Listen, Hintergrund Eingabefelder, etc.  */
		--border-color: #335f62;		   /* Rahemnfarbe für Boxen, Tabellen, Eingabefelder, ... */
	/* Eckigkeit */
		--button-border-radius: 2px;
		--inputfield-border-radius: 2px;
		--box-border-radius: 2px;
		--img-radius: 2px;                 


	/* Seiten-Einstellungen */
	--page-bgcolor: transparent;			
	--mainblock-padding: 1.5rem;  /* Abstand nach unten zwischen den Haupt-Seitenblöcken, wie z.B. anmeldung_oben, anmeldung_mitte, ...  */
	--navigation-bgcolor: var(--primary-color);	
	
	/* Text- Einstellungen */ 	
	--text-lineheight: 1.5em;
	--text-font-family: 'Open Sans';	
	--text-warning-color: red;
	/* Feldüberschrift */
	--outputfield-label-color: var(--primary-text-color);
	--outputfield-label-fontweight: bold;
	--outputfield-label-fontsize: var(--text-size);
	--outputfield-label-lineheight: 2.5rem;	
	--bigheader-fontweight: bold;
	--bigheader-fontsize: 2.5rem;
	--bigheader-color: var(--primary-color);	
	--smallheader-fontweight: bold;
	--smallheader-fontsize: 1.5rem;
	--smallheader-color: var(--primary-text-color);
	--seminartitle-fontweight: bold;
	--seminartitle-fontsize: 1.8rem;
	--seminartitle-color: var(--primary-color);
	--seminar-subtitle-color: var(--primary-text-color);	
	
	/* Bilder */
	--thbild-width: 21rem;
	--thbild-display: inline;            /* Kartenbild in den Themendetails anzeigen (inline) oder nicht (none) */
	--thbild-regform-display: inline;    /* Kartenbild im Anmeldeformular anzeigen (inline) oder nicht (none)   */
	--thkopfbild-display: inline-block;  /* Kopfbild in der Treeview anzeigen (inline-block) oder nicht (none)  */
	--trbild-width: 4.5rem;				 /* Trainer-Bild */
	--trbild-display: block;             /* block, um das Bild unterhalb des Namens anzuzeigen, sonst: inline   */
	--trbild-float: none;                /* left oder right für display inline, none für display block          */
	--header-logo-left-width: 20rem;
	--header-logo-right-width: 20rem;
	
	/* Eingabefelder */
	--inputfield-textcolor: var(--primary-text-color);
	--inputfield-fontweight: initial;
	--inputfield-bgcolor: var(--alternating-bgcolor);
	--inputfield-border: 1px solid var(--border-color);
	--inputfield-width: 15rem;		
	--inputlabel-width: 11rem;
	--inputfield-focus-outline: initial;
	--inputfield-focus-border-top: 1px solid var(--primary-color);
	--searchfield-hover-color: var(--secondary-color);
	
	/* Spaltenzahl im Anmeldeformular (zur Anpassung der "weitere Teilnehmer-Spalten" ) */
	
	/* tables and boxes */
	--box-indent: 1rem;
	--box-heading-bgcolor: var(--secondary-color);
	--box-heading-color: var(--primary-text-color);	
	--box-border: 1px solid var(--border-color);
	--box-header-border: var(--box-border);		
	--boxcell-padding-right: 1.3rem;
	--boxcell-padding-topbottom: 0.75rem;
	--boxcell-valign: middle; /* für Treeview und Kartenansicht: top, middle, bottom */
	--boxcell-chrono-valign: center; /* dasselbe für chrono-Ansicht: flex-start, center, flex-end */	
	--grid-month-bgcolor: white;
	--grid-month-textsize: 2rem;
	--grid-month-textcolor: var(--primary-text-color);
	--grid-month-height: 5rem; 
	--regform-gridhead-border-bottom: var(--box-border);  /* Linie unter Rasterzellenüberschrift im Anmeldeformular */
	--history-bgcolor: var(--alternating-bgcolor);
	
	/* symbols */
	--bulletpoint-color: black;
	--checked-definitive-color: green;
	--regform-open-icon: url(/App_Themes/global/open_icon.png);
	--regform-close-icon: url(/App_Themes/global/close_icon.png); 
	
	/* buttons */	
	--button-bgcolor: var(--primary-color);
	--button-textcolor: var(--secondary-text-color);
	--button-textsize: 1rem;
	--hover-button-bgcolor: var(--secondary-color);
	--hover-button-textcolor: var(--secondary-text-color);

	/* traffic lights */
	--trafficlight-red-color: red;
	--trafficlight-yellow-color: #ffd800;
	--trafficlight-green-color: green;	
	--trafficlight-size: 1.26rem;
	--trafficlight-radius: 0.66rem;
	
	/* Kartenansicht */		
	--tile-bgcolor: transparent;
	--tile-title-fontweight: normal;
	--tile-title-fontsize: var(--smallheader-fontsize);
	--tile-title-color: var(--primary-text-color);
	--tile-transform: scale(1.02, 1.02);
	--description-indent: var(--box-indent);     			
	--description-border: var(--box-border);    /* wenn der Beschreibungsblock ohne Rahmen sein soll: none. Indent dann auf 0 setzen */
	
	/* Treeview */
	--treeview-transform: scale(1.002, 1.002);
}


/* ############################### */
/* # kundenspezifische Styles    # */
/* ############################### */

/* Anmeldeformular und Bildungsbedarf/Wartelistenformular */

/* Wenn einzelne Rasterzellen beim Öffnen zugeklappt sein sollen */
.am_inhalt_rasterzelle4_rahmen {
	display: none; 
}
.bm_inhalt_rasterzelle4_rahmen {
	/* display: none; */
}


/* Loginbereich, Bildungshistorie*/
/* Filter ausblenden */
#Filterbildungshistorie_Ve_Bezeichnung, #Filterbildungshistorie_Ve_OrtOrt, #Filterbildungshistorie_Am_Status {
    display: none; 
}
/* Text zu bestimmten Filterbeschriftungen hinzufügen */
#cph_body_mitte_lblFilterbildungshistorie_Ve_ersterTermin::after, #cph_body_mitte_lblFilterbildungshistorie_Am_Status::after {
    /* content:" filtern:"; */
}

/* Loginbereich, Stammdatenpflege */
/* Missbrauch eines Eingabefeldes, um nur text anzuzeigen, da "nur Anzeigen" wie im Anmeldeformular hier nicht möglich ist */
/* 
#cph_body_mitte_Pe_Selekt6 {
    display: none;
}
#cph_body_mitte_lblPe_Selekt6 {
    display: block;
    width: 420px!important;
}  */
/* "neu"-Button ausblenden */
#cph_body_oben_btnNeuePersonAnlegen {
    display: none;
}
/* Checkbox "inaktive Personen anzeigen" ausblenden */
#cph_body_oben_chkFilterInaktivePersonenAnzeigen, #cph_body_oben_lblFilterInaktivePersonenAnzeigen {
    display: none;
}