@font-face{
  font-family: kundenschrift;    
  font-style: normal;
  font-weight: 300;
  src: url("/_Entwicklung/verma/_fonts/m_plus_1/static/MPLUS1-Regular.ttf") format('truetype'); 
  
	
	/* 
	EINIGE (erprobte) VERFÜGBARE FONTS - Links funktionieren
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/playwrite/PlaywriteCU-VariableFont_wght.ttf") format('truetype');  
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/open_sans/static/OpenSans-Regular.ttf") format('truetype');  
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/neuton/Neuton-SC-Regular.ttf") format('truetype');
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/kanit/Kanit-Light.ttf") format('truetype');
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/kanit/Kanit-Regular.ttf") format('truetype'); 
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/dejavu/DejaVuSans-BoldOblique.ttf") format('truetype');  
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/dejavu/DejaVuSerif.ttf") format('truetype'); 
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/dejavu/DejaVuSansMono.ttf") format('truetype');  
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/dejavu/DejaVuSerif-Italic.ttf") format('truetype');  
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/centurygothic/CenturyGothic.ttf") format('truetype'); 
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/centurygothic/CenturyGothic_bold.ttf") format('truetype');  
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/m_plus_1/static/MPLUS1-Regular.ttf") format('truetype');
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/m_plus_1/static/MPLUS1-Light.ttf") format('truetype'); [FAV]
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/grotesque/static/DarkerGrotesque-Regular.ttf") format('truetype');
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/grotesque/static/DarkerGrotesque-Medium.ttf") format('truetype');
	src: url("https://online-kompetenz.de/_Entwicklung/verma/_fonts/grotesque/static/DarkerGrotesque-Bold.ttf") format('truetype');
	*/
}

header {     
	/* alle weiteren Angaben in style.css */
	border-style:solid;
	border-top-width:0px;
	border-bottom-color:#DC220B;  /* Kundenfarbe ROT */
	border-left-width:0;
	border-right-width:0;
	border-bottom-width:3;
	background:#fff; 	 /* Kundenfarbe */	
	
	/* background-image: linear-gradient(122deg, rgb(255,255,255) 35%, #000040 50%, #DC220B 100.00%); */
}

footer{	
	/* alle weiteren Angaben in style.css */
	border-style:solid;
	border-width:5px;
	border-top-color:#DC220B;  /* Kundenfarbe */
	border-left-width:0;
	border-right-width:0;
	border-bottom-width:0;
    background:#383A40;  /* Kundenfarbe */
}

.logo_db_titel{
	color:#383A40;  /* Kundenfarbe */
	/* Ab hier NICHT ändern! */
	
}



.ueberschrift {			
	FONT-WEIGHT: bold;	
	/* font-size: 20px; */	
	font-size: clamp(0.75em, calc(0.75em + 1vw), 1.3em);
	color: #383A40;	/* KUNDENFARBE */
	margin: 3px 0px 1px 0px;
	Line-Height:150%;
	margin-bottom:30px;
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
}
.ueberschrift_hell {	
	FONT-WEIGHT: bold;		
	margin-bottom:30px;
	/* font-size: clamp(0.75em, calc(0.75em + 1vw), 1.1em); */
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
	font-size: clamp(0.75em, calc(0.75em + 1vw), 1.3em);
	COLOR: #ffffff; 	
	
	Line-Height:150%;
}

P{
	/* wie Fliesstext */
	FONT-FAMILY: kundenschrift, Arial, sans-serif;	
	font-size: clamp(0.65em, calc(0.65em + 1vw), 1.1em);  
	COLOR: #000000;
	TEXT-DECORATION: none;		
	Line-Height:150%; 
	 
	
}
.fliesstext{
	FONT-FAMILY: kundenschrift, Arial, sans-serif;	
	font-size: clamp(0.65em, calc(0.65em + 1vw), 1.1em); 
	COLOR: #000000;
	TEXT-DECORATION: none;		
	Line-Height:150%; 
	 
	
}
.fliesstext_hell{
	FONT-FAMILY: kundenschrift, Arial, sans-serif;	
	font-size: clamp(0.65em, calc(0.65em + 1vw), 1.1em); 
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;		
	Line-Height:150%; 
	 
	
}

