/* Klassen für den RTE */
@font-face {
	font-family: 'IBM Plex Sans';
	src: url("font/IBMPlexSans-Regular.ttf") format("truetype");
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	src: url("font/IBMPlexSans-Regular.ttf") format("truetype");
}

@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 500;
	src: url("font/IBMPlexSans-Medium.ttf") format("truetype");
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 600;
	src: url("font/IBMPlexSans-SemiBold.ttf") format("truetype");
}

/*
.rte0_mittel {font-size:1em;}
.rte1_winzig_klein {font-size:0.5em;}
.rte2_sehr_klein {font-size:0.6em;}
.rte3_klein {font-size:0.8em;}
.rte4_gross {font-size:1.1em;}
.rte5_sehr_gross {font-size:1.5em;}
.rte6_riesig_gross {font-size:2em;}
*/

.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.indent {padding-left:5em;}

.font-schwarz	{color : #000000;}
.font-grau	{color : #4c4c4c !important;}
.font-weiss	{color : #FFFFFF !important; background-color: gray}
.font-gruen	{color : #70b62c; font-weight: bold;}
.font-lila	{color : #771F82;}

.bg-schwarz	{background-color : #000000;}
.bg-grau	{background-color : #4c4c4c;}
.bg-weiss	{background-color : #FFFFFF;}
.bg-gruen	{background-color : #70b62c;}
.bg-lila	{background-color : #771F82;}

.expressive{
	background-color: white;
	color: black;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	padding:1em;
	display: block;
	margin: auto;
	max-width: 800px;
}


/* Hilfskonstrukt für Speziallayout p wie h2 */
p.font-grau a	{color : #4c4c4c !important; font-weight:bold; font-size:130%;}

a.readmore{
	font-family: Alasar, Sans-Serif;
	color: black;
	font-weight: bold;
	font-size: 110%;
	text-transform: uppercase;
	text-decoration: none;
}
p.arbeiten-kunde{
	font-size: 120%;
	font-style: italic;
}

/* HAVI styles */
.button {
	padding: 10px 20px 10px 20px;
	display: inline-block;
	border: none;
	font-size: 1em;
	line-height: 1em;
	background-color: #369794 !important;
	background-color: #24605E !important;
	color: #ffffff !important;
	text-decoration: none;
	cursor: pointer;
}

/* special list style */
.benefits { padding-top: 3vh; }
.benefits { margin: 0 2vw 0 0; padding: 0; list-style-type: none; text-align: left; }
.benefits:last-child { margin-right: 0; }
.benefits li { background-color: #f3f5f9; margin-bottom: 2vh; padding: 0.8rem; border-left: 10px solid #24605E; line-height: 120%; }