@import url('https://www.messe-essen.de/res/dreiklang/css/icons.css');

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.messe-essen.de/res/fonts/raleway/raleway-v11-latin_latin-ext-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* font-family: 'ME-Bauka'; */
@font-face {
	font-family: 'icomoon';
	src:url('https://www.messe-essen.de/res/dreiklang/fonts/icomoon.eot?swhvm4');
	src:url('https://www.messe-essen.de/res/dreiklang/fonts/icomoon.eot?#iefixswhvm4') format('embedded-opentype'),
		url('https://www.messe-essen.de/res/dreiklang/fonts/icomoon.woff?swhvm4') format('woff'),
		url('https://www.messe-essen.de/res/dreiklang/fonts/icomoon.ttf?swhvm4') format('truetype'),
		url('https://www.messe-essen.de/res/dreiklang/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
	--page-color: #092B6A;
	--color-text: #424D57;
	--color-lightgrey: #ebeeef;
}

body.careers {
	--page-color: #56BBEF;
}

html {
	overflow-y:scroll;
}

body {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	color: #434d56;
}

a:link,
a:visited,
input,
textarea,
div {
	outline: none;
}

p {
	margin: 20px 0px;
}

h2 {
	font-weight: normal;
}

.hiddentext {
	display: none;
}

@media screen and (min-width: 980px) {
	body {
		font-size: 24px;
		line-height: 36px;
	}
}

.detailview .content {
	font-size: 18px;
 	line-height: 24px;
}

#main-nav ul {
	margin: 0;
	padding: 0;
}

body .wrapper a#et-opt-out {
	background: #424D56;
	color: #fff;
	text-align: left;
	width: auto;
	padding: 10px;
	display: inline-block;
	margin: 10px 0 0 0;
}

/* Bildunterschrift */
figcaption.imgsubline {
	line-height: 1.3;
	margin-top: 10px;
	font-size: 13px;
	color: #302f2f;
	margin-bottom: 10px;
	margin: 10px auto;
}

.float_left figcaption.imgsubline, .float_right figcaption.imgsubline {
	max-width: 310px;
}

/*#main-nav li ul.level2 {
	display: none;
}

#main-nav li.active ul.level2 {
	display: block;
}*/

@media screen and (max-width: 1024px) {
	.hide-mobile {
		display: none;
	}

	header#header {
		background-color: #434d56;
		height: 50px;
	}

	header#header h1#logo {
		margin: 0;
		float: right;
	}

	header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/messe-essen-mobile-logo.png') no-repeat center center;
		display: block;
		height: 50px;
		width: 50px;
		float: left;
		background-size: cover;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		text-indent: -9999px;
	}

	.no-backgroundsize header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/messe-essen-mobile-logo-ie.jpg') no-repeat center center;
	}

	.cce header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/cce-mobile-logo.png') no-repeat center center;
		background-size: cover;
	}

	.no-backgroundsize .cce header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/messe-essen-mobile-logo-ie.jpg') no-repeat center center;
	}

	.gh header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/gh-mobile-logo.png') no-repeat center center;
		background-size: cover;
	}

	.no-backgroundsize .gh header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/gh-mobile-logo-ie.jpg') no-repeat center center;
	}

	header#header .mobile-nav-trigger {
		display: block;
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-mobile-nav.png') no-repeat center center;
		width: 60px;
		height: 50px;
		text-indent: -9999px;
		float: left;
	}

	header#header .mobile-search-trigger {
		display: block;
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-mobile-search.png') no-repeat center center;
		width: 40px;
		height: 50px;
		text-indent: -9999px;
		float: left;
	}

	#main-nav {
		display: block;
		position: absolute;
		top: 50px;
		width: 100%;
		display: none;
		z-index: 9999;
		left: 50%;
		max-width: 960px;
		margin-left: -480px;
	}

	#main-nav ul li {
		background: #434d56;
		border-bottom: 1px solid #353F49;
		position: relative;
	}

	#main-nav ul li.last {
		border-bottom: 0px;
	}

	#main-nav ul.level1 .wrapper,
	#main-nav ul.level1 .level3 {
		display: none;
	}

	#main-nav ul.level1 li ul {
		border-top: 1px solid #353F49;
		border-left: 10px solid #353F49;
	}

	#main-nav ul.level1 li.active .wrapper,
	#main-nav ul.level1 li.active > ul {
		display: block;
	}

	#main-nav ul li a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 15px 10px;
		position: relative;
	}

	#main-nav ul li.active > a {
		font-weight: bold;
	}

	#main-nav .touch-button {
		display: block;
		position: absolute;
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-mobile-nav-touch-button.png') no-repeat center center;
		width: 50px;
		height: 100%;
		top: 0;
		right: 0px;
	}

	#main-nav li.active > a > .touch-button {
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-mobile-nav-touch-button-active.png') no-repeat center center;
	}

	.language-switcher {
		overflow: hidden;
		border-top: 1px solid #353F49;
	}

	.language-switcher li {
		width: 50%;
		float: left;
	}

	.language-switcher li.de a {
		border-right: 1px solid #353F49;
	}

	.searchbar {
		position: absolute;
		left: 60px;
		right: 70px;
		height: 50px;
	}

	.searchbar #searchbar {
		width: 100%;
		height: 100%;
	}

	.searchbar input[type="text"] {
		border: 0;
		padding: 0px 10px;
		width: 96%;
		height: 35px;
		margin-top: 7px;
		margin-right: 4%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-searchbar.jpg') #efeeee no-repeat right center;
		outline: none;
		border-radius: 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 300;
	}

	.searchbar input[type="submit"] {
		position: absolute;
		right: 4%;
		top: 7px;
		border: 0;
		width: 32px;
		height: 35px;
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-searchbar.jpg') #efeeee no-repeat right center;
		text-indent: -9999px;
		outline: none;
	}

}

@media screen and (min-width: 1025px) {

	.hide-desktop {
		display: none;
	}

	header#header {
		background: #ebeeef;
		position: relative;
		z-index: 200;
		border-bottom: 18px solid #424d56;
	}

	header#header .level1 > li:hover:before {
		content: '';
		position: absolute;
		display: block;
		left: 0;
		right: 0;
		bottom: -18px;
		background: #424d56;
		height: 18px;
		z-index: 300;
	}

	header#header > .inner {
		padding: 15px 10px 0px 10px;
		height: 105px;
	}

	header#header h1#logo {
		margin: 0;
		float: right;
	}

	header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/messe-essen-mobile-logo.png') no-repeat center center;
		display: block;
		height: 90px;
		width: 90px;
		float: left;
		background-size: cover;
		text-indent: -9999px;
	}

	.no-backgroundsize header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/messe-essen-mobile-logo-ie.png') no-repeat center center;
	}

	.cce header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/cce-mobile-logo.png') no-repeat center center;
		background-size: cover;
	}

	.no-backgroundsize .cce header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/cce-mobile-logo-ie.png') no-repeat center center;
	}

	.gh header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/gh-mobile-logo.png') no-repeat center center;
		background-size: cover;
	}

	.no-backgroundsize .gh header#header h1#logo a {
		background: url('https://www.messe-essen.de/res/dreiklang/img/gh-mobile-logo-ie.png') no-repeat center center;
	}

	#main-nav {
		display: block !important;
	}

	#main-nav ul.level1 > li > a {
		background: #fff;
		position: relative;
		float: left;
		padding: 33px 19px;
		margin-right: 10px;
		display: block;
		z-index: 200;
		-webkit-transition: background 300ms, color 300ms ease-in-out, border-bottom 300ms;
		-o-transition: background 300ms, color 300ms ease-in-out, border-bottom 300ms;
		transition: background 300ms, color 300ms ease-in-out, border-bottom 300ms;
		border-bottom: 15px solid #ebeeef;
		background-position: bottom center;
	}

	#main-nav ul.level1 > li.active > a {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}

	#main-nav ul.level1 > li {
		float: left;
	}

	.csstransitions #main-nav ul.level1 .wrapper,
	.csstransitions #main-nav ul.level1 .level3 {
		display: block!important; /*RESET OF JS*/
	}

	#main-nav ul.level1 > li.active > a,
	#main-nav ul.level1 > li > a:hover,
	#main-nav ul.level1 > li:hover > a {
		background: #424d56;
		color:#fff;
		border-bottom: 15px solid #424d56;
	}

	/*#main-nav ul.level1 > li.hasSubmenu.active > a,*/
	#main-nav ul.level1 > li.hasSubmenu > a:hover,
	#main-nav ul.level1 > li.hasSubmenu:hover > a {
		background: url("https://www.messe-essen.de/res/dreiklang/img/bg-nav-active.png") no-repeat bottom center #424d56;
		color:#fff;
		border-bottom: 15px solid #424d56;
	}

	.fixed #main-nav ul.level1 > li > a {
		border-bottom: 10px solid #ebeeef;
	}

	.fixed #main-nav ul.level1 > li.active > a,
	.fixed #main-nav ul.level1 > li > a:hover,
	.fixed #main-nav ul.level1 > li:hover > a {
		border-bottom: 10px solid #424d56;
	}

	#main-nav ul li a {
		text-decoration: none;
		font-size: 15px;
		color: #5d666c;
	}

	#main-nav ul.level2 > li {
		margin-bottom: 15px;
	}

	#main-nav ul.level2 > li > a {
		color: #fff;
		padding: 3px 5px;
		font-weight: bold;
		display: block;
		-webkit-transition: background 300ms ease-in-out;
		-o-transition: background 300ms ease-in-out;
		transition: background 300ms ease-in-out;
	}

	#main-nav ul.level2 > li > a:hover,
	#main-nav ul.level2 > li.active > a {
		background: #424d56;
	}

	#main-nav ul.level3 {
		margin-top: 5px;
	}

	#main-nav ul.level3 > li {
		margin-bottom: 5px;
	}

	#main-nav ul.level3 > li > a,
	#main-nav ul.level4 > li > a {
		color: #fff;
		padding: 3px 5px;
		display: block;
		-webkit-transition: background 300ms ease-in-out;
		-o-transition: background 300ms ease-in-out;
		transition: background 300ms ease-in-out;
	}

	#main-nav ul.level3 > li > a:hover,
	#main-nav ul.level3 > li.active > a {
		background: #424d56;
	}

	#main-nav ul.level4 {
		background: #424d56;
		padding: 3px;
		display: none;
	}

	#main-nav ul.level4 > li > a:hover,
	#main-nav ul.level4 > li.active > a {
		background: #39434b;
	}

	#main-nav .level2 .touch-button {
		width: 14px;
		height: 9px;
		background: url("https://www.messe-essen.de/res/dreiklang/img/bg-nav-dropdown-open.png") no-repeat;
		display: inline-block;
		margin-left: 5px;
	}

	#main-nav ul.level2 > li > a .touch-button {
		display: none;
	}

	.language-switch {
		width: 60px;
		height: 40px;
		background: #fff;
		position: absolute;
		right: 110px;
	}

	.language-switch .select {
		border: 1px #f0f1f1 solid;
		position: absolute;
		left: 3px;
		right: 3px;
		top: 3px;
		bottom: 3px;
		line-height: 34px;
		padding-left: 5px;
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-language-switch.png') right center no-repeat;
		font-size: 15px;
		color: #5d666c;
	}

	.language-switch select {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		cursor: pointer;
		border: 0;
		font-size: 12px;
	}

	.searchbar {
		background: #fff;
		position: absolute;
		right: 110px;
		top: 60px;
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-searchbar-tablet-desktop.png') no-repeat center right #fff;
		border-top: 5px solid #ebeeef;
		border-left: 5px solid #ebeeef;
		border-bottom: 5px solid #ebeeef;
	}

	.backgroundsize .searchbar {
		background: url('https://www.messe-essen.de/res/dreiklang/img/bg-searchbar-tablet-desktop-2x.png') no-repeat center right #fff;
		background-size: 60px 40px;
	}

	.searchbar form {
		margin: 0;
		padding: 0;
		line-height: 0;
	}

	.searchbar input[type="text"] {
		width: 50px;
		height: 40px;
		line-height: 40px;
		background: #fff;
		border: 0;
		padding: 0;
		background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-searchbar-tablet-desktop.png') no-repeat center right #fff;
		outline: none;
		padding-left: 10px;
		color: #5d666c;
		opacity: 0;
		font-family: 'Raleway', sans-serif;
		font-weight: 300;
	}

	.backgroundsize .searchbar input[type="text"] {
		background: url('https://www.messe-essen.de/res/dreiklang/img/bg-searchbar-tablet-desktop-2x.png') no-repeat center right #fff;
		background-size: 60px 40px;
	}

	.searchbar ::-webkit-input-placeholder { /* WebKit browsers */
	    color:    transparent;
	}

	.searchbar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    transparent;
	   opacity:  1;
	}

	.searchbar ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    transparent;
	   opacity:  1;
	}

	.searchbar :-ms-input-placeholder { /* Internet Explorer 10+ */
	   color:    transparent;
	}

	.searchbar input[type="submit"] {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 60px;
		height: 40px;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
		outline: none;
		display: none;
		background: none;
		z-index: 200;
	}

}

@media screen and (min-width: 1025px) {

	.inner.site-width{

		margin: auto;
		position: relative;
		padding-left: 0!important;
		padding-right: 0!important;
		z-index: 100;
	}

	#main-nav.site-width {
		width: 960px;
		margin: auto;
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.inner.navi-wrapper {
		position: static;
		background: #efeeee;
	}

	#main-nav ul li a {
		text-decoration: none;
		font-size: 20px;
		color: #5d666c;
	}

	#main-nav ul.level2 li a {
		font-size: 18px;
	}

	#main-nav ul.level1 > li > a {
		padding: 27px 19px;
	}

	#main-nav ul.level1 > li .wrapper {
		position: absolute;
		left: 0;
		right: 0;
		top: 120px;
		background: #4d5a62;
		z-index: -20;
		border-top: 18px solid #424d56;
		/*display: none;*/
		-webkit-transition: translateY 600ms ease-in-out;
		-o-transition: translateY 600ms ease-in-out;
		transition: translateY 600ms ease-in-out;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-backface-visibility: hidden;
		padding: 20px 0px;
	}

	#main-nav ul.level1 > li:hover .wrapper {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-backface-visibility: hidden;
	}

	#main-nav ul.level1 > li .wrapper .inner {
		display: table;
	}

	.no-csstransitions #main-nav ul.level1 > li .wrapper {
		display: none;
	}

	.no-csstransitions #main-nav ul.level1 > li:hover .wrapper {
		display: block!important;
	}

	.fixed #main-nav .wrapper {
		top: 70px!important;
	}

	#main-nav .wrapper section {
		width: 33.33%;
		margin: 20px 0px;
		border-right: 1px solid #838b91;
		display: table-cell;
	}

	#main-nav .wrapper section > ul {
		padding: 0px 22px;
		line-height: 20px;
	}

	#main-nav .wrapper section.last,
	#main-nav .wrapper section.col_3 {
		border-right: 0;
	}

	header#header .navi-wrapper.inner {
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		padding: 15px 0 0 0;
		/*height: auto;*/
	}

	/*header#header.fixed .navi-wrapper.inner {
		top: 10px;
	}*/

}

@media screen and (min-width: 980px) {

	.inner.site-width{
		width: 960px;
		max-width: 100%;
		margin: auto;
	}
}

@media screen and (min-width: 1025px) {

	#header.fixed {
		position: fixed;
		z-index: 600;
		width: 100%;
		animation: slidein 1s;
		-webkit-animation: slidein 1s;
		top: 0px;
		background: #efeeee;
	}

	.wrapper.fixed {
		padding-top: 175px;
	}

	@-webkit-keyframes slidein {
		from {
			top: -100%;
		}

		to {
			top: 0px;
		}
	}

	#header.fixed > .inner {
		height: 60px;
		padding: 10px 10px 0px 10px!important;
		background: #efeeee;
	}

	#header.fixed #main-nav ul.level1 > li > a {
		padding: 0 19px;
		height: 50px;
		line-height: 50px;
	}

	#header.fixed .searchbar {
		right: 141px;
		top: 5px;
	}

	#header.fixed .searchbar input[type="text"] {
		height: 50px;
	}

	#header.fixed .language-switch {
		width: 60px;
		height: 50px;
		background: #fff;
		position: absolute;
		right: 71px;
	}

	#header.fixed .language-switch .select {
		line-height: 44px;
	}

	#header.fixed h1#logo a {
		height: 50px;
		width: 50px;
		background-size: cover;
	}

	#header.fixed #main-nav ul.level2 > li {
		margin-top: 4px;
	}

}


@media screen and (max-width: 980px) and (min-width: 768px) {
	#main-nav ul.level1 > li > a {
		height: 36px;
		line-height: 36px;
		font-size: 15px;
	}
}

img {
	max-width: 100%;
	height: auto;
}

.news-full .news-text figure img {
	max-width: 310px;
}

figure {
	line-height: 0;
}

.list,
.list ul {
	margin: 0;
	padding: 0;
}

.list li {
	list-style: none;
	margin-left: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-list.png') no-repeat left 15px;
}

section.content .social-links {
	margin: 0;
	padding: 0;
}

