@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:700");
@import url("https://fonts.googleapis.com/css?family=Oswald");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

ol, ul {
  list-style: none; }

a img, a {
  border: none;
  outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

.clfix::before, .social-media-bar ul::before,
.clfix::after,
.social-media-bar ul::after {
  content: " ";
  display: table; }


.clfix::after,
.social-media-bar ul::after {
  clear: both; }

input:focus, input:active, textarea:focus, textarea:active {
  outline: none; }

:invalid {
  box-shadow: none; }

:-moz-submit-invalid {
  box-shadow: none; }

:-moz-ui-invalid {
  box-shadow: none; }

fieldset {
  border: none; }

@font-face {
  font-family: 'ChunkFive';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff"), url() format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneySans-HeavyItalic';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'URW-Medium';
  src: url();
  src: url() format("opentype");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'LubalinGraphStd-Medium';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'noto_sansbold';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'noto_sansbold_italic';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'noto_sansregular';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'noto_sansitalic';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'Gnuolane-reg';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype");
  font-weight: normal;
  font-style: normal; }  
 
/*
@font-face {
  font-family: 'days_one';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype");
  font-weight: normal;
  font-style: normal; } 
  
@font-face {
    font-family: 'varela_roundregular';
    src: url('fonts/varelaround-regular-webfont');
    src: url('fonts/varelaround-regular-webfont') format('embedded-opentype'),
    url('fonts/varelaround-regular-webfont2') format('woff2'),
    url('fonts/varelaround-regular-webfont') format('woff'),
    url('fonts/varelaround-regular-webfont') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
  font-family: 'robot_slab_bold';
  font-style: normal;
  font-weight: normal;
  src: url();
  src: local("Roboto Slab Bold"), local("RobotoSlab_Bold"), url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype"); }

@font-face {
  font-family: 'Flama-Semibold';
  font-style: normal;
  font-weight: normal;
  src: url("");
  src: local("Flama-Semibold"), local("Flama-Semibold"),
  url("?#iefix") format("embedded-opentype"),
  url("") format("woff2"),
  url("") format("woff"); }
  
@font-face {
  font-family: 'Prompt-BlackItalic';
  src: url();
  src: url() format("truetype");
  font-weight: normal;
  font-style: normal; }
  
  .application h1, .application h2, .application h3, .application h4 {
    font-weight: 700; }
body, input, button, textarea, select {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  font-family: noto_sansregular, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22px;
  line-height: 1.375rem; }
  @media all and (min-width: 800px) {
    body, input, button, textarea, select {
      font-size: 16px;
      font-size: 1rem;
      line-height: 25px;
      line-height: 1.5625rem; } }

button {
  font-family: noto_sansregular, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem; }
  @media all and (min-width: 800px) {
    button {
      font-size: 16px;
      font-size: 1rem;
      line-height: 25px;
      line-height: 1.5625rem; } }

.btn {
  font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  .btn.small {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16px;
    line-height: 1rem; }
  .btn.medium {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 18px;
    line-height: 1.125rem; }
  .btn.large {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 18px;
    line-height: 1.125rem; }
  @media all and (min-width: 1025px) {
    .btn.medium {
      font-size: 16px;
      font-size: 1rem;
      line-height: 20px;
      line-height: 1.25rem; }
    .btn.large {
      font-size: 16px;
      font-size: 1rem;
      line-height: 20px;
      line-height: 1.25rem; } }

.hl_1, .hl_2, .hl_3, .hl_4 {
  font-family: , Arial, Helvetica, sans-serif;
  font-weight: 400; }

.hl_1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 45px;
  line-height: 2.8125rem;
  font-family: , Arial, Helvetica, sans-serif; }
  @media all and (min-width: 800px) {
    .hl_1 {
      font-size: 64px;
      font-size: 4rem;
      line-height: 70px;
      line-height: 4.375rem; } }

h2, .hl_2 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 35px;
  line-height: 2.1875rem;
  font-family: , Arial, Helvetica, sans-serif; }
  @media all and (min-width: 800px) {
    h2, .hl_2 {
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 40px;
      line-height: 2.5rem; } }

h3, .hl_3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-family: , Arial, Helvetica, sans-serif; }

.hl_3_regular {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem; }

.hl_4 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
  font-family: , Arial, Helvetica, sans-serif; }

.hl_4_regular {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem; }

.hl_5 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem; }

.hl_small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-family: noto_sansbold, Arial, Helvetica, sans-serif; }

small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem; }

@media all and (min-width: 1025px) {
  .subnav .level-2 > a, .subnav .level-2 .linktitle {
    font-family: , Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 25px;
    line-height: 1.5625rem;
    font-weight: 700; }
  .subnav .level-2 ul a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansregular, Arial, Helvetica, sans-serif; } }

strong {
  font-family: noto_sansbold, Arial, Helvetica, sans-serif;
  font-weight: 400; }

.link_thin_ul {
  font-family: noto_sansregular, Arial, Helvetica, sans-serif;
  text-decoration: underline; }

.link_ul {
  text-decoration: underline; }
  
.lead {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-family: noto_sansregular, Arial, Helvetica, sans-serif; }

body {
  background: #333333;
  color: #333333; }

.main, footer {
  background: #ffffff; }

.corporateback, .dark .corporateback, .cmodul .corporateback, .form-block .styled-select .corporateback {
  background: ;
  color: #ffffff; }
  .corporateback a, .dark .corporateback a, .cmodul .corporateback a, .form-block .styled-select .corporateback a {
    color: #ffffff; }
  .corporateback.dark, .dark .corporateback.dark, .cmodul .corporateback.dark, .form-block .styled-select .corporateback.dark {
    color: #333333; }
    .corporateback.dark a, .dark .corporateback.dark a, .cmodul .corporateback.dark a, .form-block .styled-select .corporateback.dark a {
      color: #333333; }

.darkback {
  background: #333333;
  color: #ffffff; }
  .darkback a {
    color: #ffffff; }

.lightback {
  background: #ffffff;
  color: #333333; }
  .lightback a {
    color: #333333; }

.calchexback.light, .calchexpseudoback.light {
  color: #ffffff; }

.calchexback.dark, .calchexpseudoback.dark {
  color: #333333; }

.corporatecolor {
  color: ; }

.invertedback {
  background: #e6e6e6; }

.coporatettop {
  border-top: 10px solid ; }

/*
@mixin gradient {
	background: $gradientred_start;
	background: -moz-linear-gradient(top, $gradientred_start 0%, $gradientred_end 100%);
	background: -webkit-linear-gradient(top, $gradientred_start 0%,$gradientred_end 100%);
	background: linear-gradient(to bottom, $gradientred_start 0%,$gradientred_end 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradientred_start', endColorstr='$gradientred_end',GradientType=0 );
	color:$light;
}
.inverted {
  color:$red;
}
.copyright {
  color:$darkgrey;
}
.marked {
  color:$darkred;
}
*/
.cmodul a {
  color: #333333; }

/* border-radius */
box-shadow-small {
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }

/*
.mobileonly {
	display:block!important;
	@include breakpoint(pad) {
		display:none!important;
	}
}
.desktoponly {
	display:none;
	@include breakpoint(desktop) {
		display:block;
	}
}
.padonly {
	display:none;
	@include breakpoint(pad) {
		display:block;
	}
}
.center {
	text-align:center;
}
.vcenter {
	display:table-cell;
	vertical-align:middle;
}
.hidden{
	display: none!important;
}

:focus {
	outline: 0;
}

body {-webkit-overflow-scrolling: none;}

.fixed {
	position: fixed;
	width: 100%;
}
p {
	margin:0;
	padding-bottom:10px;
}

.preview_seperator {
	color:$darkred;
	font-weight:bold;
	background:$border;
	padding:10px;
	margin:40px 0 20px;
}
.right {
	float:right;
}
.left {
	float:left;
}
.margbottom {
	margin-bottom:10px;
}
*/
@media all and (min-width: 1025px) {
  .desktophidden {
    display: none !important; } }

@media all and (max-width: 1024px) {
  .desktoponly {
    display: none !important; } }

@media all and (min-width: 641px) {
  .padhidden {
    display: none !important; } }

@media all and (max-width: 799px) {
  .padwidehidden {
    display: none !important; } }

@media all and (max-width: 640px) {
  .mobilehidden {
    display: none !important; } }

.center {
  text-align: center; }

.right {
  float: right; }

.alignright {
  text-align: right; }

.left {
  float: left; }

/*
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #7f7f7f;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background: #7f7f7f;
}
::-webkit-scrollbar-thumb:active {
    background: #333333;
}
::-webkit-scrollbar-track {
    background: #ffffff;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: #ffffff;
}
::-webkit-scrollbar-track:active {
    background: #ffffff;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
*/
.no_touch_only, .touch_only {
  display: none !important; }

.no-touch .no_touch_only {
  display: block !important; }

.touch .touch_only {
  display: block !important; }

.mblupc {
  text-transform: uppercase; }
  @media all and (min-width: 641px) {
    .mblupc {
      text-transform: none; } }

.rightalign {
  text-align: right; }
  
.display-block { 
	display: block;
}

.printhead {
  display: none; }

section.addholder, section.overadd {
  position: relative;
  z-index: 2; }

section.overadd {
  z-index: 3; }

img[src$=".gif"], img[src$=".png"], img[src$=".jpg"] {
  image-rendering: auto; }

body, html {
  overflow-x: hidden;
  overflow-y: auto; }

@media all and (max-width: 1024px) {
  html.menu-open,
  html.menu-open body {
    overflow-y: hidden;
    position: relative;
    height: 100%; } }

header, .main, footer {
  min-width: 320px;
  margin: 0 auto; }

.main {
  position: relative;
  z-index: 9;
  /*
  overflow-x: hidden;
  overflow-y: auto;
  */ }

.grid-wrapper {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  margin: 0 auto; }
  .grid-wrapper .gw-inner {
    position: relative; }
  @media all and (min-width: 641px) {
    .grid-wrapper {
      padding-left: 30px;
      padding-right: 30px; } }
  @media all and (min-width: 1025px) {
    .grid-wrapper.gr_8 .gw-inner {
      padding-left: 17%;
      padding-right: 17%; } }
  @media all and (min-width: 1201px) {
    .grid-wrapper {
      padding-left: 55px;
      padding-right: 55px; } }
  @media all and (min-width: 1475px) {
    .grid-wrapper {
      padding: 0 calc((100% - 1365px) / 2); } }

.accordion .content .grid-wrapper {
  padding-left: 0;
  padding-right: 0; }

.cmodul {
  padding-top: 14px;
  padding-bottom: 0; }
  .cmodul:first-child .gw-inner > .hl_2 {
    padding-top: 34px; }
  .cmodul:first-child .gw-inner > .overline_hl + .hl_2 {
    padding-top: 0; }
  @media all and (min-width: 1025px) {
    .cmodul {
      margin-right: 340px; }
      .cmodul .grid-wrapper {
        margin: 0 auto; }
        .cmodul .grid-wrapper .gw-inner {
          max-width: 730px;
          min-width: 630px;
          margin: 0 auto; }
      .cmodul.wide {
        margin-right: 0; }
        .cmodul.wide .gw-inner {
          max-width: 1045px; } }
  @media all and (min-width: 1201px) {
    .cmodul {
      margin-right: 365px; } }
      
.content.pl-content-marginal .pl-columns {
  padding-top: 10px; }
  @media all and (min-width: 1025px) {
    .content.pl-content-marginal .pl-columns {
      display: flex;
      justify-content: space-between;
      align-items: stretch; } }
	content.pl-content-marginal .pl-columns .pl-content {
	    margin-bottom: 40px; }
	    @media all and (min-width: 1025px) {
	      .content.pl-content-marginal .pl-columns .pl-content {
	        margin-bottom: 0;
	        flex-grow: 0;
	        flex-shrink: 0;
	        flex-basis: calc(100% - (300px + 25px)); } }
	    @media all and (min-width: 1201px) {
	      .content.pl-content-marginal .pl-columns .pl-content {
	        flex-basis: calc(100% - (340px + 25px)); } }
	    .content.pl-content-marginal .pl-columns .pl-content .cmodul {
	      margin-right: 0; }
	    .content.pl-content-marginal .pl-columns .pl-content .grid-wrapper {
	      margin: 0;
	      padding-left: 0;
	      padding-right: 0; }
	    .content.pl-content-marginal .pl-columns .pl-content .gw-inner {
	      min-width: 0;
	      max-width: none;
	      margin: 0;
	      padding: 0; }
	    .content.pl-content-marginal .pl-columns .pl-content .teaser-holder {
	      padding-top: 0; }
	    .content.pl-content-marginal .pl-columns .pl-content .teaser-row {
	      padding: 0; }
	    .content.pl-content-marginal .pl-columns .pl-content .t-inner {
	      padding-left: 0;
	      padding-right: 0; }
	      .content.pl-content-marginal .pl-columns .pl-content .t-inner .copy {
	        padding-left: 0;
	        padding-right: 0; }
	  @media all and (min-width: 1025px) {
	    .content.pl-content-marginal .pl-columns .pl-aside {
	      flex: 0 0 300px; } }
	  @media all and (min-width: 1201px) {
	    .content.pl-content-marginal .pl-columns .pl-aside {
	      flex: 0 0 340px; } }
      
.ico.lang {
  padding-left: 26px;
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_language_darkgrey.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px; }

.ico.login {
  padding-left: 26px;
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_login_darkgrey.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px; }
  
.ico.loginCDC {
  padding-left: 26px;
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_login_darkgrey.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px; }

.ico.search {
  padding-left: 26px;
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_search_darkgrey.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px; }

.ico.contact {
  padding-left: 26px;
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_contact_darkgrey.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px; }
  
.ico.cart {
  padding-left: 26px;
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_shopping_cart.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px; }

.darkback .ico.lang, .corporate .ico.lang, .darkalpha .ico.lang {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_language_white.svg);
  background-position: left center; }

.darkback .ico.login, .corporate .ico.login, .darkalpha .ico.login {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_login_white.svg); }

.darkback .ico.search, .corporate .ico.search, .darkalpha .ico.search {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_search_white.svg); }

.darkback .ico.contact, .corporate .ico.contact, .darkalpha .ico.contact {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_contact_white.svg); }

.darkback.dark .ico.lang, .corporate.dark .ico.lang, .darkalpha.dark .ico.lang {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_language_dark.svg); }

.darkback.dark .ico.login, .corporate.dark .ico.login, .darkalpha.dark .ico.login {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_login_dark.png); }

.darkback.dark .ico.search, .corporate.dark .ico.search, .darkalpha.dark .ico.search {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_search_dark.png); }

.darkback.dark .ico.contact, .corporate.dark .ico.contact, .darkalpha.dark .ico.contact {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_contact_dark.png); }
  
.darkback.dark .ico.cart, .corporate.dark .ico.cart, .darkalpha.dark .ico.cart {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_shopping_cart_white.svg); }

@media all and (max-width: 1024px) {
  nav li.hassub, nav li.level-2.desktophidden {
    padding-left: 25px;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left center no-repeat;
    background-size: 12px 10px; }
    .darkback nav li.hassub, .darkback nav li.level-2.desktophidden {
      background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg); } }

@media all and (max-width: 1024px) {
  nav .subnav li.goback span {
    padding-left: 25px;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_light.svg) left center no-repeat;
    background-size: 15px 12px; }
  nav .subnav li.goback.dark span {
    background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_dark.svg); }
  nav .subnav li[class="level-2"],
  nav .subnav li .subnav-container li:not([class]) {
    padding-left: 25px;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_down_right_dark.svg) 25px center no-repeat;
    background-size: 12px 10px; }
    .darkback nav .subnav li[class="level-2"], .darkback
    nav .subnav li .subnav-container li:not([class]) {
      background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_down_right_light.svg); }
  nav .subnav li:not(.desktophidden) {
    background-position: 25px; }
    nav .subnav li:not(.desktophidden) > a {
      margin-left: 25px;
      font-size: 14px;
      font-size: 0.875rem; }
  nav .subnav li.navmodul {
    padding: 0; } }

@media all and (min-width: 1025px) {
  nav .subnav li.level-2:not(.navmodul) {
    padding-left: 35px;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) 10px 42px no-repeat;
    background-size: 15px 12px; }
    .darkback nav .subnav li.level-2:not(.navmodul) {
      background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg); }
    nav .subnav li.level-2:not(.navmodul) > a {
      text-align: left; }
    nav .subnav li.level-2:not(.navmodul) li {
      padding-left: 25px;
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_down_right_dark.svg) left 13px no-repeat;
      background-size: 15px 12px; }
      .darkback nav .subnav li.level-2:not(.navmodul) li {
        background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_down_right_light.svg); } }

.reset {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_reset_h16.svg) left center no-repeat;
  padding-left: 25px;
  background-size: 16px 16px; }
  
.light .reset, .reset.light {
    background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_reset_h16_light.svg); }

.slidetoggle:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 10px;
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg) 0 bottom no-repeat;
  background-size: 12px 7px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: 10px; }
  
.light .slidetoggle:before, .slidetoggle.light:before {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg); }

.slidetoggle.active:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-position: 0 0; }

.slidetoggle.secondarylink {
  padding-left: 0; }

.ico_attention {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_attention_h30.svg) 0 0 no-repeat;
  background-size: 31px 30px;
  padding-left: 50px; }
  @media all and (min-width: 800px) {
    .ico_attention {
      background-position: 0 3px; } }

/* style rss-Icon */
.ico_rss {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/rss.svg);
  background-size: 36px 36px; }

.social-media-bar [class^="ico"] {
  background-position: top center;
  background-repeat: no-repeat; }

.social-media-bar .ico_fb {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_facebook_small_light.svg);
  background-size: 15px 30px; }

.social-media-bar .ico_instgr {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_instagram_small_light.svg);
  background-size: 30px 30px; }

.social-media-bar .ico_twitter {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_twitter_small_light.svg);
  background-size: 36px 30px; }

.social-media-bar .ico_blog {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_blog_smal_lightl.svg);
  background-size: 30px 30px; }

.social-media-bar .ico_xing {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_xing_small_light.svg);
  background-size: 26px 30px; }

.social-media-bar .ico_linkedin {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_linkedin_small_light.svg);
  background-size: 32px 30px; }

.social-media-bar .ico_social_more {
  padding-top: 35px;
  position: relative; }
  .social-media-bar .ico_social_more:before {
    content: "";
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg) center center no-repeat;
    background-size: 12px 7px;
    width: 26px;
    height: 26px;
    border: 2px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -15px; }
  .social-media-bar .ico_social_more.open:before {
    transform: rotate(180deg); }

.social-media-bar.dark .ico_fb {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_facebook_small.svg); }

.social-media-bar.dark .ico_instgr {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_instagram_small.svg); }

.social-media-bar.dark .ico_twitter {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_twitter_small.svg); }

.social-media-bar.dark .ico_blog {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_blog_small.svg); }

.social-media-bar.dark .ico_xing {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_xing_small.svg);
  background-size: 26px 30px; }

.social-media-bar.dark .ico_linkedin {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_linkedin_small.svg);
  background-size: 32px 30px; }

.social-media-bar.dark .ico_social_more:before {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg) center center no-repeat;
  background-size: 12px 7px;
  border: 2px solid #333333; }

.tooltip_social a {
  background-position: center center;
  background-repeat: no-repeat; }

.tooltip_social .ico_fb {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_facebook_small_blue.svg);
  background-size: 11px 21px; }

.tooltip_social .ico_twitter {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_twitter_small_blue.svg);
  background-size: 26px 21px; }

.tooltip_social .ico_google {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_google_plus_red.svg);
  background-size: 21px 20px; }

.breadcrumb li {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_right_h12.svg) right 3px no-repeat;
  background-size: 7px 12px; }

.social-media-wall [class^="ico"] {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.social-media-wall .ico_fb {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_facebook_small_light.svg) center center no-repeat #808080;
  background-size: 11px 23px; }

.social-media-wall .ico_instgr {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_instagram_small_light.svg) center center no-repeat #808080;
  background-size: 25px 25px; }

.social-media-wall .ico_twitter {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_twitter_small_light.svg) center center no-repeat #808080;
  background-size: 20px 17px; }

.social-media-wall .ico_youtube {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_youtube_small_light.svg) center center no-repeat #808080;
  background-size: 22px 23px; }

.social-media-wall .social .ico_fb {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_facebook_small.svg) center center no-repeat;
  background-size: 10px 21px; }

.social-media-wall .social .ico_instgr {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_instagram_small.svg) center center no-repeat;
  background-size: 21px 21px; }

.social-media-wall .social .ico_twitter {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_twitter_small.svg) center center no-repeat;
  background-size: 25px 19px; }

.social-media-wall .social .ico_pin {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_pinterest_small.svg) center center no-repeat;
  background-size: 17px 21px; }

.social-media-wall .social .ico_flickr {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_flickr_small.svg) center center no-repeat;
  background-size: 25px 11px; }

.social-media-wall .social .ico_xing {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_xing_small.svg) center center no-repeat;
  background-size: 18px 21px; }

.social-media-wall .social .ico_linkedin {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_linkedin_small.svg) center center no-repeat;
  background-size: 18px 17px; }

.social-media-wall .social .ico_whatsapp {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_linkedin_small.svg) center center no-repeat;
  background-size: 18px 17px; }

.ico_memlist {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_star_outline_h18.svg) left center no-repeat;
  background-size: 18px 18px; }

.ico_contactperson {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_counterpart_h18.svg) left center no-repeat;
  background-size: 18px 18px; }

.accordion .acctoggle:after {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg) 0 0 no-repeat;
  background-size: 12px 7px; }
   .dark .accordion .acctoggle:after {
    background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg); }

.mfp-close:before {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_h18.svg) center center no-repeat;
  background-size: 17px 17px; }

.mfp-image-holder .mfp-close:before {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_h18_grey.svg) center center no-repeat;
  background-size: 19px 19px; }

.styled_select .toggle:after {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg) 0 0 no-repeat;
  background-size: 12px 7px; }

.styled_select .toggle.corporateback:after {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg) 0 0 no-repeat;
  background-size: 12px 7px; }

.styled_select .toggle.corporateback.dark:after {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg) 0 0 no-repeat;
  background-size: 12px 7px; }

footer .nlform .select {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg) 95% center no-repeat #262626;
  background-size: 12px 7px; }

.marker i {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='icon-star-outline__H18' fill='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E %3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,23.96)'%3E %3Cg transform='scale(0.1)'%3E %3Cpath class='color' d='M67.5,77.3c1,0,1.9-0.2,2.8-0.6l31-12.7l-3.8,32.4c-0.2,1.9,0.3,3.8,1.5,5.4l16,21.3l-27.3,7.8c-1.7,0.5-3.2,1.6-4.2,3.1l-16,24.6l-16-24.6c-1-1.5-2.5-2.6-4.2-3.1L20,123.1l16-21.3c1.2-1.5,1.7-3.5,1.5-5.4L33.7,64l31,12.7C65.6,77.1,66.5,77.3,67.5,77.3z M110.3,44.7c-1,0-1.9,0.2-2.9,0.6L67.5,61.7L27.6,45.3c-2.5-1-5.3-0.6-7.4,1c-2.1,1.6-3.2,4.2-2.9,6.9l4.9,42.1L1.5,122.8c-1.5,2-1.9,4.6-1.1,6.9c0.8,2.3,2.7,4.1,5.1,4.8l35,10l20.7,31.9c2.8,4.3,9.8,4.3,12.6,0l20.7-31.9l35-10c2.4-0.7,4.3-2.5,5.1-4.8c0.8-2.3,0.4-4.9-1.1-6.9l-20.7-27.6l4.9-42.1c0.3-2.6-0.8-5.3-2.9-6.9C113.5,45.2,111.9,44.7,110.3,44.7'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); }

.shareholder .marker i {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='icon-star-outline__H18' fill='%23333333' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E  %3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,23.96)'%3E %3Cg transform='scale(0.1)'%3E %3Cpath class='color' d='M67.5,77.3c1,0,1.9-0.2,2.8-0.6l31-12.7l-3.8,32.4c-0.2,1.9,0.3,3.8,1.5,5.4l16,21.3l-27.3,7.8c-1.7,0.5-3.2,1.6-4.2,3.1l-16,24.6l-16-24.6c-1-1.5-2.5-2.6-4.2-3.1L20,123.1l16-21.3c1.2-1.5,1.7-3.5,1.5-5.4L33.7,64l31,12.7C65.6,77.1,66.5,77.3,67.5,77.3z M110.3,44.7c-1,0-1.9,0.2-2.9,0.6L67.5,61.7L27.6,45.3c-2.5-1-5.3-0.6-7.4,1c-2.1,1.6-3.2,4.2-2.9,6.9l4.9,42.1L1.5,122.8c-1.5,2-1.9,4.6-1.1,6.9c0.8,2.3,2.7,4.1,5.1,4.8l35,10l20.7,31.9c2.8,4.3,9.8,4.3,12.6,0l20.7-31.9l35-10c2.4-0.7,4.3-2.5,5.1-4.8c0.8-2.3,0.4-4.9-1.1-6.9l-20.7-27.6l4.9-42.1c0.3-2.6-0.8-5.3-2.9-6.9C113.5,45.2,111.9,44.7,110.3,44.7'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); }

.markeditem .marker i {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='icon-star-filled__H18' fill='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E %3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,23.96)'%3E %3Cg transform='scale(0.1)'%3E %3Cpath class='color' d='M110.3,44.7c-1,0-1.9,0.2-2.9,0.6L67.5,61.7L27.6,45.3c-2.5-1-5.3-0.6-7.4,1s-3.2,4.2-2.9,6.9l4.9,42.1L1.5,122.8c-1.5,2-1.9,4.6-1.1,6.9s2.7,4.1,5.1,4.8l35,10l20.7,31.9c2.8,4.3,9.8,4.3,12.6,0l20.7-31.9l35-10c2.4-0.7,4.3-2.5,5.1-4.8c0.8-2.3,0.4-4.9-1.1-6.9l-20.7-27.6l4.9-42.1c0.3-2.6-0.8-5.3-2.9-6.9C113.5,45.2,111.9,44.7,110.3,44.7'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  fill: ;
  background-size: 18px 18px; }

.sortblock .form-item .corporateback i {
  display: inline-block;
  margin-bottom: -3px;
  margin-right: 6px;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='icon-star-filled__H18' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E %3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,23.96)'%3E  %3Cg transform='scale(0.1)'%3E %3Cpath class='color' d='M110.3,44.7c-1,0-1.9,0.2-2.9,0.6L67.5,61.7L27.6,45.3c-2.5-1-5.3-0.6-7.4,1s-3.2,4.2-2.9,6.9l4.9,42.1L1.5,122.8c-1.5,2-1.9,4.6-1.1,6.9s2.7,4.1,5.1,4.8l35,10l20.7,31.9c2.8,4.3,9.8,4.3,12.6,0l20.7-31.9l35-10c2.4-0.7,4.3-2.5,5.1-4.8c0.8-2.3,0.4-4.9-1.1-6.9l-20.7-27.6l4.9-42.1c0.3-2.6-0.8-5.3-2.9-6.9C113.5,45.2,111.9,44.7,110.3,44.7'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); }

.sortblock .form-item .corporateback.dark i {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='icon-star-filled__H18' fill='%23333333' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E %3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,23.96)'%3E  %3Cg transform='scale(0.1)'%3E %3Cpath class='color' d='M110.3,44.7c-1,0-1.9,0.2-2.9,0.6L67.5,61.7L27.6,45.3c-2.5-1-5.3-0.6-7.4,1s-3.2,4.2-2.9,6.9l4.9,42.1L1.5,122.8c-1.5,2-1.9,4.6-1.1,6.9s2.7,4.1,5.1,4.8l35,10l20.7,31.9c2.8,4.3,9.8,4.3,12.6,0l20.7-31.9l35-10c2.4-0.7,4.3-2.5,5.1-4.8c0.8-2.3,0.4-4.9-1.1-6.9l-20.7-27.6l4.9-42.1c0.3-2.6-0.8-5.3-2.9-6.9C113.5,45.2,111.9,44.7,110.3,44.7'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); }

.slick-next {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg) left top no-repeat;
  background-size: 15px 12px;
  background-position: center center; }

.dark .slick-next, .lightback .slick-next, .greyback .slick-next, .invertedback .slick-next {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
  background-size: 15px 12px;
  background-position: center center; }

.slick-prev {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_light.svg) left top no-repeat;
  background-size: 15px 12px;
  background-position: center center; }

.dark .slick-prev, .lightback .slick-prev, .greyback .slick-prev, .invertedback .slick-prev {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_dark.svg) left top no-repeat;
  background-size: 15px 12px;
  background-position: center center; }

.link_thin_ul {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg) left top no-repeat;
  background-size: 15px 12px;
  padding-left: 25px;
  background-position: left 6px; }

.dark .link_thin_ul, .lightback .link_thin_ul {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
  background-size: 15px 12px;
  background-position: left 6px; }

.logo i {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg) left top no-repeat;
  background-size: 15px 12px; }

.lightback .logo i, .lightalpha .logo i, .corporate.dark .logo i {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
  background-size: 15px 12px; }

@media all and (max-width: 640px) {
  .stage.slider .slick-prev, .stage.slider .slick-next {
    width: 40px;
    height: 40px; }
  .stage.slider .slick-next {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) center center no-repeat #ffffff;
    background-size: 15px 12px; }
  .stage.slider .slick-prev {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_dark.svg) center center no-repeat #ffffff;
    background-size: 15px 12px; } }

.stage.slider.headline .slick-next {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) center center no-repeat #ffffff;
  background-size: 15px 12px; }

.stage.slider.headline .slick-prev {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_dark.svg) center center no-repeat #ffffff;
  background-size: 15px 12px; }

.calchexpseudoback .linkarrow:before {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg) left top no-repeat;
  background-size: 15px 12px; }

.calchexpseudoback.dark .linkarrow:before {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
  background-size: 15px 12px; }

.linkarrow span {
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: All 0.25s ease-out;
  -webkit-transition: All 0.25s ease-in-out;
  -moz-transition: All 0.25s ease-in-out;
  -o-transition: All 0.25s ease-in-out; }

.linkarrow:hover {
  text-decoration: none; }
  .linkarrow:hover span {
    border-bottom-color: currentColor; }

.btn:hover .linkarrow span {
  border-bottom-color: currentColor; }

a .cdpn {
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: All 0.25s ease-out;
  -webkit-transition: All 0.25s ease-in-out;
  -moz-transition: All 0.25s ease-in-out;
  -o-transition: All 0.25s ease-in-out; }

a:hover .cdpn {
  border-bottom-color: currentColor; }

@media all and (min-width: 1025px) {
  .subnav .close {
    width: 25px;
    height: 25px;
    position: relative;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_h18.svg) left top no-repeat;
    background-size: 25px 25px; }
  .darkback .subnav .close, .light .subnav .close {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_h18_light.svg) left top no-repeat;
    background-size: 25px 25px; } }

.bookmarklist .ico_stand {
  background-size: 18px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='icon-hall-stand__H18' fill='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E%3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,24)'%3E   %3Cg transform='scale(0.1)'%3E      %3Cpath class='color' d='M67.5,135c4.1,0,7.5,3.4,7.5,7.5c0,4.1-3.4,7.5-7.5,7.5c-4.1,0-7.5-3.4-7.5-7.5C60,138.4,63.4,135,67.5,135zM45,142.4c0-4.2,1-8.2,2.9-11.5c0.1-0.3,0.3-0.5,0.4-0.8l19.2-36.4l19.1,36.1c0.1,0.3,0.3,0.6,0.4,0.8c1.9,3.2,2.9,7.5,3,11.9c0.1,12.5-9.8,22.4-22.6,22.4c-0.1,0-0.1,0-0.2,0c-5.9,0-11.5-2.3-15.7-6.5C47.4,154.3,45,148.6,45,142.4z M34.5,124.2c-3,5.5-4.5,11.8-4.5,18.4c0.1,10.1,4,19.5,11,26.6c7,7,16.3,10.9,26.3,10.9c0.1,0,0.2,0,0.3,0c20.8-0.1,37.6-17,37.4-37.6c0-6.8-1.7-13.4-4.7-18.8c0-0.1-0.1-0.2-0.2-0.3L77.9,81.3c-2.6-4.1-6.3-6.3-10.4-6.3c0,0,0,0-0.1,0c-4.1,0-7.8,2.2-10.1,5.8l-22.7,42.9C34.6,123.9,34.5,124,34.5,124.2z M133.9,48.6c-1.4-2.2-3.8-3.6-6.4-3.6H7.5c-2.6,0-5,1.3-6.4,3.6c-1.4,2.2-1.5,5-0.3,7.3l22.5,45c1.8,3.7,6.3,5.2,10.1,3.4c3.7-1.9,5.2-6.4,3.4-10.1L19.6,60h95.7L98.3,94.1c-1.9,3.7-0.4,8.2,3.4,10.1c3.7,1.8,8.2,0.4,10.1-3.4l22.5-45C135.4,53.5,135.2,50.8,133.9,48.6'/%3E %3C/g%3E%3C/g%3E%3C/svg%3E"); }

.bookmarklist .ico_delete {
  background-size: 18px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='icon-delete__H18' fill='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E%3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,24)'%3E%3Cg transform='scale(0.1)'%3E%3Cpath class='color' d='M105,68.1c-0.3-4.2-3.9-8.1-7.5-8.1h-60c-3.6,0-7.2,3.8-7.5,8.2l-6.8,74.3h88.6L105,68.1z M32.5,161.6c2.1,3.1,3.6,3.4,5,3.4h60c1.4,0,2.9-0.3,5.1-3.6l2.8-3.9H29.6L32.5,161.6z M127.5,157.5h-3.6l-8.9,12.4c-4.5,6.7-10.4,10.1-17.5,10.1h-60c-7.1,0-13-3.4-17.4-9.9l-9-12.6H7.5c-4.1,0-7.5-3.4-7.5-7.5c0-4.1,3.4-7.5,7.5-7.5h0.6L15,66.9C16,54.8,26,45,37.5,45h60C109,45,119,54.8,120,66.8l6.9,75.7h0.7c4.1,0,7.5,3.4,7.5,7.5C135,154.1,131.6,157.5,127.5,157.5'/%3E%3Cpath class='color' d='M47.2,80.9c1.5-1.5,3.4-2.2,5.3-2.2c1.9,0,3.8,0.7,5.3,2.2l9.7,9.7l9.7-9.7c1.5-1.5,3.4-2.2,5.3-2.2s3.8,0.7,5.3,2.2c2.9,2.9,2.9,7.7,0,10.6l-9.7,9.7l9.7,9.7c2.9,2.9,2.9,7.7,0,10.6c-2.9,2.9-7.7,2.9-10.6,0l-9.7-9.7l-9.7,9.7c-2.9,2.9-7.7,2.9-10.6,0c-2.9-2.9-2.9-7.7,0-10.6l9.7-9.7l-9.7-9.7C44.3,88.6,44.3,83.9,47.2,80.9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

input[type="text"].ico,
input[type="password"].ico {
  padding-left: 56px;
  background-size: 18px 18px;
  background-position: 18px center;
  background-repeat: no-repeat; }

input[type="text"].ico_login,
input[type="password"].ico_login {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_login_h16.svg); }

input[type="text"].ico_pass,
input[type="password"].ico_pass {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_key_h16.svg); }

input[type="text"].ico_search,
input[type="password"].ico_search {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_search_darkgrey.svg); }

.sico {
  background-size: 18px 18px;
  background-position: left 2px;
  background-repeat: no-repeat;
  padding-left: 28px;
  display: inline-block;
  min-height: 20px; }

.ico_address {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_address_h18.svg); }

.ico_addressbook {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_address_book_h18.svg); }

.ico_attention_small {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_attention_h18.svg); }

.ico_bookmark {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_bookmark_h18.svg); }

.ico_bookmark_star {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_bookmark_star_h18.svg); }

.ico_calendar {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_calendar_h18.svg);
  background-size: 20px 20px; }

.light .ico_calendar {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_calendar_h18_light.svg); }

.ico_clipboard {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_clipboard_h18.svg); }

.ico_counterpart {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_counterpart_h18.svg); }

.ico_delete {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_delete_h18.svg); }

.ico_download {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_download_h18.svg); }

.ico_edit {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_edit_h18.svg); }

.ico_email {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_email_h18.svg); }

.ico_escalator_down {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_escalator_down_h18.svg); }

.ico_escalator_up {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_escalator_up_h18.svg); }

.ico_event {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_event_h18.svg); }

.ico_event_type {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_event_type_h18.svg); }

.ico_exit {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_h18.svg); }

.ico_exit_left {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_left_h18.svg); }

.ico_exit_right {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_right_h18.svg); }

.ico_fax {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_fax_h18.svg); }

.ico_hall_stand {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_hall_stand_h18.svg); }

.ico_home {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_home_h18.svg); }

.ico_info {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_info_h18.svg); }

.ico_letter_a {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_letter_a_h18.svg); }

.ico_letter_b {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_letter_b_h18.svg); }

.ico_letter_c {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_letter_c_h18.svg); }

.ico_letter_d {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_letter_d_h18.svg); }

.ico_library {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_library_h18.svg); }

.ico_link_chain {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_link_h18.svg); 
  background-size: 15px 12px; }

.ico_link_back {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_dark.svg);
  background-size: 15px 12px; }

.ico_list {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_list_h18.svg); }

.ico_location {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_location_h18.svg); }

.ico_matchmaking {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_matchmaking_h18.svg); }

.ico_people {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_people_h18.svg); }

.ico_phone {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_phone_h18.svg); }

.ico_print {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_print_h18.svg);
  background-size: 20px 20px; }

.ico_settings {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_settings_h18.svg); }

.ico_share {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_share_h18.svg); }

.ico_share_light {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_share_h18_light.svg); }


.ico_special_cont {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_special_content_h18.svg); }

.ico_star_filled {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_star_filled_h18.svg); }

.ico_star_outline {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_star_outline_h18.svg); }

.ico_topic_area {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_topic_area_h18.svg); }

.ico_upload {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_upload_h18.svg); }

.ico_link {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg);
  background-size: 15px 12px; }

.ico_chat {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_contact_darkgrey.svg)  ;
  background-size: 19px 18px; }

.ico_placeholder {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ico_placeholder.png); }

.cta,
.btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  border: none;
  cursor: pointer;
  font-family: noto_sansbold, Arial, Helvetica, sans-serif;
  position: relative; }
  .cta:hover,
  .btn:hover {
    text-decoration: none; }
  .cta:disabled,
  .btn:disabled {
    cursor: default; }
  .cta.small,
  .btn.small {
    padding: 8px 15px; }
  .cta.medium,
  .btn.medium {
    padding: 11px 20px; }
  .cta.large,
  .btn.large {
    padding: 16px 30px; }
  .cta.full,
  .btn.full {
    width: auto;
    display: block;
    text-align: center; }
  .cta.fullpro,
  .btn.fullpro {
    width: 100%;
    text-align: center; }
  .cta.wide,
  .btn.wide {
    padding-left: 60px;
    padding-right: 60px; }
  .cta.center,
  .btn.center {
    text-align: center; }
    .cta.center.mblleft,
    .btn.center.mblleft {
      text-align: left; }
      @media all and (min-width: 641px) {
        .cta.center.mblleft,
        .btn.center.mblleft {
          text-align: center; } }
  .cta.color-primary, .cta.primary,
  .btn.color-primary,
  .btn.primary {
    background: ;
    color: #ffffff; }
    .cta.color-primary.lightback, .cta.primary.lightback,
    .btn.color-primary.lightback,
    .btn.primary.lightback {
      background: white;
      color: #333333; }
      .cta.color-primary.lightback:hover, .cta.primary.lightback:hover,
      .btn.color-primary.lightback:hover,
      .btn.primary.lightback:hover {
        background: rgba(255, 255, 255, 0.9); }
    .cta.color-primary.small, .cta.primary.small,
    .btn.color-primary.small,
    .btn.primary.small {
      padding: 10px 15px; }
    .cta.color-primary.border-primary, .cta.color-primary.medium, .cta.primary.border-primary, .cta.primary.medium,
    .btn.color-primary.border-primary,
    .btn.color-primary.medium,
    .btn.primary.border-primary,
    .btn.primary.medium {
      padding: 15px 20px; }
    .cta.color-primary.large, .cta.primary.large,
    .btn.color-primary.large,
    .btn.primary.large {
      padding: 18px 30px; }
    .cta.color-primary:hover:after, .cta.primary:hover:after,
    .btn.color-primary:hover:after,
    .btn.primary:hover:after {
      content: "";
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #ffffff;
      opacity: 0.1;
      position: absolute;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      z-index: 1; }
    .cta.color-primary.dark, .cta.primary.dark,
    .btn.color-primary.dark,
    .btn.primary.dark {
      color: #333333; }
      .cta.color-primary.dark:hover:after, .cta.primary.dark:hover:after,
      .btn.color-primary.dark:hover:after,
      .btn.primary.dark:hover:after {
        background: #000000; }
    .cta.color-primary span, .cta.primary span,
    .btn.color-primary span,
    .btn.primary span {
      position: relative;
      z-index: 2; }
  .cta.emphasize:before,
  .btn.emphasize:before {
    content: "";
    width: 15px;
    height: 12px;
    display: inline-block;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
    background-size: 15px 12px;
    position: relative;
    z-index: 2;
    margin-right: 10px; }
  .cta.emphasize.small:before,
  .btn.emphasize.small:before {
    vertical-align: -2px; }
  .cta.emphasize.primary:before,
  .btn.emphasize.primary:before {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg) left top no-repeat;
    background-size: 15px 12px; }
  .cta.emphasize.primary.dark:before, .cta.emphasize.primary.lightback:before,
  .btn.emphasize.primary.dark:before,
  .btn.emphasize.primary.lightback:before {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
    background-size: 15px 12px; }
  .cta.emphasize.extern:before,
  .btn.emphasize.extern:before {
    transform: rotate(-45deg); }
  .cta.secondary,
  .btn.secondary {
    border: 2px solid #333333;
    border-spacing: 1px;
    color: #333333;
    margin: 1px; }
    .cta.secondary:hover,
    .btn.secondary:hover {
      border-width: 3px;
      margin: 0; }
  .cta:disabled,
  .btn:disabled {
    background: #cccccc;
    color: #ffffff; }
    .cta:disabled:after,
    .btn:disabled:after {
      display: none; }
  .cta.mobilefull,
  .btn.mobilefull {
    width: 100%; }
    @media all and (min-width: 641px) {
      .cta.mobilefull,
      .btn.mobilefull {
        width: auto; } }
  @media all and (min-width: 641px) {
    .cta.padfull,
    .btn.padfull {
      width: 100%;
      text-align: center; } }

.corporateback .btn.primary {
  background: white; }
  .corporateback .btn.primary span {
    color: #333333; }
  .corporateback .btn.primary:hover {
    background: rgba(255, 255, 255, 0.9); }

.corporateback .btn.emphasize:before {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
  background-size: 15px 12px; }

.corporateback .btn.secondary {
  border-color: #ffffff;
  color: #ffffff; }
  .corporateback .btn.secondary.emphasize:before {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg) left top no-repeat;
    background-size: 15px 12px; }

.corporateback.dark .btn.primary span {
  color: #333333; }

.corporateback.dark .btn.secondary {
  border-color: #333333;
  color: #333333; }
  .corporateback.dark .btn.secondary:hover {
    border-width: 3px; }

.corporateback.dark .btn.emphasize:before {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
  background-size: 15px 12px; }
  
.corporateback .img_holder .cls-1 {
  fill:  !important;
}

a {
  text-decoration: none;
  transition: all  0.25s ease-out;
  -webkit-transition: all  0.25s ease-in-out;
  -moz-transition: all  0.25s ease-in-out;
  -o-transition: all  0.25s ease-in-out;
  -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
  -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
  box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
  color: #333333;
  line-height: 17px; }
  a:hover {
    -moz-box-shadow: inset 0 -2px 0 #333333;
    -webkit-box-shadow: inset 0 -2px 0 #333333;
    box-shadow: inset 0 -2px 0 #333333; }
  a:hover {
    text-decoration: none; }
  a.initial_noline {
    -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    a.initial_noline span {
      -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    a.initial_noline:hover {
      -moz-box-shadow: inset 0 -2px 0 #333333;
      -webkit-box-shadow: inset 0 -2px 0 #333333;
      box-shadow: inset 0 -2px 0 #333333; }
      a.initial_noline:hover span {
        -moz-box-shadow: inset 0 -2px 0 #333333;
        -webkit-box-shadow: inset 0 -2px 0 #333333;
        box-shadow: inset 0 -2px 0 #333333; }
  a.primarylink, a.secondarylink, a.imagelink {
    -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    padding-left: 30px; }
    a.primarylink span, a.secondarylink span, a.imagelink span {
      text-decoration: none;
      transition: all  0.25s ease-out;
      -webkit-transition: all  0.25s ease-in-out;
      -moz-transition: all  0.25s ease-in-out;
      -o-transition: all  0.25s ease-in-out;
      -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
      -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
      box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
      line-height: 17px; }
    a.primarylink:hover span, a.secondarylink:hover span, a.imagelink:hover span {
      -moz-box-shadow: inset 0 -2px 0 #333333;
      -webkit-box-shadow: inset 0 -2px 0 #333333;
      box-shadow: inset 0 -2px 0 #333333; }
    a.primarylink.initial_noline, a.secondarylink.initial_noline, a.imagelink.initial_noline {
      -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
      a.primarylink.initial_noline span, a.secondarylink.initial_noline span, a.imagelink.initial_noline span {
        -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
        -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
        box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
      a.primarylink.initial_noline:hover, a.secondarylink.initial_noline:hover, a.imagelink.initial_noline:hover {
        -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
        -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
        box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
        a.primarylink.initial_noline:hover span, a.secondarylink.initial_noline:hover span, a.imagelink.initial_noline:hover span {
          -moz-box-shadow: inset 0 -2px 0 #333333;
          -webkit-box-shadow: inset 0 -2px 0 #333333;
          box-shadow: inset 0 -2px 0 #333333; }
  a.imagelink {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-left: 0; }
    a.imagelink .linkarrow {
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
      background-size: 15px 12px;
      background-position: left 5px;
      padding-left: 30px;
      display: inline-block; }
      a.imagelink .linkarrow span {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    a.imagelink span {
      -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    a.imagelink:hover span {
      -moz-box-shadow: inset 0 -2px 0 #333333;
      -webkit-box-shadow: inset 0 -2px 0 #333333;
      box-shadow: inset 0 -2px 0 #333333; }
  a.primarylink {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
    background-size: 15px 12px;
    background-position: left 4px;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    a.primarylink.thin {
      font-family: noto_sansregular, Arial, Helvetica, sans-serif; }
    a.primarylink span {
      -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    a.primarylink:hover span {
      -moz-box-shadow: inset 0 -2px 0 #333333;
      -webkit-box-shadow: inset 0 -2px 0 #333333;
      box-shadow: inset 0 -2px 0 #333333; }
    a.primarylink.noline span, a.primarylink.noline:hover span {
      -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    a.primarylink.simple {
      background: none;
      padding: 0; }
  a.secondarylink {
    background-position: left center; }
  a.btn, a.noline, .light a.noline, .light a.btn {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    transition: none; }
    a.btn span, a.noline span, .light a.noline span, .light a.btn span {
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
  @media all and (min-width: 800px) {
    a {
      line-height: 20px; }
      a.primarylink span, a.secondarylink span {
        line-height: 20px; }
      a.primarylink {
        background-position: left 5px; } }

.light a, .darkback a, a.light, a.darkback {
  color: #ffffff;
  -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.5); }
  .light a:hover, .darkback a:hover, a.light:hover, a.darkback:hover {
    -moz-box-shadow: inset 0 -2px 0 white;
    -webkit-box-shadow: inset 0 -2px 0 white;
    box-shadow: inset 0 -2px 0 white; }
  .light a.initial_noline, .darkback a.initial_noline, a.light.initial_noline, a.darkback.initial_noline {
    -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
    -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
    .light a.initial_noline:hover, .darkback a.initial_noline:hover, a.light.initial_noline:hover, a.darkback.initial_noline:hover {
      -moz-box-shadow: inset 0 -2px 0 white;
      -webkit-box-shadow: inset 0 -2px 0 white;
      box-shadow: inset 0 -2px 0 white; }
  .light a.primarylink, .light a.secondarylink, .darkback a.primarylink, .darkback a.secondarylink, a.light.primarylink, a.light.secondarylink, a.darkback.primarylink, a.darkback.secondarylink {
    -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
    -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
    .light a.primarylink span, .light a.secondarylink span, .darkback a.primarylink span, .darkback a.secondarylink span, a.light.primarylink span, a.light.secondarylink span, a.darkback.primarylink span, a.darkback.secondarylink span {
      -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.5);
      -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.5);
      box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.5); }
    .light a.primarylink.initial_noline, .light a.secondarylink.initial_noline, .darkback a.primarylink.initial_noline, .darkback a.secondarylink.initial_noline, a.light.primarylink.initial_noline, a.light.secondarylink.initial_noline, a.darkback.primarylink.initial_noline, a.darkback.secondarylink.initial_noline {
      -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
      box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
      .light a.primarylink.initial_noline span, .light a.secondarylink.initial_noline span, .darkback a.primarylink.initial_noline span, .darkback a.secondarylink.initial_noline span, a.light.primarylink.initial_noline span, a.light.secondarylink.initial_noline span, a.darkback.primarylink.initial_noline span, a.darkback.secondarylink.initial_noline span {
        -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
        -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
        box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
    .light a.primarylink:hover span, .light a.secondarylink:hover span, .darkback a.primarylink:hover span, .darkback a.secondarylink:hover span, a.light.primarylink:hover span, a.light.secondarylink:hover span, a.darkback.primarylink:hover span, a.darkback.secondarylink:hover span {
      -moz-box-shadow: inset 0 -2px 0 white;
      -webkit-box-shadow: inset 0 -2px 0 white;
      box-shadow: inset 0 -2px 0 white; }
    .light a.primarylink.noline span, .light a.primarylink.noline:hover span, .light a.secondarylink.noline span, .light a.secondarylink.noline:hover span, .darkback a.primarylink.noline span, .darkback a.primarylink.noline:hover span, .darkback a.secondarylink.noline span, .darkback a.secondarylink.noline:hover span, a.light.primarylink.noline span, a.light.primarylink.noline:hover span, a.light.secondarylink.noline span, a.light.secondarylink.noline:hover span, a.darkback.primarylink.noline span, a.darkback.primarylink.noline:hover span, a.darkback.secondarylink.noline span, a.darkback.secondarylink.noline:hover span {
      -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
      box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
  .light a.primarylink, .darkback a.primarylink, a.light.primarylink, a.darkback.primarylink {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg) left top no-repeat;
    background-size: 15px 12px;
    background-position: left 5px; }
    .light a.primarylink span, .darkback a.primarylink span, a.light.primarylink span, a.darkback.primarylink span {
      -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
      box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
      .light a.primarylink span:hover, .darkback a.primarylink span:hover, a.light.primarylink span:hover, a.darkback.primarylink span:hover {
        -moz-box-shadow: inset 0 -2px 0 white;
        -webkit-box-shadow: inset 0 -2px 0 white;
        box-shadow: inset 0 -2px 0 white; }
  .light a.imagelink, .darkback a.imagelink, a.light.imagelink, a.darkback.imagelink {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .light a.imagelink span, .darkback a.imagelink span, a.light.imagelink span, a.darkback.imagelink span {
      -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
      box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
    .light a.imagelink:hover span, .darkback a.imagelink:hover span, a.light.imagelink:hover span, a.darkback.imagelink:hover span {
      -moz-box-shadow: inset 0 -2px 0 white;
      -webkit-box-shadow: inset 0 -2px 0 white;
      box-shadow: inset 0 -2px 0 white; }
  .light a.secondarylink, .darkback a.secondarylink, a.light.secondarylink, a.darkback.secondarylink {
    background-position: left 0; }
  .light a.btn.secondary, .darkback a.btn.secondary, a.light.btn.secondary, a.darkback.btn.secondary {
    transition: none; }
    .light a.btn.secondary span, .darkback a.btn.secondary span, a.light.btn.secondary span, a.darkback.btn.secondary span {
      border-bottom: none; }
  .light a.btn.primary, .darkback a.btn.primary, a.light.btn.primary, a.darkback.btn.primary {
    border-bottom: none; }

.light .mobilmeta a.primarylink, .darkback .mobilmeta a.primarylink {
  color: #333333;
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
  background-size: 15px 12px;
  background-position: left 4px; }

.dark a {
  color: #333333; }

.navitem_image a span {
  -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3);
  text-decoration: none;
  transition: all  0.25s ease-out;
  -webkit-transition: all  0.25s ease-in-out;
  -moz-transition: all  0.25s ease-in-out;
  -o-transition: all  0.25s ease-in-out; }

.navitem_image a:hover span {
  -moz-box-shadow: inset 0 -2px 0 white;
  -webkit-box-shadow: inset 0 -2px 0 white;
  box-shadow: inset 0 -2px 0 white; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg) right 18px center no-repeat #ffffff;
  background-size: 12px 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 6px 50px 5px 15px;
  height: 50px; }
  select option {
    padding: 2px 5px; }

select::-ms-expand {
  display: none; }

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input.search, textarea {
  height: 50px;
  border: 2px solid #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  padding: 0 20px; }
  input[type="search"].ico_search, input[type="text"].ico_search, input[type="email"].ico_search, input[type="password"].ico_search, input.search.ico_search, textarea.ico_search {
    padding-left: 50px;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_search_h16.svg) 18px center no-repeat #ffffff;
    background-size: 16px 16px; }

.form-item textarea {
  width: 100%;
  height: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  resize: none; }

.form-item select {
  border: 2px solid #e6e6e6; }

.invertedback input[type="search"], .invertedback input.search {
  border-color: #ffffff; }

.textfield, .select, .textfield_selectstyle {
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 20px;
  border: none; }

.textfield_selectstyle, .styled_select .textfield_selectstyle {
  border: 2px solid #e6e6e6;
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg) 94% center no-repeat #ffffff;
  background-size: 12px 7px; }

.styled_select {
  position: relative;
  display: inline-block;
  font-family: noto_sansregular, Arial, Helvetica, sans-serif; }
  .styled_select .toggle {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 40px 0 20px;
    color: #808080;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    text-decoration: none;
    border: 2px solid #e6e6e6;
    overflow: hidden;
    cursor: pointer; }
    .styled_select .toggle:after {
      content: "";
      width: 12px;
      height: 7px;
      display: block;
      position: absolute;
      right: 20px;
      top: 21px; }
    .styled_select .toggle.corporateback {
      background: ;
      color: #ffffff;
      border: 2px solid ; }
      .styled_select .toggle.corporateback.dark {
        color: #333333; }
  .styled_select.wide .toggle {
    padding: 0 70px 0 20px; }
  .styled_select.low .toggle {
    height: 40px;
    line-height: 40px; }
    .styled_select.low .toggle:after {
      top: 16px; }
  .styled_select .select_options, .styled_select .ui-datepicker {
    background: #ffffff;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 65px;
    display: none;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid #e6e6e6;
    z-index: 2; }
    .styled_select .select_options.smallfont, .styled_select .ui-datepicker.smallfont {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem; }
      .styled_select .select_options.smallfont .btn, .styled_select .ui-datepicker.smallfont .btn {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 20px;
        line-height: 1.25rem;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        font-weight: 400; }
    .styled_select .select_options .inner, .styled_select .ui-datepicker .inner {
      max-height: 260px;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 5px 15px;
      position: relative;
      z-index: 2;
      background: #ffffff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .styled_select .select_options .inner .block, .styled_select .ui-datepicker .inner .block {
        border-bottom: 1px solid #808080;
        margin-bottom: 14px; }
      .styled_select .select_options .inner strong, .styled_select .ui-datepicker .inner strong {
        display: inline-block;
        padding-bottom: 14px; }
      .styled_select .select_options .inner ul, .styled_select .ui-datepicker .inner ul {
        padding-bottom: 7px; }
      .styled_select .select_options .inner .entry, .styled_select .ui-datepicker .inner .entry {
        margin: 5px 0;
        cursor: pointer;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        min-height: 30px;
        line-height: 30px;
        position: relative;
        line-height: 1.5em; 
        color: #333333; }
        .styled_select .select_options .inner .entry span, .styled_select .ui-datepicker .inner .entry span {
          -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
          -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
          box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
          text-decoration: none;
          transition: all  0.25s ease-out;
          -webkit-transition: all  0.25s ease-in-out;
          -moz-transition: all  0.25s ease-in-out;
          -o-transition: all  0.25s ease-in-out; }
        .styled_select .select_options .inner .entry:hover, .styled_select .ui-datepicker .inner .entry:hover {
          text-decoration: underline; }
          .styled_select .select_options .inner .entry:hover span, .styled_select .ui-datepicker .inner .entry:hover span {
            -moz-box-shadow: inset 0 -2px 0 #333333;
            -webkit-box-shadow: inset 0 -2px 0 #333333;
            box-shadow: inset 0 -2px 0 #333333; }
      .styled_select .select_options .inner.ani .entry:hover, .styled_select .ui-datepicker .inner.ani .entry:hover {
        text-decoration: none; }
      .styled_select .select_options .inner.marked .entry.active:before, .styled_select .ui-datepicker .inner.marked .entry.active:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background: #e6e6e6;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        z-index: -1; }
      .styled_select .select_options .inner.col-6 .entry, .styled_select .ui-datepicker .inner.col-6 .entry {
        float: left;
        width: 16.6666%;
        text-align: center; }
    .styled_select .select_options .btn, .styled_select .ui-datepicker .btn {
      display: block;
      margin: 0 15px 15px;
      text-align: center; }
    .styled_select .select_options:after, .styled_select .ui-datepicker:after {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      transform: rotate(45deg);
      background: #ffffff;
      position: absolute;
      right: 20px;
      top: -8px;
      z-index: 1;
      border: solid #e6e6e6;
      border-width: 2px 0 0 2px; }
    .styled_select .select_options.topopen, .styled_select .ui-datepicker.topopen {
      top: auto;
      bottom: 65px; }
      .styled_select .select_options.topopen:after, .styled_select .ui-datepicker.topopen:after {
        top: auto;
        bottom: -8px;
        transform: rotate(135deg);
        border-width: 2px 2px 0 0; }
  .styled_select.low .select_options {
    top: 55px; }
  .styled_select.open {
    z-index: 2; }
    .styled_select.open .toggle:after {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .styled_select.open .select_options {
      display: block; }
  .styled_select.topopen .select_options {
    top: auto;
    bottom: 65px; }
    .styled_select.topopen .select_options:after {
      top: auto;
      bottom: -8px;
      transform: rotate(135deg);
      border-width: 2px 2px 0 0; }
  .styled_select.low.topopen .select_options {
    bottom: 55px; }

.invertedback .styled_select .toggle {
  border: 2px solid #ffffff; }
  .invertedback .styled_select .toggle > span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1em;
    display: inline-block; }

.invertedback .styled_select .select_options {
  border: none; }
  .invertedback .styled_select .select_options:after {
    border: none;
    top: -6px; }

.invertedback .lightback .styled_select .toggle {
  border: 2px solid #e6e6e6; }

.invertedback .lightback .styled_select .select_options {
  border: 2px solid #e6e6e6; }
  .invertedback .lightback .styled_select .select_options:after {
    border: solid #e6e6e6;
    top: -8px; }

.check-row {
  padding-bottom: 20px; }

input[type=checkbox], input[type=radio] {
  position: absolute;
  left: -100000px; }

input[type=checkbox]:not(:checked) + label, input[type=checkbox]:checked + label,
input[type=radio]:not(:checked) + label, input[type=radio]:checked + label {
  display: inline-block;
  padding-left: 48px;
  position: relative; }
  @media all and (max-width: 640px) {
    input[type=checkbox]:not(:checked) + label, input[type=checkbox]:checked + label,
    input[type=radio]:not(:checked) + label, input[type=radio]:checked + label {
      padding-left: 38px; } }
  input[type=checkbox]:not(:checked) + label:before, input[type=checkbox]:checked + label:before,
  input[type=radio]:not(:checked) + label:before, input[type=radio]:checked + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    display: block;
    width: 26px;
    height: 26px;
    border: 2px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer; }

.date-filter input[type=radio]:not(:checked) + label, .date-filter input[type=radio]:checked + label {
  padding-left: 25px; }
  .date-filter input[type=radio]:not(:checked) + label:before, .date-filter input[type=radio]:not(:checked) + label:after, .date-filter input[type=radio]:checked + label:before, .date-filter input[type=radio]:checked + label:after {
    display: none; }

input[type=radio]:not(:checked) + label:before, input[type=radio]:checked + label:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 4px;
  display: block;
  width: 16px;
  height: 14px;
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_check_h12.svg) left top no-repeat;
  cursor: pointer; }

input[type=radio]:checked + label:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  display: block;
  width: 12px;
  height: 12px;
  background: #333333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.darkback input[type=checkbox]:checked + label:after {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_check_light_h12.svg) left top no-repeat; }

input[type=checkbox]:checked + label.check {
  color: #333333; }
  input[type=checkbox]:checked + label.check:before {
    border-color: #1cb81c;
    left: 50%;
    transform: translate(-50%, 0); }
  input[type=checkbox]:checked + label.check:after {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_check_green_h12.svg) left top no-repeat; }

input[type=checkbox] + label.small {
  padding-top: 7px; }

input[type=checkbox]:not(:checked) + label.vert, input[type=checkbox]:checked + label.vert {
  padding-left: 0;
  padding-top: 38px; }
  input[type=checkbox]:not(:checked) + label.vert:before, input[type=checkbox]:not(:checked) + label.vert:after, input[type=checkbox]:checked + label.vert:before, input[type=checkbox]:checked + label.vert:after {
    left: 50%;
    transform: translate(-50%, 0); }
  @media all and (max-width: 640px) {
    input[type=checkbox]:not(:checked) + label.vert.mobilehor, input[type=checkbox]:checked + label.vert.mobilehor {
      padding-left: 44px;
      padding-top: 0; }
      input[type=checkbox]:not(:checked) + label.vert.mobilehor:before, input[type=checkbox]:checked + label.vert.mobilehor:before {
        left: 0;
        top: -8px;
        transform: translate(0, 0); }
      input[type=checkbox]:not(:checked) + label.vert.mobilehor:after, input[type=checkbox]:checked + label.vert.mobilehor:after {
        left: 7px;
        top: 0;
        transform: translate(0, 0); } }

input[type=checkbox]:not(:checked) + label.togglebtn, input[type=checkbox]:checked + label.togglebtn {
  position: relative;
  cursor: pointer;
  font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  input[type=checkbox]:not(:checked) + label.togglebtn.btnafter, input[type=checkbox]:checked + label.togglebtn.btnafter {
    padding-right: 65px;
    padding-left: 0; }
    input[type=checkbox]:not(:checked) + label.togglebtn.btnafter:after, input[type=checkbox]:checked + label.togglebtn.btnafter:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: -3px;
      width: 46px;
      height: 26px;
      border: 2px solid #ffffff;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      background: #cccccc;
      z-index: 1;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    input[type=checkbox]:not(:checked) + label.togglebtn.btnafter:before, input[type=checkbox]:checked + label.togglebtn.btnafter:before {
      content: "";
      display: block;
      position: absolute;
      width: 12px;
      height: 12px;
      right: 29px;
      left: auto;
      top: 6px;
      background: #ffffff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: none;
      z-index: 2;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

input[type=checkbox]:checked + label.togglebtn.btnafter:after {
  left: auto;
  background: ; }

input[type=checkbox]:checked + label.togglebtn.btnafter:before {
  right: 9px; }

input[type=checkbox]:checked + label.togglebtn.red:after {
  background: #e53948; }

input[type=checkbox]:checked + label.togglebtn.lightblue:after {
  background: #51d6ff; }

input[type=checkbox]:checked + label.togglebtn.green:after {
  background: #9fd356; }

.form-row.single .form-item:last-child {
  padding-bottom: 0; }

@media all and (min-width: 641px) {
  .form-row.tablerow .inner {
    display: table;
    width: 100%; }
  .form-row.tablerow .form-item {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    padding: 0 15px; }
    .form-row.tablerow .form-item.fix {
      width: auto; }
      .form-row.tablerow .form-item.fix .btn {
        white-space: nowrap; }
  .form-row.single .form-item {
    padding-bottom: 0; }
    .form-row.single .form-item.last-child {
      padding-right: 0; } }

.form-block.single {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.form-block .form-item.float {
  float: left;
  margin-right: 10px; }

.form-block .form-item.linkonly {
  padding-top: 10px; }

.styled_select input[type=date]::-webkit-outer-spin-button,
.styled_select input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.styled_select input[type=date] {
  background: none; }

.styled_select input[type=date] {
  -moz-appearance: textfield; }

.module .formularForm {
  margin: 25px auto; }

.input-group input[type=text], .input-group select {
  width: 100%; }

.input-group label input[type=radio], .input-group label input[type=checkbox] {
  position: static; }

.input-group select {
  border: 2px solid #e6e6e6;
  border-radius: 5px; }

.checkbox-group .control-label {
  display: inline-block;
  margin-bottom: 10px; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000000;
  opacity: 0.5; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 30px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }

.mfp-close-btn-in .mfp-close {
  color: #fff; }

.mfp-content .mfp-close {
  color: #333; }  

.mfp-image-holder,
.mfp-iframe-holder {
  /*
  .mfp-close {
    color: $mfp-controls-color;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
  }
  */ }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: #ffffff; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }
  .mfp-title p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 25px;
    line-height: 1.5625rem; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 15px;
    padding-right: 15px; } }

.mfp-close {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 15px;
  right: 15px;
  padding: 0;
  opacity: 1;
  cursor: pointer; }
  .mfp-close:before {
    content: "";
    position: absolute;
    left: 13px;
    top: -4px;
    width: 30px;
    height: 30px; }

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  background: #ffffff;
  right: -15px;
  top: 20px; }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close:before {
    left: 6px;
    top: 4px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  z-index: 1; }
  .slick-slide.slick-active {
    z-index: 2; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-prev, .slick-next {
  width: 30px;
  height: 30px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-indent: -100000px;
  cursor: pointer;
  outline: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.slick-disabled {
  opacity: .5;
  cursor: default; }

.lightback .slick-prev, .lightback .slick-next, .dark .slick-prev, .dark .slick-next, .greyback .slick-prev, .greyback .slick-next, .invertedback .slick-prev, .invertedback .slick-next {
  border-color: #333333; }

.slider.headline .slick-prev, .slider.headline .slick-next {
  width: 40px;
  height: 40px; }
  @media all and (min-width: 1025px) {
    .slider.headline .slick-prev, .slider.headline .slick-next {
      width: 50px;
      height: 50px; } }
      
.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0 9px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 18px;
      width: 18px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 0;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
      .slick-dots li button:hover:before {
        opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        background-color: #ffffff;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border-radius: 50%; }
    .slick-dots li.slick-active button:before {
      color: #ffffff;
      opacity: 0.75; }

.tns-outer {
  padding: 0 !important; }
  .tns-outer [hidden] {
    display: none !important; }
  .tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }
  .tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }
  .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }
  .tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s; }
  .tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important; }
  .tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }
  .tns-lazy-img.tns-complete {
    opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }
  .tns-vpfix > div, .tns-vpfix > li {
    display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.33333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }
  .tns-t-ct:after {
    content: '';
    display: table;
    clear: both; }
  .tns-t-ct > div {
    width: 1.42857%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: calc(100% / 70);
    height: 10px;
    float: left; }

/*! jQuery UI - v1.12.1 - 2017-06-07
* http://jqueryui.com
* Includes: core.css, datepicker.css, progressbar.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ui/ui_icons_444444_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ui/ui_icons_444444_256x240.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ui/ui_icons_555555_256x240.png); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ui/ui_icons_ffffff_256x240.png); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ui/ui_icons_777620_256x240.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ui/ui_icons_cc0000_256x240.png); }

.ui-button .ui-icon {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/ui/ui_icons_777777_256x240.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

.ui-datepicker-header {
  background: none;
  border: none; }

.ui-datepicker {
  padding: 18px;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: 2px solid #e6e6e6;
  margin-top: 12px;
  /*
	&:after {
		content:"";
		display:block;
		width:12px;
		height:12px;
		transform: rotate(45deg);
		background: $light;
		position: absolute;
		right:20px;
		top:-8px;
		z-index: 1;
		border:solid $lightcolor;
		border-width:2px 0 0 2px;
	}
	*/ }
  .ui-datepicker.ui-widget {
    border: 2px solid #e6e6e6; }
  .ui-datepicker.leftalign:after {
    right: auto;
    left: 20px; }
  .ui-datepicker.topopen:after {
    top: auto;
    bottom: -8px;
    transform: rotate(135deg);
    border-width: 2px 2px 0 0; }
  .ui-datepicker a {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .ui-datepicker table {
    border: none; }
    .ui-datepicker table thead, .ui-datepicker table tr, .ui-datepicker table th, .ui-datepicker table td {
      background: none !important;
      color: #333333 !important; }
    .ui-datepicker table a, .ui-datepicker table span {
      line-height: 25px; }
    .ui-datepicker table thead th {
      text-transform: uppercase;
      font-weight: 400; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    width: 30px;
    height: 30px;
    border: 2px solid #333333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent: -100000px;
    cursor: pointer;
    outline: none; }
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
      displaY: none; }
    .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
      top: 2px; }
  .ui-datepicker .ui-datepicker-prev {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_dark.svg) left top no-repeat;
    background-size: 15px 12px;
    background-position: center center; }
    .ui-datepicker .ui-datepicker-prev.ui-state-hover {
      left: 2px; }
  .ui-datepicker .ui-datepicker-next {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
    background-size: 15px 12px;
    background-position: center center; }
    .ui-datepicker .ui-datepicker-next.ui-state-hover {
      right: 2px; }
  .ui-datepicker .ui-state-default {
    border: none;
    background: none;
    text-align: center;
    color: #333333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    .ui-datepicker .ui-state-default:hover {
      background: #e6e6e6; }
    .ui-datepicker .ui-state-default.ui-state-active {
      background: #f1f1f1; }
  .ui-datepicker .ui-datepicker-other-month .ui-state-default {
    font-family: noto_sansregular, Arial, Helvetica, sans-serif; }

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  /* this may be overriden in JS for fixed position origins */
  position: absolute; }

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto; }

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.tooltipster-update-fade {
  animation: tooltipster-fading 400ms; }

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg); }
  75% {
    transform: rotate(2deg); }
  100% {
    transform: rotate(0); } }

.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms; }

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms; }

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 7px 10px 5px; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: -1px;
  width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: -1px;
  height: 10px;
  margin-left: -10px;
  width: 20px; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #ffffff;
  left: 0px;
  top: 2px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #ffffff;
  left: -2px;
  top: 0px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #ffffff;
  left: 2px;
  top: 0px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #ffffff;
  left: 0px;
  top: -2px; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #e6e6e6; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #e6e6e6; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #e6e6e6; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #e6e6e6; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px; }

.toolholder {
  padding: 15px 0; }

.tooltipster-noir .tooltipster-box {
  background: #333333;
  color: #ffffff;
  max-width: 300px;
  border-color: #333333; }
  .tooltipster-noir .tooltipster-box .tooltipster-content {
    padding: 13px 12px 11px;
    line-height: normal; }

.tooltipster-noir.tooltipster-top .tooltipster-arrow-background, .tooltipster-noir.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #333333; }

.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background, .tooltipster-noir.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #333333; }

.tooltipster-noir.tooltipster-left .tooltipster-arrow-background, .tooltipster-noir.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #333333; }

.tooltipster-noir.tooltipster-right .tooltipster-arrow-background, .tooltipster-noir.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #333333; }

.tooltipform {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  margin-top: 2px;
  cursor: pointer; }
  .tooltipform:before {
    content: url("https://media.koelnmesse.io/tire/assets/icons/icon-tooltip__h18.svg");
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 1; }

#billboard_container a, #fullbanner_container a, #leaderboard_container a {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent; }

#billboard_container img, #fullbanner_container img, #leaderboard_container img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto; }

@media all and (min-width: 1025px) {
  .content-banner {
    margin-right: 340px; } }

@media all and (min-width: 1201px) {
  .content-banner {
    margin-right: 365px; } }

.content-banner .desktophidden a {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent; }
  .content-banner .desktophidden a img {
    display: block;
    margin: 0 auto 10px; }

.banner {
  text-align: center; }
  .banner .desktophidden a {
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent; }
    .banner .desktophidden a img {
      display: block;
      margin: 0 auto 10px; }

.print header, .print .breadcrumb {
  display: none; }

.printhead {
  display: block;
  border-bottom: 9px solid #808080;
  background: #ffffff; }
  .printhead .logo {
    position: relative;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    top: 0; }
    .printhead .logo a .date, .printhead .logo a .imgholder {
      display: block; }
    .printhead .logo a img {
      max-width: 140px; }

.print .options-bar .shareholder {
  display: none; }

.print .cmodul .accordion .accitem .content {
  margin-top: 10px !important; }

.print .modul_2col {
  padding-bottom: 0; }

.print .printimg {
  max-width: 100%; }

.print .esr .item .inner {
  padding-right: 20px;
  padding-left: 120px;
  border-right: 1px solid #e6e6e6; }
  .print .esr .item .inner .secondarylink, .print .esr .item .inner .symbols {
    display: none; }

.print .esr .item .marker {
  right: auto;
  left: 0;
  width: 60px;
  border-right: 1px solid #e6e6e6; }
  .print .esr .item .marker i {
    display: none; }
  .print .esr .item .marker:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }

.print .flex_2col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }
  .print .flex_2col .item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: 50%; }

.print .datebox img {
  margin: 0 5px -2px 0; }

.printsection {
  padding: 20px 0;
  border-bottom: 1px solid #333333;
  counter-reset: section; }

@media print {
  html, body {
    background: none; }
  header .metanav,
  .menutoggle,
  .shareholder,
  .sidebar_ad,
  footer .nlform,
  footer .socials,
  footer .totop,
  footer .organiser,
  .tooltipster-base,
  #newsletter-popup-form {
    display: none !important; }
  header nav {
    display: none !important; }
  header .hash {
    display: inline-block !important; }
  .cmodul .accordion .accitem .content {
    margin-top: 10px !important; }
  table thead * {
    color: #000 !important; }
  .table-complex {
    color: #000 !important; }
    .table-complex .thead {
      border: 1px solid #333333 !important;
      margin: 0 0 20px !important; }
      .table-complex .thead .tcol {
        padding: 0 !important; }
    .table-complex .tbody .accitem {
      padding: 10px 0 20px !important;
      margin: 0 0 10px !important; }
  .hlcf * {
    color: #000 !important; }
  .hlcf .img_holder {
    width: 100px !important;
    display: inline-block !important;
    vertical-align: top;
    float: left !important;
    margin: 0 10px 0 0; }
    .hlcf .img_holder img, .hlcf .img_holder svg {
      fill: #000 !important; }
      .hlcf .img_holder img path, .hlcf .img_holder svg path {
        fill: #000 !important; }
  .hlcf .cont {
    margin-left: 0 !important;
    width: calc(100% - 130px);
    display: inline-block !important;
    vertical-align: top;
    float: left !important; }
  footer {
    padding: 0 !important; }
    footer .darkback {
      background: none !important;
      padding: 0 !important; }
    footer .darkback * {
      color: #333333 !important;
      opacity: 1 !important; }
    footer .meta {
      display: block;
      clear: both;
      margin-top: 0; }
      footer .meta .primarylink {
        padding-left: 0;
        background: none; }
  .hash:after {
    content: url("https://media.koelnmesse.io/tire/assets/icons/print/spacer_dark.png");
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .logo i:after {
    content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
    display: inline-block;
    width: 12px;
    height: 15px; }
  .hash {
    color: #ffffff !important;
    overflow: hidden;
    z-index: 2; }
    .hash:before {
      content: url("https://media.koelnmesse.io/tire/assets/icons/print/spacer_dark.png");
      display: inline-block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1; }
  .stage.keyvisual {
    overflow: hidden;
    page-break-inside: avoid; }
    .stage.keyvisual .printvisual {
      height: auto;
      width: 100%; }
    .stage.keyvisual.smallstage .printvisual {
      height: auto;
      width: 100%; }
    .stage.keyvisual .btn {
      border: 1px solid #b3b3b3;
      color: #000000; }
      .stage.keyvisual .btn.emphasize:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px;
        background: none; }
      .stage.keyvisual .btn.emphasize.primary:before, .stage.keyvisual .btn.emphasize.dark:before, .stage.keyvisual .btn.emphasize.lightback:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px;
        background: none; }
  .stage.slider {
    overflow: hidden; }
    .stage.slider .copy-box {
      padding: 0; }
      .stage.slider .copy-box h1, .stage.slider .copy-box h2, .stage.slider .copy-box p, .stage.slider .copy-box a {
        color: #000000 !important; }
      .stage.slider .copy-box h1, .stage.slider .copy-box h2 {
        padding-bottom: 10px; }
      .stage.slider .copy-box p {
        display: block !important; }
    .stage.slider .slick-list, .stage.slider .slick-track, .stage.slider .slick-track .item {
      width: 100% !important;
      height: auto !important;
      transform: none !important;
      overflow: hidden;
      opacity: 1 !important;
      float: none !important; }
    .stage.slider .slick-cloned {
      display: none !important; }
    .stage.slider .slides .item, .stage.slider .slides_hl .item {
      height: 250px !important;
      overflow: hidden !important;
      page-break-inside: avoid;
      margin-bottom: 190px; }
      .stage.slider .slides .item img, .stage.slider .slides_hl .item img {
        position: relative !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important; }
    .stage.slider .copy-box {
      position: relative !important;
      background: none !important; }
    .stage.slider .captionslides .item, .stage.slider .captionslides_hl .item {
      height: 440px !important;
      left: auto !important;
      page-break-inside: avoid;
      padding-top: 260px; }
      .stage.slider .captionslides .item a, .stage.slider .captionslides_hl .item a {
        padding-left: 0;
        margin-top: 5px; }
    .stage.slider .grid-wrapper {
      bottom: auto;
      top: 0;
      z-index: 10; }
    .stage.slider i.back {
      display: none; }
    .stage.slider .arrows {
      display: none !important; }
  .stage.quicklink_icon,
  .stage.quicklink_image {
    overflow: hidden;
    page-break-inside: avoid; }
    .stage.quicklink_icon .hl_1,
    .stage.quicklink_image .hl_1 {
      color: #000000 !important; }
    .stage.quicklink_icon .printvisual,
    .stage.quicklink_image .printvisual {
      height: 100% !important;
      width: auto !important;
      max-width: none !important;
      left: 50%;
      transform: translate(-50%, 0); }
    .stage.quicklink_icon .imagelink,
    .stage.quicklink_image .imagelink {
      border: 1px solid #b3b3b3;
      color: #000000; }
  .stage.small {
    overflow: hidden;
    page-break-inside: avoid; }
    .stage.small .hl_2 {
      color: #000000 !important; }
    .stage.small .printvisual {
      height: 100%; }
    .stage.small .copy-box {
      border: 1px solid #b3b3b3;
      color: #000000;
      background: #ffffff; }
      .stage.small .copy-box a {
        padding-left: 0;
        color: #000000;
        background: none; }
  .attention {
    border: 1px solid #b3b3b3;
    page-break-inside: avoid; }
    .attention * {
      color: #000000; }
    .attention .ico_attention {
      padding-left: 0; }
      .attention .ico_attention:before {
        content: url(https://media.koelnmesse.io/tire/assets/icons/ico_attention.png);
        width: 31px;
        height: 31px;
        margin-right: 10px;
        display: inline-block; }
    .attention a {
      padding-left: 0;
      background: none; }
      .attention a:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px; }
  .intro {
    page-break-inside: avoid; }
    .intro * {
      color: #000000; }
    .intro a {
      padding-left: 0;
      background: none; }
      .intro a:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px; }
  .news .slick-track {
    width: 100% !important;
    transform: none !important;
    display: table !important; }
  .news .slides_news .item {
    width: 100% !important;
    float: none !important;
    padding-bottom: 20px !important;
    page-break-inside: avoid; }
  .target-group {
    border: 1px solid #b3b3b3;
    page-break-inside: avoid; }
    .target-group * {
      color: #000000; }
    .target-group a {
      padding-left: 0;
      background: none; }
      .target-group a:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px; }
  .social-media-bar ul li.fix {
    display: none !important; }
  .specialized-fairs .slick-track {
    width: 100% !important;
    transform: none !important;
    display: table !important; }
    .specialized-fairs .slick-track .item {
      width: 100% !important;
      float: none !important;
      padding-bottom: 20px !important;
      page-break-inside: avoid;
      display: block !important;
      min-height: none !important;
      height: auto !important; }
  .social-media-wall .slick-track {
    width: 100% !important;
    transform: none !important;
    display: table !important; }
    .social-media-wall .slick-track .item {
      width: 100% !important;
      float: none !important;
      padding-bottom: 20px !important;
      page-break-inside: avoid;
      display: block !important;
      min-height: none !important;
      height: auto !important; }
      .social-media-wall .slick-track .item:before {
        margin-top: 0;
        display: none !important; }
      .social-media-wall .slick-track .item .inner {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important; }
        .social-media-wall .slick-track .item .inner .social_entry {
          position: relative !important; }
  .exhibitor .slides_exhibitor .slick-track,
  .exhibitor .slides_exhibitor_inverse .slick-track,
  .exhibitor .slides_exhibitor_article .slick-track {
    width: 100% !important;
    transform: none !important;
    display: table !important; }
    .exhibitor .slides_exhibitor .slick-track .item,
    .exhibitor .slides_exhibitor_inverse .slick-track .item,
    .exhibitor .slides_exhibitor_article .slick-track .item {
      page-break-inside: avoid; }
      .exhibitor .slides_exhibitor .slick-track .item:nth-child(n+1),
      .exhibitor .slides_exhibitor_inverse .slick-track .item:nth-child(n+1),
      .exhibitor .slides_exhibitor_article .slick-track .item:nth-child(n+1) {
        width: 100% !important;
        float: none !important;
        padding-bottom: 20px !important;
        page-break-inside: avoid;
        display: block !important; }
  .checklist .slide_footer a.primarylink {
    display: none; }
  .quickfacts .fact {
    display: block !important;
    float: none !important;
    width: 100% !important;
    page-break-inside: avoid;
    padding-bottom: 40px !important; }
  .save-the-date {
    page-break-inside: avoid;
    border: 1px solid #b3b3b3; }
    .save-the-date * {
      color: #000000 !important; }
    .save-the-date a {
      border: 1px solid #b3b3b3 !important; }
  .keyvisual_theme {
    overflow: hidden;
    page-break-inside: avoid; }
    .keyvisual_theme * {
      color: #000000 !important; }
    .keyvisual_theme a {
      padding-left: 0;
      background: none; }
      .keyvisual_theme a:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px; }
    .keyvisual_theme .keyvisual {
      height: auto !important;
      position: relative; }
      .keyvisual_theme .keyvisual .bg_mobile, .keyvisual_theme .keyvisual .bg_desktop {
        position: relative !important; }
        .keyvisual_theme .keyvisual .bg_mobile img, .keyvisual_theme .keyvisual .bg_desktop img {
          width: 100% !important;
          height: auto !important;
          display: block;
          position: relative; }
      .keyvisual_theme .keyvisual .bg_container.bg_desktop {
        background: none !important;
        display: none !important; }
        .keyvisual_theme .keyvisual .bg_container.bg_desktop .printvisual {
          display: none !important; }
    .keyvisual_theme .grid-wrapper {
      padding: 0 !important;
      border: 1px solid #b3b3b3 !important;
      position: relative;
      left: auto;
      top: auto; }
      .keyvisual_theme .grid-wrapper .copy {
        width: auto;
        Left: auto;
        right: auto;
        position: relative; }
  .hlcf {
    page-break-inside: avoid; }
    .hlcf * {
      color: #000000; }
    .hlcf a.primarylink {
      padding-left: 0;
      background: none; }
      .hlcf a.primarylink:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px; }
  .info-box {
    border: 1px solid #b3b3b3;
    page-break-inside: avoid; }
    .info-box .accordion .acctoggle, .info-box .accordion .content {
      padding: 0;
      min-height: 0; }
    .info-box a {
      padding-left: 0; }
  .fct {
    page-break-inside: avoid; }
    .fct * {
      color: #000000; }
    .fct a.primarylink {
      padding-left: 0;
      background: none; }
      .fct a.primarylink:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px; }
  .related-search .slick-track {
    width: 100% !important;
    transform: none !important;
    display: table !important; }
    .related-search .slick-track .item {
      width: 100% !important;
      float: none !important;
      padding-bottom: 20px !important;
      page-break-inside: avoid; }
  .event-search {
    border: 1px solid #b3b3b3 !important; }
    .event-search .date-filter .toggle, .event-search .filter-block .toggle {
      border: 1px solid #b3b3b3 !important; }
    .event-search .invertedback {
      border: 1px solid #b3b3b3 !important; }
  .calendarmain .col.fix {
    display: none !important; }
  .calendarmain .col .item {
    page-break-inside: avoid; }
  .exhibitions .filter-head {
    border: 1px solid #b3b3b3 !important; }
    .exhibitions .filter-head .form-item .toggle {
      border: 1px solid #b3b3b3 !important; }
    .exhibitions .filter-head input[type=checkbox] {
      position: relative !important;
      left: auto !important; }
  .exhibitions .exh_holder .item {
    page-break-inside: avoid; }
    .exhibitions .exh_holder .item .label {
      border: 1px solid #b3b3b3 !important; }
    .exhibitions .exh_holder .item a.primarylink {
      padding-left: 0;
      background: none; }
      .exhibitions .exh_holder .item a.primarylink:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px; }
  .calendarmain .col.fix {
    display: none !important; }
  .scrollable {
    overflow: hidden !important;
    margin-left: 0 !important; }
  table.responsive {
    width: 100%;
    page-break-inside: avoid; }
    table.responsive th:first-child, table.responsive td:first-child {
      display: table-cell !important; }
    table.responsive th, table.responsive td {
      white-space: normal !important;
      border: 1px solid #000; }
  .pinned {
    display: none !important; }
  .testimonial {
    page-break-inside: avoid; }
    .testimonial h2 {
      min-height: 70px; }
  .downloadbox {
    page-break-inside: avoid; }
    .downloadbox .btn {
      border: 1px solid #b3b3b3 !important; }
  .teaser-list .slick-track {
    width: 100% !important;
    transform: none !important;
    display: table !important; }
  .teaser-list .tsl-holder .item {
    width: 100% !important;
    float: none !important;
    padding-bottom: 20px !important;
    page-break-inside: avoid; }
  .checklist .slick-track {
    width: 100% !important;
    transform: none !important;
    display: table !important; }
  .checklist .slides_checklist .item {
    width: 100% !important;
    float: none !important;
    padding-bottom: 20px !important;
    page-break-inside: avoid;
    display: block !important;
    border: 1px solid #b3b3b3 !important;
    margin-bottom: 20px; }
    .checklist .slides_checklist .item .label {
      border: 1px solid #b3b3b3 !important; }
    .checklist .slides_checklist .item a.primarylink {
      padding-left: 0;
      background: none; }
      .checklist .slides_checklist .item a.primarylink:before {
        content: url("https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png");
        width: 15px;
        height: 12px;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-right: 10px; }
  .checklist .controlholder {
    display: none !important; }
  .gallery-wall .grid-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: left !important;
    margin: 0 5px 5px 0 !important;
    page-break-inside: avoid; }
  .bookmarklist .slick-track {
    width: 100% !important;
    transform: none !important; }
    .bookmarklist .slick-track .item {
      width: 100% !important;
      float: none !important;
      padding-bottom: 20px !important;
      display: table !important;
      opacity: 1 !important;
      left: auto !important;
      top: auto !important;
      page-break-inside: avoid; }
      .bookmarklist .slick-track .item .bm-holder {
        width: 100% !important;
        display: table !important; }
      .bookmarklist .slick-track .item .bm-row {
        page-break-inside: avoid;
        display: block !important; }
  .bookmarklist .controlholder {
    display: none; }
  .countdown {
    overflow: hidden;
    position: relative;
    page-break-inside: avoid; }
    .countdown .btn {
      border: 1px solid #b3b3b3 !important; }
    .countdown .printvisual {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: auto;
      z-index: 1; }
    .countdown .hl_2, .countdown .item-holder, .countdown a {
      position: relative;
      z-index: 2; }
    .countdown.withprintvisual .hl_2 {
      color: #ffffff !important; }
  .exhibitions .exh_holder {
    width: 100% !important;
    display: table !important; }
    .exhibitions .exh_holder .item {
      width: 100% !important;
      float: none !important;
      padding-bottom: 20px !important;
      page-break-inside: avoid;
      display: block !important; }
  .calendarmain .col {
    border-right: none !important; }
  .calendarmain .inner {
    border-bottom: none !important; }
  .calendarmain .cal_row {
    width: 100% !important;
    display: table !important; }
    .calendarmain .cal_row .item {
      width: 100% !important;
      float: none !important;
      padding-bottom: 20px !important;
      page-break-inside: avoid;
      display: block !important;
      border: 1px solid #e6e6e6;
      margin-top: -1px; }
  .attention, .intro, .ev-teaser, .hlcf, .exhibitor-search, .downloadbox {
    width: 100% !important;
    display: table !important; }
    .attention .gw-inner, .intro .gw-inner, .ev-teaser .gw-inner, .hlcf .gw-inner, .exhibitor-search .gw-inner, .downloadbox .gw-inner {
      page-break-inside: avoid; }
  .quicklink-image .holder {
    width: 100% !important;
    display: table !important; }
    .quicklink-image .holder a {
      page-break-inside: avoid;
      display: block; }
  .accordion {
    width: 100% !important;
    display: table !important; }
    .accordion .accitem {
      page-break-inside: avoid; }
  .fct .gw-inner {
    width: 100% !important;
    display: table !important; }
    .fct .gw-inner .item {
      page-break-inside: avoid; }
  .cmodul.esr .esr {
    width: 100% !important;
    display: table !important; }
    .cmodul.esr .esr .item {
      page-break-inside: avoid; }
  .event-search-result tr {
    page-break-inside: avoid; }
  .teaser-list-small .tsls-holder, .download-list .tsls-holder {
    width: 100% !important;
    display: table !important; }
    .teaser-list-small .tsls-holder a, .download-list .tsls-holder a {
      page-break-inside: avoid;
      display: block; }
  .pgl ul ul {
    display: block !important; }
  .downloadtiles .holder {
    width: 100% !important;
    display: table !important; }
    .downloadtiles .holder .item {
      page-break-inside: avoid;
      display: block; }
  .testimonial {
    width: 100% !important;
    display: table !important;
    page-break-inside: avoid; }
  .sico {
    background: none;
    padding-left: 0;
    display: inline-block; }
  .ico_address:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_address_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_addressbook:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_address_book_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_attention_small:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_attention_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_bookmark:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_bookmark_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_bookmark_star:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_bookmark_star_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_calendar:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_calendar_h18.svg)  ;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px; }
  .ico_clipboard:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_clipboard_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_counterpart:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_counterpart_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_delete:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_delete_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_download:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_download_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_edit:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_edit_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_email:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_email_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_escalator_down:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_escalator_down_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_escalator_up:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_escalator_up_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_event:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_event_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_event_type:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_event_type_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_exit:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_exit_left:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_left_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_exit_right:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_right_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_fax:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_fax_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_hall_stand:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_hall_stand_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_home:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_home_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_info:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_info_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_letter_a:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_letter_a_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_letter_b:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_letter_b_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_letter_c:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_letter_c_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_letter_d:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_letter_d_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_library:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_library_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_link_chain:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_link_h18.svg)  ;
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-right: 10px; }
  .ico_link_back:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_dark.svg) ;
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-right: 10px; }
  .ico_list:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_list_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_location:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_location_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_matchmaking:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_matchmaking_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_people:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_people_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_phone:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_phone_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_print:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_print_h18.svg) ;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px; }
  .ico_settings:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_settings_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_share:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_share_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_special_cont:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_special_content_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_star_filled:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_star_filled_h18.svg) ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_star_outline:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_star_outline_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_topic_area:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_topic_area_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_upload:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/icon_upload_h18.svg)  ;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px; }
  .ico_link:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/print/icon_arrow_right_dark.png)  ;
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-right: 10px; }
  .ico_placeholder:before {
    content: url(https://media.koelnmesse.io/tire/assets/icons/ico_placeholder.png)  ;
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-right: 10px; } }

.metanav {
  position: absolute;
  right: 0;
  top: 18px;
  z-index: 2;
  displaY: none; }
  .metanav a {
    float: right;
    margin-left: 40px;
    opacity: 0.5; }
    .metanav a:hover {
      opacity: 1; }
    .metanav a.mainlink span {
      text-decoration: none;
      transition: all  0.25s ease-out;
      -webkit-transition: all  0.25s ease-in-out;
      -moz-transition: all  0.25s ease-in-out;
      -o-transition: all  0.25s ease-in-out; }
  @media all and (min-width: 1025px) {
    .metanav {
      display: block; } }

nav {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  nav.open {
    opacity: 1; }
  nav.visible {
    visibility: visible; }
  nav a {
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    nav a:hover {
      text-decoration: none; }
  nav .nav-holder {
    overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch; }
  nav .nav {
    position: relative;
    z-index: 4; }
  nav ul {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-top: 71px;
    padding: 0 15px; }
    nav ul > li {
      display: inline-block;
      padding: 7px 13px 9px; }
  @media all and (max-width: 1024px) {
    nav .holder {
      display: flex;
      flex-direction: column;
      position: absolute;
      background: #ffffff;
      left: -30px;
      right: -30px;
      top: 0;
      bottom: 0;
      padding: 100px 0 0; }
      nav .holder .corporateback {
        margin: 0 -30px;
        padding: 9px 30px 11px;
        border-top: 5px solid transparent; }
      nav .holder .subnav-wrapper {
        height: 100%;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background: #ffffff; }
      nav .holder .nav, nav .holder .subnav {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow-x: hidden;
        overflow-y: auto;
        top: 0;
        left: 0; }
        nav .holder .nav a, nav .holder .subnav a {
          -moz-box-shadow: none !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important; }
        nav .holder .nav .linktitle, nav .holder .subnav .linktitle {
          -moz-box-shadow: none !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
          display: block; }
      nav .holder .nav-holder:before {
        content: "";
        position: absolute;
        display: block;
        height: 5px;
        left: 0;
        right: 0;
        background: ;
        margin-top: 0px;
        top: 0;
        z-index: 10; }
    nav.open .holder .corporateback:before {
      display: block; }
    nav .nav-holder {
      position: relative;
      flex: 1 1 0; }
    nav .mobilmeta {
      flex: 0 0 auto; }
    nav.mobileopen .holder {
      visibility: visible;
      opacity: 1; }
    nav ul {
      margin-top: 0; }
      nav ul > li {
        display: block;
        text-align: left;
        border-bottom: 1px solid #e6e6e6;
        padding: 7px 0; }
        nav ul > li:last-child {
          border-bottom: none; }
        nav ul > li a {
          padding: 10px 0 9px;
          display: block; }
        nav ul > li.goback a {
          padding: 0; }
        nav ul > li.corporateback {
          font-family: noto_sansbold, Arial, Helvetica, sans-serif; } }
  @media all and (max-width: 640px) {
    nav .holder {
      left: -15px;
      right: -15px; }
      nav .holder .mainmenu {
        min-height: calc(100% - 250px); }
    nav .mobilmeta {
      height: 240px;
      padding-bottom: 20px;
      color: #333333; }
      nav .mobilmeta a {
        color: #333333; } }
  @media all and (max-width: 799px) {
    nav .holder {
      padding-top: 115px; } }
  @media all and (min-width: 641px) {
    nav ul {
      padding: 0 30px; } }
  @media all and (max-width: 1024px) {
    nav .hassub {
      cursor: pointer; }
      nav .hassub > a {
        margin-right: 40px; } }
  @media all and (min-width: 1025px) {
    nav {
      visibility: visible;
      opacity: 1;
      text-align: center; }
      nav .holder {
        display: inline-block;
        margin-top: 71px; }
      nav a {
        margin-right: 0; }
      nav ul {
        margin-top: 0; }
        nav ul > li > a {
          font-family: noto_sansbold, Arial, Helvetica, sans-serif; } }

.menutoggle {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  position: absolute;
  right: 0;
  top: 61px;
  top: 21px;
  cursor: pointer; }
  .menutoggle span {
    display: block;
    background: #ffffff;
    height: 3px;
    margin-bottom: 5px; }
    .menutoggle span:last-child {
      margin-bottom: 8px; }
  .menutoggle label {
    cursor: pointer;
    color: #ffffff; }
  @media all and (min-width: 381px) {
    .menutoggle {
      border-left: 1px solid #cccccc;
      padding-left: 20px; } }
  @media all and (max-width: 1024px) {
    .menutoggle {
      z-index: 5; } }
  @media all and (min-width: 800px) {
    .menutoggle {
      top: 31px;
      top: 21px; } }

.menu-open .menutoggle #menuicon {
  width: 34px;
  height: 27px;
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_h18.svg) center top no-repeat;
  background-size: 18px 18px;
  padding-bottom: 6px; }

.menu-open .menutoggle span {
  display: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .menu-open .menutoggle span:first-child {
    transform: rotate(45deg);
    margin-bottom: -11px;
    margin-top: 6px; }
  .menu-open .menutoggle span:nth-child(2) {
    opacity: 0; }
  .menu-open .menutoggle span:last-child {
    transform: rotate(-45deg);
    margin-bottom: 18px; }

.menu-open .darkback .menutoggle #menuicon {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_exit_h18_light.svg) center top no-repeat;
  background-size: 18px 18px;
  padding-bottom: 6px; }

.navopen a.level-1 {
  opacity: .5; }
  .navopen a.level-1.active {
    opacity: 1; }

.mobilmeta {
  background: #e6e6e6;
  padding: 21px 30px 0;
  height: 84px;
  margin: 10px 0 0; }
  .mobilmeta a {
    display: block;
    margin: 20px 0; }
    .mobilmeta a:first-child {
      margin-top: 0; }
  .mobilmeta select {
    width: 100%;
    margin-top: -4px;
    color: #333333; }
    .mobilmeta select * {
      color: #333333; }
  @media all and (min-width: 641px) {
    .mobilmeta {
      position: fixed;
      left: 0;
      top: calc(100% - 94px);
      width: 100%; }
      .mobilmeta a {
        display: inline-block;
        margin-left: 30px;
        margin-top: 11px;
        margin-bottom: 0; }
        .mobilmeta a:first-child {
          margin-left: 0; }
      .mobilmeta form {
        float: right; } }

.header-banner {
  font-size: 14px;
  font-size: 0.875rem;
  height: 40px;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 5px;
  padding-right: 5px; }
  @media all and (min-width: 381px) {
    .header-banner {
      padding-left: 15px;
      padding-right: 15px;
      justify-content: flex-start; } }
  @media all and (min-width: 641px) {
    .header-banner {
      margin-left: -30px;
      margin-right: -30px;
      padding-left: 30px;
      padding-right: 30px; } }
  @media all and (min-width: 1025px) {
    .header-banner {
      margin: auto; } }
  @media all and (min-width: 1201px) {
    .header-banner {
      padding-left: 55px;
      padding-right: 55px; } }
  @media all and (min-width: 1475px) {
    .header-banner {
      padding: 0 calc((100% - 1365px) / 2); } }
  .header-banner .label {
    padding-right: 5px;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    @media all and (min-width: 800px) {
      .header-banner .label {
        padding-right: 10px; } }
  .header-banner .item .date {
    white-space: nowrap; }
  .header-banner .item + .item {
    padding-left: 14px;
    position: relative;
    display: inline-block; }
    @media all and (min-width: 381px) {
      .header-banner .item + .item:before {
        content: '';
        display: inline-block;
        margin: 0;
        width: 1px;
        text-align: center;
        position: absolute;
        left: 6px;
        top: 4px;
        bottom: 4px;
        background: #808080; } }
    @media all and (min-width: 800px) {
      .header-banner .item + .item {
        padding-left: 20px; }
        .header-banner .item + .item:before {
          left: 9px; } }

.hash {
  position: absolute;
  right: 55px;
  left: auto;
  top: 50px;
  height: auto;
  width: auto;
  padding-left: 25px;
  padding-right: 20px;
  display: none; }
  @media all and (min-width: 381px) {
    .hash {
      display: block; } }

@media all and (max-width: 1024px) {
  .hash {
    z-index: 5;
    top: 28px; }
    .ticketshop.hash { 
      right: 155px; 
     } 
  }

@media all and (min-width: 1025px) {
  .hash {
    top: 78px;
    right: 0;
    padding-right: 0;
    border-left: 1px solid #cccccc;
    background: transparent; } }

.logo {
  position: absolute;
  left: 0;
  top: 30px;
  top: 20px;
  top: 0;
  z-index: 5;
  max-width: 250px;
  height: 100px;
  display: table; }
  .logo a {
    display: table;
    height: 100%;
    vertical-align: middle;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .logo a .imgholder {
      display: table-cell;
      vertical-align: middle;
      max-width: 140px; }
      .lightback .logo a .imgholder .logo-white {
        display: none; }
      .navopen .logo a .imgholder .logo-white,
      .menu-open .logo a .imgholder .logo-white {
        display: none; }
      .navopen .darkback .logo a .imgholder .logo-white,
      .menu-open .darkback .logo a .imgholder .logo-white {
        display: inline; }
      .logo a .imgholder .logo-dark {
        display: none; }
        .lightback .logo a .imgholder .logo-dark {
          display: inline; }
        .navopen .logo a .imgholder .logo-dark,
        .menu-open .logo a .imgholder .logo-dark {
          display: inline; }
        .navopen .darkback .logo a .imgholder .logo-dark,
        .menu-open .darkback .logo a .imgholder .logo-dark {
          display: none; }
    .logo a:hover {
      text-decoration: none; }
    .logo a img {
      width: 100%;
      margin-right: 20px;
      max-width: 120px; }
    .logo a .date {
      display: table-cell;
      vertical-align: middle;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 14px;
      line-height: 0.875rem; }
    .logo a.cube {
      display: table; }
      .logo a.cube .imgholder {
        float: none; }
      .logo a.cube .imgholder, .logo a.cube .date {
        display: table-cell;
        vertical-align: middle; }
      .logo a.cube .date {
        padding-top: 0; }
      .logo a.cube img {
        max-width: 80px; }
  .logo i {
    display: inline-block;
    width: 15px;
    height: 12px;
    margin: 0 5px; }
  @media all and (min-width: 381px) {
    .logo {
      max-width: 300px; } }
  @media all and (min-width: 800px) {
    .logo {
      height: 100px;
      top: 0; }
      .logo a img {
        max-width: 120px; } }
  @media all and (min-width: 1025px) {
    .logo {
      max-width: 170px;
      height: 140px; }
      .logo a {
        display: table-cell; }
        .logo a .imgholder {
          float: none;
          display: block; }
        .logo a img {
          max-width: 100%; }
         .logo a.rectangle img {
          padding: 5px 5px 0 12px;
          margin: -12px; }
        .logo a.cube img {
          max-width: 100px; }
        .logo a .date {
          display: block;
          padding-top: 5px; } }

header .grid-wrapper .navitem_marked div, header .grid-wrapper .navitem_marked p {
  color: #333333; }

header .grid-wrapper .navitem_image div, header .grid-wrapper .navitem_image p, header .grid-wrapper .navitem_image a span {
  color: #ffffff; }

@media all and (max-width: 799px) {
  header .grid-wrapper .hash {
    color: #ffffff; } }

header .grid-wrapper.lightback .date, header .grid-wrapper.corporate.dark .date, header .grid-wrapper.lightalpha .date {
  color: #333333; }

header .grid-wrapper.lightback .metanav, header .grid-wrapper.corporate.dark .metanav, header .grid-wrapper.lightalpha .metanav {
  color: #333333; }

header .grid-wrapper.lightback .close:after, header .grid-wrapper.lightback .close:before, header .grid-wrapper.corporate.dark .close:after, header .grid-wrapper.corporate.dark .close:before, header .grid-wrapper.lightalpha .close:after, header .grid-wrapper.lightalpha .close:before {
  background: #333333; }

header .grid-wrapper.lightback nav .level-1, header .grid-wrapper.corporate.dark nav .level-1, header .grid-wrapper.lightalpha nav .level-1 {
  color: #333333; }

header .grid-wrapper.lightback nav a, header .grid-wrapper.corporate.dark nav a, header .grid-wrapper.lightalpha nav a {
  -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
  -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
  box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
  header .grid-wrapper.lightback nav a:hover, header .grid-wrapper.corporate.dark nav a:hover, header .grid-wrapper.lightalpha nav a:hover {
    -moz-box-shadow: inset 0 -2px 0 #333333;
    -webkit-box-shadow: inset 0 -2px 0 #333333;
    box-shadow: inset 0 -2px 0 #333333; }

header .grid-wrapper.lightback nav .login a, header .grid-wrapper.corporate.dark nav .login a, header .grid-wrapper.lightalpha nav .login a {
  color: #333333;
  -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
  -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
  box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3); }
  header .grid-wrapper.lightback nav .login a:hover, header .grid-wrapper.corporate.dark nav .login a:hover, header .grid-wrapper.lightalpha nav .login a:hover {
    -moz-box-shadow: inset 0 -2px 0 #333333;
    -webkit-box-shadow: inset 0 -2px 0 #333333;
    box-shadow: inset 0 -2px 0 #333333; }

header .grid-wrapper.lightback .subnav, header .grid-wrapper.corporate.dark .subnav, header .grid-wrapper.lightalpha .subnav {
  background: #ffffff; }
  header .grid-wrapper.lightback .subnav li > a, header .grid-wrapper.lightback .subnav li a span, header .grid-wrapper.corporate.dark .subnav li > a, header .grid-wrapper.corporate.dark .subnav li a span, header .grid-wrapper.lightalpha .subnav li > a, header .grid-wrapper.lightalpha .subnav li a span {
    color: #333333; }
  header .grid-wrapper.lightback .subnav .navitem_image div, header .grid-wrapper.lightback .subnav .navitem_image p, header .grid-wrapper.lightback .subnav .navitem_image a span, header .grid-wrapper.corporate.dark .subnav .navitem_image div, header .grid-wrapper.corporate.dark .subnav .navitem_image p, header .grid-wrapper.corporate.dark .subnav .navitem_image a span, header .grid-wrapper.lightalpha .subnav .navitem_image div, header .grid-wrapper.lightalpha .subnav .navitem_image p, header .grid-wrapper.lightalpha .subnav .navitem_image a span {
    color: #ffffff; }

header .grid-wrapper.lightback .menutoggle span, header .grid-wrapper.corporate.dark .menutoggle span, header .grid-wrapper.lightalpha .menutoggle span {
  background: #333333; }

header .grid-wrapper.lightback .menutoggle label, header .grid-wrapper.corporate.dark .menutoggle label, header .grid-wrapper.lightalpha .menutoggle label {
  color: #333333; }

header .grid-wrapper.lightback .navitem_icon, header .grid-wrapper.corporate.dark .navitem_icon, header .grid-wrapper.lightalpha .navitem_icon {
  color: #333333; }
  header .grid-wrapper.lightback .navitem_icon svg, header .grid-wrapper.corporate.dark .navitem_icon svg, header .grid-wrapper.lightalpha .navitem_icon svg {
    fill: ; }

header .grid-wrapper.lightback .logo a, header .grid-wrapper.corporate.dark .logo a, header .grid-wrapper.lightalpha .logo a {
  color: #333333; }

@media all and (max-width: 799px) {
  header .grid-wrapper.lightback .hash, header .grid-wrapper.corporate.dark .hash, header .grid-wrapper.lightalpha .hash {
    color: #333333; } }

@media all and (min-width: 800px) {
  header .grid-wrapper.lightback .hash, header .grid-wrapper.corporate.dark .hash, header .grid-wrapper.lightalpha .hash {
    color: #333333; } }

header .grid-wrapper.lightback .header-banner {
  position: relative; }
  header .grid-wrapper.lightback .header-banner:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #666;
    opacity: .3; }

header .grid-wrapper.lightalpha .hash {
  border-color: #808080; }

header .grid-wrapper.lightalpha .header-banner {
  position: relative; }
  header .grid-wrapper.lightalpha .header-banner:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #666;
    opacity: .3; }

header .grid-wrapper.corporate.dark .navitem_icon svg {
  fill: #333333; }

header .grid-wrapper.corporate.dark .hash {
  border-color: #333333; }

header .grid-wrapper.corporate.dark .header-banner {
  position: relative; }
  header .grid-wrapper.corporate.dark .header-banner:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333333;
    opacity: .3; }

header .grid-wrapper.darkback .date {
  color: #ffffff; }

header .grid-wrapper.darkback .metanav a {
  color: #ffffff; }
  header .grid-wrapper.darkback .metanav a:hover span {
    -moz-box-shadow: inset 0 -2px 0 white;
    -webkit-box-shadow: inset 0 -2px 0 white;
    box-shadow: inset 0 -2px 0 white; }

header .grid-wrapper.darkback .close:after, header .grid-wrapper.darkback .close:before {
  background: #ffffff; }

header .grid-wrapper.darkback nav a {
  -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
  -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
  header .grid-wrapper.darkback nav a:hover {
    -moz-box-shadow: inset 0 -2px 0 white;
    -webkit-box-shadow: inset 0 -2px 0 white;
    box-shadow: inset 0 -2px 0 white; }

header .grid-wrapper.darkback nav .navitem_icon .linktitle {
  -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
  -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
  header .grid-wrapper.darkback nav .navitem_icon .linktitle:hover {
    -moz-box-shadow: inset 0 -2px 0 white;
    -webkit-box-shadow: inset 0 -2px 0 white;
    box-shadow: inset 0 -2px 0 white; }

header .grid-wrapper.darkback .holder {
  background: #333333; }

header .grid-wrapper.darkback .subnav {
  background: #333333; }
  header .grid-wrapper.darkback .subnav .subnav-wrapper, header .grid-wrapper.darkback .subnav .subnav-container {
    background: #333333; }
  header .grid-wrapper.darkback .subnav .level-2 > a {
    color: #ffffff; }

header .grid-wrapper.darkback .menutoggle span {
  background: #ffffff; }

header .grid-wrapper.darkback .menutoggle label {
  color: #ffffff; }

header .grid-wrapper.darkback .logo a {
  color: #ffffff; }

header .grid-wrapper.darkback .navitem_icon {
  color: #ffffff; }
  header .grid-wrapper.darkback .navitem_icon svg {
    fill: #ffffff; }

header .grid-wrapper.darkback .login {
  color: #ffffff; }

header .grid-wrapper.darkback .header-banner {
  position: relative; }
  header .grid-wrapper.darkback .header-banner:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #666; }

@media all and (max-width: 1024px) {
  header .grid-wrapper nav .level-1 {
    color: #ffffff; }
  header .grid-wrapper .menutoggle span {
    background: #ffffff; }
  header .grid-wrapper .menutoggle label {
    color: #ffffff; } }

@media all and (min-width: 1025px) {
  header .grid-wrapper .subnav .level-2 > a {
    color: #333333; } }

header .grid-wrapper.corporate.light .subnav, header .grid-wrapper.darkalpha .subnav {
  background: #ffffff; }
  header .grid-wrapper.corporate.light .subnav a, header .grid-wrapper.darkalpha .subnav a {
    -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    header .grid-wrapper.corporate.light .subnav a:hover, header .grid-wrapper.darkalpha .subnav a:hover {
      -moz-box-shadow: inset 0 -2px 0 #333333;
      -webkit-box-shadow: inset 0 -2px 0 #333333;
      box-shadow: inset 0 -2px 0 #333333; }
  header .grid-wrapper.corporate.light .subnav .navitem_icon, header .grid-wrapper.darkalpha .subnav .navitem_icon {
    color: #333333; }
    header .grid-wrapper.corporate.light .subnav .navitem_icon svg, header .grid-wrapper.darkalpha .subnav .navitem_icon svg {
      fill: ; }
    header .grid-wrapper.corporate.light .subnav .navitem_icon .linktitle, header .grid-wrapper.darkalpha .subnav .navitem_icon .linktitle {
      -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
      header .grid-wrapper.corporate.light .subnav .navitem_icon .linktitle:hover, header .grid-wrapper.darkalpha .subnav .navitem_icon .linktitle:hover {
        -moz-box-shadow: inset 0 -2px 0 #333333;
        -webkit-box-shadow: inset 0 -2px 0 #333333;
        box-shadow: inset 0 -2px 0 #333333; }

header .grid-wrapper.corporate.light nav .level-1, header .grid-wrapper.darkalpha nav .level-1 {
  color: #333333; }

header .grid-wrapper.corporate.light .subnav li > a, header .grid-wrapper.darkalpha .subnav li > a {
  color: #333333; }

header .grid-wrapper.corporate.light .hash, header .grid-wrapper.darkalpha .hash {
  color: #ffffff;
  border-color: #cccccc; }

header .grid-wrapper.corporate.light .login a, header .grid-wrapper.darkalpha .login a {
  color: #333333;
  -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
  -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3);
  box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0.3); }
  header .grid-wrapper.corporate.light .login a:hover, header .grid-wrapper.darkalpha .login a:hover {
    -moz-box-shadow: inset 0 -2px 0 #333333;
    -webkit-box-shadow: inset 0 -2px 0 #333333;
    box-shadow: inset 0 -2px 0 #333333; }

header .grid-wrapper.corporate.light .metanav a:hover span, header .grid-wrapper.darkalpha .metanav a:hover span {
  -moz-box-shadow: inset 0 -2px 0 white;
  -webkit-box-shadow: inset 0 -2px 0 white;
  box-shadow: inset 0 -2px 0 white; }

@media all and (min-width: 1025px) {
  header .grid-wrapper.corporate.light nav .level-1, header .grid-wrapper.darkalpha nav .level-1 {
    color: #ffffff; }
  header .grid-wrapper.corporate.light .hash, header .grid-wrapper.darkalpha .hash {
    color: #ffffff; } }

header .grid-wrapper.corporate.light .hash {
  border-color: #ffffff; }

header .grid-wrapper.corporate.light .header-banner {
  position: relative; }
  header .grid-wrapper.corporate.light .header-banner:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffffff;
    opacity: .5; }

header .grid-wrapper.darkalpha .header-banner {
  position: relative;
  color: #ffffff; }
  header .grid-wrapper.darkalpha .header-banner .item + .item:before {
    color: #808080; }
  header .grid-wrapper.darkalpha .header-banner:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffffff;
    opacity: .5; }

header .grid-wrapper.darkalpha nav a.level-1 {
  -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
  -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
  color: #ffffff; }
  header .grid-wrapper.darkalpha nav a.level-1:hover {
    -moz-box-shadow: inset 0 -2px 0 white;
    -webkit-box-shadow: inset 0 -2px 0 white;
    box-shadow: inset 0 -2px 0 white; }

header .grid-wrapper.darkalpha .metanav a {
  color: #ffffff; }
  header .grid-wrapper.darkalpha .metanav a:hover span {
    -moz-box-shadow: inset 0 -2px 0 white;
    -webkit-box-shadow: inset 0 -2px 0 white;
    box-shadow: inset 0 -2px 0 white; }

.menu-open header .grid-wrapper.corporate.light nav a.level-1, .menu-open header .grid-wrapper.darkalpha nav a.level-1 {
  color: #333333; }

.menu-open header .grid-wrapper.corporate.light .menutoggle span, .menu-open header .grid-wrapper.darkalpha .menutoggle span {
  background: #333333; }

.menu-open header .grid-wrapper.corporate.light .menutoggle label, .menu-open header .grid-wrapper.darkalpha .menutoggle label {
  color: #333333; }

.menu-open header .grid-wrapper.darkalpha .date {
  color: #ffffff; }
  .menu-open header .grid-wrapper.darkalpha .date i {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
    background-size: 15px 12px;
    background-position: center center; }

header.navopen .grid-wrapper.darkalpha .hash {
  color: #333333; }

header.navopen .grid-wrapper.darkalpha .date i {
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
  background-size: 15px 12px;
  background-position: center center; }

header.navopen .grid-wrapper.darkalpha a.level-1 {
  color: #333333;
  -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
  -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
  box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
  header.navopen .grid-wrapper.darkalpha a.level-1:hover {
    -moz-box-shadow: inset 0 -2px 0 #333333;
    -webkit-box-shadow: inset 0 -2px 0 #333333;
    box-shadow: inset 0 -2px 0 #333333; }

header.navopen .grid-wrapper.darkalpha .menutoggle span {
  background: #333333; }

header.navopen .grid-wrapper.darkalpha .menutoggle label {
  color: #333333; }

@media all and (min-width: 1025px) {
  body.navopen {
    margin-top: 180px; } }

header {
  position: relative;
  z-index: 101; }
  header a {
    -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    header a:hover {
      -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
      box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
  header .grid-wrapper {
    height: 140px; }
    header .grid-wrapper .gw-inner {
      padding-top: 30px; }
    header .grid-wrapper.lightalpha {
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0); }
    header .grid-wrapper.darkalpha {
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); }
    header .grid-wrapper.corporate, header .grid-wrapper.darkback, header .grid-wrapper.lightback {
      background: none; }
    header .grid-wrapper.corporate {
      background: ; }
    header .grid-wrapper.lightback {
      background: #ffffff; }
    header .grid-wrapper.darkback {
      background: #333333; }
  @media all and (min-width: 800px) {
      header .grid-wrapper .gw-inner {
        padding-top: 0; } }
  @media all and (min-width: 1025px) {
    header .grid-wrapper {
      height: 180px;
      padding: 0; }
      header .grid-wrapper .gw-inner {
        margin-left: 30px;
        margin-right: 30px; }
      header .grid-wrapper.lightback a, header .grid-wrapper.dark a {
        -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
        -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
        box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
        header .grid-wrapper.lightback a.level-1:hover, header .grid-wrapper.dark a.level-1:hover {
          -moz-box-shadow: inset 0 -2px 0 #333333;
          -webkit-box-shadow: inset 0 -2px 0 #333333;
          box-shadow: inset 0 -2px 0 #333333; }
      header .grid-wrapper.darkback a, header .grid-wrapper.light a {
        -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
        -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0);
        box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0); }
        header .grid-wrapper.darkback a.level-1:hover, header .grid-wrapper.light a.level-1:hover {
          -moz-box-shadow: inset 0 -2px 0 white;
          -webkit-box-shadow: inset 0 -2px 0 white;
          box-shadow: inset 0 -2px 0 white; }
      header .grid-wrapper.corporate .subnav:after {
        content: "";
        width: 100%;
        height: 130px;
        background: ;
        position: absolute;
        left: 0;
        top: 0; }
      header .grid-wrapper.corporate .subnav#subnav-search {
        border-top-color: #fff; }
        header .grid-wrapper.corporate .subnav#subnav-search:after {
          display: none; }
        header .grid-wrapper.corporate .subnav#subnav-search .subnav-wrapper {
          border-top: none; }
    header + .shadow {
      position: fixed;
      top: 140px;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      visibility: hidden;
      z-index: 10; }
     header.navopen {
      position: fixed;
      top: 0;
      left: 0;
      right: 0; }
      header.navopen + .shadow {
        background: rgba(0, 0, 0, 0.5);
        visibility: visible; } }
  @media all and (min-width: 1201px) {
    header .grid-wrapper .gw-inner {
      margin-left: 55px;
      margin-right: 55px; } }
  @media all and (min-width: 1475px) {
    header .grid-wrapper .gw-inner {
      margin: 0 calc((100% - 1365px) / 2); } }
  header nav a:focus {
    background: #f1f1f1; }
  header nav .navmodul a {
    display: inline-block; }
  header .grid-wrapper.darkback nav a:focus {
    background: #222222; }

.application .header {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 9px solid ; }
  .application .header a {
    text-decoration: none;
    box-shadow: none;
    color: #808080;
    display: inline-block; }

.application .grid-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .application .grid-wrapper .item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 50%; }
    .application .grid-wrapper .item:last-child {
      text-align: right; }
  .application .grid-wrapper .fa_logo img {
    max-width: 160px;
    display: block; }
  .application .grid-wrapper.grey-bg-content .fa_inner {
    padding-left: 0;
    padding-right: 0; }

@media all and (max-width: 1024px) {
  .subnav {
    position: fixed;
    left: 100%;
    width: 100%;
    top: 100px;
    z-index: 4;
    opacity: 1;
    visibility: visible; }
    .subnav > ul {
      min-height: 100vh;
      background: #ffffff; }
    .subnav.mobileopen {
      left: 0; }
    .subnav .corporateback {
      margin: 0 -30px;
      padding: 3px 30px;
      cursor: pointer; }
    .subnav .level-2 {
      float: none;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
      .subnav .level-2.mob-fix {
        padding: 0;
        border: 0;
        outline: none;
        height: 0; }
      .subnav .level-2 .subnav-container {
        background: #ffffff;
        position: absolute;
        left: 0;
        top: 0;
        background: #ffffff;
        height: 100%;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        transform: translate(100%, 0); }
        .subnav .level-2 .subnav-container.mobileopen {
          left: 0; }
        .subnav .level-2 .subnav-container.subnav-open {
          -webkit-transform: translate(0, 0);
          -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          transform: translate(0, 0);
          z-index: 10; } }

@media all and (max-width: 1024px) {
  .subnav {
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .subnav.subnav-open {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); } }

@media all and (min-width: 1025px) {
  #subnav-login2 {
    padding-top: 0px;
  }
  .subnav {
    position: absolute;
    left: -30px;
    right: -30px;
    z-index: 3;
    top: 0;
    padding-top: 130px;
    visibility: hidden;
    opacity: 0;
    height: 0;
    border-top: 10px solid ;
    /*
        &:before {
            position: fixed;
            top:140px;
            left:0;
            width:100%;
            height:100%;
            content: "";
            display:block;
            visibility: hidden;
        }
        */ }
    .subnav .subnav-wrapper {
      position: relative;
      width: 100%;
      max-height: calc(100vh - 180px);
      padding: 0 30px;
      overflow-y: auto;
      background: #ffffff;
      border-top: 1px solid #e6e6e6; }
    .subnav.subnav-open {
      visibility: visible;
      opacity: 1;
      height: auto;
      /*
            &:before {
                background:rgba(0,0,0,0.5);
                visibility: visible;
            }
            */ }
    .subnav a {
      color: #ffffff; }
    .subnav ul {
      margin-top: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      left: auto !important;
      padding: 0; }
    .subnav > ul {
      border-top: 1px solid #e6e6e6; }
    .subnav .close {
      width: 25px;
      height: 25px;
      position: absolute;
      right: 30px;
      top: 52px;
      cursor: pointer;
      z-index: 2; }
    .subnav li.level-2 {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: left;
      padding: 35px 20px 20px;
      border-left: 1px solid #e6e6e6; }
      .subnav li.level-2:first-child {
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0; }
      .subnav li.level-2.navmodul_icon > a {
        display: block;
        text-align: center; }
        .subnav li.level-2.navmodul_icon > a:hover {
          box-shadow: none !important; }
          .subnav li.level-2.navmodul_icon > a:hover .navitem_icon {
            box-shadow: #333333 0px -2px 0px inset; }
      .subnav li.level-2.navmodul_icon .navitem_icon {
        display: inline-block; }
      .subnav li.level-2.navmodul_icon .linktitle:hover {
        box-shadow: none !important; }
      .subnav li.level-2 ul {
        padding-top: 14px;
        padding-left: 0;
        padding-right: 0; }
        .subnav li.level-2 ul li {
          display: block;
          text-align: left;
          padding: 9px;
          width: 100%; }
    .subnav li.level-2:first-child,
    .subnav li.desktophidden + li.level-2 {
      border: none; }
      .subnav li.level-2:first-child.navmodul,
      .subnav li.desktophidden + li.level-2.navmodul {
        padding-left: 0; }
    .subnav li.level-2:last-child {
      padding-right: 0; } }

@media all and (min-width: 1201px) {
  .subnav {
    left: -55px;
    right: -55px; }
    .subnav .subnav-wrapper {
      padding-left: 55px;
      padding-right: 55px; }
    .subnav li.level-2 {
      padding: 35px 20px 20px; }
    .subnav .close {
      right: 55px; } }

@media all and (min-width: 1475px) {
  .subnav {
    left: calc( 0px - ((100vw - 1365px)/2));
    right: calc( 0px - ((100vw - 1365px)/2)); }
    .subnav .subnav-wrapper {
      padding-left: calc((100% - 1365px) / 2);
      padding-right: calc((100% - 1365px) / 2); }
    .subnav .close {
      right: calc((100% - 1365px) / 2); } }

@media all and (min-width: 1475px) {
  .touch .subnav {
    left: calc( 1px - ((100vw - 1363px) / 2));
    right: calc( 1px - ((100vw - 1363px) / 2)); }
    .touch .subnav .subnav-wrapper {
      padding-left: calc((100% - 1365px) / 2);
      padding-right: calc((100% - 1365px) / 2); } }

.navmodul .linktitle {
  transition: all  0.25s ease-out;
  -webkit-transition: all  0.25s ease-in-out;
  -moz-transition: all  0.25s ease-in-out;
  -o-transition: all  0.25s ease-in-out; }

.navitem_marked {
  background: #e6e6e6;
  padding: 18px 20px 30px;
  margin-top: 30px;
  text-align: center; }
  .navitem_marked .linktitle {
    margin-bottom: 13px; }
  .navitem_marked p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 25px;
    line-height: 1.5625rem;
    font-family: noto_sansregular, Arial, Helvetica, sans-serif;
    padding-bottom: 18px; }
  @media all and (min-width: 1025px) {
    .navitem_marked {
      margin-top: -18px;
      text-align: left; } }

.navitem_icon {
  text-align: left; }
  .navitem_icon .linktitle {
    margin-bottom: 13px;
    margin-left: 80px;
    display: inline-block; }
  .navitem_icon p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 25px;
    line-height: 1.5625rem;
    font-family: noto_sansregular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-left: 80px; }
    .navitem_icon p:empty {
      display: none; }
  .navitem_icon svg {
    width: 60px;
    height: 60px;
    margin-bottom: 9px;
    float: left; }
  @media all and (min-width: 1025px) {
    .navitem_icon {
      text-align: center; }
      .navitem_icon svg {
        float: none;
        margin-right: 0; }
      .navitem_icon p {
        margin-left: 0;
        padding-bottom: 18px; }
      .navitem_icon .linktitle {
        margin-left: 0; } }

.navitem_image {
  width: 100%;
  height: 350px;
  background-size: cover;
  position: relative;
  margin-top: 19px; }
  .navitem_image i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 100%);
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 100%);
    background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#cc333333',GradientType=0 ); }
  .navitem_image .overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 20px 30px;
    z-index: 2;
    text-align: center;
    color: #ffffff; }
    .navitem_image .overlay .linktitle {
      padding-bottom: 13px; }
    .navitem_image .overlay p {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 25px;
      line-height: 1.5625rem;
      font-family: noto_sansregular, Arial, Helvetica, sans-serif;
      padding-bottom: 45px; }
    .navitem_image .overlay a, .navitem_image .overlay a span {
      color: #ffffff; }
  @media all and (min-width: 1025px) {
    .navitem_image {
      margin-top: 0;
      padding-bottom: 100%; } }

footer {
  position: relative;
  z-index: 2; }
  footer .grid-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden; }
  @media all and (min-width: 1025px) {
    footer .inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      footer .inner div[class^="col-"] {
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
      footer .inner .col-left {
        width: 75%; }
      footer .inner .col-right {
        width: 17%; }
      footer .inner .inner {
        justify-content: normal; } }
  footer .styled_select .inner {
    display: block; }
  footer a {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  footer .organiser {
    padding-top: 40px; }
    footer .organiser strong {
      display: block;
      margin-bottom: 5px; }
    footer .organiser a {
      display: inline-block;
      width: 50%;
      float: left;
      padding-right: 20px;
      padding-bottom: 20px; }
      footer .organiser a img {
        width: 100%;
        display: block; }
    @media all and (min-width: 641px) {
      footer .organiser a {
        padding-right: 20px;
        width: 33.3333%; }
        footer .organiser a:last-child {
          margin-left: 0; } }
    @media all and (min-width: 1025px) {
      footer .organiser {
        /*
            position: absolute;
          right: 0;
          bottom: 0;
          width: 17%;
          */ }
        footer .organiser a {
          margin-top: 12px;
          margin-bottom: 8px;
          display: inline-block;
          width: auto;
          padding-bottom: 0; }
          footer .organiser a:first-child {
            margin-top: 0; }
          footer .organiser a img {
            max-width: 100%;
            display: block; } }
  footer .nlform form {
    padding-top: 23px;
    padding-bottom: 4px; }
    footer .nlform form > div {
      position: relative;
      z-index: 2; }
      footer .nlform form > div input, footer .nlform form > div select {
        background: #262626;
        color: #ffffff;
        vertical-align: bottom;
        width: 100%;
        margin-bottom: 10px;
        border: 0 none; }
  @media all and (min-width: 641px) {
    footer .nlform form {
      display: table;
      padding: 17px 0 14px;
      width: 100%; }
      footer .nlform form > div {
        display: table-cell;
        vertical-align: top; }
        footer .nlform form > div:nth-child(1), footer .nlform form > div:nth-child(2) {
          width: 50%;
          padding-right: 20px; }
          footer .nlform form > div:nth-child(1) input, footer .nlform form > div:nth-child(1) select, footer .nlform form > div:nth-child(2) input, footer .nlform form > div:nth-child(2) select {
            width: 100%; }
        footer .nlform form > div input, footer .nlform form > div select {
          background: #262626;
          color: #ffffff;
          vertical-align: bottom; }
      footer .nlform form button {
        padding-left: 20px;
        padding-right: 20px;
        vertical-align: bottom;
        white-space: nowrap; } }
  footer .nlform .styled_select {
    border-radius: 5px; }
    footer .nlform .styled_select .toggle {
      background: #262626;
      color: #ffffff;
      width: 100%;
      border: 0 none;
      margin-bottom: 10px; }
      footer .nlform .styled_select .toggle:after {
        background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg); }
    footer .nlform .styled_select .select_options {
      width: 100%;
      border: 0 none;
      background-color: #262626; }
      footer .nlform .styled_select .select_options:after {
        background: #262626;
        border-color: #333333; }
      footer .nlform .styled_select .select_options .inner {
        background: #262626;
        width: 100%; }
      footer .nlform .styled_select .select_options .entry {
        background: #262626;
        color: #ffffff;
        width: 100%; }
  footer #footer-newsletter-form > div:last-child {
    z-index: 1; }
    @media all and (max-width: 640px) {
      footer #footer-newsletter-form > div:last-child {
        margin-top: 20px; } }
  footer .socials {
    margin-top: 26px; }
    footer .socials a {
      display: inline-block;
      width: 40px;
      height: 40px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #262626;
      margin-right: 16px; }
      footer .socials a img {
        max-height: 20px;
        margin: 50% auto 0;
        display: block;
        transform: translate(0, -50%); }
  footer .meta {
    margin-top: 26px; }
    footer .meta > a + .inner {
      border-top: 1px solid #808080; }
    footer .meta .inner {
      padding-top: 14px;
      margin-top: 13px;
      display: block; }
      footer .meta .inner a {
        margin-right: 30px;
        margin-bottom: 20px;
        white-space: nowrap;
        display: inline-block; }
        footer .meta .inner a:last-child {
          margin: 0; }
    footer .meta a.noline {
      opacity: .5;
      transition: All 0.25s ease-out;
      -webkit-transition: All 0.25s ease-in-out;
      -moz-transition: All 0.25s ease-in-out;
      -o-transition: All 0.25s ease-in-out; }
      footer .meta a.noline:hover {
        opacity: 1; }
    @media all and (min-width: 641px) {
      footer .meta .inner a {
        margin-bottom: 0; } }
    @media all and (min-width: 1025px) {
      footer .meta {
        margin-top: 66px; } }
  footer .totop {
    width: 100px;
    height: 100px;
    background: #262626;
    transform: rotate(45deg);
    position: absolute;
    right: -50px;
    top: -50px;
    cursor: pointer; }
    footer .totop img {
      position: absolute;
      left: 40px;
      bottom: 10px;
      transform: rotate(-45deg); }

.footer-sponsor {
  padding-top: 15px;
  padding-bottom: 15px; }
  .footer-sponsor ul {
    display: block; }
    .footer-sponsor ul li {
      float: left;
      width: 33.3333%;
      padding: 15px 0;
      text-align: center; }
      .footer-sponsor ul li:nth-child(4) {
        clear: both; }
      .footer-sponsor ul li img {
        vertical-align: bottom;
        max-height: 100px;
        max-width: 60%; }
      .footer-sponsor ul li p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem;
        padding: 0 10px; }
  @media all and (min-width: 641px) {
    .footer-sponsor {
      padding-top: 30px;
      padding-bottom: 30px; }
      .footer-sponsor ul {
        display: table;
        width: 100%; }
        .footer-sponsor ul li {
          display: table-cell;
          vertical-align: middle;
          width: 16.6666%;
          float: none;
          padding: 0 20px; }
          .footer-sponsor ul li img {
            max-width: 80%; } }
  @media all and (min-width: 1025px) {
    .footer-sponsor ul li img {
      max-width: 80%;
      max-height: 84px; } }

.subnav.subnav_sec {
  z-index: 5; }
  .subnav.subnav_sec .hl_3 {
    padding-bottom: 30px; }
  .subnav.subnav_sec li.level-2 {
    border: none;
    padding-left: 0;
    background: none;
    font-family: noto_sansregular, Arial, Helvetica, sans-serif; }
  .subnav.subnav_sec li.col_2-3 {
    border: solid #808080;
    border-width: 0 0 1px; }
  .subnav.subnav_sec li .padfull .col_1-2 {
    width: 100%; }
  @media all and (max-width: 1024px) {
    .subnav.subnav_sec li .padfull.col_holder {
      display: block; }
    .subnav.subnav_sec li .padfull .col_1-2 {
      display: block; } }
  @media all and (min-width: 641px) {
    .subnav.subnav_sec li .col_holder {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .subnav.subnav_sec li.col_1-3:first-child, .subnav.subnav_sec li.col_2-3:first-child {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      background: none; }
    .subnav.subnav_sec li.col_1-3 {
      width: 50%;
      padding: 0 0 0 30px; }
    .subnav.subnav_sec li.col_2-3 {
      width: 50%;
      border: solid #808080;
      border-width: 0 1px 0 0;
      padding: 0 30px 0 0; }
    .subnav.subnav_sec li .navitem_image {
      margin-top: 0; } }
  @media all and (min-width: 1025px) {
    .subnav.subnav_sec li.col_1-3 {
      width: 33.3333%;
      padding-top: 0; }
    .subnav.subnav_sec li.col_2-3 {
      width: 66.6666%;
      padding-top: 0;
      border: none; } }

.subnav li.flex {
  padding: 20px 0 30px;
  background: none;
  display: block;
  width: 100%; }
  .subnav li.flex ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0; }
  @media all and (max-width: 640px) {
    .subnav li.flex.mobilefull ul {
      display: block; }
      .subnav li.flex.mobilefull ul .col_1-3, .subnav li.flex.mobilefull ul .col_2-3 {
        width: auto; } }
  @media all and (min-width: 641px) {
    .subnav li.flex {
      padding: 30px 0 60px; } }

.navitem_image.low {
  padding-bottom: 72.28915%; }
  .navitem_image.low p {
    padding-bottom: 0; }
  .navitem_image.low .btn {
    margin: 0 0 13px; }
  .navitem_image.low .hl_3 {
    padding-bottom: 13px; }
  .navitem_image.low a {
    text-align: center; }

.login .subnav-wrapper {
  border: none; }

.login .btn.full {
  width: 100%;
  margin-bottom: 16px; }

.login .form-block .form-item {
  padding-bottom: 20px; }
  .login .form-block .form-item:last-child {
    padding-bottom: 0; }
  .login .form-block .form-item.half {
    width: 100%; }

.login input[type=checkbox] + label {
  margin-top: 10px; }

.login a {
  text-align: right;
  font-family: noto_sansregular, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem; }

.login input[type="password"] {
  padding-right: 50px; }

.login .pwd_holder {
  position: relative; }
  .login .pwd_holder i {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    width: 48px;
    background: #f1f1f1;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_eye_h16.svg) center center no-repeat #f1f1f1;
    background-repeat: no-repeat;
    background-size: 16px 12px; }
  .login .pwd_holder.visible i {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_eye_dark_h16.svg) center center no-repeat #f1f1f1;
    background-size: 16px 12px; }

@media all and (min-width: 1025px) {
  .login .form-block .form-item.half {
    width: 50%; } }

.dash {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 525px; }
  .dash p {
    width: 50%;
    padding: 6px 0 6px 30px; }
  .dash a {
    float: none;
    margin: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    opacity: 1; }
    .dash a span {
      text-decoration: none;
      transition: all  0.25s ease-out;
      -webkit-transition: all  0.25s ease-in-out;
      -moz-transition: all  0.25s ease-in-out;
      -o-transition: all  0.25s ease-in-out; }
      .dash a span:hover {
        -moz-box-shadow: inset 0 -2px 0 black;
        -webkit-box-shadow: inset 0 -2px 0 black;
        box-shadow: inset 0 -2px 0 black; }
  .dash .dash_up {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 11px 0 8px; }
  .dash .dash_down {
    display: flex;
    flex-wrap: wrap;
    background-color: #808080;
    width: 100%;
    padding: 10px 0;
    border-radius: 0 0 4px 4px; }
    .dash .dash_down p a {
      color: white; }
      .dash .dash_down p a span {
        text-decoration: none;
        transition: all  0.25s ease-out;
        -webkit-transition: all  0.25s ease-in-out;
        -moz-transition: all  0.25s ease-in-out;
        -o-transition: all  0.25s ease-in-out; }
        .dash .dash_down p a span:hover {
          -moz-box-shadow: inset 0 -2px 0 white;
          -webkit-box-shadow: inset 0 -2px 0 white;
          box-shadow: inset 0 -2px 0 white; }

.loggedin-holder {
  display: inline-block;
  float: right;
  position: relative; }
  .loggedin-holder .tooltipster-base {
    display: none;
    right: 0;
    top: 25px;
    width: 520px; }
    .loggedin-holder .tooltipster-base .tooltipster-arrow {
      right: 10px;
      left: auto; }
  .loggedin-holder a.active {
    opacity: 1; }
  .loggedin-holder .tooltipster-content {
    padding: 0; }

.metanav.layeropen {
  z-index: 5; }

#subnav-search {
  z-index: 5; }
  @media all and (min-width: 1025px) {
    #subnav-search.subnav-open {
      padding-top: 0;
      height: 130px; } }
  #subnav-search .subnav-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  #subnav-search .subnav-wrapper ul li:not(.goback) {
    padding: 0;
    width: 100%;
    display: block; }
  #subnav-search .search-inner {
    text-align: right;
    width: 100%;
    padding-top: 50px; }
    @media all and (min-width: 641px) {
      #subnav-search .search-inner {
        width: 75%; } }
    @media all and (min-width: 1025px) {
      #subnav-search .search-inner {
        width: 60%;
        padding: 40px 0 0; } }
    #subnav-search .search-inner input[type="text"] {
      display: block;
      width: 100%;
      margin-bottom: 20px; }
      @media all and (min-width: 641px) {
        #subnav-search .search-inner input[type="text"] {
          width: calc(100% - 125px);
          display: inline-block;
          margin-right: 20px; } }
    #subnav-search .search-inner button {
      display: block;
      width: 100%; }
      @media all and (min-width: 641px) {
        #subnav-search .search-inner button {
          display: inline-block;
          max-width: 100px; } }

.stage.left, .stage.right {
  float: none; }

.stage.left .bg_container {
  background-position: 20% top; }

.stage.right .bg_container {
  background-position: 80% top; }

.stage.center .bg_container {
  background-position: center top; }

.stage .bg_container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  /* image-rendering: -moz-crisp-edges; */
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic; }
  .stage .bg_container.bg_desktop, .stage .bg_container.bg_desktop_large {
    display: none; }
  .stage .bg_container.bg_mobile {
    display: block; }
  @media all and (min-width: 1475px) {
    .stage .bg_container.bg_mobile, .stage .bg_container.bg_desktop_large {
      display: none; }
    .stage .bg_container.bg_desktop {
      display: block; } }

@media all and (max-width: 640px) {
  .stage.video .bg_container.bg_desktop {
    display: none !important; } }

@media all and (min-width: 641px) {
  .stage.video .bg_container.bg_mobile {
    display: none !important; } }

.stage .hl_1 {
  text-align: center;
  position: absolute; }
  .stage .hl_1.left {
    text-align: left;
    left: 0;
    right: auto;
    float: none; }
  .stage .hl_1.right {
    text-align: right;
    left: auto;
    right: 0;
    float: none; }
  .stage .hl_1.center {
    text-align: center;
    max-width: none;
    width: 100%; }
  @media all and (min-width: 641px) {
    .stage .hl_1.left, .stage .hl_1.right {
      max-width: 80%; } }
  @media all and (min-width: 1025px) {
    .stage .hl_1.left, .stage .hl_1.right {
      max-width: 50%; } }

.stage.under {
  height: 100vh;
  background-size: cover;
  margin-top: -140px; }
  .stage.under .grid-wrapper {
    margin: 0 auto;
    height: 100%;
    min-height: 450px;
    position: relative; }
    .stage.under .grid-wrapper .gw-inner {
      height: 100%; }
    .stage.under .grid-wrapper .hl_1 {
      position: absolute;
      top: 50%;
      max-width: none;
      transform: translate(0, -50%); }
  @media all and (min-width: 1025px) {
    .stage.under {
      height: 740px;
      margin-top: -180px; }
      .stage.under .bg_container {
        background-position: center top; }
      .stage.under.left .bg_container {
        background-position: left top; }
      .stage.under.right .bg_container {
        background-position: right top; }
      .stage.under.center .bg_container {
        background-position: center top; } }
  @media all and (max-width: 1024px) {
    .stage.under {
      height: 740px;
      margin-top: -180px; }
      .stage.under .bg_container {
        background-position: center top; }
      .stage.under.left .bg_container {
        background-position: left top; }
      .stage.under.right .bg_container {
        background-position: right top; }
      .stage.under.center .bg_container {
        background-position: center top; } }
  section + section .stage.under {
    margin-top: 0; }

.stage.sub, .stage .sub {
  height: calc(100vh - 115px);
  background-size: cover; }
  .stage.sub .bg_container, .stage .sub .bg_container {
    background-position: center center; }
  .stage.sub.left .bg_container, .stage .sub.left .bg_container {
    background-position: 20% top; }
  .stage.sub.right .bg_container, .stage .sub.right .bg_container {
    background-position: 80% top; }
  .stage.sub.center .bg_container, .stage .sub.center .bg_container {
    background-position: center top; }
  .stage.sub .grid-wrapper, .stage.sub .gw-inner, .stage .sub .grid-wrapper, .stage .sub .gw-inner {
    height: 100%; }
  @media all and (min-width: 800px) {
    .stage.sub, .stage .sub {
      height: calc(100vh - 100px); } }
  @media all and (min-width: 1025px) {
    .stage.sub, .stage .sub {
      height: 600px; }
      .stage.sub .bg_container, .stage .sub .bg_container {
        background-position: left top; }
      .stage.sub.left .bg_container, .stage .sub.left .bg_container {
        background-position: left top; }
      .stage.sub.right .bg_container, .stage .sub.right .bg_container {
        background-position: right top; }
      .stage.sub.center .bg_container, .stage .sub.center .bg_container {
        background-position: center top; } }

.stage.small {
  height: auto;
  position: relative; }
  .stage.small .visual {
    height: 280px; }
  @media all and (min-width: 641px) {
    .stage.small .visual {
      height: 480px; } }

body.navopen .stage.under {
  margin-top: 0; }
  @media all and (min-width: 800px) {
    body.navopen .stage.under {
      margin-top: 0; } }
  @media all and (min-width: 1025px) {
    body.navopen .stage.under {
      margin-top: 0; } }

.stage {
  /*
    @include breakpoint(desktopmedium) {
        &.video {
            video {
                height: auto;
                width:100%;
            }
        }
    }
    */ }
  .stage.keyvisual .grid-wrapper .hl_1 {
    position: relative;
    top: auto;
    transform: none;
    padding-bottom: 40px;
    padding-top: 40px; }
  .stage.keyvisual .grid-wrapper .buttons {
    position: relative;
    text-align: center; }
    .stage.keyvisual .grid-wrapper .buttons li {
      width: 100%;
      display: inline-block;
      padding: 0 0 20px; }
      .stage.keyvisual .grid-wrapper .buttons li .btn {
        width: 100%; }
  .stage.keyvisual.under {
    height: auto; }
    .stage.keyvisual.under .grid-wrapper .hl_1 {
      padding-top: 200px; }
    .stage.keyvisual.under.video {
      height: 100vh; }
      .stage.keyvisual.under.video .grid-wrapper .hl_1 {
        padding-top: 0;
        width: 100%; }
      .stage.keyvisual.under.video.nocont {
        min-height: 450px; }
    .stage.keyvisual.under.nocont .grid-wrapper {
      min-height: 450px; }
      .stage.keyvisual.under.nocont .grid-wrapper .buttons {
        padding-top: 285px; }
  @media all and (min-width: 641px) {
    .stage.keyvisual .grid-wrapper .button li {
      width: 50%;
      padding: 0 15px; } }
  @media all and (min-width: 800px) {
    .stage.keyvisual {
      height: 100vh; }
      .stage.keyvisual .grid-wrapper .hl_1 {
        position: absolute;
        top: 50%;
        max-width: none;
        transform: translate(0, -50%); }
      .stage.keyvisual .grid-wrapper .buttons {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 40px;
        font-size: 0; }
        .stage.keyvisual .grid-wrapper .buttons li {
          width: 49.99%;
          padding: 0 15px; }
      .stage.keyvisual.under {
        height: 100vh; }
        .stage.keyvisual.under .grid-wrapper .hl_1 {
          padding-top: 0; } }
  @media all and (min-width: 1025px) {
    .stage.keyvisual {
      height: 740px; }
      .stage.keyvisual.under {
        height: 740px; }
        .stage.keyvisual.under.video {
          height: 740px; } }
  @media all and (min-width: 1365px) {
    .stage.keyvisual.under.video video {
      height: auto;
      width: 100%; } }
  .stage.keyvisual.video {
    overflow: hidden; }
    .stage.keyvisual.video video {
      height: 110%;
      min-width: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      position: absolute; }
    .stage.keyvisual.video .hl_1 {
      position: absolute;
      top: 50%;
      max-width: none;
      transform: translate(0, -50%); }
    .stage.keyvisual.video .buttons {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      font-size: 0; }
      .stage.keyvisual.video .buttons li {
        width: 100%;
        padding: 0 0 20px; }
    @media all and (min-width: 800px) {
      .stage.keyvisual.video .buttons {
        bottom: 40px; }
        .stage.keyvisual.video .buttons li {
          width: 49.99%;
          padding: 0 15px; } }
  @media all and (min-width: 1025px) {
    .stage.keyvisual .grid-wrapper .gw-inner {
      width: 60%;
      margin: 0 auto; }
    .stage.keyvisual .buttons {
      bottom: 40px; } }
  .stage.keyvisual.smallstage {
    height: 374px;
    margin-top: 0; }
    .stage.keyvisual.smallstage .grid-wrapper .hl_1 {
      top: 30%;
      padding-top: 0;
      transform: translate(0, -50%);
      padding-bottom: 0; }
    .stage.keyvisual.smallstage .grid-wrapper .buttons {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      font-size: 0; }
    @media all and (min-width: 641px) {
      .stage.keyvisual.smallstage {
        height: 570px;
        margin-top: 0; }
        .stage.keyvisual.smallstage .grid-wrapper .hl_1 {
          top: 50%; } }
    @media all and (min-width: 800px) {
      .stage.keyvisual.smallstage .grid-wrapper .buttons {
        bottom: 40px; } }
    @media all and (min-width: 1025px) {
      .stage.keyvisual.smallstage {
        height: 480px; } }
    .stage.keyvisual.smallstage.nocont .grid-wrapper {
      min-height: 0; }

.stage.slider {
  position: relative; }
  .stage.slider .slides .item, .stage.slider .slides_hl .item {
    position: relative;
    height: calc(100vh - 115px); }
    .stage.slider .slides .item img, .stage.slider .slides_hl .item img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate3d(-50%, -50.01%, 0);
      -moz-transform: translate3d(-50%, -50.01%, 0);
      transform: translate3d(-50%, -50.01%, 0);
      height: 100%; }
    .stage.slider .slides .item.left img, .stage.slider .slides_hl .item.left img {
      left: 0;
      top: 50%;
      -webkit-transform: translate3d(0, -50.01%, 0);
      -moz-transform: translate3d(0, -50.01%, 0);
      transform: translate3d(0, -50.01%, 0); }
    .stage.slider .slides .item.right img, .stage.slider .slides_hl .item.right img {
      left: auto;
      right: 0;
      top: 50%;
      -webkit-transform: translate3d(0, -50.01%, 0);
      -moz-transform: translate3d(0, -50.01%, 0);
      transform: translate3d(0, -50.01%, 0); }
    .stage.slider .slides .item.center img, .stage.slider .slides_hl .item.center img {
      left: 50%;
      top: 50%; }
  .stage.slider .controlholder .pagingInfo {
    color: #ffffff; }
  .stage.slider .dark .controlholder .pagingInfo {
    color: #333333; }
  .stage.slider .copy-box .captionslides {
    position: relative;
    z-index: 2; }
  @media all and (min-width: 800px) {
    .stage.slider .slides .item, .stage.slider .slides_hl .item {
      position: relative;
      height: calc(100vh - 100px); } }
  @media all and (min-width: 1025px) {
    .stage.slider .slides .item, .stage.slider .slides_hl .item {
      position: relative;
      height: 600px; } }
  @media all and (min-width: 1120px) {
    .stage.slider .slides .item img, .stage.slider .slides_hl .item img {
      width: 100%;
      height: auto; } }
  .stage.slider .grid-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }
  .stage.slider .copy-box {
    position: absolute;
    margin: 0;
    bottom: 0;
    right: 0;
    width: 100%; }
    .stage.slider .copy-box p {
      display: none; }
    .stage.slider .copy-box .link {
      display: inline-block; }
    .stage.slider .copy-box .controlinner {
      position: relative;
      z-index: 2;
      float: right;
      white-space: nowrap;
      padding-top: 20px; }
      .stage.slider .copy-box .controlinner button {
        display: none; }
      .stage.slider .copy-box .controlinner .pagingInfo {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        display: inline-block;
        margin: 0 16px; }
    @media all and (min-width: 641px) {
      .stage.slider .copy-box p {
        display: block;
        padding-bottom: 20px; }
      .stage.slider .copy-box .link {
        margin-top: 30px; } }
    @media all and (min-width: 1025px) {
      .stage.slider .copy-box {
        max-width: 50%; } }

.stage.headline .arrows {
  position: absolute;
  top: 40%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  padding: 0 15px;
  width: 100%; }
  .stage.headline .arrows .slick-prev {
    float: left; }
  .stage.headline .arrows .slick-next {
    float: right; }

.stage.headline .copy-box a {
  font-family: noto_sansbold, Arial, Helvetica, sans-serif; }

.stage.headline .copy-box .captionslides_hl {
  position: relative;
  z-index: 2; }

@media all and (min-width: 641px) {
  .stage.headline .arrows {
    padding-left: 30px;
    padding-right: 30px; } }

@media all and (min-width: 1201px) {
  .stage.headline .arrows {
    padding-left: 55px;
    padding-right: 55px; } }

.stage.quicklink_icon .hl_1 {
  top: 10%;
  color: #ffffff;
  text-align: center;
  width: 100%; }

.stage.quicklink_icon .buttons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  display: block; }
  .stage.quicklink_icon .buttons li {
    width: 100%;
    display: inline-block;
    padding: 0 0 10px; }
    .stage.quicklink_icon .buttons li .imagelink {
      width: 100%;
      display: block;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      text-align: left; }
      .stage.quicklink_icon .buttons li .imagelink svg {
        float: left;
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 15px; }
        .stage.quicklink_icon .buttons li .imagelink svg .color {
          fill: ; }
      .stage.quicklink_icon .buttons li .imagelink span:before {
        display: none; }
      .stage.quicklink_icon .buttons li .imagelink .link {
        display: inline-block; }

@media all and (max-width: 799px) {
  .stage.quicklink_icon .buttons .imagelink {
    padding: 10px 20px 15px; }
    .stage.quicklink_icon .buttons .imagelink span {
      margin-top: 5px;
      display: inline-block; } }

@media all and (min-width: 641px) {
  .stage.quicklink_icon .hl_1 {
    top: 25%; }
  .stage.quicklink_icon .buttons {
    bottom: 30px;
    margin: 0 -10px; }
    .stage.quicklink_icon .buttons li {
      width: 33.3333%;
      display: inline-block;
      float: left;
      padding: 0 10px; }
      .stage.quicklink_icon .buttons li .imagelink {
        padding: 20px;
        text-align: center; }
        .stage.quicklink_icon .buttons li .imagelink svg {
          float: none;
          margin: 0 auto 16px;
          width: 60px;
          height: 60px; } }

@media all and (min-width: 1025px) {
  .stage.quicklink_icon .buttons {
    bottom: 40px; } }

@media all and (min-width: 1201px) {
  .stage.quicklink_icon .buttons {
    bottom: 55px; } }

.stage.quicklink_image .grid-wrapper .hl_1 {
  top: 40%;
  transform: translate(0, -50%);
  color: #ffffff;
  text-align: center;
  width: 100%;
  padding: 0 20px; }
  .stage.quicklink_image .grid-wrapper .hl_1.dark {
    color: #333333; }
  .stage.quicklink_image .grid-wrapper .hl_1.corporatecolor {
    color: ; }

.stage.quicklink_image .buttons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px; }
  .stage.quicklink_image .buttons li {
    width: 100%;
    display: inline-block;
    padding: 0 0 4px; }
    .stage.quicklink_image .buttons li .imagelink {
      width: 100%;
      display: table;
      overflow: hidden;
      padding: 0;
      position: relative;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .stage.quicklink_image .buttons li .imagelink .imgholder {
        display: table-cell;
        width: 1%;
        height: 60px;
        overflow: hidden; }
      .stage.quicklink_image .buttons li .imagelink img {
        display: block;
        vertical-align: bottom;
        height: 60px; }
      .stage.quicklink_image .buttons li .imagelink .linkholder {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        text-align: left;
        position: relative;
        padding: 0 20px;
        line-height: normal;
        height: 60px;
        overflow: hidden; }

@media all and (min-width: 381px) {
  .stage.quicklink_image .buttons li .imagelink .linkholder {
    width: 75%; } }

@media all and (min-width: 641px) {
  .stage.quicklink_image .buttons {
    bottom: 40px;
    margin: 0 -10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
    .stage.quicklink_image .buttons li {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      padding: 0 15px;
      width: 33.3333%; }
      .stage.quicklink_image .buttons li .imagelink {
        display: block;
        height: 100%; }
        .stage.quicklink_image .buttons li .imagelink .imgholder {
          display: block;
          width: auto;
          height: auto; }
        .stage.quicklink_image .buttons li .imagelink img {
          display: table-cell;
          height: auto;
          width: 100%;
          max-height: none; }
        .stage.quicklink_image .buttons li .imagelink .linkholder {
          width: 60%;
          height: auto;
          padding: 15px 20px; } }

@media all and (min-width: 1025px) {
  .stage.quicklink_image .grid-wrapper .hl_1.center {
    height: auto;
    width: 100%; } }

@media all and (min-width: 1025px) {
  .stage.quicklink_image .grid-wrapper .hl_1 {
    top: 45%; }
    .stage.quicklink_image .grid-wrapper .hl_1.center {
      max-width: none;
      width: 100%; }
  .stage.quicklink_image .buttons {
    bottom: 40px; }
    .stage.quicklink_image .buttons li .imagelink img {
      width: 100%; }
    .stage.quicklink_image .buttons li .imagelink .linkholder, .stage.quicklink_image .buttons li .imagelink .imgholder {
      width: 50%;
      display: table-cell;
      vertical-align: top;
      height: auto; }
    .stage.quicklink_image .buttons li .imagelink .linkholder {
      padding-top: 14px; } }

.stage.small {
  background: #ffffff;
  padding-bottom: 30px; }
  .stage.small a.link {
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  .stage.small.left .visual {
    background-position: 20% top; }
  .stage.small.right .visual {
    background-position: 80% top; }
  .stage.small.center .visual {
    background-position: center top; }

.stage .copy-box {
  position: relative;
  text-align: left;
  padding: 25px 20px 23px;
  margin-top: -100px; }
  .stage .copy-box i.back {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: ;
    opacity: 0.9;
    z-index: 1; }
  .stage .copy-box .hl_2, .stage .copy-box a, .stage .copy-box p {
    position: relative;
    z-index: 2;
    color: #ffffff; }
  .stage .copy-box .hl_2 {
    padding-bottom: 24px; }
  .stage .copy-box.dark .hl_2, .stage .copy-box.dark a, .stage .copy-box.dark p {
    color: #333333; }

.stage .keyvisual {
  background-size: auto 100%; }

@media all and (min-width: 641px) {
  .stage.small {
    padding-bottom: 40px; }
  .stage .copy-box {
    padding: 35px 30px 33px; } }

@media all and (min-width: 1025px) {
  .stage.small {
    padding-bottom: 0; }
  .stage .copy-box {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0; } }

@media all and (min-width: 1365px) {
  .stage .visual {
    background-size: cover !important; } }
    
.stage.fade-slider {
  overflow: hidden; }
  .stage.fade-slider .item .grid-wrapper {
    height: 100%; }
    .stage.fade-slider .item .grid-wrapper .hl_1,
    .stage.fade-slider .item .grid-wrapper .hl_2 {
      position: static;
      text-align: left;
      transform: none;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto;
      word-wrap: break-word; }
  .stage.fade-slider .item.left .bg_container {
    background-position-x: left; }
  .stage.fade-slider .item.right .bg_container {
    background-position-x: right; }
  .stage.fade-slider .item.center .bg_container {
    background-position: center; }
  .stage.fade-slider .item.top .bg_container {
    background-position-y: top; }
  .stage.fade-slider .item.bottom .bg_container {
    background-position-y: bottom; }
  .stage.fade-slider .gw-inner {
    left: 0;
    right: 0;
    bottom: 0; }
  .stage.fade-slider .copy-box .hl_1,
  .stage.fade-slider .copy-box .hl_2 {
    padding-bottom: 14px; }
  .stage.fade-slider .copy-box:before, .stage.fade-slider .copy-box:after {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: ;
    opacity: 0.5; }
  .stage.fade-slider .copy-box.calchexback {
    background-color: ; }
  .stage.fade-slider .copy-box a {
    display: block;
    -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    .stage.fade-slider .copy-box a:before {
      content: "";
      position: absolute;
      z-index: 1;
      background-color: ;
      background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg);
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 50%; }
.stage.fade-slider .copy-box a span {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 22px;
      line-height: 1.375rem; }
      @media all and (min-width: 800px) {
        .stage.fade-slider .copy-box a span {
          font-size: 16px;
          font-size: 1rem;
          line-height: 25px;
          line-height: 1.5625rem; } }
  .stage.fade-slider .copy-box.dark a:before {
    background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg); }
  .stage.fade-slider.under > .grid-wrapper {
    height: auto; }
    .stage.fade-slider.under > .grid-wrapper .hl_1,
    .stage.fade-slider.under > .grid-wrapper .hl_2 {
      position: static; }
  .stage.fade-slider .slick-dots {
    left: 0;
    right: 0; }
  @media all and (max-width: 1024px) {
    .stage.fade-slider .item {
      height: calc(100vh - 140px);
      min-height: 428px; }
    .stage.fade-slider .gw-inner {
      position: absolute;
      z-index: 1;
      background-color: ; }
    .stage.fade-slider .copy-box {
      margin: 0 0 45px 0; }
      .stage.fade-slider .copy-box:before, .stage.fade-slider .copy-box:after {
        left: 0;
        right: 0;
        bottom: 100%; }
      .stage.fade-slider .copy-box:after {
        top: -20px; }
      .stage.fade-slider .copy-box:before {
        top: -30px; }
      .stage.fade-slider .copy-box a:before {
        top: -90px;
        right: 0;
        width: 78px;
        height: 78px;
        background-size: 30px auto; }
    .stage.fade-slider.under .item {
      height: 100vh; }
    .stage.fade-slider.under .gw-inner {
      height: auto; }
    .stage.fade-slider.smallstage .item {
      height: 480px; } }
  @media all and (min-width: 1025px) {
    .stage.fade-slider .item {
      height: 600px;
      min-height: 600px; }
    .stage.fade-slider .gw-inner {
      height: 100%; }
      .stage.fade-slider .gw-inner:before, .stage.fade-slider .gw-inner:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        background-color: ; }
      .stage.fade-slider .gw-inner:before {
        right: 0;
        width: 380px; }
      .stage.fade-slider .gw-inner:after {
        left: calc(100% - 1px);
        width: calc(50vw - 50% + 1px); }
    .stage.fade-slider .copy-box {
      top: 0;
      width: 380px;
      padding-bottom: 60px; }
	  .stage.fade-slider .copy-box .hl_1,
      .stage.fade-slider .copy-box .hl_2 {
        padding-bottom: 24px; }
      .stage.fade-slider .copy-box:before, .stage.fade-slider .copy-box:after {
        top: 0;
        right: 100%;
        bottom: 0; }
      .stage.fade-slider .copy-box:after {
        left: -30px; }
      .stage.fade-slider .copy-box:before {
        left: -45px; }
      .stage.fade-slider .copy-box a:before {
        top: 0;
        left: -110px;
        width: 93px;
        height: 93px;
        background-size: 35px auto; }
	  .stage.fade-slider .copy-box a span {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 30px;
        line-height: 1.875rem; }
    .stage.fade-slider.under .item {
      height: 740px;
      min-height: 740px; }
    .stage.fade-slider.under .copy-box {
      top: 180px; }
      .stage.fade-slider.under .copy-box:before, .stage.fade-slider.under .copy-box:after {
        top: -180px; }
    .stage.fade-slider.smallstage .item {
      height: 480px;
      min-height: 480px; }
    .stage.fade-slider .fade-dots {
      position: relative;
      float: right;
      width: 440px; } }

.attention {
  padding-top: 26px;
  padding-bottom: 26px; }
  @media all and (min-width: 641px) {
    .attention {
      padding-top: 56px;
      padding-bottom: 56px; } }
  .attention .hl_2 {
    padding-bottom: 15px; }
  .attention p {
    padding-bottom: 10px; }
  .attention .link {
    display: inline-block;
    margin-top: 7px; }
  @media all and (min-width: 641px) {
    .attention .hl_2 {
      padding-bottom: 25px; }
    .attention p {
      padding-bottom: 20px; } }
  @media all and (min-width: 1025px) {
    .attention p {
      max-width: 80%; } }
  .attention.cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    padding-top: 40px;
    padding-bottom: 20px;
    display: none; }
    .attention.cookie .gw-inner {
      padding: 0 8%; }
    .attention.cookie p {
      max-width: none;
      padding-left: 50px;
      position: relative; }
    .attention.cookie .ico_attention {
      position: absolute;
      left: 0;
      top: 0;
      width: 31px;
      height: 35px;
      display: inline-block; }
    .attention.cookie .btn {
      display: block;
      text-align: center;
      margin-top: 20px; }
    @media all and (min-width: 800px) {
      .attention.cookie p {
        float: left;
        max-width: 70%;
        padding-left: 0; }
        .attention.cookie p .ico_attention {
          left: -50px; }
      .attention.cookie .btn {
        float: right;
        margin-bottom: 20px;
        margin-left: 20px;
        margin-top: 0; } }
	  .content.pl-content-marginal .pl-columns .pl-content .attention {
    padding-left: 15px;
    padding-right: 15px; }
    @media all and (min-width: 641px) {
      .content.pl-content-marginal .pl-columns .pl-content .attention {
        padding-left: 30px;
        padding-right: 30px; } }
    @media all and (min-width: 1025px) {
      .content.pl-content-marginal .pl-columns .pl-content .attention {
        padding-left: 55px;
        padding-right: 55px; } }

.intro {
  padding-top: 26px;
  padding-bottom: 26px; }
  .intro .hl_2, .intro .hl_3, .intro .hl_4, .intro .hl_5, .intro .hl_6 {
    padding-bottom: 15px; }
  .intro p {
    padding-bottom: 10px; }
  .intro .link {
    display: inline-block;
    margin-top: 7px; }
  @media all and (min-width: 641px) {
    .intro {
      padding-top: 56px;
      padding-bottom: 56px; } }
  @media all and (min-width: 641px) {
    .intro .hl_2 {
      padding-bottom: 25px; }
    .intro p {
      padding-bottom: 20px; } }
  @media all and (min-width: 1025px) {
    .intro .hl_1, .intro .hl_2, .intro .hl_3, .intro .hl_4, .intro .hl_5, .intro .hl_6 {
      width: 33.3333%;
      float: left;
      padding-right: 55px; }    
    .intro .inner {
      float: left;
      width: 66.6666%; }
    .intro .full-width {
      width: 100%; } }

.news {
  padding-top: 26px;
  padding-bottom: 26px; }
  .news .hl_2 {
    padding-bottom: 25px;
    display: block;
    text-align: center; }
  .news .hl_3 {
    padding-bottom: 7px; }
  .news .slides_news .item {
    width: 100%;
    float: left;
    padding: 0 20px;
    text-align: center; }
  .news .slides_news .slick-track {
    margin: 0 auto; }
  .news .controlholder {
    text-align: center; }
    .news .controlholder .controlinner {
      display: inline-block; }
      .news .controlholder .controlinner .pagingInfo {
        display: none;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        padding: 26px 18px 0; }
      .news .controlholder .controlinner button + .pagingInfo {
        display: inline-block; }
  @media all and (min-width: 641px) {
    .news {
      padding-top: 56px;
      padding-bottom: 56px; } }

.event-search .hl_3 {
  padding-bottom: 11px; }

.event-search form {
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 19px; }
  .event-search form input, .event-search form button {
    width: 100%;
    margin-bottom: 10px; }
  .event-search form button {
    margin-bottom: 20px; }

.event-search.ev-teaser {
  padding-top: 26px;
  padding-bottom: 24px; }

@media all and (min-width: 641px) {
  .event-search form {
    display: table;
    padding: 3px 0 14px;
    width: 100%;
    margin-bottom: 29px; }
    .event-search form div {
      display: table-cell; }
      .event-search form div:first-child {
        width: 100%;
        padding-right: 30px; }
        .event-search form div:first-child input {
          width: 100%; }
    .event-search form button {
      padding-left: 50px;
      padding-right: 50px;
      margin-bottom: 17px; }
    .event-search form .btn.primary.medium {
      padding-left: 75px;
      padding-right: 75px; }
  .event-search.ev-teaser {
    padding-top: 36px;
    padding-bottom: 33px; } }

.search-complete form {
  border-bottom: none;
  margin-bottom: none; }

@media all and (min-width: 641px) {
  .search-complete form {
    display: block;
    padding: 0;
    width: auto;
    margin-bottom: 0; }
    .search-complete form div {
      display: block; }
      .search-complete form div:first-child {
        width: auto;
        padding-right: 0; }
        .search-complete form div:first-child.invertedback {
          padding-right: 30px; }
    .search-complete form .form-holder div {
      display: table-cell; }
      .search-complete form .form-holder div:first-child {
        width: 100%;
        padding-right: 30px; }
        .search-complete form .form-holder div:first-child input {
          width: 100%; }
      .search-complete form .form-holder div.tablerow {
        padding-right: 0;
        width: auto; } }

.target-group {
  padding-top: 24px;
  padding-bottom: 22px; }
  .target-group ul {
    margin-bottom: -11px; }
    .target-group ul li {
      padding-bottom: 16px; }
  @media all and (min-width: 800px) {
    .target-group ul {
      display: block; }
      .target-group ul li {
        width: 100%;
        padding-bottom: 12px; } }
  @media all and (min-width: 641px) {
    .target-group ul li {
      width: 33.3333%;
      float: left; } }
  @media all and (min-width: 1025px) {
    .target-group ul {
      text-align: center;
      float: none;
      margin-bottom: 0; }
      .target-group ul li {
        display: inline-block;
        padding: 0 1.2%;
        float: none;
        width: auto; } }
  @media all and (min-width: 1201px) {
    .target-group ul li {
      padding: 0 2%; } }

.social-media-bar {
  position: relative;
  z-index: 2;
  padding-top: 24px;
  padding-bottom: 22px; }
  .social-media-bar ul {
    float: left;
    margin-bottom: -28px;
    width: 100%; }
    .social-media-bar ul li {
      display: block;
      float: left;
      text-align: center;
      width: 50%;
      padding-bottom: 28px; }
      .social-media-bar ul li a {
        padding-top: 35px;
        display: block;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
        .social-media-bar ul li a:hover {
          text-decoration: none; }
        .social-media-bar ul li a .opened {
          display: none; }
        .social-media-bar ul li a.open .closed {
          display: none; }
        .social-media-bar ul li a.open .opened {
          display: inline-block; }
  @media all and (max-width: 640px) {
    .social-media-bar ul li:nth-child(n+4) {
      display: none; }
    .social-media-bar ul li.fix {
      display: block; }
    .social-media-bar ul.open li:nth-child(n+4) {
      display: block; } }
  @media all and (min-width: 641px) {
    .social-media-bar {
      padding-bottom: 0; }
      .social-media-bar ul {
        text-align: center;
        float: none;
        margin-bottom: 0;
        padding-top: 6px;
        padding-bottom: 1px; }
        .social-media-bar ul li {
          width: 20%; }
          .social-media-bar ul li:nth-child(n+5) {
            display: none; }
          .social-media-bar ul li:nth-child(5):nth-last-child(2) {
            display: block; }
          .social-media-bar ul li.fix {
            display: none; }
          .social-media-bar ul li:nth-child(n+6) + .fix {
            display: block; }
        .social-media-bar ul.open li:nth-child(n+5) {
          display: block; } }

.exhibitor {
  padding-top: 24px;
  padding-bottom: 22px; }
  .exhibitor .hl_2 {
    padding-bottom: 25px;
    display: block;
    text-align: center; }
  .exhibitor .slides_exhibitor,
  .exhibitor .slides_exhibitor_inverse,
  .exhibitor .slides_exhibitor_article {
    margin: 0; }
    .exhibitor .slides_exhibitor .slick-list,
    .exhibitor .slides_exhibitor_inverse .slick-list,
    .exhibitor .slides_exhibitor_article .slick-list {
      margin-left: -2px; }
    .exhibitor .slides_exhibitor .item,
    .exhibitor .slides_exhibitor_inverse .item,
    .exhibitor .slides_exhibitor_article .item {
      padding: 0 20px;
      text-align: center;
      position: relative;
      padding: 0 3px; }
      .exhibitor .slides_exhibitor .item .inner,
      .exhibitor .slides_exhibitor_inverse .item .inner,
      .exhibitor .slides_exhibitor_article .item .inner {
        height: 125px;
        border: 1px solid #e6e6e6;
        position: relative; }
      .exhibitor .slides_exhibitor .item img, .exhibitor .slides_exhibitor .item p,
      .exhibitor .slides_exhibitor_inverse .item img, .exhibitor .slides_exhibitor_inverse .item p,
      .exhibitor .slides_exhibitor_article .item img, .exhibitor .slides_exhibitor_article .item p {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        max-width: 65%;
        max-height: 80px; }
      .exhibitor .slides_exhibitor .item p,
      .exhibitor .slides_exhibitor_inverse .item p,
      .exhibitor .slides_exhibitor_article .item p {
        width: 100%;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 26px;
        line-height: 1.625rem;
        font-family: , Arial, Helvetica, sans-serif;
        padding: 0 10px; }
      .exhibitor .slides_exhibitor .item span,
      .exhibitor .slides_exhibitor_inverse .item span,
      .exhibitor .slides_exhibitor_article .item span {
        display: inline-block;
        padding-top: 5px;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 14px;
        line-height: 0.875rem;
        vertical-align: top; }
  .exhibitor .slide_footer .controlholder {
    padding-top: 26px;
    float: left; }
    .exhibitor .slide_footer .controlholder .controlinner {
      display: inline-block; }
      .exhibitor .slide_footer .controlholder .controlinner .pagingInfo {
        display: inline-block;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        padding: 0 18px; }
  .exhibitor .slide_footer .primarylink {
    float: right;
    margin-top: 28px; }
  @media all and (max-width: 640px) {
  .specialized-fairs .slick-slider .copy {
	  bottom: -40px;
	  right: 10px;
	}
    .exhibitor .slides_exhibitor,
    .exhibitor .slides_exhibitor_inverse,
    .exhibitor .slides_exhibitor_article {
      margin: 0 -15px; }
      .exhibitor .slides_exhibitor .item,
      .exhibitor .slides_exhibitor_inverse .item,
      .exhibitor .slides_exhibitor_article .item {
        margin-bottom: 10px; }
        .exhibitor .slides_exhibitor .item .inner,
        .exhibitor .slides_exhibitor_inverse .item .inner,
        .exhibitor .slides_exhibitor_article .item .inner {
          border: 2px solid #cccccc; }
    .exhibitor .slide_footer {
      text-align: center; }
      .exhibitor .slide_footer .controlholder {
        display: none; }
      .exhibitor .slide_footer .link {
        float: none;
        display: inline-block;
        margin-top: 14px; }
      .exhibitor .slide_footer .primarylink {
        float: none;
        display: inline-block;
        margin-top: 14px; } }

.specialized-fairs {
  padding-top: 40px;
  padding-bottom: 40px; }
  .specialized-fairs .img-holder {
    height: 100px;
    max-width: 250px;
    margin: 20px auto; }
    .specialized-fairs .img-holder img {
      max-width: 100%;
      max-height: 100px; }
  .specialized-fairs .hl_2 {
    padding-bottom: 25px;
    display: block;
    text-align: center; }
  .specialized-fairs .slides_sp_fairs {
    margin: 0; }
    .specialized-fairs .slides_sp_fairs .img-holder {
      position: relative; }
    .specialized-fairs .slides_sp_fairs .slick-list {
      margin-left: -2px; }
    .specialized-fairs .slides_sp_fairs .item {
      padding: 0 20px;
      text-align: center;
      position: relative;
      padding: 0 3px; }
      .specialized-fairs .slides_sp_fairs .item .inner {
        padding: 10px 20px 30px;
        border: 1px solid #e6e6e6; }
      .specialized-fairs .slides_sp_fairs .item img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute; }
      .specialized-fairs .slides_sp_fairs .item a:hover {
        text-decoration: none; }
      .specialized-fairs .slides_sp_fairs .item strong {
        display: inline-block;
        margin-bottom: 5px; }
  .specialized-fairs .slide_footer .controlholder {
    text-align: center; }
    .specialized-fairs .slide_footer .controlholder .controlinner {
      display: inline; }
      .specialized-fairs .slide_footer .controlholder .controlinner .pagingInfo {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        padding: 34px  18px 0;
        display: none; }
      .specialized-fairs .slide_footer .controlholder .controlinner button + .pagingInfo {
        display: inline-block; }
  @media all and (min-width: 641px) {
    .specialized-fairs .slides_sp_fairs .item {
      width: 33.3333%;
      float: left;
      min-height: 265px; }
      .specialized-fairs .slides_sp_fairs .item .inner,
      .specialized-fairs .slides_sp_fairs .item .inline {
        height: 100%; } }
  @media all and (min-width: 1025px) {
    .specialized-fairs .slides_sp_fairs .item {
      width: 25%;
      min-height: 250px; } }

.social-media-wall {
  padding-top: 40px;
  padding-bottom: 40px;
  /*
    @include breakpoint(padtodesktopmedium) {
        .slides_smw {
            .item {
                &.item_tw {
                    .detail {
                        .ico_twitter {
                            & + p {
                                font-size: 1.5vw;
                                line-height: normal;
                            }
                        }
                    }

                }
                &.item_fb {
                    .detail {
                        & > p {

                        }
                    }
                }
            }
        }

    }
    */ }
  .social-media-wall .hl_2 {
    padding-bottom: 25px;
    display: block;
    text-align: center; }
  .social-media-wall .slides_smw .slick-list, .social-media-wall .static_smw .slick-list {
    margin-left: -2px; }
  .social-media-wall .slides_smw .item, .social-media-wall .static_smw .item {
    height: auto;
    position: relative; }
    .social-media-wall .slides_smw .item:before, .social-media-wall .static_smw .item:before {
      content: "";
      display: block;
      margin-top: 100%; }
    .social-media-wall .slides_smw .item .inner, .social-media-wall .static_smw .item .inner {
      background: #ffffff;
      height: 100%;
      position: absolute;
      left: 2px;
      right: 2px;
      top: 0; }
    .social-media-wall .slides_smw .item .social_entry, .social-media-wall .static_smw .item .social_entry {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 0 20px 20px;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem; }
      .social-media-wall .slides_smw .item .social_entry p, .social-media-wall .static_smw .item .social_entry p {
        padding-top: 4px;
        color: #808080; }
        .social-media-wall .slides_smw .item .social_entry p a, .social-media-wall .static_smw .item .social_entry p a {
          color: #333333;
          display: inline-block;
          margin-bottom: 3px;
          font-family: Verdana,Arial, Helvetica, sans-serif; }
    .social-media-wall .slides_smw .item.item_fb, .social-media-wall .slides_smw .item.item_youtube, .social-media-wall .static_smw .item.item_fb, .social-media-wall .static_smw .item.item_youtube {
      position: relative; }
      .social-media-wall .slides_smw .item.item_fb .detail, .social-media-wall .slides_smw .item.item_youtube .detail, .social-media-wall .static_smw .item.item_fb .detail, .social-media-wall .static_smw .item.item_youtube .detail {
        padding: 24px 20px 30px; }
        .social-media-wall .slides_smw .item.item_fb .detail > p, .social-media-wall .slides_smw .item.item_youtube .detail > p, .social-media-wall .static_smw .item.item_fb .detail > p, .social-media-wall .static_smw .item.item_youtube .detail > p {
          line-height: 20px;
          line-height: 1.25rem; }
      .social-media-wall .slides_smw .item.item_fb .ico_fb, .social-media-wall .slides_smw .item.item_fb .ico_youtube, .social-media-wall .slides_smw .item.item_youtube .ico_fb, .social-media-wall .slides_smw .item.item_youtube .ico_youtube, .social-media-wall .static_smw .item.item_fb .ico_fb, .social-media-wall .static_smw .item.item_fb .ico_youtube, .social-media-wall .static_smw .item.item_youtube .ico_fb, .social-media-wall .static_smw .item.item_youtube .ico_youtube {
        float: left;
        margin-right: 12px; }
      .social-media-wall .slides_smw .item.item_fb .img-holder, .social-media-wall .slides_smw .item.item_youtube .img-holder, .social-media-wall .static_smw .item.item_fb .img-holder, .social-media-wall .static_smw .item.item_youtube .img-holder {
        overflow: hidden;
        position: relative; }
        .social-media-wall .slides_smw .item.item_fb .img-holder:before, .social-media-wall .slides_smw .item.item_youtube .img-holder:before, .social-media-wall .static_smw .item.item_fb .img-holder:before, .social-media-wall .static_smw .item.item_youtube .img-holder:before {
          content: "";
          display: block;
          margin-top: 50%; }
        .social-media-wall .slides_smw .item.item_fb .img-holder img, .social-media-wall .slides_smw .item.item_youtube .img-holder img, .social-media-wall .static_smw .item.item_fb .img-holder img, .social-media-wall .static_smw .item.item_youtube .img-holder img {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .social-media-wall .slides_smw .item.item_fb .youtube-holder, .social-media-wall .slides_smw .item.item_youtube .youtube-holder, .social-media-wall .static_smw .item.item_fb .youtube-holder, .social-media-wall .static_smw .item.item_youtube .youtube-holder {
        overflow: hidden;
        position: relative;
        height: 50%;
        width: 100%; }
      .social-media-wall .slides_smw .item.item_fb .truncate_2row, .social-media-wall .slides_smw .item.item_youtube .truncate_2row, .social-media-wall .static_smw .item.item_fb .truncate_2row, .social-media-wall .static_smw .item.item_youtube .truncate_2row {
        max-height: 70px; }
        .social-media-wall .slides_smw .item.item_fb .truncate_2row > div + a, .social-media-wall .slides_smw .item.item_youtube .truncate_2row > div + a, .social-media-wall .static_smw .item.item_fb .truncate_2row > div + a, .social-media-wall .static_smw .item.item_youtube .truncate_2row > div + a {
          border: none !important;
          box-shadow: none !important;
          cursor: default; }
    .social-media-wall .slides_smw .item.item_tw .detail, .social-media-wall .static_smw .item.item_tw .detail {
      padding: 20px 20px 30px;
      text-align: center;
      font-size: 16px;
      font-size: 1rem;
      line-height: 22px;
      line-height: 1.375rem; }
      .social-media-wall .slides_smw .item.item_tw .detail p a, .social-media-wall .static_smw .item.item_tw .detail p a {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        color: #333333; }
      .social-media-wall .slides_smw .item.item_tw .detail > p a, .social-media-wall .static_smw .item.item_tw .detail > p a {
        word-break: break-all;
        display: inline-block;
        max-width: 100%; }
      .social-media-wall .slides_smw .item.item_tw .detail .social_entry p a, .social-media-wall .static_smw .item.item_tw .detail .social_entry p a {
        font-family: noto_sansregular, Arial, Helvetica, sans-serif; }
    .social-media-wall .slides_smw .item.item_tw [class^="ico"], .social-media-wall .static_smw .item.item_tw [class^="ico"] {
      display: block;
      margin: 0 auto 24px; }
    .social-media-wall .slides_smw .item.item_instgr, .social-media-wall .static_smw .item.item_instgr {
      position: relative; }
      .social-media-wall .slides_smw .item.item_instgr .ico_instgr, .social-media-wall .static_smw .item.item_instgr .ico_instgr {
        float: left;
        margin-right: 12px; }
      .social-media-wall .slides_smw .item.item_instgr .social_entry, .social-media-wall .static_smw .item.item_instgr .social_entry {
        padding-top: 30px;
        background: rgba(51, 51, 51, 0.8); }
        .social-media-wall .slides_smw .item.item_instgr .social_entry p, .social-media-wall .static_smw .item.item_instgr .social_entry p {
          color: #cccccc; }
          .social-media-wall .slides_smw .item.item_instgr .social_entry p a, .social-media-wall .static_smw .item.item_instgr .social_entry p a {
            color: #ffffff; }
      .social-media-wall .slides_smw .item.item_instgr .img-holder, .social-media-wall .static_smw .item.item_instgr .img-holder {
        height: 100%;
        overflow: hidden;
        position: relative; }
        .social-media-wall .slides_smw .item.item_instgr .img-holder img, .social-media-wall .static_smw .item.item_instgr .img-holder img {
          top: -9999px;
          right: -9999px;
          bottom: -9999px;
          left: -9999px;
          margin: auto;
          min-width: 100%;
          max-width: 100%; }
  .social-media-wall .social_icon {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .social-media-wall .slide_footer .controlholder {
    text-align: center;
    color: #333333; }
    .social-media-wall .slide_footer .controlholder .controlinner {
      display: inline; }
      .social-media-wall .slide_footer .controlholder .controlinner .pagingInfo {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        padding: 34px 18px 0;
        display: none; }
      .social-media-wall .slide_footer .controlholder .controlinner button + .pagingInfo {
        display: inline-block; }
  .social-media-wall .slide_footer .social {
    padding-top: 20px; }
    .social-media-wall .slide_footer .social ul {
      text-align: center;
      position: relative;
      padding-top: 30px;
      margin: 0 -10px; }
    .social-media-wall .slide_footer .social li {
      display: inline-block; }
      .social-media-wall .slide_footer .social li a {
        display: inline-block;
        width: 25px;
        height: 25px;
        background-position: center center;
        margin: 0 7px;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important; }
      .social-media-wall .slide_footer .social li:first-child {
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        top: 0; }
  .social-media-wall .static_smw .item {
    width: 100%;
    float: left; }
    .social-media-wall .static_smw .item .inner {
      top: 2px;
      bottom: 2px;
      height: auto;
      left: 0;
      right: 0; }
    .social-media-wall .static_smw .item .social_entry {
      padding-bottom: 10px; }
  @media all and (min-width: 681px) {
    .social-media-wall .static_smw .item {
      width: 50%; }
      .social-media-wall .static_smw .item .inner {
        left: 2px;
        right: 2px; } }
  @media all and (min-width: 1025px) {
    .social-media-wall .static_smw .item {
      width: 33.3333%; }
      .social-media-wall .static_smw .item .social_entry {
        padding-bottom: 20px; } }
  @media all and (min-width: 681px) {
    .social-media-wall {
      overflow: hidden;
      position: relative; }
      .social-media-wall .sideoverlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 30px;
        height: 100%;
        background: #e6e6e6; }
      .social-media-wall .slides_smw .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: none;
        -o-transform: translate3d(0, 0, 0);
        transform: none;
        position: relative; }
      .social-media-wall .slides_smw .item.item_fb .detail, .social-media-wall .slides_smw .item.item_youtube .detail {
        padding: 27px 30px 30px; }
      .social-media-wall .slides_smw .item.item_tw .detail {
        padding: 30px 30px 40px; }
      .social-media-wall .slides_smw .item.item_tw [class^="ico"] {
        margin: 0 auto 34px; }
      .social-media-wall .slides_smw .item .social_entry {
        padding: 0 30px 26px; }
      .social-media-wall .slide_footer .controlholder {
        float: left; }
      .social-media-wall .slide_footer .social {
        float: right;
        padding-top: 34px; }
        .social-media-wall .slide_footer .social ul {
          margin: 0;
          padding-top: 0; }
        .social-media-wall .slide_footer .social li:first-child {
          display: inline-block;
          position: relative;
          width: auto; }
        .social-media-wall .slide_footer .social a {
          margin-left: 20px; }
        .social-media-wall .slide_footer .social span {
          float: left;
          margin-top: -12px; } }
  @media all and (min-width: 1201px) {
    .social-media-wall .sideoverlay {
      width: 55px; }
    .social-media-wall .slides_smw .item.item_tw .detail .ico_twitter + p {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 26px;
      line-height: 1.625rem; } }
  @media all and (min-width: 1475px) {
    .social-media-wall .sideoverlay {
      width: calc((100% - 1365px) / 2); } }

.hlcf .social-media-wall {
  padding-top: 0;
  padding-bottom: 0; }
  .hlcf .social-media-wall .inner {
    padding: 0; }
    .hlcf .social-media-wall .inner p:last-child {
      padding-bottom: 0; }
  .hlcf .social-media-wall .social > ul > li {
    padding-left: 0;
    padding-bottom: 0; }
    .hlcf .social-media-wall .social > ul > li:before {
      display: none; }

.quicklink-image {
  padding-top: 30px;
  padding-bottom: 30px; }
  .quicklink-image .holder a {
    display: block;
    margin-bottom: 10px;
    background: #ffffff; }
    .quicklink-image .holder a img {
      width: 100%; }
    .quicklink-image .holder a .icon-holder {
      position: relative;
      padding-bottom: 56.25%;
      display: block;
      background: ;
      box-shadow: none !important; }
      .quicklink-image .holder a .icon-holder img, .quicklink-image .holder a .icon-holder svg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 35%; }
      .quicklink-image .holder a .icon-holder.light svg {
        fill: #ffffff; }
        .quicklink-image .holder a .icon-holder.light svg .color {
          fill: #ffffff; }
      .quicklink-image .holder a .icon-holder.dark svg {
        fill: #000000; }
        .quicklink-image .holder a .icon-holder.dark svg .color {
          fill: #000000; }
  .quicklink-image .holder p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
    font-family: , Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 17px 20px 22px; }
  @media all and (min-width: 481px) {
    .quicklink-image .holder {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      margin-left: -10px; }
      .quicklink-image .holder a {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: calc(50% - 10px);
        margin-left: 10px; } }
  @media all and (min-width: 1025px) {
    .quicklink-image {
      padding-top: 40px;
      padding-bottom: 40px; }
      .quicklink-image .holder {
        margin-left: -5px; }
        .quicklink-image .holder a {
          width: calc(25% - 5px);
          margin-left: 5px;
          margin-bottom: 0; } }

.checklist {
  padding-top: 40px;
  padding-bottom: 40px; }
  .checklist .hl_2 {
    text-align: center;
    padding-bottom: 30px; }
  .checklist .slick-list {
    width: calc(100% + 3px); }
  .checklist .slides_checklist .slick-track {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
  .checklist .slides_checklist .item {
    width: 25%;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 2px;
    height: auto; }
    .checklist .slides_checklist .item .inner {
      height: 100%;
      border: 1px solid #e6e6e6;
      padding: 30px 15px 55px;
      text-align: left;
      position: relative; }
    .checklist .slides_checklist .item strong.label {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      padding: 6px 10px 4px;
      text-transform: uppercase;
      display: inline-block;
      font-weight: 400;
      margin-bottom: 14px;
      background: #e6e6e6;
      color: #808080; }
    .checklist .slides_checklist .item .date {
      color: #808080; }
    .checklist .slides_checklist .item p {
      padding-bottom: 10px; }
      .checklist .slides_checklist .item p.bot {
        position: absolute;
        bottom: 23px;
        left: 15px;
        width: 100%;
        text-align: left;
        padding-bottom: 0; }
  .checklist .slide_footer {
    text-align: center; }
    .checklist .slide_footer .controlholder {
      padding-top: 26px; }
      .checklist .slide_footer .controlholder .controlinner {
        display: none; }
  @media all and (min-width: 641px) {
    .checklist .slide_footer .controlholder {
      float: left; }
      .checklist .slide_footer .controlholder .controlinner {
        display: inline-block; }
        .checklist .slide_footer .controlholder .controlinner .pagingInfo {
          display: inline-block;
          font-family: noto_sansbold, Arial, Helvetica, sans-serif;
          padding: 0 18px; }
    .checklist .slide_footer .primarylink {
      float: right;
      margin-top: 28px; }
    .checklist .slides_checklist .item .inner {
      padding: 30px 20px 55px; }
    .checklist .slides_checklist .item p.bot {
      left: 20px; } }

.quickfacts {
  padding-top: 26px;
  padding-bottom: 26px; }
  .quickfacts .hl_2 {
    text-align: center;
    padding-bottom: 30px; }
  .quickfacts .factsholder .fact {
    text-align: center;
    padding: 0 20px; }
    .quickfacts .factsholder .fact svg {
      display: block;
      width: 120pX;
      height: 120px;
      fill: #333333;
      margin: 0 auto 14px; }
    .quickfacts .factsholder .fact .hl_2 {
      padding-bottom: 2px; }
      .quickfacts .factsholder .fact .hl_2 sup {
        font-size: 18px;
        font-size: 1.125rem; }
    .quickfacts .factsholder .fact:nth-child(n+2) {
      display: none; }
  .quickfacts .button-footer {
    padding-top: 38px;
    text-align: center; }
  @media all and (min-width: 641px) {
    .quickfacts {
      padding-top: 56px;
      padding-bottom: 56px; } }
  @media all and (min-width: 641px) {
    .quickfacts .factsholder .fact {
      width: 33.3333%;
      float: left; }
      .quickfacts .factsholder .fact:nth-child(n) {
        display: block; }
      .quickfacts .factsholder .fact:nth-child(n+4) {
        display: none; } }
  @media all and (min-width: 1025px) {
    .quickfacts .factsholder .fact {
      width: 25%; }
      .quickfacts .factsholder .fact:nth-child(n) {
        display: block; } }

.save-the-date {
  padding-top: 40px;
  padding-bottom: 40px; }
  .save-the-date .hl_2 {
    padding-bottom: 20px; }
  .save-the-date p {
    padding-bottom: 20px; }
  .save-the-date .btn {
    margin-top: 13px; }
    .save-the-date .btn:hover {
      margin-top: 12px; }

.keyvisual_theme {
  background: #ffffff;
  padding-bottom: 30px;
  position: relative; }
  .keyvisual_theme .keyvisual {
    height: 480px;
    background-position: left top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1; }
    .keyvisual_theme .keyvisual .bg_container {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-size: cover; }
    .keyvisual_theme .keyvisual.center .bg_container {
      background-position: center top; }
    .keyvisual_theme .keyvisual.right {
      float: none; }
      .keyvisual_theme .keyvisual.right .bg_container {
        background-position: right top; }
    .keyvisual_theme .keyvisual.left {
      float: none; }
      .keyvisual_theme .keyvisual.left .bg_container {
        background-position: left top; }
    @media all and (max-width: 640px) {
      .keyvisual_theme .keyvisual .bg_container.bg_desktop {
        background: none !important; } }
    @media all and (min-width: 641px) {
      .keyvisual_theme .keyvisual .bg_container.bg_mobile {
        background: none !important; } }
  .keyvisual_theme .grid-wrapper, .keyvisual_theme .gw-inner {
    height: 100%; }
  .keyvisual_theme .grid-wrapper {
    padding-left: 0;
    padding-right: 0; }
  .keyvisual_theme .copy {
    position: relative;
    width: 100%;
    background: ;
    opacity: 0.9;
    padding: 30px 15px;
    z-index: 2; }
    .keyvisual_theme .copy .hl_2 {
      padding-bottom: 20px; }
    .keyvisual_theme .copy p {
      padding-bottom: 20px; }
  @media all and (min-width: 641px) {
    .keyvisual_theme {
      padding-bottom: 40px; }
      .keyvisual_theme .copy {
        padding: 40px 30px; } }
  @media all and (min-width: 1025px) {
    .keyvisual_theme {
      padding-bottom: 0; }
      .keyvisual_theme .keyvisual {
        height: 620px; }
      .keyvisual_theme .grid-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding-left: 30px;
        padding-right: 30px; }
      .keyvisual_theme .copy {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 420px;
        margin-top: 0 !important;
        padding: 40px; }
        .keyvisual_theme .copy .link {
          margin-top: 30px;
          display: inline-block; } }
  @media all and (min-width: 1365px) {
    .keyvisual_theme .keyvisual .bg_container {
      background-size: cover !important; } }
  @media all and (min-width: 1475px) {
    .keyvisual_theme .grid-wrapper {
      padding: 0 calc((100% - 1365px) / 2); } }

.breadcrumb {
  border-bottom: 10px solid ; }
  .breadcrumb .grid-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2; }
    .breadcrumb .grid-wrapper:first-child {
      position: relative; }
    .breadcrumb .grid-wrapper.invisible {
      visibility: hidden;
      z-index: 1; }
  .breadcrumb-container {
    position: relative; }
  .breadcrumb ul {
    display: none;
    white-space: nowrap; }
  .breadcrumb li {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    padding-right: 27px;
    margin-right: 15px;
    display: inline-block; }
    .breadcrumb li:last-child {
      background: none;
      padding-right: 0;
      margin-right: 0; }
    .breadcrumb li a.home img {
      margin-bottom: -3px;
      display: block; }
    .breadcrumb li.short:after {
      content: "..."; }
    .breadcrumb li.short a {
      display: none; }
    .breadcrumb li:first-child:after, .breadcrumb li:last-child:after {
      display: none; }
    .breadcrumb li:first-child a, .breadcrumb li:last-child a {
      display: inline-block; }
    .breadcrumb li.short + .short + .short {
      display: none; }
  .breadcrumb a {
    color: #333333;
    display: inline-block; }
  @media all and (min-width: 641px) {
    .breadcrumb {
      padding: 13px 0; }
      .breadcrumb ul {
        display: inline-block; } }

.cmodul {
  padding-bottom: 5px; }
  .cmodul.invertedback {
    margin-top: 0; }
  .cmodul .hl_2, .cmodul .hl_3, .cmodul .hl_4 {
    padding-bottom: 20px; }
    .cmodul .hl_2.overline_hl, .cmodul .hl_3.overline_hl, .cmodul .hl_4.overline_hl {
      padding-bottom: 8px; }
  .cmodul p {
    padding-bottom: 20px; }
    .cmodul p:last-child {
      padding-bottom: 13px; }
    .cmodul p:empty {
      display: none; }
  .cmodul .invertedback {
    padding: 30px 15px; }
  @media all and (min-width: 641px) {
    .cmodul .invertedback {
      padding: 30px; } }
  .cmodul .gw-inner {
    background-color: #ffffff; }
  .cmodul.darkback .gw-inner {
    background-color: #333333;
    color: #ffffff; }

section.content {
  padding-bottom: 50px; }

.options-bar {
  padding-top: 5px; } 

.options-bar .shareholder {
  border-bottom: 1px solid #e6e6e6; }
  .options-bar .shareholder a {
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    padding-left: 27px;
    margin-right: 25px;
    margin-bottom: 10px;
    white-space: nowrap;
    display: inline-block;
    float: left;
    opacity: 0.6;
    min-height: 20px;
    background-repeat: no-repeat;
    background-position-x: left; }
    .options-bar .shareholder a:hover {
      opacity: 1; }
    .options-bar .shareholder a:last-child {
      margin-right: 0; }
    .options-bar .shareholder a i {
      font-style: normal; }
    .options-bar .shareholder a.right {
      float: right; }
    .options-bar .shareholder a.marker {
      padding-left: 0; }
      .options-bar .shareholder a.marker i {
        margin-right: 7px;
        margin-bottom: -4px; }
  .options-bar .shareholder.markeditem a.marker {
    opacity: 1; }

.options-bar p {
  padding-top: 20px; }

@media all and (min-width: 641px) {
  .options-bar .shareholder a.right {
    float: right; }
  .options-bar .shareholder a.marker i {
    margin-right: 7px;
    margin-bottom: -2px; } }

.options-bar.darkback {
  background: #333333;
  color: #ffffff; }
  .options-bar.darkback a {
    opacity: 1; }
    @media (hover: hover) and (pointer: fine) {
      .options-bar.darkback a:hover {
        opacity: 0.6; } }

.tooltip_templates {
  display: none; }

.tooltip_social a {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 2px 2px 1px; }

.shariff .orientation-horizontal li {
  min-width: 0 !important;
  max-width: none !important; }

.cmodul ul, .cmodul ol,
.teaser ul,
.teaser ol,
.rte-list-styles ul,
.rte-list-styles ol {
  padding-bottom: 20px; }

.cmodul ul > li,
.teaser ul > li,
.rte-list-styles ul > li {
  padding-left: 12px;
  padding-bottom: 5px;
  position: relative; }
  .cmodul ul > li:before,
  .teaser ul > li:before,
  .rte-list-styles ul > li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #333333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px; }
   .corporateback.light li:before {
    background: #FFF;
   }

.cmodul ul ul,
.teaser ul ul,
.rte-list-styles ul ul {
  padding-bottom: 0;
  padding-top: 5px; }
  .cmodul ul ul li,
  .teaser ul ul li,
  .rte-list-styles ul ul li {
    padding-left: 23px; }
    .cmodul ul ul li:before,
    .teaser ul ul li:before,
    .rte-list-styles ul ul li:before {
      left: 12px; }

.cmodul ol,
.teaser ol,
.rte-list-styles ol {
  counter-reset: item; }
  .cmodul ol li,
  .teaser ol li,
  .rte-list-styles ol li {
    padding-bottom: 5px;
    padding-left: 22px;
    position: relative; }
    .cmodul ol li:before,
    .teaser ol li:before,
    .rte-list-styles ol li:before {
      content: counters(item, ".") ".";
      counter-increment: item;
      position: absolute;
      left: 0;
      font-weight: 700; }
    .cmodul ol li ol li:before,
    .teaser ol li ol li:before,
    .rte-list-styles ol li ol li:before {
      content: counters(item, ".") " "; }
  .cmodul ol ol,
  .teaser ol ol,
  .rte-list-styles ol ol {
    padding-bottom: 0;
    padding-top: 5px; }
    .cmodul ol ol li,
    .teaser ol ol li,
    .rte-list-styles ol ol li {
      padding-left: 30px; }
      .cmodul ol ol li li,
      .teaser ol ol li li,
      .rte-list-styles ol ol li li {
        padding-left: 42px; }
        .cmodul ol ol li li li,
        .teaser ol ol li li li,
        .rte-list-styles ol ol li li li {
          padding-left: 54px; }

.cmodul ul > li > ol,
.teaser ul > li > ol,
.rte-list-styles ul > li > ol {
  counter-reset: itemsecond; }
  .cmodul ul > li > ol > li,
  .teaser ul > li > ol > li,
  .rte-list-styles ul > li > ol > li {
    counter-reset: itemthird;
    padding-left: 22px; }
    .cmodul ul > li > ol > li li,
    .teaser ul > li > ol > li li,
    .rte-list-styles ul > li > ol > li li {
      padding-left: 30px; }
      .cmodul ul > li > ol > li li li,
      .teaser ul > li > ol > li li li,
      .rte-list-styles ul > li > ol > li li li {
        padding-left: 42px; }
        .cmodul ul > li > ol > li li li li,
        .teaser ul > li > ol > li li li li,
        .rte-list-styles ul > li > ol > li li li li {
          padding-left: 54px; }
  .cmodul ul > li > ol > li:before,
  .teaser ul > li > ol > li:before,
  .rte-list-styles ul > li > ol > li:before {
    content: counters(itemsecond, ".") "";
    counter-increment: itemsecond;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: auto;
    left: 0; }
  .cmodul ul > li > ol > li > ol > li:before,
  .teaser ul > li > ol > li > ol > li:before,
  .rte-list-styles ul > li > ol > li > ol > li:before {
    counter-increment: itemthird;
    content: counter(itemsecond) "." counter(itemthird) " "; }
  .cmodul ul > li > ol > li > ol > li > ol,
  .teaser ul > li > ol > li > ol > li > ol,
  .rte-list-styles ul > li > ol > li > ol > li > ol {
    counter-reset: itemfourth; }
    .cmodul ul > li > ol > li > ol > li > ol > li,
    .teaser ul > li > ol > li > ol > li > ol > li,
    .rte-list-styles ul > li > ol > li > ol > li > ol > li {
      padding-left: 42px; }
      .cmodul ul > li > ol > li > ol > li > ol > li:before,
      .teaser ul > li > ol > li > ol > li > ol > li:before,
      .rte-list-styles ul > li > ol > li > ol > li > ol > li:before {
        counter-increment: itemfourth;
        content: counter(itemsecond) "." counter(itemthird) "." counter(itemfourth) " "; }
      .cmodul ul > li > ol > li > ol > li > ol > li > ol,
      .teaser ul > li > ol > li > ol > li > ol > li > ol,
      .rte-list-styles ul > li > ol > li > ol > li > ol > li > ol {
        counter-reset: itemfifth; }
        .cmodul ul > li > ol > li > ol > li > ol > li > ol > li,
        .teaser ul > li > ol > li > ol > li > ol > li > ol > li,
        .rte-list-styles ul > li > ol > li > ol > li > ol > li > ol > li {
          padding-left: 54px; }
          .cmodul ul > li > ol > li > ol > li > ol > li > ol > li:before,
          .teaser ul > li > ol > li > ol > li > ol > li > ol > li:before,
          .rte-list-styles ul > li > ol > li > ol > li > ol > li > ol > li:before {
            counter-increment: itemfifth;
            content: counter(itemsecond) "." counter(itemthird) "." counter(itemfourth) "." counter(itemfifth) " "; }

.cmodul ul.checklist,
.teaser ul.checklist,
.rte-list-styles ul.checklist {
  padding-top: 0; }
  .cmodul ul.checklist li,
  .teaser ul.checklist li,
  .rte-list-styles ul.checklist li {
    padding-left: 25px;
    padding-bottom: 5px;
    position: relative; }
    .cmodul ul.checklist li:before,
    .teaser ul.checklist li:before,
    .rte-list-styles ul.checklist li:before {
      content: "";
      display: block;
      width: 15px;
      height: 11px;
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_check_h12.svg) left top no-repeat transparent;
      background-size: 15px 11px;
      position: absolute;
      left: 0;
      top: 5px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }

.cmodul ul.arrowlist li,
.teaser ul.arrowlist li,
.rte-list-styles ul.arrowlist li {
  padding-left: 26px;
  padding-bottom: 5px;
  position: relative; }
  .cmodul ul.arrowlist li:before,
  .teaser ul.arrowlist li:before,
  .rte-list-styles ul.arrowlist li:before {
    content: "";
    display: block;
    width: 15px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
    background-size: 15px 12px; }
  .cmodul ul.arrowlist li a,
  .teaser ul.arrowlist li a,
  .rte-list-styles ul.arrowlist li a {
    -moz-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    -webkit-box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0);
    box-shadow: inset 0 -2px 0 rgba(51, 51, 51, 0); }
    .cmodul ul.arrowlist li a:hover,
    .teaser ul.arrowlist li a:hover,
    .rte-list-styles ul.arrowlist li a:hover {
      -moz-box-shadow: inset 0 -2px 0 #333333;
      -webkit-box-shadow: inset 0 -2px 0 #333333;
      box-shadow: inset 0 -2px 0 #333333; }

.cmodul ul.arrowlist ul li,
.teaser ul.arrowlist ul li,
.rte-list-styles ul.arrowlist ul li {
  padding-left: 26px; }

.cmodul .img-holder {
  padding-bottom: 15px; }
  .cmodul .img-holder img {
    display: block;
    width: 100%;
    margin-bottom: 15px; }
  .cmodul .img-holder p {
    color: #808080;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem; }

.cmodul .video-holder {
  padding-bottom: 14px; }
  .cmodul .video-holder .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: 15px; }
    .cmodul .video-holder .embed-container iframe, .cmodul .video-holder .embed-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .cmodul .video-holder p {
    color: #808080;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem; }

@media all and (min-width: 641px) {
  .cmodul .img-holder.half {
    float: left;
    width: 50%;
    margin: 0 30px 10px 0; }
    .cmodul .img-holder.half + p:after {
      content: '';
      display: table;
      clear: both; }
    .cmodul .img-holder.half.right {
      float: right;
      margin: 0 0 10px 30px; } }

.cmodul .video-holder:after {
  content: "";
  clear: both;
  display: table; }

@media all and (min-width: 641px) {
  .cmodul .video-holder .embed-container {
    z-index: 1; }
  .cmodul .video-holder.half {
    float: left;
    width: 50%;
    margin: 0 30px 10px 0; }
    .cmodul .video-holder.half.right {
      float: right;
      margin: 0 0 10px 30px; }
    .cmodul .video-holder.half p {
      position: relative;
      z-index: 1; } }

.hlcf {
  padding-top: 20px;
  padding-bottom: 20px; }
  .hlcf .gw-inner {
    padding: 0; }
  .hlcf .inner {
    border: 1px solid #e6e6e6;
    padding: 30px 15px; }
  .hlcf .img_holder {
    float: right;
    width: 60px;
    margin-left: 10px; }
    .hlcf .img_holder svg {
      width: 100%;
      height: 60px; }
      .hlcf .img_holder svg path {
        fill: ; }
    .hlcf .img_holder img {
      width: 100%; }
  .hlcf.half .img_holder {
    float: left;
    margin-left: 0; }
  .hlcf.half .cont {
    margin-left: 80px; }
  .hlcf.half .corporateback .img_holder svg {
    opacity: 1; }
  .hlcf .corporateback .img_holder svg {
    opacity: 0.3; }
    .hlcf .corporateback .img_holder svg path {
      fill: #ffffff; }
  .hlcf .corporateback.dark .img_holder svg path {
    fill: #333333; }
  .hlcf .col-2 .col:first-child {
    margin-bottom: 10px; }
  @media all and (min-width: 800px) {
    .hlcf .col-2 {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 0 -5px; }
      .hlcf .col-2 .col {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 50%;
        padding: 0 5px; }
        .hlcf .col-2 .col:first-child {
          margin-bottom: 0; }
        .hlcf .col-2 .col .inner {
          height: 100%; }
        .hlcf .col-2 .col .img_holder {
          width: 60px; }
        .hlcf .col-2 .col .cont {
          margin-left: 80px; } }
  .hlcf.half {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem; }
  @media all and (min-width: 641px) {
    .hlcf .img_holder {
      float: left;
      width: 160px;
      margin-left: 0; }
      .hlcf .img_holder svg {
        height: auto; }
    .hlcf .cont {
      margin-left: 190px; }
    .hlcf.half .inner {
      width: 50%; }
    .hlcf.half .img_holder {
      width: 60px; }
    .hlcf .inner {
      padding: 30px; }
    .hlcf.half .inner {
      padding: 30px 20px; } }

.accordion {
  padding-bottom: 10px;
  position: relative; }
  .accordion .accitem {
    margin-bottom: 10px;
    overflow: auto;
    position: relative; }
    .accordion .accitem:before {
      content: "";
      width: 100%;
      height: 5px;
      background: #ffffff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
    .accordion .accitem:not(.open) {
      overflow: hidden; }
    .accordion .accitem .cmodul {
      margin-right: 0 !important; }
  .accordion .content {
    margin-top: -300%;
    padding: 20px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: margin-top 0.6s ease-in-out;
    -moz-transition: margin-top 0.6s ease-in-out;
    -o-transition: margin-top 0.6s ease-in-out;
    transition: margin-top 0.6s ease-in-out;
    float: left;
    position: relative;
    z-index: 1;
    width: 100%; }
    .accordion .content img {
      max-width: 100%; }
  .accordion .acctoggle {
    padding: 18px 50px 18px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    z-index: 3;
    background: #e6e6e6;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    min-height: 58px; }
    .accordion .acctoggle:after {
      content: "";
      display: block;
      width: 12px;
      height: 7px;
      position: absolute;
      top: 25px;
      right: 20px; }
    .accordion .acctoggle .sico {
      margin-bottom: 0; }
  .accordion .accitem.open .acctoggle:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .accordion .accitem.open .content {
    margin-top: 10px !important; }

.invertedback .accordion .acctoggle {
  background: #ffffff; }

.invertedback .accordion .content {
  border-color: #ffffff; }

.invertedback .accordion .accitem:before {
  background: #e6e6e6; }

.info-box {
  margin: 6px 0 20px;
  word-break: break-word; }
  .info-box .inner {
    padding: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
  .info-box .col div {
    margin-bottom: 12px;
    display: block; }
  .info-box .col .img-holder {
    width: 80%;
    padding: 20px;
    background: #ffffff;
    position: relative;
    margin-bottom: 20px; }
    .info-box .col .img-holder img {
      width: 100%;
      margin-bottom: 0; }
  .info-box .box-top {
    padding-bottom: 20px; }
    .info-box .box-top .symbols {
      padding: 15px 0 0 30px; }
    .info-box .box-top .btn {
      margin-top: 20px;
      width: 100%;
      text-align: center; }
  @media all and (min-width: 641px) {
    .info-box .box-top {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap; }
      .info-box .box-top .item {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 50%;
        vertical-align: bottom;
        align-self: flex-end; }
        .info-box .box-top .item:last-child {
          text-align: right; }
        .info-box .box-top .item:first-child {
          text-align: left; }
      .info-box .box-top .btn {
        width: auto;
        margin-top: 0; }
    .info-box .inner {
      padding: 30px 15px; }
    .info-box .col {
      padding: 0 15px;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
      .info-box .col:first-child {
        width: 50%; }
      .info-box .col:last-child {
        width: 50%; } }
  @media all and (min-width: 800px) {
    .info-box .col:first-child {
      width: 65%; }
    .info-box .col:last-child {
      width: 35%; }
    .info-box .col .img-holder, .info-box .col .cont {
      width: 60%;
      float: left;
      margin-bottom: 0; }
    .info-box .col .img-holder {
      width: 35%;
      margin-right: 5%; } }
  @media all and (min-width: 1025px) {
    .info-box .col [class^="ico_"] {
      background-position: left 3px; }
    .info-box .col:first-child {
      width: 72%; }
    .info-box .col:last-child {
      width: 28%; }
    .info-box .col .img-holder {
      padding-right: 20px; } }

.info-box.ib_2col .inner {
  padding: 30px 15px; }

.info-box.ib_2col .col {
  width: 100%; }
  .info-box.ib_2col .col:last-child {
    padding-top: 13px; }
  .info-box.ib_2col .col .accordion {
    padding-bottom: 0; }
    .info-box.ib_2col .col .accordion .content {
      background: #ffffff; }
    .info-box.ib_2col .col .accordion div {
      margin-bottom: 0; }
      .info-box.ib_2col .col .accordion div.acctoggle, .info-box.ib_2col .col .accordion div.content {
        margin: 0 0 10px; }
    .info-box.ib_2col .col .accordion .open .content {
      margin-top: 0 !important; }

@media all and (min-width: 641px) {
  .info-box.ib_2col .inner {
    padding: 30px; }
  .info-box.ib_2col .col {
    width: 50%; }
    .info-box.ib_2col .col:first-child {
      padding: 0 15px 0 0; }
    .info-box.ib_2col .col:last-child {
      padding: 13px 0 0 15px; } }

.info-box .form-block {
  width: 100%;
  margin: 0 0 24px;
  border-bottom: 2px solid #808080;
  padding-bottom: 6px; }

.info-box .col.full {
  width: 100%; }

@media all and (min-width: 641px) {
  .info-box .form-block {
    margin: 0 15px 24px; } }

.cmodul.fct .hl_2 {
  padding-bottom: 30px; }

.cmodul.fct .item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6; }
  .cmodul.fct .item img {
    border-top: 10px solid ;
    width: 100%;
    margin-bottom: 10px; }
  .cmodul.fct .item .hl_3 {
    padding-bottom: 10px; }

@media all and (min-width: 641px) {
  .cmodul.fct .item img {
    float: left;
    width: 48%;
    display: block;
    margin: 0 0 -1px -1px; }
  .cmodul.fct .item p {
    display: block; }
  .cmodul.fct .item .cont {
    padding: 20px 30px 0;
    float: left;
    width: 52%; } }

.form-block {
  border-bottom: 1px solid #808080;
  padding-bottom: 14px;
  margin-bottom: 26px;
  word-break: break-word; }
  .form-block.plain {
    margin-bottom: 0; }
  .form-block.padtop {
    padding-top: 26px; }
  .form-block.noborder {
    border-bottom: none; }
  .form-block.plain {
    margin-bottom: 0;
    padding-bottom: 5px; }
  .form-block .form-row {
    margin: 0 -15px;
    position: relative; }
  .form-block .form-item {
    padding: 0 15px 16px; }
  .form-block label {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    padding-bottom: 4px; }
  .form-block input, .form-block select, .form-block .styled_select {
    width: 100%; }
  .form-block input.dyn, .form-block select.dyn, .form-block .styled_select.dyn {
    width: 80%; }
  .form-block .reset {
    float: right;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    display: inline-block;
    margin: 15px 0 20px; }
  .form-block.filter-block {
    display: none; }
  @media all and (min-width: 641px) {
    .form-block .form-item.half {
      width: 50%;
      float: left; }
    .form-block .form-row.flex {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: flex-end; }
      .form-block .form-row.flex .form-item.half {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        float: none;
        width: 50%; }
        .form-block .form-row.flex .form-item.half .reset {
          margin: 0 0 2px; } }

.exhibitor-search {
  padding-bottom: 20px; }
  .exhibitor-search .slidetoggle {
    display: inline-block;
    margin-top: 26px;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    .exhibitor-search .slidetoggle .off {
      display: none; }
    .exhibitor-search .slidetoggle.active .on {
      display: none; }
    .exhibitor-search .slidetoggle.active .off {
      display: inline; }
  .exhibitor-search .result {
    padding: 25px 0 0;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff; }
    .exhibitor-search .result .back {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      opacity: .9; }
    .exhibitor-search .result .cont {
      position: relative;
      z-index: 2;
      padding: 0;
      padding: 10px 15px; }
      .exhibitor-search .result .cont a {
        padding-left: 0;
        margin-top: 5px; }
    .exhibitor-search .result .inner {
      position: relative; }
      .exhibitor-search .result .inner a {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        display: block; }
    .exhibitor-search .result .hl_3 {
      padding-bottom: 23px; }
    @media all and (min-width: 641px) {
      .exhibitor-search .result .cont {
        padding: 15px 30px 12px; }
        .exhibitor-search .result .cont a {
          float: right; }
      .exhibitor-search .result .back {
        height: 50px;
        position: fixed;
        left: 30px;
        right: 30px; } }
    @media all and (min-width: 1025px) {
      .exhibitor-search .result .cont {
        padding-left: 0;
        padding-right: 0; }
      .exhibitor-search .result .back {
        height: 50px;
        position: fixed;
        left: 0;
        right: 0; } }

.esr .form-item.half {
  width: 100%;
  float: none;
  padding-bottom: 20px; }
  .esr .form-item.half .styled_select.dyn {
    width: 100%; }
  .esr .form-item.half:last-child .styled_select {
    margin-bottom: 10px; }

@media all and (min-width: 641px) {
  .esr .form-item.half {
    width: 50%;
    float: left;
    padding-bottom: 0; }
    .esr .form-item.half .styled_select.dyn {
      width: 80%; }
    .esr .form-item.half:last-child .styled_select {
      margin-bottom: 0; } }

.esr .form-block.sortblock .form-item.half {
  width: 100%;
  float: none;
  padding-bottom: 20px; }

@media all and (min-width: 641px) {
  .esr .form-block.sortblock .form-item.half {
    width: 50%;
    float: left;
    padding-bottom: 20px; } }

.esr .sponsored {
  position: relative;
  margin-bottom: 20px; }
  .esr .sponsored:after {
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    background: ;
    position: absolute;
    left: 0;
    top: 0; }
  .esr .sponsored .item:after {
    content: attr(data-label);
    padding: 7px 10px 4px;
    background: #e6e6e6;
    color: #808080;
    text-transform: uppercase;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    position: absolute;
    right: 60px;
    top: 0; }
  @media all and (min-width: 641px) {
    .esr .sponsored .item:after {
      right: 100px; } }

.esr .item {
  position: relative;
  margin-top: -1px;
  word-break: break-word; }
  .esr .item .inner {
    border: solid #e6e6e6;
    border-width: 1px 0 1px 1px;
    padding: 25px 75px 10px 15px; }
  .esr .item .fairlogo {
    max-height: 40px;
    width: 160px;
    display: block;
    margin-bottom: 18px;
    margin-top: 5px; }
    .esr .item .fairlogo img {
      display: block;
      max-width: 100%;
      max-height: 40px; }
  .esr .item .col {
    color: #808080;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem; }
    .esr .item .col strong {
      color: #333333; }
    .esr .item .col p {
      padding-bottom: 6px; }
    .esr .item .col a strong {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 22px;
      line-height: 1.375rem;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      word-break: break-word; }
      @media all and (min-width: 800px) {
        .esr .item .col a strong {
          font-size: 16px;
          font-size: 1rem;
          line-height: 25px;
          line-height: 1.5625rem; } }
    .esr .item .col a.initial_noline {
      display: inline; }
      .esr .item .col a.initial_noline + p {
        padding-top: 6px; }
    .esr .item .col a.sico {
      margin-top: 10px; }
    .esr .item .col:nth-child(2) .primarylink {
      background-position: left 4px;
      padding-left: 22px; }
  .esr .item .col_3.datelink {
    padding-bottom: 40px; }
    .esr .item .col_3.datelink .dlink {
      position: absolute;
      bottom: 20px; }
  .esr .item .marker {
    width: 60px;
    height: 100%;
    position: absolute;
    border: solid #e6e6e6;
    border-width: 0 1px;
    right: 0;
    top: 0;
    cursor: pointer; }
    .esr .item .marker i {
      display: block;
      width: 18px;
      height: 18px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .esr .item .symbols {
    padding-bottom: 10px;
    padding-top: 5px; }
    .esr .item .symbols a {
      float: left; }
  @media all and (min-width: 641px) {
    .esr .item .inner {
      padding: 25px 120px 10px 20px; }
    .esr .item .col_2 {
      display: table;
      width: 100%; }
    .esr .item .col {
      float: left;
      width: 50%; }
      .esr .item .col:last-child {
        text-align: right; }
      .esr .item .col.logocol {
        float: none; }
    .esr .item .marker {
      width: 100px; }
    .esr .item .col_3.datelink {
      padding-bottom: 0; }
      .esr .item .col_3.datelink .dlink {
        position: relative;
        bottom: auto; } }
  @media all and (min-width: 1025px) {
    .esr .item .inner {
      padding: 15px 120px 10px 20px; }
    .esr .item .col_3 {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      /*
                display:table;
                width:100%;*/ }
      .esr .item .col_3 .col {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        flex-grow: 1;
        text-align: left; }
        .esr .item .col_3 .col:first-child, .esr .item .col_3 .col:nth-child(2) {
          order: 1; }
        .esr .item .col_3 .col.logocol {
          order: 2;
          text-align: center;
          padding: 0 20px; }
          .esr .item .col_3 .col.logocol .fairlogo, .esr .item .col_3 .col.logocol img {
            margin: 0 auto; }
        .esr .item .col_3 .col:last-child {
          order: 3;
          text-align: right; } }

@media all and (min-width: 1025px) {
  .esr .sponsored .item .col:last-child {
    padding-top: 20px; } }

.legend {
  clear: both;
  padding-bottom: 23px; }
  .legend .item {
    float: left;
    padding-right: 40px;
    margin-top: -10px; }
    .legend .item img {
      margin-right: 10px;
      margin-top: 1px;
      float: left;
      width: auto; }
    .legend .item span {
      padding-top: 0; }

.pagination-footer {
  padding: 25px 0 20px; }
  .pagination-footer .left .pages, .pagination-footer .left .pages .form-item {
    float: left;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  .pagination-footer .left a {
    float: left; }
  .pagination-footer .slick-prev {
    margin-right: 20px; }
  .pagination-footer .slick-next {
    margin-left: 20px; }
  .pagination-footer .styled_select {
    margin: -5px 10px 0 0; }
    .pagination-footer .styled_select .toggle {
      color: #333333; }
  .pagination-footer span {
    display: inline-block;
    padding-top: 5px; }
  .pagination-footer .toggle span {
    padding-top: 0; }
  .pagination-footer .right .styled_select {
    margin-right: 0; }
  .pagination-footer .legend {
    padding-top: 30px; }
    .pagination-footer .legend .item {
      margin-bottom: 0; }
  @media all and (min-width: 641px) {
    .pagination-footer .legend .item img {
      margin-top: 3px; } }

.marked_bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 5;
  padding: 12px 0;
  display: none; }
  .marked_bar a {
    position: relative;
    z-index: 2;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  .marked_bar i {
    font-style: normal; }
  .marked_bar i.back {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: ;
    opacity: 0.9;
    z-index: 1; }
  @media all and (min-width: 641px) {
    .marked_bar {
      padding: 19px 0; } }
  @media all and (min-width: 800px) {
    .marked_bar {
      padding: 24px 0; } }

.markedbaropen footer {
  padding-bottom: 73px; }

/* Ausstellersuche */
.infocontainer .infotitle {
  line-height: 1em;
  word-break: break-word;
  hyphens: auto; }

.event-search {
  padding-bottom: 20px; }
  .event-search .form-block.filter-block.open {
    display: block; }
  .event-search .form-block.nexttoggle {
    margin-bottom: 0; }
    .event-search .form-block.nexttoggle + .filter-block {
      margin-top: 26px;
      margin-bottom: 0; }
      .event-search .form-block.nexttoggle + .filter-block + .slidetoggle {
        margin-top: 26px;
        display: inline-block; }
  .event-search .form-row.tablerow {
    display: block;
    padding-right: 0;
    width: auto; }
    .event-search .form-row.tablerow .inner {
      padding-right: 0;
      padding-bottom: 10px; }
      .event-search .form-row.tablerow .inner input, .event-search .form-row.tablerow .inner .btn {
        margin-bottom: 0; }
  .event-search .slidetoggle {
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    .event-search .slidetoggle .off {
      display: none; }
    .event-search .slidetoggle.active .on {
      display: none; }
    .event-search .slidetoggle.active .off {
      display: inline; }
  .event-search #slide-block {
    display: none; }

.date-filter {
  margin-bottom: 12px; }
  .date-filter .item {
    float: left; }
    .date-filter .item label {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 2px solid #b3b3b3;
      padding: 11px 25px;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      display: inline-block;
      margin-right: 10px;
      color: #808080;
      cursor: pointer; }
    .date-filter .item:first-child {
      -webkit-border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px; }
    .date-filter .item:last-child {
      -webkit-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0;
      border: none; }
    .date-filter .item input[type=radio]:checked + label {
      color: #333333;
      background: #ffffff;
      border-color: #ffffff; }
  @media all and (min-width: 641px) {
    .date-filter .inner {
      min-width: 0;
      overflow: hidden; } }

table.search-results tbody tr {
  position: relative;
  border-bottom: 1px solid #e6e6e6; }
  table.search-results tbody tr td {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem; }
    table.search-results tbody tr td a.initial_noline {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 22px;
      line-height: 1.375rem; }
      @media all and (min-width: 800px) {
        table.search-results tbody tr td a.initial_noline {
          font-size: 16px;
          font-size: 1rem;
          line-height: 25px;
          line-height: 1.5625rem; } }
  table.search-results tbody tr:nth-child(2n) {
    background: none; }
  table.search-results tbody tr:last-child {
    border-bottom: none; }
  table.search-results tbody tr td:first-child {
    font-family: noto_sansregular, Arial, Helvetica, sans-serif; }

@media all and (max-width: 640px) {
  table.search-results {
    display: block; }
    table.search-results thead, table.search-results tbody, table.search-results tr, table.search-results td {
      display: block; }
    table.search-results td {
      padding-right: 70px; }
    table.search-results thead th:nth-child(n+2) {
      text-indent: -100000px; }
    table.search-results tbody tr {
      padding-right: 80px; }
    table.search-results tbody td {
      display: block;
      padding: 4px 15px; }
      table.search-results tbody td:before {
        content: attr(data-label);
        display: block;
        color: #808080; }
      table.search-results tbody td:first-child {
        padding-top: 14px; }
      table.search-results tbody td:nth-child(3) {
        padding-bottom: 15px; }
      table.search-results tbody td:last-child {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 70px;
        padding: 0;
        border-left: 1px solid #e6e6e6; } }

@media all and (min-width: 641px) {
  table.search-results tbody td {
    color: #808080;
    height: auto !important; }
    table.search-results tbody td:nth-child(2) {
      white-space: nowrap; }
    table.search-results tbody td:last-child {
      vertical-align: middle;
      border-left: 1px solid #e6e6e6;
      padding: 0; }
    table.search-results tbody td strong {
      color: #333333; } }

.event-search-result .marker {
  width: 70px;
  height: 70px;
  position: absolute;
  border: none;
  top: 50%;
  margin-top: -35px; }
  .event-search-result .marker i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer; }

@media all and (min-width: 641px) {
  .event-search-result .marker {
    position: relative;
    tgop: auto;
    margin-top: 0;
    width: 100px;
    height: 100px; } }

@media all and (max-width: 640px) {
  .form-block.sortblock .form-row {
    margin: 0; }
  .form-block.sortblock .form-item.half {
    float: left;
    padding-bottom: 5px;
    padding: 0; }
    .form-block.sortblock .form-item.half styled_select {
      width: auto; }
    .form-block.sortblock .form-item.half:last-child {
      float: right; }
      .form-block.sortblock .form-item.half:last-child .styled_select.open .select_options {
        min-width: 200px;
        right: 0;
        left: auto; } }

.cmodul .related-search {
  padding-bottom: 20px; }
  .cmodul .related-search .slide_rels, .cmodul .related-search .slick-list, .cmodul .related-search .slick-track {
    height: 100%; }
  .cmodul .related-search .slick-track {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; }
  .cmodul .related-search .item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    float: none;
    width: 50%;
    height: auto;
    text-align: center;
    padding: 0 2px; }
    .cmodul .related-search .item .inner {
      border: 1px solid #e6e6e6;
      height: 100%;
      padding: 30px 0 9px; }
    .cmodul .related-search .item .img-holder {
      height: 90px;
      padding: 0 20px;
      margin-bottom: 16px; }
      .cmodul .related-search .item .img-holder img {
        max-height: 100%;
        width: auto;
        display: block;
        margin: 0 auto; }
    .cmodul .related-search .item p {
      font-family: noto_sansregular, Arial, Helvetica, sans-serif; }
      .cmodul .related-search .item p.light {
        color: #808080; }
    .cmodul .related-search .item .linkarrow {
      padding-bottom: 5px; }
  .cmodul .related-search .slide_footer .controlholder {
    text-align: center; }
    .cmodul .related-search .slide_footer .controlholder .controlinner {
      display: inline; }
      .cmodul .related-search .slide_footer .controlholder .controlinner .pagingInfo {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        padding: 20px  18px 0;
        display: none; }
      .cmodul .related-search .slide_footer .controlholder .controlinner button + .pagingInfo {
        display: inline-block; }
  @media all and (min-width: 641px) {
    .cmodul .related-search .slide_footer .controlholder .controlinner .pagingInfo {
      padding-top: 32px; } }

.modalbox {
  width: 100%;
  padding: 25px 15px 15px;
  margin: 0 auto;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: auto; }
  .modalbox .hl_2 {
    padding-bottom: 28px;
    padding-right: 40px; }
  .modalbox p {
    padding-bottom: 20px; }
  @media all and (min-width: 641px) {
    .modalbox {
      position: relative;
      width: 80%; } }
  @media all and (min-width: 800px) {
    .modalbox {
      max-width: 625px; } }
  @media all and (min-width: 1025px) {
    .modalbox {
      padding: 25px 30px 15px; } }

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.5; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.calendarhead .invertedback {
  padding: 26px 15px 17px; }

.calendarhead .hl_small {
  padding-bottom: 5px; }

.calendarhead .styled_select {
  width: auto;
  min-width: 40%; }

@media all and (min-width: 641px) {
  .calendarhead .invertedback {
    padding: 26px 30px 17px; } }

.calendarhead .date-filter .item {
  margin-bottom: 10px; }

@media all and (min-width: 640px) {
  #calendar-inner .cal_row {
    position: relative; }
  #calendar-inner .cal_row {
    position: relative; }
    #calendar-inner .cal_row + .cal_row .timeitem:hover:after {
      top: -60%; }
  #calendar-inner .timeitem {
    position: absolute;
    top: 20px;
    text-align: center;
    padding: 0; }
    #calendar-inner .timeitem:hover:after {
      padding: 10px;
      content: attr(data-title);
      position: absolute;
      left: 15px;
      top: 80%;
      z-index: 50;
      font-size: inherit;
      border-radius: 4px;
      background-color: #333;
      color: #fff;
      width: auto;
      white-space: nowrap; }
    #calendar-inner .timeitem a {
      display: block;
      width: 100%;
      box-shadow: none; }
      #calendar-inner .timeitem a .ti-inner p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 2px 0 10px; } }

@media all and (max-width: 639px) {
  .calendarhead .desktophidden .no_touch_only {
    display: block !important; } }

.calendarmain {
  margin: 30px 0 10px; }
  .calendarmain .calmain .cal_head, .calendarmain .calmain .cal_foot {
    display: none; }
  .calendarmain .cal_head, .calendarmain .cal_foot {
    background: #333333;
    color: #ffffff;
    padding: 0 20px;
    padding: 0;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    height: 60px; }
    .calendarmain .cal_head .item, .calendarmain .cal_foot .item {
      white-space: nowrap; }
  .calendarmain #calendar-inner .cal_head {
    padding: 0; }
  .calendarmain .cal_head + cal_row {
    border-top: none; }
  .calendarmain .col {
    border-right: 1px solid #e6e6e6; }
    .calendarmain .col .cal_head, .calendarmain .col .cal_foot {
      margin-right: -1px; }
      .calendarmain .col .cal_head .item, .calendarmain .col .cal_foot .item {
        padding: 0 20px; }
    .calendarmain .col.fix .cal_row {
      display: none; }
    .calendarmain .col.fix .cal_foot {
      display: none; }
    .calendarmain .col.fix .cal_head .date,
    .calendarmain .col.fix .cal_foot .date {
      text-transform: uppercase; }
  .calendarmain .fix .cal_row > .item {
    padding: 0 20px; }
  .calendarmain .time {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansregular, Arial, Helvetica, sans-serif;
    padding-top: 6px; }
    .calendarmain .time .timefrom {
      float: left; }
    .calendarmain .time .timeto {
      float: right; }
  @media all and (max-width: 640px) {
    .calendarmain .cal_head, .calendarmain .cal_foot {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center; }
      .calendarmain .cal_head .item, .calendarmain .cal_foot .item {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        display: flex;
        justify-content: left;
        align-items: center;
        width: 50%; }
        .calendarmain .cal_head .item.recent-time, .calendarmain .cal_foot .item.recent-time {
          display: none; }
    .calendarmain .timeitem {
      display: block;
      width: 100% !important;
      font-family: noto_sansregular, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 22px;
      line-height: 1.375rem;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif; } }
  @media all and (max-width: 640px) and (min-width: 800px) {
    .calendarmain .timeitem {
      font-size: 16px;
      font-size: 1rem;
      line-height: 25px;
      line-height: 1.5625rem; } }
  @media all and (max-width: 640px) {
      .calendarmain .timeitem:before {
        content: attr(data-label);
        font-family: noto_sansregular, Arial, Helvetica, sans-serif;
        float: left;
        max-width: 45%; }
    .calendarmain #timeline {
      display: none; }
    .calendarmain .calchexpseudoback {
      color: #333333; }
    .calendarmain .cal_row .item {
      padding: 25px 15px 24px;
      border-top: 1px solid #e6e6e6;
      border-left: 1px solid #e6e6e6; }
      .calendarmain .cal_row .item .ti-inner {
        margin-left: 50%; }
      .calendarmain .cal_row .item p {
        padding-bottom: 14px;
        hyphens: auto; }
    .calendarmain .calmain .inner {
      border-bottom: 1px solid #e6e6e6; }
    .calendarmain .item .backholder {
      width: 100%;
      background: #e6e6e6;
      height: 10px;
      position: relative; }
      .calendarmain .item .backholder .back {
        position: absolute;
        left: 0;
        top: 0;
        height: 10px;
        background: ; } }
  @media all and (min-width: 641px) {
    .calendarmain .calmain .cal_head, .calendarmain .calmain .cal_foot {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .calendarmain .cal_head .item, .calendarmain .cal_foot .item, .calendarmain .cal_row .item {
      justify-content: center;
      width: auto; }
    .calendarmain .cal_head, .calendarmain .cal_foot, .calendarmain .cal_row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center; }
      .calendarmain .cal_head .item, .calendarmain .cal_foot .item, .calendarmain .cal_row .item {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        display: flex;
        justify-content: left;
        align-items: center; }
    .calendarmain .cal_row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 90px;
      padding: 0 20px;
      border-top: 1px solid #e6e6e6;
      padding: 0; }
    .calendarmain .col {
      border-right: 1px solid #e6e6e6; }
      .calendarmain .col .cal_head, .calendarmain .col .cal_foot {
        margin-right: -1px; }
      .calendarmain .col.fix {
        width: 220px;
        border: none;
        float: left; }
        .calendarmain .col.fix .cal_row {
          border-left: 1px solid #e6e6e6;
          border-right: 1px solid #333333;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
        .calendarmain .col.fix .cal_head, .calendarmain .col.fix .cal_foot {
          border-right: 1px solid #ffffff;
          margin-right: 0;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
      .calendarmain .col.calmain {
        position: relative;
        margin-left: 220px; }
        .calendarmain .col.calmain .shadow {
          overflow-x: auto;
          overflow-y: hidden;
          position: relative; }
        .calendarmain .col.calmain .inner {
          min-width: 1040px;
          position: relative;
          z-index: 1; }
        .calendarmain .col.calmain .cal_head .item, .calendarmain .col.calmain .cal_foot .item {
          width: 10%;
          text-align: center;
          justify-content: center; }
        .calendarmain .col.calmain:before {
          content: "";
          display: block;
          width: 30px;
          height: 100%;
          position: absolute;
          z-index: 1;
          left: 0;
          top: 0;
          background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
          background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
          background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#00000000', GradientType=1); }
        .calendarmain .col.calmain:after {
          content: "";
          display: block;
          width: 30px;
          height: 100%;
          position: absolute;
          z-index: 2;
          right: 0;
          top: 0;
          background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
          background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
          background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=1); } }

@media all and (min-width: 641px) and (min-width: 640px) {
  .calendarmain #timeline {
    position: absolute;
    top: 40px;
    bottom: 40px;
    border-left: 2px dashed #333333;
    z-index: 100; }
    .calendarmain #timeline .tlinner {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%; }
      .calendarmain #timeline .tlinner:before, .calendarmain #timeline .tlinner:after {
        content: "";
        width: 2px;
        height: 20px;
        background: #ffffff;
        position: absolute;
        left: -2px;
        top: 0px; }
      .calendarmain #timeline .tlinner:after {
        top: auto;
        bottom: 0; }
    .calendarmain #timeline:before, .calendarmain #timeline:after {
      content: "";
      width: 10px;
      height: 10px;
      background: #ffffff;
      position: absolute;
      left: -6px;
      top: 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .calendarmain #timeline:after {
      top: auto;
      bottom: 0; }
  .calendarmain #calendar-outer.mousemove {
    cursor: move; }
  .calendarmain #calendar-outer p {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .calendarmain .timeitem {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    height: 50px;
    margin-left: 5px;
    padding: 0 20px;
    position: relative; }
    .calendarmain .timeitem i.back {
      background: #e6e6e6;
      color: #333333; }
    .calendarmain .timeitem.active i.back {
      background: ;
      color: #ffffff; }
    .calendarmain .timeitem i.back {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.9;
      z-index: 1;
      width: 100% !important; }
    .calendarmain .timeitem p {
      position: relative;
      z-index: 2;
      padding: 0; } }

.tablet_2col .form-block.tablethalf {
  margin-bottom: 0; }
  .tablet_2col .form-block.tablethalf .styled_select {
    width: 100%;
    margin-bottom: 0; }
  .tablet_2col .form-block.tablethalf:first-child {
    border: none; }

.tablet_2col .form-block .date-filter .toggle,
.tablet_2col .form-block .date-filter .entry,
.tablet_2col .form-block label {
  text-transform: uppercase; }

@media all and (min-width: 641px) {
  .tablet_2col {
    margin: 0 -10px; }
    .tablet_2col .form-block.tablethalf {
      border: none;
      width: 50%;
      float: left;
      padding: 0 10px; } }

@media all and (min-width: 1025px) {
  .tablet_2col {
    margin: 0; }
    .tablet_2col .form-block.tablethalf {
      width: 100%;
      float: none;
      padding: 0 0 14px;
      margin-bottom: 26px; }
      .tablet_2col .form-block.tablethalf .styled_select {
        width: auto; }
      .tablet_2col .form-block.tablethalf:first-child {
        border-bottom: 1px solid #808080; }
      .tablet_2col .form-block.tablethalf:last-child {
        margin-bottom: 0; } }

.exhibitions .filter-head {
  /**
        move CSS here from global scope
         */ }
  .exhibitions .filter-head .tdleft, .exhibitions .filter-head .tdright {
    width: 100%; }
    .exhibitions .filter-head .tdleft .form-item, .exhibitions .filter-head .tdright .form-item {
      float: none;
      margin: 0 0 10px; }
  .exhibitions .filter-head .tdleft {
    padding-bottom: 13px; }
    .exhibitions .filter-head .tdleft .styled_select, .exhibitions .filter-head .tdleft select {
      width: 100%; }
  .exhibitions .filter-head .tdright {
    text-align: right; }
  .exhibitions .filter-head .styled_select {
    height: 50px;
    overflow: hidden; }
    .exhibitions .filter-head .styled_select.open {
      overflow: visible; }
      .exhibitions .filter-head .styled_select.open .select_options {
        height: auto; }
    .exhibitions .filter-head .styled_select .select_options {
      position: relative;
      display: block;
      height: 0;
      top: 15px; }
  .exhibitions .filter-head .form-item .touch_only {
    margin-bottom: 10px; }
  .exhibitions .filter-head .form-item:last-child .touch_only {
    margin-bottom: auto; }
  .exhibitions .filter-head .form-item .styled_select .select_options .inner .entry {
    display: block; }

.exhibitions .exh_holder {
  padding-top: 30px;
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -ms-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear; }
  .exhibitions .exh_holder.visible {
    opacity: 1; }
  .exhibitions .exh_holder .item {
    margin-bottom: 15px; }
    .exhibitions .exh_holder .item .inner {
      padding: 30px 30px 50px;
      border: 1px solid #e6e6e6;
      height: 100%;
      position: relative; }
  .exhibitions .exh_holder .label {
    background: #e6e6e6;
    color: #808080;
    text-transform: uppercase;
    padding: 6px 10px 5px;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  .exhibitions .exh_holder .img_holder {
    margin: 20px 0 12px;
    height: 60px; }
    .exhibitions .exh_holder .img_holder img {
      max-height: 100%; }
  .exhibitions .exh_holder .date {
    color: #808080; }
  .exhibitions .exh_holder .bot {
    position: absolute;
    left: 30px;
    bottom: 23px;
    padding-bottom: 0; }

@media all and (min-width: 641px) {
  .exhibitions .filter-head {
    display: table;
    width: 100%; }
    .exhibitions .filter-head .tdleft, .exhibitions .filter-head .tdright {
      display: table-cell;
      vertical-align: middle;
      width: 100%; }
      .exhibitions .filter-head .tdleft .form-item, .exhibitions .filter-head .tdright .form-item {
        float: left;
        margin: 0 10px 0 0;
        width: calc(80% - 10px); }
        .exhibitions .filter-head .tdleft .form-item + .form-item, .exhibitions .filter-head .tdleft .form-item ~ .form-item, .exhibitions .filter-head .tdright .form-item + .form-item, .exhibitions .filter-head .tdright .form-item ~ .form-item {
          margin-top: 10px; }
        .exhibitions .filter-head .tdleft .form-item ~ br, .exhibitions .filter-head .tdright .form-item ~ br {
          display: none; }
    .exhibitions .filter-head .tdleft {
      padding-bottom: 0; }
      .exhibitions .filter-head .tdleft .styled_select, .exhibitions .filter-head .tdleft select {
        width: auto; }
    .exhibitions .filter-head .tdright {
      text-align: right;
      width: 1%;
      white-space: nowrap; }
  .exhibitions .exh_holder {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin: -5px; }
    .exhibitions .exh_holder .item {
      width: 50%;
      padding: 5px;
      margin-bottom: 0; } }

@media all and (min-width: 1025px) {
  .exhibitions .exh_holder {
    margin: -2px; }
    .exhibitions .exh_holder .item {
      width: 33.3333%;
      padding: 2px; } }

.exhibitions.category-filter-on .category-filter-out,
.exhibitions.cologne-only .item.extern {
  display: none; }

table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e6e6e6; }
  table thead, table tbody {
    text-align: left;
    vertical-align: top; }
    table thead th, table thead td, table tbody th, table tbody td {
      padding: 24px 20px 23px;
      text-align: left;
      vertical-align: top; }
  table.responsive thead th, table.responsive thead td, table.responsive tbody th, table.responsive tbody td {
    height: 70px !important; }
  table thead {
    background: #333333;
    color: #ffffff; }
    table thead th {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      font-weight: 400; }
  table tbody {
    color: #333333; }
    table tbody tr:nth-child(even) {
      background: #e6e6e6; }
    table tbody td:first-child {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif; }

@media all and (max-width: 640px) {
  table.responsive {
    margin-bottom: 0; }
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5); }
  .pinned table {
    border: solid #ffffff;
    border-width: 1px 0;
    width: 100%; }
  .pinned table th, .pinned table td {
    white-space: nowrap;
    border-right: 1px solid #333333; }
  .pinned table th {
    border-right: 1px solid #ffffff; }
  .pinned td:last-child {
    border-bottom: 0; }
  .scrollable table {
    border-left: none; }
  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc; }
  div.table-wrapper div.scrollable {
    margin-left: 35%; }
  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden; }
  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none; } }

.table-complex {
	cursor: default; }
.table-complex .thead {
  background: #333333;
  color: #ffffff;
  padding: 0 20px;
  margin-bottom: 10px; }
  .table-complex .thead .trow {
    border-bottom: 1px solid #808080;
    padding: 15px 0; }
  .table-complex .light .trow {
    border-bottom-color: #ffffff; }
    .table-complex .thead .trow:last-child {
      border: none; }
  .table-complex .thead .tcol:first-child {
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }

.table-complex .tbody .content {
  float: none; }
  .table-complex .tbody .content p {
    padding-bottom: 10px; }
    .table-complex .tbody .content p:last-child {
      padding-bottom: 0; }

.table-complex .tbody .content {
  float: left; }

@media all and (min-width: 641px) {
  .table-complex .thead {
    margin-bottom: 0; }
    .table-complex .thead .trow:before, .table-complex .thead .trow:after {
      content: " ";
      display: table; }
    .table-complex .thead .trow:after {
      clear: both; }
    .table-complex .thead .tcol {
      width: 50%;
      float: left;
      padding: 24px 20px 24px 0; }
  .table-complex .tbody {
    border: solid #e6e6e6;
    border-width: 0 1px 1px; }
    .table-complex .tbody .accitem {
      padding: 23px 20px 30px;
      margin-bottom: 0; }
      .table-complex .tbody .accitem:nth-child(even) {
        background: #e6e6e6; }
    .table-complex .tbody .acctoggle {
      padding: 0;
      width: 50%;
      float: left;
      background: none;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      cursor: default; }
      .table-complex .tbody .acctoggle:after {
        display: none; }
    .table-complex .tbody .content {
      margin-top: 0 !important;
      width: 50%;
      float: left;
      padding: 0;
      border: none; }
      .table-complex .tbody .content p {
        padding-top: 0; }
    .table-complex .tbody .accitem.open .content {
      margin-top: 0 !important; } }
      
	/* BEGIN: lined table layout */
	/* normal table */
    .table-lined table {
    	border: none; }
    .table-lined tr {
		background: #ffffff;
		border-bottom: 1px #333333 solid; }
	.table-lined th, .table-lined td {
		background: #ffffff;
		padding: 10px;
		height: 43px !important; }
	.table-lined thead:not(.light) th, .table-lined td {
		color: #333333; }
	.table-lined td:first-child, .table-lined th:first-child {
		padding: 10px 10px 10px 0px; }
    .table-header-accent-color th, .table-body-accent-color td {
		background: ; }
    .table-header-accent-color.dark .thead .tcol, .table-body-accent-color.dark  .tbody .acctoggle {
		color: #333; }
    .table-header-accent-color.dark .thead .trow {
		border-color: #333; }
    .table-header-accent-color.light  .thead .tcol {
		color: #FFF; }
    .table-simple-dark thead {
		color: #FFF; 
		background-color: #333; }
    .table-simple-corporate  thead {
		background-color: ; }
    .table-simple-corporate.dark  thead {
		color: #333; }
    .table-simple-corporate.light  thead {
		color: #FFF; }
	.table-header-accent-color thead tr {
		border: none; }
	.table-header-accent-color.table-simple-lined th:first-child,
	.table-header-accent-color.table-simple-lined td:first-child {
		padding: 10px; }
	@media all and (max-width: 640px) {
		.table-lined .gw-inner {
    		overflow: scroll; }
    	.table-lined table {
    		table-layout: fixed; }
    	.table-lined td, .table-lined th {
    	    width: 20em; }
		.table-lined td:first-child, .table-lined th:first-child {
    	    position: sticky;
    	    left: 0;
    	    z-index: 100;
    	    width: 10em;
    	    height: auto !important;
    	    border-right: 1px #333333 dotted; }
		.table-lined th:first-child {
    	  	border: none; }
    }
    /* div (table-complex) */
	.table-lined .tbody {
		border: none; }
	div.table-lined .accitem {
		background: #ffffff;
		margin: 0;
        border-bottom: 1px #333333 solid; }
    .table-lined .acctoggle {
    	min-height: 0; }
    .table-lined .accordion .accitem:before {
    	height: 0px; }
    .table-body-accent-color .acctoggle {
    	color: ; }
    .table-header-accent-color .thead, .table-header-accent-color .tcol:first-child {
		background: ; }
    @media all and (min-width: 641px) {
		.table-lined .trow {
			padding: 0; }
		.table-lined .tbody .accitem:nth-child(even) {
			background: #ffffff; }
		.table-lined .accitem {
			padding: 23px 20px 30px 0px; }
	}
	@media all and (max-width: 640px) {
		.table-lined .accordion .acctoggle, .table-lined .accordion .content {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border: none; }
        .table-lined .accordion .acctoggle {
        	padding-left: 0; 
            background: #ffffff; }
		.table-lined .accordion .accitem.open .content {
    		background: #ffffff;
    		margin-top: 0 !important;
      		padding: 0 20px 20px 0 !important; }
	}
    /* END: lined table layout */

.sg-grid-wrapper .table-complex .tbody .accitem {
  min-height: 60px; }

.image-slider .slick-slide img {
  width: 100%; }

.image-slider .copy-box {
  padding: 14px 15px 52px;
  background: #e6e6e6;
  position: relative; }

.image-slider .controlholder {
  position: absolute;
  bottom: 20px;
  right: 15px; }

.image-slider .controlholder {
  text-align: center; }
  .image-slider .controlholder .controlinner {
    display: inline; }
    .image-slider .controlholder .controlinner .pagingInfo {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      padding: 32px  18px 0;
      display: none; }
    .image-slider .controlholder .controlinner button + .pagingInfo {
      display: inline-block; }

@media all and (min-width: 641px) {
  .image-slider .copy-box {
    padding: 14px 20px 45px; }
  .image-slider .controlholder {
    right: 20px; } }

.testimonial .gw-inner {
  border: 1px solid #e6e6e6;
  padding: 24px 15px 0 15px;
  position: relative; }

.testimonial svg {
  width: 70px;
  height: 57px;
  fill: ;
  float: left;
  margin-left: -15px;
  margin-right: 15px; }

.testimonial .corporateback svg {
  opacity: .3; }

.testimonial .corporateback.light svg {
  fill: #ffffff; }

.testimonial .corporateback.dark svg {
  fill: #333333; }

@media all and (min-width: 641px) {
  .testimonial .gw-inner {
    padding: 34px 30px 14px 120px; }
  .testimonial svg {
    position: absolute;
    left: 17px;
    top: 29px;
    margin: 0; } }

.downloadbox .gw-inner {
  border: 1px solid #e6e6e6;
  padding: 14px 15px 30px;
  position: relative; }

.downloadbox svg {
  width: 60px;
  height: 60px;
  fill: ;
  float: right;
  margin: -4px 0 20px 20px; }

.downloadbox button {
  margin-top: 13px; }

@media all and (min-width: 381px) {
  .downloadbox svg {
    width: 60px;
    height: 60px; } }

@media all and (min-width: 641px) {
  .downloadbox .gw-inner {
    padding: 34px 30px 40px; } }

@media all and (min-width: 641px) {
  .downloadbox .gw-inner {
    padding: 24px 30px 40px; }
  .downloadbox svg {
    width: 100px;
    height: 100px; } }

.teaser-list .item {
  background: #e6e6e6; }
  .teaser-list .item .img-holder img {
    width: 100%;
    display: block;
    margin-bottom: 0; }
  .teaser-list .item .copy-box {
    padding: 0 15px 50px; }
    .teaser-list .item .copy-box .hl_3 {
      padding-bottom: 10px; }

.teaser-list .controlholder {
  position: absolute;
  right: 15px;
  bottom: 20px;
  text-align: center; }

.teaser-list .slick-list {
  background: #e6e6e6; }

@media all and (min-width: 641px) {
  .teaser-list .slick-list {
    background: none; }
  .teaser-list .slick-track {
    width: 100% !important; }
  .teaser-list .item {
    background: none;
    display: table;
    width: 100% !important; }
    .teaser-list .item .img-holder {
      display: table-cell;
      padding-right: 30px; }
      .teaser-list .item .img-holder img {
        width: 210px;
        margin-bottom: 0; }
    .teaser-list .item .copy-box {
      display: table-cell;
      width: 100%;
      vertical-align: top;
      padding: 0; }
      .teaser-list .item .copy-box .hl_3 {
        padding-bottom: 10px; } }

@media all and (min-width: 641px) {
  .wide .teaser-list .img-holder, .wide .teaser-list .copy-box {
    width: 50%; }
  .wide .teaser-list .img-holder img {
    width: 100%; } }

.controlholder .controlinner {
  display: inline; }
  .controlholder .controlinner .pagingInfo {
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    padding: 32px  18px 0;
    display: none; }
  .controlholder .controlinner button + .pagingInfo {
    display: inline-block; }

.teaser-list-small .item {
  display: table;
  padding-bottom: 20px;
  word-break: break-word; }
  .teaser-list-small .item .img-holder {
    display: table-cell;
    padding-right: 15px;
    padding-bottom: 0; }
    .teaser-list-small .item .img-holder img {
      width: 75px;
      margin-bottom: 0; }
  .teaser-list-small .item .copy-box {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding: 0 15px 0 0; }
    .teaser-list-small .item .copy-box .hl_3 {
      padding-bottom: 10px; }
    .teaser-list-small .item .copy-box span {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    .teaser-list-small .item .copy-box p {
      padding-top: 10px;
      padding-bottom: 0; }
      .teaser-list-small .item .copy-box p small {
        display: inline-block; }

.teaser-list-small .imagelink:last-child .item {
  padding-bottom: 15px; }

@media all and (min-width: 641px) {
  .teaser-list-small .item .img-holder {
    padding-right: 30px; }
    .teaser-list-small .item .img-holder img {
      width: 120px; }
  .teaser-list-small .item .copy-box {
    padding: 0 30px 0 0; } }

.teaser-list-small .module.teaser {
  padding: 0 0 25px;
  position: relative;
  margin-bottom: 10px; }
  .teaser-list-small .module.teaser:after {
    content: '';
    display: table;
    clear: both; }
  .teaser-list-small .module.teaser .img-holder {
    padding-right: 15px;
    padding-bottom: 0;
    float: left; }
    .teaser-list-small .module.teaser .img-holder img {
      width: 75px;
      margin-bottom: 0; }
    .teaser-list-small .module.teaser .img-holder ~ p {
      left: 90px;
      bottom: 45px; }
  .teaser-list-small .module.teaser p {
    padding: 0 !important;
    float: none !important;
    position: absolute;
    left: 0;
    bottom: 0; }
  .teaser-list-small .module.teaser a {
    box-shadow: none;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    .teaser-list-small .module.teaser a:hover {
      box-shadow: inset 0 -2px 0 #333333; }
  .teaser-list-small .module.teaser ~ .meta-nav {
    margin: 20px 0;
    display: inline-block; }
    .teaser-list-small .module.teaser ~ .meta-nav:before, .teaser-list-small .module.teaser ~ .meta-nav:after {
      content: '';
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_left_dark.svg) left top no-repeat;
      background-size: 15px 12px;
      background-position: center center;
      width: 30px;
      height: 30px;
      display: inline-block;
      border: 2px solid #000;
      border-radius: 50%;
      margin: 0 10px 0 0;
      vertical-align: top; }
    .teaser-list-small .module.teaser ~ .meta-nav:after {
      content: '';
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
      background-size: 15px 12px;
      background-position: center center;
      width: 30px;
      height: 30px;
      display: inline-block;
      border: 2px solid #000;
      border-radius: 50%;
      margin: 0 0 0 10px;
      vertical-align: top; }
    .teaser-list-small .module.teaser ~ .meta-nav a {
      display: inline-block;
      vertical-align: top;
      margin: 0 5px;
      box-shadow: none;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      text-align: center;
      line-height: 34px;
      font-weight: bold;
      border: 2px solid #000; }
      .teaser-list-small .module.teaser ~ .meta-nav a:empty {
        display: none; }

.teaser-list-small .module.textpage {
  margin: 0 0 20px;
  font-family: noto_sansregular, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22px;
  line-height: 1.375rem; }
  @media all and (min-width: 800px) {
    .teaser-list-small .module.textpage {
      font-size: 16px;
      font-size: 1rem;
      line-height: 25px;
      line-height: 1.5625rem; } }
  .teaser-list-small .module.textpage > p:first-of-type {
    padding: 0 0 5px; }
    .teaser-list-small .module.textpage > p:first-of-type b {
      font-weight: normal; }
  .teaser-list-small .module.textpage h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: Flama-Semibold, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    padding-bottom: 20px; }
    .teaser-list-small .module.textpage h4 ~ h4 {
      margin-top: 20px; }
  .teaser-list-small .module.textpage table {
    border: none; }
    .teaser-list-small .module.textpage table tr td {
      padding: 0; }
      .teaser-list-small .module.textpage table tr td:first-child {
        display: none; }
      .teaser-list-small .module.textpage table tr td a {
        box-shadow: none;
        display: inline-block;
        padding-left: 26px;
        position: relative; }
        .teaser-list-small .module.textpage table tr td a:hover {
          box-shadow: inset 0 -2px 0 #333333; }
        .teaser-list-small .module.textpage table tr td a:before {
          content: "";
          display: inline-block;
          width: 15px;
          height: 12px;
          position: absolute;
          left: 0;
          top: 5px;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0;
          background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) left top no-repeat;
          background-size: 15px 12px; }
      .teaser-list-small .module.textpage table tr td p {
        display: inline-block;
        margin: 0 0 0 10px; }
        .teaser-list-small .module.textpage table tr td p:before {
          content: '('; }
        .teaser-list-small .module.textpage table tr td p:after {
          content: ')'; }
        .teaser-list-small .module.textpage table tr td p br {
          display: none; }

.cmodul.invertedback .checklist {
  padding-bottom: 25px; }
  .cmodul.invertedback .checklist .slide_footer {
    text-align: center; }
    .cmodul.invertedback .checklist .slide_footer .controlholder {
      float: none; }

.cmodul .checklist {
  padding-top: 0; }
  .cmodul .checklist .hl_2 {
    text-align: left; }
  .cmodul .checklist .slides_checklist .item {
    width: 33.3333%; }
    .cmodul .checklist .slides_checklist .item .inner {
      border: none;
      background: #ffffff; }
  .cmodul .checklist .slide_footer {
    text-align: left; }
    .cmodul .checklist .slide_footer .controlholder {
      padding-top: 26px; }
      .cmodul .checklist .slide_footer .controlholder .controlinner {
        display: inline-block; }
        .cmodul .checklist .slide_footer .controlholder .controlinner .pagingInfo {
          display: inline-block;
          padding: 0 18px;
          font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  .cmodul .checklist .gw-inner {
    background: none; }
  @media all and (min-width: 641px) {
    .cmodul .checklist .slides_checklist .item .inner {
      padding: 30px 30px 55px; }
    .cmodul .checklist .slides_checklist .item p.bot {
      left: 20px; } }

.checklist_filter {
  margin: 0 0 20px; }
  .checklist_filter .col {
    border: solid #ffffff;
    border-width: 0 2px;
    padding: 20px 15px;
    margin-bottom: 2px;
    background: #e6e6e6; }
    .checklist_filter .col label {
      width: 100%; }
  @media all and (min-width: 641px) {
    .checklist_filter {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: -ms-flexbox;
      margin: 0 -2px 30px; }
      .checklist_filter .col {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        border: solid #ffffff;
        border-width: 0 2px;
        padding: 43px 0 41px;
        background: #e6e6e6;
        width: 33.3333%;
        text-align: center; }
        .checklist_filter .col label {
          width: auto; } }

.chl-acc .accordeonlist ul li div.label {
  background: #e6e6e6;
  color: #808080;
  text-transform: uppercase;
  padding: 4px 10px 2px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-family: noto_sansbold, Arial, Helvetica, sans-serif; }

.chl-acc .accordeonlist ul li .acctitel {
  padding-bottom: 0;
  position: relative; }
  .chl-acc .accordeonlist ul li .acctitel:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 2px;
    background: #333333;
    position: absolute;
    left: -20px;
    top: 9px; }
  .chl-acc .accordeonlist ul li .acctitel:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 12px;
    background: #333333;
    position: absolute;
    left: -15px;
    top: 4px; }

.chl-acc .accordeonlist ul li .date {
  color: #808080;
  font-family: noto_sansregular, Arial, Helvetica, sans-serif;
  padding-bottom: 0; }

.chl-acc .accordeonlist ul li .cont {
  border: none !important;
  padding-top: 0 !important;
  display: none; }
  .chl-acc .accordeonlist ul li .cont span[class^="sico ico_"] {
    padding-left: 30px;
    margin-bottom: 10px;
    display: inline-block;
    font-family: noto_sansregular, Arial, Helvetica, sans-serif; }
  .chl-acc .accordeonlist ul li .cont a[class^="secondarylink sico"] {
    font-family: noto_sansregular, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    display: inline-block; }

.chl-acc .accordeonlist ul li.hassub > div {
  border-bottom: none; }

.chl-acc .accordeonlist ul li.open .acctitel:after {
  display: none; }

@media all and (min-width: 641px) {
  .chl-acc .accordeonlist ul li div.label {
    position: absolute;
    right: 0;
    top: 0; }
  .chl-acc .accordeonlist ul li .acctitel:before {
    top: 11px; }
  .chl-acc .accordeonlist ul li .acctitel:after {
    top: 6px; } }

.chl-acc .accordeonlist .red-item {
  border-left: 10px solid #e53948; }

.chl-acc .accordeonlist .blue-item {
  border-left: 10px solid #51d6ff; }

.chl-acc .accordeonlist .green-item {
  border-left: 10px solid #9fd356; }

.gallery-wall {
  padding-top: 40px;
  padding-bottom: 40px; }
  .gallery-wall .hl_2 {
    padding-bottom: 25px;
    display: block; }
  .gallery-wall .slides_gw .slick-list {
    margin-left: -5px; }
  .gallery-wall .slides_gw .item {
    position: relative;
    overflow: hidden; }
    .gallery-wall .slides_gw .item:before {
      content: "";
      display: block;
      margin-top: 100%; }
    .gallery-wall .slides_gw .item .inner {
      height: 100%;
      position: absolute;
      left: 5px;
      right: 5px;
      top: 0;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      .gallery-wall .slides_gw .item .inner.half {
        height: 48.5875%;
        top: 0; }
        .gallery-wall .slides_gw .item .inner.half:last-child {
          top: auto;
          bottom: 0; }
  .gallery-wall .slide_footer .controlholder {
    text-align: center;
    color: #333333; }
    .gallery-wall .slide_footer .controlholder .controlinner {
      display: inline; }
      .gallery-wall .slide_footer .controlholder .controlinner .pagingInfo {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        padding: 34px  18px 0; }
      .gallery-wall .slide_footer .controlholder .controlinner button + .pagingInfo {
        display: inline-block; }
  @media all and (min-width: 1025px) {
    .gallery-wall .slides_gw .slick-list {
      margin-left: -2px; }
    .gallery-wall .slides_gw .item .inner {
      left: 2px;
      right: 2px; }
      .gallery-wall .slides_gw .item .inner.half {
        height: 49.5238%; } }
  .gallery-wall .grid:after {
    content: '';
    display: block;
    clear: both; }
  .gallery-wall .grid-sizer,
  .gallery-wall .grid-item {
    width: calc(50% - 6px); }
    .gallery-wall .grid-sizer img,
    .gallery-wall .grid-item img {
      width: 100%;
      display: block; }
  .gallery-wall .grid-item {
    margin-bottom: 6px; }
  @media all and (min-width: 641px) {
    .gallery-wall .grid-sizer,
    .gallery-wall .grid-item {
      width: calc(33.3333% - 6px); } }

.cmodul.gallery-wall.gw-inner {
  max-width: 730px;
  min-width: 630px;
  margin: 0px auto; }

.tabs .tabsholder {
  display: none; }

@media all and (max-width: 640px) {
  .tabs .accordion {
    height: auto !important; } }

@media all and (min-width: 641px) {
  .tabs .tabsholder {
    background: #e6e6e6;
    padding: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px; }
    .tabs .tabsholder .item {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      flex-grow: 1;
      text-align: center;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      color: #808080;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      cursor: pointer;
      position: relative; }
      .tabs .tabsholder .item span {
        padding: 14px 0 13px;
        display: block;
        position: relative;
        z-index: 2;
        height: 100%; }
      .tabs .tabsholder .item.active {
        color: #333333; }
        .tabs .tabsholder .item.active span {
          background: #ffffff; }
        .tabs .tabsholder .item.active:after {
          content: "";
          width: 14px;
          height: 14px;
          position: absolute;
          left: 50%;
          margin-left: -7px;
          bottom: -10px;
          transform: rotate(45deg);
          background: #e6e6e6;
          z-index: -10px; }
  .tabs .accordion {
    border-bottom: 1px solid #808080;
    margin-bottom: 10px;
    padding-bottom: 0;
    -webkit-transition: height 0.25s ease-in-out;
    -moz-transition: height 0.25s ease-in-out;
    -ms-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out; }
    .tabs .accordion .accitem {
      padding: 0;
      margin: 0;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      -ms-transition: opacity 0.25s ease-in-out;
      -o-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out;
      opacity: 0; }
      .tabs .accordion .accitem.open {
        position: relative;
        opacity: 1; }
      .tabs .accordion .accitem .acctoggle {
        display: none; }
      .tabs .accordion .accitem .content {
        border: none;
        margin-top: 10px !important;
        padding: 0 0 14px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; }
        .tabs .accordion .accitem .content.noline {
          border: none;
          padding-bottom: 0; }
        .tabs .accordion .accitem .content .cmodul {
          margin-bottom: 20px; } }

.cmodul .accordeonlist {
  margin-top: 30px;
  border: solid #e6e6e6;
  border-width: 0 1px 1px;
  word-break: break-word; }
  .cmodul .accordeonlist li {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
    position: relative;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    .cmodul .accordeonlist li:before {
      display: none; }
    .cmodul .accordeonlist li .count {
      color: #808080; }
    .cmodul .accordeonlist li.hassub .acctitel {
      padding-right: 60px; }
      .cmodul .accordeonlist li.hassub .acctitel:first-child:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 2px;
        background: #333333;
        position: absolute; }
      .cmodul .accordeonlist li.hassub .acctitel:first-child:after {
        content: "";
        display: inline-block;
        width: 2px;
        height: 12px;
        background: #333333;
        position: absolute; }
    .cmodul .accordeonlist li i {
      display: block;
      width: 55px;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      border-left: 1px solid #e6e6e6;
      cursor: pointer;
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_search_h16.svg) center center no-repeat;
      background-size: 16px 16px; }
  .cmodul .accordeonlist ul {
    padding: 0; }
    .cmodul .accordeonlist ul li {
      padding: 0;
      margin-bottom: -1px; }
    .cmodul .accordeonlist ul div.cont {
      border-bottom: 1px solid #e6e6e6;
      position: relative; }
  .cmodul .accordeonlist ul.level-1 > li > div {
    padding: 24px 60px 23px 15px;
    border-top: 1px solid #e6e6e6; }
  .cmodul .accordeonlist ul.level-1 > li.hassub > div {
    padding: 24px 60px 23px 37px;
    cursor: pointer; }
    .cmodul .accordeonlist ul.level-1 > li.hassub > div:first-child:before {
      left: 15px;
      top: 33px; }
    .cmodul .accordeonlist ul.level-1 > li.hassub > div:first-child:after {
      left: 20px;
      top: 28px; }
  .cmodul .accordeonlist ul.level-2 {
    padding-left: 43px;
    margin-bottom: -1px; }
    .cmodul .accordeonlist ul.level-2 div {
      padding: 15px 0 13px; }
    .cmodul .accordeonlist ul.level-2 > li.hassub > .acctitel {
      padding: 15px 60px 13px 22px;
      cursor: pointer; }
      .cmodul .accordeonlist ul.level-2 > li.hassub > .acctitel:first-child:before {
        left: 0;
        top: 24px; }
      .cmodul .accordeonlist ul.level-2 > li.hassub > .acctitel:first-child:after {
        left: 5px;
        top: 19px; }
  .cmodul .accordeonlist ul.level-3 {
    padding-left: 23px; }
    .cmodul .accordeonlist ul.level-3 > li > div {
      padding-right: 60px; }
  @media all and (min-width: 641px) {
    .cmodul .accordeonlist ul.level-1 > li > div {
      padding: 24px 20px 23px; }
    .cmodul .accordeonlist ul.level-1 > li.hassub > div {
      padding: 24px 15px 23px 42px; }
      .cmodul .accordeonlist ul.level-1 > li.hassub > div:first-child:before {
        left: 20px;
        top: 35px; }
      .cmodul .accordeonlist ul.level-1 > li.hassub > div:first-child:after {
        left: 25px;
        top: 30px; }
    .cmodul .accordeonlist ul.level-2 {
      padding-left: 37px; }
      .cmodul .accordeonlist ul.level-2 div {
        padding: 15px 0 13px; }
      .cmodul .accordeonlist ul.level-2 > li.hassub > div {
        padding: 15px 0 13px 22px; }
        .cmodul .accordeonlist ul.level-2 > li.hassub > div:first-child:before {
          top: 26px; }
        .cmodul .accordeonlist ul.level-2 > li.hassub > div:first-child:after {
          top: 21px; } }

.cmodul ul.level-1 > li.hassub ul.level-2 {
  display: none; }

.cmodul ul.level-1 > li.hassub.open > .acctitel:after {
  display: none; }

.cmodul ul.level-2 > li.hassub ul.level-3 {
  display: none; }

.cmodul ul.level-2 > li.hassub.open > .acctitel:after {
  display: none; }

.accordion .cmodul .accordeonlist {
  margin-top: 0; }

.cmodul .pgl .accordeonlist ul div.acctitel {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  word-break: break-word; }

.download-list .item {
  display: table;
  padding-bottom: 20px; }
  .download-list .item .img-holder {
    padding-bottom: 0;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    position: relative; }
    .download-list .item .img-holder img {
      width: 75px;
      margin-bottom: 0;
      position: relative;
      z-index: 1; }
    .download-list .item .img-holder .overlay {
      width: 80px;
      height: 80px;
      position: absolute;
      right: -40px;
      bottom: -40px;
      z-index: 2;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden; }
      .download-list .item .img-holder .overlay .back {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: ;
        opacity: .9;
        z-index: 1; }
      .download-list .item .img-holder .overlay svg {
        width: 20px;
        height: 20px;
        fill: #ffffff;
        position: relative;
        z-index: 2;
        position: absolute;
        left: 13px;
        top: 13px; }
      .download-list .item .img-holder .overlay.dark svg {
        fill: #333333; }
  .download-list .item .copy-box {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding: 0 15px; }
    .download-list .item .copy-box .hl_3 {
      padding-bottom: 10px; }
    .download-list .item .copy-box span {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
    .download-list .item .copy-box p {
      padding-top: 10px;
      padding-bottom: 0;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem; }

@media all and (min-width: 641px) {
  .download-list .item .img-holder img {
    width: 120px; }
  .download-list .item .img-holder .overlay {
    width: 100px;
    height: 100px;
    right: -50px;
    bottom: -50px; }
    .download-list .item .img-holder .overlay svg {
      left: 20px;
      top: 20px; }
  .download-list .item .copy-box {
    padding: 0 30px; } }

.bms {
  padding-top: 12px; }

.bookmarklist [class^="ico_"] {
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.bookmarklist .bm-holder {
  border: 1px solid #e6e6e6; }
  .bookmarklist .bm-holder .bm-row {
    position: relative; }
  .bookmarklist .bm-holder .bm-col {
    vertical-align: middle;
    border: solid #e6e6e6;
    border-width: 1px 0 0 1px;
    padding-top: 20px;
    padding-bottom: 50px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #808080; }
    .bookmarklist .bm-holder .bm-col:first-child {
      position: absolute;
      left: 14px;
      bottom: 26px;
      width: auto;
      border-width: 0;
      padding: 0;
      z-index: 1; }
    .bookmarklist .bm-holder .bm-col:nth-child(2) {
      padding-left: 15px;
      padding-right: 75px;
      position: relative;
      border-left-width: 0; }
    .bookmarklist .bm-holder .bm-col:nth-child(n+3) {
      width: 60px;
      position: absolute;
      right: 0;
      height: 50%;
      text-align: center;
      top: 0; }
    .bookmarklist .bm-holder .bm-col:nth-child(4) {
      top: 50%; }
    .bookmarklist .bm-holder .bm-col .title {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 22px;
      line-height: 1.375rem;
      color: #333333; }
      @media all and (min-width: 800px) {
        .bookmarklist .bm-holder .bm-col .title {
          font-size: 16px;
          font-size: 1rem;
          line-height: 25px;
          line-height: 1.5625rem; } }
    .bookmarklist .bm-holder .bm-col .fairlogo {
      max-height: 40px;
      width: 160px;
      display: block;
      margin-bottom: 18px;
      margin-top: 5px; }
      .bookmarklist .bm-holder .bm-col .fairlogo img {
        display: block;
        max-width: 100%;
        max-height: 40px; }
  .bookmarklist .bm-holder .bm-row:first-child .bm-col:nth-child(2), .bookmarklist .bm-holder .bm-row:first-child .bm-col:nth-child(3) {
    border-top-width: 0; }
  .bookmarklist .bm-holder .bm-col-inner .col-left p {
    padding-bottom: 10px; }
    .bookmarklist .bm-holder .bm-col-inner .col-left p:last-child {
      padding-bottom: 0; }
  .bookmarklist .bm-holder .bm-col-inner .col-left .companylogo {
    height: 40px;
    display: block;
    margin-bottom: 14px; }
  .bookmarklist .bm-holder .bm-col-inner .col-right {
    padding-bottom: 44px;
    padding-top: 10px; }
  .bookmarklist .bm-holder .bm-col-inner .symbols {
    padding-bottom: 10px; }
    .bookmarklist .bm-holder .bm-col-inner .symbols img {
      width: 20px;
      height: 20px;
      margin-right: 12px;
      display: inline-block; }

.bookmarklist .controlholder {
  padding-bottom: 15px; }
  .bookmarklist .controlholder .controlinner {
    display: inline; }
    .bookmarklist .controlholder .controlinner .pagingInfo {
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      padding: 32px  18px 0;
      display: none; }
    .bookmarklist .controlholder .controlinner button + .pagingInfo {
      display: inline-block; }

@media all and (min-width: 641px) {
  .bookmarklist .bm-holder {
    display: table;
    width: 100%; }
    .bookmarklist .bm-holder .bm-row {
      display: table-row; }
    .bookmarklist .bm-holder .bm-col {
      padding-bottom: 20px;
      display: table-cell; }
      .bookmarklist .bm-holder .bm-col:first-child {
        position: relative;
        left: auto;
        bottom: auto;
        width: 90px;
        border-width: 1px 0 0 0;
        text-align: center; }
      .bookmarklist .bm-holder .bm-col:nth-child(2) {
        padding-left: 20px;
        padding-right: 20px;
        border-width: 1px 0 0 1px; }
      .bookmarklist .bm-holder .bm-col:nth-child(n+3) {
        width: 70px;
        position: relative; }
    .bookmarklist .bm-holder .bm-row:first-child .bm-col {
      border-width: 1px 0 0 1px; }
      .bookmarklist .bm-holder .bm-row:first-child .bm-col:first-child {
        border-width: 0; }
      .bookmarklist .bm-holder .bm-row:first-child .bm-col:last-child {
        border-top-width: 0; }
    .bookmarklist .bm-holder .bm-col-inner {
      /*display: table;
                width:100%;
                [class^="col-"] {
                    width:50%;
                    display:table-cell;
                    vertical-align: middle;
                }
                .col-right {
                    padding-bottom: 0;
                    text-align: right;
                }
                */ } }

@media all and (min-width: 1025px) {
  .bookmarklist .bm-col-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    /*
            display:table;
            width:100%;*/ }
    .bookmarklist .bm-col-inner .col {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      flex-grow: 1;
      text-align: left;
      width: 50%; }
      .bookmarklist .bm-col-inner .col:first-child, .bookmarklist .bm-col-inner .col:nth-child(2) {
        order: 1; }
      .bookmarklist .bm-col-inner .col.logocol {
        order: 2;
        text-align: center;
        padding: 0 20px; }
        .bookmarklist .bm-col-inner .col.logocol .fairlogo, .bookmarklist .bm-col-inner .col.logocol img {
          margin: 0 auto; }
      .bookmarklist .bm-col-inner .col:last-child {
        order: 3;
        text-align: right; } }

.downloadtiles .img_holder {
  border: 1px solid #e6e6e6;
  display: inline-block;
  margin: 0 auto 24px;
  height: 150px;
  position: relative;
  overflow: hidden; }
  .downloadtiles .img_holder img {
    height: 100%; }
  .downloadtiles .img_holder .overlay {
    width: 80px;
    height: 80px;
    position: absolute;
    right: -40px;
    bottom: -40px;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer; }
    .downloadtiles .img_holder .overlay .back {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: ;
      opacity: .9;
      z-index: 1; }
    .downloadtiles .img_holder .overlay:before {
      content: "";
      display: block;
      width: 12px;
      height: 2px;
      background: #ffffff;
      position: absolute;
      left: 18px;
      top: 23px;
      z-index: 2; }
    .downloadtiles .img_holder .overlay:after {
      content: "";
      display: block;
      width: 2px;
      height: 12px;
      background: #ffffff;
      position: absolute;
      left: 23px;
      top: 18px;
      z-index: 2; }
    .downloadtiles .img_holder .overlay.dark:before, .downloadtiles .img_holder .overlay.dark:after {
      background: #333333; }

.downloadtiles .hide {
  display: none; }

.downloadtiles .item {
  padding: 10px 0; }
  .downloadtiles .item .inner {
    padding: 30px 30px 70px;
    border: 1px solid #e6e6e6;
    height: 100%;
    position: relative;
    text-align: center; }
  .downloadtiles .item .cont {
    padding-bottom: 18px; }
  .downloadtiles .item p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: left;
    padding: 11px 0 0; }
  .downloadtiles .item strong {
    text-align: left;
    display: block; }
  .downloadtiles .item .btn {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px; }

@media all and (min-width: 641px) {
  .downloadtiles .holder {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: -15px; }
  .downloadtiles .item {
    padding: 15px;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 50%; } }

@media all and (min-width: 1025px) {
  .downloadtiles .item {
    width: 33.3333%; } }

.mfp-fade.mfp-wrap .mfp-image-holder .mfp-content {
  padding: 50px 15px 0;
  max-width: 100%;
  background: #ffffff; }
  .mfp-fade.mfp-wrap .mfp-image-holder .mfp-content img.mfp-img {
    padding-top: 0;
    margin-bottom: 10px;
    width: 100%; }
  .mfp-fade.mfp-wrap .mfp-image-holder .mfp-content .mfp-title {
    padding-right: 0; }
    .mfp-fade.mfp-wrap .mfp-image-holder .mfp-content .mfp-title .hl_3 {
      padding-bottom: 21px; }
    .mfp-fade.mfp-wrap .mfp-image-holder .mfp-content .mfp-title p {
      padding-bottom: 7px; }
    .mfp-fade.mfp-wrap .mfp-image-holder .mfp-content .mfp-title .btn {
      display: block;
      text-align: center; }

.mfp-fade.mfp-wrap .mfp-image-holder .mfp-close {
  top: 6px;
  right: 11px; }

.mfp-fade.mfp-wrap .mfp-image-holder .mfp-bottom-bar {
  padding: 10px 0 26px;
  top: auto;
  bottom: 0;
  position: static; }
  .mfp-fade.mfp-wrap .mfp-image-holder .mfp-bottom-bar .mfp-title {
    color: #000000; }

@media all and (min-width: 641px) {
  .mfp-fade.mfp-wrap .mfp-image-holder .mfp-content {
    padding: 60px 30px 0;
    width: 580px; }
  .mfp-fade.mfp-wrap .mfp-image-holder .mfp-close {
    top: 11px; }
  .mfp-fade.mfp-wrap .mfp-image-holder .mfp-bottom-bar {
    padding: 10px 0 26px; } }

@media all and (min-width: 1025px) {
  .mfp-fade.mfp-wrap .mfp-image-holder .mfp-content {
    width: 600px; } }

.link-row {
  padding-bottom: 20px; }
  .link-row .item {
    background: #e6e6e6;
    padding: 15px;
    border-bottom: 1px solid #ffffff; }
  @media all and (min-width: 641px) {
    .link-row {
      padding-bottom: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      padding: 15px 0; }
      .link-row .item {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        flex-grow: 1;
        width: 50%;
        border-left: 1px solid #ffffff;
        text-align: center;
        padding: 25px 0;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
        .link-row .item:first-child {
          border-left: none; } }
  @media all and (min-width: 1025px) {
    .link-row .item {
      width: 25%; } }

.modalbox.savelist {
  max-width: 1000px; }
  .modalbox.savelist .hl_2 {
    padding-bottom: 36px; }
  .modalbox.savelist .hl_3 {
    padding-bottom: 21px; }
  .modalbox.savelist .form-block {
    padding-bottom: 34px; }
  .modalbox.savelist img {
    width: 100%;
    max-width: 196px; }

.modul_2col {
  padding-bottom: 70px; }
  .modul_2col .col {
    position: relative; }
    .modul_2col .col:first-child {
      padding-bottom: 20px; }
    .modul_2col .col .map {
      max-width: 80%;
      display: block;
      margin: 0 auto; }
  @media all and (min-width: 641px) {
    .modul_2col .col {
      width: 50%;
      float: left; }
      .modul_2col .col:first-child {
        padding-right: 40px;
        padding-bottom: 0; } }

.list_hall_stand p {
  font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  .list_hall_stand p .secondarylink {
    background-position: left 2px; }

.list_hall_stand i {
  font-style: normal;
  display: block;
  padding-top: 5px;
  font-family: noto_sansregular, Arial, Helvetica, sans-serif; }

.mapholder img {
  width: 100%; }

.mapholder p.alignright {
  color: #808080;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem; }

.tooltip_info {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #808080; }
  .tooltip_info strong {
    color: #333333; }
  .tooltip_info p {
    padding-bottom: 0;
    padding-top: 10px; }

@media all and (min-width: 641px) {
  .modul_2col_memory_list .col {
    width: 50%;
    float: left;
    padding: 0 2px; }
    .modul_2col_memory_list .col:last-child {
      width: 50%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      margin-right: -3px; } }

@media all and (min-width: 1025px) {
  .modul_2col_memory_list .col {
    width: 40%; }
    .modul_2col_memory_list .col:last-child {
      width: 60%; } }

.acc_memory_list {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem; }

.cmodul .accordion.acc_memory_list .acctoggle {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem; }

.cmodul .accordion.acc_memory_list .accitem {
  overflow: hidden; }
  .cmodul .accordion.acc_memory_list .accitem .content {
    padding: 0; }
  .cmodul .accordion.acc_memory_list .accitem .accordeonlist {
    margin-top: 0;
    border: none; }
    .cmodul .accordion.acc_memory_list .accitem .accordeonlist .hassub > div {
      padding-top: 16px;
      padding-bottom: 17px; }
    .cmodul .accordion.acc_memory_list .accitem .accordeonlist .hassub:first-child > div {
      border: none; }
    .cmodul .accordion.acc_memory_list .accitem .accordeonlist .hassub .cont {
      padding-bottom: 0; }
    .cmodul .accordion.acc_memory_list .accitem .accordeonlist .date {
      color: #333333; }
    .cmodul .accordion.acc_memory_list .accitem .accordeonlist a {
      font-family: noto_sansregular, Arial, Helvetica, sans-serif;
      display: inline-block;
      margin-top: 6px; }

.cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .cont {
  padding-right: 15px; }
  .cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .cont .form-block .form-row {
    margin: 0 -5px; }
    .cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .cont .form-block .form-row .form-item {
      padding: 0 5px 16px; }

.cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .acctitel {
  line-height: 20px;
  line-height: 1.25rem;
  padding-bottom: 15px;
  padding-right: 15px; }
  .cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .acctitel:after {
    top: 19px; }
  .cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .acctitel:before {
    top: 24px; }
  .cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .acctitel p {
    padding-bottom: 3px; }

@media all and (min-width: 641px) {
  .cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .cont {
    padding-right: 20px; }
  .cmodul .accordion.acc_memory_list .accordeonlist ul.level-1 .acctitel {
    padding-right: 25px; } }

.datebox {
  margin-bottom: 15px; }
  .datebox .inner {
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 100%;
    padding: 14px 20px 40px; }
  .datebox .headdate {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 13px;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    margin-bottom: 8px; }
  .datebox p {
    position: relative;
    padding-right: 50px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    padding-bottom: 0;
    padding-top: 10px; }
    .datebox p .date {
      position: absolute;
      right: 0;
      font-family: noto_sansregular, Arial, Helvetica, sans-serif; }
    .datebox p .sico {
      background-position: 0 0; }
  .datebox table {
    border: none; }
    .datebox table td {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      padding: 10px 0 0;
      vertical-align: top; }
      .datebox table td:last-child {
        text-align: right;
        padding-left: 10px; }
      .datebox table td .sico {
        background-position: 0 0; }
      .datebox table td .date {
        position: relative;
        right: auto;
        font-family: noto_sansregular, Arial, Helvetica, sans-serif;
        white-space: nowrap; }
  @media all and (min-width: 641px) {
    .datebox {
      margin-bottom: 0;
      padding: 0 0 6px 3px;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      width: 100%; } }
  @media all and (min-width: 1025px) {
    .datebox {
      padding: 0 3px 6px;
      width: 50%;
      min-height: 210px; }
      .datebox:nth-child(even) {
        padding-right: 0; } }

.event_saved {
  background: rgba(28, 184, 28, 0.95);
  color: #ffffff;
  text-align: center;
  padding: 20px 0;
  position: fixed;
  left: 0;
  bottom: 60px;
  width: 100%;
  z-index: 5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .event_saved.bottom {
    bottom: 0; }
  @media all and (min-width: 641px) {
    .event_saved {
      bottom: 0; } }

.event_link {
  background: #e6e6e6;
  color: #000000;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  cursor: pointer;
  text-decoration: underline;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-height: 100px; }
  .event_link.hidden {
    max-height: 0; }
  .event_link strong {
    display: block;
    padding: 19px 0;
    height: 60px; }
  @media all and (min-width: 641px) {
    .event_link {
      display: none; } }

@media all and (min-width: 800px) {
  .acc_memory_list .accitem .content {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden; }
    .acc_memory_list .accitem .content .accordeonlist ul li {
      margin-bottom: 0; }
  .datebox .inner {
    padding-bottom: 20px; }
  .datebox .itemholder {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -10px;
    padding-right: 10px; } }

.form-block label .opt {
  float: right;
  color: #808080; }

.form-block .form-item.check input {
  border-color: #1cb81c;
  padding-right: 40px;
  background: url(https://media.koelnmesse.io/tire/assets/icons/icon_check_green_h12.svg) right 18px center no-repeat;
  background-size: 15px 11px; }

.form-block .form-item.check input[type="checkbox"]:checked + label::before,
.form-block .form-item.check input[type="radio"]:checked + label::before {
  border-color: #1cb81c; }

.form-block .form-item.error:before, .form-block .form-item.error:after {
  content: " ";
  display: table; }

.form-block .form-item.error:after {
  clear: both; }

.form-block .form-item.error input, .form-block .form-item.error .styled_select .toggle, .form-block .form-item.error textarea, .form-block .form-item.error select {
  border-color: #e53948;
  color: #e53948; }

.form-block .form-item.error input[type="checkbox"]:not(:checked) + label::before,
.form-block .form-item.error input[type="radio"]:not(:checked) + label::before {
  border-color: #e53948; }

.form-block .form-item.error .errorholder {
  position: relative; }
  .form-block .form-item.error .errorholder:after {
    content: attr(data-label);
    background: #e53948;
    color: #ffffff;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    float: right;
    margin-top: -2px;
    padding: 9px 10px 6px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; }
  .form-block .form-item.error .errorholder .styled_select, .form-block .form-item.error .errorholder input, .form-block .form-item.error .errorholder textarea {
    float: left;
    width: 100%; }

.form-block .form-item.error .check-row .errorholder label {
  display: block; }

.form-block .form-item.error .check-row .errorholder:after {
  margin-top: 0;
  padding: 8px 10px 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: none;
  margin: 5px 0 0 48px;
  display: inline-block; }

.form-block .form-item.error .check-row .errorholder input[type="checkbox"]:not(:checked) + label::before {
  border-color: #e53948; }

.form-block .form-item .itemsplit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px; }
  .form-block .form-item .itemsplit .item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    flex-grow: 1;
    padding: 0 5px; }

.form-block .form-item .check-row label {
  font-family: noto_sansregular, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22px;
  line-height: 1.375rem; }
  @media all and (min-width: 800px) {
    .form-block .form-item .check-row label {
      font-size: 16px;
      font-size: 1rem;
      line-height: 25px;
      line-height: 1.5625rem; } }

.form-block .form-item .btn {
  width: 100%; }

@media all and (min-width: 381px) {
  .form-block .form-item.small {
    width: 33%;
    float: left; }
  .form-block .form-item.wide {
    width: 67%;
    float: left; } }

@media all and (min-width: 641px) {
  .form-block .form-item .btn {
    width: auto; } }

.marker-links {
  padding: 26px 15px 20px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px; }
  .marker-links p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    padding-bottom: 10px; }
  .marker-links .hl_3 {
    padding-bottom: 15px; }
  @media all and (min-width: 641px) {
    .marker-links {
      padding: 26px 30px 20px; } }

.t14 .t-inner {
  padding: 30px 15px 24px; }
  .t14 .t-inner p {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 10px; }
  .t14 .t-inner [class^="hl_"] {
    padding-bottom: 20px; }

@media all and (min-width: 800px) {
  .t14 .t-inner {
    padding: 30px 20px 24px; } 
}

.aussteller-kachel {
  margin: 0 auto; }
  .aussteller-kachel .grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px; }
    .aussteller-kachel .grid-wrapper .gw-inner {
      width: 100%;
      min-width: 0;
      max-height: 220px;
      min-height: 220px;
      padding: 1px;
      background: none; }
      .aussteller-kachel .grid-wrapper .gw-inner .kachel {
        /*
                .icon {
                    background-size: 60px;
                    background-position: left 2px;
                    background-repeat: no-repeat;
                    padding: 31px;
                    display: inline-block;
                    min-height: 60px;
                }*/
        background: #ffffff;
        height: 100%; }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel span {
          font-family: noto_sansregular, Arial, Helvetica, sans-serif;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 22px;
          line-height: 1.375rem;
          font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
          @media all and (min-width: 800px) {
            .aussteller-kachel .grid-wrapper .gw-inner .kachel span {
              font-size: 16px;
              font-size: 1rem;
              line-height: 25px;
              line-height: 1.5625rem; } }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel p {
          font-family: noto_sansregular, Arial, Helvetica, sans-serif;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 22px;
          line-height: 1.375rem;
          font-family: noto_sansbold, Arial, Helvetica, sans-serif;
          padding: 0; }
          @media all and (min-width: 800px) {
            .aussteller-kachel .grid-wrapper .gw-inner .kachel p {
              font-size: 16px;
              font-size: 1rem;
              line-height: 25px;
              line-height: 1.5625rem; } }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel .icontext {
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          max-width: 120px; }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel .icon_inner {
          text-align: center;
          padding-top: 40px;
          padding-bottom: 43px; }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel .round-info {
          background-color: #6993cd;
          position: absolute;
          width: 30px;
          height: 30px;
          top: 10px;
          left: 10px;
          text-align: center;
          border-radius: 100px;
          padding-top: 3px;
          color: white; }
  .aussteller-kachel a {
    box-shadow: none; }
    .aussteller-kachel a:hover span {
      text-decoration: none;
      transition: all  0.25s ease-out;
      -webkit-transition: all  0.25s ease-in-out;
      -moz-transition: all  0.25s ease-in-out;
      -o-transition: all  0.25s ease-in-out;
      -moz-box-shadow: inset 0 -2px 0 #333333;
      -webkit-box-shadow: inset 0 -2px 0 #333333;
      box-shadow: inset 0 -2px 0 #333333; }
    .aussteller-kachel a:hover svg {
      fill: ; }
    .aussteller-kachel a svg {
      fill: #333333;
      max-width: 60px; }
  @media all and (min-width: 481px) {
    .aussteller-kachel .grid-wrapper .gw-inner {
      width: 50%;
      float: left;
      margin: 0; } }
  @media all and (min-width: 681px) {
    .aussteller-kachel .grid-wrapper .gw-inner {
      width: 33.3333%; } }
  @media all and (min-width: 1025px) {
    .aussteller-kachel .grid-wrapper .gw-inner {
      width: 25%; } }

.box_anrede {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0;
  justify-content: center; }
  .box_anrede .anrede, .box_anrede .form-row {
    width: 100%; }
  .box_anrede .form-row.clfix, .box_anrede .social-media-bar ul.form-row, .social-media-bar .box_anrede ul.form-row {
    text-align: right; }
  .box_anrede .styled_select {
    text-align: left;
    width: 100%;
    margin-top: 20px; }
  .box_anrede .entry {
    padding-bottom: 57px;
    line-height: 22px !important; }
    .box_anrede .entry:hover {
      text-decoration: none !important; }
    .box_anrede .entry span span {
      font-size: 14px;
      font-family: Nunito, Arial, Helvetica, sans-serif;
      box-shadow: none !important;
      display: block; }
  @media all and (min-width: 641px) {
    .box_anrede .anrede, .box_anrede .form-row {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      flex-grow: 1;
      width: 50%; }
    .box_anrede .styled_select {
      width: auto;
      min-width: 215px;
      margin-top: 0; } }

.countdown {
  text-align: center;
  padding: 20px 15px;
  background: #ffffff; }
  .countdown .hl_2 {
    padding-bottom: 20px; }
  .countdown .item-holder {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 25px;
    max-width: 750px;
    margin: 0 auto; }
  .countdown .item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    flex-grow: 1;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem; }
    .countdown .item .inner {
      display: inline-block; }
  .countdown .inner {
    padding: 11px 5px; }
    @media (max-width: 480px) {
      .countdown .inner {
        padding: 10px 4px; } }
  .countdown .maincount {
    font-family: oswald, Arial, Helvetica, sans-serif;
    font-size: 55px;
    font-size: 3.4375rem;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 18px;
    min-width: 80px; }
    @media (max-width: 480px) {
      .countdown .maincount {
        font-size: 45px;
        font-size: 2.8125rem;
        min-width: 60px; } }
  .countdown .pad {
    display: none; }
  .countdown .dot {
    font-family: oswald, Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    padding-top: 25px; }
  .countdown.ctdbg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    .countdown.ctdbg * {
      color: #ffffff; }
    .countdown.ctdbg .inner {
      background: rgba(0, 0, 0, 0.4); }
    .countdown.ctdbg .maincount {
      padding-bottom: 9px;
      min-width: 80px; }
      @media (max-width: 480px) {
        .countdown.ctdbg .maincount {
          min-width: 60px; } }
    .countdown.ctdbg .btn {
      background: #ffffff;
      color: #000000;
      border: none;
      margin: 0; }
      .countdown.ctdbg .btn:hover {
        border: none; }
  @media all and (min-width: 481px) {
    .countdown .inner {
      padding: 11px 10px; }
    .countdown .item-holder {
      padding-bottom: 45px; } }
  @media all and (min-width: 641px) {
    .countdown {
      padding: 45px 30px; }
      .countdown .inner {
        padding: 11px 20px; }
      .countdown .maincount {
        font-size: 70px;
        font-size: 4.375rem; }
      .countdown .pad {
        display: inline-block; }
      .countdown .mobile {
        display: none; }
      .countdown .dot {
        padding-top: 35px; } }
  @media all and (min-width: 1025px) {
    .countdown {
      padding: 60px 30px; } }
.video-stage .grid-wrapper .gw-inner {
  max-width: none; }

.video-stage .stage {
  background: #ffffff;
  color: #333333;
  display: flex;
  flex-direction: row;
  overflow: hidden; }
  .video-stage .video-stage.darkback .video-stage .stage, .video-stage .stage.darkback {
    background: #333333;
    color: #ffffff; }
  .video-stage .stage-main {
    flex: 1 0 auto;
    position: relative;
    width: 80%; }
    .video-stage .stage-main .video-control {
      display: none; }
    .video-stage .stage-main .content-holder {
      display: block;
      height: 56.25%;
      left: 0;
      opacity: 0;
      padding: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%; }
      .video-stage .stage-main .content-holder[data-active] {
        opacity: 1;
        pointer-events: all;
        transition: opacity 0.5s; }
      .video-stage .stage-main .content-holder:first-of-type {
        position: relative; }
      .video-stage .stage-main .content-holder img {
        display: block;
        object-fit: cover;
        width: 100%; }
      .video-stage .stage-main .content-holder .embed-overlay {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 3rem;
        pointer-events: none; }
        .video-stage .stage-main .content-holder .embed-overlay > * {
          pointer-events: all; }
        .video-stage .stage-main .content-holder .embed-overlay .video-flag-container {
          position: absolute;
          left: 1rem;
          top: 1rem; }
      .video-stage .stage-main .content-holder .embed-container {
        height: auto;
        margin: 0;
        overflow: visible;
        padding-bottom: 56.25%;
        position: relative;
        text-align: right;
        width: 100%; }
        .video-stage .stage-main .content-holder .embed-container iframe,
        .video-stage .stage-main .content-holder .embed-container video,
        .video-stage .stage-main .content-holder .embed-container picture {
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%;
          border: 0;
          overflow: hidden; }
        .video-stage .stage-main .content-holder .embed-container video {
          object-fit: cover; }
  .video-stage .stage-control {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    width: 20%;
    z-index: 1; }
    .video-stage .stage-control > * {
      height: 25%; }
  .video-stage .stage-thumb {
    cursor: pointer;
    height: 100%;
    overflow: visible;
    position: relative;
    background: 
  
;
    color: #ffffff; }
    .video-stage.darkback .video-stage .stage-thumb, .video-stage .stage-thumb.darkback {
      color: #ffffff;
      background: #333333; }
    .video-stage .stage-thumb img {
      transition: 0.2s; }
    .video-stage .stage-thumb:before {
      border-color: transparent 
  
 transparent transparent;
      border-style: solid;
      border-width: 1rem 1rem 1rem 0;
      content: "";
      display: block;
      height: 0;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translate(0%, -50%);
      transition: 0.2s;
      width: 0;
      z-index: -1; }
    .video-stage .stage-thumb[data-active] {
      background: 
  
;
      cursor: default; }
      .video-stage .stage-thumb[data-active] .stage-thumb-link {
        margin-bottom: 0;
        margin-top: 0; }
      .video-stage .stage-thumb[data-active] img {
        opacity: 0; }
      .video-stage .stage-thumb[data-active]:before {
        transform: translate(-100%, -50%); }
      .video-stage .stage-thumb[data-active]:after {
        opacity: 0; }
      .video-stage .stage-thumb[data-active]:focus {
        outline: none; }
      .video-stage .stage-thumb[data-active]:hover img {
        opacity: 0; }
    .video-stage .stage-thumb:after {
      background: black;
      content: "";
      height: 100%;
      left: 0;
      mix-blend-mode: multiply;
      opacity: 0.5;
      position: absolute;
      top: 0;
      transition: 0.2s;
      width: 100%;
      z-index: 2; }
    .video-stage .stage-thumb:hover img {
      opacity: 0.5; }
    .video-stage .stage-thumb:hover:after {
      background: 
  
; }
    .video-stage .stage-thumb picture {
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
      .video-stage .stage-thumb picture img {
        background: #ffffff;
        height: 100%;
        object-fit: cover;
        width: 100%;
        z-index: 1; }
        .video-stage.darkback .video-stage .stage-thumb picture img, .video-stage .stage-thumb picture img.darkback {
          color: #ffffff;
          background: #333333; }
    .video-stage .stage-thumb figcaption {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      font-weight: bold;
      height: 100%;
      justify-content: flex-end;
      left: 0;
      overflow: hidden;
      padding: 1rem;
      position: absolute;
      text-align: left;
      top: 0;
      width: 100%;
      z-index: 3; }
      .video-stage .stage-thumb figcaption p {
        margin-bottom: 1rem;
        width: 100%; }
      .video-stage .stage-thumb figcaption .stage-thumb-link {
        margin-bottom: -5rem;
        margin-top: 1rem;
        position: relative;
        transition: margin 0.2s; }
        .video-stage .stage-thumb figcaption .stage-thumb-link a {
          white-space: nowrap;
          color: #ffffff;
          border-color: #ffffff; }
          .video-stage .stage-thumb figcaption .stage-thumb-link a:before {
            background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg); }
          .video-stage.darkback .video-stage .stage-thumb figcaption .stage-thumb-link a, .video-stage .stage-thumb figcaption .stage-thumb-link a.darkback {
            color: #ffffff; }
  @media (max-width: 1300px) and (min-width: 769px) {
    .video-stage .stage-thumb figcaption .stage-thumb-link {
      margin-bottom: -3rem;
      margin-top: 0.5rem; }
      .video-stage .stage-thumb figcaption .stage-thumb-link a {
        border: none;
        padding: 0; }
    .video-stage .stage-thumb figcaption p {
      margin-bottom: 0; }
    .video-stage .stage-thumb[data-active] figcaption .stage-thumb-link {
      margin-bottom: -0.5rem; } }
  @media (max-width: 1024px) {
    .video-stage .stage {
      flex-direction: row;
      flex-wrap: wrap; }
      .video-stage .stage-main {
        widows: 100%; }
      .video-stage .stage-control {
        flex-direction: row;
        flex-wrap: nowrap;
        height: auto;
        width: 100%; }
      .video-stage .stage-thumb {
        height: 10rem;
        width: 100%; }
        .video-stage .stage-thumb:before {
          left: 50%;
          top: 0;
          transform: rotate(0.25turn) translateY(0%) translateX(-50%); }
        .video-stage .stage-thumb[data-active]:before {
          transform: rotate(0.25turn) translateY(0%) translateX(-150%); } }
  @media (max-width: 768px) {
    .video-stage .stage-thumb {
      background: #ffffff;
      color: #333333;
      height: auto;
      pointer-events: none;
      position: absolute;
      opacity: 0;
      width: 100%;
      z-index: 1; }
      .video-stage.darkback .video-stage .stage-thumb, .video-stage .stage-thumb.darkback {
        color: #ffffff;
        background: #333333; }
      .video-stage .stage-thumb:before, .video-stage .stage-thumb:after {
        display: none; }
      .video-stage .stage-thumb picture {
        display: none; }
      .video-stage .stage-thumb figcaption {
        justify-content: flex-start;
        position: relative;
        padding-bottom: 0; }
        .video-stage .stage-thumb figcaption p {
          margin: 0; }
        .video-stage .stage-thumb figcaption .stage-thumb-link {
          margin: 0; }
          .video-stage .stage-thumb figcaption .stage-thumb-link .btn {
            border: none;
            margin: 0;
            padding-left: 0;
            padding-right: 0;
            color: #333333; }
            .video-stage .stage-thumb figcaption .stage-thumb-link .btn:before {
              background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg); }
            .video-stage.darkback .video-stage .stage-thumb figcaption .stage-thumb-link .btn, .video-stage .stage-thumb figcaption .stage-thumb-link .btn.darkback {
              color: #ffffff; }
              .video-stage.darkback .video-stage .stage-thumb figcaption .stage-thumb-link .btn:before, .video-stage .stage-thumb figcaption .stage-thumb-link .btn.darkback:before {
                background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg); }
            .video-stage .stage-thumb figcaption .stage-thumb-link .btn:before {
              display: inline-block; }
      .video-stage .stage-thumb[data-active] {
        background: #ffffff;
        pointer-events: all;
        position: relative;
        opacity: 1;
        z-index: 2; } }

.video-stage-meta-control {
  background: #ffffff;
  color: #333333;
  display: none;
  justify-content: flex-end;
  padding: 1rem;
  width: 100%; }
  .video-stage-meta-control.darkback {
    color: #ffffff;
    background: #333333; }
  .video-stage-meta-control button {
    padding: 1rem;
    vertical-align: middle; }
  .video-stage-meta-control .counter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 1rem; }
  @media (max-width: 768px) {
    .video-stage-meta-control {
      display: flex; } }

.video-detail {
  overflow: auto; }
  .video-detail.cmodul.wide .gw-inner {
    max-width: none; }
  .video-detail .hl_2 {
    padding-bottom: 0; }
    @media (max-width: 768px) {
      .video-detail .hl_2 .video-flag-container {
        position: absolute;
        top: 0;
        right: 0; } }
  .video-detail .hl_4 {
    font-size: 1.15rem;
    padding-bottom: 2rem; }
  .video-detail .stage {
    background: #333333;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 2rem; }
    .video-detail .stage .content-holder {
      display: block;
      height: 56.25%;
      left: 0;
      padding: 0;
      position: relative;
      top: 0;
      width: 100%; }
      .video-detail .stage .content-holder img {
        display: block;
        object-fit: cover;
        width: 100%; }
      .video-detail .stage .content-holder .embed-container {
        height: auto;
        margin: 0;
        overflow: visible;
        padding-bottom: 56.25%;
        position: relative;
        text-align: right;
        width: 100%; }
        .video-detail .stage .content-holder .embed-container iframe,
        .video-detail .stage .content-holder .embed-container video,
        .video-detail .stage .content-holder .embed-container picture {
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%;
          border: 0;
          overflow: hidden; }
        .video-detail .stage .content-holder .embed-container video {
          object-fit: cover; }
  .video-detail .video-info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem; }
    .video-detail .video-info .video-description {
      width: 66.66%; }
      @media (max-width: 1024px) {
        .video-detail .video-info .video-description {
          width: 100%; } }
    .video-detail .video-info .video-meta {
      width: 33.33%;
      text-align: right;
      font-weight: bold; }
      .video-detail .video-info .video-meta ul {
        padding: 0; }
        .video-detail .video-info .video-meta ul > li {
          padding: 0;
          line-height: 1.5;
          list-style: none; }
          .video-detail .video-info .video-meta ul > li:before {
            display: none; }
      @media (max-width: 1024px) {
        .video-detail .video-info .video-meta {
          width: 100%;
          border: 1px solid #cccccc;
          border-left: 0;
          border-right: 0;
          text-align: left;
          padding: 1rem 0;
          margin-top: 1rem; } }

.related-slider {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  .related-slider .slick-list .slick-track .related-media {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .related-slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem; }
    .related-slider .slick-dots li {
      padding: 0.25rem; }
      .related-slider .slick-dots li:before {
        display: none; }
      .related-slider .slick-dots li:after {
        display: inline-block;
        content: '';
        background: #808080;
        border-radius: 50%;
        width: 0.75rem;
        transition: background .2s;
        height: 0.75rem; }
      .related-slider .slick-dots li button {
        display: none; }
      .related-slider .slick-dots li.slick-active:after {
        background: 
  
; }

.video-flag-container {
  float: right;
  font-family: noto_sansbold, Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1em; }

.video-flag {
  font-size: 1rem;
  line-height: 1.5;
  border: 2px solid currentColor;
  border-radius: 5px;
  padding: 1px 7px 0px 7px;
  margin: 0 0.5em;
  vertical-align: middle;
  font-weight: bold; }
  .video-flag.hidden {
    display: none; }
  .video-flag:last-child {
    margin-right: 0; }
  .video-flag-no-border {
    border: none; }
  .video-flag-live {
    background: #e53948;
    color: #ffffff;
    border-color: #e53948; }

.video-teaser.extend {
  position: relative; }
  .video-teaser.extend .slider-main {
    padding: 0;
    margin-bottom: 2rem;
    position: relative; }
  .video-teaser.extend .slider-scroll {
    display: flex;
    overflow: auto;
    width: 100%; }
    .video-teaser.extend .slider-scroll > * {
      flex: 1 0 auto;
      width: 100%;
      margin-right: 1rem; }
      .video-teaser.extend .slider-scroll > *:last-of-type {
        margin-right: 0; }
  .video-teaser.extend .tns-lazy {
    opacity: 0; }
  .video-teaser.extend .tns-lazy.loaded {
    opacity: 1; }
  .video-teaser.extend .tns-outer {
    position: relative;
    padding-top: 30px !important; }
  @media (max-width: 480px) {
    .video-teaser.extend .tns-inner {
      overflow: auto; } }
  .video-teaser.extend .tns-ovh {
    overflow: visible; }
  .video-teaser.extend .tns-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }
    .video-teaser.extend .tns-nav button {
      flex: 1;
      height: 6px;
      border: none;
      padding: 1rem 0;
      margin: 0 0 1rem;
      position: relative;
      background: none;
      border: none;
      overflow: visible; }
      .video-teaser.extend .tns-nav button:after {
        content: "";
        position: absolute;
        right: -7.5px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 7.5px 0 7.5px;
        border-color: 
  
 transparent transparent transparent;
        pointer-events: none;
        opacity: 0;
        transform: translateY(100%);
        transition: opacity 0.3s, transform 0.3s; }
      .video-teaser.extend .tns-nav button:before {
        content: "";
        width: 100%;
        height: 6px;
        position: absolute;
        left: 0;
        top: calc(50% - 6px/2);
        background: 
  
;
        transition: background 0.3s, transform 0.3s; }
      .video-teaser.extend .tns-nav button.tns-nav-active:before {
        background: 
  
; }
      .video-teaser.extend .tns-nav button.tns-nav-active:after {
        transform: none;
        opacity: 1; }
      .video-teaser.extend .tns-nav button.tns-nav-active ~ button:before {
        background: #808080; }
      .video-teaser.extend .tns-nav button.tns-nav-active ~ button:hover:before {
        background: #b64040; }
  @media (max-width: 480px) {
    .video-teaser.extend .tns-controls {
      display: none; } }
  .video-teaser.extend .tns-controls button {
    color: #ffffff;
    height: 100%;
    position: absolute;
    width: 100px;
    z-index: 10;
    background: none;
    border: 0;
    text-indent: -99em;
    font-size: 0;
    transition: transform 0.2s;
    background-image: linear-gradient(to right, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    left: calc((100vw - 100%) / -2);
    right: auto; }
    .video-teaser.extend .tns-controls button:before {
      transition: opacity 0.4s ease;
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_right_h12.svg) 0 0 no-repeat;
      background-size: contain;
      content: "";
      display: block;
      height: 50px;
      width: 50px;
      position: absolute;
      left: 0;
      right: auto;
      top: 50%;
      transform: translate(0, -50%) rotate(180deg); }
    @media (max-width: 768px) {
      .video-teaser.extend .tns-controls button {
        width: 50px; } }
    .video-teaser.extend .tns-controls button:focus {
      outline: none;
      transform: scale(1.1); }
    .video-teaser.extend .tns-controls button:hover, .video-teaser.extend .tns-controls button:hover:focus {
      transform: scale(1.2); }
    .video-teaser.extend .tns-controls button[data-controls="next"] {
      background-image: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
      left: auto;
      right: calc((100vw - 100%) / -2); }
      .video-teaser.extend .tns-controls button[data-controls="next"]:before {
        right: 0;
        left: auto;
        transform: translate(0, -50%); }
    .video-teaser.extend .tns-controls button[disabled]:before {
      opacity: 0; }
  .darkback .video-teaser.extend .tns-controls button {
    background-image: linear-gradient(to right, #333333 0%, #333333 20%, rgba(51, 51, 51, 0) 100%); }
    .darkback .video-teaser.extend .tns-controls button[data-controls="next"] {
      background-image: linear-gradient(to left, #333333 0%, #333333 20%, rgba(51, 51, 51, 0) 100%); }

.video-teaser:not(.extend) {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  .video-teaser:not(.extend) .grids-container {
    display: flex;
    flex-wrap: wrap; }
    .video-teaser:not(.extend) .grids-container .grids-item {
      width: 33%;
      padding: 0.5rem; }
      @media (max-width: 1365px) {
        .video-teaser:not(.extend) .grids-container .grids-item {
          width: 50%; } }
      @media (max-width: 640px) {
        .video-teaser:not(.extend) .grids-container .grids-item {
          width: 100%; } }

.video-teaser.timeline .hl_3 {
  display: none; }

.video-teaser.timeline .timeline-line {
  width: calc(100% + 2rem);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 1rem 0;
  border-color: #e53948;
  overflow: visible; }
  .video-teaser.timeline .timeline-line:before {
    position: absolute;
    left: -0.5rem;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-left: 1rem solid #e53948;
    border-bottom: 0.5rem solid transparent;
    transform: translateY(-50%); }

.video-teaser.timeline .grids-container {
  flex-direction: column; }
  .video-teaser.timeline .grids-container .grids-item {
    width: 100%; }

.showingVideos {
  color: #b3b3b3;
  font-size: 0.6em; }
  .showingVideos.isFiltered:after {
    content: ' (filtered)'; }

.video-teaser .grids-container.v-loading:before {
  content: attr(data-loading);
  color: #fff;
  text-align: center;
  line-height: calc(1365px * (9 / 16) / 3 + 5px);
  height: calc(1365px * (9 / 16) / 3 + 5px);
  width: 100%;
  display: block;
  background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 33%, rgba(212, 209, 209, 0) 33%, rgba(212, 209, 209, 0) calc(33% + 10px));
  animation: pulse 0.5s alternate infinite ease-in-out; }
  @media (max-width: 980px) {
    .video-teaser .grids-container.v-loading:before {
      line-height: calc(100vw * (9 / 16) / 2 + 5px);
      height: calc(100vw * (9 / 16) / 2+ 5px);
      background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 50%, rgba(212, 209, 209, 0) 50%, rgba(212, 209, 209, 0) calc(50% + 10px)); } }
  @media (max-width: 480px) {
    .video-teaser .grids-container.v-loading:before {
      line-height: calc(100vw * (9 / 16) + 5px);
      height: calc(100vw * (9 / 16) + 5px);
      background: rgba(0, 0, 0, 0.5); } }

.video-teaser .grids-container.v-empty:before {
  content: attr(data-empty);
  margin-bottom: 2rem;
  color: #b3b3b3; }

@keyframes pulse {
  from {
    opacity: 1; }
  to {
    opacity: 0.5; } }

.sort-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  margin: 2rem 0;
  position: relative; }
  .sort-container .styled-select.trigger {
    background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg);
    background-position: right 0.7em top 50%;
    background-repeat: no-repeat;
    background-size: 0.65em auto;
    color: #333333;
    display: inline-block;
    flex: 0 1 auto;
    font-weight: 600;
    line-height: 1.3;
    background-color: transparent; }
    .sort-container .styled-select.trigger:active, .sort-container .styled-select.trigger:focus {
      border-color: transparent;
      outline: -webkit-focus-ring-color auto 0;
      outline-offset: 0; }
    .darkback .sort-container .styled-select.trigger {
      color: #ffffff;
      background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg); }
  .sort-container .view-sort {
    flex: 1; }
    .sort-container .view-sort.hidden {
      display: none; }
    @media (max-width: 480px) {
      .sort-container .view-sort {
        width: 100%;
        order: 2; } }
  .sort-container .view-dates {
    width: auto;
    flex: 1; }
    .sort-container .view-dates.hidden {
      display: none; }
    .sort-container .view-dates a {
      color: #333333;
      border-color: #666;
      padding: 13px 20px 13px 20px;
      margin: 0 20px 20px 0;
      flex: 1 0 auto;
      text-align: center; }
      .sort-container .view-dates a:hover {
        margin: 0 20px 20px 0;
        border-width: 2px;
        box-shadow: 0 0 0 1px #666 !important; }
      .sort-container .view-dates a.active {
        color: #ffffff;
        border-color: 
  
;
        background: 
  
;
        pointer-events: none; }
        .sort-container .view-dates a.active:hover {
          box-shadow: 0 0 0 1px 
  
 !important; }
      .darkback .sort-container .view-dates a {
        color: #ffffff; }
    @media (max-width: 480px) {
      .sort-container .view-dates {
        order: 2; } }
  .sort-container .view-control {
    display: flex;
    flex-wrap: nowrap; }
    @media (max-width: 480px) {
      .sort-container .view-control {
        position: absolute;
        right: 0;
        top: -80px; } }
    .sort-container .view-control .btn {
      border: 2px solid #808080;
      color: #333333;
      display: flex;
      padding: 13px 20px 13px 45px;
      white-space: nowrap;
      margin: 0 0 20px 10px; }
      .sort-container .view-control .btn:hover {
        box-shadow: 0 0 0 1px #666 !important; }
      @media (max-width: 980px) {
        .sort-container .view-control .btn {
          color: transparent;
          font-size: 0;
          text-indent: 99em;
          max-width: 48px;
          overflow-x: hidden;
          padding-left: 20px; } }
      .sort-container .view-control .btn.active {
        color: #ffffff;
        background-color: 
  
;
        border: 2px solid 
  
;
        pointer-events: none; }
        .sort-container .view-control .btn.active:hover {
          box-shadow: 0 0 0 1px 
  
 !important; }
      .sort-container .view-control .btn.grid-view:before, .sort-container .view-control .btn.time-view:before, .sort-container .view-control .btn.allin-view:before {
        background: 0 0
 no-repeat;
        background-size: 16px 16px;
        content: '';
        display: block;
        height: 16px;
        width: 16px;
        position: absolute;
        left: 14px;
        top: 14px; }
        @media (max-width: 980px) {
          .sort-container .view-control .btn.grid-view:before, .sort-container .view-control .btn.time-view:before, .sort-container .view-control .btn.allin-view:before {
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); } }
      .sort-container .view-control .btn.grid-view:before {
        background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_categories.svg); }
      .sort-container .view-control .btn.time-view:before {
        background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_timeline.svg); }
      .sort-container .view-control .btn.allin-view:before {
        background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_grids.svg); }
        .darkback .sort-container .styled-select.trigger .select-option {
	      background-color: #262626; }
	  .sort-container option, .sort-container optgroup {
       -webkit-appearance: none; }
        .darkback .sort-container .styled-select.trigger:active, .darkback .sort-container .styled-select.trigger:focus {
         background-color: #262626; }
        .darkback .sort-container .view-control .btn, .sort-container .view-control .btn.darkback {
          color: #ffffff; }
        .darkback .sort-container .view-control .btn.grid-view:before, .sort-container .view-control .btn.darkback.grid-view:before {
          background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_grids_light.svg); }
        .darkback .sort-container .view-control .btn.time-view:before, .sort-container .view-control .btn.darkback.time-view:before {
          background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_timeline_light.svg); }
        .darkback .sort-container .view-control .btn.allin-view:before, .sort-container .view-control .btn.darkback.allin-view:before {
          background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_grids_light.svg); }
      .sort-container .view-control .btn.active.grid-view:before {
        background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_categories_light.svg); }
      .sort-container .view-control .btn.active.time-view:before {
        background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_timeline_light.svg); }
      .sort-container .view-control .btn.active.allin-view:before {
        background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_grids_light.svg); }

.cmodul.video-detail {
  overflow: visible; }

.modal.filter {
  display: none; }
  .modal.filter .openmodal.btn {
    color: #333333;
    padding-left: 36px; }
    .modal.filter .openmodal.btn:before {
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_filter.svg) 0 0 no-repeat;
      background-size: 18px 12px;
      content: "";
      display: block;
      height: 12px;
      left: 10px;
      position: absolute;
      top: 14px;
      width: 18px; }
    .modal.filter .openmodal.btn.active {
      color: #ffffff;
      background-color: 
  
;
      border: 2px solid 
  
; }
      .modal.filter .openmodal.btn.active:before {
        background: url(https://media.koelnmesse.io/tire/assets/icons/icon_filter_light.svg) 0 0 no-repeat; }
  @media (max-width: 480px) {
    .modal.filter {
      display: block; } }
  .darkback .modal.filter .openmodal.btn {
    color: #ffffff; }
    .darkback .modal.filter .openmodal.btn:before {
      background: url(https://media.koelnmesse.io/tire/assets/icons/icon_filter_light.svg) 0 0 no-repeat; }

.modalbox {
  background-color: #ffffff;
  color: #333333;
  height: 100%;
  opacity: 1;
  padding: 0; }
  .modalbox .title {
    margin: 10px; }
  .modalbox .mfp-close {
    color: #808080;
    z-index: 16; }
    
    .darkback .modalbox .mfp-close {
      color: #ffffff; }
  .darkback .modalbox, .modalbox.darkback {
    background-color: #262626;
    color: #ffffff; }

.flt-panel {
  border-bottom: 1px solid #808080;
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
  padding-top: 14px;
  color: #000000; }
  .darkback .flt-panel {
    color: #ffffff; }
  @media (max-width: 480px) {
    .flt-panel {
      border-bottom: none; } }
  .flt-panel .flt-overlay {
    background-color: #333333;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 15; }
    .flt-panel .flt-overlay.show {
      display: block; }
      @media (max-width: 480px) {
        .flt-panel .flt-overlay.show {
          z-index: 13;
          background: transparent; } }
  .flt-panel .flt-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .flt-panel .flt-container > :last-child {
      margin-left: auto; }
    @media (max-width: 980px) {
      .flt-panel .flt-container {
        flex-wrap: wrap; } }
    @media (max-width: 480px) {
      .flt-panel .flt-container {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 100px; }
        .flt-panel .flt-container > :first-child {
          border-top: 2px solid #808080; } }
    .flt-panel .flt-container .flt-item {
      display: flex;
      flex-direction: column;
      padding-right: 20px;
      position: relative; }
      @media (max-width: 980px) {
        .flt-panel .flt-container .flt-item {
          padding-bottom: 20px; } }
      @media (max-width: 480px) {
        .flt-panel .flt-container .flt-item {
          padding: 0;
          width: 100%; } }
      .flt-panel .flt-container .flt-item .flt-toggle .btn.medium {
        border: 2px solid #808080;
        color: #000000;
        padding: 13px 45px 13px 20px;
        white-space: nowrap;
        width: 100%;
        z-index: 14; }
        @media (max-width: 480px) {
          .flt-panel .flt-container .flt-item .flt-toggle .btn.medium {
            border-left: none;
            border-top: none;
            border-radius: 0;
            border-right: none;
            margin: 0; } }
        @media (hover: hover) and (pointer: fine) {
          .flt-panel .flt-container .flt-item .flt-toggle .btn.medium:hover {
            margin: 1px;
            box-shadow: 0 0 0 1px #666 !important; } }
        .flt-panel .flt-container .flt-item .flt-toggle .btn.medium:after {
          background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg) 0 0 no-repeat;
          background-size: 12px 7px;
          content: "";
          display: block;
          height: 7px;
          position: absolute;
          right: 19px;
          top: 18px;
          width: 12px; }
        .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.active {
          background-color: #ffffff;
          color: #333333; }
          .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.active:after {
            background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_up_h7.svg);
            transform: rotate(180deg); }
        .darkback .flt-panel .flt-container .flt-item .flt-toggle .btn.medium {
          color: #ffffff; }
          .darkback .flt-panel .flt-container .flt-item .flt-toggle .btn.medium:after {
            background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg); }
          .darkback .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.active {
            color: #333333; }
            .darkback .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.active:after {
              background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_up_h7.svg); }
        .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.selected {
          color: #ffffff;
          background-color: 
  
;
          border: 2px solid 
  
; }
          .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.selected:after {
            background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg); }
          .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.selected:hover {
            box-shadow: 0 0 0 1px 
  
 !important; }
          .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.selected.active {
            color: #ffffff; }
            .flt-panel .flt-container .flt-item .flt-toggle .btn.medium.selected.active:after {
              background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg);
              transform: rotate(180deg);
              background-size: 12px 7px;
              content: "";
              display: block;
              height: 7px;
              position: absolute;
              right: 19px;
              top: 18px;
              width: 12px; }
      .flt-panel .flt-container .flt-item .flt-content {
        color: #333333;
        background-color: #ffffff;
        border: 2px solid #cccccc;
        border-radius: 5px;
        display: none;
        min-width: 254px;
        position: absolute;
        top: 52px;
        left: 1px;
        z-index: 16; }
        .flt-panel .flt-container .flt-item .flt-content.active {
          display: block; }
          @media (max-width: 480px) {
            .flt-panel .flt-container .flt-item .flt-content.active {
              margin: 0; } }
        @media (max-width: 480px) {
          .flt-panel .flt-container .flt-item .flt-content {
            border: 0;
            border-radius: 0;
            display: none;
            margin: 0;
            position: relative;
            top: 0; } }
        .flt-panel .flt-container .flt-item .flt-content .flt-selection {
          border-bottom: 2px solid #f1f1f1;
          padding: 10px 20px 0; }
          .flt-panel .flt-container .flt-item .flt-content .flt-selection .check-options {
            padding-bottom: 20px; }
            @media (max-width: 480px) {
              .flt-panel .flt-container .flt-item .flt-content .flt-selection .check-options {
                border-bottom: 2px solid #cccccc;
                padding-bottom: 10px;
                padding-top: 10px; }
                .flt-panel .flt-container .flt-item .flt-content .flt-selection .check-options:last-child {
                  border-bottom: none; }
                .flt-panel .flt-container .flt-item .flt-content .flt-selection .check-options label {
                  width: 100%; }
                .flt-panel .flt-container .flt-item .flt-content .flt-selection .check-options input[type="checkbox"]:checked + label {
                  color: 
  
; } }
        .flt-panel .flt-container .flt-item .flt-content input[type="checkbox"]:checked + label:after {
          background: url(https://media.koelnmesse.io/tire/assets/icons/icon_check_light_h12.svg) left top no-repeat;
          background-color: 
  
;
          top: 4px;
          left: 7px; }
          @media (max-width: 480px) {
            .flt-panel .flt-container .flt-item .flt-content input[type="checkbox"]:checked + label:after {
              background: transparent left top no-repeat;
              background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.957 11.997a1 1 0 01-.57-.18l-5-3.5a1 1 0 011.14-1.64l4.18 2.93 6.43-9.18a1.002 1.002 0 011.64 1.15l-7 10a1 1 0 01-.82.42z' fill='%23ffffff' fill-rule='nonzero'/%3e%3c/svg%3e"); } }
              top: 5px;
              left: 8px;
        .flt-panel .flt-container .flt-item .flt-content input[type="checkbox"]:checked + label:before {
          background-color: 
  
; }
          @media (max-width: 480px) {
            .flt-panel .flt-container .flt-item .flt-content input[type="checkbox"]:checked + label:before {
              border-radius: 5px;
              background-color: 
  
; } }
        .flt-panel .flt-container .flt-item .flt-content .local-status {
          align-items: center;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          margin: 0.6rem; }
          .flt-panel .flt-container .flt-item .flt-content .local-status > :last-child {
            margin-left: auto; }
          @media (max-width: 480px) {
            .flt-panel .flt-container .flt-item .flt-content .local-status {
              display: none; } }
          .flt-panel .flt-container .flt-item .flt-content .local-status .local-count {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap; }
            .flt-panel .flt-container .flt-item .flt-content .local-status .local-count .local-count-counter {
              padding: 0 1rem; }
          .flt-panel .flt-container .flt-item .flt-content .local-status .local-reset .btn {
            border: none;
            color: #808080;
            display: inline-block;
            padding-left: 45px; }
            .flt-panel .flt-container .flt-item .flt-content .local-status .local-reset .btn:hover {
              margin: 1px; }
            .flt-panel .flt-container .flt-item .flt-content .local-status .local-reset .btn.active {
              color: #000000; }
            .flt-panel .flt-container .flt-item .flt-content .local-status .local-reset .btn.disabled {
              opacity: 0.2;
              pointer-events: none; }
        .flt-panel .flt-container .flt-item .flt-content .local-apply {
          width: 100%; }
          .flt-panel .flt-container .flt-item .flt-content .local-apply .btn.primary {
            text-align: center;
            width: 100%; }
            .flt-panel .flt-container .flt-item .flt-content .local-apply .btn.primary.disabled {
              opacity: 0.2;
              pointer-events: none; }
          @media (max-width: 480px) {
            .flt-panel .flt-container .flt-item .flt-content .local-apply {
              display: none; } }
      .flt-panel .flt-container .flt-item .global-status {
        align-items: center;
        color: #333333;
        display: flex;
        flex-direction: row;
        margin: 0;
        z-index: 14; }
        .flt-panel .flt-container .flt-item .global-status .global-count {
          display: none; }
          @media (max-width: 480px) {
            .flt-panel .flt-container .flt-item .global-status .global-count {
              display: inline-block;
              padding-left: 1.25rem; } }
        .flt-panel .flt-container .flt-item .global-status > :last-child {
          margin-left: auto; }
        .flt-panel .flt-container .flt-item .global-status .global-reset .btn {
          border: none;
          color: #333333;
          display: inline-block;
          padding-left: 45px; }
          .flt-panel .flt-container .flt-item .global-status .global-reset .btn:hover {
            margin: 1px; }
          .flt-panel .flt-container .flt-item .global-status .global-reset .btn:before {
            background: url(https://media.koelnmesse.io/tire/assets/icons/icon_reset_h16.svg) 0 0 no-repeat;
            background-size: 24px 14px;
            content: "";
            display: block;
            filter: invert(1);
            height: 14px;
            left: 10px;
            position: absolute;
            top: 14px;
            width: 24px; }
          .flt-panel .flt-container .flt-item .global-status .global-reset .btn.disabled {
            display: none; }
          @media (max-width: 480px) {
            .flt-panel .flt-container .flt-item .global-status .global-reset .btn {
              display: inline-block; }
              .flt-panel .flt-container .flt-item .global-status .global-reset .btn.disabled {
                display: inline-block;
                opacity: 0.2;
                pointer-events: none; } }
        .darkback .flt-panel .flt-container .flt-item .global-status {
          color: #ffffff; }
          .darkback .flt-panel .flt-container .flt-item .global-status .global-reset .btn {
            color: #ffffff; }
            .darkback .flt-panel .flt-container .flt-item .global-status .global-reset .btn:after {
              background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_reset_h16_light.svg); }
      @media (max-width: 480px) {
        .flt-panel .flt-container .flt-item.item-global {
          background: #ffffff; }
          .darkback .flt-panel .flt-container .flt-item.item-global, .flt-panel .flt-container .flt-item.item-global.darkback {
            background: #262626; } }
      .flt-panel .flt-container .flt-item .global-apply {
        display: none;
        width: 100%;
        z-index: 16; }
        @media (max-width: 480px) {
          .flt-panel .flt-container .flt-item .global-apply {
            display: block; }
            .flt-panel .flt-container .flt-item .global-apply .btn.primary {
              text-align: center;
              width: 100%; }
              .flt-panel .flt-container .flt-item .global-apply .btn.primary.disabled {
                opacity: 0.2;
                pointer-events: none; } }
      @media (max-width: 980px) {
        .flt-panel .flt-container .flt-item .flt-search {
          display: none; } }
  .flt-panel #video-search {
    background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon_search_h16.svg);
    background-position: left 0.7em top 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 16px auto, 100%;
    border-radius: 5px;
    display: inline-block;
    display: none;
    max-height: 50px;
    padding: 11px 20px 11px 46px; }

.thumb-module {
  border-color: 
  
;
  border-style: solid;
  border-width: 0;
  border-top-width: 10px;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left; }
  @media (-ms-high-contrast: none) {
    .thumb-module {
      background-size: 100% 110%; } }
  .thumb-module[data-type="mp4"] {
    background-image: url(https://media.koelnmesse.io/tire/assets/assets_img/fallback-video.svg); }
  .thumb-module[data-type="twitch"] {
    background-image: url(https://media.koelnmesse.io/tire/assets/assets_img/fallback-twitch.svg); }
  .thumb-module[data-type="mixer"] {
    background-image: url(https://media.koelnmesse.io/tire/assets/assets_img/fallback-mixer.svg); }
  .thumb-module[data-type="youtube"] {
    background-image: url(https://media.koelnmesse.io/tire/assets/assets_img/fallback-youtube.svg); }
  .thumb-module[data-type="image"] {
    background-image: url(https://media.koelnmesse.io/tire/assets/assets_img/fallback-image.svg); }
  .thumb-module.live {
    border-color: #e53948; }
  .thumb-module img {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s, opacity 0.666s; }
    @media (-ms-high-contrast: none) {
      .thumb-module img {
        height: auto;
        transform-origin: 50% 30%; } }
  .thumb-module .video-content {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(51, 51, 51, 0));
    bottom: 0;
    box-sizing: border-box;
    color: #ffffff;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    height: 100%;
    left: 0;
    padding: 25px 20px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    z-index: 2; }
    .thumb-module .video-content > :last-child {
      margin-top: auto; }
    .thumb-module .video-content .top {
      display: flex;
      align-items: center; }
      .thumb-module .video-content .top .video-flag-container {
        width: 100%; }
      .thumb-module .video-content .top .video-flag {
        margin: 0; }
        .thumb-module .video-content .top .video-flag:last-of-type {
          float: right; }
    .thumb-module .video-content .info {
      display: flex;
      flex-flow: column;
      justify-self: flex-end;
      margin-top: auto; }
  .thumb-module .thumb-link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    box-shadow: none; }
    .thumb-module .thumb-link:before {
      content: "";
      display: block;
      width: 2rem;
      height: 2rem;
      background-image: url(https://media.koelnmesse.io/tire/assets/icons/icon-play_white.svg);
      background-repeat: no-repeat;
      z-index: 1;
      opacity: 0.5;
      transition: transform 0.4s; }
    .thumb-module .thumb-link:hover {
      box-shadow: none; }
  .thumb-module:hover img {
    transform: scale(1.1) translateY(-50%); }
  .thumb-module:hover .thumb-link:before {
    transform: scale(1.4); }
  .timeline .thumb-module {
    display: flex;
    border-top: none;
    position: relative;
    border-left-width: 10px;
    padding-top: 0;
    border-top-width: 0;
    background-size: 8rem 4.5rem;
    background-color: #ffffff;
    background-position: 5rem 0.5rem;
    min-height: 5.5rem;
    transition: transform 0.2s;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    .timeline .thumb-module:not(.published) {
      pointer-events: none;
      opacity: 0.5; }
    .darkback .timeline .thumb-module {
      background-color: #262626;
      border-top: none;
      border-bottom: none; }
    .timeline .thumb-module:hover {
      transform: translateX(10px); }
    .timeline .thumb-module img {
      position: relative;
      top: 0.5rem;
      left: 0;
      margin-left: 5rem;
      width: 8rem;
      min-height: 4.5rem;
      height: auto;
      transform: none; }
      .timeline .thumb-module img:hover {
        transform: none; }
    .timeline .thumb-module .video-content {
      padding-left: 1rem;
      background: none;
      position: relative;
      color: #333333;
      padding-top: 0.5rem; }
      @media (max-width: 480px) {
        .timeline .thumb-module .video-content {
          position: unset; } }
      .darkback .timeline .thumb-module .video-content {
        color: #ffffff; }
      .timeline .thumb-module .video-content .top {
        position: absolute;
        left: -13rem;
        top: 0;
        height: 100%;
        padding: 0.5rem 0; }
        @media (max-width: 480px) {
          .timeline .thumb-module .video-content .top {
            left: 0; } }
        .timeline .thumb-module .video-content .top .video-flag-container {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: flex-start;
          margin-left: 0.5rem; }
          .timeline .thumb-module .video-content .top .video-flag-container .video-flag-live {
            margin-left: -1rem;
            padding-left: calc(0.5rem + 4px);
            margin-top: -0.5rem; }
          .timeline .thumb-module .video-content .top .video-flag-container .video-flag-no-border {
            padding: 0; }
    .timeline .thumb-module .thumb-link {
      justify-content: flex-start;
      align-items: flex-start; }
      .timeline .thumb-module .thumb-link:before {
        position: relative;
        transform: translateX(-50%) translateY(2.75rem) translateY(-50%);
        top: 0;
        left: 9rem; }
    @media (max-width: 481px) {
      .timeline .thumb-module {
        flex-direction: column; }
        .timeline .thumb-module .video-content {
          padding-left: 5rem; }
          .timeline .thumb-module .video-content .top .video-flag-container {
            justify-content: flex-start; }
            .timeline .thumb-module .video-content .top .video-flag-container > *:last-of-type {
              margin-top: 1rem; } }
              
.filterable-content {
  clear: both; }
  .filterable-content__image {
    display: block;
    width: 100%;
    height: auto; }
  .filterable-content__filter-wrapper {
    margin-bottom: 10px;
    padding: 14px;
    background-color: ; }
    @media all and (min-width: 641px) {
      .filterable-content__filter-wrapper {
        margin-bottom: 15px;
        } }
    .filterable-content__filter-wrapper .slidetoggle {
      display: inline-block;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
      @media all and (min-width: 641px) {
        .filterable-content__filter-wrapper .slidetoggle {
          display: none; } }
      .filterable-content__filter-wrapper .slidetoggle .off {
        display: none; }
      .filterable-content__filter-wrapper .slidetoggle.open .on {
        display: none; }
      .filterable-content__filter-wrapper .slidetoggle.open .off {
        display: inline; }
    .filterable-content__filter-wrapper .slidetoggle-block {
      display: none;
      padding-top: 10px; }
      @media all and (min-width: 641px) {
        .filterable-content__filter-wrapper .slidetoggle-block {
          display: block !important;
          padding: 0; } }
  .filterable-content__reset {
    display: table;
    margin: 7px 7px 0 auto; }
  @media all and (min-width: 641px) {
    .filterable-content__filter-row {
      display: flex; } }
  .filterable-content__filter {
    padding: 0 7px 10px; }
    @media all and (min-width: 641px) {
      .filterable-content__filter:first-child:only-child {
        min-width: 50%;
        margin: 0 auto; }
      .filterable-content__filter:first-child:nth-last-child(2),
      .filterable-content__filter:first-child:nth-last-child(2) ~ .filterable-content__filter {
        width: 50%; }
      .filterable-content__filter:first-child:nth-last-child(3),
      .filterable-content__filter:first-child:nth-last-child(3) ~ .filterable-content__filter {
        width: 33.3333%; } }
     .filterable-content__filter label {
      display: inline-block;
      font-size: 12px;
      font-size: 0.75rem;
      margin-bottom: 6px;
      color: #ffffff; }
      .dark .filterable-content__filter label {
        color: #000000; }
    .filterable-content__filter .styled_select .toggle {
      white-space: nowrap;
      text-overflow: ellipsis; }
    .filterable-content__filter .styled_select.disabled {
      pointer-events: none; }
      .filterable-content__filter .styled_select.disabled .toggle {
        color: #b3b3b3; }
        .filterable-content__filter .styled_select.disabled .toggle:after {
          opacity: 0.3; }
    .filterable-content__filter select {
      width: 100%; }
   .filterable-content__list-item {
    padding: 20px 0 25px;
    border-bottom: 2px solid #e6e6e6; }
    @media all and (min-width: 641px) {
      .filterable-content__list-item {
        padding-top: 30px; }
        .filterable-content__list-item:not(:last-child) {
          padding-bottom: 40px; }
        .filterable-content__list-item:last-child {
          border-bottom: none;
          padding-bottom: 0; } }
    .filterable-content__list-item.js-filter-hidden {
      display: none; }
    .filterable-content__list-item:not(.js-filter-hidden) {
      display: block;
      -webkit-animation: fadeIn .5s;
      animation: fadeIn .5s;
      animation-timing-function: ease-in; }
  .filterable-content__no-results {
    display: none;
    text-align: center; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.filterable-content-search {
  clear: both;
  margin-bottom: 40px;
  padding: 26px 17px 13px;
  background-color: ; }
  .filterable-content-search__label {
    display: block;
    margin-bottom: 16px; }
  input[type="search"].filterable-content-search__field {
    border: none;
    border-radius: 0;
    background: none;
    width: 100%;
    height: 38px;
    padding: 0;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    -webkit-appearance: none; }
    input[type="search"].filterable-content-search__field::-webkit-input-placeholder {
      color: #ffffff;
      opacity: .7;
      font-style: italic; }
    input[type="search"].filterable-content-search__field:-moz-placeholder {
      color: #ffffff;
      opacity: .7;
      font-style: italic; }
    input[type="search"].filterable-content-search__field::-moz-placeholder {
      color: #ffffff;
      opacity: .7;
      font-style: italic; }
    input[type="search"].filterable-content-search__field:-ms-input-placeholder {
      color: #ffffff;
      opacity: .7;
      font-style: italic; }
    input[type="search"].filterable-content-search__field::-ms-input-placeholder {
      color: #ffffff;
      opacity: .7;
      font-style: italic; }
    input[type="search"].filterable-content-search__field::placeholder {
      color: #ffffff;
      opacity: .7;
      font-style: italic; }
    .dark input[type="search"].filterable-content-search__field {
      color: #000000;
      border-color: #000000; }
      .dark input[type="search"].filterable-content-search__field::-webkit-input-placeholder {
        color: #000000; }
      .dark input[type="search"].filterable-content-search__field:-moz-placeholder {
        color: #000000; }
      .dark input[type="search"].filterable-content-search__field::-moz-placeholder {
        color: #000000; }
      .dark input[type="search"].filterable-content-search__field:-ms-input-placeholder {
        color: #000000; }
      .dark input[type="search"].filterable-content-search__field::-ms-input-placeholder {
        color: #000000; }
      .dark input[type="search"].filterable-content-search__field::placeholder {
        color: #000000; }
    input[type="search"].filterable-content-search__field::-webkit-search-decoration, input[type="search"].filterable-content-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .filterable-content-search__results {
    padding: 20px 0 2px; }
    .filterable-content-search__results.accordion .accitem.js-filter-hidden, .filterable-content-search__results.accordion .accitem.js-search-hidden {
      display: none; }
    .filterable-content-search__results.accordion .accitem:not(.js-filter-hidden):not(.js-search-hidden) {
      display: block;
      -webkit-animation: fadeIn .5s;
      animation: fadeIn .5s;
      animation-timing-function: ease-in; }
    .filterable-content-search__results.accordion .acctoggle {
      color: ;
      margin-bottom: 7px;
      padding: 8px 40px 6px 15px;
      background: #ffffff;
      border-radius: 0;
      min-height: 0; }
      .filterable-content-search__results.accordion .acctoggle:after {
        top: 50%;
        margin-top: -4px; }
      .dark .filterable-content-search__results.accordion .acctoggle {
        background: #000000; }
    .filterable-content-search__results.accordion .content {
      padding: 0;
      border: none;
      border-radius: 0; }
  .filterable-content-search__list {
    margin-bottom: 20px; }
  .filterable-content-search__list-item {
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ffffff;
    overflow: hidden; }
    .dark .filterable-content-search__list-item {
      border-color: #000000; }
    .filterable-content-search__list-item.js-filter-hidden, .filterable-content-search__list-item.js-search-hidden {
      display: none; }
    .filterable-content-search__list-item:not(.js-filter-hidden):not(.js-search-hidden) {
      display: block;
      -webkit-animation: fadeIn .5s;
      animation: fadeIn .5s;
      animation-timing-function: ease-in; }
    .filterable-content-search__list-item p {
      margin-bottom: 7px; }
    .filterable-content-search__list-item a {
      clear: both;
      float: left;
      display: block;
      margin-bottom: 8px; }
  .filterable-content-search__no-results {
    display: none;
    text-align: center; }

.icon-headline {
  clear: both;
  padding: 14px 0 5px; }
  .icon-headline-inner {
    padding-bottom: 20px; }
    @media all and (min-width: 481px) {
      .icon-headline-inner {
        display: table;
        width: 100%; } }
  .icon-headline .icon {
    width: 55px;
    padding-bottom: 10px; }
    @media all and (min-width: 481px) {
      .icon-headline .icon {
        display: table-cell;
        vertical-align: top;
        width: 95px;
        padding: 6px 0 0 0; } }
    @media all and (min-width: 1025px) {
      .icon-headline .icon {
        width: 115px; } }
    .icon-headline .icon svg {
      display: block;
      width: 55px;
      height: 55px; }
      @media all and (min-width: 481px) {
        .icon-headline .icon svg {
          width: 75px;
          height: 75px; } }
      @media all and (min-width: 1025px) {
        .icon-headline .icon svg {
          width: 90px;
          height: 90px; } }
  .icon-headline .headlines .overline_hl {
    padding-bottom: 8px; }
  .icon-headline .headlines > *:not(.overline_hl) {
    padding-bottom: 0; }
  @media all and (min-width: 481px) {
    .icon-headline .headlines {
      display: table-cell;
      vertical-align: middle; } }
  .icon-headline.centered {
    display: block;
    text-align: center; }
    .icon-headline.centered .icon {
      display: block;
      margin: 0 auto;
      padding-bottom: 10px; }
    .icon-headline.centered .headlines {
      display: block; }
      
.trademark-entry {
  clear: both;
  padding: 14px 0 5px; }
  .trademark-entry__logo {
    float: left;
    padding-right: 20px; }
    @media all and (min-width: 641px) {
      .trademark-entry__logo {
        float: right;
        padding: 0 0 0 20px; } }
    .trademark-entry__logo img {
      display: block;
      width: auto;
      height: auto;
      max-height: 60px; }
      @media all and (min-width: 641px) {
        .trademark-entry__logo img {
          max-height: 75px; } }
  @media all and (max-width: 640px) {
    .trademark-entry__headline {
      display: table-cell;
      height: 60px;
      vertical-align: middle; } }
  .trademark-entry__meta-list {
    clear: both;
    padding: 16px 0 10px; }
    @media all and (min-width: 641px) {
      .trademark-entry__meta-list {
        clear: none;
        padding: 10px 0 0; } }
    .trademark-entry__meta-list .sico {
      display: block;
      padding-bottom: 10px; }
      @media all and (min-width: 641px) {
        .trademark-entry__meta-list .sico {
          display: inline-block;
          white-space: nowrap;
          padding-right: 30px; } }
  .trademark-entry__rte {
    clear: both; }
    @media all and (min-width: 641px) {
      .trademark-entry__rte {
        padding-top: 27px; } }
    .trademark-entry__rte p:not(:last-child) {
      padding-bottom: 20px; }
  @media all and (min-width: 641px) {
    .trademark-entry--centered .trademark-entry__headline {
      text-align: center; }
    .trademark-entry--centered .trademark-entry__meta-list {
      display: table;
      margin: 0 auto; } }
      
.icon-statistics {
  clear: both;
  margin: 14px 0 5px;
  padding: 28px 12px 0;
  background: #e6e6e6; }
  @media all and (min-width: 641px) {
    .icon-statistics {
      display: flex; } }
  .icon-statistics__item {
    display: table;
    table-layout: fixed;
    padding: 0 12px 24px; }
    @media all and (min-width: 641px) {
      .icon-statistics__item {
        overflow: hidden; }
        .icon-statistics__item:first-child {
        }
          .icon-statistics__item:first-child:only-child {
            margin: 0 auto; }
          .icon-statistics__item:first-child:nth-last-child(2),
          .icon-statistics__item:first-child:nth-last-child(2) ~ .icon-statistics__item {
            width: 50%; }
          .icon-statistics__item:first-child:nth-last-child(3),
          .icon-statistics__item:first-child:nth-last-child(3) ~ .icon-statistics__item {
            width: 33.3333%; } }
  .icon-statistics__icon, .icon-statistics__stats {
    display: table-cell;
    vertical-align: top; }
  .icon-statistics__icon {
    width: 75px;
    padding-right: 26px; }
  .icon-statistics__icon svg {
    display: block;
    width: 49px;
    height: 49px; }
    @media all and (min-width: 641px) {
      .icon-statistics__icon {
        width: 64px;
        padding-right: 15px; } }
    @media all and (min-width: 1365px) {
      .icon-statistics__icon {
        width: 75px; }
      .icon-statistics__icon svg {
        width: 60px;
        height: 60px; } }
  .icon-statistics__stats {
    overflow: hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word; }
    .icon-statistics__stats * {
      display: block; }
    .icon-statistics__stats .hl_3 {
      padding-bottom: 0; }
      
.teaser-slider-container {
  padding-bottom: 40px; }
  .teaser-slider-container .teaser-row {
    display: block;
    padding-bottom: 0; }
    .teaser-slider-container .teaser-row .slick-track {
      display: flex; }
    .teaser-slider-container .teaser-row .teaser {
      height: auto !important;
      outline: none;
      margin-bottom: 15px; }
      @media all and (min-width: 720px) {
        .teaser-slider-container .teaser-row .teaser {
          margin-bottom: 25px; } }
      @media all and (min-width: 1025px) {
        .teaser-slider-container .teaser-row .teaser {
          margin-bottom: 35px; } }
  .teaser-slider-container__footer .controlholder {
    text-align: center; }
    .teaser-slider-container__footer .controlholder .controlinner {
      display: inline; }
      .teaser-slider-container__footer .controlholder .controlinner .pagingInfo {
        display: none;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        padding: 0 18px; }
      .teaser-slider-container__footer .controlholder .controlinner button + .pagingInfo {
        display: inline-block; }
        
.contact-marginal {
  clear: both;
  margin-bottom: 40px;
  padding: 26px 17px 13px;
  border-top: 10px solid 
  
;
  background: #e6e6e6; }
  .contact-marginal__headline {
    margin-bottom: 17px; }
  .contact-marginal__list {
    display: table; }
  .contact-marginal__entry {
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    margin-bottom: 22px; }
    .contact-marginal__entry:not(:last-child) {
      border-bottom: 1px solid #666;
      padding-bottom: 22px; }
  .contact-marginal__image {
    display: table-cell;
    vertical-align: top;
    width: 100px;
    padding: 3px 15px 0 0; }
    @media all and (min-width: 1201px) {
      .contact-marginal__image {
        width: 130px; } }
    .contact-marginal__image img {
      display: block;
      height: auto;
      width: 100%; }
  .contact-marginal__details {
    display: table-cell;
    vertical-align: top;
    font-size: 0.8em;
    line-height: 1.6em;
    overflow: hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word; }
    .grid-wrapper .contact-marginal__details p {
      padding: 5px 0; }
    .contact-marginal__details p:first-child {
      padding-top: 0; }
    .contact-marginal__details p:last-child {
      padding-bottom: 0; }
    .contact-marginal__details p strong {
      display: block; }
    .contact-marginal__details p span {
      display: inline-block; }

.textbox-marginal {
  clear: both;
  margin-bottom: 40px;
  padding: 26px 17px 13px;
  border-top: 10px solid 
  
;
  background: #e6e6e6; }
  .textbox-marginal__headline {
    margin-bottom: 17px; }
  .textbox-marginal__rte {
    clear: both; }
    .textbox-marginal__rte p:not(:last-child) {
      padding-bottom: 20px; }        
 
.sidebar_ad {
  display: none; }
  .sidebar_ad .inner a {
    box-shadow: none; }
  .sidebar_ad .inner img {
    max-width: 300px;
    height: auto; }
  @media all and (min-width: 1025px) {
    .sidebar_ad {
      display: block;
      position: absolute;
      right: 30px;
      top: 5px;
      height: calc(100% - 40px);
      z-index: 2;
      padding: 20px 0; }
      .sidebar_ad .inner {
        height: 100%;
        padding-left: 10px;
        border-left: 1px solid #e6e6e6; }
        .sidebar_ad .inner:empty {
          display: none; }
        .sidebar_ad .inner img {
          display: block; }
      .sidebar_ad.fixed {
        position: fixed;
        top: 21px; }
      .sidebar_ad.fixedabs {
        position: absolute;
        top: auto;
        bottom: 0;
        height: auto; }
      .sidebar_ad.bottomed {
        height: auto; } }
  @media all and (min-width: 1201px) {
    .sidebar_ad {
      right: 55px; }
      .sidebar_ad .inner img {
        max-width: 340px; } }
  @media all and (min-width: 1475px) {
    .sidebar_ad {
      right: calc((100% - 1365px) / 2); } }

section.content {
  position: relative; }
  section.content > section:after {
    content: ' ';
    display: block;
    clear: both;
    height: 1px; }

.teaser-holder {
  padding-top: 40px; }
  .teaser-holder + .teaser-holder {
    padding-top: 0; }
  .teaser-holder.innerinverted {
    padding-top: 0; }

.teaser-row {
  padding-bottom: 35px;
  height: 100%;
  display: flex;
  
  
  flex-direction: column; }
  .teaser-row .teaser {
    margin-bottom: 15px;
    flex: 1 0 auto; }
    .teaser-row .teaser.corptop .t-inner:after {
      content: "";
      height: 10px;
      width: 100%;
      background: ;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2; }
    .teaser-row .teaser .t-inner {
      position: relative;
      z-index: 1;
      height: 100%; }
      .teaser-row .teaser .t-inner .sg-spacer {
        height: 400px;
        background: #333333; }
    .teaser-row .teaser.col4 .col1 {
        margin: 0 0 10px 0; }
  @media all and (min-width: 720px) {
    .teaser-row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      margin-left: -10px; }
      .teaser-row .teaser {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding-left: 10px;
        margin-bottom: 10px;
        height: auto; }
        .teaser-row .teaser.col1 {
          width: 50%; }
          .teaser-row .teaser.col1 + .col1 {
            width: 50%; }
            .teaser-row .teaser.col1 + .col1 + .col1 {
              width: 50%; }
              .teaser-row .teaser.col1 + .col1 + .col1.vertonly {
                width: 50%; }
          .teaser-row .teaser.col1 + .col3 {
            width: 100%; }
          .teaser-row .teaser.col1:first-child:nth-last-child(2) {
            width: 100%; }
        .teaser-row .teaser.col2 {
          width: 100%; }
        .teaser-row .teaser.col3 {
          width: 100%; }
          .teaser-row .teaser.col3 + .col1 {
            width: 100%; }
            .teaser-row .teaser.col3 + .col1.vertonly {
              width: 50%; }        
        .teaser-row .teaser.col4 {
          width: 100%; }
          .teaser-row .teaser.col4 .col1 {
            width: 33.3333%; 
            margin: 0 0 10px 30px; }
          .teaser-row .teaser.col4 .col1.left {
            margin: 0 30px 10px 0px; }
        .teaser-row .teaser .t-inner {
          height: 100%; } }
  @media all and (min-width: 1025px) {
    .teaser-row {
      margin-left: -5px; }
      .teaser-row .teaser {
        padding-left: 5px;
        margin-bottom: 35px;
        flex: 0 1 auto;
        flex-basis: auto; }
        .teaser-row .teaser.col1 {
          width: 33.3333%; }
          .teaser-row .teaser.col1:first-child {
            width: 33.3333%; }
          .teaser-row .teaser.col1 + .col1 {
            width: 33.3333%; }
            .teaser-row .teaser.col1 + .col1 + .col1 {
              width: 33.3333%; }
              .teaser-row .teaser.col1 + .col1 + .col1.vertonly {
                width: 33.3333%; }
          .teaser-row .teaser.col1 + .col3 {
            width: 66.6666%; }
          .teaser-row .teaser.col1:first-child:nth-last-child(2) {
            width: 33.3333%; }
        .teaser-row .teaser.col2 {
          width: 50%; }
        .teaser-row .teaser.col3 {
          width: 66.6666%; }
          .teaser-row .teaser.col3 + .col1 {
            width: 33.3333%; }
        .teaser-row .teaser.col4 {
          width: 100%; }
          .teaser-row .teaser.col4 .col1 {
            width: 33.3333%; 
            margin: 0 4px 10px 30px; }
          .teaser-row .teaser.col4 .col1.left {
            margin: 4px 30px 10px 0px; } }

.t01 .t-inner img {
  width: 100%;
  display: block; }

.t01 .t-inner .hl_3 {
  padding-bottom: 20px; }

.t01 .t-inner .copy {
  padding: 18px 15px 83px; }

.t01 .t-inner .primarylink {
  position: absolute;
  bottom: 32px;
  left: 15px;
  right: 15px; }

.t01 .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 15px; }
  .t01 .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media all and (min-width: 641px) {
  .t01 .t-inner .copy {
    padding: 18px 20px 83px; }
  .t01 .t-inner .primarylink {
    left: 20px; } }

@media all and (min-width: 1025px) {
  .t01 .t-inner .copy {
    padding: 27px 30px 83px; }
  .t01 .t-inner .primarylink {
    left: 30px; } }

.t02 .t-inner {
  padding: 30px 15px 0; }
  .t02 .t-inner img {
    width: 100%; }
  .t02 .t-inner .hl_3 {
    padding-bottom: 20px; }
  .t02 .t-inner .buttons {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0; }
    .t02 .t-inner .buttons a {
      display: inline-block;
      width: 100%;
      margin-bottom: 15px; }
      .t02 .t-inner .buttons a:last-child {
        margin-bottom: 1px; }
      .t02 .t-inner .buttons a:hover {
        margin-bottom: 14px; }
        .t02 .t-inner .buttons a:hover:last-child {
          margin-bottom: 0; }
  .t02 .t-inner .copy {
    padding-bottom: 290px;
    position: relative; }

@media all and (min-width: 800px) {
  .t02 .t-inner {
    padding: 30px 20px 0; }
  .t02.col1 + .col1 + .col1 .copy, .t02.col2 .copy, .t02.col3 .copy {
    padding-bottom: 40px; }
    .t02.col1 + .col1 + .col1 .copy .cont, .t02.col2 .copy .cont, .t02.col3 .copy .cont {
      float: left;
      width: 50%;
      padding-right: 40px; }
    .t02.col1 + .col1 + .col1 .copy .buttons, .t02.col2 .copy .buttons, .t02.col3 .copy .buttons {
      right: 0;
      left: auto;
      width: 50%;
      top: auto;
      bottom: auto;
      float: right;
      position: relative;
      padding-top: 5px; } }

@media all and (min-width: 1025px) {
  .t02 .t-inner {
    padding: 40px 30px 0; }
    .t02 .t-inner .buttons {
      bottom: 40px; }
  
  .t02.col2 .copy {
    padding-right: 0;
    padding-bottom: 290px; }
    .t02.col1 + .col1 + .col1 .copy .cont, .t02.col2 .copy .cont {
      float: none;
      width: auto; }
    .t02.col1 + .col1 + .col1 .copy .buttons, .t02.col2 .copy .buttons {
      right: 0;
      left: 0;
      width: auto;
      top: auto;
      bottom: 40px;
      float: none;
      position: absolute; } }

.t03 .t-inner {
  padding: 30px 15px 0; }
  .t03 .t-inner .hl_3 {
    padding-bottom: 20px; }
  .t03 .t-inner ul, .t03 .t-inner ol {
    padding-bottom: 7px; }
    .t03 .t-inner ul li, .t03 .t-inner ol li {
      padding-bottom: 27px; }

.t03.colfull .t-inner {
  padding: 30px 15px 0 10px; }
  .t03.colfull .t-inner:after {
    content: "";
    height: 10px;
    width: 100%;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }

@media all and (min-width: 800px) {
  .t03 .t-inner {
    padding: 30px 20px 0; }
  .t03.col2 ul, .t03.col3 ul {
    column-count: 2; }
  .t03.colfull .t-inner {
    padding: 30px 20px 0 10px; } }

@media all and (min-width: 1025px) {
  .t03 .t-inner {
    padding: 40px 30px 0; }
  .t03.col3 ul {
    column-count: 2; }
  .t03.col2 ul {
    column-count: 1; }
  .t03.colfull .t-inner {
    padding: 40px 20px 0 10px; } }

.sidebar_ad .t03 {
  width: 305px; }

.pate-article .teaser-holder .teaser-row {
	padding: 0;
}

.pate-article .teaser-holder .gw-inner {
	background-color: transparent;
}

@media screen and (min-width: 1025px) {
	.pate-article .teaser-holder .teaser-row .teaser {
		margin-bottom: 0;
	}
}

.t04 .t-inner {
  text-align: center;
  padding: 30px 15px 130px;
  color: #ffffff;
  position: relative;
  float: none; }
  .t04 .t-inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); }
  .t04 .t-inner .bg_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1; }
  .t04 .t-inner .hl_2, .t04 .t-inner .hl_3 {
    max-width: 100%; }
  .t04 .t-inner .hl_3 {
    padding-bottom: 0; }
    .t04 .t-inner .hl_3:only-child {
      margin-top: 113px; }
  .t04 .t-inner .icon {
    margin-bottom: 17px; }
  .t04 .t-inner .subline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    z-index: 2; }
  .t04 .t-inner .copy {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end; }
  .t04 .t-inner img {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
.bg_container_t {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover; }
  @media all and (max-width: 640px) {
    .bg_container_t.bg_desktop {
      background: none !important; }
    .bg_container_t.bg_pad {
      background: none !important; } }
  @media all and (min-width: 641px) and (max-width: 1024px) {
    .bg_container_t.bg_desktop {
      background: none !important; }
    .bg_container_t.bg_mobile {
      background: none !important; } }
  @media all and (min-width: 1025px) {
    .bg_container_t.bg_mobile {
      background: none !important; }
    .bg_container_t.bg_pad {
      background: none !important; } }

.left .bg_container_t {
  background-position: left center; }

.right .bg_container_t {
  background-position: right center; }

.center .bg_container_t {
  background-position: center center; }
  
.t05 .t-inner .bg_container_t {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
    
.t05 .t-inner:hover .bg_container_t {
    -ms-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15); }

.t05 .t-inner {
  min-height: 460px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: none; }
  .t05 .t-inner .hl_2 {
    color: #ffffff;
    padding-bottom: 35px; }
  .t05 .t-inner .copy {
    position: absolute;
    bottom: 30px;
    left: 15px;
    right: 15px;
    text-align: left;
    z-index: 2; }
    .t05 .t-inner .copy .btn {
      width: 100%; }
  .t05 .t-inner.gradient_overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); }

@media all and (max-width: 800px) {
  .t05 .t-inner .copy {
     text-align: center; } }

@media all and (min-width: 800px) {
  .t05 .t-inner {
    min-height: 510px; }
    .t05 .t-inner .copy {
      left: 20px;
      right: 20px;
      text-align: left; }
      .t05 .t-inner .copy .btn {
        width: auto; }
  .t05.col1 .hl_2 {
    text-align: center; }
  .t05.col1 .copy {
    text-align: left; }
    .t05.col1 .copy .btn {
      width: 100%;
      text-align: center; } }

@media all and (min-width: 1025px) {
  .t05 .t-inner .copy {
    left: 30px;
    right: 30px; } }

.t06 .t-inner {
  padding: 30px 15px; }
  .t06 .t-inner .label {
    background: #ffffff;
    color: ;
    padding: 6px 10px 4px;
    margin-bottom: 14px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline-block; }
  .t06 .t-inner .hl_2 {
    padding-bottom: 17px; }
  .t06 .t-inner svg {
    position: absolute;
    bottom: 30px;
    right: 15px;
    width: 180px;
    height: 180px;
    opacity: 0.3; }
    .t06 .t-inner svg path {
      fill: #ffffff; }
  .t06 .t-inner.dark svg path {
    fill: #333333; }

.t06.icon .t-inner {
  padding-bottom: 240px; }

.t06.copyonly .t-inner {
  padding-bottom: 80px; }
  .t06.copyonly .t-inner .primarylink {
    position: absolute;
    bottom: 30px; }

@media all and (min-width: 641px) {
  .t06 .t-inner {
    padding: 40px 20px; }
    .t06 .t-inner .icon {
      right: 30px; }
  .t06.icon .t-inner {
    padding-bottom: 240px; } }

@media all and (min-width: 1025px) {
  .t06 .t-inner {
    padding: 40px 30px; }
  .t06.icon .t-inner {
    padding-bottom: 40px; }
    .t06.icon .t-inner .copy {
      padding-right: 240px; } }

@media all and (min-width: 641px) and (max-width: 1024px) {
  .t06.col1.icon .t-inner {
    padding-bottom: 40px; }
    .t06.col1.icon .t-inner .copy {
      padding-right: 240px; } }

@media all and (min-width: 1025px) {
  .t06.col1.icon .t-inner {
    padding-bottom: 240px; }
    .t06.col1.icon .t-inner .copy {
      padding-right: 0; } }

.t07 .t-inner {
  text-align: center;
  padding: 40px 30px; }
  .t07 .t-inner .hl_2 {
    color: #333333;
    padding-bottom: 5px;
    padding-top: 25px; }
    .t07 .t-inner .hl_2 sup {
      font-size: 20px;
      line-height: 24px; }
  .t07 .t-inner .fact {
    padding: 40px 0;
    text-align: center;
    outline: none;
    border: none; }
    .t07 .t-inner .fact svg {
      margin: 0 auto;
      width: 90px;
      height: 90px; }
      .t07 .t-inner .fact svg path {
        fill: ; }
.t07 .t-inner .fact img {
      margin: 0 auto; }

.t07 .controlholder {
  text-align: center; }
  .t07 .controlholder .controlinner .pagingInfo {
    display: none;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif;
    padding: 0 18px 0; }
  .t07 .controlholder .controlinner button + .pagingInfo {
    display: inline-block; }

@media all and (min-width: 800px) {
  .t07.col1 .copy {
    text-align: center; }
    .t07.col1 .copy .linkbutton {
      width: 100%; } }

.t08 .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  width: 100%;
  height: auto;
  z-index: 2; }
  .t08 .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media all and (min-width: 641px) {
  .t08 .t-inner .copy {
    padding: 18px 20px 83px; }
  .t08 .t-inner .link {
    left: 20px; } }

@media all and (min-width: 1025px) {
  .t08 .t-inner {
    overflow: hidden; }
    .t08 .t-inner .copy {
      padding: 27px 30px 83px; }
    .t08 .t-inner .link {
      left: 30px; }
    .t08 .t-inner.padded {
      padding: 65px 30px;
      background-repeat: no-repeat;
      background-size: cover; }
    .t08 .t-inner .blurback {
      position: absolute;
      left: 0;
      top: 0;
      width: calc(100% + 30px);
      height: calc(100% + 30px);
      z-index: 1;
      margin: -15px;
      background-size: cover;
      -webkit-filter: blur(15px) brightness(50%);
      -moz-filter: blur(15px) brightness(50%);
      -o-filter: blur(15px) brightness(50%);
      -ms-filter: blur(15px) brightness(50%);
      filter: blur(15px) brightness(50%); } }

.video-wall .t08 .embed-container {
  margin-bottom: 35px; }
  @media all and (min-width: 1025px) {
    .video-wall .t08 .embed-container {
      margin-bottom: 35px; } }

.video-wall .t08.col1.teaser {
  margin-bottom: auto; }

@media all and (min-width: 1025px) {
  .video-wall .t08.col1 .embed-container:first-child {
    margin-bottom: 3px; } }

.video-wall .t08.col1 .embed-container:last-child {
  position: relative; }
  .video-wall .t08.col1 .embed-container:last-child:after {
    content: "";
    height: 10px;
    width: 100%;
    background: ;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }
  @media all and (min-width: 1025px) {
    .video-wall .t08.col1 .embed-container:last-child {
      margin-bottom: 5px; }
      .video-wall .t08.col1 .embed-container:last-child:after {
        display: none; } }

.video-wall .t08.col3.teaser {
  margin-bottom: auto; }

@media all and (min-width: 1025px) {
  .video-wall .t08.col3 .embed-container {
    height: 100%;
    width: auto; } }

.t09 {
  position: relative; }
  .t09 .t-inner {
    text-align: center;
    padding: 20px 15px;
    min-height: 600px;
    text-align: left; }
  .t09 .hl_3 {
    padding-bottom: 20px; }
  .t09 .form-block {
    border: none;
    padding: 20px 0; }
  .t09 .linkbutton, .t09 button {
    width: 100%;
    text-align: center; }
  .t09 .form-row.bottom {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 20px; }
    .t09 .form-row.bottom .form-item {
      padding-bottom: 0; }
  @media all and (min-width: 641px) {
    .t09 .t-inner {
      padding: 40px 20px; }
    .t09 .form-row.bottom {
      left: 20px;
      right: 20px;
      bottom: 40px; } }
  @media all and (min-width: 1025px) {
    .t09 .t-inner {
      padding: 40px 30px; }
    .t09 .form-row.bottom {
      left: 30px;
      right: 30px; } }
  .t09 .t-inner.t09-overlay {
    min-height: 600px;
    width: 100%;
    display: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .t09 .additional {
    display: table;
    width: 100%; }
    .t09 .additional select {
      display: table-cell; }
    .t09 .additional .delete {
      display: table-cell;
      width: 60px;
      position: relative;
      cursor: pointer; }
      .t09 .additional .delete:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 46px;
        height: 46px;
        border: 2px solid #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
      .t09 .additional .delete:before {
        content: "";
        position: absolute;
        left: 29px;
        top: 24px;
        width: 12px;
        height: 2px;
        background: #ffffff; }
  .t09 .dark .additional .delete:after {
    border: 2px solid #333333; }
  .t09 .dark .additional .delete:before {
    background: #333333; }

.chocont {
  display: none; }

.choosen .chocont {
  display: block; }

.choosen .chohid {
  display: none; }

.t10 .t-inner {
  padding: 30px 15px 24px; }
  .t10 .t-inner .hl_3 {
    padding-bottom: 20px; }
  .t10 .t-inner ul, .t10 .t-inner ol {
    padding-bottom: 3px; }
    .t10 .t-inner ul li, .t10 .t-inner ol li {
      padding-bottom: 25px; }
      .t10 .t-inner ul li a, .t10 .t-inner ol li a {
        font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
  .t10 .t-inner .link_more {
    border-top: 1px solid #cccccc;
    padding: 25px 0 0;
    text-align: right; }

@media all and (min-width: 800px) {
  .t10 .t-inner {
    padding: 30px 20px 24px; }
  .t10.col2 ul, .t10.col3 ul {
    column-count: 2; } }

@media all and (min-width: 1025px) {
  .t10 .t-inner {
    padding: 40px 30px 24px; }
  .t10.col3 ul {
    column-count: 2; }
  .t10.col2 ul {
    column-count: 1; } }

.t13 .t-inner {
  padding: 30px 15px 0; }
  .t13 .t-inner .hl_3,
  .t13 .t-inner .copy {
    padding-bottom: 20px; }
  .t13 .t-inner ul, .t13 .t-inner ol {
    padding-bottom: 7px; }
    .t13 .t-inner ul li, .t13 .t-inner ol li {
      padding-bottom: 27px; }


.m-b-35 {  margin bottom 35px 
  padding-bottom: 35px; }
.text_shadow {
  text-shadow: 0 0 4px #000000; } 
      
.news-detail > .cmodul:first-child .hl_h2 {
  font-family: noto_sansbold, Arial, Helvetica, sans-serif; }

.news-detail > .cmodul:first-child .hl_4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 600; }

.news-detail .gw-inner .row div[class*="image-"] figure {
  float: left;
  width: 50%;
  margin: 0 30px 10px 0;
  padding-bottom: 15px; }
  .news-detail .gw-inner .row div[class*="image-"] figure img {
    display: block;
    width: 100%;
    margin-bottom: 15px; }

.news-detail .gw-inner .row figcaption {
  color: #808080;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem;
  padding-bottom: 13px; }

.news-detail .gw-inner > p:last-of-type {
  clear: both; }

.news-detail .gw-inner .tags {
  clear: both;
  margin: 10px 0 0 0; }
  .news-detail .gw-inner .tags li {
    padding-left: 0; }
    .news-detail .gw-inner .tags li:before {
      display: none !important; }
    .news-detail .gw-inner .tags li a {
      display: inline-block;
      margin-left: 5px; }

.aussteller-kachel {
  margin: 0 auto; }
  .aussteller-kachel .grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px; }
    .aussteller-kachel .grid-wrapper .gw-inner {
      width: 100%;
      min-width: 0;
      max-height: 220px;
      min-height: 220px;
      padding: 1px;
      background: none; }
      .aussteller-kachel .grid-wrapper .gw-inner .kachel {
        /*
                .icon {
                    background-size: 60px;
                    background-position: left 2px;
                    background-repeat: no-repeat;
                    padding: 31px;
                    display: inline-block;
                    min-height: 60px;
                }*/
        background: #ffffff;
        height: 100%; }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel span {
          font-family: noto_sansregular, Arial, Helvetica, sans-serif;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 22px;
          line-height: 1.375rem;
          font-family: noto_sansbold, Arial, Helvetica, sans-serif; }
          @media all and (min-width: 800px) {
            .aussteller-kachel .grid-wrapper .gw-inner .kachel span {
              font-size: 16px;
              font-size: 1rem;
              line-height: 25px;
              line-height: 1.5625rem; } }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel p {
          font-family: noto_sansregular, Arial, Helvetica, sans-serif;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 22px;
          line-height: 1.375rem;
          font-family: noto_sansbold, Arial, Helvetica, sans-serif;
          padding: 0; }
          @media all and (min-width: 800px) {
            .aussteller-kachel .grid-wrapper .gw-inner .kachel p {
              font-size: 16px;
              font-size: 1rem;
              line-height: 25px;
              line-height: 1.5625rem; } }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel .icontext {
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          max-width: 120px; }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel .icon_inner {
          text-align: center;
          padding-top: 40px;
          padding-bottom: 43px; }
        .aussteller-kachel .grid-wrapper .gw-inner .kachel .round-info {
          background-color: #6993cd;
          position: absolute;
          width: 30px;
          height: 30px;
          top: 10px;
          left: 10px;
          text-align: center;
          border-radius: 100px;
          padding-top: 3px;
          color: white; }
  .aussteller-kachel a {
    box-shadow: none; }
    .aussteller-kachel a:hover span {
      text-decoration: none;
      transition: all  0.25s ease-out;
      -webkit-transition: all  0.25s ease-in-out;
      -moz-transition: all  0.25s ease-in-out;
      -o-transition: all  0.25s ease-in-out;
      -moz-box-shadow: inset 0 -2px 0 #333333;
      -webkit-box-shadow: inset 0 -2px 0 #333333;
      box-shadow: inset 0 -2px 0 #333333; }
    .aussteller-kachel a:hover svg {
      fill: ; }
    .aussteller-kachel a svg {
      fill: #333333;
      max-width: 60px; }
  @media all and (min-width: 481px) {
    .aussteller-kachel .grid-wrapper .gw-inner {
      width: 50%;
      float: left;
      margin: 0; } }
  @media all and (min-width: 681px) {
    .aussteller-kachel .grid-wrapper .gw-inner {
      width: 33.3333%; } }
  @media all and (min-width: 1025px) {
    .aussteller-kachel .grid-wrapper .gw-inner {
      width: 25%; } }

.newsletter label {
  font-weight: 700; }

.newsletter .form-block {
  margin-bottom: 1em; }

.newsletter input, .newsletter select, .newsletter .styled_select {
  max-width: 500px; }

#newsletter-popup-form {
  display: none; }
  .mfp-content #newsletter-popup-form {
    display: block; }
  #newsletter-popup-form .mfp-close {
    text-indent: -10000px; }

.streaming .gw-inner {
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px; }
  .streaming .gw-inner .media-list ul {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden; }
  @media all and (min-width: 1025px) {
    .streaming .gw-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap; }
      .streaming .gw-inner div[class^="media-"] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
      .streaming .gw-inner .media-holder {
        width: 66.6667%;
        background: #000000; }
      .streaming .gw-inner .media-list {
        width: 33.3333%; }
        .streaming .gw-inner .media-list ul {
          height: calc(100% - 60px);
          max-height: none;
          position: absolute;
          top: 60px;
          left: 0;
          width: 100%; } }
  .streaming .gw-inner .media-list {
    background: #ffffff;
    position: relative; }
    .streaming .gw-inner .media-list .hl_4 {
      padding: 0 25px;
      height: 60px;
      line-height: 60px;
      -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .streaming .gw-inner .media-list ul {
      display: block; }
      .streaming .gw-inner .media-list ul li {
        padding: 0 0 0 25px;
        height: 60px;
        line-height: 60px;
        border-top: 1px solid #cccccc;
        position: relative;
        cursor: pointer; }
        .streaming .gw-inner .media-list ul li div {
          overflow: hidden; }
        .streaming .gw-inner .media-list ul li span {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .streaming .gw-inner .media-list ul li.youtube:after {
          content: "";
          display: block;
          width: 21px;
          height: 16px;
          background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_youtube_small.svg);
          background-size: 21px 16px;
          position: absolute;
          right: 20px;
          top: 50%;
          transform: translate(0, -50%); }
        .streaming .gw-inner .media-list ul li.twitch:after {
          content: "";
          display: block;
          width: 19px;
          height: 22px;
          background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_twitch.svg);
          background-size: 19px 22px;
          position: absolute;
          right: 21px;
          top: 50%;
          transform: translate(0, -50%); }
        .streaming .gw-inner .media-list ul li.light.active.youtube:after, .streaming .gw-inner .media-list ul li.light:hover.youtube:after {
          background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_youtube_small_light.svg); }
        .streaming .gw-inner .media-list ul li.light.active.twitch:after, .streaming .gw-inner .media-list ul li.light:hover.twitch:after {
          background: url(https://media.koelnmesse.io/tire/assets/icons/icon_social_twitch_light.svg); }
        .streaming .gw-inner .media-list ul li:not(.active) {
          background: none;
          color: #000000; }
        .streaming .gw-inner .media-list ul li .scroller {
          overflow: hidden;
          margin-right: 60px; }
        .streaming .gw-inner .media-list ul li:hover {
          background: ; }
          .streaming .gw-inner .media-list ul li:hover.light {
            color: #ffffff; }
          .streaming .gw-inner .media-list ul li:hover.dark {
            color: #000000; }
          .streaming .gw-inner .media-list ul li:hover span.truncated {
            text-overflow: clip;
            overflow: inherit;
            width: auto; }
  .streaming .gw-inner .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    /* ratio 16x9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto; }
  .streaming .gw-inner .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.bodywidthholder {
  position: absolute;
  left: -2500px;
  width: 2000px; }

.cmodul.streaming .media-list {
  background: #e6e6e6; }
  .cmodul.streaming .media-list ul > li:before {
    display: none; }

.cmodul.wide .gw-inner {
  margin: 0 auto; }

@media all and (min-width: 1025px) {
  .application.pricefixed {
    padding-bottom: 107px; } }

.application .steps {
  background: #e6e6e6;
  padding-top: 20px;
  padding-bottom: 13px;
  margin: 0 -5%; }
  .application .steps ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%; }
    .application .steps ul li {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 25%;
      position: relative; }
      .application .steps ul li i {
        displaY: block;
        width: 25px;
        height: 25px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #000000;
        text-align: center;
        font-style: normal;
        margin: 0 auto;
        font-size: 10px;
        font-size: 0.625rem;
        line-height: 14px;
        line-height: 0.875rem;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        line-height: 23px; }
      .application .steps ul li.calchexback i {
        background: #EB0000;
        border-color: #EB0000; }
      .application .steps ul li.done i {
        background: #333333;
        border-color: #333333;
        color: #ffffff;
        text-indent: -10000px;
        position: relative; }
        .application .steps ul li.done i:before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          background: url(https://media.koelnmesse.io/tire/assets/icons/icon_check_light_h12.svg)   center center no-repeat;
          background-size: 9px 8px; }
    .application .steps ul.numbers li:after, .application .steps ul.numbers li:before {
      content: "";
      position: absolute;
      height: 1px;
      width: calc(50% - 18px);
      top: 11px;
      background: #000000;
      display: inline-block; }
    .application .steps ul.numbers li:after {
      right: 0; }
    .application .steps ul.numbers li:before {
      left: 0; }
    .application .steps ul.numbers li:first-child:before {
      display: none; }
    .application .steps ul.numbers li:last-child:after {
      display: none; }
    .application .steps ul.label {
      padding-top: 10px; }
      .application .steps ul.label li {
        text-align: center;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 14px;
        line-height: 0.875rem;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        display: none; }
        .application .steps ul.label li.active {
          display: block;
          width: 100%; }
  @media all and (min-width: 800px) {
    .application .steps {
      margin: 0; }
      .application .steps ul.label li {
        display: block; }
        .application .steps ul.label li.active {
          width: 25%; } }

.application .fa_footer {
  background: #e6e6e6;
  padding-top: 27px;
  padding-bottom: 8px; }
  @media all and (max-width: 640px) {
    .application .fa_footer {
      padding-bottom: 20px; } }
  .application .fa_footer .inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 32px; }
    .application .fa_footer .inner .item {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
      .application .fa_footer .inner .item:last-child {
        text-align: right; }
      .application .fa_footer .inner .item a {
        text-decoration: none;
        box-shadow: none; }
      .application .fa_footer .inner .item p {
        padding-bottom: 15px; }
        .application .fa_footer .inner .item p:first-child {
          font-weight: 700; }
      .application .fa_footer .inner .item strong {
        display: block;
        padding-bottom: 10px; }
      .application .fa_footer .inner .item .price {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 35px;
        line-height: 2.1875rem;
        font-family: noto_sansbold, Arial, Helvetica, sans-serif;
        white-space: nowrap;
        font-weight: 700; }
        @media all and (min-width: 800px) {
          .application .fa_footer .inner .item .price {
            font-size: 36px;
            font-size: 2.25rem;
            line-height: 40px;
            line-height: 2.5rem; } }
      .application .fa_footer .inner .item .sico {
        background-position: left 1px; }
  .application .fa_footer .help {
    border: 1px solid #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 20px 13px;
    margin-bottom: 22px;
    flex: none;
    width: 100%;
    display: none; }
    .application .fa_footer .help p {
      text-align: left;
      padding-bottom: 10px; }
      .application .fa_footer .help p:first-child {
        padding-bottom: 15px; }
    .application .fa_footer .help * {
      font-weight: 700; }
    .application .fa_footer .help a {
      -moz-box-shadow: 0 0 0 transparent;
      -webkit-box-shadow: 0 0 0 transparent;
      box-shadow: 0 0 0 transparent; }
  @media all and (min-width: 800px) {
    .application .fa_footer .inner {
      align-items: flex-end; }
      .application .fa_footer .inner .item strong {
        padding-right: 20px;
        padding-bottom: 0;
        display: inline-block; }
    .application .fa_footer .help {
      padding: 26px 30px 23px; }
      .application .fa_footer .help p {
        float: left;
        padding-right: 30px;
        padding-bottom: 0; }
        .application .fa_footer .help p:first-child {
          padding-bottom: 0; } }
  @media all and (max-width: 640px) {
    .application .fa_footer .inner .toggle-box.only-mobile {
      padding-top: 20px; }
    .application .fa_footer .toggle {
      border-radius: 5px;
      color: #333333;
      width: 100%;
      padding: 15px 20px;
      background: #ffffff url("https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_h7.svg")   no-repeat calc(100% - 20px) center;
      background-size: 16px 16px; }
      .application .fa_footer .toggle.is-open {
        background-image: url("https://media.koelnmesse.io/tire/assets/icons/icon_chevron_up_h7.svg")  ; } }

.application .toggle-content {
  padding-top: 30px; }
  .application .toggle-content .item {
    vertical-align: top; }

.application .toggle-box .toggle-content {
  display: none; }

.application .toggle-box .toggle {
  cursor: pointer; }

.application .toggle-box.only-mobile .toggle {
  cursor: default; }
  @media all and (max-width: 640px) {
    .application .toggle-box.only-mobile .toggle {
      cursor: pointer; } }

.application .toggle-box.only-mobile .toggle-content {
  display: block; }
  @media all and (max-width: 640px) {
    .application .toggle-box.only-mobile .toggle-content {
      display: none;
      padding-top: 30px; } }
  @media all and (min-width: 641px) {
    .application .toggle-box.only-mobile .toggle-content {
      display: block !important; } }

.application .fa_footer .toggle-content {
  padding-top: 0; }

@media all and (max-width: 640px) {
  .application .fa_footer .toggle-box.only-mobile .toggle-content {
    padding-top: 30px; } }

@media all and (min-width: 1025px) {
  .application.pricefixed .fa_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10; } }

.application h1 {
  padding-bottom: 15px; }
  @media all and (min-width: 641px) {
    .application h1 {
      padding-bottom: 25px; } }

.application .content .fa_inner {
  padding: 70px 0;
  width: 100%; }
  @media all and (min-width: 641px) {
    .application .content .fa_inner {
      padding: 70px 8%; } }

.application .fa_dialog .hl_3, .application .fa_dialog p {
  padding-bottom: 20px; }

.application .fa_dialog .btn {
  margin-top: 12px;
  width: 100%;
  text-align: center; }

@media all and (min-width: 641px) {
  .application .fa_dialog .hl_3, .application .fa_dialog p {
    padding-bottom: 25px; }
  .application .fa_dialog .btn {
    width: auto;
    margin-top: 37px; } }

@media all and (min-width: 800px) {
  .application .fa_dialog {
    width: 70%; } }

.application .fa_error_dialog {
  background: #dd2c00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  color: #ffffff; }
  .application .fa_error_dialog .hl_3, .application .fa_error_dialog p {
    padding-bottom: 20px; }
  @media all and (min-width: 641px) {
    .application .fa_error_dialog .hl_3, .application .fa_error_dialog p {
      padding-bottom: 25px; } }
  @media all and (min-width: 800px) {
    .application .fa_error_dialog {
      width: 70%; } }

.application .token-link {
  background: #01a7ef;
  padding-top: 20px;
  padding-bottom: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%; }
  .application .token-link .item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    color: #ffffff;
    width: 100%; }
    .application .token-link .item:last-child {
      padding-top: 20px;
      text-align: left; }
    .application .token-link .item .row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      flex-wrap: nowrap; }
    .application .token-link .item span.btn {
      background: none;
      border: 2px solid #ffffff;
      color: #ffffff;
      margin-right: 5px;
      padding: 0 10px;
      height: 50px;
      cursor: default;
      line-height: 46px;
      overflow: hidden;
      max-width: 40%;
      white-space: nowrap;
      display: inline-block;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
    .application .token-link .item .btn {
      margin-bottom: 10px;
      vertical-align: top;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      white-space: nowrap; }
  @media all and (min-width: 481px) {
    .application .token-link .item span.btn {
      max-width: 65%; } }
  @media all and (min-width: 641px) {
    .application .token-link .item span.btn {
      max-width: none; } }
  @media all and (min-width: 1025px) {
    .application .token-link {
      padding-bottom: 20px; }
      .application .token-link .item {
        width: 50%; }
        .application .token-link .item:last-child {
          text-align: right;
          white-space: nowrap;
          padding-top: 0; }
        .application .token-link .item .btn {
          margin-bottom: 0; } }

.application .formblock, .application .form-block {
  padding-bottom: 5px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e6e6e6; }
  .application .formblock.last, .application .formblock:last-child, .application .form-block.last, .application .form-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none; }
    @media all and (max-width: 640px) {
      .application .formblock.last span.left, .application .formblock:last-child span.left, .application .form-block.last span.left, .application .form-block:last-child span.left {
        display: inline-block;
        padding-top: 20px; } }
  .application .formblock.no-border, .application .form-block.no-border {
    border: none;
    margin-bottom: 0; }
    @media all and (max-width: 640px) {
      .application .formblock.no-border, .application .form-block.no-border {
        padding-bottom: 0; } }
  .application .formblock .row, .application .form-block .row {
    padding-bottom: 35px; }
  .application .formblock h2, .application .form-block h2 {
    padding-bottom: 25px; }
  .application .formblock h3, .application .form-block h3 {
    padding-bottom: 13px; }
    .application .formblock h3 + p, .application .form-block h3 + p {
      padding-top: 10px; }
  .application .formblock sup, .application .form-block sup {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px;
    line-height: 0.875rem; }
  .application .formblock .styled_select.no_touch_only, .application .form-block .styled_select.no_touch_only {
    display: inline-block !important; }
  .application .formblock label.small, .application .form-block label.small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px;
    line-height: 0.875rem;
    padding-bottom: 2px;
    display: inline-block; }
  .application .formblock .styled-radios input + label, .application .form-block .styled-radios input + label {
    padding: 10px 20px;
    min-width: 115px;
    border: 2px solid #b3b3b3;
    color: #808080;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    margin-right: 6px; }
    .application .formblock .styled-radios input + label:before, .application .form-block .styled-radios input + label:before {
      display: none; }
    .application .formblock .styled-radios input + label:after, .application .form-block .styled-radios input + label:after {
      display: none; }
    @media all and (max-width: 640px) {
      .application .formblock .styled-radios input + label, .application .form-block .styled-radios input + label {
        width: calc(50% - 8px);
        margin: 0 0 18px; }
        .application .formblock .styled-radios input + label:nth-child(4n +2), .application .form-block .styled-radios input + label:nth-child(4n +2) {
          float: left; }
        .application .formblock .styled-radios input + label:nth-child(4n), .application .form-block .styled-radios input + label:nth-child(4n) {
          float: right; } }
  .application .formblock .styled-radios input:checked + label, .application .form-block .styled-radios input:checked + label {
    background: #e6e6e6;
    border-color: #e6e6e6;
    color: #333333; }
  .application .formblock .styled-checkbox, .application .form-block .styled-checkbox {
    margin-top: 10px; }
  .application .formblock .input-row, .application .form-block .input-row {
    padding-top: 12px; }
    .application .formblock .input-row input, .application .form-block .input-row input {
      width: 10%;
      min-width: 96px; }
      @media all and (max-width: 640px) {
        .application .formblock .input-row input, .application .form-block .input-row input {
          width: calc(33% - 10px);
          min-width: 0; } }
      .application .formblock .input-row input + span, .application .form-block .input-row input + span {
        display: inline-block;
        padding: 0 20px 0 5px; }
        @media all and (max-width: 640px) {
          .application .formblock .input-row input + span, .application .form-block .input-row input + span {
            display: none; } }
      .application .formblock .input-row input.readonly, .application .form-block .input-row input.readonly {
        background: #e6e6e6; }
    @media all and (max-width: 640px) {
      .application .formblock .input-row, .application .form-block .input-row {
        display: flex;
        justify-content: space-between; } }
    .application .formblock .input-row#boothsize.error, .application .form-block .input-row#boothsize.error {
      padding-bottom: 35px; }
      .application .formblock .input-row#boothsize.error input.sectorarea, .application .form-block .input-row#boothsize.error input.sectorarea {
        border: 2px solid #e53948; }
      .application .formblock .input-row#boothsize.error .errorholder, .application .form-block .input-row#boothsize.error .errorholder {
        position: relative;
        display: inline-block; }
        .application .formblock .input-row#boothsize.error .errorholder:after, .application .form-block .input-row#boothsize.error .errorholder:after {
          content: attr(data-label);
          padding-top: 10px;
          display: block;
          background: #e53948;
          color: #ffffff;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 20px;
          line-height: 1.25rem;
          font-family: Verdana,Arial, Helvetica, sans-serif;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 9px 10px 6px;
          position: absolute;
          top: calc(100% + 10px);
          left: 0; }
  .application .formblock .image-radios .item, .application .form-block .image-radios .item {
    width: 100%;
    float: left;
    padding-bottom: 20px;
    position: relative;
    /*
                .tooltipform {
                    position: absolute;
                    left:-5px;
                    top:-5px;
                }
                */ }
    @media all and (min-width: 381px) {
      .application .formblock .image-radios .item, .application .form-block .image-radios .item {
        width: 50%;
        padding: 0 10px 20px 0; } }
    @media all and (min-width: 1025px) {
      .application .formblock .image-radios .item, .application .form-block .image-radios .item {
        width: 25%; } }
    @media all and (min-width: 1201px) {
      .application .formblock .image-radios .item, .application .form-block .image-radios .item {
        width: 25%; } }
    .application .formblock .image-radios .item:last-child, .application .form-block .image-radios .item:last-child {
      text-align: left; }
    .application .formblock .image-radios .item img, .application .form-block .image-radios .item img {
      width: 100%;
      display: block;
      margin-bottom: 14px; }
  @media all and (max-width: 1024px) {
    .application .formblock .image-radios label, .application .form-block .image-radios label {
      hyphens: auto; } }
  .application .formblock .image-radios label small, .application .form-block .image-radios label small {
    display: block; }
  .application .formblock textarea, .application .form-block textarea {
    width: 60%;
    height: 140px; }
    @media all and (max-width: 640px) {
      .application .formblock textarea, .application .form-block textarea {
        width: 100%; } }
  @media all and (max-width: 640px) {
    .application .formblock .primary, .application .form-block .primary {
      width: 100%; } }

.application h2 a.openmodal, .application h2 a:hover.openmodal, .application h3 a.openmodal, .application h3 a:hover.openmodal {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.image-radios input[type=radio]:not(:checked) + label, .image-radios input[type=radio]:checked + label {
  padding-left: 0; }
  .image-radios input[type=radio]:not(:checked) + label:before, .image-radios input[type=radio]:checked + label:before {
    display: none; }
  .image-radios input[type=radio]:not(:checked) + label span, .image-radios input[type=radio]:checked + label span {
    display: inline-block;
    padding-left: 48px;
    position: relative; }
    @media all and (max-width: 640px) {
      .image-radios input[type=radio]:not(:checked) + label span, .image-radios input[type=radio]:checked + label span {
        padding-left: 38px; } }
    .image-radios input[type=radio]:not(:checked) + label span:before, .image-radios input[type=radio]:checked + label span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -4px;
      display: block;
      width: 26px;
      height: 26px;
      border: 2px solid #e6e6e6;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      cursor: pointer; }

.image-radios input[type=radio]:not(:checked) + label span:before, .image-radios input[type=radio]:checked + label span:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.image-radios input[type=radio] + label {
  display: block; }
  .image-radios input[type=radio] + label .img-holder {
    padding-bottom: 50%;
    position: relative;
    border: 2px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 14px; }
    .image-radios input[type=radio] + label .img-holder img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      max-width: 50%; }

.image-radios input[type=radio]:checked + label {
  padding-left: 0; }
  .image-radios input[type=radio]:checked + label:after {
    display: none; }
  .image-radios input[type=radio]:checked + label span:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 5px;
    display: block;
    width: 12px;
    height: 12px;
    background: #333333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer; }
  .image-radios input[type=radio]:checked + label .img-holder {
    background: #e6e6e6; }

.confluenceTable thead th,
.confluenceTable tbody td {
  padding: 10px; }

#modal_price {
  padding: 25px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 13px; }
  #modal_price .mfp-close {
    right: -5px;
    top: -5px;
    color: #000000; }
    #modal_price .mfp-close:before {
      display: none; }

.application .row.col-5 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%; }
  .application .row.col-5 .col {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%; }
    .application .row.col-5 .col input[type=checkbox] + label {
      display: block;
      margin-bottom: 20px;
      padding-right: 20px; }
    .application .row.col-5 .col h3 {
      padding-bottom: 17px; }
  @media all and (min-width: 1025px) {
    .application .row.col-5 .col {
      width: 20%; } }

.application .row .accordion {
  width: 100%; }
  .application .row .accordion .content {
    padding-bottom: 0; }
  .application .row .accordion input[type=checkbox] + label {
    display: block;
    margin-bottom: 20px; }
  @media all and (min-width: 800px) {
    .application .row .accordion {
      width: 70%; } }

.application .row .check_select {
  width: 100%;
  margin-bottom: 20px; }
  .application .row .check_select .inner {
    padding-top: 20px;
    padding-bottom: 0; }
  @media all and (min-width: 1025px) {
    .application .row .check_select {
      width: auto;
      margin-bottom: 0; }
      .application .row .check_select .toggle {
        display: none; }
      .application .row .check_select .select_options {
        background: none;
        width: auto;
        border-radius: none;
        position: relative;
        left: auto;
        top: auto;
        display: block;
        -moz-box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        border: none; }
        .application .row .check_select .select_options:after {
          display: none; }
        .application .row .check_select .select_options .inner {
          padding: 0;
          background: none;
          overflow: inherit; } }

.form-block label.opt {
  color: #808080; }

.application .cmodul {
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0; }
  .application .cmodul .gw-inner {
    padding: 70px 8%;
    width: 100%;
    max-width: none; }
  @media all and (min-width: 800px) {
    .application .cmodul .smallcont {
      width: 70%; } }

.application .form-block#partner2-block {
  display: none; }

.application .form-block .check-row {
  padding-top: 20px;
  padding-bottom: 0; }
  .application .form-block .check-row label {
    margin-right: 20px; }

.application .hl_4 {
  padding-top: 20px; }

.application .btn:disabled {
  background: #EB0000;
  opacity: .5; }

.application .toolholder.error {
  padding-bottom: 40px; }
  .application .toolholder.error input.sectorarea {
    border: 2px solid #e53948; }
  .application .toolholder.error .errorholder {
    position: relative;
    display: block; }
    .application .toolholder.error .errorholder:after {
      content: attr(data-label);
      padding-top: 10px;
      display: block;
      background: #e53948;
      color: #ffffff;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-family: Verdana,Arial, Helvetica, sans-serif;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 9px 10px 6px;
      position: absolute;
      top: calc(100% - 10px);
      left: 0; }

.application .form-block.error .errorholder .hl_3 span {
  display: block; }

.application .form-block.error .errorholder .hl_3:after {
  content: attr(data-label);
  padding-top: 10px;
  display: inline-block;
  background: #e53948;
  color: #ffffff;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 9px 10px 6px; }

.application .summary-block {
  background: #e6e6e6;
  padding: 0 20px;
  margin-top: 40px; }
  .application .summary-block + .btn {
    margin-top: 40px;
    width: 100%;
    text-align: center; }
  .application .summary-block .block {
    padding: 5px 0;
    border-top: 1px solid #ffffff; }
    .application .summary-block .block:first-child {
      border: none;
      padding: 15px 0; }
    .application .summary-block .block a.sico {
      float: right;
      -moz-box-shadow: 0 0 0 transparent;
      -webkit-box-shadow: 0 0 0 transparent;
      box-shadow: 0 0 0 transparent;
      display: inline-block;
      margin-top: 8px;
      font-family: noto_sansbold, Arial, Helvetica, sans-serif;
      text-indent: -10000px; }
    .application .summary-block .block .subhead {
      padding: 10px 0 6px;
      display: inline-block; }
    .application .summary-block .block .row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .application .summary-block .block .row .col {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding: 10px 0 7px;
        width: 50%; }
        .application .summary-block .block .row .col:first-child {
          width: 50%;
          padding-right: 20px; }
      .application .summary-block .block .row.mobilefull .col {
        width: 100%; }
        .application .summary-block .block .row.mobilefull .col:first-child {
          width: 100%; }
  @media all and (min-width: 800px) {
    .application .summary-block {
      padding: 0 40px; }
      .application .summary-block + .btn {
        width: auto; }
      .application .summary-block .block {
        padding: 25px 0; }
        .application .summary-block .block:first-child {
          padding: 25px 0; }
        .application .summary-block .block a.sico {
          text-indent: 0; }
        .application .summary-block .block .subhead {
          padding: 10px 0 16px; }
        .application .summary-block .block .row .col, .application .summary-block .block .row.mobilefull .col {
          width: 65%; }
          .application .summary-block .block .row .col:first-child, .application .summary-block .block .row.mobilefull .col:first-child {
            width: 35%; } }
  @media all and (min-width: 1365px) {
    .application .summary-block .block .row .col {
      width: 80%; }
      .application .summary-block .block .row .col:first-child {
        width: 20%; } }

.form-infobox {
  background: #e6e6e6;
  padding: 15px 20px;
  margin-bottom: 40px;
  position: relative;
  /*
    &:before {
        content:url("../img/icons/icon-info__H30.svg");
        width:28px;
        height: 60px;
        float: left;
        margin-right: 20px;
    }
    */ }
  @media all and (min-width: 641px) {
    .form-infobox {
      padding: 35px 40px 40px;
      /*
        &:before {
            content:url("../img/icons/icon-info__H30.svg");
            position: absolute;
            left:40px;
            top:40px;
            float: none;
            margin-right: 0;
        }
        */ } }

.application .subfooter {
  padding-top: 25px;
  padding-bottom: 15px;
  background: #333333; }
  .application .subfooter a {
    margin-right: 30px;
    color: #808080;
    display: inline-block;
    margin-bottom: 10px; }
    
    
   /*** ICX Subnavigation ***/
    
  .ICX-subnav .primarylink_subnav {
    box-shadow: none !important;
    font-family: noto_sansbold, Arial, Helvetica, sans-serif !important;
  }
  
  .ICX-subnav.target-group ul {
    margin: 0 auto !important;
    text-align: center !important;
  }
  

  .ICX-subnav .ICX-accodrion {
    position: absolute;
    display: inline-block;
    font-family: noto_sansregular, Arial, Helvetica, sans-serif;
    height: 50px;
    width: 50px;
    right: 0;
    top: 10px;
  }
  
  .ICX-subnav .ICX-accord {
    display: block;
    height: 50px;
    line-height: 50px;
    color: rgb(128, 128, 128);
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    border-image: initial;
    overflow: hidden;
   }
   
   .ICX-subnav .toggler {
    -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
    }
    
   .ICX-subnav .ICX-accord:after {
    background: url(https://media.koelnmesse.io/tire/assets/icons/icon_chevron_down_light_h7.svg) 0px 0px / 12px 7px no-repeat !important;
    content: "";
    width: 12px;
    height: 7px;
    display: block;
    position: absolute;
    right: 20px;
    top: 21px;    
  }
  
  .ICX-subnav.heighter {
    height: initial !important;
  }
  
   @media all and (min-width: 640px) { 
     .ICX-subnav .ICX-accodrion { display: none; }
   }
   
    @media all and (max-width: 640px) { 
     .ICX-subnav.target-group {
        height: 66px;
     }
   } 
   
   /*** ICX Subnavigation END ***/

#shoppingCounter {
	margin: 3px; position: absolute;
	background-color: ;
    width: 22px;
    height: 22px;
    top: -15px;
    text-align: center;
    border-radius: 100px;
    padding-top: 2px;
    color: white;
    font-size: 12px; 
    padding-right: 1px;
}

@media all and (max-width: 1024px) {
	  #shoppingCartMobile {
	    position: absolute; 
	    right: 90px; 
	    left: auto;
	    top: 21px;
	    height: 40px;
	    width: auto;
	    padding-left: 15px;
	    padding-top: 10px; 
	    padding-right: 20px;
	    border-left: 1px solid rgb(204, 204, 204);
	  }
	  #loginIconMobile {
	    position: absolute;
	    right: 130px;
	    left: auto;
	    top: 21px;
	    width: auto;
	    padding-left: -5px;
	    padding-top: 10px;
	    padding-right: 20px;
	  }
	  #searchIconMobile {
	    position: absolute;
	    right: 50px;
	    left: auto;
	    top: 21px;
	    height: 42px;
	    width: auto;
	    padding-left: 15px;
	    padding-top: 10px;
	    padding-right: 20px;
	  }
	  #shoppingCartMobile a,
	  #loginIconMobile a,
	  #searchIconMobile a {
		outline: none;
		background-size: 27px 27px;
		padding: 14px;
	  }
	  #shoppingCartMobile span {
	    right: 6px; 
	    width: 18px; 
	    height: 18px; 
	    padding: 0px; 
	    top: -10px;
	  }
}  

@media all and (max-width: 800px) {
	  #searchIconMobile span {
	    padding: 1px; 
	  }
}

@media all and (max-width: 380px) {
	  #searchIconMobile {
	    border-right: 1px solid rgb(204, 204, 204)
	  }
	  #shoppingCartMobile {
	    border-left: none;
	  }
}

/* CDC Styles */

.gigya-composite-control-submit input {
  background:  !important;
}

.gigya-composite-control-submit input:hover {
  opacity: 0.9 !important;
}

h1.gigya-screen-caption {
  border-bottom: initial !important;
  text-align: left !important;
}

/*
* Mobile Friendly Anpassungen
* MUSS ENTSPRECHEND PLATZIERT WERDEN
*/
.clearfix:before,
.clearfix:after {
	content: ".";    
	display: block;    
	height: 0;    
	overflow: hidden;        
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1 ;}
@media screen and (max-width: 1024px){
	.nav-holder .subnav:not(#subnav-search) {visibility: hidden;}
	.subvisible {visibility: visible !important;}
}


/* New Header Menu */

.ico.contact {
	    background-image: url(https://media.koelnmesse.io/tire/assets/icons/kontakt_cloud.svg);
	}
	
	.ico.loginCDC {
	    background-image: url(https://media.koelnmesse.io/tire/assets/icons/login_cloud.svg);
	}
	
	.ico.search {
	    background-image: url(https://media.koelnmesse.io/tire/assets/icons/suche_cloud.svg);
	}
	
	.ico.lang {
	    background-image: url(https://media.koelnmesse.io/tire/assets/icons/sprache_cloud.svg);
	}
	
	.ico.tickets {
	    background-image: url(https://media.koelnmesse.io/tire/assets/icons/tickets_cloud.svg);
	    padding-left: 26px;
	    background-size: 16px 16px;
	    background-position: left center;
	    background-repeat: no-repeat;
	}
	
	.darkback .ico.contact, .corporate .ico.contact, .darkalpha .ico.contact {
	     background-image: url(https://media.koelnmesse.io/tire/assets/icons/kontakt_cloud_white.svg); 
	     box-shadow: none;
	  }
	  
	.darkback .ico.tickets, .corporate .ico.tickets, .darkalpha .ico.tickets {
	     background-image: url(https://media.koelnmesse.io/tire/assets/icons/tickets_cloud_white.svg);
	     box-shadow: none; 
	  }	  

	.darkback .ico.search, .corporate .ico.search, .darkalpha .ico.search {
	     background-image: url(https://media.koelnmesse.io/tire/assets/icons/suche_cloud_white.svg);
	     box-shadow: none; 
	  }

	.darkback .ico.lang, .corporate .ico.lang, .darkalpha .ico.lang {
	     background-image: url(https://media.koelnmesse.io/tire/assets/icons/sprache_cloud_white.svg);
	     box-shadow: none; 
	  }	 
	  
	.darkback .ico.loginCDC, .corporate .ico.loginCDC, .darkalpha .ico.loginCDC {
	     background-image: url(https://media.koelnmesse.io/tire/assets/icons/login_cloud_white.svg);
	     box-shadow: none; 
	  }	   
	  	
	.mobileLogin, .mobileTickets {
	  display: none;
	}
	
	.loginButton, .ticketsButton {
	  display: block;
	}
	
	.darkalpha .mobileTickets {
	  color: #FFFFFF;
	}
	
	@media all and (min-width: 1025px) {
	    .logo {
	      max-width: 220px;
	    }
	    
	    .logo a .imgholder {
	      max-width: 220px;
	    }
	    
		nav {
		  text-align: right;
		}
		
		nav ul {
		  padding: 0;
		}
		
		nav ul > li {
		  padding: 7px 0px 9px 15px;
		}
		
		.subnav.subnav-open .close {
		  top: 22px;
		  right: 55px;
		} 
	}
	
	@media all and (min-width: 1200px) { 
	  	nav ul > li {
		  padding: 7px 0px 9px 26px;
		}
	}
	
	/* mobile */
	
	@media all and (max-width: 1024px) {	
	    .metanav {
	      display: block;
	      text-align: center;
	      top: 40px;
	    }
	    
	    .metanav a {
	      display: none;
	    }
	    
	    .metanav .ico.loginCDC,
	    .metanav .ico.tickets {
          display: block;
          background-size: 26px 26px;
          line-height: 26px;
          width: 45px;
          height: 26px;
          opacity: 1;
          margin-right: 67px;
          position: absolute;
   		  right: -20px;
	    }
	    
	    .metanav .ico.tickets {
	      right: 39px;
	    }
	    
    	.loginButton, .ticketsButton {
		  display: none;
		}
	    
	    .mobileLogin, .mobileTickets {
	      display: block;
	      width: 106px;
	      text-transform: uppercase;
		  font-weight: 700;
		  font-size: 0.75rem;
		  right: 25px;
          top: 26px;
          position: absolute;
 	    }
 	    
 	    .mobileTickets {
 	      right: 85px;
 	    }
	    	
		.header-banner {
		  justify-content: flex-end;
		}
		
		.header-banner .item:nth-of-type(2),
		.header-banner .item:nth-of-type(3) {
		  display: none;
		}
		
		.mobilmeta {
		  text-align: center;
		}
		.mobilmeta a {
		  display: inline-flex;
		  margin: 20px 10px;
		}
		
		.menutoggle.desktophidden {
		  top: 43px;
		  border-left: none;
		}
		
		.darkback .ico.contact, .corporate .ico.contact, .darkalpha .ico.contact {
		     background-image: url(https://media.koelnmesse.io/tire/assets/icons/kontakt_cloud.svg) !important; 
		  }
		 
	
		.darkback .ico.search, .corporate .ico.search, .darkalpha .ico.search {
		     background-image: url(https://media.koelnmesse.io/tire/assets/icons/suche_cloud.svg) !important;
		  }
	
		.darkback .ico.lang, .corporate .ico.lang, .darkalpha .ico.lang {
		     background-image: url(https://media.koelnmesse.io/tire/assets/icons/sprache_cloud.svg) !important;
		  }	  
		  
	      .darkback nav .mobilmeta a {
	       color: #333333;
	      }
	}
	
	@media (max-width: 640px){
		
		
		.desktophidden.mobilmeta {
		  padding: 5px;
		}
	}
	

@media all and (max-width: 1024px) {
  .show_desktop_only {
    display: none;
  }
  .km_stretch_bg_tm {
  	width: 100% !important;
  	height: auto !important;
  }
  .km_stretch_bg_t {
  	width: 100% !important;
  	height: auto !important;
  }
}
@media all and (max-width: 640px) {
  .show_tablet_only {
    display: none;
  }
  .km_stretch_bg_m {
  	width: 100% !important;
  	height: auto !important;
  }
  .km_stretch_bg_t {
  	width: auto !important;
  	height: 100% !important;
  }
}
@media all and (min-width: 1025px) {
  .show_tablet_only {
    display: none;
  }
}
@media all and (min-width: 641px) {
  .show_mobile_only {
    display: none;
  }
}

.km_bg_container {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;
}

.t01 .btn {
	position: absolute;
    bottom: 20px;
}

.hide {
  display: none;
}
.metanav > .langselect > .langselect_metanav {
  margin-top: -2px;
}
.langselect > .langselect_metanav {
  position: relative;
  cursor: pointer;
  float: right;
  margin-left: 40px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.langselect > .langselect_metanav > .langselect_currentlang > .langselect_dropdownicon {
  width: 12px;
  height: auto;
  padding-bottom: 2px;
}
.langselect > .langselect_box > .langselect_selector {
  background-color: 
  
;
  min-width: 80px;
  width: auto;
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 50;
  padding: 8px 8px 0;
}
.langselect > .langselect_box > .langselect_selector * {
  z-index: 50;
}
.langselect > .langselect_box > .langselect_selector * {
  color: #FFF;
}
.langselect > .langselect_box > .langselect_selector.dark * {
  color: #333;
}
.langselect > .langselect_box > .langselect_selector.dark svg path {
  fill: #333 !important;
}

.langselect > .langselect_box > .langselect_selector > .ico.lang {
  display: block;
  margin-bottom: 5px;
}
.langselect > .langselect_box > .langselect_selector > .ico.lang.light {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/sprache_cloud_white.svg);
}
.langselect > .langselect_box > .langselect_selector > .ico.lang.dark {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/sprache_cloud.svg);
}

.darkback .langselect_dropdownicon.dark,
.corporate .langselect_dropdownicon.dark,
.darkalpha .langselect_dropdownicon.dark {
	display:none;
}

.lightalpha .langselect_dropdownicon.light,
.lightback .langselect_dropdownicon.light {
	display:none;
}

.langselect > .langselect_box > .langselect_selector > .langselect_box-current {
  cursor: pointer;
}
.langselect > .langselect_box > .langselect_selector > .ico.lang > .langselect_currentlang > .langselect_dropdownicon {
  width: 12px;
  height: auto;
  padding-left: 2px;
}
.langselect > .langselect_box > .langselect_selector > .langselect_altlang {
  float: none;
  margin-left: 0;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #FFF;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.langselect > .langselect_box > .langselect_selector svg {
  width: 12px;
  height: 12px;
  padding-bottom: 2px;
}
.langselect > .langselect_box > .langselect_selector > .langselect_altlang > svg {
  margin-right: 5px;
  width: 16px;
  padding-bottom: 0;
}
.langselect_notranslation,
.langselect_notranslation {
  cursor: default !important;
}
.darkalpha .ico.lang.langselect_box-current.light,
.darkalpha .ico.lang.langselect_metanav,
.darkback .ico.lang.langselect_metanav {
  background-image: url(https://media.koelnmesse.io/tire/assets/icons/sprache_cloud_white.svg) !important;
}
header .grid-wrapper.darkalpha .langselect_currentlang {
  color: #FFF;
}
nav.navopen .subnav-open {
  z-index: 200;
}
.metanav {
  z-index: 100;
}
header.navopen .logo {
  z-index: 250;
}
.langselect.langselect_header-banner {
  top: 10px;
  right: 10px;
  position: absolute;
}
#subnav-search {
  z-index: 10000;
}
@media (min-width: 1025px) {
  .navopen nav .nav {
    z-index: 250;
  }
}
@media (max-width: 1024px) {
  .header-banner {
    justify-content: flex-start;
  }
}


/* Wichtiger Hinweis Modul */
.impnotice_icon {
	margin-right: 10px;
}
.impnotice_icon svg {
	height: 35px !important;
	width: auto !important;
}
.svg_icon_yellow svg path {
	fill: rgb(255, 212, 0) !important;
}
.svg_icon_white svg path {
	fill: rgb(255, 255, 255) !important;
}
.svg_icon_dark svg path {
	fill: rgb(51, 51, 51) !important;
}
.attention .btn.light {
    color: #FFF !important;
}
.attention .btn.secondary.light {
    border-color: #FFF !important;
}

.pate-home .logo-overview {
	margin: 0 1em; }
.logo-overview .hl_3 {
	padding-bottom: 20px; }
.logo-overview-inner {
	display: flex;
	flex-wrap:wrap; }
.logo-overview article {
	position: relative;
	display: flex; 
    justify-content: center; 
    width: calc(50% - 2em);
	margin: 0 1em 1em 1em;
	overflow: hidden; }
.logo-overview article > a {
	cursor: pointer; }
.logo-overview article .article-text-wrapper {
	line-height: 1.3em;
	width: 100%;
	height: 100%; }
.logo-overview article .article-text-wrapper div {
	display: flex; }
.logo-overview article .article-text-wrapper div:before {
	content: "";
	background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) 0 0.2em no-repeat;
	background-size: 0.8em;
	flex: 0 0 1.2em; }
@media all and (max-width: 640px) {
	.logo-overview-image-wrapper {
		height: calc(50vw - 15px - 3em);
		display: flex;
	    align-items: center; }
}
@media all and (min-width: 641px) {
	.logo-overview article {
		align-items: center;
		width: calc(25% - 2em); }
	.logo-overview article:before { 
		content: "";
		float: left;
		padding-top: 100%; }
	.logo-overview article .article-text-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		background: rgba(99,99,99,0.9);
		color: #ffffff;
		font-size: 0.8rem;
		-webkit-transition: opacity 0s ease-in-out, padding 0.3s ease-in-out;
		-moz-transition: opacity 0s ease-in-out, padding 0.3s ease-in-out;
		-ms-transition: opacity 0s ease-in-out, padding 0.3s ease-in-out;
		transition: opacity 0s ease-in-out, padding 0.3s ease-in-out;
		padding: 33% 0.8em; }
	.logo-overview article:hover .article-text-wrapper {
		opacity: 1;
		padding: 1em 0.8em; }
	.logo-overview article .article-text-wrapper div:before {
		background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_light.svg) 0 0.2em no-repeat;
		background-size: 0.8em; }
	.logo-overview article .article-text-wrapper div span strong{
		font-size: 1rem; }
	.logo-overview article .article-text-wrapper div span strong:after {
		content: "";
		margin-bottom: 5px;
		display: block; }
}
.logo-overview article img {
	width: 100%; }
.logo-overview article a {
	text-decoration: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none; }
	
	
/* DMT 723 - Ankerlinks-Modul */
.toc-list {
	position: relative;
	padding-bottom: 0 !important;
}
.toc-list li {
	position: relative;
	line-height: 32px;
	padding-left: 25px !important;
	padding-top: 5px;
}
.toc-list-letters {
	font-weight: bold;
}
.toc-list-letters li span {
	font-weight: normal !important;
	padding-left: 5px;
}
.toc-list-letters li {
	list-style-type: lower-alpha;
	list-style-position: inside;
	padding-left: 0 !important;
}
.toc-list-letters li span:hover {
	font-weight: bold;
}
.toc-list-letters li:before {
	display: none !important;
}
.toc-list li a {
	text-decoration: none !important;
	box-shadow: none !important;
}
.toc-list li a:hover {
	font-weight: bold;
}
.toc-list li:not(:last-child) {
	border-bottom: 1px solid #E8E8E8;
}
.toc-list-arrows li {
	list-style-type: none;
}
.toc-list-arrows li:before {
	content: "";
	background: url(https://media.koelnmesse.io/tire/assets/icons/icon_arrow_right_dark.svg) 0 0 no-repeat !important;
	width: 16px !important;
	height: 16px !important;
	background-size: 16px 16px !important;
	position: absolute;
	left: 0;
	top: 13px !important;
}
.toc-list-none li {
	padding-left: 0 !important;
}
.toc-list-none li:before {
	display: none !important;
}


.corporatecolor_important {
	color: 
  
 !important;
}
a.lightback.dark {
	color: #333;
}


.grid-wrapper-article .gw-inner .grid-wrapper {
	padding: 0;
}
.grid-wrapper-article .gw-inner .grid-wrapper .gw-inner {
	max-width: 100%;
    min-width: auto;
}


.error-message {
	padding-top: 40px;
    	padding-bottom: 40px;
}
.error-message .inner {
	text-align: center;
}
.error-message .headlines {
	width: 50%;
	margin: auto;
}
.error-message .status-code {
	float: left;
	width: 40%;
	text-align: right;
	font-size: 7rem;		
    	line-height: 6.5rem;
    	padding-right: 10px;
}
.error-message .subheadlines {
	width: 50%;
	float: left;
	text-align: left;
	padding-left: 10px;
}
.error-message .subheadline {
	padding-top: 1rem;
}
.error-message .error-search-container {
	clear: both;		
}
.error-message .info-text {
	padding: 30px 0;
}
.error-message .search-inner {
    	max-height: 50px;
}
.error-message .search-inner input {
	width: 50%;
	margin-bottom: 25px;
	background-position-x: right;
    	background-origin: content-box;
    	padding-left: 15px;
}
.error-message .search-inner input::placeholder {
    	font-style: italic;
}
.error-message-notfoundyet {
    	text-align: center;
}	
.error-message-notfoundyet .hl_4 {
	font-weight: bold;
}
.error-message-notfoundyet p:first-child {
	padding: 15px 0 35px;
}
.error-message-notfoundyet p:last-child {
    	padding-bottom: 0px;
}	
.error-message-notfoundyet p:last-child a.btn {
    	margin: 0 15px;
}
.error-message-notfoundyet p:last-child a.btn.primary.medium {
    	padding: 13px 20px;
}	
.error-message-notfoundyet .gw-inner {
    	width: 50%; 
    	margin: auto;
}

@media all and (max-width: 1024px) {
 	.error-message .headlines {
		width: 75%;
	}
}
@media all and (max-width: 799px) {
 	.error-message .headlines {
		width: 100%;
	}
}




@supports (-webkit-touch-callout: none) {
  	.stage.keyvisual.video .buttons {
  		bottom: 70px;
  	}
}



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  	.stage.keyvisual.video .buttons {
  		bottom: 70px;
  	}
}



@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  	.stage.keyvisual.video .buttons {
  		bottom: 70px;
  	}
}



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  	.stage.keyvisual.video .buttons {
  		bottom: 70px;
  	}
}



@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) {
    .stage.keyvisual.video .buttons {
  		bottom: 70px;
  	}
}



@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) {
  	.stage.keyvisual.video .buttons {
  		bottom: 70px;
  	}
}



@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) {
  	.stage.keyvisual.video .buttons {
  		bottom: 70px;
  	}
}