/************* BODY & BASICS **************/

html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p  {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
form legend {
	display:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
ol, ul {
	list-style:none;
}
hr {
	display:none;
	visibility:hidden;
}
:focus {
	outline:none;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	outline:none;
	border:none;
	text-decoration:none;
}
button,
input:not([type=checkbox]),
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	border:none;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	max-width:100%;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	font:normal 17px/180% LatoLight,Arial,sans-serif;
	color:#111;
	margin:0;
	padding:0;
	background:#2b3135;
}

.fl {
	float:left;
}
.fr {
	float:right;
}
.tac, .tc {
	text-align:center;
}
.tar, .tr {
	text-align:right;
}
.tal, .tl {
	text-align:left;
}
.abs { position:absolute; }
.rel { position:relative; }
.h {
	display:none;
}
.db {
	display:block;
}
.dib {
	display:inline-block;
}
.oh {
	overflow:hidden;
}
.nw {
	white-space:nowrap;
}
.eli, ul.eli li {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.cp {
	cursor: pointer;
}
.upp {
	text-transform:uppercase;
}
.low {
	text-transform:lowercase;
}
.cap {
	text-transform:capitalize;
}
.ns {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/*.lath {
	font-family:LatoHai, LatoLight, sans-serif;
}*/
.clear, .clean {
	*zoom: 1;
}
.clear:before, .clear:after,
.clean:before, .clean:after {
	content: "";
	display: table;
}
.clear:after, .clean:after {
	clear: both;
}


.pt0 { padding-top:0; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }
.pt110 { padding-top:110px; }
.pt120 { padding-top:120px; }
.pt130 { padding-top:130px; }
.pt140 { padding-top:140px; }
.pt150 { padding-top:150px; }
.pt160 { padding-top:160px; }
.pt170 { padding-top:170px; }
.pt180 { padding-top:180px; }
.pt190 { padding-top:190px; }
.pt200 { padding-top:200px; }

.pb0 {padding-bottom:0; }
.pb10 {padding-bottom:10px; }
.pb20 {padding-bottom:20px; }
.pb30 {padding-bottom:30px; }
.pb40 {padding-bottom:40px; }
.pb50 {padding-bottom:50px; }
.pb60 {padding-bottom:60px; }
.pb70 {padding-bottom:70px; }
.pb80 {padding-bottom:80px; }
.pb90 {padding-bottom:90px; }
.pb100 {padding-bottom:100px; }
.pb110 {padding-bottom:110px; }
.pb120 {padding-bottom:120px; }
.pb130 {padding-bottom:130px; }
.pb140 {padding-bottom:140px; }
.pb150 {padding-bottom:150px; }

.mt0 { margin-top:0; }
.mt0_i { margin-top:0 !important; }
.mt5 { margin-top:5; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }
.mt120 { margin-top:120px; }
.mt130 { margin-top:130px; }
.mt140 { margin-top:140px; }
.mt150 { margin-top:150px; }

.mb0 { margin-bottom:0; }
.mb0_i { margin-bottom: 0 !important; }
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}

.pd20_0 { padding:20px 0; }
.pd40_0 { padding:40px 0; }
.pd60_0 { padding:60px 0; }
.pd80_0 { padding:80px 0; }
.pd100_0 { padding:100px 0; }
.pd120_0 { padding:120px 0; }
.pd140_0 { padding:140px 0; }
.pd160_0 { padding:160px 0; }




/******************** TEXT ********************/

.h1xxl {
	font-size: calc( 42px + ( 56 - 42 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	line-height: calc( 60px + ( 70 - 60 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	-moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

.h1xl{
	font-size: calc( 33px + ( 46 - 33 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	line-height: calc( 40px + ( 60 - 40 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	-moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

h1, .h1l {
	font-size: calc( 30px + ( 40 - 30 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	line-height: calc( 36px + ( 45 - 36 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	margin-bottom:20px;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

h2, .h2l {
	font-size: calc( 24px + ( 28 - 24 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	line-height: calc( 30px + ( 40 - 30 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	margin-bottom:20px;
}

h3, .h3l {
	font-size: calc( 20px + ( 22 - 20 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	line-height: calc( 25px + ( 30 - 25 ) * ( ( 100vw - 320px ) / ( 450 - 320) ) );
	margin-bottom:13px;
}
h4 {
	font-size:20px;
	margin-bottom:10px;
}
h5 {
	font-size:18px;
	margin-bottom:8px;
	color:#000;
}

@media (min-width: 450px) {
	.h1xxl {
		font-size:56px;
		line-height:70px;
	}
	.h1xl {
		font-size:46px;
		line-height:60px;
	}
	h1, .h1l {
		font-size:40px;
		line-height: 45px;
	}
	h2, .h2l {
		font-size:28px;
		line-height: 40px;
	}
	h3, .h3l {
		font-size:22px;
		line-height: 30px;
	}

	.ibox.announcements h2{
		line-height: 20px;
	}
}


.latr {
	font-family: LatoRegular, Arial, sans-serif;
}



.txt-columns-2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 68px;
	-moz-column-gap: 68px;
	column-gap: 68px;
}

@media (max-width: 768px) {
	.txt-columns-2 {
		-webkit-columns:1;
		-moz-columns:1;
		columns:1;
	}
}
@media (max-width: 550px) {
	.s-latr {
		font-family:LatoRegular, LatoLight, sans-serif;
	}
}


#annoucements_wrap a:link, #annoucements_wrap a:visited,
.stat_wrap a:link, .stat_wrap a:visited,
.log_content a:link, .log_content a:visited {
	color: #268FCF;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	font-weight: normal;
	transition: color 300ms;
	font-size: inherit;

}


/************************** KOPF ***************************/
.head_wrap {
	height:570px;
	overflow:hidden;
	background: #FFF center 0;
	background-size:cover;
}

.head_wrap > .r, .head_wrap > .rfl, .head_wrap > .rf {
	height:100%;
}

/***** KOPFBILDER FÜR MOBIL POSITIONIEREN ******/
@media (max-width:550px) {
	.head_wrap.bgscrl.s-acd-bgpos {
		background-position:-400px 0 !important;
	}
}



/************ Textblöcke in Mobile togglen ************/
.s-txt_hide, .m-txt_hide {
	overflow: hidden;
}
.b_txt_hide:after {
	content: attr(data-more);
}
.b_txt_hide.act:after {
	content: attr(data-less);
}
[class*="txt-columns"] .s-txt_hide,
[class*="txt-columns"] .m-txt_hide {
	display:inline;
}


@media (max-width: 768px) {
	.m-txt_hide {
		height:0;
	}

	[class*="txt-columns"] .m-txt_hide {
		display:block;
	}
}

@media (max-width: 550px) {
	.s-txt_hide {
		height:0;
	}

	.m-txt_hide {
		height:auto;
	}

	[class*="txt-columns"] .s-txt_hide {
		display:block;
	}
}
/******************************/







/****** TOGGLE - ALLES EIN-/AUSBLENDEN******/
.tog_wr {
	width:39px;
	height:19px;
	line-height:19px;
	border-radius:9.5px;
	background-color:#ecf3f9;
	position:relative;
	cursor:pointer;
	/*transform:scale(1.2);*/
}
.tog_wr.tog_mt:after {
	content:'Details anzeigen';
	color:#999;
	font-size:13px;
	position:absolute;
	white-space:nowrap;
	left:43px;
	top:0;
}
.tog_wr.tog_mt.act:after {
	content:'Details ausblenden';
	white-space:nowrap;
}
.mouse .tog_wr:hover.tog_mth:after, .tog_wr.tog_mth:after {
	content:'Details anzeigen';
	color:#999;
	font-size:13px;
	position:absolute;
	white-space:nowrap;
	left:43px;
	top:0;
	opacity:1;
}
.mouse .tog_wr:hover.tog_mth.act:after, .tog_wr.tog_mth.act:after {
	content:'Details ausblenden';
	left:43px;
	opacity:1;
	white-space:nowrap;
}
.tog_wr.tog_mth:after, .tog_wr.tog_mth.act:after {
	opacity:0;
	left:33px;
	transition:all 500ms;
}
.tog_bu {
	width:19px;
	height:19px;
	border-radius:50%;
	position:absolute;
	left:0;
	top:0;
	color:#268FCF;
	box-shadow:inset 0 0 0 1px #268FCF;
	transition:all 500ms;
	/*transform:scale(1.2);*/
}
.tog_bu:before, .tog_bu:after {
	content:'';
	width:1px;
	height:9px;
	background-color:#268FCF;
	position:absolute;
	left:9px;
	top:5px;
	transition:all 500ms;
}
.tog_bu:after {
	transform:rotate(90deg);
}

.tog_symr, .tog_symr:before, .tog_symr:after, .tog_syml {
	content:'';
	width:9px;
	height:1px;
	background-color:#999;
	position:absolute;
	top:9px;
	left:23px;
	opacity:0.5;
	transition:all 500ms;
}
.tog_symr:before {
	top:-3px;
	left:0;
	opacity:1;
}
.tog_symr:after {
	top:3px;
	left:0;
	opacity:1;
}
.tog_syml {
	left:5px;
}
.mouse .tog_wr:hover .tog_symr, .mouse .tog_wr:hover .tog_symr:before, .mouse .tog_wr:hover .tog_symr:after, .mouse .tog_wr:hover .tog_syml {
	opacity:1;
	background-color:#268FCF;
}

.tog_wr.act .tog_bu, .tog_wrap.act .tog_bu {
	transform: translateX(20px) rotate(45deg);
	background-color:#268FCF;
	box-shadow:inset 0 0 0 1px transparent;
}
.tog_wr.act .tog_bu:before,
.tog_wr.act .tog_bu:after,
.tog_wrap.act .tog_bu:before,
.tog_wrap.act .tog_bu:after {
	background-color:#FFF;
}
.act.tog_bu:before, .act.tog_bu:after {
	height:11px;
	top:4px;
	left:9px;
}
.tog_wrap.act .tog_bu {
	transform:translateX(0) rotate(45deg);
}


.tog_hl {
	position:relative;
	padding-left:25px;
	line-height:30px;
}
.tog_hl .tog_bu {
	top:5px;
}
.tog_hl_before {
	position:relative;
	line-height:30px;
	padding-left:25px;
	display:inline-block;
}
.tog_hl_before .tog_bu {
	top:5px;
	left:0;
}
.tog_hl_after {
	position:relative;
	display:inline-block;
	display: table;
	padding-right:6px;
	line-height:30px;
}
.tog_hl_after .tog_bu {
	top:6px;
	left:100%;
}
.tog_hl,
.tog_hl_before,
.tog_hl_after,
.tog_bu {
	cursor: pointer;
}
.box_list.tog_wrap i {
	top:-4px;
}

.tog_wrap .tog_hide {
	max-height:0;
	overflow: hidden;
	transition: all 300ms;
}
.tog_wrap.act .tog_hide {
	opacity: 1;
	max-height:100px;
}

/*.tog_wrs {
	width:15px;
	height:15px;
	background-color:transparent;
	border-radius:50%;
}*/



/**** Popup ****/
/*
#pupo {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:100000;
	background-color:rgba(0,0,0,0.7);
	opacity: 0;
	text-align:center;
	font-family:LatoLight, Verdana, sans-serif;
	font-size:16px;
	line-height:180%;
	transition: all 300ms;
}
#pupo.hide {
	z-index: -1;
}
#pupo.show {
	opacity: 1;
}
.pup {
	width:760px;
	max-height: calc(95vh - 100px);
	min-height: 200px;
	margin:50px auto 0 auto;
	z-index:999;
	background-color:#268FCF;
	text-align:left;
	box-shadow:1px 3px 6px rgba(0,0,0,0.5);
	overflow:hidden;
	position:relative;

	transition: margin-top 300ms;
}
.pup.info {
	background-color: #E0B402;
}
.pup.pup_error {
	background-color: #D85152;
}
.pup.pup_ok {
	background-color: #B4B521;
}
.show .pup {
	margin-top:100px;
}

.pup .if-close, .pup.help .if-close {
	position:absolute;
	right:0;
	top:0;
	font-size: 27px;
	color: #fff;
	width:50px;
	height:58px;
	background-color:rgba(255,255,255,0.1);
	text-align:center;
	line-height:58px;
	cursor:pointer;
	z-index:990;
	transition:background-color 300ms;
}
.pup .if-close:hover {
	background-color:rgba(255,255,255,0.3);
}
.pup.help .if-close {
	height:46px;
	line-height:46px;
}


.pup .head, .pup .bdy {
	padding:20px;
	position:relative;
	overflow-y: auto;
	max-height:calc(90vh - 155px);
}
.pup .bdy {
	background-color:#FFF;
}
.pup h1 {
	font-size:26px;
	color:#FFF;
	margin:0;
	padding:0 35px 0 0;
	font-weight:normal;
}
.pup h2 {
	font-size:16px;
	line-height:170%;
	color:#FFF;
	margin:20px 0 0 0;
	padding:0 40px 0 0;
	font-weight:normal;
}
.pup h3 {
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin:5px 0 15px 0;
}


.ppbut {
	font-size:18px;
	color:#888;
	padding:0 16px 0 16px;
	height:45px;
	line-height:45px;
	display:table;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #b0b0b0;
	transition:all 300ms;
}
.ppbut:hover {
	color:#0094d1;
	border-color:#0094d1;
}

.pupbut {
	background:#0094d1 url(/login/layout/images/ico/pupo-icos.png) 100px 100px no-repeat;
	color:#FFF;
	line-height:48px;
	height:47px;
	padding-left:34px;
	padding-right:34px;
	font-size:20px;
	cursor:pointer;
	display:inline-block;
	transition:background-color 300ms;
}
.pupbut:hover {
	background-color:#2980B9;
}
.pupbut.green {
	background-color:#B4B521;
}
.pupbut:hover.green {
	background-color:#A9AA20;
}
.pupbut.red {
	background-color:#D85152;
}
.pupbut:hover.red {
	background-color: #bd494a;
}
.pupbut.ok {
	padding-left:48px;
	background-position:13px -88px;
}
.pupbut.fwd {
	padding-left:48px;
	background-position:13px -187px;
}

.pup.help {
	width:480px;
}
.pup.help h1 {
	font-size:18px;
}
.pup.help .head, .pup.help .bdy {
	padding:14px;
}
.pup .important {
	background-color:#FDD774;
	padding:10px 14px 10px 14px;
	width:100%;
	margin:24px 0 -14px -14px;
	color:#222;
}


.pup.pmod {
	width:720px;
	padding:0;
	background-color:#FFF;
	box-sizing:border-box;
}
.pup.pmod i.if-del-s.close {
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	z-index:5;
}
.pup.pmod i.if-del-s.close:before {
	font-size:22px;
	color:#999;
	transition:color 400ms;
}
.pup.pmod i.if-del-s.close:hover:before {
	color:#DA504F;
}
.pup.pmod .head {
	padding:0;
	margin:25px auto 25px auto;
}
.pup.pmod .head h1 {
	color:#777;
	letter-spacing:1px;
	text-align:center;
	font-size:22px;
	line-height:25px;
	padding: 0;
}
.pup.pmod .head h2 {
	color:#777;
	letter-spacing:1px;
	text-align:center;
	font-size:16px;
	line-height:25px;
	padding: 0;
}
.pup.pmod .bdy {
	padding:0;
}
.pup.pmod .bdy i.if-tick:before {
	font-size:70px;
	line-height:110px;
	color:#B4B521;
}
.pup.pmod .bdy i.if-del-s:before,
.pup.pmod .bdy i.if-warn:before {
	font-size:80px;
	line-height:110px;
	color:#DA504F;
}
.pup.pmod .bdy i.if-warn:before {
	font-size:60px;
}
.pup.pmod .bdy h1 {
	letter-spacing:1px;
	margin:0 auto 0 auto;
	padding:0;
}
.pup.pmod .bdy h1.ok {
	color:#B4B521;
}
.pup.pmod .bdy h1.err {
	color:#DA504F;
}
.pup.pmod .pupcont {
	border-top:1px solid #d8d8d8;
	padding-top:30px;
	margin:30px 60px 0 60px;
}
.pup.pmod .pupcontbox {
	border-top:1px solid #d8d8d8;
	padding:30px 40px 30px 40px;
	margin-top:50px;
	background-color:#f4f4f4;
}
.pup.pmod .ppbut, .pup.pmod .pupbut {
	font-size:18px;
	margin:50px auto 30px auto;
}


@media (max-width: 768px) {
	.pup,
	.pup.pmod {
		width: 100%;
	}
}






*/






/************************** HOMEPAGE ***************************/


.referenzen .c > div {
	max-width:150px;
	min-width:140px;
}
.referenzen path {
	transition: fill 500ms;
}
.referenzen a:not(:hover) path {
	fill: #9BA1A6 !important;
}
/* kaymer */
.referenzen a:not(:hover) path#path0_kaym {
	fill:#d0d9df !important;
}

@media (max-width: 1600px) {
	.referenzen .c {
		flex:33%;
	}
}
@media (max-width:750px) {

	.referenzen .c {
		flex:33%;
	}

}
@media (max-width:550px) {

	.referenzen .c {
		flex:33% !important;
		width:33% !important;
		min-width:33% !important;
	}

	.referenzen .c > div {
		max-width:90px;
		min-width:90px;
		margin:15px;
	}
}

.blog_hp {
	width:520px;
	max-width:520px;
	min-width:300px;
}
.list_hp {
	width:520px;
	max-width:520px;
	min-width:300px;
}

.cbl > .c {
	width:48%;
	max-width:48%;
}
.cbl-3 > .c {
	width:31%;
	max-width:31%;
}
.cbl-4 > .c {
	width:24%;
	max-width:24%;
}

.cbl-2-2_1 .c {
	width:64%;
	max-width:64%;
}
.cbl-2-2_1 .c:nth-child(2) {
	width:32%;
	max-width:32%;
}


.cbl-mb40 > .c {
	margin-bottom:40px;
}

@media (max-width:950px) {
	.md-cbl-100 > .c {
		flex-basis:100%;
		-webkit-flex-basis:100%;
		width:100%;
		min-width:100%;
		margin:20px 0;
	}
	.md-cbl-80 > .c {
		flex-basis:100%;
		-webkit-flex-basis:100%;
		width:80%;
		min-width:80%;
		max-width:80%;
		margin:20px auto;
	}

	.md-cbl-50 > .c, .mdm-cbl-50 > .c {
		flex-basis:50%;
		-webkit-flex-basis:50%;
		width:48%;
		min-width:48%;
		max-width:48%;
		margin:20px 0;
	}
	.md-cbl-3 > .c, .mdm-cbl-3 > .c {
		flex-basis:33%;
		-webkit-flex-basis:33%;
		width:31%;
		min-width:31%;
		max-width:31%;
		margin:20px 0;
	}
}
@media (max-width: 768px) {
	.cbl:not(.mdm-cbl-50) > .c,
	.md-cbl-80 > .c {
		flex-basis:100%;
		-webkit-flex-basis:100%;
		width:100%;
		min-width:100%;
		max-width:100%;
		margin:15px 0;
	}
	.m-cbl-50 > .c {
		flex-basis:50%;
		-webkit-flex-basis:50%;
		width:48%;
		min-width:48%;
		max-width:48%;
		margin:15px 0;
	}
	.m-cbl-80 > .c {
		flex-basis:100%;
		-webkit-flex-basis:100%;
		width:80%;
		min-width:80%;
		max-width:80%;
		margin:15px auto;
	}
}

@media (max-width: 550px) {
	.s-cbl-2 > .c {
		flex-basis:50% !important;
		-webkit-flex-basis:50% !important;
		width:48% !important;
		min-width:48% !important;
		max-width:48% !important;
		margin:0 !important;
	}
}


.sstat {
	display:inline-block;
	width:50px;
	height:5px;
	margin:0 10px;
	background-color:#B4B521;
}

.head_wrap h1 {
	display:none;
}
.stat_wrap * {
	color:#FFF;
}
.stat_wrap .c {
	background-color:#B4B521;
}
.stat_wrap .c h2 {
	font-size:26px;
	margin:26px 0 10px 0;
}
.stat_wrap .c i {
	font-size:80px;
	display:block;
	margin-top:38px;
}
.if-check:before {
	content: "\e080";
}
.stat_wrap .c > div > div {
	margin:30px 0;
}
.stat_wrap .c > div > div:before {
	font-size:30px;
}
.info_hide {
	display:none;
}
.infotext > .c {
	flex-basis:100%;
	-webkit-flex-basis:100%;
	width:80%;
	min-width:80%;
	max-width:80%;
	margin:20px auto 0 auto;
}
.infotext h2 {
	margin-bottom:10px;
}
.all_ok_hide {
	display:none;
}

.info_wrap {
	padding-bottom: 200px;
}

.refresh_cd {
	font-size:16px;
	color:#888;
}
.refresh_cd > span {
	display:inline-block;
	width:18px;
	text-align:right;
}
.refreshbar {
	display:inline-block;
	width:30%;
	height:1px;
	background:#ddd;
	position: relative;
	overflow: hidden;
}
.refreshbar div {
	position: absolute;
	background:#268FCF;
	top:0;
	left:-100%;
	height:100%;
	width:100%;
	transition: left 1000ms linear;
}


@media (min-width:1280px) {
	.stat_id_1,
	.stat_id_2,
	.stat_id_3 {
		padding: 50px 0;
	}
}




.stat_id_1 > div > div,
.stat_id_2 > div > div,
.stat_id_3 > div > div {
	font-size: 26px;
}

@media (min-width:660px) {
	.stat_id_1 > div > div,
	.stat_id_2 > div > div,
	.stat_id_3 > div > div {
		font-size: 30px;
	}

	.stat_wrap .c h2 {
		font-size:36px;
	}
}




/* ALLES OK */
.stat_id_1 > div > div:after {
	content: "Alles o.k.";
}
.stat_id_1 i:before {
	content: "\e080";
}

.sstat.stat_top_1 {
	background-color: #B4B521;
}

/* EINSCHRÄNKUNG */
.stat_id_2 > div > div:after {
	content: "Einschr\00e4 nkung";
}
.stat_id_2 {
	background-color: #EBBF02 !important;
}
.stat_id_2 i:before {
	content: "\e07c";
}

.sstat.stat_top_2 {
	background-color: #EBBF02;
}

/* STÖRUNG */
.stat_id_3 > div > div:after {
	content: "St\00f6 rung";
}
.stat_id_3 {
	background-color: #DA504F !important;
}
.stat_id_3 i:before {
	content: "\e084";
}

.sstat.stat_top_3 {
	background-color: #DA504F;
}



body.status_error_exists .hidden_on_system_error {
	display: none;
}

/* Sichtbarkeit der Stati */
.status_text {
	display: none;
}

.status_text_visible {
	display: block;
}

/* Status Log */
.log_item {
	margin-top: 40px;
	overflow: hidden;
}

.log_item:first-child {
	margin-top: 0;
}

.log_content {
	box-sizing: border-box;
	max-width: 900px;
	margin: auto;
	text-align: left;
}

.log_item_latest  .log_content > div {
	padding: 15px;
	overflow: hidden;
}

.log_item_latest .log_content div:nth-of-type(even) {
	background-color: #F8FAFB;
}

.status_log_history .log_content > div {
	padding: 0 15px;
}


.time_col, .content_col {
	float: left;
	font-size: 14px;
}

.time_col {
	width: 10%;
	line-height: 1.6em;
}

.content_col {
	width: 90%;
	line-height: 1.6em;
	padding-bottom: 15px;
}

.status_log_history h4 {
	padding: 2px 15px;
}

span.tag {
	display: inline-block;
	padding: 2px 5px;
	border-radius: 0.2em;
	background: #DA504F;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 1.6em;
	top: -3px;
	position: relative;
	margin-right: 5px;
}

span.tag_status_1 {
	background: #B4B521;
}
span.tag_status_2 {
	background: #EBBF02;
}
span.tag_status_3 {
	background: #DA504F;
}

.announcements_1 {
	border-left: 4px solid #268FCF !important;
}

.announcements_2 {
	border-left: 4px solid #E68221 ;
}

.announcements:nth-child(2) {
	margin-top: 50px !important;
}

.announcements h2 {
	margin-bottom: 10px;
}


/* 6 areas */
/*@media (max-width:1260px) {*/

/* 4 areas */
@media (max-width:1130px) {

	.stat_wrap .c {
		flex-basis:50% !important;
		-webkit-flex-basis:50% !important;
		width:50% !important;
		min-width:50% !important;
		margin:0 !important;
	}


	/* 4 areas */
	.stat_wrap .c:nth-child(1) {
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}

	.stat_wrap .c:nth-child(2),
	.stat_wrap .c:nth-child(3),
	.stat_wrap .c:nth-child(4) {
		border-bottom:1px solid #fff;
	}

	.stat_wrap .c:nth-child(2),
	.stat_wrap .c:nth-child(4) {
		border-right: none;
	}

	.stat_wrap .c:nth-child(3) {
		border-right:1px solid #fff;
	}

	/* 6 areas */
	/*
		.stat_wrap .c {
			flex-basis:33.3%;
			-webkit-flex-basis:33.3%;
			width:33.3%;
		}

		.stat_wrap .c:nth-child(1),
		.stat_wrap .c:nth-child(2) {
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
		}

		.stat_wrap .c:nth-child(3){
			border-bottom:1px solid #fff;
		}

		.stat_wrap .c:nth-child(4),
		.stat_wrap .c:nth-child(5) {
			border-right:1px solid #fff;
		}
	*/
}

@media (max-width:800px) {
	.time_col {
		width: 15%;
	}

	.content_col {
		width: 85%;
	}
}

@media (max-width:660px) {
	head_wrap.bgscrl.s-bgpos {
		background-position:-200px 0 !important;
	}

	/* 6 areas */
	/*.stat_wrap .c {
		flex-basis:50% !important;
		-webkit-flex-basis:50% !important;
		width:50% !important;
		min-width:50% !important;
		margin:0 !important;
	}

	.stat_wrap .c:nth-child(1) {
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	.stat_wrap .c:nth-child(2),
	.stat_wrap .c:nth-child(3),
	.stat_wrap .c:nth-child(4)
	{
		border-bottom:1px solid #fff;
	}

	.stat_wrap .c:nth-child(2),
	.stat_wrap .c:nth-child(4) {
		border-right: none;
	}

	.stat_wrap .c:nth-child(3),
	.stat_wrap .c:nth-child(5) {
		border-right:1px solid #fff;
	}*/

	.log_item {
		margin-top: 60px;
	}

	.time_col {
		width: 25%;
	}

	.content_col {
		width: 75%;
	}


}

.log_item_latest {
	padding-bottom: 40px;
}

.status_text {
	padding: 40px 0;
}

@media (min-width:660px) {
	.status_text {
		padding: 100px 0;
	}
}

@media (min-width:1280px) {

	.status_text {
		padding: 170px 0;
	}

	.log_item_latest {
		padding-bottom: 170px;
	}

	.all_ok {
		padding: 200px 0;
	}
	.all_ok h2 {
		line-height:60px;
	}
}





.stat_wrap .c > div {
	transform:scale(0.9);
	margin:0 !important;
}
.stat_wrap .c h2 {
	margin:16px 0 10px 0;
}
.stat_wrap .c i {
	font-size:50px;
	display:block;
	margin-top:18px;
}
.stat_wrap .c > div > div {
	margin:20px 0 10px 0;

}
.stat_wrap .c > div > div:before {
	font-size:26px;
}

.head_wrap h1 {
	font-size:80px;
	color:#FFF;
	margin-bottom:50px;
	display:block;
}

.ibox.announcements {
	text-align: left;
}

.ibox {
	max-width:900px;
	margin:auto;
	background-color:#FFF;
	padding:20px 40px;
	box-shadow: 0 0 2px -2px rgba(0, 0, 0, 0.15), -1px 1px 2px rgba(0, 0, 0, 0.15) !important;
}
.morebox {
	font-size:17px;
	border-top: 1px solid #f6f6f6;
	padding-top:20px;
	padding-bottom:10px;
	line-height:24px;
}

.status_log_history {
	margin-bottom: 200px;
}

.log_item_latest h2,
.status_log_history h4 {
	max-width:900px;
	margin: auto;
	text-align: left !important;
	padding: 60px 0 10px 15px;
	border-bottom:  solid 1px #f6f6f6;
}

.status_log_history h4 {
	margin-bottom: 15px;
}

.status_log_history h4:first-child {
	padding-top: 0;
}

.log_item_latest h2 {
	padding-top: 0;
}