section.content .social-links li {
	float: left;
	list-style: none;
	margin-right: 10px;
}

section.content .social-links li a {
	display: block;
	background: #025c84;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	-webkit-transition: .3s background ease;
	-o-transition: .3s background ease;
	transition: .3s background ease;
}

section.content .social-links li a:hover {
	background: #3C86A6;
}

.tablestyle {
	width: 100%;
	float: left;
	font-size: 18px;
	margin: 20px 0px;
}

.tablestyle.breakpoint {
	margin: 0;
}

section.content .tablestyle a {
	color: #333;
	text-decoration: underline;
}

.tablestyle th {
	font-weight: normal;
	background: #dadedf;
}

.tablestyle td,
.tablestyle th {
	padding: 13px 12px;
	line-height: 20px;
	text-align: left;
}

/*.tablestyle tbody tr:nth-child(1n) td,*/
.tablestyle tbody tr.odd td,
.tablestyle tbody tr.odd th {
	background: #c9ced0;
}

/*.tablestyle tbody tr:nth-child(2n) td,*/
.tablestyle tbody tr.even td {
	background: #dadedf;
}

.tablestyle tbody tr td,
.tablestyle tbody tr th,
.tablestyle thead tr th {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.tablestyle tbody tr td.col6,
.tablestyle thead tr th.col6,
.tablestyle td.last,
.tablestyle th.last {
	border-right: 0px;
}

.tablestyle thead tr th,
.tablestyle tr.first td,
.tablestyle tr.first th {
	border-top: 0px;
}


.tablestyle_light {
	/*margin: 20px 0px;*/
}
.gh.detailview .tablestyle_light {
	max-width: 520px
}

.tablestyle_light th {
	font-size: 24px;
	font-weight: 400;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}

.tablestyle_light td {
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}

.tablestyle_light .valign_bottom {
	vertical-align: bottom;
}

@media screen and (max-width: 960px) {
	.list li {
		background-position: left 10px;
		margin-left: 0px;
	}
}

@media screen and (max-width: 767px) {
	#slideshow {
		padding-top: 15px;
	}

	#slideshow .slideshow .slide img.slide-bg {
		position: absolute;
		height: 360px;
		margin-left: -652px;
		width: auto;
		max-width: none;
	}

	.tablestyle_light th,
	.tablestyle_light td {
		font-size: 18px;
		line-height: 24px;
	}

}

#slideshow .slideshow {
	overflow: hidden;
}

@media screen and (max-width: 980px) and (min-width: 767px) {
	#slideshow .slideshow .slide img.slide-bg {
		position: absolute;
		height: 360px;
		margin-left: -652px;
		width: auto;
		max-width: none;
	}
}

@media screen and (min-width: 980px) {

	#slideshow .slideshow {
		height: 530px;
	}

	#slideshow .bx-viewport {
		height: 530px!important;
		overflow: hidden;
	}

	#slideshow .slideshow .slide {
		height: 530px;
	}

	#slideshow .slideshow .slide figure {
		height: 530px;
		text-align: center;
	}

	#slideshow .slideshow .slide img.slide-bg {
		height: 530px;
		width: 1920px;
		position: absolute;
		left: 50%;
		margin-left: -960px;
		max-width: none !important;
	}

	#slideshow .slideshow .slide .slide-backgroundimage {
		position: absolute;
  		width: 1920px;
  		left: 50%;
 		margin-left: -960px;
 		background: #333;
 	}

/* 	#slideshow .slideshow .slide .slide-backgroundimage:before {
		content:'';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: url(https://www.messe-essen.de/res/dreiklang/img/bg-black-transparent_gh.png);
 	}*/

}

#slideshow {
	position: relative;
	z-index: 100;
	/*z-index: -30;
	overflow: hidden;*/
	border-bottom: 20px solid #ebeeef;
	max-height: 530px;
}

#slideshow.no-bb {
	border-bottom: 0;
}

.gh #slideshow {
	border-bottom: 0;
	background: #333;
}

#slideshow .slideshow {
	position: relative;
}

#slideshow .bx-wrapper {
	position: relative;
}

#slideshow .slideshow .slide {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 360px;
}

#slideshow .slideshow .slide .inner {
	height: 100%;
	position: relative;
}

#slideshow .slideshow .slide h2.slide-headline {
	position: absolute;
	top: 60px;
	left: 0;
	margin: 0;
	font-size: 24px;
	padding: 0px 20px;
	z-index: 100;
	z-index: 500;
	font-weight: 300;
}

#slideshow .slideshow .slide .date {
	position: absolute;
	top: 20px;
	left: 0;
	margin: 0;
	font-size: 24px;
	color: #434d56;
	padding: 0px 20px;
	z-index: 100;
	text-transform: uppercase;
	z-index: 500;
	font-weight: 300;
}

#slideshow .slideshow .slide h2.slide-headline,
#slideshow .slideshow .slide .date {
	color: #fff;
}

#slideshow .slideshow .slide .slide-links {
	z-index: 500;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	bottom: 20px;
	height: auto;
	-webkit-transition: 300ms all ease;
	-o-transition: 300ms all ease;
	transition: 300ms all ease;
}

@media screen and (max-width: 1024px) {
	#slideshow .slideshow .slide .slide-links {
		margin-left: 0;
		left: auto;
		right: 0;
	}
}

#slideshow .slideshow .slide .slide-links li {
	float: right;
	clear: right;
	list-style: none;
	margin-bottom: 10px;
	-webkit-transition: 300ms all ease;
	-o-transition: 300ms all ease;
	transition: 300ms all ease;
}

@media screen and (min-width: 667px) {
	#slideshow .slideshow .slide .slide-links li {
		margin-right: 10px;
	}
}

#slideshow .slideshow .slide .slide-links li a {
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-black-transparent.png);
	color: #fff;
	text-decoration: none;
	padding: 18px 55px 18px 20px;
	display: block;
	width: 330px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 24px;
	position: relative;
}

.gh #slideshow .slideshow .slide .slide-links li a {
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-black-transparent_gh.png);
}

@media screen and (min-width: 667px) {
	#slideshow .slideshow .slide .slide-links li a {
		width: 330px;
	}
}

@media screen and (max-width: 666px) {
	#slideshow .slideshow .slide .slide-links {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#slideshow .slideshow .slide .slide-links li {
		width: 100%;
	}

	#slideshow .slideshow .slide .slide-links li a {
		width: 100%;
	}
}

#slideshow .slideshow .slide .slide-links li a:hover {
	background: #434d57;
}

.gh #slideshow .slideshow .slide .slide-links li a:hover {
	background: #141719;
}

#slideshow .slideshow .slide.dark-gardient h2.slide-headline {
	color: #fff;
}

@media screen and (max-width: 980px) {
	#slideshow .slideshow .slide .slide-video {
		display: none;
	}
}

@media screen and (min-width: 980px) {
	#slideshow .slideshow .slide img.slide-image {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -480px;
		z-index: 200;
	}
}
@media screen and (max-width: 980px) {
	#slideshow .slideshow .slide figure {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		height: 100%;
	}

	#slideshow .slideshow .slide img.slide-image {
	 	position: absolute;
	 	left: 50%;
	 	margin-left: -480px;
	 	max-width: none;
	}
}


#slideshow .slideshow .slide .gardient {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 200;
	background-size: cover;
}

#slideshow .slideshow .slide .gardient.dark-gardient {
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/shine_black.png');
	background-size: cover;
}

#slideshow .slideshow .slide .gardient.white-gardient {
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/shine_white.png');
	background-size: cover;
}

#slideshow .slideshow .slide h2.slide-headline span {
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-black-transparent.png);
	color: #fff;
	padding: 15px 40px;
	display: block;
	float: left;
	display: block;
}

.gh #slideshow .slideshow .slide h2.slide-headline span {
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-black-transparent_gh.png);
}
@media screen and (max-width: 666px) {
	#slideshow .slideshow .slide h2.slide-headline span {
		padding: 15px 20px;
		line-height: 30px;
		display: block;
		float: left;
	}
}

@media screen and (min-width: 960px) {
	#slideshow .slideshow .slide h2.slide-headline {
		width: 940px;
		left: 50%;
		top: 60px;
		margin: 20px 0 auto -490px;
		font-size: 48px;
		line-height: 53px;
		padding: 0px 20px;
		z-index: 500;
		font-weight: 300;
	}

	#slideshow .slideshow .slide .date {
		width: 940px;
		left: 50%;
		margin: 20px 0 auto -450px;
		color: #434d56;
		padding: 0px 20px;
		z-index: 500;
		font-weight: 300;
	}

	#slideshow .slideshow .slide.light h2.slide-headline,
	#slideshow .slideshow .slide.light .date {
		color: #fff;
	}

	#slideshow .slideshow .slide.light .date.date_font_dark {
		color: #050606;
	}
}



#slideshow .slideshow .slide .slide-button {
	position: absolute;
	bottom: 50px;
	left: 50%;
	background: #fff;
	padding: 0px 15px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #5d666c;
	margin-left: -36px;
	text-decoration: none;
	z-index: 100;
	font-size: 18px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #000;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#slideshow .slideshow .slide .slide-button:hover {
	background: #5d666c;
	color: #fff;
}

#slideshow .bx-pager {
	position: absolute;
	bottom: -35px;
	width: 100%;
	text-align: center;
	z-index: 100;
	height: 24px;
}

#slideshow .bx-pager .bx-pager-item {
	width: 17px;
	height: 17px;
	display: inline-block;
}

#slideshow .bx-pager-item:first-of-type:last-of-type {
    display: none;
}

#slideshow .bx-pager a {
	background: url('https://www.messe-essen.de/res/dreiklang/img/bg-slideshow-pager-dreiklang.png') no-repeat  right center;
	height: 9px;
	width: 9px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-right: 6px;
}

#slideshow .bx-pager a.active {
	background-position: left center;
}

section.content {
	padding: 20px 0;
}

.content.header {
	padding: 20px 0;
	height: 260px;
	background-position: center center;
	position: relative;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

.content.header.small {
	padding: 20px 0;
	height: auto;
	background-position: center center;
}

@media screen and (max-width: 768px) {
	.content.header {
		padding: 20px 0;
		height: 100px;
	}
}

section.content#teaser {
	padding: 5px 0px;
}

section.content#teaser {
	padding: 5px 0px;
}

section.content.background-grey,
.breadcrump.background-grey {
	background-color: #ebeeef;
}

.gh section.content#teaser {
	padding-top: 30px;
	background: url(https://www.messe-essen.de/res/dreiklang/img/gruga-eventheader.jpg);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(-45deg, #050606 18%, #041a23 34%, #050606 68%, #041a23 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#050606), color-stop(34%,#041a23), color-stop(68%,#050606), color-stop(100%,#041a23));
	background: -webkit-linear-gradient(-45deg, #050606 18%,#041a23 34%,#050606 68%,#041a23 100%);
	background: -o-linear-gradient(-45deg, #050606 18%,#041a23 34%,#050606 68%,#041a23 100%);
	background: -ms-linear-gradient(-45deg, #050606 18%,#041a23 34%,#050606 68%,#041a23 100%);
	background: linear-gradient(135deg, #050606 18%,#041a23 34%,#050606 68%,#041a23 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050606', endColorstr='#041a23',GradientType=1 );
}

.gruga-eventheader {
	background-position: center -105px;
	background: url(https://www.messe-essen.de/res/dreiklang/img/gruga-eventheader.jpg); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzA1MDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzA0MWEyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzA1MDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDFhMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(-45deg,  #050606 18%, #041a23 34%, #050606 68%, #041a23 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#050606), color-stop(34%,#041a23), color-stop(68%,#050606), color-stop(100%,#041a23)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #050606 18%,#041a23 34%,#050606 68%,#041a23 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #050606 18%,#041a23 34%,#050606 68%,#041a23 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #050606 18%,#041a23 34%,#050606 68%,#041a23 100%); /* IE10+ */
	background: linear-gradient(135deg,  #050606 18%,#041a23 34%,#050606 68%,#041a23 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050606', endColorstr='#041a23',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

section.background-grey-boxed .inner {
	background-color: #ebeeef;
	padding: 50px;
}

section.background-grey-boxed .inner .cols {
	padding: 0 50px;
	font-size: 18px;
	line-height: 28px;
}

@media screen and (max-width: 768px) {
	section.background-grey-boxed .inner {
		padding: 30px 0px;
	}

	section.background-grey-boxed .inner .cols {
		padding: 0px;
	}
}

section.background-grey-boxed .inner .cols h3 {
	font-size: 18px;
	font-weight: normal;
}

section.content.background-white {
	background-color: #fff;
}

section.content.background-image {
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

section.content.background-dark {
	background-color: #434d56;
}

section.content.googlemaps {
	padding-top: 0;
	padding-bottom: 0;
}

section.content.googlemaps iframe {
	width: 100%;
}

.content.background-image.header h2.headlinestyle {
	color: #fff;
	font-size: 48px;
	line-height: 52px;
	padding-right: 260px;
}

.content.background-image.header h2.headlinestyle.has_headerimg {
	padding-right: 395px;
}

@media screen and (max-width: 760px) {
	.content.background-image.header h2.headlinestyle, .content.background-image.header h2.headlinestyle.has_headerimg {
		padding-right: 0;
	}
}

.content.background-image.header h2.headlinestyle.dark {
	color: #333;
}

.content.background-image.header.dark-transparent-bg:after {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-black-transparent.png);
}

.content.background-image.header.light-transparent-bg:after {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.6;
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-white-transparent.png);
}

.content.background-image.header.dark-transparent-bg  h2.headlinestyle,
.content.background-image.header.light-transparent-bg h2.headlinestyle {
	position: relative;
	z-index: 100;
}

.content.background-image.header .headerimage {
	position: absolute;
	top: -40px;
	right: 0;
}

@media screen and (max-width: 760px) {


	.content.background-image.header .headerimage {
		display: none;
	}

	section.content.background-image {
		background-color: transparent;
		background-image: none!important;
	}

	.gruga-eventheader section.content.background-image {
		background-color: none;
		background-image: none!important;
	}

	.content.background-image.header h2.headlinestyle {
		font-size: 20px;
		line-height: 26px;
	}

	.content.background-image .noUi-pips {
		font-size: 16px;
	}
}

@media screen and (min-width: 768px) {
	section.content.background-image {
	}
}

@media screen and (min-width: 769px) {
	#veranstaltungen .filter-sidebar {
		width: 230px;
		float: left;
		left: 230px;
		margin-left: -460px;
		position: relative;
		display: block!important;
	}

	.mobile-trigger-sidebar {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#veranstaltungen .filter-sidebar {
		width: 100%;
		float: left;
		position: relative;
		display: none;
	}

	.mobile-trigger-sidebar {
		background: #424d56;
		margin-bottom: 10px;
		color: #fff;
		padding: 10px;
		cursor: pointer;
	}

	.mobile-trigger-sidebar .iconfont {
		width: 50px;
		height: 28px;
		line-height: 28px;
		float: right;
	}

	.mobile-trigger-sidebar .iconfont:before {
		color: #fff;
		font-size: 50px;
	}

}

#veranstaltungen .filter-sidebar .box {
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 13px;
	position: relative;
}

#veranstaltungen .filter-sidebar .box:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	height: 100%;
	width: 12px;
}

#veranstaltungen .filter-sidebar .box.inactive:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-white-transparent.png");
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}

#veranstaltungen .filter-sidebar .box.messe-essen:before {
	background: #153f8f;
}

#veranstaltungen .filter-sidebar .box.cce:before {
	background: #10bbef;
}

#veranstaltungen .filter-sidebar .box.grugahalle:before {
	background: #009fe3;
}

#veranstaltungen .filter-sidebar .box .divider {
	width: 100%;
	position: relative;
	height: 1px;
	background: #e5e5e5;
	z-index: 100;
	margin-top: -1px;
}

#veranstaltungen .filter-sidebar .box h2 {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 15px 0 15px 24px;
	border-bottom: 1px solid #e5e5e5;
}

#veranstaltungen .filter-sidebar .box ul {
	margin: 0;
	padding: 0;
}

#veranstaltungen .filter-sidebar .box > ul > li {
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 0 5px 24px;
}

#veranstaltungen .filter-sidebar .box.main-filter h2 {
	padding: 15px 20px;
	border-bottom: 1px solid #e5e5e5;
}

#veranstaltungen .filter-sidebar .box .checkbox-wrapper {
	float: left;
	position: relative;
}

#veranstaltungen .filter-sidebar .box .checkbox-wrapper .checkbox {
	border: 1px #e5e5e5 solid;
	height: 18px;
	width: 18px;
	cursor: pointer;
}

#veranstaltungen .filter-sidebar .box .checkbox-wrapper .checkbox.active {
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-checkbox.png") center center no-repeat;
}

#veranstaltungen .filter-sidebar .box .checkbox-wrapper input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

#veranstaltungen .filter-sidebar .box.main-filter > ul > li {
	border-bottom: 1px solid #e5e5e5;
}

#veranstaltungen .filter-sidebar .box.main-filter ul li {
	padding: 0px;
}


#veranstaltungen .filter-sidebar .box.main-filter ul li span {
	display: block;
	height: 100%;
	overflow: hidden;
	padding: 5px 0px 5px 10px;
}

