/* ========================================================================================================================== */
/*														GENERELL															  */
/* ========================================================================================================================== */
.zwei p, .zwei span, .drei p, .drei span, .vier p, .vier span { font-family: Arial, sans-serif !important; }
.Logo { margin-top:-10px !important; }
.Logo.sp { margin-top:0px !important; }
.Article {background-color: rgba(19,176,135,0.11);}
.FB { border:1px solid #999; border-radius:9px; margin-bottom:2% !important; box-shadow: 1px 1px 4px 1px #999;}

.FB a { color:#777 !important; font-family:"michromaregular"; }
.FB span { float:right; padding:0px 5px; margin: 0px 0px 5px 0px !important; }
.FB :hover, .FB :focus { opacity:0.9; }
.zwei {float:left; width:48%; margin: 0px 1%;}
.zwei span, .drei span {font-size:1.0em !important; padding:5px;}
.zwei span i, .drei span i {font-size:20px !important;}
.drei { float:left; width:/*356px*/31.0%; margin: 0px /*10px*/1%; }
/*.drei span {font-size:0.8em !important;}
.drei span i {font-size:16px !important;}*/
.vier {float:left; width:23%; margin: 0px 1%;}
.vier span {text-align:right; font-size:12px !important; }
.FB.vier p, .FB.vier p a { font-size:16px !important; margin:0px 0px 20px 0px !important; }


@media (max-width: 767px)	{ 
	.cbp-hrmenu .symbol { float:right; margin:0px; }
	.cbp-hrmenu .Language a, .cbp-hrmenu .Language .active { font-size:16px !important; }
	.zwei, .drei { width:100%; margin:0px 0px 2% 0px; }
}

@media (max-width: 479px)	{
	#HEADER { min-height:60px !important; height:60px !important; }
	.cbp-hrmenu .symbol { float:right !important; margin:0px !important; }
}

/* ================================================================================================= Bilder */
.FB .FbImg 		{ 
	float:left; 
	width:100%; 
	border-radius:8px 8px 0px 0px;
	background-position: center center; 
	background-size:cover;
}


.FB.zwei .FbImg	{ height:300px; }

.FB.drei .FbImg	{ height:220px; }

@media (max-width:1279px)	{
	.FB.vier .FbImg	{ height:120px; }
}
@media (min-width:768px) and (max-width:1023px)	{
	.FB.vier .FbImg	{ height:100px; }
	.FB.vier span 	{ font-size:10px !important; }
	.FB.vier span i { display:none; }
}
@media (min-width:480px) and (max-width:767px)	{
	.FB.vier 		{ float:left; width:48%; margin: 0px 1%; }
	.FB.vier .FbImg	{ height:120px; }
	.FB.vier span 	{ font-size:12px !important; }
	.FB.vier span i { display:none; }
}
@media (max-width:479px)	{
	.FB 			{ box-shadow:none; }
	.FB.vier 		{ float:left; width:100%; margin:0px; }
	.FB.vier .FbImg	{ height:130px; }
	.FB.vier span 	{ font-size:12px !important; }
	.FB.vier span i { display:none; }
}
/* ========================================================================================================================== */
/*														APPLIKATIONEN														  */
/* ========================================================================================================================== */
.cbp-hrmenu .cbp-hrsub-inner .category  { 
	float:left; 
	width:23%; 
	margin: 1%; 
	font-size:16px; 
	line-height:22px; 
	text-align:center; 
}
.cbp-hrmenu .cbp-hrsub-inner .category img	{ width:100%; height:auto; }

@media (min-width:480px) and (max-width:767px)	{
	.cbp-hrmenu .cbp-hrsub-inner .category  {
		font-size:12px; 
		line-height:18px; 
	}
}

@media (min-width:320px) and (max-width:479px)	{
	.cbp-hrmenu .cbp-hrsub-inner .category  {  
		width:48%; 
		margin: 1%; 
		font-size:12px; 
		line-height:18px; 
		text-align:center; 
	}
}