.fliesstext_rot{
	TEXT-DECORATION: none;	
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
	font-size: clamp(0.65em, calc(0.65em + 1vw), 1.1em);  
	COLOR: #AD0000;
	FONT-WEIGHT: normal;
	Line-Height:150%;
	
	
}
.fliesstext_grau{	
	TEXT-DECORATION: none;		
	font-size: clamp(0.65em, calc(0.65em + 1vw), 1.1em); 
	COLOR: #505050; 
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
}
.fliesstexttabelle{	
	TEXT-DECORATION: none;		
	FONT-SIZE:1.0em;
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
}
.fliesstext_gruen{	
	TEXT-DECORATION: none;	
	font-size: clamp(0.65em, calc(0.65em + 1vw), 1.1em); 
	COLOR: #008800; 
	FONT-STYLE: bold;  
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
}

.textliste{	
	TEXT-DECORATION: none;		
	font-size: clamp(0.5em, calc(0.6em + 0.5vw), 1em); 
	COLOR: #505050; 
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
}
.textklein{	
	/* TEXT-DECORATION: none;	 */
	FONT-FAMILY: kundenschrift, Arial, sans-serif;	
	font-size: clamp(0.5em, calc(0.6em + 0.5vw), 0.85em); 
	COLOR: #000000; 	
	Line-Height:150%; 
	
}
.kommentar{	
	TEXT-DECORATION: none;	
	FONT-FAMILY: kundenschrift, Arial, sans-serif;	
	font-size: clamp(0.5em, calc(0.6em + 0.5vw), 0.85em); 
		
	COLOR: #757575;	
	Line-Height:100%; 
	
}

A {	
	
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
	/* font-size: clamp(0.5em, calc(0.5em + 1vw), 1em);  */
	font-size: clamp(0.65em, calc(0.65em + 1vw), 1.1em);  
	COLOR: #383A40;
	text-decoration: underline;	
	
	
}
A:visited {	
	COLOR: #383A40;
	text-decoration: none;
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
}
A:hover {		
	COLOR: #fff; /* KUNDENFARBE */
	background:#383A40; /* KUNDENFARBE */
	text-decoration: none;
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
}
A:active {

	COLOR: #383A40;
	text-decoration: underline;
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
	
}
A:focus {
	
	
	COLOR: #fff; /* KUNDENFARBE */
	background:#383A40; /* KUNDENFARBE */
	text-decoration: none;
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
}


	


H1{	
	/* font-size: clamp(0.75em, calc(0.75em + 1vw), 1.8em); */
	color:#383A40;	/* KUNDENFARBE Dunkelgrau*/	
	FONT-FAMILY: kundenschrift, Arial, sans-serif;	
	font-size: 1.7em;
	margin-bottom:20px;
	margin-top:35px;

}
H2{
    color: #383A40;	/* KUNDENFARBE*/	
	/* font-size: clamp(0.75em, calc(0.75em + 1vw), 1.6em); */
	font-size: 1.3em;
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
	margin-top:25px;
	margin-bottom:20px;
	

}
H3{
    color: #383A40;	/* KUNDENFARBE*/	
	/* font-size: clamp(0.75em, calc(0.75em + 1vw), 1.3em); */
	font-size: 1.1em;
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
	margin-bottom:15px;
	margin-top:25px;
	margin-bottom:15px;
}




/* 
	*********************
	Menue Desktop-Version 	
	*********************
	*/
.openmenue_header {	
	/* Menü: Überschriften der Kategorien WENN GEWÄHLT UND AUFGEKLAPPT*/	
	background: #383A40;	/* KUNDENFARBE*/	
	color: #FFF;	
	
	/*  ab hier KEINE Änderungen! */
	padding-top:10px;
	letter-spacing:3px;
	margin-right:10px;text-align: left; vertical-align: top;padding:top:20px;	
	font-size: clamp(0.5em, calc(0.5em + 1vw), 1.0em); 	
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-lr;
	
}