#veranstaltungen .filter-sidebar .box.main-filter ul li ul li {
	border-top: 1px solid #e5e5e5;
	list-style: none;
}

#veranstaltungen .filter-sidebar .box.main-filter ul li ul li span {
	padding-left: 35px;
}

#veranstaltungen .filter-sidebar .box ul li label {
	display: block;
	float: left;
	width: 170px;
	padding-left: 5px
}

#veranstaltungen .filter-sidebar .box ul li label {
	width: 150px;
}

#veranstaltungen .filter-sidebar .box.main-filter ul li.messe-essen span {
	border-left: 12px solid #153f8f;
}

#veranstaltungen .filter-sidebar .box.main-filter ul li.cce span {
	border-left: 12px solid #A0A6AA;
}

#veranstaltungen .filter-sidebar .box.main-filter ul li.gruga span {
	border-left: 12px solid #151414;
}

#veranstaltungen .filter-sidebar .box.main-filter div.inner {
	padding: 20px;
	overflow: hidden;
}

#veranstaltungen .filter-sidebar .box.main-filter div.inner label {
	display: block;
	height: 33px;
	line-height: 33px;
	float: left;
	width: 33px;
}

@media screen and (min-width: 768px) {
	#veranstaltungen .filter-sidebar .box.main-filter div.inner label {
		display: block;
		height: 33px;
		line-height: 33px;
		float: left;
	}
}


#veranstaltungen .filter-sidebar .box.main-filter div.inner input,
#veranstaltungen .filter-sidebar .box.search-box div.inner input {
	height: 33px;
	line-height: 33px;
	border: 0;
	padding-left: 0;
	padding-right: 0;
	float: left;
	width: 83px;
	margin-bottom: 12px;
	cursor: pointer;
	background: #f4f4f4;
	width: 80%;
}



#veranstaltungen .filter-sidebar .box.search-box div.inner input[type="submit"] {
	width: 20%!important;
}


@media screen and (max-width: 768px) {
	#veranstaltungen .filter-sidebar .box.main-filter div.inner label,
	#veranstaltungen .filter-sidebar .box.main-filter div.inner fieldset {
		clear: left;
	}

	#veranstaltungen .filter-sidebar .box.main-filter div.inner label {
		width: 10%;
	}

	#veranstaltungen .filter-sidebar .box.main-filter div.inner input,
	#veranstaltungen .filter-sidebar .box.search-box div.inner input {
		width: 90%!important;
		padding-left: 20px;
  		padding-right: 53px;
  		box-sizing: border-box;
	}
}

@media screen and (max-width: 460px) {
	#veranstaltungen .filter-sidebar .box.main-filter div.inner label {
		width: 20%;
	}

	#veranstaltungen .filter-sidebar .box.main-filter div.inner input,
	#veranstaltungen .filter-sidebar .box.search-box div.inner input {
		width: 80%!important;
	}
}

@media screen and (min-width: 768px) {
	#veranstaltungen .filter-sidebar .box.main-filter div.inner input,
	#veranstaltungen .filter-sidebar .box.search-box div.inner input {
		padding-left: 20px;
		padding-right: 53px;
		width: 83px;
		background: url("https://www.messe-essen.de/res/dreiklang/img/bg-input-calendar.png") #f4f4f4 no-repeat right center;
	}
}

.box.search-box .quickresults {
	float: left;
	width: 100%;
}

.box.search-box .quickresults .entry {
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 0px;
	float: left;
	width: 100%;
}

.box.search-box .quickresults a {
	color: #000;
	display: block;
}

.box.search-box .quickresults a:hover {
	color: #8B8B8B;
}

#veranstaltungen .filter-sidebar .box.main-filter div.inner fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	width: 100%;
	float: left;
}

#veranstaltungen .filter-sidebar .box.main-filter div.inner input#filter-search {
	width: 117px;
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-input-search.png") #f4f4f4 no-repeat right center;
	cursor: default;
}

@media screen and (max-width: 768px) {
	#veranstaltungen .filter-sidebar .box.main-filter div.inner fieldset {
		overflow: hidden;
	}

	#veranstaltungen .filter-sidebar .box.main-filter div.inner input#filter-search {
		width: 100%;

	}
}

#veranstaltungen .filter-sidebar .box.main-filter div.inner input#filter-submit,
#veranstaltungen .filter-sidebar .box.search-box div.inner input#filter-submit {
	width: 33px;
	height: 33px;
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-input-search.png") #f4f4f4 no-repeat right center;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 1px;
	padding: 0;
	cursor: pointer;
	-webkit-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}

#veranstaltungen .filter-sidebar .box.main-filter div.inner input#filter-submit:hover {
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-input-submit-hover.png") #f4f4f4 no-repeat right center;
}

#veranstaltungen .filter-sidebar .box.main-filter div.inner .reset-filter {
	float: right;
}

#veranstaltungen .filter-sidebar .box.search-box .inner {
	padding: 20px;
	overflow: hidden;
}

#veranstaltungen .filter-sidebar .box.search-box fieldset {
	margin: 10px 0px 0px 0px;
	padding: 0;
	border: 0;
	position: relative;
	width: 100%;
	float: left;
}

#veranstaltungen .filter-sidebar .box.search-box input#filter-search {
	width: 117px;
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-input-search.png") #f4f4f4 no-repeat right center;
	cursor: default;
}

@media screen and (max-width: 769px) {
	#veranstaltungen .filter-sidebar .box.search-box input#filter-search {
		width: 100%!important;
		cursor: default;
		padding-left: 20px;
  		padding-right: 53px;
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
	}
}

#veranstaltungen .filter-content {
	max-width: 100%;
	overflow: hidden;
	float: left;
	width: 100%;
}

@media screen and (min-width: 769px) {
	#veranstaltungen .filter-content > .inner {
		padding-left: 20px;
	}
}

#veranstaltungen .filter-content > .inner .filter-entries {
	background: #fff;
	margin-bottom: 20px;
	font-size: 14px;
	padding: 8px 20px 0px 20px;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	#veranstaltungen .filter-content > .inner .filter-entries {
		padding: 8px 20px;
	}
}

#veranstaltungen .filter-content > .inner .filter-entries label {
	float: left;
	height: 28px;
	line-height: 28px;
	margin-right: 10px;
	margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
	#veranstaltungen .filter-content > .inner .filter-entries label {
		clear: left;
		margin-bottom: 10px;
		display: block;
		width: 150px;
	}

	#veranstaltungen .filter-content > .inner .filter-entries .select-wrapper {
		margin-bottom: 10px;
		clear: left;
	}
}

#veranstaltungen .filter-content > .inner .filter-entries .select-wrapper {
	margin-bottom: 8px;
}

#veranstaltungen .filter-content > .inner .filter-entries form.print_options_selected,
#veranstaltungen .filter-content > .inner .filter-entries form.print_options_all {
	float: right;
	margin-right: 15px;
}

@media screen and (max-width: 768px) {
	#veranstaltungen .filter-content > .inner .filter-entries form {
		float: left;
		margin-top: 5px;
		margin-right: 15px!important;
		margin-left: 0px!important;
	}
	#veranstaltungen .filter-content > .inner .filter-entries form.print_options_selected {
		clear: left;
	}
}

#veranstaltungen .filter-content > .inner .filter-entries form input[type="submit"] {
	float: left;
	border: 0;
	background: #424d56;
	color: #fff;
	height: 26px;
}

@media screen and (min-width: 768px) {
	#veranstaltungen .filter-content > .inner .filter-entries .label-holder {
		float: right;
		height: 28px;
		margin-bottom: 8px;
	}
}

@media screen and (max-width: 900px) {
	#veranstaltungen .filter-content > .inner .filter-entries .label-holder {
		display: none;
	}

	#veranstaltungen .filter-content > .inner .filter-entries form {
		margin-left: 15px;
		margin-right: 0;
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 768px) {
	#veranstaltungen .filter-content > .inner .filter-entries .label-holder {
		float: left;
		clear: left;
		display: none;
	}
}

#veranstaltungen .filter-content > .inner .filter-entries .label-holder .label-counter {
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-label-counter.png") right top no-repeat;
	color: #fff;
	display: block;
	height: 26px;
	float: left;
	padding: 0 15px 0 9px;
	font-size: 17px;
	line-height: 26px;
}

@media screen and (min-width: 768px) {
	#veranstaltungen .filter-content > .inner .filter-entries .label-holder .icon {
		overflow: hidden;
		display: block;
		float: left;
	}
}

@media screen and (max-width: 768px) {
	#veranstaltungen .filter-content > .inner .filter-entries .label-holder .icon {
		margin-right: 10px;
		overflow: hidden;
		float: left;
	}
}

#veranstaltungen .filter-content > .inner .filter-entries .label-holder .iconfont {
	font-size: 40px;
	height: 28px;
	line-height: 28px;
	width: 35px;
	float: left;
	margin-right: 10px;
}

#veranstaltungen .filter-content > .inner .filter-entries .label-holder .iconfont:before {
	color: #ced2d7;
}

.content .select-wrapper {
	float: left;
	position: relative;
	padding-right: 28px;
	border: 1px solid #e5e5e5;
	margin-right: 12px;
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-select-filter.jpg") no-repeat right center;
	cursor: pointer;
}

.content .select-wrapper .select {
	height: 26px;
	line-height: 26px;
	padding: 0px 13px;
	text-align: center;
}

.content .select-wrapper.elemnts-per-page .select {
	min-width: 30px;
}

.content .select-wrapper.sorting {
	margin-right: 10px;
}

.content .select-wrapper.sorting .select {
	min-width: 130px;
	text-align: left;
}

.content .select-wrapper select {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 0;
	width: 100%;
	cursor: pointer;
	outline: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#veranstaltungen {
	overflow: hidden;
}

#veranstaltungen .filter-content > .inner a.entry-link {
	display: block;
}

#veranstaltungen .filter-content > .inner a.entry-link:hover .entry {
	background: #f5f6f8;
}

#veranstaltungen .filter-content > .inner .entry {
	background: #fff;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	-webkit-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}

#veranstaltungen .filter-content > .inner .entry .inner {
	margin: 20px 20px 20px 30px;
	overflow: hidden;
	position: relative;
	min-height: 180px;
}

#veranstaltungen .filter-content > .inner .entry .inner .tags {
	margin-top: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#veranstaltungen .filter-content > .inner .entry .inner .tags span {
	font-size: 16px;
	background: #ccc;
	padding: 5px;
	color: #fff;
	width: 5px;
	height: 5px;
	text-indent: -9999px;
	display: block;
	margin-right: 5px;
	float: left;
}

#veranstaltungen .filter-content > .inner .entry .inner .tags span.me {
	background: #153f8f;
}

#veranstaltungen .filter-content > .inner .entry .inner .tags span.cce {
	background: #A0A6AA;
}

#veranstaltungen .filter-content > .inner .entry .inner .tags span.gh {
	background: #151414;
}

@media screen and (min-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .left {
		width: 54%;
		float: left;
		padding-right: 12px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .left {
		margin-bottom: 50px;
	}
}

#veranstaltungen .filter-content > .inner .entry:after {
	content: '\e676';
	font-family: 'icomoon';
	font-size: 50px;
	color: #ccc;
	display: block;
	width: 44px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 20px;
	bottom: 10px;
}

@media screen and (min-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .left:after {
		content: '';
		display: block;
		background: #f5f6f7;
		width: 2px;
		position: absolute;
		left: 54%;
		top: 0;
		bottom: 0;
	}
}

#veranstaltungen .filter-content > .inner .entry .left h2 {
	margin: 0;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #424d56;
}

#veranstaltungen .filter-content > .inner .entry .left .meta {
	color: #424d56;
	font-size: 20px;
	line-height: 24px;
	margin: 10px 0px;
	font-weight: bold;
}

#veranstaltungen .filter-content > .inner .entry .left .desc {
	color: #424d56;
	font-size: 20px;
	line-height: 24px;
}

#veranstaltungen .filter-content > .inner .entry .left .trade-visitors {
	color: #d2d4d4;
	font-size: 20px;
	line-height: 24px;
	margin-top: 20px;
}

@media screen and (min-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .right {
		width: 46%;
		height: 100%;
		float: left;
		position: absolute;
		right: 0;
	}
}

#veranstaltungen .filter-content > .inner .entry .right figure {
	height: 100%;
	text-align: center;
	position: relative;
}

@media screen and (max-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .right figure {
		background: #f5f6f8;
	}
}

@media screen and (min-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .right figure {
		margin-right: 95px;
		margin-left: 20px;
	}
}

@media screen and (min-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .right figure img {
		margin-top: 14px;
	}
}

@media screen and (min-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .right figure.center img {
		overflow: auto;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	#veranstaltungen .filter-content > .inner .entry .right .filter-button-set {
		position: absolute;
		right: 0px;
		top: 14px;
	}
}

@media screen and (max-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .right .filter-button-set {
		margin-top: 20px;
		overflow: hidden;
	}
}

#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button {
	background: #ced2d7;
	width: 51px;
	height: 44px;
	margin-bottom: 13px;
	float: left;
}

@media screen and (min-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button {
		clear: left;
	}
}

@media screen and (max-width: 630px) {
	#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button {
		margin-right: 12px;
	}
}

#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button.active {
	background: #424d56;
}

#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button .iconfont {
	width: 51px;
	height: 44px;
	float: left;
}

#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button:hover .iconfont:before {
	color: #424d56;
}

#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button .iconfont:before,
#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button.active:hover .iconfont:before {
	color: #fff;
	/*font-size: 53px;
*/	height: 44px;
	line-height: 44px;
}

#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button .iconfont.icon-print-add:before {
	font-size: 40px;
}

#veranstaltungen .filter-content > .inner .entry .right .filter-button-set .filter-button .iconfont.icon-calendar:before {
	font-size: 53px;
	line-height: 40px;
}


