/* Fonts */
@font-face {
  font-family: Varela;
  src: url(font/varela_round.otf);
}

@font-face {
  font-family: Bahnschrift;
  src: url(font/bahnschrift.ttf);
}

@font-face {
  font-family: Vollkorn;
  src: url(font/Vollkorn-Regular.ttf);
}

/**/

/*neo_infoscreenViewer*/

* {
	box-sizing: border-box;
}

body {
    font: 14px/18px Varela,Calibri,sans-serif;
	margin: 0;
	overflow: hidden;
	background-color: #000000;
	-moz-font-feature-settings: "liga", "kern";
	-moz-font-feature-settings:"liga=1, kern=1";
	-ms-font-feature-settings:"liga", "kern";
	-o-font-feature-settings:"liga", "kern";
	-webkit-font-feature-settings:"liga", "kern";
	font-feature-settings: "liga", "kern";
}

/***************************************************************************************************
 * Setting for infoscreen general
 ****************************************************************************************************/


.bx-wrapper .bx-viewport {
	border: 5px solid white;
}

.bx-wrapper .bx-viewport {
	background: white;
}
.item.layoutType_statusupdate .text {
    max-height: 850px;
}
.linklist_statusEntry {
	background-color: #f5f7f9;
	border-radius: 0;
	height:850px;
}
.textCon {
	font-family: Varela,Calibri,sans-serif;
	font-weight:100;
	font-style:normal;
}
.neo_infoscreenViewer .title {
	font-family: Varela,Calibri,sans-serif;
	font-weight:700;
	font-style:normal;
}

/* images */
.neo_imagesCon.neo_imagesCon1 .neo_rwdImg.neo_image.neo_image1 img {
	border-radius: 0;
}

/***************************************************************************************************
 * dots
****************************************************************************************************/


/***************************************************************************************************
 * Lay outs : box1
 ****************************************************************************************************/

/***************************************************************************************************
 * Lay outs : box2
 ****************************************************************************************************/

/***************************************************************************************************
 * Lay outs : box3
 ****************************************************************************************************/

/***************************************************************************************************
 * Lay outs : box4
 ****************************************************************************************************/

/***************************************************************************************************
 * Lay outs : textonly
 ****************************************************************************************************/


/***************************************************************************************************
 * Lay outs : imageonly
 ****************************************************************************************************/


/***************************************************************************************************
 * Lay outs : video
****************************************************************************************************/


/***************************************************************************************************
 * logos
****************************************************************************************************/
.logo {
	position: absolute;
	right: 92px;
	bottom: 15px;
	background-image: url('liva_logo.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 60px;
	width: 142px;
}
/*
.item.layoutType_mashup .logo, 
.item.layoutType_box1 .logo,
.item.layoutType_box2 .logo,
.item.layoutType_box3 .logo, 
.item.layoutType_box4 .logo {
	position:absolute;
	right: 70px;
	bottom:30px;
	background-image:url('liva_logo.png');
	background-repeat:no-repeat;
	background-size:cover;
	height:30px !important;
	width: 142px !important;
}
*/
/***************************************************************************************************
 * Lay outs : default
 ****************************************************************************************************/

/***************************************************************************************************
 * Lay outs : mashup
 ****************************************************************************************************/
.neo_infoscreenViewer .item.layoutType_mashup .content {
	background-color: white;
	display:flex;
	flex-flow: row wrap;
	overflow: hidden;
}
.neo_infoscreenViewer .item.layoutType_mashup .content > div {
	width:50%;
}


@media all and (min-width: 800px) {
  .content  { flex: 3 0px; }
  .textCon	 { order: 1; } 
  .imageCon  { order: 2; }
  .image2Con { order: 3; }
  .image3Con { order: 4; }
}


.item.layoutType_mashup .imageCon {
	margin-left: 50%;
	height: 49%;
	overflow: hidden;
	width: 50%;
	padding-left:15px;
}

.item.layoutType_mashup .image2Con {
	height: 51%;
	width: 49%;
	overflow: hidden;
	margin-top: 15px;
}

/*
.item.layoutType_mashup .image3Con {
	margin-left: 50%;
	padding-left:15px;
	height: 51%;
	margin-top: -28.1%;
	width:50%;
	overflow: hidden;
}
*/
.item.layoutType_mashup .image3Con {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 51%;
	width: 50%;
	padding-top: 3px;
	padding-left: 15px;
	overflow: hidden;
}


.item.layoutType_mashup .textCon {
	top: 0px;
	left: 0px;
	height: 100%;
	padding-top: 80px;
	padding-left: 80px;
	padding-right: 80px;
	width: 49%;
	height: 49%;
}

.item.layoutType_mashup .textCon .text {
	width: 100%;
	position: relative;
	z-index: 9;
	font-size: 1.72vw;
	max-height: 265px;
	overflow: hidden;
}