.mnu_selected{
	/* Menü: aktuell gewählter EINTRAG */	
	FONT-weight: normal;
	Line-Height:150%;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	COLOR: #383A40; 
	border-left-style:solid;
	border-left-width:5px;
	border-left-color:#DC220B; /* Kundenfarbe */
	FONT-FAMILY: kundenschrift, Arial, sans-serif;
	font-size: clamp(0.5em, calc(0.5em + 1vw), 1.0em); 	
}  
.auswahl_sub_selected {		
	/* Ausgewähltes Element in 2. Linie */		
	FONT-SIZE: 1.0em; 
	COLOR: #383A40; 
	border-left-style:solid;
	border-left-width:5px;
	border-left-color:#DC220B; /* Kundenfarbe */
	
	margin-left:10px;
	Padding-left:5px; 
	font-weight: normal;
	padding-top:10px;
	padding-bottom:10px;
		
}
.auswahl_sub_not_selected {		
	/* Elemente in 2. Ebene, die nicht gewählt sind */	
	FONT-SIZE: 1.0em; 
	COLOR: #383A40; 	
	Padding-left:8px; 
	font-weight: normal;
	
	margin-left:10px;
	border-left-style:dashed;
	border-left-width:1px;
	border-left-color:#383A40; /* Kundenfarbe */
}

UL.ullevel1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	 /*FONT-WEIGHT: bold;  */
	/* FONT-SIZE: 16px;  */
	LIST-STYLE-IMAGE: none; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	font-size: clamp(0.5em, calc(0.5em + 1vw), 1.0em); 	

}
/*Menü: Linie zwischen den Menüpunkten */
UL.ullevel1 LI {		
	display:block;
	width:220px;	
	LIST-STYLE-IMAGE: none; 
	COLOR: #383A40;  /* Kundenfarbe */
	BORDER-BOTTOM: #EFEFEF 1px solid; 
	LIST-STYLE-TYPE: none;	
	Padding-top:2px;
	Padding-bottom:2px;	
	font-size: 16px;
	
	
}


UL.ullevel1 LI A:active {
	DISPLAY: block;
	LIST-STYLE-IMAGE: none;
	COLOR: #383A40;  /* Kundenfarbe */
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;	
	font-size: 16px;
}

/*Menü: Link nach Besuch */
UL.ullevel1 LI A:visited {
	DISPLAY: block;
	LIST-STYLE-IMAGE: none;
	COLOR: #383A40;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;	
	
	/* font-size: 16px; */
	Padding-top:4px;
	Padding-bottom:4px;
	Padding-left:4px;
	Margin-left:4px;
	font-size: 16px;
}
UL.ullevel1 LI A:link {
	DISPLAY: block;
	LIST-STYLE-IMAGE: none;
	COLOR: #383A40;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;		
	/* font-size: 16px;*/
	Padding-top:4px;
	Padding-bottom:4px;
	Padding-left:4px;
	Margin-left:4px;
	font-size: 16px;
}
/*Menü: Link bei Mouse over */
UL.ullevel1 LI A:hover {
	DISPLAY: block; 
	LIST-STYLE-IMAGE: none; 
	COLOR: #FFF; 	
	TEXT-DECORATION: none;	
	Padding-top:4px;
	Padding-bottom:4px;
	Padding-left:4px;
	Margin-left:4px;	
	border-left-style:solid;
	border-left-width:5px;
	background:#DC220B;	/* Kundenfarbe */
	border-left-color:#DC220B;
	font-size: 16px;
}
/* Neuer KALENDER ab 2025 für Last Minute und NEUESTE */

.calendar em{
  display:block;
  font:normal 12px/30px Arial, Helvetica, sans-serif;
  /* font:normal bold 11px/30px Arial, Helvetica, sans-serif; */
  
  /* text-shadow:#00365a 0 -1px 0;  */
  background:#04599a;
  /* HG wird in userspeziefisch gesetzt! */
  /* NUR die beiden FOLGEZEILEN AENDERN !!! */
  color:#FFFFFF;
  background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#505050));
  background:-moz-linear-gradient(top,  #AAAAAA,  #00365a); 
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;  
  border-top:1px solid #00365a;
 }