.tags {
	margin-top: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.tags span {
	font-size: 16px;
	background: #ccc;
	padding: 5px;
	color: #fff;
	width: 5px;
	height: 5px;
	text-indent: -9999px;
	display: block;
	margin-right: 5px;
	float: left;
}

.tags span.me {
	background: #153f8f;
}

.tags span.cce {
	background: #A0A6AA;
}

.tags span.gh {
	background: #151414;
}

.breadcrump.background-image a,
.breadcrump.background-image span {
	color: #5d666c;
}

.breadcrump.background-image a {
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.breadcrump.background-image a:hover {
	color: #fff;
}

section.content.eventheader {
	color: #fff;
}

.reference-entry .entry {
	background: #fff;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	-webkit-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}

/*.reference-entry .entry.me:before {
	content:'';
	display: block;
	width: 14px;
	height: 100%;
	position: absolute;
	background: #153f8f;
}

.reference-entry .entry.gh:before {
	content:'';
	display: block;
	width: 14px;
	height: 100%;
	position: absolute;
	background: #009fe3;
}

.reference-entry .entry.cce:before {
	content:'';
	display: block;
	width: 14px;
	height: 100%;
	position: absolute;
	background: #10bbef;
}*/

.reference-entry .entry .inner {
	margin: 20px 20px 20px 30px;
	overflow: hidden;
	position: relative;
	min-height: 140px;
}

@media screen and (min-width: 630px) {
	.reference-entry .entry .inner .left {
		/*width: 54%;*/
		float: left;
		margin-right: 233px;
	}
}

.reference-entry .entry .inner .left:after {
	content: '';
	display: block;
	background: #d2d4d4;
	width: 1px;
	height: 100%;
}

.reference-entry .entry .inner .left h2 {
	margin: 0;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #424d56;
	margin-bottom: 30px;
}

@media screen and (max-width: 630px) {
	.reference-entry .entry .inner .left h2 {
		margin-top: 20px;
	}

	.reference-entry .entry .inner .left {
		padding-bottom: 30px;
	}
}

.reference-entry .entry .inner .left .meta {
	color: #424d56;
	font-size: 20px;
	line-height: 24px;
	margin: 10px 0px;
	font-weight: bold;
}

.reference-entry .entry .inner .left .desc {
	color: #424d56;
	font-size: 20px;
	line-height: 24px;
}

.reference-entry .entry .inner .left .trade-visitors {
	color: #d2d4d4;
	font-size: 20px;
	line-height: 24px;
	margin-top: 20px;
}

@media screen and (min-width: 630px) {
	.reference-entry .entry .inner .right {
		width: 213px;
		height: 100%;
		float: left;
		position: absolute;
		right: 0;
	}
}

.reference-entry .entry .inner .right figure {
	height: 100%;
	text-align: center;
	position: relative;
}

.reference-entry .entry .inner .right figure img {
	max-height: 100%;
}

@media screen and (max-width: 630px) {
	.reference-entry .entry .inner .right figure {
		background: #f5f6f8;
	}
}

@media screen and (min-width: 630px) {
	.reference-entry .entry .inner .right figure.center img {
		overflow: auto;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}


@media screen and (min-width: 769px) {
	.event-wrapper {
		padding-left: 230px;
		overflow: hidden;
	}
}

@media screen and (max-width: 768px) {
	.event-wrapper {
		margin: 0px 10px;
	}
}

#map-canvas {
	height: 560px;
}

#map-canvas img {
	max-width: none;
}

.breadcrump, .social-footer {
	font-size: 18px;
	padding: 30px 0px;
	overflow: hidden;
}

.social-footer {
	position: absolute;
	right: 40px;
	bottom: -14px;
}

.breadcrump a, .social-footer a {
	color: #000;
	text-decoration: none;
}

.breadcrump nav,  {
	float: left;
}

.breadcrump .rss-feed {
	float: right;
	height: 45px;
	line-height: 53px;
	font-size: 22px;
}

.breadcrump .rss-feed:after {
	content: '|';
	padding: 0px 13px 0px 10px;
}

.breadcrump .social-share, .social-footer .social-share {
	float: right;
	height: 45px;
	line-height: 53px;
}

.breadcrump .social-share span {
	float: left;
	margin-right: 20px;
}

.breadcrump .social-share ul, .social-footer .social-share ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

.breadcrump .social-share ul li, .social-footer .social-share ul li {
	list-style: none;
	padding: 0;
	margin: 0px 6px 0px 0px;
	float: left;
}

.breadcrump .social-share ul li:first-child, .social-footer .social-share ul li:first-child {
	margin-right: 20px;
}

.breadcrump .social-share ul li i.fa-share-alt, .social-footer .social-share ul li i.fa-share-alt {
	color: #909090;
	line-height: 53px;
	font-size: 28px;
}

.breadcrump .social-share ul li a, .social-footer .social-share ul li a {
	font-size: 28px;
	color: #434d56;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.breadcrump.background-image .social-share ul li a:hover {
	color: #fff;
}

@media screen and (max-width: 768px) {
	.breadcrump nav {
		display: none;
	}
}

h2.headlinestyle {
	margin: 0;
	font-size: 20px;
	color: #434d56;
	font-weight: 300;
}

.gh h2.headlinestyle {
	color: #0c252e;
}

h2.headlinestyle.light {
	color: #fff;
}

section.content.background-dark h2.headlinestyle, section.content.background-dark p, section.content.background-dark ul, section.content.background-dark li, .background-dark figcaption {
	color: #fff;
}

.content > .inner > h2.headlinestyle {
	padding: 0px 20px;
}

.content > .inner > .cols >  h2.headlinestyle {
	padding: 0px 10px;
}

@media screen and (min-width: 768px) {
	h2.headlinestyle {
		margin: 20px 0px;
	}
}

@media screen and (min-width: 980px) {
	h2.headlinestyle {
		font-size: 36px;
		line-height: 40px;
	}
}

.cols {
	overflow: hidden;
}

.cols.p-col_1 .col {
	width: 100%;
	overflow: hidden;
}

.cols.p-col_1 {
	padding: 5px 0px;
}

.cols.p-col_1 .col .inner {
	padding: 10px 10px;
}

.cols .col figure {
	margin: 0 0 20px 0px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
	.cols.t-col_2 .col {
		width: 50%;
		float: left;
	}
}

@media screen and (min-width: 980px) {
	.cols.d-col_2 .col {
		width: 50%;
		float: left;
	}

	.cols.d-col_2 .col figure {
		margin: 20px 0px;
	}

	.cols.d-col_2 .col figure {
		margin: 20px 0px;
	}

	.cols.d-col_2-1 .col.first {
		width: 75%;
		float: left;
	}

	.cols.d-col_2-1 .col.last {
		width: 25%;
		float: left;
	}

	.cols.d-col_1-2 .col.first {
		width: 25%;
		float: left;
	}

	.cols.d-col_1-2 .col.last {
		width: 75%;
		float: left;
	}

	.cols.d-col_3-1 .col {
		width: 33.33%;
		float: left;
	}

	.float_right {
		float: right;
	}

}


/* Videotool */

@media screen and (min-width: 980px) {

	#videotool .cols {
		padding-right: 310px;
	}

	#videotool .cols.d-col_2-1 .col.first {
		max-width: 100%;
		overflow: hidden;
		float: left;
		width: 100%;
	}

	#videotool .cols.d-col_2-1 .col.last {
		width: 310px;
		float: right;
		margin-right: -310px;
		position: relative;
		display: block!important;
	}

}

#videotool .bx-wrapper .bx-pager {
	display: none;
}

#videotool .accordion-body h3#ui-id-1 {
	margin-top: 0;
}

#videotool .horizontalTab ul.r-tabs-nav {
	overflow: hidden;
}

#videotool .horizontalTab ul.r-tabs-nav li {
	overflow: hidden;
	border-left: 1px solid #c9c9c9;
	border-top: 1px solid #c9c9c9;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	letter-spacing: -0.8px;
}

#videotool .horizontalTab ul.r-tabs-nav li:last-child {
	border-right: 1px solid #c9c9c9;
}

#videotool .horizontalTab ul.r-tabs-nav li a {
	padding: 5px 10px;
	display: block;
	color: #333;
}

#videotool .horizontalTab ul.r-tabs-nav li a:hover,
#videotool .horizontalTab ul.r-tabs-nav li.r-tabs-state-active a {
	background: #e1e3e4;
	border-bottom: 1px solid #e1e3e4;
}

#videotool .horizontalTab .r-tabs-panel {
	background: #e1e3e4;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	margin-top: -1px;
	margin-bottom: 15px;
	width: 100%;
	float: left;
}

#videotool .horizontalTab .r-tabs-panel table.breakpoint th.col1 {
	padding: 0;
}

#videotool .horizontalTab .r-tabs-panel table.breakpoint td.footable-first-visible,
table.breakpoint td.footable-first-visible {
	position: relative;
	border-bottom: 1px #fff solid;
}

#videotool .horizontalTab .r-tabs-panel table.breakpoint td.footable-first-visible:after,
table.breakpoint .footable-toggle:after {
	content: '\e669';
	font-family: 'icomoon';
	color: #fff;
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	background: #424d56;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 38px;
	text-align: center;
	cursor: pointer;
}

/*#videotool .horizontalTab .r-tabs-panel table th.col1,
#videotool .horizontalTab .r-tabs-panel table td.col1 {
	width: 140px;
}*/

#videotool .horizontalTab .r-tabs-panel table td {
	font-size: 16px;
}

table .empty_head {
	display: none;
}

#videotool .horizontalTab .r-tabs-panel table a {
	color: #333;
	text-decoration: underline;
}

#videotool .horizontalTab .r-tabs-panel table a:hover {
	text-decoration: none;
}

#videotool .horizontalTab .r-tabs-panel table a.add-fav {
	text-decoration: none;
}

#videotool table .iconfont {
	background: #424d56;
	width: 27px;
	height: 27px;
	border-radius: 3px;
	display: inline-block;
	color: #fff;
	line-height: 27px;
	font-size: 24px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#videotool .horizontalTab .r-tabs-panel table a.add-fav:hover span {
	background: #333;
}

#videotool table .iconfont:before {
	color: #fff;
	position: static;
}

.footable-row-detail-row {
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#videotool .r-tabs-accordion-title a {
	color: #333;
	display: block;
	padding: 15px;
	margin-bottom: 5px;
	font-size: 20px;
	border: 1px solid #c9c9c9;
}

#videotool .r-tabs-accordion-title.r-tabs-state-active a,
#videotool .r-tabs-accordion-title a:hover {
	background: #c9ced0;
}

#videotool .col.first .inner .greybox {
	background: #ebeeef;
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	padding: 0px 10px 10px 10px;
	margin-bottom: 20px;
}

#videotool .col.first .inner .greybox .bxslider {
	overflow: hidden;
	margin: 0;
}

#videotool .col.first .inner .greybox .bxslider a {
	display: block;
	line-height: 0;
}

#videotool .col.first .inner .greybox .bx-wrapper .bxslider .play-video:before {
	content: '';
	display: block;
	background: url(https://www.messe-essen.de/res/me_modernisierung/flowplayer/skin/img_2/play_white.png) center center no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 200;
}

#videotool .col.first .inner .greybox .bx-wrapper .bxslider .play-video:after {
	content: '';
	display: block;
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-black-transparent.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#videotool.videotool-detail .col.first .inner h2 {
	margin: 20px 0 20px 0;
	font-size: 20px;
	font-weight: 300;
}

@media screen and (max-width: 630px) {
	#videotool.videotool-detail .col.first .inner h2 {
		float: left;
		width: 100%;
	}
}

#videotool.videotool-detail .col.first .inner p {
	margin: 20px 0px 10px 0px;
}

#videotool.videotool-detail #level-tabs .ui-tabs-nav {
	margin: 7px 0 0 0;
	padding: 0;
	overflow: hidden;
	border-left: 1px solid #434d56;
}

#videotool.videotool-detail #level-tabs .ui-tabs-nav li {
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	overflow: hidden;
	float: left;
	color: #fff;
	font-size: 16px;
}

#videotool.videotool-detail #level-tabs .ui-tabs-panel {
	position: relative;
}

#videotool.videotool-detail #level-tabs .ui-tabs-nav li.ui-state-active {
}

#videotool.videotool-detail #level-tabs .ui-tabs-nav li a {
	color: #434d56;
	display: block;
	padding: 3px 12px;
	border-right: 1px solid #434d56;
	border-top: 1px solid #434d56;
	min-width: 26px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#videotool.videotool-detail #level-tabs .ui-tabs-nav li a {
		padding: 10px 10px;
	}
}

#videotool.videotool-detail #level-tabs .ui-tabs-nav li.ui-state-active a {
	background: #434d56;
	color: #fff;
}

#videotool.videotool-detail .col.last article.contact .inner {
	margin: 20px 0px 0px 0px!important;
	padding: 10px!important;
}

#videotool.videotool-detail .col.last article.contact .inner h2 {
	margin: 0px 0px 0px 0px;
}

#videotool.videotool-detail .col.last article.contact .inner h3 {
	float: left;
	width: 100%!important;
}

#videotool.videotool-detail .col.last article.contact .inner .contact-detail {
	margin-top: 130px;
}

#videotool.videotool-detail .col.last article.contact.col .inner .contact-image {
	margin: 0;
	text-align: center;
	float: left;
	width: 100%;
	position: static;
	margin-bottom: 10px;
}

#videotool.videotool-detail .col.last h2 {
	font-size: 20px;
	font-weight: normal;
	float: left;
	width: 100%;
	margin: 20px 0px 5px 0px;
}

.teaser-list,
.teaser-list li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

section .teaser-list li a {
	background: #ebeeef;
	display: block;
	color: #434d56;
	padding: 10px;
	border-bottom: 1px solid #fff;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-size: 20px;
}

section .teaser-list li a:hover {
	background: #434d56;
	color: #fff;
}

section .teaser-list li a:after {
	content: '\e676';
	font-family: 'icomoon';
	position: absolute;
	right: 10px;
	font-size: 40px;
}

section.content a.button {
	display: block;
	background: #ebeeef;
	color: #434d56;
	margin-top: 20px;
	float: left;
	font-size: 20px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0;
	padding: 10px 10px 10px 50px;
	position: relative;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

section.content.background-grey a.button,
section.content.background-image a.button {
	background: #fff;
}

section.content a.button:hover {
	background: #434d56;
	color: #fff;
}

section.content a.button span.iconfont {
	font-size: 37px;
	width: 33px;
	height: 30px;
	line-height: 30px;
	font-family: 'icomoon';
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 13px;
}

section.content a.button:hover span.iconfont:before {
	color: #fff;
}

#videotool-header .cols {
	padding: 0;
}

.button-set .inner {
	overflow: hidden;
}

.backbutton {
	display: block;
	float: left;
	background: #ebeeef;
	color: #333;
	text-decoration: none;
	font-size: 18px;
	line-height: 52px;
	height: 52px;
	padding: 0px 30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.backbutton:hover {
	background: #c9ced0;
}

.gh .backbutton {
	background: #434D56;
	color: #FFF;
}

.watchlist {
	background: #434d56;
	color: #fff;
	float: right;
	padding: 8px 10px 8px 8px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.watchlist a {
	color: #fff;
	display: block;
	float: left;
}

.watchlist:hover {
	background: #767F88;
}

.watchlist span.counter {
	border-right: 1px solid #7c8389;
	padding-right: 15px;
	padding-left: 7px;
	margin-right: 15px;
	display: block;
	float: left;
}

.watchlist span.watchlist-button {
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
	display: block;
	float: left;
}

.watchlist a span.text {
	height: 36px;
	line-height: 36px;
	display: block;
	float: left;
}

.watchlist .iconfont {
	float: left;
	height: 36px;
	font-size: 26px;
	line-height: 36px;
	margin-right: 5px;
}

.watchlist .iconfont:before {
	color: #fff;
	position: static;
}

#videotool-header .cols .inner {
	padding-top: 0;
	padding-bottom: 0;
}

#videotool-header .cols .flowplayer {
	display: block;
}

@media screen and (min-width: 768px) {
	#videotool-header .cols .flowplayer .fp-playlist {
		position: absolute;
		z-index: 600;
		background: rgba(8, 27, 36, 0.8);
		right: -290px;
		top: 0;
		bottom: 0;
		width: 290px;
		padding-top: 10px;
	}

	#videotool-header .cols .flowplayer .fp-playlist .playlisttoggle {
		content: '';
		display: block;
		width: 36px;
		height: 36px;
		background: url("https://www.messe-essen.de/res/dreiklang/img/bg-playlist-button.png") rgba(8, 27, 36, 0.8) no-repeat center center;
		position: absolute;
		left: -20px;
		top: 20px;
		z-index: 600;
	}

	#videotool-header .cols .fp-playlist-mobile {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#videotool-header .cols .flowplayer .fp-playlist {
		display: none;
	}

	#videotool-header .cols .fp-playlist-mobile {
		z-index: 600;
		background: rgba(8, 27, 36, 0.8);
		width: 290px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

#videotool-header .cols .flowplayer .fp-playlist a,
#videotool-header .cols .fp-playlist-mobile a {
	display: block;
	color: #fff;
	margin-left: 40px;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	padding-left: 35px;
	text-decoration: none;
}

#videotool-header .cols .fp-playlist-mobile a {
	padding-left: 0;
	margin-left: 0;
}

#videotool-header .cols .flowplayer .fp-playlist a.is-active {
	background: rgba(235, 238, 239, 0.19);
	padding-left: 20px;
}

.videotool-zoom  {
	overflow: hidden;
	display: none;
}

.level-plan-wrapper {
	position: relative;
}

.floorplan-popups .floorplan-popup {
	background: #434d56;
	position: absolute;
	top: 50px;
	left: 20px;
	right: 20px;
	padding: 10px 0px;
	border: 1px solid #fff;
	line-height: 24px;
	display: none;
}

.mapholder .floorplan-popups .floorplan-popup {
	left: 30%;
	right: 30%;
	top: 200px;
}

.floorplan-popups .floorplan-popup .close-popups {
	width: 20px;
	height: 20px;
	line-height: 18px;
	background: #fff;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.floorplan-popups .floorplan-popup a {
	display: block;
	color: #fff;
	margin: 5px 10px;
	text-align: left;
	text-decoration: none;
}

.floorplan-popups .floorplan-popup a:hover {
	color: #7ac7ea;
}

@media screen and (min-width: 980px) {
	.cols .col .floorplan-svg-wrapper .open {
		position: absolute;
		right: 15px;
		top: 15px;
		z-index: 100;
	}

	.cols .col .floorplan-svg-wrapper .open .iconfont {
		width:30px;
		height: 30px;
		line-height: 30px;
		display: block;
		font-size: 30px;
	}

	.cols .col .floorplan-svg-wrapper .open .iconfont:before {
		color: #fff;
	}

	.cols .col .floorplan-svg-wrapper .open:hover .iconfont:before {
		color: #56BBEF;
	}

	.videotool-zoom .close {
		position: absolute;
		right: 25px;
		top: 25px;
		text-decoration: none;
		z-index: 100;
	}

	.videotool-zoom .close .iconfont {
		width:30px;
		height: 30px;
		line-height: 30px;
		display: block;
		font-size: 30px;
	}

	.cols .col .floorplan-svg-wrapper .open-level-plan {
		position: absolute;
		right: 5px;
		top: 50px;
		z-index: 100;
	}

	.cols .col .floorplan-svg-wrapper .open-level-plan .iconfont {
		width:30px;
		height: 30px;
		line-height: 30px;
		display: block;
		font-size: 30px;
	}

	.cols .col .floorplan-svg-wrapper .open-level-plan .iconfont:before {
		color: #fff;
	}

	.cols .col .floorplan-svg-wrapper .open-level-plan:hover .iconfont:before {
		color: #56BBEF;
	}


	.videotool-zoom .close .iconfont:before {
		color: #fff;
	}

	.videotool-zoom .close:hover .iconfont:before {
		color: #56BBEF;
	}

	.videotool-zoom  #level-tabs {
		position: relative;
		background: #434D56;
		padding-bottom: 50px;
	}

	.videotool-zoom #level-tabs .ui-tabs-nav {
		margin: 7px 0 0 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		z-index: 100;
	}

	.videotool-zoom #level-tabs .ui-tabs-nav li {
		list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
		overflow: hidden;
		float: left;
		color: #fff;
		font-size: 16px;
	}

	.videotool-zoom #level-tabs .ui-tabs-panel {
		position: relative;
	}

	.videotool-zoom #level-tabs .ui-tabs-nav li.ui-state-active {
	}

	.videotool-zoom #level-tabs .ui-tabs-nav li a {
		color: #fff;
		display: block;
		padding: 3px 12px;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		min-width: 26px;
		text-align: center;
		text-decoration: none;
	}

	.videotool-zoom #level-tabs .ui-tabs-nav li.ui-state-active a {
		background: #ebeeef;
		color: #434d56;
	}
}

@media screen and (max-width: 980px) {
	.videotool-zoom .close,
	.cols .col .floorplan-svg-wrapper .open-level-plan,
	.cols .col .floorplan-svg-wrapper .open {
		display: none;
	}
}

.cols .col figure.floorplan-svg {
	background: #434d56;
	text-align: center;
	margin: 0;
	width: 100%;
    position: relative;
}

.no-svg .cols .col figure.floorplan-svg {
	padding-top: 0;
	height: auto;
}

.cols .col figure.floorplan-svg .ie-fallback {
	display: none;
}

.no-svg .cols .col figure.floorplan-svg .ie-fallback {
	display: block;
}

/*.cols .col figure.floorplan-svg svg {
   	position: absolute;
    top: 0;
    left: 0;
}*/

.cols .col figure.floorplan-svg a polygon,
.cols .col figure.floorplan-svg a rect,
.cols .col figure.floorplan-svg a path,
.cols .col figure.floorplan-svg a polyline {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.cols .col figure.floorplan-svg a rect:hover,
.cols .col figure.floorplan-svg a polygon:hover,
.cols .col figure.floorplan-svg a:hover polygon,
.cols .col figure.floorplan-svg a path:hover,
.cols .col figure.floorplan-svg a polyline:hover,
.cols .col figure.floorplan-svg a.active polygon,
.cols .col figure.floorplan-svg a.active rect,
.cols .col figure.floorplan-svg a.active path,
.cols .col figure.floorplan-svg a.active polyline {
    fill: #7ac7ea;
}

@media screen and (max-width: 980px) {
	.videotool-zoom  {
		overflow: hidden!important;
		display: none!important;
	}

	#level-tabs {
		display: block !important;
	}
}


#videotool-merkliste {
	font-size: 18px;
}

#videotool-merkliste table .iconfont {
	background: #424d56;
	width: 27px;
	height: 27px;
	border-radius: 3px;
	display: inline-block;
	color: #fff;
	line-height: 27px;
	font-size: 24px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#videotool-merkliste table .iconfont:before {
	color: #fff;
	position: static;
}

#videotool-merkliste table a.remove-item:hover span {
	background: #333;
}

.send-watchlist input[type="text"],
.send-watchlist input[type="email"],
.send-watchlist textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	height: 40px;
	font-family: inherit;
	font-size: 20px;
	padding: 0px 13px;
	background: #C9CED1;
	color: #333;
}

.send-watchlist input::-webkit-input-placeholder,
.send-watchlist input::-moz-placeholder,
.send-watchlist input:-moz-placeholder,
.send-watchlist input:-ms-placeholder {
	color: #333;
	opacity: 1;
}

.send-watchlist label {
	font-size: 24px;
	padding-right: 40px;
}

.send-watchlist input[type="submit"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #DADEDF;
	height: 40px;
	border: none;
	color: #333;
	font-size: 20px;
	padding: 0px 45px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: inherit;
}

section.content .download-watchlist {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

section.content .download-watchlist a.button {
	float: left;
	width: auto;
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	background: #DADEDF;
	margin-right: 10px;
	width: 210px;
	text-align: center;
}

.send-watchlist input[type="submit"]:hover,
section.content .download-watchlist a.button:hover {
	background: #424d56;
	color: #fff;
}

.teaser {
	position: relative;
	display: block;
	background: #cad3d8;
	-webkit-transition: background-color 300ms ease-in-out!important;
	-o-transition: background-color 300ms ease-in-out!important;
	transition: background-color 300ms ease-in-out!important;
}

.teaser {
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-messe-teaser.png) #424d56;
}

.gh .teaser.startpage-teaser,
.gh .teaser {
	background: url(https://www.messe-essen.de/res/dreiklang/img/bg-gh-start-teaser.png) center top #232b2f;
}

.teaser {
	background-position: center top;
}

.col.first .teaser {
	background-position: left top;
}

.col.last .teaser {
	background-position: right top;
}

.teaser.startpage-teaser:hover {
	background-color: #424d56;
	background-position: center -154px;
}

.gh .teaser.startpage-teaser,
.gh .teaser:hover {
	background-color: #424d56;
	background-position: center -154px;
}
@media screen and (min-width: 667px) {
	.col.first .teaser:hover {
		background-position: left -154px;
	}
}

@media screen and (max-width: 768px) {
	.gh .teaser.startpage-teaser,
	.gh .teaser {
		background: url(https://www.messe-essen.de/res/dreiklang/img/bg-gruga-ordertickets.jpg) no-repeat center center!important;
		background-size: cover!important;
	}
}

.col.last .teaser:hover {
	background-position: right -154px;
}

.gh .teaser:hover {
	background-color: #232b2f;
}

/*
.teaser:after {
	padding-top: 50%;
	display: block;
	content: '';
}
*/

.teaser > .inner {
	/*position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;*/

	height: 134px;
}

.teaser .inner h2.headlinestyle {
	position: static;
	margin-bottom: 10px;
	padding-right: 90px;
}

.teaser .inner .desc {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	padding-right: 90px;
	/*position: relative;*/
}

.teaser:hover .inner .desc {
	color: #fff;
}

.teaser .iconfont,
.teaser .logo {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 60px;
}

.teaser .iconfont {
	width: 90px;
}

.teaser:hover .inner .iconfont:before {
	color: #fff;
}

.teaser .inner .iconfont .inner {
	padding: 0;
}

.teaser .inner h2.headlinestyle {
	color: #fff;
}

.teaser .iconfont:before {
	color: #fff;
	top: -5px;
}

.teaser .iconfont .inner:before {
	top: -5px;
}

.teaser figure,
.teaser:hover figure img {
	text-align: center;
	background: #ccd2d5;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	opacity: 1;
	margin: 0!important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

.teaser h2.headlinestyle {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	font-size: 24px;
	line-height: 28px;
	margin-top: 0;
	z-index: 200;
}

.gh .teaser h2.headlinestyle {
	color: #fff;
}

.teaser:hover figure {
	background: #424d56;
}

.teaser:hover figure img {
	opacity: 0;
}

.teaser:hover h2.headlinestyle {
	color: #fff;
}

.text-teaser {
	font-size: 18px;
	line-height: 24px;
	position: relative;
}

.text-teaser h2 {
	font-size: 24px;
	font-weight: normal;
	color: #424d55;
	margin: 0;
}

.text-teaser > .inner {
	margin-left: 75px;
}

.text-teaser .inner .iconfont {
	position: absolute;
	left: 0;
	top: 0;
}

.text-teaser .inner .iconfont:before,
.text-teaser .inner .iconfont .inner:before {
	font-size: 70px;
}

.gruga-ordertickets {
	/*background: url(https://www.messe-essen.de/res/dreiklang/img/bg-gruga-ordertickets.jpg) no-repeat!important;*/
	display: block;
	height: 154px;
	font-size: 24px;

}

@media screen and (min-width: 900px) {
	.gruga-ordertickets {
		position: absolute;
		right: 0;
		bottom: 30px;
		width: 310px;
	}
}

@media screen and (max-width: 768px) {
	.gruga-ordertickets {
		max-width: 310px;
	}
}

.gruga-ordertickets.teaser h2.headlinestyle,
.gruga-ordertickets.teaser .desc {
	color: #fff;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gruga-ordertickets.teaser:hover h2.headlinestyle,
.gruga-ordertickets.teaser:hover .desc {
	/*color: #5d666c;*/
}

.gruga-ordertickets.teaser .iconfont:before {
	color: #fff;
}

.gruga-ordertickets span {
	font-size: 18px;
	display: block;
	margin-top: 15px;
}


@media screen and (min-width: 667px) {
	section.content#teaser {
		padding: 20px 0px;
	}

	section.content#teaser .cols.t-col_3-1 .col {
		width: 33.33%;
		float: left;
		overflow: hidden;
	}

	.cols.t-col_3-2 .col {
		width: 50%;
		float: left;
		overflow: hidden;
	}

	section.content#teaser .cols.t-col_3-1 {
		padding: 5px 0px;
	}

	section.content#teaser .cols.t-col_3-1.col .inner {
		padding: 10px 10px;
	}
}

@media screen and (min-width: 768px) {
	.cols.t-col_3-1 .col {

	}

	.cols.d-col_3-1 .col {
		width: 33.33%;
		float: left;
		overflow: hidden;
	}
}

section#nachrichten > .inner > h2,
section#upcomingevents > .inner > h2 {
	padding: 0 10px;
	margin: 10px 0 30px 0;
}

@media screen and (max-width: 768px) {
	section#nachrichten,
	section#upcomingevents {
		background-color: #ebeeef
	}
}

section#nachrichten > .inner
section#upcomingevents > .inner {
	padding: 10px;
}

section#upcomingevents article {
	background: #fff;
	margin-bottom: 10px;
	padding: 5px 0px;
	/*height: 260px;*/
	-webkit-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
	position: relative;
}

section#nachrichten article{
	background: #fff;
	margin-bottom: 10px;
	/*height: 260px;*/
	-webkit-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
	position: relative;
}

section#nachrichten .cols.p-col_1 .col .inner {
	padding: 0;
}

section#nachrichten .cols.p-col_1 .col .inner > a {
	display: block;
	padding: 10px;
}

.gh section#nachrichten article,
.gh section#upcomingevents article {
	background-color: rgba(255,255,255,0.5);
}

section#upcomingevents article {
	height: 420px;
}

/*section#nachrichten article .inner a,*/
section#upcomingevents article .inner a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	-webkit-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

section#nachrichten article .date,
section#upcomingevents article .date {
	margin: 0 0 10px 0;
	color: #434d56;
	font-size: 18px;
	line-height: 25px;
	padding-right: 85px;
}

.gh section#nachrichten article .date {
	/*color: #fff;*/
	font-weight: 500;
}

section#upcomingevents article .location {
	margin: 0 0 10px 0;
	color: #434d56;
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 25px;
	max-width: 50%;
	text-align: right;
}

section#nachrichten article h2,
section#upcomingevents article h2 {
	margin: 0;
	font-size: 22px;
	line-height: 24px;
	color: #434d56;
	font-weight: normal;
	margin-bottom: 10px;
}

.gh section#nachrichten article h2 {
	font-weight: normal;
	color: #08202a;
}

section#nachrichten article p,
section#upcomingevents article p {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	color: #303437;
}

.gh section#nachrichten article p {
	font-weight: 500;
	color: #08202a;
}

section#upcomingevents article .logo {
	position: absolute;
	bottom: 40px;
	left: 10px;
	right: 10px;
	text-align: center;
}

section#upcomingevents article figure {
	text-align: center;
	margin: 0;
	height: 150px;
	width: 100%;
	float: left;
	position: relative;
}

section#upcomingevents article figure img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media screen and (min-width: 768px) {
	section#nachrichten article a:hover,
	section#upcomingevents article a:hover {
		background: #424D56;
	}

	section#nachrichten article a:hover h2,
	section#nachrichten article a:hover .date,
	section#nachrichten article a:hover p,
	section#upcomingevents article a:hover h2,
	section#upcomingevents article a:hover .date,
	section#upcomingevents article a:hover .location,
	section#upcomingevents article a:hover p {
		-webkit-transition: color 300ms ease-in-out;
		-o-transition: color 300ms ease-in-out;
		transition: color 300ms ease-in-out;
	}

	section#nachrichten article a:hover h2,
	section#nachrichten article a:hover .date,
	section#nachrichten article a:hover p,
	section#upcomingevents article a:hover h2,
	section#upcomingevents article a:hover .date,
	section#upcomingevents article a:hover .location,
	section#upcomingevents article a:hover p {
		color: #fff;
	}
}

section#nachrichten .bx-pager,
section#upcomingevents .bx-pager {
	display: none;
}


#upcoming-slider,
#news-slider {
	margin-bottom: 35px;
	margin-top: 35px;
	padding: 0;
	background: #fff;
}

#upcoming-slider .noUi-background,
#news-slider .noUi-background {

}

@media screen and (max-width: 980px) {
	.noUi-horizontal .noUi-handle {
		display: none;
	}
}

section#nachrichten a,
section#upcomingevents a {
	text-decoration: none;
}

section#nachrichten .bx-pager,
section#upcomingevents .bx-pager {
	width: 100%;
	text-align: center;
	z-index: 300;
	overflow: hidden;
	margin: 20px 0px;
	line-height: 0;
}

section#nachrichten .bx-pager a,
section#upcomingevents .bx-pager a {
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-nachrichten-pager.png') no-repeat  right center;
	height: 9px;
	width: 9px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 3px;
}

.bx-pager-item {
	display: inline;
}

section#upcomingevents .bx-pager a.active,
section#nachrichten .bx-pager a.active {
	background-position: left center;
}

@media screen and (min-width: 768px) {
	section#nachrichten .cols.t-col_2 .col,
	section#upcomingevents .cols.t-col_2 .col {
		width: 50%;
		float: left;
	}
}

@media screen and (min-width: 960px) {

	section#nachrichten .cols.t-col_2 .col,
	section#upcomingevents .cols.t-col_2 .col {
		width: 33.33%;
		float: left;
	}

	/*section#nachrichten .bx-pager .bx-pager-item,*/
	section#upcomingevents .bx-pager .bx-pager-item {
		display: none;
	}
}

section#dreiklang {
	padding-bottom: 50px;
}

section#dreiklang a.logo {
	float: left;
	width: 33.33%;
}

section#dreiklang a.logo figure {
	padding: 5px;
	text-align: center;
	margin: 0;
}

#dreiklang p {
	margin: 0;
}

.center.logo figure {
	text-align: center;
}

@media screen and (min-width: 667px) {
	section#dreiklang .t-col_2 .col {
		width: 50%;
		float: left;
	}
}

section#services {
	padding-bottom: 50px;
}

section#services .cols {
	padding: 0px 10px;
}

section#services .square-element {
	display: block;
	width: 48%;
	padding: 1%;
	float: left;
}

section#services a.service-icon {
	display: block;
	height: 100%;
	background: #fff;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

section#services a.service-icon:hover {
	background: #a9afb6;
}

section#services a.service-icon:hover .iconfont:before {
	color: #fff;
}

section#services a.service-icon:hover .iconfont .inner:before {
	color: #d4d7da;
}

section#services a.service-icon:hover .icon-inner span {
	color: #fff;
}

section#services a.service-icon .icon-inner {
	padding: 10px;
	text-align: center;
	top: 15%;
	position: relative;
	line-height: 20px;
}

section#services > .inner > h2 {
	margin: 10px 0px 20px 0px;
}

@media screen and (min-width: 768px) {
	section#services > .inner > h2 {
		margin: 20px 0px 30px 0px;
	}
}

section#services a.service-icon .icon-inner span {
	color: #424d56;
	font-size: 18px;
}

@media screen and (max-width: 360px) {
	section#services a.service-icon .icon-inner {
		top: 1%;
		position: relative;
	}
}

@media screen and (min-width: 568px) {
	section#services .square-element {
		display: block;
		width: 23%;
		padding: 1%;
		float: left;
	}

	section#services a.service-icon .icon-inner {
		top: 1%;
		position: relative;
	}
}

@media screen and (min-width: 768px) {

	section#services a.service-icon .icon-inner {
		top: 15%;
		position: relative;
	}
}

@media screen and (min-width: 960px) {
	section#services .cols {
		padding: 0px 5px;
	}

	section#services .square-element {
		display: block;
		width: 180px;
		padding: 5px;
		float: left;
	}

	section#services a.service-icon .icon-inner {
		top: 10%;
		position: relative;
	}
}

section.content .search_entry {
	text-decoration: none;
	color: #434d56;
	font-size: 18px;
	line-height: 24px;
	padding: 20px 0px;
	margin: 20px 0px;
	float: left;
	display: block;
	width: 100%;
	position: relative;
	-webkit-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

section.content .search_entry:hover {
	background: #f5f6f7;
}

section.content .search_entry h2 {
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
}

section.content .search_entry p {
	margin: 10px 0px;
}

section.content .search_entry .location {
	color: #5d666c;
	font-size: 16px;
}

form.suche {
	margin: 30px 10px;
	overflow: hidden;
}

form.suche label {
	float: left;
	height: 50px;
	line-height: 50px;
	color: #5d666c;
}

form.suche input[type="text"]{
	float: left;
	border: 0;
	height: 50px;
	width: 400px;
	margin-left: 20px;
	padding: 0 20px;
	font-size: 16px;
	color: #5d666c;
	font-weight:200;
	outline: none;
}

form.suche input[type="submit"]{
	float: left;
	border: 0;
	height: 50px;
	width: 50px;
	text-indent: -9999px;
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-search-button-white.png') no-repeat center center #979da2;
}

form.suche .selection-wrapper {
	height: 50px;
	width: 240px;
	background: #fff;
	float: left;
	position: relative;
}

form.suche .selection-wrapper .select {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #5d666c;
	font-weight:200;
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-dropdown.png') center right no-repeat;
}

form.suche .selection-wrapper select {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	cursor: pointer;
	border: 0;
}

@media screen and (max-width: 860px) {

	form.suche {
		margin: 5px 10px;
		overflow: hidden;
	}

	form.suche label {
		float: left;
		height: 50px;
		line-height: 50px;
		color: #5d666c;
	}

	form.suche input[type="text"]{
		margin-left: 0;
		float: left;
		clear: left;
		margin-bottom: 10px;
		width: 100%;
	}

	form.suche .selection-wrapper {
		clear: left;
		float: left;
		margin-bottom: 10px;
		width: 100%;
	}

	form.suche .selection-wrapper .select {
		padding: 0px 10px;
	}

	form.suche input[type="submit"]{
		float: right;
		clear: left;
		width: 150px;
	}
}

form.newsletter {
	margin: 50px 10px;
	overflow: hidden;
}

form.newsletter label {
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 36px;
	color: #5d666c;
}

form.newsletter input[type="text"]{
	float: left;
	border: 0;
	height: 50px;
	width: 400px;
	margin-left: 20px;
	padding: 0 20px;
	font-size: 16px;
	color: #5d666c;
	font-weight:200;
	outline: none;
}

form.newsletter input[type="submit"]{
	float: left;
	border: 0;
	height: 50px;
	width: 180px;
	text-align: center;
	font-size: 16px;
	color: #5d666c;
	font-weight:200;
	background: #c9ced0;
}

@media screen and (max-width: 860px) {

	form.newsletter {
		margin: 5px 10px;
		overflow: hidden;
	}

	form.newsletter label {
		float: left;
		height: 50px;
		line-height: 50px;
		color: #5d666c;
	}

	form.newsletter input[type="text"]{
		margin-left: 0;
		float: left;
		clear: left;
		margin-bottom: 20px;
		margin-top: 10px;
		width: 100%;
	}

	form.newsletter input[type="submit"]{
		float: right;
		clear: left;
	}

}

.contact-detail a:before,
.contact-detail span:before {
	font-size: 35px;
	line-height: 21px;
	position: absolute;
	top: 3px;
	left: -3px;
	font-weight: normal;
	height: 21px;
}

.contact-detail > p > a,
.contact-detail span {
	position: relative;
	padding-left: 35px;
}

.cols .contact.col .inner {
	background: #eef1f2;
	padding: 40px;
	margin: 10px;
	color: #5d666c;
	font-weight: 300;
	font-size: 18px;
	line-height: 29px!important;
	position: relative;
	min-height: 195px;
}

.contact.col .inner h2 {
	font-size: 20px;
	margin: 0;
	font-weight: 300;
}

.contact.col .inner h3 {
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 10px 0px;
	font-weight: 200;
	width: 270px;
}

.contact.col .inner p {
	margin: 0 0 10px 0px;
}

.contact.col .inner a, section.content.background-dark .contact.col .inner p {
	color: #5d666c;
}

.contact.col .inner .contact-image {
	float: right;
	position: absolute;
	right: 40px;
	top: 40px;
	margin: 0;
}

@media screen and (max-width: 980px) {
	.cols .contact.col .inner {
		padding: 20px;
	}

	.contact.col .inner .contact-image {
		float: right;
		position: absolute;
		right: 20px;
		top: 20px;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.cols .contact.col .inner {
		padding: 20px;
	}

	.contact.col .inner .contact-image {
		float: right;
		position: absolute;
		left: 20px;
		top: 20px;
		margin: 0;
	}

	.contact.col .inner h2 {
		margin: 145px 0 0 0;
	}
}

form .form-message {
	background: #fff;
	padding: 5px;
	margin: 10px 0px;
}

form .form-message.error {
	color: #DF1616;
}

form .form-message.success {
	color: #21862A;
}

.kontaktform {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 60px;
}

.kontaktform fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

p.required {
	float: left;
	width: 46%;
	padding: 0px 2%;
}

.kontaktform .col {
	float: left;
	width: 50%;
}

.kontaktform .col .inner,
.kontaktform .submit .inner {
	padding: 0px 20px;
}

.kontaktform .submit {
	float: right;
	width: 50%;
}

.kontaktform label {
	width: 100%;
	display: block;
	clear: left;
}

.kontaktform input[type="text"],
.kontaktform textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	height: 30px;
	font-family: inherit;
	font-size: 20px;
	padding: 0px 13px;
}

#subscribe input[type="submit"] {
	margin-top: 30px;
}

#subscribe .reg_newsletter_box label {
	float: none;
	clear: none;
	font-size: 20px;
	line-height: 1.2em;
}

.reg_newsletter_box.privacy_box {
	margin-bottom: 20px;
}

#subscribe input[type="text"],
#subscribe input[type="submit"],
#subscribe .select-wrapper,
#unsubscribe  input[type="text"],
#unsubscribe input[type="submit"],
#unsubscribe .select-wrapper {
	width: 50%;
	box-sizing: border-box;
}

#subscribe  .select-wrapper .select,
#unsubscribe  .select-wrapper .select {
	text-align: left;
}

@media screen and (max-width: 640px) {

	#subscribe input[type="text"],
	#subscribe input[type="submit"],
	#subscribe .select-wrapper,
	#unsubscribe  input[type="text"],
	#unsubscribe input[type="submit"],
	#unsubscribe .select-wrapper {
		width: 100%;
		box-sizing: border-box;
	}
}

#subscribe .checkbox-wrapper, .kontaktform .checkbox-wrapper {
	float: left;
	clear: none;
	margin-right: 15px;
}

.kontaktform .reg_newsletter_box label {
	width: auto;
	float: none;
	clear: initial;
}

.kontaktform .col textarea {
	height: 213px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.kontaktform .select-wrapper {
	clear: right;
	margin-bottom: 20px;
	font-size: 20px;
}

#captcha {
	width: 45%;
	float: left;
	height: 40px;
}

.kontaktform input[type="submit"] {
	width: 100%;
	background: #eef1f2;
	border: 0;
	font-weight: 300;
	height: 50px;
	outline: none;
	transition: all 300ms ease-in-out;
	font-family: 'Raleway', sans-serif;
}

.kontaktform input[type="submit"]:hover {
	color: #eef1f2;
	background: #424d56;
}

.captcha-image {
	float: left;
	height: 40px;
	margin-right: 5%;
	width: 30%;
	border: 1px #ccc solid;
	text-align: center;
}

@media screen and (max-width: 650px) {
	.kontaktform .col,
	.kontaktform .submit {
		float: left;
		width: 100%;
	}

	p.required {
		float: left;
		width: 100%;
		padding: 0px 20px;
	}

}

.formmessage {
	background: #eef1f2;
	margin: 0px 10px;
	padding:10px;
	line-height: 24px;
}

.formmessage h3 {
	font-size: 18px;
	margin: 0;
	color: #db0002;
}

.success.formmessage h3 {
	font-size: 18px;
	margin: 0;
	color: #12960F;
}

.formmessage p {
	font-size: 18px;
	margin: 0;
}

.kontaktform label.error,
.box.error {
	color: #db0002;
}

.box.error {
	margin-bottom: 30px;
	display: block;
}

.success.box {
	color: #229B07;
}

.kontaktform input.error,
.kontaktform textarea.error,
.kontaktform .select-wrapper.error {
	border: 1px solid #db0002;
}

label.required:after {
	content: '*';
	padding-left: 5px;
}

section.content .news-filter ul,
section.content .legend-list ul {
	margin: 0 0 25px 0;
	padding: 0;
	overflow: hidden;
}

section.content .news-filter ul li,
section.content .legend-list ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 14px;
	width: 33.33%;
}

section.content .news-filter ul li {
	margin-bottom: 10px;
}

section.content .legend-list ul li {
	height: 44px;
	position: relative;
}

section.content .legend-list ul li:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 14px;
	z-index: 200;
}

section.content .legend-list ul li.messe:before {
	background: #153f8f;
}

section.content .legend-list ul li.cce:before {
	background: #A0A6AA;
}

section.content .legend-list ul li.gruga:before {
	background: #151414;
}

section.content .news-filter ul li .inside,
section.content .legend-list ul li .inside {
	background: #fff;
	padding: 12px;
	margin-right: 25px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

section.content .legend-list ul li .inside {
	line-height: 18px;
	float: left;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: defaultr;
	padding: 12px 12px 12px 40px;
}

section.content .news-filter ul li.last .inside,
section.content .legend-list ul li.last .inside {
	margin-right: 0;
}

@media screen and (max-width: 695px) {

	section.content .news-filter ul li,
	section.content .legend-list ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		float: none;
		font-size: 14px;
		width: auto;
		margin-bottom: 1px;
	}

	section.content .news-filter ul li .inside,
	section.content .legend-list ul li .inside {
		margin-right: 0;
	}

	/*section.content .news-filter ul li.last,*/
	section.content .legend-list ul li.last {
		margin-bottom: 0;
	}
}

section.content .news-filter ul li .checkbox-wrapper {
	float: left;
	position: relative;
}

section.content .news-filter ul li .checkbox {
	border: 1px #e5e5e5 solid;
	height: 18px;
	width: 18px;
	cursor: pointer;
	background: #fff;
}

section.content .news-filter ul li .checkbox.active {
	background: url("https://www.messe-essen.de/res/dreiklang/img/bg-checkbox.png") #fff center center no-repeat;
}

section.content .news-filter ul li:hover .inside {
	background-color: #f5f6f8;
}

section.content .news-filter ul li input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

section.content .news-filter ul li label {
	line-height: 18px;
	float: left;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
	padding: 12px 12px 12px 40px;
}

section.content a.news-entry,
section.content div.press-entry  {
	display: block;
	float: left;
	font-size: 18px;
	line-height: 24px;
	color: #303437;
	position: relative;
	-webkit-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
	background: #fff;
	margin-bottom: 20px;
	width: 100%;
}

section.content a.news-entry article,
section.content div.press-entry article {
	padding: 40px 20px;
	overflow: hidden;
}

@media screen and (max-width: 680px) {

	section.content a.news-entry article,
	section.content div.press-entry article  {
		padding: 20px 20px;
	}

}

.press-entry article .news-text a {
	color: #333;
	padding-right: 40px;
	overflow: hidden;
	float: left;
}

.press-entry article .news-text > a:after {
	content: '\e676';
	font-family: 'icomoon';
	font-size: 50px;
	color: #333;
	display: block;
	width: 40px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 20px;
	top: 60px;
}

.press-entry article .download-box,
.news-full .download-box {
	background: none;
	height: auto;
	float: left;
}

.press-entry article .download-box ul,
.news-full .download-box ul {
	padding: 0;
}

.press-entry article .download-box ul li,
.news-full .download-box ul li {
	margin: 10px 0px;
}

.press-entry article .download-box ul li .iconfont:before,
.press-entry article .download-box ul li .iconfont .inner:before,
.news-full .download-box ul li .iconfont:before,
.news-full .download-box ul li .iconfont .inner:before {
	color: #BFC2C7;
}

section.content a.news-entry:hover,
section.content div.press-entry:hover  {
	background-color: #f5f6f8;
}

.news-entry .news-image {
	float: left;
	padding-left: 50px;
}

.news-entry .news-image img {
	width: 216px;
	height: auto;
}

@media screen and (min-width: 680px) {
	.news-entry .text-image .news-text {
		padding-left: 310px;
		padding-right: 50px;
		position: relative;
	}

	.news-entry .news-text,
	.press-entry .news-text {
		padding-left: 50px;
		padding-right: 50px;
		position: relative;
	}
}

.news-entry .news-text .time,
.press-entry .news-text .time {
	margin: 10px 0px;
}

.news-text figure.float_left,
figure.float_left {
	float: left;
	margin-right: 12px!important;
	margin-bottom: 12px!important;
}

@media screen and (max-width: 630px) {
	figure.float_left,
	figure.float_right {
		width: 100%;
	}

	figcaption.imgsubline {
		margin: 10px 0;
	}
}

.news-text figure.float_right,
figure.float_right {
	float: right;
	margin-left: 12px!important;
	margin-bottom: 12px!important;
}

.news-entry .news-text h2,
.press-entry .news-text h2 {
	font-size: 24px;
	line-height: 30px;
	margin: 0;
	font-weight: 400;
}

.news-entry .news-text p,
.press-entry .news-text p {
	margin: 0;
}

figure.center_image {
	text-align: center;
}

/*@media screen and (max-width: 980px) {
	.news-entry  {
		padding: 0px 10px;
	}
}
*/
@media screen and (max-width: 680px) {
	.news-entry .news-image {
		margin-left: 0;
		text-align: center;
		position: static;
		padding-left: 0;
		background: #f5f6f8;
		margin-bottom: 20px;
		width: 100%;
	}

	.news-entry .news-text,
	.press-entry .news-text {
		float: left;
		margin-bottom: 20px;
	}
}

section.content div.download-entry  {
	display: block;
	float: left;
	font-size: 18px;
	line-height: 24px;
	color: #303437;
	position: relative;
	padding: 20px;
	overflow: hidden;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

@media screen and (min-width: 680px) {
/*	.download-entry .download-text {
		float: left;
		margin-left: 260px;
		position: relative;
		width: 660px;
	}*/
	section.content div.download-entry article {
		position: relative;
	}

	.download-entry .download-text {
		padding-right: 260px;
	}

	.download-entry .download-previewimage .download-text {
		/*position: absolute;
		left: 260px;
		right: 0;
		top: 0;*/
		padding-left: 260px;
		padding-right: 0px;
	}

	.download-entry .download-image {
		float: left;
	}
}

.download-entry .download-text h2 {
	font-size: 24px;
	line-height: 30px;
	margin:0 0 10px 0;
	font-weight: 400;
}

.download-box {
	background: #e7eaef;
	margin-top: 20px;
	width: 100%;
	/*height: 65px;*/
}

.download-box ul {
	margin: 0;
	padding: 20px;
	overflow: hidden;
}

.download-box li {
	float: left;
	list-style: none;
	line-height: 24px;
	padding-right: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.download-box li:nth-child(3n+1) {
	clear: left;
}

@media screen and (min-width: 680px) {
	.download-box li {
		width: 33.33%;
	}
}

section.content .download-box li a {
	font-size: 18px;
	font-weight: 400;
	color: #666f76;
	position: relative;
	padding-left: 35px;
	display: block;
}

section.content .download-box li a:hover {
	color: #a9afb5;
}

.download-box li .iconfont {
	float: left;
	position: absolute;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 28px;
	font-size: 35px;
}

.download-list  ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.download-list li {
	list-style: none;
	line-height: 24px;
	padding-right: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 20px;
}

section.content .download-list li a {
	font-size: 18px;
	font-weight: 400;
	color: #666f76;
	position: relative;
	padding-left: 45px;
	display: block;
}

section.content .download-list li a span.text span {
	color:#BBC0C4;
}

.download-list li .iconfont {
	float: left;
	position: absolute;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 28px;
	font-size: 35px;
}

section.content .download-list li .iconfont:before {
	color:#BBC0C4;
}

.download-entry .download-text p {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
}

@media screen and (max-width: 980px) {
	.download-entry  {
		padding: 0px 10px;
	}
}

@media screen and (max-width: 680px) {
	.download-entry .download-image {
		float: left;
		margin-left: 0;
		text-align: center;
		background: #e7eaef;
		/*position: absolute;
		top: 0;
		right: 0;
		left: 0;*/
		width: 100%;
	}

	.download-entry .download-text {
		float: left;
		margin-top: 20px;
		width: 100%;
	}
}

.headline-wrapper {
	padding: 20px;
}

.news-full {
	position: relative;
	margin: 0px 10px;
}

.news-full .news-wrapper {
	margin-left: 235px;
	margin-top: 20px;
}

.news-full .news-wrapper .news-text {
	padding: 40px;
	padding-bottom: 90px;
	background: #f5f6f7;
	font-size: 18px;
	line-height: 24px;
	position: relative;
	overflow: hidden;
}

.news-full .news-wrapper .news-text h2 {
	margin: 20px 0px;
}

.news-full .news-wrapper .news-back {
	width: 215px;
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-back-button.png') 50px 23px no-repeat #f5f6f7;
	text-indent: 30px;
	color: #5d666c;
	height: 70px;
	line-height: 70px;
	text-align: center;
	display: block;
}

@media screen and (max-width: 768px) {
	.news-full .news-wrapper .news-back {
		  padding-left: 50px;
		  text-align: left;
		  width: 100%;
	}

	.social-footer.bottom-footer {
		position: relative;
		top: 0;
		bottom: 0;
		overflow: initial;
		margin: 0;
		right: 0;
	}

	.social-footer.bottom-footer .social-share {
		padding-top: 20px;
	}
}

.news-full .news-wrapper .news-back:hover {
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-back-button.png') 50px -68px no-repeat #5d666c;
	color: #fff;
}

.news-full .news-wrapper .share {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

@media screen and (min-width: 769px) {
	.news-full .news-wrapper .news-back {
		position: absolute;
	}
}

@media screen and (min-width: 768px) {

	.news-full .news-wrapper .news-back.top {
		left: 0;
	}

	.news-full .news-wrapper .news-back.bottom {
		left: 0;
		bottom: 0;
	}
}

@media screen and (max-width: 768px) {
	.news-full .news-wrapper {
		margin-left: 0px;
		margin-top: 20px;
	}

	.news-full .news-wrapper .news-back.top {
		margin-bottom: 20px;
	}

	.news-full .news-wrapper .news-back.bottom {
		margin-top: 20px;
	}

	.news-full .news-wrapper .news-text {
		padding: 20px;
	}

}

section.content .link-entry {
	display: block;
	background: #fff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	position: relative;
}

section.content .link-entry:hover {
	background: #f5f6f8;
}

section.content .link-entry:after {
	content: '\e676';
	font-family: 'icomoon';
	font-size: 50px;
	color: #333;
	display: block;
	width: 40px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.link-entry article {
	min-height: 251px;
}

.cols.p-col_1 .col .link-entry article .inner {
	padding: 20px 40px;
}

.link-entry article figure {
	text-align: center;
	height: 145px;
	margin: 0 0 10px 0!important;
	position: relative;
}

.link-entry article figure img {
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.link-entry article .inner .link-desc {
	line-height: 28px;
	font-size: 18px;
	padding-right: 20px;
	color: #333;
}

.box-imageteaser {
	width: 33.33%;
	float: left;
	position: relative;
}

@media screen and (max-width: 760px) {
	.box-imageteaser {
		width: 50%;
		float: left;
		position: relative;
	}
}

@media screen and (max-width: 500px) {
	.box-imageteaser {
		width: 100%;
		float: left;
		position: relative;
	}
}

.box-imageteaser:before {
	content: '';
	padding-top: 115.35836177%;
	display: block;
}

.box-imageteaser .inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.box-imageteaser .inner figure {
	margin: 0;
	position: relative;
}

.box-imageteaser .inner figure:before {
	content: '';
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	position: absolute;
	background: url('https://www.messe-essen.de/res/dreiklang/img/bg-imageteaser.png') repeat-x center bottom;
}

.box-imageteaser .inner figure figcaption {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
}

.box-imageteaser .inner figure figcaption .headline {
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
}

.pagination {
	padding: 0px 10px;
}

.pagination ul {
	text-align: right;
}

.pagination ul li {
	list-style: none;
	display: inline-block;
}

.pagination ul li a {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #ebeeef;
	text-align: center;
	font-size: 32px;
	color: #5d666c;
	font-weight: 200;
	-webkit-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
}

.pagination ul li a.active,
.pagination ul li a:hover {
	background: #a0a6aa;
	color: #fff;
}

.pagination ul li.first a,
.pagination ul li.last a {
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-pagination.png') #ebeeef no-repeat;
	text-indent: -9999px;
	background-position: 10px 10px;
}

.pagination ul li.last a {
	background-position: -20px 10px;
}

.pagination ul li.first a:hover {
	background-position: 10px -27px;
	background-color: #a0a6aa;
}

.pagination ul li.last a:hover {
	background-position: -20px -27px;
	background-color: #a0a6aa;
}


@media screen and (min-width: 680px) {
	body .smallcontent {
		max-width: 760px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 680px) {
	body .smallcontent {
		padding: 0px 10px;
	}
}

.button-container {
	text-align: center;
	margin-bottom: 40px;
	overflow: hidden;
}

#videotool .button-container {
	float: left;
	width: 100%;
}

.button {
	padding: 8px 20px;
	text-decoration: none;
	border-radius: 5px;
}

.button.white {
	background: #fff;
	color: #434d56;
	-webkit-transition: color, background 300ms ease-in-out;
	-o-transition: color, background 300ms ease-in-out;
	transition: color, background 300ms ease-in-out;
}

.button.white:hover {
	color: #fff;
	background: #434d56;
}

#nachrichten .button-container .button,
#upcomingevents .button-container .button,
#videotool .button-container .button {
	width: 300px;
	margin: auto;
	float: none;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
}

@media screen and (max-width: 630px) {
	#nachrichten .button-container .button,
	#upcomingevents .button-container .button,
	#videotool .button-container .button {
		width: 100%;
	}

	#videotool .button-container .button {
		margin-top: 20px;
	}
}

#videotool .button-container .button {
	background: #fff;
}

#videotool .button-container .button:hover {
	background: #434d56;
	color: #fff;
}


.accordion-body {
	width: 100%;
}

.accordion .inner {
	padding: 15px;
}

@media screen and (max-width: 768px) {
	.accordion-body {
		width: 100%;
	}
}

.accordion-body h3 {
	outline: none;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	padding: 20px 80px 20px 30px;
	margin: 10px 0px 0px 0px;
	background: #ecedef;
	cursor: pointer;
	-webkit-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
	position: relative;
}

@media screen and (max-width: 630px) {

	.accordion .inner {
		padding: 0px!important;
	}

	.accordion-body h3 {
		word-break: break-word;
		padding: 10px 80px 10px 10px;
	}
}

.background-grey .accordion-body h3 {
	background: #fff;
}

.accordion-body h3:after {
	content: '\e669';
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -14px;
	font-family: 'icomoon';
	font-size: 40px;
}

.accordion-body h3.ui-state-active:after {
	content: '\e653';
}

.accordion-body h3.ui-state-hover {
	background: #c9ced0;
}

.accordion-body > div {
	padding: 15px 30px 15px 30px;
	background: #ecedef;
	font-size: 18px;
	overflow: hidden;
}

.background-grey .accordion-body > div {
	background: #fff;
}

.accordion-body > div > ul {
	margin: 0;
	padding: 0px 0px 0px 20px;
}

.accordion-body > div > ul li {
	list-style: none;
	font-size: 18px;
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-li.gif') no-repeat left center;
	padding-left: 15px;
}

.accordion-body > div > ul li a {
	color: #333;
}

footer#footer {
	margin-bottom: 20px;
	/* overflow: hidden; */
}

footer#footer .inner {
	padding: 10px;
}

footer#footer nav#footer-nav ul {
	margin: 20px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

footer#footer nav#footer-nav ul li {
	float: left;
	padding-right: 15px;
}

footer#footer nav#footer-nav ul li.last {
	padding: 0;
}

footer#footer nav#footer-nav ul li a {
	color: #bfbebd;
	text-decoration: none;
	font-size: 18px;
}

.footer-print {
	display: block;
	position: absolute;
	right: 10px;
	top: 36px;
	color: #bfbebd;
	text-decoration: none;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	padding-left: 50px;
}

.footer-print span {
	display: inline-block;
	font-size: 40px;
	height: auto;
	line-height: 40px;
	position: absolute;
	top: -4px;
	left: 0;
}

.footer-print span:before {
	position: static;
	color: #bfbebd;
}
@media screen and (max-width: 1025px) {
	.footer-print {
		display: none;
	}
}

/*Links*/

section.content a {
	color: #a9afb5;
	text-decoration: none;
	-webkit-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

section.content a:hover {
	color: #000;
}

section.content.eventheader a:hover {
	color: #fff;
}

a.external:after,
a.internal:after,
a.mail:after,
a.document:after {
	line-height: 23px;
	height: 23px;
	position: relative;
	right: -5px;
	top: 3px;
}

a.external,
a.internal,
a.document,
a.mail {
	position: relative;
	padding-right: 5px;
	color: #092b6a;
}

a.external:after {
	content: '\e660';
	font-size: 22px;
}

a.internal:after {
	content: '\e65e';
	font-size: 22px;
}

a.mail:after {
	content: '\e65f';
	font-size: 22px;
}

a.mail-before:before {
	content: '\e65f';
	font-size: 26px;
	top: 4px;
}

a.document:after {
	content: "\e65d";
	font-size: 22px;
}

/*ENDE Links*/


.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 960px;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 225px;
	width: 225px;
}

.og-grid.multimedia li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 305px;
	width: 305px;
}

.og-grid.multimedia li > a:before,
.og-grid.multimedia li > a.og-video:before {
	font-family: 'icomoon';
	content: '';
	display: block;
	width: 81px;
	height: 81px;
	line-height: 81px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 100;
	background: #434d56;
	background: rgba(67, 77, 86, 0.8);
	font-size: 74px;
	color: #fff;
}

.og-grid.multimedia li a.icon-multimedia_link:before {
    content: "\e902";
}

.og-grid.multimedia li > a.og-video.icon-multimedia_video:before {
    content: "\e903";
}

.og-grid.multimedia li a.icon-multimedia_image:before {
    content: "\e904";
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.og-grid li.activePanel > a:after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #434d56;
	border-width: 15px;
	left: 50%;
	margin: -19px 0 0 -15px;
}

.og-grid li.activePanel > a.icon-multimedia_link:after {
	display: none;
}

.og-grid li > a.og-video:before {
	content:'';
	background: url(https://www.messe-essen.de/res/dreiklang/img/og-video-playbutton.png) no-repeat center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 300;
}

.og-expander {
	position: absolute;
	background: #434d56;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 80px 0;
	width: 940px;
	margin: auto;
	overflow: hidden;
}

.og-grid-hover-title {
	display: none;
	position: absolute;
	z-index: 400;
	color: #fff;
	background: url('https://www.messe-essen.de/res/me_modernisierung/img/bg-og-grid-title.png');
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	text-align: left;
	padding: 10px;
	font-size: 20px;
	line-height: 24px;
}

.og-grid-video {
	display: none;
	float: left;
	width: 100%;
}

.og-grid a {
	position: relative;
}

@media screen and (min-width: 768px) {
	.og-grid a:hover .og-grid-hover-title {
		display: block;
	}
	.og-grid.multimedia li a:hover:before,
	.og-grid.multimedia li > a.og-video:hover:before {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.og-grid a.icon-multimedia_link .og-grid-hover-title {
		display: block;
		padding-right: 90px;
		font-size: 16px;
	}

	.og-grid.multimedia li a.icon-multimedia_link:before {
		z-index: 500;
		left: auto;
		right: 10px;
		top: 10px;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
		background: none;
	}
}

@media screen and (max-width: 980px) {
	.og-grid {
		list-style: none;
		padding: 20px 0;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	.og-expander-inner {
		padding: 80px 30px;
		height: auto;
		width: 100%;
		margin: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}


.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close:after {
	content: '\e63a';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #888;
	font-size: 50px;
}


.og-close:hover:before,
.og-close:hover:after {
	color: #333;
}

.upright-image .og-fullimg,
.upright-image .og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landscape-image .og-fullimg,
.landscape-image .og-details {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
}

.upright-image .og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: block!important;
	height: auto;
}

.landscape-image .og-details h3 {
	margin-top: 20px;
}

.og-details h3 {
	font-weight: 300;
	font-size: 36px;
	line-height: 45px;
	padding: 0 0 10px;
	margin-bottom: 10px;
	color: #fff;
	margin-top: 0;
}

.og-details div.desc {
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	color: #fff;
}

.og-details a {
	display: none;
}

.og-details a:before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

.clear {
	clear: both;
	float: none;
}

@media screen and (max-width: 650px) {

	/*.og-fullimg { display: none; }*/
	.og-details { float: none; width: 100%; }

	.upright-image .og-fullimg,
	.upright-image .og-details {
		width: 100%;
		float: left;
		overflow: hidden;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: auto;
	}

	.upright-image .og-details { padding: 0; }

	.upright-image .og-details h3 { margin-top: 20px;}

}

/* Accordion */

/* IE Fix //MS */
ul.r-tabs-nav, ul.r-tabs-nav li {
    display: list-item !important;
}
/* IE Fix //MS Ende */

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    float: left;
    margin: 0;
}

.r-tabs .r-tabs-panel {
    /*padding: 15px;*/
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: inline-block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
        float: left;
  		width: 100%;
    }
}

/* Swipebox */

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
          transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(https://www.messe-essen.de/res/dreiklang/img/dreiklang_loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(https://www.messe-essen.de/res/dreiklang/img/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 960px) {
	#main-nav {
		display: block;
		position: absolute;
		top: 50px;
		width: 100%;
		display: none;
		z-index: 9999;
		left: 0;
		max-width: 960px;
		margin-left: 0px;
	}
}

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-# */

/* Bauphasen */

/* #-#-#-#-#-#-#-#-#-#-#-#-#-#-#-# */

#bauphasen {
	position: relative;
}

#bauphasen .bx-controls {
	background: #dadedf;
	position: absolute;
	left: 0px;
	right: 0px;
	height: 56px;
}

#bauphasen .bx-controls a.bx-next,
#bauphasen .bx-controls a.bx-prev {
	margin-top: 10px;
	display: block;
	float: left;
}

#bauphasen .bx-controls a.bx-next {
	float: right;
}

#bauphasen .bx-controls a.bx-next:after {
	content: '\e676';
	font-size: 50px;
	color: #434d56;
	font-family: 'icomoon';
	height: 24px;
}

#bauphasen .bx-controls a.bx-prev:after {
	content: '\e67c';
	font-size: 50px;
	color: #434d56;
	font-family: 'icomoon';
	height: 24px;
}

.buildsteps {
	width: 100%;
	float: left;
	position: relative;
	height: 33px;
	margin-top: 50px;
	margin-bottom: 35px;
}

.buildsteps:after {
	content: '';
	display: inline-block;
	width: 100%;
}

.buildsteps .step {
	width: 33px;
	height: 33px;
	background: #c9c9c9;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	z-index: 200;
	cursor: pointer;
	top: 0;
}

.buildsteps .step:before {
	content: '';
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background: #c9c9c9;
	z-index: 300;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}

.buildsteps .step:after {
	content: '';
	display: block;
	width: 0%;
	height: 0%;
	border-radius: 50%;
	border: 9px solid rgba(255,255,255,1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: 300ms all;
	z-index: 200;
}

.buildsteps .line:before {
	background: #7e8081;
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	position: absolute;
	-webkit-transition: width 1000ms;
	-o-transition: width 1000ms;
	transition: width 1000ms;
	-webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.buildsteps.step1 .line.animate:before {
	left: 0;
}

.buildsteps.step2 .line.animate:before {
	width: 33.33%;
}

.buildsteps.step3 .line.animate:before {
	width: 66.66%;
}

.buildsteps.step4 .line.animate:before {
	width: 100%;
}

.bxslider-bauphase .slide {
	position: relative;
}
​
.bxslider-bauphase .slide:after {
	content: '';
	display: block;
	padding-top: 86.315789474%;
}
​
.bxslider-bauphase .slide img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Step 1 */
.buildsteps .step1 {
	left: 0;
}

/* Step 2 */
.buildsteps .step2 {
	left: 33.33%;
	margin-left: -16.5px;
}

/* Step 3 */
.buildsteps.step3 .step.step1:before,
.buildsteps.step3 .step.step2:before {
	background: #434d56;
}

.buildsteps .step3 {
	right: 33.33%;
	margin-right: -16.5px;
}

.buildsteps .step4 {
	right: 0;
}

.buildsteps .step:hover:after,
.buildsteps .step.active:after {
	width: 100%;
	height: 100%;
}

.buildsteps .step.current:before {
	background: #009fe4;
}

.buildsteps .step.done:before {
	background: #434d55;
}

.buildsteps .step .label {
	position: absolute;
	top: -50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 30px;
}

.buildsteps .line {
	position: absolute;
	top: 50%;
	margin-top: -2.5px;
	left: 5px;
	right: 5px;
	height: 5px;
	background: #dddada;
	z-index: 100;
}

.slider-bauphase {
	width: 760px;
	margin: auto;
	margin-bottom: 50px;
	max-width: 100%;
}

.bxslider-bauphase {
	height: 100%;
}

.legende {
	position: absolute;
	right: 0px;
	bottom: 50px;
	z-index: 100;
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.slider-bauphase .bx-viewport {
		padding-bottom: 300px;
	}

	.bxslider-bauphase {
		padding-bottom: 250px;
	}

	.legende {
		right: auto;
		bottom: 0px;
		left: 0px;
	}
}

.legende h2 {
	font-size: 20px;
	margin-bottom: 0px;
	white-space: nowrap;
}

.legende .col1,
.legende .col2 {
	width: 230px;
	padding-right: 40px;
	float: left;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.legende .col2 {
	padding-right: 0;
	max-width: 200px;
}

.legende ul {
	margin: 0;
	padding: 0;
}

.legende ul li {
	list-style: none;
	white-space: nowrap;
}

.legende ul.status li:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #434d55;
	position: relative;
	top: 7px;
	margin-right: 10px;
}

.legende ul.status li.current:before {
	background: #009ee2;
}

.legende ul.status li.soon:before {
	background: #c8c8c8;
}

.legende ul.bauarbeiten li:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #434d55;
	position: relative;
	top: 7px;
	margin-right: 10px;
}

.legende ul.bauarbeiten li.logistik:before {
	background: #7fcef0;
}

.legende ul.bauarbeiten li.build:before {
	background: #009ee2;
}

div.preview_bauphasen {
	position: relative;
	padding: 0;
}

.cols.p-col_1 .col div.preview_bauphasen .inner {
	padding: 15px 30px 15px 30px;
}

.cols .col figure.preview_bauphasen_image {
	position: relative;
	line-height: 0;
	margin: 0;
}

@media screen and (max-width: 630px) {

}

/* Socialmedia Links Fixed */

.socialmedia-links {
	position: fixed;
	right: 0;
	top: 310px;
	list-style: none;
	z-index: 500;
	background: #424d56;
	padding: 10px 18px;
}

.socialmedia-links a {
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 100%;
}

.socialmedia-links li {
	margin-bottom: 8px;
}

.socialmedia-links li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
	.socialmedia-links {
		position: relative;
		right: auto;
		top: auto;
		list-style: none;
		z-index: 500;
		background: #424d56;
		padding: 10px 18px;
		overflow: hidden;
		text-align: center;
	}

	.content.background-image.header .headerimage {
		top: 0;
	}

	.socialmedia-links li {
		float: none;
		margin-bottom: 0;
		margin-right: 15px;
		display: inline-block;
	}

	.socialmedia-links a {
		font-size: 30px;
	}

	footer#footer nav#footer-nav ul {
		text-align: center;
	}

	footer#footer nav#footer-nav ul li {
		float: none;
		display: inline-block;
	}
}

.footer-logos {
	overflow: hidden;
	margin-left: -15px;
}

.footer-logos a {
	display: block;
	float: left;
	padding: 0px 15px;
	width: 25%;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 750px) {
	.footer-logos a {
		display: block;
		float: left;
		padding: 0px 15px;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}

	.footer-logos a:nth-child(3n+3) {
		clear: left;
	}

	.footer-logos {
		margin-left: 0;
	}
}

@media screen and (max-width: 450px) {
	.footer-logos a {
		display: block;
		float: left;
		padding: 0px 0px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}
}

.content .sold-out {
	color: #000;
	background: #fff;
	padding: 15px 25px;
	margin-left: 20px;
	float: left;
	margin-top: 30px;
	font-size: 24px;
}

.content .sold-out.blue {
	background: #4b9ee4;
	color: #fff;
}

@media screen and (max-width: 760px) {
	.content .sold-out {
		margin-top: 12px;
		padding: 10px 25px;
		font-size: 20px;
	}
}

.slideshow .sold-out {
	background: url(https://www.messe-essen.de/res/dreiklang/img/sold-out.png) no-repeat right top;
	position: absolute;
	width: 960px;
	max-width: 100%;
	height: 437px;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 520;
	font-weight: 300;
}

.slideshow .sold-out.blue {
	background: url(https://www.messe-essen.de/res/dreiklang/img/sold-out_blue.png) no-repeat right top;

}

.cookie_info {
	background: #424d56;
	color: #fff;
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}

.cookie_info .inner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;

	justify-content: space-between;

	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cookie_text {
	font-size: 14px;
	line-height: 1.2;
	color: #bbb;
	padding-right: 15px;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}

.cookie_text strong {
	color: #fff;
}

.cookie_text a {
	color: #bbb;
}

.cookie_text p {
	margin: 0;
}

.cookie_info .button {
	float: right;
	padding: 0px 10px;
	font-size: 18px;
	margin-bottom: 0;
	background: #fff;
	color: #424d56;
	border-radius: 0;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.cookie_text {
		-webkit-flex: auto;
		-moz-flex: auto;
		-ms-flex: auto;
		-o-flex: auto;
		flex: auto;
		padding-right: 0;
		margin-bottom: 10px;
	}
}

#ui-datepicker-div {
	z-index: 999!important;
}

.maps-cookie-overlay {
    position: relative;
    width: 100%;
    height: 573px;
}
.maps-cookie-overlay .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.8;
}

#map-canvas .maps-cookie-overlay img {
	max-width: 100%;
}

section.content .maps-cookie-overlay .overlay__button a {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.overlay__image img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
}

.overlay__box {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 40px 70px;
    color: #434D56;
    max-width: 500px;
    min-width: 400px;
}

.overlay__text {
    font-size: 20px;
    margin-bottom: 30px;
}

.overlay__buttons {
    display: flex;
}


.overlay__button  {
    width: 100%;
    background: #eef1f2;
    border: 0;
    font-weight: 300;
    height: 50px;
    outline: none;
    transition: all 300ms ease-in-out;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    line-height: normal;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    text-align: center;
    font-size: 18px;
}

.overlay__button.overlay__button--green {
    background: #1DB287;
    color: #fff;
    margin-right: 0;
}

section.content .overlay__button:hover {
    color: #EEF1F2 !important;
    background-color: #434D56;
}
section.content .overlay__button:hover a {
    color: #EEF1F2 !important;
}

.overlay__button a {
    color: #434D56;
}

.overlay__button.overlay__button--green a {
    color: #fff;
}

.overlay__button a:hover {
    color: #EEF1F2 !important;
}

@media screen and (max-width: 768px) {
    .overlay__buttons {
       flex-flow: column;
    }
    .overlay__button {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }
    .overlay__box {
        width: 90vw;
        min-width: 90vw;
        padding: 30px;
        box-sizing: border-box;
    }
}

/* Usercentrics Cookiestörer Overrides */

.usercentrics-button.layout-1 #uc-corner-modal.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header .uc-header-subtitle-text {
    line-height: 1.6;
}

.usercentrics-button.layout-1 .uc-nav-tabs .uc-nav-link {
    height: auto !important;
}

.usercentrics-button.layout-1 #uc-corner-modal.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header .uc-card-header-info {
    margin-bottom: 20px;
}

#usercentrics-button.layout-1 #uc-corner-modal .uc-card-body .uc-consent-group .uc-concent-icons-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
}

@media screen and (max-width: 768px) {
    #usercentrics-button.layout-1 #uc-corner-modal .uc-card-body .uc-consent-group .uc-concent-icons-div {
        justify-content: flex-end;
    }
}

.contact-detail a svg {
    fill: #5d666c;
}
.contact-detail .contact-social {
    display: flex;
}
.contact-detail .contact-social a {
    width: 30px;
    height: 21px;
    display: flex;
    justify-content: center;
}

.btn {
	display: inline-block;
	color: #fff !important;
	border-radius: 6px;
	background-color: var(--page-color);
	font-size: 22px;
	padding: 16px 50px;
	transition: all 300ms ease-in-out !important;
	margin: 30px 0;
	text-decoration: none;
}

@media (hover: hover) {
	.btn:hover {
		background-color: #505A61;
	}
}

body.careers .video-element {
	background: var(--page-color) !important;
}

body.careers .flowplayer {
	background-color: var(--page-color) !important;
}

.grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 16px;
	margin: 20px 0;
}

@media (max-width: 768px) {
	.grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width: 540px) {
	.grid {
		grid-template-columns: 1fr;
	}

	.icon-teaser {
		flex-direction: column;
		text-align: center;
		gap: 30px;
	}

	.icon-teaser__icon {
		flex: 0 0 auto;
	}

	.icon-teaser ul {
		text-align: left;
	}
}


.list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 20px 0;
}


.icon-tile {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: 18px;
	padding: 40px 30px;
	line-height: 1.2;
}

.icon-tile__text,
section.content.background-dark .icon-tile__text p,
section.content.background-dark .icon-tile__text ul,
section.content.background-dark .icon-tile__text li,
section.content.background-dark .icon-list p.icon-teaser__text {
	color: var(--color-text);
}

.icon-tile__icon {
	margin-bottom: 26px;
	height: 75px;
}

.icon-tile__icon svg {
	height: 100%;
	width: auto;
}
.icon-teaser__icon svg path,
.icon-tile__icon svg path {
	fill: #424D57;
}

body.careers .icon-teaser__icon svg path,
body.careers .icon-tile__icon svg path {
	fill: var(--page-color);
}


.icon-teaser {
	background-color: #fff;
	padding: 35px 50px;
	gap: 46px;
	display: flex;
	align-items: center;
}

.icon-teaser__icon {
	width: 140px;
	flex: 0 0 140px;
	text-align: center;
}

.icon-teaser__title {
	color: var(--page-color);
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}

.icon-teaser__text {
	font-size: 18px;
	color: var(--color-text);
	line-height: 1.5;
	margin: 0;
}

.steps {
	counter-reset: steps;
	list-style: none;
	padding: 0;
}

@media (max-width: 768px) {
	.steps {
		padding: 0 20px;
	}
	.step__title {
		word-wrap: break-word;
		hyphens: auto;
	}
}

li.step {
	position: relative;
	padding-left: 100px;
	margin-bottom: 60px;
}

.step__title {
	font-size: 26px;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 12px;
}

.step__text {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 0;
}

li.step::before {
	content: counter(steps);
	counter-increment: steps;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 54px;
	border: 3px solid currentColor;
	border-radius: 99px;
	width: 74px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
}

li.step:not(:last-child)::after {
	content: '';
	width: 3px;
	height: calc(100% - 14px);
	background-color: currentColor;
	position: absolute;
	top: 74px;
	left: 37px;

}

.background-dynamic {
	background-color: var(--color-lightgrey);
}

body.careers .background-dynamic {
	background-color: var(--page-color);
	color: #fff;
}

body.careers .background-dynamic .headlinestyle {
	color: #fff;
}

body.careers .background-dynamic a, body.careers .background-dynamic a:hover, body.careers .background-dynamic a:link, body.careers .background-dynamic a:visited {
	color: #424d56;
}

body.careers .background-dynamic .btn {
	background-color: #fff;
	color: #505A61 !important;
}

.job-tile {
	background-color: var(--page-color);
	color: #fff !important;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.job-tile__title {
	margin: 0 0 40px 0;
	word-break: break-word;
	hyphens: auto;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
}

.job-tile__download {
	font-size: 18px;
}
.job-tile__download svg {
	height: 1.4ch;
	width: auto;
	margin-left: 0.5ch;
}

.testimonial-slideshow {
	padding: 60px 35px;
	max-height: none !important;
}

.testimonial-slide {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 54px;
	height: auto !important;
}

.testimonial-slide__img {
	height: auto !important;
	width: 100%;

}

@media screen and (max-width: 980px) {

	.testimonial-slide__img {
		position:  relative !important;

	}
}

.testimonial-slide__img img {
	width: 100%;
	aspect-ratio: 0.8;
	object-fit: cover;
}

.testimonial-slide__text {
	margin-top: 0;
	font-size: 28px;
	line-height: 1.5;
}

.testimonial-slide__caption {
	font-size: 20px;
}

.testimonial-slide__button {
	width: fit-content;
	align-self: flex-end;
}

.testimonial-slideshow .slideshow {
	margin: 20px 0;
	height: auto !important;
	display: flex;
}

.testimonial-slideshow .bx-viewport {
	height: auto !important;
}

@media screen and (min-width: 980px) {
	.testimonial-slideshow .bx-viewport {
		height: auto !important;
	}
	.testimonials-section.testimonial-slideshow .bx-viewport {
		height: auto !important;
	}
}

.testimonial-slideshow .bx-pager {
	display: flex;
	justify-content: center;
	gap: 6px;
}

.testimonials-section.testimonial-slideshow .bx-pager a {
	display: block;
	background: #fff;
	border-radius: 99px;
	opacity: 0.5;
	width: 9px;
	height: 9px;
	text-indent: -9999px;
	cursor: pointer;
}
.testimonials-section.testimonial-slideshow .bx-pager a.active {
	opacity: 1;
}

@media (max-width: 768px) {
	.testimonial-slide {
		grid-template-columns: 1fr;
		grid-template-rows: min-content 1fr;
		gap: 30px;
	}
	.testimonial-slide__button {
		align-self: flex-start;
	}
	.testimonial-slide__text {
		font-size: 22px;
	}
	.testimonial-slide__img {
		display: flex;
	}
	.testimonial-slide__img img,
	.testimonial-slide__img {
		aspect-ratio: 1.2;
	}
	.testimonial-slide__caption {
		font-size: 16px;
	}
}

.seal-grid {
	padding: 0 30px;
}

.seal-tile {
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.seal-tile img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.testimonial-slide__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.email-repeat {
	display: none;
}

/* Eyable Adjustments */

#nachrichten .bx-viewport,
#nachrichten .bx-viewport a,
#nachrichten .bx-viewport article {
    height: auto !important;
}

#nachrichten .bxslider {
    display: flex;
}

section#nachrichten article h2, section#upcomingevents article h2 {
    word-break: break-word;
    hyphens: auto;
    line-height: 1.1;
}

#upcomingevents .bx-viewport,
#upcomingevents .bx-viewport a,
#upcomingevents .bx-viewport article {
    height: auto !important;
}

#upcomingevents .bx-wrapper,
#nachrichten .bx-wrapper {
    max-width: 100% !important;
}

#upcomingevents .bxslider {
    display: flex;
}

section#upcomingevents article .location {
    background-color: transparent !important;
}

section#upcomingevents article:has(.event-slide-top) .location {
    position: relative;
}
section#upcomingevents article:has(.event-slide-text) .inner a {
    gap: 30px;
}

section#upcomingevents article .logo,
section#upcomingevents article .inner a {
    position: relative;
    bottom: 0;
}

section#upcomingevents article .inner a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100% !important;
    box-sizing: border-box;
}

section#upcomingevents article .inner {
    padding: 0;
}

section#upcomingevents article .logo {
    left: auto;
    right: auto;
    margin-top: 50px;
}

section#upcomingevents article .inner,
section#nachrichten article .inner {
    height: 100%;
    transition: background 300ms ease-in-out;
}

section#nachrichten article .date,
section#upcomingevents article .date {
    line-height: 1.25;
}

section#nachrichten article,
section#upcomingevents article {
    padding-top: 0;
    width: calc(930px / 3) !important;
}

@media (max-width: 980px) {
    section#nachrichten article,
    section#upcomingevents article {
        width: calc(50vw - 10px) !important;
    }
}
@media (max-width:768px) {
    section#nachrichten article,
    section#upcomingevents article {
        width: calc(100vw - 10px) !important;
    }
}

.teaser {
    word-break: break-word;
    hyphens: auto;
    background-repeat: no-repeat;
}

.teaser > .inner {
    min-height: 134px;
    height: auto;
}

a.icon-multimedia_link,
.og-grid-hover-title {
    line-height: 1.2;
}

@media screen and (min-width: 768px) {
    section#nachrichten article .inner:has(a:hover), section#upcomingevents article .inner:has(a:hover) {
        background: #424D56;
    }
     section#upcomingevents article a:hover {
        background: transparent !important;
     }
}

.content.header {
    height: auto;
    min-height: 260px;
}

@media screen and (max-width: 768px) {
    .content.header {
        height: auto;
        min-height: 100px;
    }
}

#veranstaltungen .filter-content > .inner .entry .left .desc,
#veranstaltungen .filter-content > .inner .entry .left .meta,
#veranstaltungen .filter-content > .inner .entry .left .trade-visitors {
    line-height: 1.2 !important;
}

.detailview .content {
    line-height: 1.3;
}

#ui-datepicker-div {
    width: auto !important;
}

.gruga-ordertickets {
    min-height: 154px;
    height: auto;
}

.legende .col1, .legende .col2 {
    width: auto;
    min-width: 200px;
    max-width: 50%;
}

@media screen and (min-width: 768px) {
    #veranstaltungen .filter-sidebar .box.main-filter div.inner input {
            width: 10ch;
            min-width: 83px;
            max-width: 100%;
    }
    .contact-detail > p > a, .contact-detail span, .contact.col .inner h2 {
        padding-right: 80px;
        max-width: 270;
    }
}

.cols .contact.col .inner {
    line-height: 1.6 !important;
}

.text-teaser {
    line-height: 1.3;
}

@media screen and (min-width: 980px) {
    body {
        line-height: 1.5;
    }
    #header, .bauphasen-wrapper .bx-controls-direction  {
        line-height: 36px;
    }
}

.download-entry .download-text h2 {
    line-height: 1.25;
}

.link-entry article .inner .link-desc {
    word-break: break-word;
    hyphens: auto;
}

.tablestyle td, .tablestyle th {
    line-height: 1.25;
}

.event-slide-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.buildsteps .step .label {
    top: -2.8ch;
}

.slider-bauphase .bx-viewport,
.bauphasen-wrapper .bx-viewport {
    height: auto !important;
}

.slider-bauphase .bx-viewport .slide[aria-hidden="false"] {
	position: relative !important;
}

.slider-bauphase .bx-viewport .slide {
    top: 0;
}

@media screen and (max-width: 768px) {
    .slider-bauphase .bx-viewport {
        padding-bottom: 30px;
    }
}

section.content .news-filter ul li label {
    position: relative;
    padding: 0 0 0 8px;
    line-height: 1.3 !important;
}

section.content a.news-entry, section.content div.press-entry {
    line-height: 1.33;
}

.contact.col .inner h3 {
    word-break: break-word;
    hyphens: auto;
}

.kontaktform input[type="text"], .kontaktform textarea {
    height: auto;
    min-height: 30px;
}

.content .select-wrapper .select {
    height: auto;
    line-height: 1.3;
    min-height: 26px;
    font-size: inherit;
}

.kontaktform {
    font-size: 20px;
}

.kontaktform .select-wrapper {
    font-size: inherit;
}

.grid .icon-tile {
    word-break: break-word;
    hyphens: auto;
}