@charset "UTF-8";
/* setup */
/* Buttons */
/*Evolution TC*/
/* Nordic Techkomm */
/* Information Energy Colors */
#skip-links {
  position: absolute;
  left: -9999px;
  top: 0;
}

body {
  font-family: "Muli", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: rgb(79, 77, 77);
  font-size: 0.9375rem;
  background: rgb(255, 255, 255);
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  body {
    background-color: rgba(112, 173, 222, 0.1);
    background-image: url(../Images/bg-background-lg.png);
    background-repeat: repeat-y;
    background-position: center top;
  }
}
body:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgb(255, 255, 255);
}

.container {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .container {
    padding: 0 2%;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0px;
  }
}

.container-full {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5%;
}
@media screen and (max-width: 1800px) {
  .container-full {
    padding: 0 2%;
  }
}

a {
  color: rgb(28, 99, 184);
}

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

figure {
  margin: 0;
  position: relative;
  padding: 0;
}
figure img {
  display: block;
}
figure figcaption {
  margin: 0.25em 0 0 0;
  text-align: center;
  font-size: 0.875rem;
}

p, ul, ol {
  margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
  line-height: 1.25em;
  margin: 0;
  hyphens: auto;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 5;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 5;
  -ms-hyphenate-limit-lines: 2;
}

h1 {
  text-transform: uppercase;
  font-size: 1.875rem;
  margin-bottom: 1em;
  color: rgb(79, 77, 77);
}

h2 {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: rgb(28, 99, 184);
  margin-bottom: 0.7em;
}

h3 {
  font-size: 1.125rem;
  color: rgb(28, 99, 184);
  margin-bottom: 0.6em;
}
h3#h3-services {
  position: relative;
}

h4 {
  font-size: 0.9375rem;
  color: rgb(28, 99, 184);
  margin-bottom: 0.6em;
}

a {
  text-decoration: none;
}

iframe {
  border: none;
  max-width: 100%;
}
iframe.foyer-twitterwall {
  margin-top: -8px;
}

video {
  max-width: 100%;
}

audio {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: 24px;
  opacity: 0;
  transition: opacity 1s;
}

figure:hover audio {
  opacity: 1;
}

.playbutton {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% + 20px);
  cursor: pointer;
}
.playbutton:hover span, .playbutton:focus span {
  border-left: 40px solid rgba(255, 255, 255, 0.8);
}
.playbutton:hover span:before, .playbutton:focus span:before {
  border: 7px solid rgba(255, 255, 255, 0.8);
}
.playbutton span {
  border-top: 25px solid transparent;
  border-left: 40px solid rgba(255, 255, 255, 0.7);
  border-bottom: 25px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  background-clip: padding-box;
}
.playbutton span:before {
  content: "";
  position: absolute;
  top: -50px;
  left: -75px;
  bottom: -50px;
  right: -25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 7px solid rgba(255, 255, 255, 0.7);
}

.gridelement {
  overflow: hidden;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  .gridelement .row .col-md-2 {
    width: calc(50% - 25px);
    float: left;
  }
  .gridelement .row .col-md-2:nth-of-type(odd) {
    padding-right: 25px;
  }
  .gridelement .row .col-md-2:nth-of-type(even) {
    padding-left: 25px;
  }
}
.gridelement.grid-7030 .row .col-md-2 .chatelement {
  width: 100%;
  margin: 0;
}
.gridelement.grid-7030 .row .col-md-2 .chatelement #eventchat {
  height: 70vh;
}
@media screen and (min-width: 1024px) {
  .gridelement.grid-7030 .row .col-md-2 {
    width: calc(70% - 25px);
    float: left;
  }
  .gridelement.grid-7030 .row .col-md-2:nth-of-type(odd) {
    padding-right: 25px;
  }
  .gridelement.grid-7030 .row .col-md-2:nth-of-type(even) {
    padding-left: 25px;
    width: calc(30% - 25px);
  }
}

.content-element p a:not(.no-member), .content-grid p a:not(.no-member), .content-element ul a:not(.no-member), .content-grid ul a:not(.no-member), p.back-link a:not(.no-member) {
  position: relative;
}
.content-element p a:not(.no-member):after, .content-grid p a:not(.no-member):after, .content-element ul a:not(.no-member):after, .content-grid ul a:not(.no-member):after, p.back-link a:not(.no-member):after {
  opacity: 0;
  border-bottom: 1px solid rgb(28, 99, 184);
  bottom: -1px;
  width: 100%;
  left: 0;
  right: 0;
  content: " ";
  position: absolute;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.content-element p a:hover:after, .content-element p a:focus:after, .content-grid p a:hover:after, .content-grid p a:focus:after, .content-element ul a:hover:after, .content-element ul a:focus:after, .content-grid ul a:hover:after, .content-grid ul a:focus:after, p.back-link a:hover:after, p.back-link a:focus:after {
  opacity: 1;
}

.content-contact a:after {
  border-color: rgb(255, 255, 255) !important;
}

.back-link .link-right {
  float: right;
}
.back-link .link-right:before {
  content: none !important;
}
.back-link .link-right:after {
  content: "\e805" !important;
  color: #e99125;
  font-size: 0.875rem;
  font-family: "tekom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em !important;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  border-bottom: none !important;
  padding-left: 5px;
}

.clickable:hover, .clickable:focus {
  cursor: pointer;
}

.hidden {
  display: none !important;
}

.input-error {
  color: rgb(249, 2, 1) !important;
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
}

.show {
  opacity: 1 !important;
  transition: opacity 2s !important;
}

.hide {
  opacity: 0 !important;
  transition: opacity 2s !important;
}

img.tx-srfreecap-image {
  width: auto;
}

/* muli-regular - latin */
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/muli-v11-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Muli Regular"), local("Muli-Regular"), url("../Fonts/muli-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/muli-v11-latin-regular.woff2") format("woff2"), url("../Fonts/muli-v11-latin-regular.woff") format("woff"), url("../Fonts/muli-v11-latin-regular.ttf") format("truetype"), url("../Fonts/muli-v11-latin-regular.svg#Muli") format("svg"); /* Legacy iOS */
}
/* muli-italic - latin */
@font-face {
  font-family: "Muli italic";
  font-style: italic;
  font-weight: 400;
  src: url("../Fonts/muli-v11-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Muli Italic"), local("Muli-Italic"), url("../Fonts/muli-v11-latin-italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/muli-v11-latin-italic.woff2") format("woff2"), url("../Fonts/muli-v11-latin-italic.woff") format("woff"), url("../Fonts/muli-v11-latin-italic.ttf") format("truetype"), url("../Fonts/muli-v11-latin-italic.svg#Muli") format("svg"); /* Legacy iOS */
}
/* muli-700 - latin */
@font-face {
  font-family: "Muli bold";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/muli-v11-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Muli Bold"), local("Muli-Bold"), url("../Fonts/muli-v11-latin-700.eot?#iefix") format("embedded-opentype"), url("../Fonts/muli-v11-latin-700.woff2") format("woff2"), url("../Fonts/muli-v11-latin-700.woff") format("woff"), url("../Fonts/muli-v11-latin-700.ttf") format("truetype"), url("../Fonts/muli-v11-latin-700.svg#Muli") format("svg"); /* Legacy iOS */
}
/* muli-700italic - latin */
@font-face {
  font-family: "Muli bold italic";
  font-style: italic;
  font-weight: 700;
  src: url("../Fonts/muli-v11-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Muli Bold Italic"), local("Muli-BoldItalic"), url("../Fonts/muli-v11-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/muli-v11-latin-700italic.woff2") format("woff2"), url("../Fonts/muli-v11-latin-700italic.woff") format("woff"), url("../Fonts/muli-v11-latin-700italic.ttf") format("truetype"), url("../Fonts/muli-v11-latin-700italic.svg#Muli") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "tekom";
  src: url("../Fonts/tekom.eot?44903556");
  src: url("../Fonts/tekom.eot?44903556#iefix") format("embedded-opentype"), url("../Fonts/tekom.woff2?44903556") format("woff2"), url("../Fonts/tekom.woff?44903556") format("woff"), url("../Fonts/tekom.ttf?44903556") format("truetype"), url("../Fonts/tekom.svg?44903556#tekom") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "tekom-tagungstool";
  src: url("../Fonts/tekom-tagungstool.eot?73721427");
  src: url("../Fonts/tekom-tagungstool.eot?73721427#iefix") format("embedded-opentype"), url("../Fonts/tekom-tagungstool.woff2?73721427") format("woff2"), url("../Fonts/tekom-tagungstool.woff?73721427") format("woff"), url("../Fonts/tekom-tagungstool.ttf?73721427") format("truetype"), url("../Fonts/tekom-tagungstool.svg?73721427#tekom-tagungstool") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "meetup";
  src: url("../Fonts/meetup.eot?80545267");
  src: url("../Fonts/meetup.eot?80545267#iefix") format("embedded-opentype"), url("../Fonts/meetup.woff2?80545267") format("woff2"), url("../Fonts/meetup.woff?80545267") format("woff"), url("../Fonts/meetup.ttf?80545267") format("truetype"), url("../Fonts/meetup.svg?80545267#meetup") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before, .breadcrumb a:after, footer ul li:before, a.link-icon:after, .inner div p a:after, .start-boxes p a:after, .tekom-grid-c3 dl a:after, .content-accordeon > label:after, .content-teaser a:after, .image-gallery li:after, .rg-boxes > div > p:last-of-type a:after, .no-member:after, .expert-answer:before, .form-show-filter a:after, .form-show-filter.filter-active a:after, .pub-list p a:after, .news-full-list p a:after, .info-accordeon > label:after, .got-child span:after, .icon-downloaddocx:before, .icon-downloaddoc:before, .icon-downloadpptx:before, .icon-downloadppt:before, .icon-downloadxlsx:before, .icon-downloadxls:before, .icon-downloadpng:before, .icon-downloadjpg:before {
  font-family: "tekom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fax:before {
  content: "\e800";
} /* '' */
.icon-linkedin:before {
  content: "\e801";
} /* '' */
.icon-lupe:before, .image-gallery li a.img-zoom img:after {
  content: "\e802";
} /* '' */
.icon-pfeil_links:before {
  content: "\e803";
} /* '' */
.icon-pfeil_oben:before, .form-show-filter.filter-active a:after {
  content: "\e804";
} /* '' */
.icon-pfeil_rechts:before, .content-teaser a:after, .breadcrumb a:after, footer ul li:before, a.link-icon:after, .inner div p a:after, .start-boxes p a:after, .tekom-grid-c3 dl a:after, .rg-boxes > div > p:last-of-type a:after, .pub-list p a:after, .news-full-list p a:after, .got-child span:after {
  content: "\e805";
} /* '' */
.icon-pfeil_unten:before, .content-accordeon > label:after, .form-show-filter a:after, .info-accordeon > label:after {
  content: "\e806";
} /* '' */
.icon-schloss:before, .no-member:after {
  content: "\e807";
} /* '' */
.icon-techn_kommunikation:before {
  content: "\e808";
} /* '' */
.icon-techn_redakteure:before {
  content: "\e809";
} /* '' */
.icon-tekom:before {
  content: "\e80a";
} /* '' */
.icon-telefon:before {
  content: "\e80b";
} /* '' */
.icon-twitter:before {
  content: "\e80c";
} /* '' */
.icon-warenkorb:before {
  content: "\e80d";
} /* '' */
.icon-xing:before {
  content: "\e80e";
} /* '' */
.icon-youtube:before {
  content: "\e80f";
} /* '' */
.icon-eye:before {
  content: "\e810";
} /* '' */
.icon-downloadpdf:before {
  content: "\e811";
} /* '' */
.icon-email:before {
  content: "\e812";
} /* '' */
.icon-check:before, .expert-answer:before {
  content: "\e813";
} /* '' */
.icon-edit:before {
  content: "\e814";
} /* '' */
.icon-trash-empty:before {
  content: "\e815";
} /* '' */
.icon-eye-off:before {
  content: "\e816";
} /* '' */
.icon-mail:before {
  content: "\e817";
} /* '' */
.icon-download:before {
  content: "\e818";
} /* '' */
.icon-list-alt:before {
  content: "\e819";
} /* '' */
.icon-cancel:before {
  content: "\e81a";
} /* '' */
.icon-ok:before {
  content: "\e81b";
} /* '' */
.icon-ok-circled:before {
  content: "\e81c";
} /* '' */
.icon-image-right:before {
  content: "\e81d";
} /* '' */
.icon-image-center:before {
  content: "\e81e";
} /* '' */
.icon-image-left:before {
  content: "\e81f";
} /* '' */
.icon-user:before {
  content: "\e820";
} /* '' */
.icon-calendar:before {
  content: "\e821";
} /* '' */
.icon-link:before {
  content: "\e822";
} /* '' */
.icon-attention:before {
  content: "\e823";
} /* '' */
.icon-help-circled:before {
  content: "\e824";
} /* '' */
.icon-info-circled:before {
  content: "\e825";
} /* '' */
.icon-doc:before {
  content: "\e826";
} /* '' */
.icon-cog:before {
  content: "\e827";
} /* '' */
.icon-wrench:before {
  content: "\e828";
} /* '' */
.icon-tag:before {
  content: "\e829";
} /* '' */
.icon-facebook:before {
  content: "\e83d";
} /* '' */
.icon-instagram:before {
  content: "\e83e";
} /* '' */
.icon-iconmonstr-antenna-4:before {
  content: "\e840";
} /* '' */
.icon-iconmonstr-arrow-4:before {
  content: "\e841";
} /* '' */
.icon-iconmonstr-calendar-4:before {
  content: "\e842";
} /* '' */
.icon-iconmonstr-check-mark-5:before {
  content: "\e843";
} /* '' */
.icon-iconmonstr-christmas-42:before {
  content: "\e844";
} /* '' */
.icon-iconmonstr-coffee-8:before {
  content: "\e845";
} /* '' */
.icon-iconmonstr-delivery-8:before {
  content: "\e846";
} /* '' */
.icon-iconmonstr-email-2:before {
  content: "\e847";
} /* '' */
.icon-iconmonstr-eye-6:before {
  content: "\e848";
} /* '' */
.icon-iconmonstr-facebook-3:before {
  content: "\e849";
} /* '' */
.icon-iconmonstr-globe-5:before {
  content: "\e84a";
} /* '' */
.icon-iconmonstr-handshake-7:before {
  content: "\e84b";
} /* '' */
.icon-iconmonstr-help-3:before {
  content: "\e84c";
} /* '' */
.icon-iconmonstr-idea-8:before {
  content: "\e84d";
} /* '' */
.icon-iconmonstr-idea-10:before {
  content: "\e84e";
} /* '' */
.icon-iconmonstr-idea-14:before {
  content: "\e84f";
} /* '' */
.icon-iconmonstr-info-2:before {
  content: "\e850";
} /* '' */
.icon-iconmonstr-instagram-13:before {
  content: "\e851";
} /* '' */
.icon-iconmonstr-linkedin-3:before {
  content: "\e852";
} /* '' */
.icon-iconmonstr-microphone-10:before {
  content: "\e853";
} /* '' */
.icon-iconmonstr-pen-12:before {
  content: "\e854";
} /* '' */
.icon-iconmonstr-phone-9:before {
  content: "\e855";
} /* '' */
.icon-iconmonstr-qr-code-10:before {
  content: "\e856";
} /* '' */
.icon-iconmonstr-rocket-8:before {
  content: "\e857";
} /* '' */
.icon-iconmonstr-school-7:before {
  content: "\e858";
} /* '' */
.icon-iconmonstr-school-9:before {
  content: "\e859";
} /* '' */
.icon-iconmonstr-shopping-cart-5:before {
  content: "\e85a";
} /* '' */
.icon-iconmonstr-smartphone-7:before {
  content: "\e85b";
} /* '' */
.icon-iconmonstr-smartphone-10:before {
  content: "\e85c";
} /* '' */
.icon-iconmonstr-smartphone-15:before {
  content: "\e85d";
} /* '' */
.icon-iconmonstr-smartphone-16:before {
  content: "\e85e";
} /* '' */
.icon-iconmonstr-speech-bubble-26:before {
  content: "\e85f";
} /* '' */
.icon-iconmonstr-thumb-10:before {
  content: "\e860";
} /* '' */
.icon-iconmonstr-time-3:before {
  content: "\e861";
} /* '' */
.icon-iconmonstr-time-21:before {
  content: "\e862";
} /* '' */
.icon-iconmonstr-twitter-3:before {
  content: "\e863";
} /* '' */
.icon-iconmonstr-user-24:before {
  content: "\e864";
} /* '' */
.icon-iconmonstr-user-30:before {
  content: "\e865";
} /* '' */
.icon-iconmonstr-xing-3:before {
  content: "\e866";
} /* '' */
.icon-iconmonstr-youtube-10:before {
  content: "\e867";
} /* '' */
.icon-translation:before {
  content: "\e868";
} /* '' */
.icon-xitter:before {
  content: "\e869";
} /* '' */
.icon-link-ext:before {
  content: "\f08e";
} /* '' */
.icon-rss:before {
  content: "\f09e";
} /* '' */
.icon-docs:before {
  content: "\f0c5";
} /* '' */
.icon-menu:before {
  content: "\f0c9";
} /* '' */
.icon-mail-alt:before {
  content: "\f0e0";
} /* '' */
.icon-doc-text:before {
  content: "\f0f6";
} /* '' */
.icon-help:before {
  content: "\f128";
} /* '' */
.icon-info:before {
  content: "\f129";
} /* '' */
.icon-attention-alt:before {
  content: "\f12a";
} /* '' */
.icon-calendar-empty:before {
  content: "\f133";
} /* '' */
.icon-file-word:before, .icon-downloaddocx:before, .icon-downloaddoc:before {
  content: "\f1c2";
} /* '' */
.icon-file-excel:before, .icon-downloadxlsx:before, .icon-downloadxls:before {
  content: "\f1c3";
} /* '' */
.icon-file-powerpoint:before, .icon-downloadpptx:before, .icon-downloadppt:before {
  content: "\f1c4";
} /* '' */
.icon-file-image:before, .icon-downloadpng:before, .icon-downloadjpg:before {
  content: "\f1c5";
} /* '' */
.icon-file-archive:before {
  content: "\f1c6";
} /* '' */
.icon-file-audio:before {
  content: "\f1c7";
} /* '' */
.icon-file-video:before {
  content: "\f1c8";
} /* '' */
.icon-share:before {
  content: "\f1e0";
} /* '' */
.icon-toggle-off:before {
  content: "\f204";
} /* '' */
.icon-toggle-on:before {
  content: "\f205";
} /* '' */
/*Tagungstool font*/
[class^=icon-t-]:before, [class*=icon-t-]:before {
  font-family: "tekom-tagungstool";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-t-check-round:before {
  content: "\e800";
} /* '' */
.icon-t-check:before {
  content: "\e801";
} /* '' */
.icon-t-check2:before {
  content: "\e802";
} /* '' */
.icon-t-delete:before {
  content: "\e803";
} /* '' */
.icon-t-downloadpdf:before {
  content: "\e804";
} /* '' */
.icon-t-edit:before {
  content: "\e805";
} /* '' */
.icon-t-email:before {
  content: "\e806";
} /* '' */
.icon-t-emoticon-bad-active:before {
  content: "\e807";
} /* '' */
.icon-t-emoticon-bad:before {
  content: "\e808";
} /* '' */
.icon-t-emoticon-good-active:before {
  content: "\e809";
} /* '' */
.icon-t-emoticon-good:before {
  content: "\e80a";
} /* '' */
.icon-t-emoticon-neutral-active:before {
  content: "\e80b";
} /* '' */
.icon-t-emoticon-neutral:before {
  content: "\e80c";
} /* '' */
.icon-t-emoticon-verybad-active:before {
  content: "\e80d";
} /* '' */
.icon-t-emoticon-verybad:before {
  content: "\e80e";
} /* '' */
.icon-t-emoticon-verygood-active:before {
  content: "\e80f";
} /* '' */
.icon-t-emoticon-verygood:before {
  content: "\e810";
} /* '' */
.icon-t-fax:before {
  content: "\e811";
} /* '' */
.icon-t-file:before {
  content: "\e812";
} /* '' */
.icon-t-image:before {
  content: "\e813";
} /* '' */
.icon-t-linkedin:before {
  content: "\e814";
} /* '' */
.icon-t-location:before {
  content: "\e815";
} /* '' */
.icon-t-lupe:before {
  content: "\e816";
} /* '' */
.icon-t-pfeil_links:before {
  content: "\e817";
} /* '' */
.icon-t-pfeil_oben:before {
  content: "\e818";
} /* '' */
.icon-t-pfeil_rechts:before {
  content: "\e819";
} /* '' */
.icon-t-pfeil_unten:before {
  content: "\e81a";
} /* '' */
.icon-t-plus:before {
  content: "\e81b";
} /* '' */
.icon-t-qrcode:before {
  content: "\e81c";
} /* '' */
.icon-t-schloss:before {
  content: "\e81d";
} /* '' */
.icon-t-stern:before {
  content: "\e81e";
} /* '' */
.icon-t-techn_kommunikation:before {
  content: "\e81f";
} /* '' */
.icon-t-techn_redakteure:before {
  content: "\e820";
} /* '' */
.icon-t-tekom:before {
  content: "\e821";
} /* '' */
.icon-t-twitter:before {
  content: "\e824";
} /* '' */
.icon-t-warenkorb:before {
  content: "\e826";
} /* '' */
.icon-t-x:before {
  content: "\e827";
} /* '' */
.icon-t-xing:before {
  content: "\e828";
} /* '' */
.icon-t-youtube:before {
  content: "\e829";
} /* '' */
.icon-t-uhrzeit:before {
  content: "\e82a";
} /* '' */
.icon-t-telefon:before {
  content: "\e82b";
} /* '' */
.icon-t-termin:before {
  content: "\e82c";
} /* '' */
.icon-t-webinar-add:before {
  content: "\e822";
} /* '' */
.icon-t-webinar-cancel:before {
  content: "\e823";
} /* '' */
.icon-t-webinar-enter:before {
  content: "\e82f";
} /* '' */
.icon-t-webinar-ok:before {
  content: "\e82d";
} /* '' */
.icon-t-details:before {
  content: "\e82e";
} /* '' */
.icon-t-webinar-play:before {
  content: "\e830";
} /* '' */
[class^=icon-m-]:before, [class*=icon-m-]:before {
  font-family: "meetup";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-m-moderator:before {
  content: "\e800";
} /* '' */
.icon-m-teilnehmer:before {
  content: "\e801";
} /* '' */
@font-face {
  font-family: "tekom-live";
  src: url("../Fonts/tekom-live.eot?13083545");
  src: url("../Fonts/tekom-live.eot?13083545#iefix") format("embedded-opentype"), url("../Fonts/tekom-live.woff2?13083545") format("woff2"), url("../Fonts/tekom-live.woff?13083545") format("woff"), url("../Fonts/tekom-live.ttf?13083545") format("truetype"), url("../Fonts/tekom-live.svg?13083545#tekom-live") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tekom-live';
    src: url('../font/tekom-live.svg?13083545#tekom-live') format('svg');
  }
}
*/
/*[class^="icon-tl-"]:before, [class*=" icon-tl-"]:before {
  font-family: "tekom-live";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  !* opacity: .8; *!

  !* For safety - reset parent styles, that can break glyph codes*!
  font-variant: normal;
  text-transform: none;

  !* fix buttons height, for twitter bootstrap *!
  line-height: 1em;

  !* Animation center compensation - margins should be symmetric *!
  !* remove if not needed *!
  margin-left: .2em;

  !* you can be more comfortable with increased icons size *!
  !* font-size: 120%; *!

  !* Font smoothing. That was taken from TWBS *!
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  !* Uncomment for 3D effect *!
  !* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); *!
}

.icon-tl-user:before { content: '\e800'; } !* '' *!
//.icon-tl-cancel:before { content: '\e80d'; } !* '' *!
.icon-tl-microphone-solid:before { content: '\e801'; } !* '' *!
.icon-tl-twitter:before { content: '\e802'; } !* '' *!
.icon-tl-camera:before { content: '\e803'; } !* '' *!
.icon-tl-tickets:before { content: '\e804'; } !* '' *!

.icon-tl-plus:before { content: '\e805'; } !* '' *!
.icon-tl-plus-1:before { content: '\e806'; } !* '' *!
.icon-tl-termin:before { content: '\e807'; } !* '' *!
.icon-tl-bubbles:before { content: '\e808'; } !* '' *!
.icon-tl-download-icon:before { content: '\e809'; } !* '' *!
.icon-tl-search:before { content: '\e80e'; } !* '' *!
.icon-tl-table:before { content: '\e80f'; } !* '' *!

.icon-tl-twitter-1:before { content: '\f099'; } !* '' *!
.icon-tl-facebook-1:before { content: '\f09a'; } !* '' *!
.icon-tl-xing:before { content: '\f168'; } !* '' *!
.icon-tl-youtube-play:before { content: '\f16a'; } !* '' *!
.icon-tl-instagram:before { content: '\f16d'; } !* '' *!
.icon-tl-linkedin:before { content: '\f0e1'; } !* '' *!


.icon-tl-cancel:before { content: '\e80a'; } !* '' *!
.icon-tl-ok:before { content: '\e80b'; } !* '' *!

.icon-tl-pencil:before { content: '\e80c'; } !* '' *!
.icon-tl-camera-1:before { content: '\e80d'; } !* '' *!

.icon-tl-home:before { content: '\e803'; } !* '' *!
.icon-tl-globe:before { content: '\e802'; } !* '' *!

.icon-tl-arrows-cw:before { content: '\e800'; } !* '' *!
.icon-tl-arrows-ccw:before { content: '\e801'; } !* '' *!*/
[class^=icon-tl-]:before, [class*=" icon-tl-"]:before {
  font-family: "tekom-live";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-tl-gruppe-15:before {
  content: "\e800";
} /* '' */
.icon-tl-user:before {
  content: "\e800";
} /* '' */
.icon-tl-arrows-ccw:before {
  content: "\e801";
} /* '' */
.icon-tl-microphone-solid:before {
  content: "\e802";
} /* '' */
.icon-tl-globe:before {
  content: "\e803";
} /* '' */
.icon-tl-home:before {
  content: "\e804";
} /* '' */
.icon-tl-twitter:before {
  content: "\e805";
} /* '' */
.icon-tl-camera:before {
  content: "\e806";
} /* '' */
.icon-tl-tickets:before {
  content: "\e807";
} /* '' */
.icon-tl-plus:before {
  content: "\e808";
} /* '' */
.icon-tl-plus-1:before {
  content: "\e809";
} /* '' */
.icon-tl-termin:before {
  content: "\e80a";
} /* '' */
.icon-tl-bubbles:before {
  content: "\e80b";
} /* '' */
.icon-tl-download-icon:before {
  content: "\e80c";
} /* '' */
.icon-tl-cancel:before {
  content: "\e80d";
} /* '' */
.icon-tl-ok:before {
  content: "\e80e";
} /* '' */
.icon-tl-pencil:before {
  content: "\e80f";
} /* '' */
.icon-tl-camera-1:before {
  content: "\e810";
} /* '' */
.icon-tl-search:before {
  content: "\e811";
} /* '' */
.icon-tl-icon-tisch:before {
  content: "\e812";
} /* '' */
.icon-tl-twitter-1:before {
  content: "\f099";
} /* '' */
.icon-tl-facebook-1:before {
  content: "\f09a";
} /* '' */
.icon-tl-linkedin:before {
  content: "\f0e1";
} /* '' */
.icon-tl-xing:before {
  content: "\f168";
} /* '' */
.icon-tl-youtube-play:before {
  content: "\f16a";
} /* '' */
.icon-tl-instagram:before {
  content: "\f16d";
} /* '' */
@font-face {
  font-family: "tekom-bookmarks";
  src: url("../Fonts/tekom-bookmarks.eot?28548053");
  src: url("../Fonts/tekom-bookmarks.eot?28548053#iefix") format("embedded-opentype"), url("../Fonts/tekom-bookmarks.woff2?28548053") format("woff2"), url("../Fonts/tekom-bookmarks.woff?28548053") format("woff"), url("../Fonts/tekom-bookmarks.ttf?28548053") format("truetype"), url("../Fonts/tekom-bookmarks.svg?28548053#tekom-bookmarks") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-b-]:before, [class*=" icon-b-"]:before {
  font-family: "tekom-bookmarks";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-b-bookmark:before {
  content: "\e800";
} /* '' */
.icon-b-bookmark-empty:before {
  content: "\e801";
} /* '' */
.cc-window.cc-banner {
  z-index: 9999;
}
@media screen and (min-width: 1200px) {
  .cc-window.cc-banner {
    width: 890px;
    left: calc(50% - 650px);
  }
}
.cc-window.cc-banner .cc-message {
  font-size: 90%;
}
.cc-window.cc-banner .cc-message a {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
.cc-window.cc-banner .cc-dismiss {
  font-size: 12px !important;
}

section.feedback {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
section.feedback > .container > .content-element {
  position: absolute;
  width: 400px;
  max-width: 100%;
  top: -50px;
  right: 0;
  transition: top 0.8s;
}
@media screen and (min-width: 1200px) {
  section.feedback > .container > .content-element {
    right: -50px;
  }
}
section.feedback > .container > .content-element.open {
  transition: top 0.8s;
  top: -725px;
  max-height: 100vh;
  overflow: auto;
}
section.feedback > .container > .content-element.open #feedback-head .close {
  position: absolute;
  top: 5px;
  right: 5px;
}
section.feedback > .container > .content-element.open #feedback-head .close a:after {
  content: "\e81a";
  font-family: tekom;
  color: rgb(255, 255, 255);
  font-size: 120%;
}
section.feedback #feedback-head {
  height: 50px;
  background: rgb(28, 99, 184);
  text-align: center;
  position: relative;
  cursor: pointer;
}
section.feedback #feedback-head h4 {
  color: rgb(255, 255, 255);
  font-size: 150%;
  padding: 13px;
}
section.feedback #feedback-head h4:before {
  content: "\e817";
  font-family: "tekom";
  margin-right: 5px;
}
section.feedback #feedback-body {
  background: rgb(244, 244, 244);
}
section.feedback #feedback-body p {
  padding: 10px 30px 10px 25px;
}
section.feedback #feedback-body form {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 25px;
}
section.feedback #feedback-body form div > div {
  width: 100%;
}
section.feedback #feedback-body form p {
  padding: 0;
}
section.feedback #feedback-body form textarea {
  height: 5em;
}
section.feedback #feedback-body form button {
  cursor: pointer;
}

form {
  width: 100%;
  margin: 1.5em 0;
  box-sizing: border-box;
  overflow: hidden;
}
form .formsubmiterrormessage, form .submittederrormessages {
  display: none;
  border: 1px solid #f00;
  background-color: rgba(255, 0, 0, 0.3);
  padding: 15px;
}
form .submittederrormessages {
  display: block;
  list-style-type: none;
}
form .submittederrormessages li:before {
  background: transparent !important;
  display: none !important;
}
form.submitted :invalid, form.submitted .error {
  border: 1px solid #f00 !important;
}
form.submitted :invalid + label, form.submitted .error + label {
  color: #f00 !important;
}
form.submitted :invalid.flatpickr-input + input[readonly], form.submitted .error.flatpickr-input + input[readonly] {
  border: 1px solid #f00;
}
form.submitted:invalid .formsubmiterrormessage, form.submitted.error .formsubmiterrormessage {
  display: block;
}
form.submitted input[type=datetime-local].flatpickr-input:invalid + input.date-range {
  border: 1px solid #f00;
}
form .f3-form-error {
  color: #f00;
  border-color: #f00;
}
form input[type=datetime-local].flatpickr-input {
  position: absolute;
  z-index: -1;
}
form input[type=datetime-local].flatpickr-input.flatpickr-mobile {
  position: relative;
  z-index: 0;
}
form input[type=datetime-local].flatpickr-input:last-of-type {
  position: relative;
  z-index: auto;
}
form dl {
  width: 100%;
  margin: 0;
  padding: 0;
}
form dl dt {
  width: 100%;
  margin-bottom: 0.25em;
  font-size: 1rem;
  clear: both;
  color: rgb(79, 77, 77);
}
@media screen and (min-width: 1024px) {
  form dl dt {
    width: 33.3333333333%;
    float: left;
    margin: 0 0 1em 0;
  }
}
form dl dd {
  width: 100%;
  margin: 0 0 1em 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  form dl dd {
    width: 66.6666666667%;
    float: left;
  }
}
form div {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
form div label {
  width: 100%;
  margin-bottom: 0.25em;
  font-size: 1rem;
  clear: both;
}
@media screen and (min-width: 1024px) {
  form div label {
    width: 33.3333333333%;
    float: left;
    margin: 0 0 1em 0;
  }
}
form div > div {
  width: 100%;
  margin-bottom: 0.5em;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  form div > div {
    width: 66.6666666667%;
    float: left;
    margin: 0 0 1em 0;
  }
}
form .editor-image-preview img {
  width: auto;
  height: auto;
}
form .editor-image-preview i {
  font-size: 30px;
  border: 1px solid #333;
  display: inline-block;
  padding: 3px;
  width: 40px;
  text-align: center;
}
form .editor-image-preview i:before {
  margin: 0;
  padding: 0;
}

fieldset {
  border: none;
  padding: 0;
}
fieldset legend {
  font-size: 1.125rem;
  color: rgb(28, 99, 184);
  margin-bottom: 0.5em;
}
fieldset input {
  float: left;
  margin: 0 0 1em 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  fieldset input {
    width: 66.6666666667%;
  }
}
fieldset input[type=submit] {
  clear: both;
  float: right;
  margin-top: 1em;
}

div.form-group > div.input {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  div.form-group > label + div.input {
    width: 66.6666666667%;
    float: left;
    margin: 0 0 1em 0;
  }
}

.input > .input {
  margin: 0;
}

.inputs-list {
  width: 100%;
  margin: 0;
}
.inputs-list .form-group {
  width: 100%;
  margin: 0;
}
.inputs-list .form-group .radio {
  width: 100%;
  margin: 0;
}
.inputs-list .form-group .radio label {
  width: 90%;
  margin: 0;
}
.inputs-list .form-group .radio label span {
  display: inline;
}
.inputs-list .form-group .radio input[type=radio], .inputs-list .form-group .radio input[type=checkbox] {
  width: auto;
}
.inputs-list .form-check {
  width: 100%;
  margin: 0;
}
.inputs-list .form-check .form-check-label {
  width: 90%;
  margin: 0;
}
.inputs-list .form-check .form-check-label span {
  display: inline;
}

.form-group .form-check {
  width: 100%;
  margin: 0;
}
.form-group .form-check .form-check-label {
  width: 90%;
  margin: 0;
}
.form-group .form-check .form-check-label span {
  display: inline;
}

span.required {
  width: auto;
  display: inline-block;
  color: rgb(28, 99, 184);
}

span.error,
.input-error {
  color: rgb(249, 2, 1);
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
}

.error-captcha input {
  border-color: #f00;
}

.content-element form {
  background: rgb(244, 244, 244);
  box-sizing: border-box;
  padding: 25px 30px 25px 25px;
}

.btn-group {
  width: 100%;
}
.btn-group.line-group {
  display: flex;
}
.btn-group.line-group > * {
  margin-right: 1em;
}
.btn-group.line-group > *:first-child {
  margin-left: auto;
}
.btn-group.line-group > *:last-child {
  margin-right: 0;
}

input[type=submit] {
  border: none;
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  text-align: center;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
  line-height: 1.5em;
  font-weight: 700;
  font-size: 1rem;
  width: auto;
  padding: 0.25em 3em;
}
input[type=submit]:hover, input[type=submit]:focus {
  cursor: pointer;
  background: rgba(28, 99, 184, 0.7);
}

@media screen and (min-width: 768px) {
  .content-form form {
    width: 50%;
  }
}
.content-form form select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTk1LjI4MXB4IiBoZWlnaHQ9IjQ2OC4wMThweCIgdmlld0JveD0iMTIzLjMwNCA2NC4wNDMgNTk1LjI4MSA0NjguMDE4Ig0KCSBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDEyMy4zMDQgNjQuMDQzIDU5NS4yODEgNDY4LjAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUM2M0I4IiBkPSJNMTk1Ljc0Niw2NC4wNDNsLTcyLjQ0MSwxMjQuOTM2bDE1Mi4yMzIsMjYxLjQxOWMxMy42NDgsMjQuMTQ3LDMzLjU5Niw0NC4wOTUsNTkuODQzLDU5Ljg0Mw0KCWM3Ny42OTEsNDUuMTQ2LDE3Ny40MywxNy44NDksMjIyLjU3NC01OS44NDNMNzE4LjU4NiwxNzEuMTNINTcyLjY1Mkw0NDYuNjY3LDM4Ny40MDVjLTEwLjQ5OCwxNy44NDgtMzIuNTQ2LDIzLjA5Ny00OS4zNDQsMTMuNjQ4DQoJYy02LjMtMy4xNDktMTAuNDk5LTguMzk5LTEzLjY0OC0xNC42OThMMTk1Ljc0Niw2NC4wNDN6Ii8+DQo8L3N2Zz4NCg==);
  background-size: 0.9375rem;
  background-repeat: no-repeat;
  background-position: center right;
  background-origin: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.5em;
}

input, select, button.btn {
  width: 100%;
  border: 1px solid rgb(153, 153, 147);
  box-sizing: border-box;
  padding: 0.25em 10px;
  font-family: "Muli", Arial, Helvetica, sans-serif;
  color: rgb(79, 77, 77);
  font-size: 0.9375rem;
  -webkit-transition: box-shadow 0.5s ease;
  -moz-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  -webkit-transition: border 0.5s ease;
  -moz-transition: border 0.5s ease;
  transition: border 0.5s ease;
}
input:hover, input:focus, select:hover, select:focus, button.btn:hover, button.btn:focus {
  box-shadow: 0 0 10px 0 rgb(153, 153, 147);
  border-color: rgb(28, 99, 184);
}

input {
  line-height: 1.4em;
}

button#expenses-button-edit {
  float: left;
  clear: none;
  background: rgb(255, 255, 255);
  color: rgb(28, 99, 184);
}

button#expenses-button-edit + .btn {
  clear: none;
}

input[type=checkbox], input[type=radio] {
  width: auto;
  border: none;
  background: none;
}
input[type=checkbox] + label, input[type=radio] + label {
  padding-right: 1em;
}

input:matches([type=button], [type=submit], [type=reset]) {
  -webkit-appearance: button;
  white-space: normal;
}

input[type=color] {
  width: 150px;
  height: 35px;
}

textarea {
  width: 100%;
  border: 1px solid rgb(153, 153, 147);
  box-sizing: border-box;
  padding: 0.25em 10px;
  font-family: "Muli", Arial, Helvetica, sans-serif;
  color: rgb(79, 77, 77);
  font-size: 0.9375rem;
  -webkit-transition: box-shadow 0.5s ease;
  -moz-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  height: 15em;
  -webkit-transition: border 0.5s ease;
  -moz-transition: border 0.5s ease;
  transition: border 0.5s ease;
}
textarea:hover, textarea:focus {
  box-shadow: 0 0 10px 0 rgb(153, 153, 147);
  border-color: rgb(28, 99, 184);
}

label {
  color: rgb(79, 77, 77);
}
label span {
  display: block;
  font-size: 0.75rem;
}

select.select-filter {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTk1LjI4MXB4IiBoZWlnaHQ9IjQ2OC4wMThweCIgdmlld0JveD0iMTIzLjMwNCA2NC4wNDMgNTk1LjI4MSA0NjguMDE4Ig0KCSBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDEyMy4zMDQgNjQuMDQzIDU5NS4yODEgNDY4LjAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUM2M0I4IiBkPSJNMTk1Ljc0Niw2NC4wNDNsLTcyLjQ0MSwxMjQuOTM2bDE1Mi4yMzIsMjYxLjQxOWMxMy42NDgsMjQuMTQ3LDMzLjU5Niw0NC4wOTUsNTkuODQzLDU5Ljg0Mw0KCWM3Ny42OTEsNDUuMTQ2LDE3Ny40MywxNy44NDksMjIyLjU3NC01OS44NDNMNzE4LjU4NiwxNzEuMTNINTcyLjY1Mkw0NDYuNjY3LDM4Ny40MDVjLTEwLjQ5OCwxNy44NDgtMzIuNTQ2LDIzLjA5Ny00OS4zNDQsMTMuNjQ4DQoJYy02LjMtMy4xNDktMTAuNDk5LTguMzk5LTEzLjY0OC0xNC42OThMMTk1Ljc0Niw2NC4wNDN6Ii8+DQo8L3N2Zz4NCg==);
  background-size: 0.9375rem;
  background-repeat: no-repeat;
  background-position: center right;
  background-color: rgb(255, 255, 255);
  background-origin: content-box;
  color: rgb(79, 77, 77);
  border: 1px solid rgb(79, 77, 77);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.conferenceFilter option:disabled {
  display: none;
}

span.help-block {
  display: none;
}

.tx-felogin-pi1 p {
  margin-bottom: 0;
}

.loginerror .tx-felogin-pi1 h3 {
  color: rgb(153, 0, 0);
  font-size: 1.25rem;
}
.loginerror .tx-felogin-pi1 h3:before {
  font-family: "tekom";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  color: rgb(153, 0, 0);
  font-size: 1.875rem;
  content: "\e823";
  margin-right: 0.2em;
  vertical-align: -0.2em;
}
.loginerror .tx-felogin-pi1 > div {
  color: rgb(153, 0, 0);
}

.loginmodal .tx-felogin-pi1 div {
  margin-bottom: 0.5em;
}
.loginmodal .tx-felogin-pi1 label {
  width: 100%;
  float: none;
}
@media screen and (min-width: 768px) {
  .loginmodal .tx-felogin-pi1 label {
    width: 30%;
    float: left;
  }
}
.loginmodal .tx-felogin-pi1 input {
  width: 100%;
  float: none;
}
@media screen and (min-width: 768px) {
  .loginmodal .tx-felogin-pi1 input {
    width: 70%;
    float: left;
  }
}
.loginmodal .tx-felogin-pi1 input[type=submit] {
  width: auto;
  float: right;
}

.content form ul.uploadfield {
  display: flex;
  width: 100%;
  min-height: 140px;
  border: 1px solid #333;
  margin: 0 0 10px 0;
  list-style-type: none;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  padding-top: 20px;
  box-sizing: border-box;
}
.content form ul.uploadfield:before {
  content: attr(data-info);
  position: absolute;
  top: 0;
  left: 10px;
}
.content form ul.uploadfield.drag {
  background-color: #e0ff0a;
}
.content form ul.uploadfield.drag li.dragged {
  border: 1px dotted #000;
}
.content form ul.uploadfield.drag li.dragged.document div {
  border: none;
}
.content form ul.uploadfield.drag li.dragged.document div:after {
  display: none;
}
.content form ul.uploadfield.drag li.dragged img, .content form ul.uploadfield.drag li.dragged span {
  opacity: 0;
}
.content form ul.uploadfield.drag li.dragged.hover-right {
  padding: 0;
  margin: 0;
  border-right: 1px dotted #000;
}
.content form ul.uploadfield.drag li.dragged.hover-right button.delete {
  right: 0;
}
.content form ul.uploadfield.drag li.dragged.hover-right button.info {
  left: 0;
}
.content form ul.uploadfield.drag li.dragged.hover-left {
  padding: 0;
  margin: 0;
  border-left: 1px dotted #000;
}
.content form ul.uploadfield.drag li.dragged.hover-left button.delete {
  right: 0;
}
.content form ul.uploadfield.drag li.dragged.hover-left button.info {
  left: 0;
}
.content form ul.uploadfield.drag li.hover-right {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 4px solid #000;
}
.content form ul.uploadfield.drag li.hover-right button.delete {
  right: 15px;
}
.content form ul.uploadfield.drag li.hover-left {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 4px solid #000;
}
.content form ul.uploadfield.drag li.hover-left button.info {
  left: 15px;
}
.content form ul.uploadfield li {
  position: relative;
  margin: 10px;
  padding: 0;
  display: inline-block;
  flex-grow: 0;
  height: 120px;
}
.content form ul.uploadfield li:before {
  display: none;
}
.content form ul.uploadfield li.document div {
  width: 80px;
  height: 100%;
  border: 1px solid #000;
  text-align: center;
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.content form ul.uploadfield li.document div span {
  display: inline-block;
  width: 100%;
  margin-top: auto;
  word-break: break-all;
  font-size: 90%;
}
.content form ul.uploadfield li.document div:after {
  content: attr(data-label);
  font-size: 20px;
  display: inline;
  position: absolute;
  width: 80px;
  height: 120px;
  line-height: 80px;
  z-index: 0;
}
.content form ul.uploadfield li img {
  max-height: 100%;
  width: auto;
}
.content form ul.uploadfield li button {
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  z-index: 5;
}
.content form ul.uploadfield li button.delete {
  right: 0;
}
.content form ul.uploadfield li button.info {
  left: 0;
}

form.mktoForm {
  width: auto !important;
}
form.mktoForm .mktoFormRow {
  overflow: hidden;
  margin-bottom: 1em !important;
}
form.mktoForm .mktoFormRow div, form.mktoForm .mktoFormRow div > div {
  margin: 0 !important;
}
form.mktoForm .mktoFormRow > div.mktoFormCol.mktoFieldDescriptor {
  width: auto !important;
}
form.mktoForm .mktoFormRow > div.mktoFormCol {
  width: calc(100% - 50px) !important;
}
form.mktoForm .mktoFormRow > div.mktoFormCol > div {
  width: auto !important;
}
form.mktoForm .mktoFieldWrap {
  width: auto !important;
}
form.mktoForm .mktoRadioList input[type=radio] {
  padding: 0.35em 10px !important;
}
form.mktoForm input[type=radio] + label {
  width: 95% !important;
  white-space: initial !important;
  float: none !important;
  margin: 0 !important;
  vertical-align: -0.4em !important;
}
form.mktoForm #Lbltkfurtherinformationevents {
  width: 15px !important;
}
form.mktoForm span {
  font-family: "Muli", Arial, Helvetica, sans-serif !important;
}
form.mktoForm span.labelDescription span, form.mktoForm span.labelDescription {
  font-size: 0.9375rem !important;
}
form.mktoForm div.mktoRadioList label, form.mktoForm .mktoHtmlText {
  font-family: "Muli", Arial, Helvetica, sans-serif !important;
  font-size: 0.9375rem !important;
  color: rgb(79, 77, 77) !important;
}
form.mktoForm button.mktoButton {
  background: rgb(28, 99, 184) !important;
  color: rgb(255, 255, 255) !important;
  padding: 0.35em 25px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  letter-spacing: 0.02em !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: none !important;
  cursor: pointer;
  font-size: 1rem !important;
  font-family: "Muli", Arial, Helvetica, sans-serif !important;
}
form.mktoForm button.mktoButton:after {
  display: none;
}
form.mktoForm button.mktoButton:hover, form.mktoForm button.mktoButton:focus {
  box-shadow: inset 0 0 0 25px rgb(112, 173, 222);
  color: rgb(255, 255, 255) !important;
}

.contest-form,
.certificate-form {
  text-align: center;
}
.contest-form .error,
.certificate-form .error {
  color: rgb(153, 0, 0);
}
.contest-form .submit-wrapper,
.certificate-form .submit-wrapper {
  margin-top: 10px;
}
.contest-form .submit-wrapper input[type=submit],
.certificate-form .submit-wrapper input[type=submit] {
  margin: 0 auto;
  float: none;
}

#eventlog-filter-results .csv-download {
  margin-top: 3em;
}
#eventlog-filter-results .csv-download a {
  color: rgb(255, 255, 255);
  font-weight: 700;
  padding: 7px 3em;
}

input:not([type=checkbox]):not([type=radio]),
select {
  border-radius: 0;
  -webkit-appearance: none;
}

.icon-pfeil_rechts.selct-sytle-with-arrow {
  position: relative;
}
.icon-pfeil_rechts.selct-sytle-with-arrow:before {
  position: absolute;
  right: 5px;
  top: 10px;
  transform: rotate(90deg);
  font-size: 12px;
}
.icon-pfeil_rechts.selct-sytle-with-arrow.with--label:before {
  top: 37px;
}
.icon-pfeil_rechts.selct-sytle-with-arrow.ticket-config.with--label:before {
  top: 10px;
  right: auto;
  left: 220px;
}

.select--arrow {
  background-color: rgb(255, 255, 255);
}
.select--arrow select {
  background-color: transparent;
  position: relative;
  z-index: 2;
}
.select--arrow:after {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  content: none;
  right: 7px;
  font-family: "tekom";
  transform: rotate(90deg);
  color: #1c63b8;
  top: 3px;
  font-size: 12px;
}

.tx-srfreecap-captcha label[for=callingcard-captcharesponse] {
  width: 100%;
}
.tx-srfreecap-captcha #callingcard-captcharesponse {
  margin-bottom: 10px;
}
.tx-srfreecap-captcha #callingcard-captcharesponse + img {
  margin-left: 0;
  margin-bottom: 10px;
}

.form-group.captcha-image .tx-srfreecap-image {
  vertical-align: top;
  margin-left: 0;
}
.form-group label[for=sjbr-freecap-captcha-response] {
  width: 100%;
}

.sso {
  border: 2px solid rgb(28, 99, 184);
  background-color: rgba(112, 173, 222, 0.1);
  box-sizing: border-box;
  margin: 1.5em 0;
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start;
}
.sso figure {
  margin: 0;
}
.sso figure img {
  width: 100%;
  height: auto;
}
.sso figure, .sso > div {
  order: 0;
  flex: 0 1 100%;
  align-self: auto;
}
@media screen and (min-width: 768px) {
  .sso figure {
    flex: 0 1 25%;
  }
  .sso > div {
    flex: 0 1 75%;
    padding: 0 0 0 40px;
    box-sizing: border-box;
  }
}
.sso form {
  background-color: transparent !important;
  padding: 0 !important;
}
.sso form input.btn {
  float: none !important;
}

.square {
  position: relative;
  /* Halb so hoch wie breit */
  /* doppelt so hoch wie breit */
  /* 16 zu 9 format */
  /* 4 zu 3 format */
  /* 4 zu 3 format */
  /* 4 zu 3 format */
}
.square:before {
  content: "";
  display: block;
  padding-top: 100%; /* initial ratio of 1:1*/
}
.square > *:first-child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.square.boxed > *:first-child {
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
}
.square.landscape:before {
  padding-top: 50%;
}
@media (min-width: 300px) {
  .square.landscape-xs:before {
    padding-top: 50%;
  }
}
@media (min-width: 768px) {
  .square.landscape-sm:before {
    padding-top: 50%;
  }
}
@media (min-width: 992px) {
  .square.landscape-md:before {
    padding-top: 50%;
  }
}
@media (min-width: 1200px) {
  .square.landscape-lg:before {
    padding-top: 50%;
  }
}
.square.tower:before {
  padding-top: 200%;
}
@media (min-width: 300px) {
  .square.tower-xs:before {
    padding-top: 200%;
  }
}
@media (min-width: 768px) {
  .square.tower-sm:before {
    padding-top: 200%;
  }
}
@media (min-width: 992px) {
  .square.tower-md:before {
    padding-top: 200%;
  }
}
@media (min-width: 1200px) {
  .square.tower-lg:before {
    padding-top: 200%;
  }
}
.square.cinema:before {
  padding-top: 56.25%;
}
@media (min-width: 300px) {
  .square.cinema-xs:before {
    padding-top: 56.25%;
  }
}
@media (min-width: 768px) {
  .square.cinema-sm:before {
    padding-top: 56.25%;
  }
}
@media (min-width: 992px) {
  .square.cinema-md:before {
    padding-top: 56.25%;
  }
}
@media (min-width: 1200px) {
  .square.cinema-lg:before {
    padding-top: 56.25%;
  }
}
.square.tv:before {
  padding-top: 75%;
}
@media (min-width: 300px) {
  .square.tv-xs:before {
    padding-top: 75%;
  }
}
@media (min-width: 768px) {
  .square.tv-sm:before {
    padding-top: 75%;
  }
}
@media (min-width: 992px) {
  .square.tv-md:before {
    padding-top: 75%;
  }
}
@media (min-width: 1200px) {
  .square.tv-lg:before {
    padding-top: 75%;
  }
}
.square.rel25:before {
  padding-top: 25%;
}
@media (min-width: 300px) {
  .square.rel25-xs:before {
    padding-top: 25%;
  }
}
@media (min-width: 768px) {
  .square.rel25-sm:before {
    padding-top: 25%;
  }
}
@media (min-width: 992px) {
  .square.rel25-md:before {
    padding-top: 25%;
  }
}
@media (min-width: 1200px) {
  .square.rel25-lg:before {
    padding-top: 25%;
  }
}
.square.rel33:before {
  padding-top: 33%;
}
@media (min-width: 300px) {
  .square.rel33-xs:before {
    padding-top: 33%;
  }
}
@media (min-width: 768px) {
  .square.rel33-sm:before {
    padding-top: 33%;
  }
}
@media (min-width: 992px) {
  .square.rel33-md:before {
    padding-top: 33%;
  }
}
@media (min-width: 1200px) {
  .square.rel33-lg:before {
    padding-top: 33%;
  }
}

/********************** Evolution TC START **********************/
.evolution-tc {
  background-image: none;
  background-color: rgb(255, 255, 255);
  overflow-x: hidden;
  color: rgb(49, 51, 45);
  /*End Slider*/
  /*end .evolution-tc*/
}
.evolution-tc div.intro h2, .evolution-tc div.intro h1 {
  color: rgb(68, 162, 160);
}
.evolution-tc h2 {
  font-size: 36px;
}
.evolution-tc h3 {
  font-size: 26px;
}
.evolution-tc .hiddex-x {
  overflow: hidden;
}
.evolution-tc a {
  color: rgb(68, 162, 160);
}
.evolution-tc h1, .evolution-tc h2, .evolution-tc h3, .evolution-tc h4, .evolution-tc h5, .evolution-tc h6 {
  color: rgb(37, 91, 105);
}
.evolution-tc table.contenttable th {
  background-color: rgb(68, 162, 160);
  border-bottom-color: rgb(68, 162, 160);
}
.evolution-tc .container {
  max-width: 1200px;
  width: 1200px;
}
@media screen and (max-width: 1400px) {
  .evolution-tc .container {
    max-width: 100%;
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
.evolution-tc .container .typo3-messages li, .evolution-tc .container .event-registration li {
  background-color: rgb(145, 204, 159);
}
.evolution-tc .single-event-page-top-bg header,
.evolution-tc .event-page-top-bg header {
  position: relative;
}
.evolution-tc header {
  min-height: 115px;
}
@media screen and (max-width: 1199px) {
  .evolution-tc header {
    min-height: 90px;
    height: 90px;
  }
}
.evolution-tc header nav > ul > li {
  margin-top: 35px;
}
@media screen and (max-width: 1199px) {
  .evolution-tc header nav > ul > li {
    margin-top: 0;
  }
}
.evolution-tc header nav > ul > li:last-child {
  background: none;
  width: auto;
}
.evolution-tc header nav > ul > li:last-child a {
  color: #4F4D4E;
}
.evolution-tc header nav > ul > li:last-child a:hover {
  background: rgb(68, 162, 160);
}
.evolution-tc header nav > ul > li:last-child a span:nth-of-type(1) {
  color: #4F4D4E;
}
.evolution-tc header nav > ul > li:last-child a span:nth-of-type(2) {
  color: rgb(68, 162, 160);
}
.evolution-tc header nav > ul > li:last-child span {
  color: #4F4D4E;
}
@media screen and (max-width: 1023px) {
  .evolution-tc header nav > ul > li:last-child span {
    color: rgb(255, 255, 255);
  }
}
.evolution-tc header nav > ul > li:last-child:hover a {
  color: rgb(255, 255, 255);
}
.evolution-tc header nav > ul > li:last-child:hover a:hover {
  background: rgb(68, 162, 160);
}
.evolution-tc header nav > ul > li:last-child:hover a span:nth-of-type(1) {
  color: rgb(255, 255, 255);
}
.evolution-tc header nav > ul > li:last-child:hover a span:nth-of-type(2) {
  color: rgb(255, 255, 255);
}
.evolution-tc header nav > ul > li:nth-last-child(2) a:after {
  content: "";
}
.evolution-tc header nav > ul > li > a {
  color: #4F4D4E;
  padding: 20px 25px 54px 21px;
  font-size: 1.125rem;
  height: 92px;
}
.evolution-tc header nav > ul > li > a.nav-active {
  background: rgb(68, 162, 160);
}
@media screen and (max-width: 1199px) {
  .evolution-tc header nav > ul > li > a {
    padding-bottom: 25px;
  }
}
.evolution-tc header nav > ul > li > a:after {
  top: 20px;
}
@media screen and (max-width: 1199px) {
  .evolution-tc header nav > ul > li > a:after {
    top: 12px;
  }
}
.evolution-tc header nav > ul > li > a:active, .evolution-tc header nav > ul > li > a:focus {
  background: rgb(68, 162, 160);
}
.evolution-tc header nav > ul > li:hover {
  background: rgb(68, 162, 160);
}
.evolution-tc header nav > ul > li > div.rich_menu {
  background: rgba(68, 162, 160, 0.9);
  height: auto;
  overflow: visible;
}
.evolution-tc header nav > ul > li > div.rich_menu:before, .evolution-tc header nav > ul > li > div.rich_menu:after {
  content: "";
  position: absolute;
  background: rgba(68, 162, 160, 0.9);
  height: 100%;
  width: 1000px;
  top: 0;
}
@media screen and (max-width: 1400px) {
  .evolution-tc header nav > ul > li > div.rich_menu:before, .evolution-tc header nav > ul > li > div.rich_menu:after {
    content: none;
  }
}
.evolution-tc header nav > ul > li > div.rich_menu:before {
  left: -1000px;
}
.evolution-tc header nav > ul > li > div.rich_menu:after {
  right: -1000px;
}
.evolution-tc header nav > ul > li > div.rich_menu > ul {
  width: 100%;
  padding: 0 0 0 0;
  text-align: right;
}
@media screen and (max-width: 1023px) {
  .evolution-tc header nav > ul > li > div.rich_menu > ul {
    padding: 0;
    text-align: left;
  }
}
.evolution-tc header nav > ul > li > div.rich_menu > ul > li {
  display: inline-block;
  margin: 0 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.evolution-tc header nav > ul > li > div.rich_menu > ul > li a {
  font-size: 1.125rem;
  text-transform: uppercase;
  background: transparent;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
  height: auto;
}
.evolution-tc header nav > ul > li > div.rich_menu > ul > li a span {
  background: transparent;
}
.evolution-tc header nav > ul > li > div.rich_menu > ul > li a:hover {
  background: transparent;
  border-bottom: 1px solid;
}
.evolution-tc header nav > ul > li > div.rich_menu > ul > li:hover {
  background: transparent;
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom {
  height: 300px;
  overflow: visible;
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login {
  background-color: rgb(37, 91, 105);
  height: 300px;
  width: 243px;
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a {
  color: rgb(145, 204, 159);
  background: transparent;
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:hover {
  border-color: rgb(145, 204, 159);
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:after {
  border-bottom-color: rgb(145, 204, 159);
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:nth-of-type(2) {
  color: rgb(249, 2, 1);
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:nth-of-type(2):after {
  border-bottom-color: rgb(249, 2, 1);
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit]:hover, .evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit]:active, .evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit]:focus {
  background-color: rgb(145, 204, 159);
  box-shadow: inset 0 0 0 25px rgb(145, 204, 159);
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login ul a:hover {
  color: rgb(145, 204, 159);
  background: transparent;
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-logout a {
  color: rgb(249, 2, 1);
}
.evolution-tc header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-logout a:hover {
  background: transparent;
  color: rgb(225, 236, 232);
}
.evolution-tc header nav ul.mobile-nav-active {
  background: rgba(68, 162, 160, 0.9);
}
.evolution-tc header nav ul.mobile-nav-active > li {
  margin-top: 20px;
}
.evolution-tc header nav ul.mobile-nav-active > li:first-child {
  margin-top: 50px;
}
.evolution-tc header nav ul.mobile-nav-active > li a {
  padding-bottom: 0;
}
.evolution-tc header nav ul.mobile-nav-active > li:last-child {
  margin: 20px 0 0 0;
  padding: 0;
  background: transparent;
}
.evolution-tc header nav ul.mobile-nav-active > li:last-child a span:nth-of-type(2) {
  color: rgb(255, 255, 255);
}
.evolution-tc header img {
  width: 230px;
  top: 15px;
  left: 0;
  max-width: 230px;
}
@media screen and (max-width: 1400px) {
  .evolution-tc header img {
    left: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .evolution-tc header img {
    width: 160px;
  }
}
.evolution-tc header.fixed-header {
  min-height: auto;
}
.evolution-tc header.fixed-header img {
  height: auto;
  width: 200px;
}
.evolution-tc header.fixed-header nav > ul > li > a {
  padding-bottom: 30px;
}
.evolution-tc .tekom-nav {
  padding: 15px 0;
}
.evolution-tc .tekom-nav nav {
  width: 100%;
  text-align: right;
}
.evolution-tc .tekom-nav nav li {
  text-transform: uppercase;
  margin-left: 15px;
}
.evolution-tc .tekom-nav nav li a {
  transition: all 0.3s;
  font-size: 11px;
}
.evolution-tc .tekom-nav nav li a:hover {
  text-decoration: none;
  color: rgb(68, 162, 160);
}
.evolution-tc .tekom-nav nav li:after {
  content: none;
}
.evolution-tc .tekom-nav form {
  display: none;
}
.evolution-tc #topNav {
  background: #4F4D4E;
}
.evolution-tc #topNav li a {
  letter-spacing: 0.01rem;
  font-size: 0.65rem;
}
.evolution-tc #topNav li a:hover, .evolution-tc #topNav li a:active, .evolution-tc #topNav li a:focus {
  color: rgb(68, 162, 160) !important;
  background: transparent;
  box-shadow: none;
}
.evolution-tc .fixed-header ul.multiLevel > li > a, .evolution-tc .slideDown ul.multiLevel > li > a {
  padding-bottom: 1.3rem;
}
.evolution-tc .start-teaser:after {
  border-bottom: 400px solid rgb(255, 255, 255);
  border-left: 9000px solid transparent;
  border-right: 0 none;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: auto;
  width: 0;
  z-index: 100;
}
@media screen and (max-width: 1400px) {
  .evolution-tc .start-teaser:after {
    bottom: -1px;
  }
}
.evolution-tc .start-teaser {
  overflow: hidden;
}
.evolution-tc .start-teaser .container {
  width: 100%;
  max-width: 100%;
}
.evolution-tc .start-teaser .container #slider-bullets {
  text-align: right;
  bottom: 0;
}
@media screen and (max-width: 1400px) {
  .evolution-tc .start-teaser .container #slider-bullets {
    right: 5%;
  }
}
.evolution-tc .start-teaser .container #slider-bullets > div {
  width: 40px;
  height: 7px;
  border-color: rgb(37, 91, 105);
  border-radius: 0;
}
.evolution-tc .start-teaser .container #slider-bullets > div.bullet-active {
  background-color: rgb(37, 91, 105);
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content {
  background-color: rgba(68, 162, 160, 0.65);
  right: 100px;
  top: auto;
  bottom: 50px;
  transform: none;
  max-height: 320px;
  height: auto;
  padding: 20px 20px 10px 20px;
  /*box-shadow: 0 0 15px rgba(0,0,0,0.25);*/
  width: calc(40% - 20px);
}
@media screen and (max-width: 1023px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content {
    right: 10px;
    width: calc(100% - 20px);
  }
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h2, .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h3 {
  color: rgb(255, 255, 255);
  display: block;
  font-size: 30px;
  line-height: 1.25em;
  width: 70%;
  display: inline-block;
  margin: 0 0 0.3em 0;
}
@media screen and (max-width: 1400px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h2, .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h3 {
    font-size: 26px;
    line-height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h2, .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h3 {
    width: 100%;
  }
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h2 a, .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h3 a {
  color: rgb(255, 255, 255);
  display: block;
  font-size: 34px;
  line-height: 50px;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h2 a, .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h3 a {
    font-size: 26px;
    line-height: 36px;
  }
}
@media screen and (max-width: 1023px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h2 a, .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h3 a {
    font-size: 22px;
  }
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h2 a:hover, .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h3 a:hover {
  color: rgb(68, 162, 160);
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h4 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 30px 0;
}
@media screen and (max-width: 1400px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content h4 {
    padding: 20px 0;
    font-size: 18px;
  }
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content p {
  position: absolute;
  right: 20px;
  top: calc(50% - 36px);
}
@media screen and (max-width: 767px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div .slider-content p {
    top: auto;
    bottom: -5px;
  }
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content p a {
  padding: 8px 15px 4px 15px;
  display: inline-block;
  font-size: 16px;
  background-color: rgb(68, 162, 160);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  padding-bottom: 10px;
  transition: all 0.3s;
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content p a:before {
  content: none;
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content p a:hover {
  background-color: rgb(37, 91, 105);
}
.evolution-tc .start-teaser .container .slider-wrapper > div.not-active-slide .slider-content {
  right: 100px;
  top: auto;
  bottom: 50px;
  transform: none;
}
.evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
  right: 100px;
  top: auto;
  bottom: 90px;
  width: calc(40% - 20px);
}
@media screen and (max-width: 1600px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 1400px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    width: calc(45% - 20px);
  }
}
@media screen and (max-width: 1199px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    width: 80%;
    bottom: 13%;
  }
}
@media screen and (max-width: 1023px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    width: 96%;
    bottom: 13%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 2000px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    bottom: 20%;
  }
}
@media screen and (max-width: 767px) {
  .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    bottom: 6%;
  }
}
.evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content h1, .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content h2, .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content h3, .evolution-tc .start-teaser .container .slider-wrapper > div.active-slide .slider-content h4 {
  color: rgb(255, 255, 255);
}
.evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_links, .evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_rechts {
  width: 22px;
  height: 45px;
}
.evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_links:before, .evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_links:after, .evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_rechts:before, .evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_rechts:after {
  content: "";
  width: 3px;
  height: 25px;
  padding: 0;
  left: 10px;
  position: absolute;
  background-color: rgb(37, 91, 105);
}
.evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_links {
  left: 20px;
}
.evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_links:before {
  transform: rotate(45deg);
}
.evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_rechts {
  right: 20px;
}
.evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_rechts:before {
  transform: rotate(-45deg);
}
.evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_links:after {
  transform: rotate(-45deg);
  top: 17px;
}
.evolution-tc .start-teaser .container #slider-navigation .icon-pfeil_rechts:after {
  transform: rotate(45deg);
  top: 17px;
}
.evolution-tc .content-element {
  color: rgb(49, 51, 45);
  line-height: 30px;
  font-weight: bold;
}
.evolution-tc .content-element h1 {
  font-size: 56px;
  color: rgb(37, 91, 105);
}
@media screen and (max-width: 1400px) {
  .evolution-tc .content-element h1 {
    font-size: 2.3rem;
  }
}
.evolution-tc .text-2-cols {
  column-count: 2;
}
@media screen and (max-width: 1023px) {
  .evolution-tc .text-2-cols {
    column-count: 1;
  }
}
.evolution-tc .warning-big h2 {
  color: rgb(249, 2, 1);
  font-size: 46px;
}
@media screen and (max-width: 1400px) {
  .evolution-tc .warning-big h2 {
    font-size: 2rem;
  }
}
.evolution-tc .warning-big p {
  color: rgb(249, 2, 1);
}
.evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox {
  box-shadow: none !important;
}
.evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p a {
  color: rgb(255, 255, 255);
}
.evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p a:after {
  color: rgb(249, 2, 1);
}
.evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox:hover {
  box-shadow: none !important;
}
.evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h1, .evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h2, .evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h3, .evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h4, .evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h5, .evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h6, .evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen p, .evolution-tc .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen a {
  color: rgb(255, 255, 255);
}
.evolution-tc .content-grid.c-2-1 > div:nth-child(1) {
  padding: 0 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .evolution-tc .content-grid.c-2-1 > div:nth-child(1) {
    padding: 1rem 3%;
  }
}
.evolution-tc .content-grid.c-2-1 > div:nth-child(2) {
  padding: 0 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .evolution-tc .content-grid.c-2-1 > div:nth-child(2) {
    padding: 1rem 3%;
  }
}
.evolution-tc .content-grid.content-box.c-1 {
  color: rgb(68, 162, 160);
}
.evolution-tc .content-grid.content-box h2 {
  color: rgb(49, 51, 45);
}
.evolution-tc .content-grid.c-1-4 {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.evolution-tc footer {
  background-color: rgb(225, 236, 232);
  position: relative;
  margin-top: 12rem;
}
.evolution-tc footer .container {
  background: transparent;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .evolution-tc footer .container {
    overflow: hidden;
  }
}
@media screen and (max-width: 1400px) {
  .evolution-tc footer .container {
    padding: 0 3% 20px 3%;
  }
}
.evolution-tc footer .container > div {
  padding-left: 0;
  flex: 0 1 25%;
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
}
@media screen and (max-width: 1400px) {
  .evolution-tc footer .container > div {
    padding-top: 0;
  }
}
.evolution-tc footer .container > div:first-child {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  color: rgb(49, 51, 45);
  padding-bottom: 0;
}
.evolution-tc footer .container > div:first-child p {
  margin: 0;
}
.evolution-tc footer .container > div:last-child {
  position: relative;
  top: -40px;
  z-index: 999;
}
@media screen and (max-width: 1400px) {
  .evolution-tc footer .container > div:last-child {
    top: 0;
    padding-top: 2rem;
  }
}
.evolution-tc footer .container > div:last-child ul li {
  margin-bottom: 1rem;
}
.evolution-tc footer .container > div:last-child ul li a {
  color: rgb(255, 255, 255);
  transition: all 0.3s;
  font-size: 1.125rem;
}
.evolution-tc footer .container > div:last-child ul li a:before {
  color: rgb(68, 162, 160);
}
.evolution-tc footer .container > div:last-child ul li a:hover, .evolution-tc footer .container > div:last-child ul li a:before:hover {
  color: rgb(37, 91, 105);
}
.evolution-tc footer .container > div:last-child ul li a > span {
  font-size: 0;
}
.evolution-tc footer .container > div:last-child h6 {
  display: none;
}
@media screen and (max-width: 1400px) {
  .evolution-tc footer .container ul {
    margin-bottom: 0;
  }
}
.evolution-tc footer .container ul li {
  margin-bottom: 1rem;
}
.evolution-tc footer .container ul li:before {
  content: none;
}
.evolution-tc footer .container ul li a {
  color: rgb(68, 162, 160);
  font-size: 0.875rem;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .evolution-tc footer .container ul li a {
    font-size: 0.9375rem;
  }
}
.evolution-tc footer .container ul li a:hover {
  text-decoration: none;
  color: rgb(68, 162, 160);
}
.evolution-tc footer .container h6 {
  font-size: 1.25rem;
}
.evolution-tc footer:before {
  content: "";
  position: absolute;
  background-color: rgb(29, 168, 163);
  top: -60px;
  width: 100%;
  height: 10px;
  transform: rotate(-2.5deg);
}
@media screen and (max-width: 1400px) {
  .evolution-tc footer:before {
    top: -40px;
  }
}
.evolution-tc footer:after {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  right: auto;
  width: 102%;
  height: 50px;
  pointer-events: none;
  z-index: 100;
  background-color: rgb(225, 236, 232);
  transform: rotate(-2.5deg);
  margin-left: -1%;
}
.evolution-tc footer > .container {
  position: relative;
  z-index: 99999;
}
.evolution-tc .skewTopBottom {
  position: relative;
  padding: 2rem 0;
  margin: 15rem 0 10rem 0;
}
.evolution-tc .skewTopBottom h1, .evolution-tc .skewTopBottom h2, .evolution-tc .skewTopBottom h3, .evolution-tc .skewTopBottom h4, .evolution-tc .skewTopBottom h5, .evolution-tc .skewTopBottom h6, .evolution-tc .skewTopBottom p {
  color: rgb(255, 255, 255);
}
.evolution-tc .skewTopBottom.sponsors img {
  width: auto;
}
.evolution-tc .skewTopBottom.sponsors img, .evolution-tc .skewTopBottom.sponsors figure {
  display: inline-block;
  vertical-align: top;
  margin: 1rem 0.5rem 0 0;
}
.evolution-tc .skewTopBottom.tb-blueGreen:before {
  border-bottom: 400px solid rgb(29, 168, 163);
  border-left: 9000px solid transparent;
  border-right: 0 none;
  top: -400px;
  content: "";
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: auto;
  width: 0;
  z-index: 100;
}
.evolution-tc .skewTopBottom.tb-blueGreen:after {
  border-top: 400px solid rgb(29, 168, 163);
  border-right: 9000px solid transparent;
  border-left: 0 none;
  bottom: -400px;
  content: "";
  height: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  left: auto;
  width: 0;
  z-index: 100;
}
.evolution-tc .skewTopBottom .skewLine-lightGreen:before {
  content: "";
  position: absolute;
  top: -7rem;
  width: 100%;
  height: 50px;
  background: rgb(225, 236, 232);
  transform: rotate(-2.5deg);
}
@media screen and (max-width: 767px) {
  .evolution-tc .skewTopBottom .skewLine-lightGreen:before {
    top: -5rem;
  }
}
.evolution-tc main .container.programm-all-details .all-days-details .date-details .programm-grids {
  border-color: rgb(68, 162, 160);
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids {
  background-color: #4b8896;
  border-color: lightgoldenrodyellow;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-green {
  background-color: #4b8896;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-green {
  background-color: #BCD8C2;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-green .tile-background-image:before {
  background: #BCD8C2;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-green .tile-background-image:after {
  background: linear-gradient(#BCD8C2, #4f4d4d);
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-gray {
  background-color: #D1D7D4;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-gray .tile-background-image:before {
  background: #D1D7D4;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-gray .tile-background-image:after {
  background: linear-gradient(#D1D7D4, #4f4d4d);
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-gray {
  background-color: #7D7C7D;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-gray .tile-background-image:before {
  background: #7D7C7D;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-gray .tile-background-image:after {
  background: linear-gradient(#7D7C7D, #4f4d4d);
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.cyan {
  background-color: #45F8F8;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.cyan .tile-background-image:before {
  background: #45F8F8;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.cyan .tile-background-image:after {
  background: linear-gradient(#45F8F8, #4f4d4d);
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image:before {
  background: #4b8896;
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image:after {
  background: linear-gradient(#4b8896, #4f4d4d);
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-name {
  color: rgb(249, 2, 1);
}
.evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date:after {
  background-color: rgb(249, 2, 1);
}
.evolution-tc main .container.programm-all-details .all-days-details .break {
  border-color: rgb(68, 162, 160);
}
.evolution-tc main .container.programm-all-details .all-days-details .break a {
  position: relative;
}
.evolution-tc main .container .programm-grids {
  border-color: rgb(68, 162, 160);
}
.evolution-tc main .container .programm-grids .search-programm-input {
  border-color: rgb(29, 168, 163);
}
.evolution-tc main .container .programm-grids .icon-lupe {
  color: rgb(29, 168, 163);
}
.evolution-tc main .container .programm-grids .p-date-white {
  border-color: rgb(153, 153, 147);
  color: rgb(153, 153, 147);
}
.evolution-tc main .container .programm-grids .p-date-white:hover {
  background-color: rgb(29, 168, 163);
  border-color: rgb(29, 168, 163);
  color: rgb(255, 255, 255);
}
.evolution-tc main .container .programm-grids .p-date-blue {
  background-color: rgb(29, 168, 163);
  border-color: rgb(29, 168, 163);
}
.evolution-tc main .container .programm-grids.programm-hours {
  color: rgb(37, 91, 105);
}
.evolution-tc main .container .programm-grids .box-3 span.time-1.time-active, .evolution-tc main .container .programm-grids .box-3 span.time-1:hover {
  border-color: rgb(29, 168, 163);
}
.evolution-tc main .container .date-filters .live-filter.date-active, .evolution-tc main .container .date-filters .shortly-filter, .evolution-tc main .container .date-filters .all-filter {
  border-color: rgb(29, 168, 163);
}
.evolution-tc main .container .content-element ul li:before {
  background: rgb(68, 162, 160);
  left: auto;
  top: 12px;
}
.evolution-tc main .container .content-element .input-checkbox:checked + label.checkbox-style:before {
  color: rgb(68, 162, 160);
}
.evolution-tc main .container .flex-box-5 {
  background-color: rgb(225, 236, 232);
}
.evolution-tc main .container .flex-box-5:after {
  border-left-color: rgb(225, 236, 232);
}
.evolution-tc main .container .flex-box-5.active-step {
  background-color: rgb(37, 91, 105);
}
.evolution-tc main .container .flex-box-5.active-step:after {
  border-left-color: rgb(37, 91, 105);
}
.evolution-tc main .container form .select-conference input[type=radio]:checked + label:before {
  background-color: rgb(249, 2, 1);
}
.evolution-tc main .container form .select-conference input[type=radio] + label:hover:before {
  background-color: rgba(249, 2, 1, 0.5);
}
.evolution-tc main .container form .select-conference label h2 {
  font-size: 1.25rem;
}
.evolution-tc main .container .steps-horizontal-lines:before, .evolution-tc main .container .steps-horizontal-lines:after {
  background-color: rgb(37, 91, 105);
}
.evolution-tc main .container .steps-vertical-line:before {
  background-color: rgb(37, 91, 105);
}
.evolution-tc main .container .container-flex a.btn-style.icon-pfeil_links:before {
  color: rgb(249, 2, 1);
}
.evolution-tc main .container .container-flex .circle-blue {
  background-color: rgb(68, 162, 160);
}
.evolution-tc section.feedback #feedback-head {
  background: rgb(37, 91, 105);
}
.evolution-tc fieldset legend {
  color: rgb(68, 162, 160);
}
.evolution-tc .content form input[type=submit], .evolution-tc .content form button.btn {
  background-color: rgb(68, 162, 160);
}
.evolution-tc input:hover, .evolution-tc input:focus, .evolution-tc select:hover, .evolution-tc select:focus, .evolution-tc button.btn:hover, .evolution-tc button.btn:focus, .evolution-tc textarea:hover, .evolution-tc textarea:focus {
  border-color: rgb(68, 162, 160);
}
.evolution-tc .content form input:hover, .evolution-tc .content form select:hover, .evolution-tc .content form textarea:hover {
  background-color: rgb(225, 236, 232);
}
.evolution-tc .content ul li:before {
  color: rgb(68, 162, 160);
}
.evolution-tc .content form input[type=submit]:hover, .evolution-tc .content form input[type=submit]:focus, .evolution-tc .content form button.btn:hover, .evolution-tc .content form button.btn:focus {
  background-color: rgb(145, 204, 159);
}
.evolution-tc .content-element p a:not(.no-member):after, .evolution-tc .content-grid p a:not(.no-member):after, .evolution-tc .content-element ul a:not(.no-member):after, .evolution-tc .content-grid ul a:not(.no-member):after, .evolution-tc p.back-link a:not(.no-member):after {
  border-bottom-color: rgb(68, 162, 160);
}
.evolution-tc a.cta-button {
  background: rgb(68, 162, 160);
}
.evolution-tc a.cta-button:hover, .evolution-tc a.cta-button:active {
  box-shadow: inset 0 0 0 25px rgb(145, 204, 159);
}
.evolution-tc .mytekom-edit-box ul li dl dt a {
  line-height: 22px;
}
.evolution-tc .mytekom-edit-box ul li dl dt a:hover, .evolution-tc .mytekom-edit-box ul li dl dt a:focus {
  background-color: rgb(68, 162, 160);
}
.evolution-tc p.breadcrumb a:hover, .evolution-tc p.breadcrumb a:after {
  color: rgb(68, 162, 160);
}
.evolution-tc p.breadcrumb a:after {
  color: rgb(68, 162, 160);
}
.evolution-tc .contact-list dl dd p:last-of-type span:before {
  color: rgb(68, 162, 160);
}
.evolution-tc .tb-lightblue {
  background-color: rgb(145, 204, 159);
}
.evolution-tc .tekomshop-form .tb-lightblue {
  background-color: rgb(68, 162, 160);
}
.evolution-tc .tekom-boxes .tekom-grid > .tb-image.tb-blue:before {
  background-color: rgb(145, 204, 159);
}
.evolution-tc .tekom-grid .teaserbox .box-content h2 {
  font-size: 22px;
  text-align: left;
}
.evolution-tc .sponsors-grid ul li label {
  border-color: #7D7C7D;
  color: rgb(37, 91, 105);
}
.evolution-tc .sponsors-grid ul li label:hover {
  border-color: rgb(68, 162, 160);
  background-color: rgb(68, 162, 160);
  color: rgb(255, 255, 255);
}
.evolution-tc .sponsors-grid ul li input:checked + label {
  border-color: rgb(68, 162, 160);
  background-color: rgb(68, 162, 160);
  color: rgb(255, 255, 255);
}
.evolution-tc .sponsors-grid div.sponsors-list > div {
  border-color: #7D7C7D;
}
.evolution-tc .sponsors-grid div.sponsors-list > div > div > div:hover {
  background-color: rgb(225, 236, 232);
}
.evolution-tc .sponsors-grid div.sponsors-list > div span {
  color: rgb(29, 168, 163);
}
.evolution-tc .start-teaser .container .slider-wrapper > div .slider-content {
  right: 10px !important;
}
.evolution-tc .ticket-container .ticket-filter .filter-btn {
  border: 1px solid rgb(37, 91, 105);
  color: rgb(37, 91, 105);
}
.evolution-tc .ticket-container .ticket-filter .filter-btn.active, .evolution-tc .ticket-container .ticket-filter .filter-btn:hover {
  background-color: rgb(37, 91, 105);
}
.evolution-tc .ticket-container .ticket-list .product-ticket dd > a:last-of-type {
  background-color: rgb(37, 91, 105);
}
.evolution-tc .ticket-container .ticket-list .product-ticket dt {
  background-color: rgb(37, 91, 105);
}
.evolution-tc table.contenttable {
  border-bottom: 2px solid rgb(37, 91, 105);
}
.evolution-tc main .container label.select-label::after {
  color: rgb(37, 91, 105);
}
.evolution-tc main .container .date-filters .live-filter,
.evolution-tc main .container .date-filters .shortly-filter,
.evolution-tc main .container .date-filters .all-filter,
.evolution-tc main .container .date-filters .online-filter,
.evolution-tc main .container .date-filters .offline-filter {
  border: 1px solid rgb(37, 91, 105);
}
.evolution-tc main .container .date-filters .live-filter.date-active,
.evolution-tc main .container .date-filters .shortly-filter.date-active,
.evolution-tc main .container .date-filters .all-filter.date-active,
.evolution-tc main .container .date-filters .online-filter.date-active,
.evolution-tc main .container .date-filters .offline-filter.date-active {
  background-color: rgb(37, 91, 105);
}

.tb-blueGreen {
  background-color: rgb(29, 168, 163);
}

.tb-lightgreen-etc {
  background-color: rgb(145, 204, 159);
}

.tb-darkBlueGreen {
  background-color: rgb(37, 91, 105);
}

/********************** Evolution TC END **********************/
/********************** Nordic Techkomm START **********************/
.nordictechkomm {
  background-image: none;
  background-color: rgb(255, 255, 255);
  overflow-x: hidden;
  color: rgb(49, 51, 45);
  /*End Slider test*/
}
.nordictechkomm div.intro h2, .nordictechkomm div.intro h1 {
  color: rgb(0, 98, 168);
}
.nordictechkomm h2 {
  font-size: 36px;
}
.nordictechkomm h3 {
  font-size: 26px;
}
.nordictechkomm .hiddex-x {
  overflow: hidden;
}
.nordictechkomm a {
  color: rgb(0, 98, 168);
}
.nordictechkomm h1, .nordictechkomm h2, .nordictechkomm h3, .nordictechkomm h4, .nordictechkomm h5, .nordictechkomm h6 {
  color: rgb(28, 99, 184);
}
.nordictechkomm table.contenttable th {
  background-color: rgb(0, 98, 168);
  border-bottom-color: rgb(0, 98, 168);
}
.nordictechkomm .container {
  max-width: 1200px;
  width: 1200px;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .container {
    max-width: 100%;
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
  }
}
.nordictechkomm .container .typo3-messages li, .nordictechkomm .container .event-registration li {
  background-color: rgb(145, 204, 159);
}
.nordictechkomm .single-event-page-top-bg header,
.nordictechkomm .event-page-top-bg header {
  position: relative;
}
.nordictechkomm header {
  min-height: 115px;
}
@media screen and (max-width: 1199px) {
  .nordictechkomm header {
    min-height: 90px;
    height: 90px;
  }
}
.nordictechkomm header img {
  width: auto !important;
  height: 100px;
}
@media screen and (max-width: 1199px) {
  .nordictechkomm header img {
    height: 65px;
  }
}
.nordictechkomm header nav > ul > li {
  margin-top: 35px;
}
@media screen and (max-width: 1199px) {
  .nordictechkomm header nav > ul > li {
    margin-top: 0;
  }
}
.nordictechkomm header nav > ul > li:last-child {
  background: none;
  width: auto;
}
.nordictechkomm header nav > ul > li:last-child a {
  color: #4F4D4E;
}
.nordictechkomm header nav > ul > li:last-child a:hover {
  background: rgb(0, 98, 168);
}
.nordictechkomm header nav > ul > li:last-child a span:nth-of-type(1) {
  color: #4F4D4E;
}
.nordictechkomm header nav > ul > li:last-child a span:nth-of-type(2) {
  color: rgb(0, 98, 168);
}
.nordictechkomm header nav > ul > li:last-child span {
  color: #4F4D4E;
}
@media screen and (max-width: 1023px) {
  .nordictechkomm header nav > ul > li:last-child span {
    color: rgb(255, 255, 255);
  }
}
.nordictechkomm header nav > ul > li:last-child:hover a {
  color: rgb(255, 255, 255);
}
.nordictechkomm header nav > ul > li:last-child:hover a:hover {
  background: rgb(0, 98, 168);
}
.nordictechkomm header nav > ul > li:last-child:hover a span:nth-of-type(1) {
  color: rgb(255, 255, 255);
}
.nordictechkomm header nav > ul > li:last-child:hover a span:nth-of-type(2) {
  color: rgb(255, 255, 255);
}
.nordictechkomm header nav > ul > li:nth-last-child(2) a:after {
  content: "";
}
.nordictechkomm header nav > ul > li > a {
  color: #4F4D4E;
  height: 92px;
  padding: 20px 33px 54px 32px;
}
.nordictechkomm header nav > ul > li > a.nav-active {
  background: rgb(0, 98, 168);
}
@media screen and (max-width: 1199px) {
  .nordictechkomm header nav > ul > li > a {
    padding-bottom: 25px;
  }
}
.nordictechkomm header nav > ul > li > a:after {
  top: 20px;
}
@media screen and (max-width: 1199px) {
  .nordictechkomm header nav > ul > li > a:after {
    top: 12px;
  }
}
.nordictechkomm header nav > ul > li > a:active, .nordictechkomm header nav > ul > li > a:focus {
  background: rgb(0, 98, 168);
}
.nordictechkomm header nav > ul > li:hover {
  background: rgb(0, 98, 168);
}
.nordictechkomm header nav > ul > li > div.rich_menu {
  height: auto;
  overflow: visible;
  background: rgba(28, 99, 184, 0.9);
}
.nordictechkomm header nav > ul > li > div.rich_menu:before, .nordictechkomm header nav > ul > li > div.rich_menu:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1000px;
  top: 0;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm header nav > ul > li > div.rich_menu:before, .nordictechkomm header nav > ul > li > div.rich_menu:after {
    content: none;
  }
}
.nordictechkomm header nav > ul > li > div.rich_menu:before {
  left: -1000px;
}
.nordictechkomm header nav > ul > li > div.rich_menu:after {
  right: -1000px;
}
.nordictechkomm header nav > ul > li > div.rich_menu > ul {
  width: 100%;
  padding: 0 0 0 0;
  text-align: right;
}
@media screen and (max-width: 1023px) {
  .nordictechkomm header nav > ul > li > div.rich_menu > ul {
    padding: 0;
    text-align: left;
  }
}
.nordictechkomm header nav > ul > li > div.rich_menu > ul > li {
  display: inline-block;
  margin: 0 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.nordictechkomm header nav > ul > li > div.rich_menu > ul > li a {
  font-size: 1.125rem;
  text-transform: uppercase;
  background: transparent;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
  height: auto;
}
.nordictechkomm header nav > ul > li > div.rich_menu > ul > li a span {
  background: transparent;
}
.nordictechkomm header nav > ul > li > div.rich_menu > ul > li a:hover {
  background: transparent;
  border-bottom: 1px solid;
}
.nordictechkomm header nav > ul > li > div.rich_menu > ul > li:hover {
  background: transparent;
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom {
  height: 300px;
  overflow: visible;
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login {
  background-color: #00c3ff;
  height: 300px;
  width: 243px;
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a {
  color: rgb(28, 99, 184);
  background: transparent;
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:hover {
  border-color: rgb(28, 99, 184);
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:after {
  border-bottom-color: rgb(28, 99, 184);
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:nth-of-type(2) {
  color: rgb(255, 255, 255);
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:nth-of-type(2):after {
  border-bottom-color: rgb(255, 255, 255);
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit] {
  background-color: rgb(0, 98, 168);
  box-shadow: inset 0 0 0 25px rgb(0, 98, 168);
  border-color: rgb(0, 98, 168);
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit]:hover, .nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit]:active, .nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit]:focus {
  background-color: rgb(0, 98, 168);
  box-shadow: inset 0 0 0 25px rgb(0, 98, 168);
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login ul a:hover {
  color: rgb(145, 204, 159);
  background: transparent;
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-logout a {
  color: rgb(249, 2, 1);
}
.nordictechkomm header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-logout a:hover {
  background: transparent;
  color: rgb(225, 236, 232);
}
.nordictechkomm header nav ul.mobile-nav-active {
  background: rgba(0, 98, 168, 0.9);
}
.nordictechkomm header nav ul.mobile-nav-active > li {
  margin-top: 20px;
}
.nordictechkomm header nav ul.mobile-nav-active > li:first-child {
  margin-top: 50px;
}
.nordictechkomm header nav ul.mobile-nav-active > li a {
  padding-bottom: 0;
}
.nordictechkomm header nav ul.mobile-nav-active > li:last-child {
  margin: 20px 0 0 0;
  padding: 0;
}
@media screen and (max-width: 1199px) {
  .nordictechkomm header nav ul.mobile-nav-active > li:last-child {
    background: transparent;
  }
}
.nordictechkomm header img {
  width: 260px;
  top: 15px;
  left: 0;
  max-width: 260px;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm header img {
    left: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .nordictechkomm header img {
    width: 180px;
  }
}
.nordictechkomm header.fixed-header {
  min-height: auto;
}
.nordictechkomm header.fixed-header > .container {
  padding-bottom: 0 !important;
}
.nordictechkomm header.fixed-header img {
  height: 70px;
  width: auto !important;
}
@media screen and (max-width: 1199px) {
  .nordictechkomm header.fixed-header img {
    height: 60px;
  }
}
.nordictechkomm header.fixed-header nav > ul > li > a {
  padding-bottom: 30px;
}
.nordictechkomm .tekom-nav {
  padding: 15px 0;
}
.nordictechkomm .tekom-nav nav {
  width: auto;
  text-align: right;
}
.nordictechkomm .tekom-nav nav li {
  text-transform: uppercase;
  margin-left: 15px;
}
.nordictechkomm .tekom-nav nav li a {
  transition: all 0.3s;
  font-size: 11px;
}
.nordictechkomm .tekom-nav nav li a:hover {
  text-decoration: none;
  color: rgb(0, 98, 168);
}
.nordictechkomm .tekom-nav nav li:after {
  content: none;
}
.nordictechkomm .tekom-nav nav:first-child {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .nordictechkomm .tekom-nav nav:first-child li {
    margin-left: 0;
  }
}
.nordictechkomm .tekom-nav form {
  display: none;
}
.nordictechkomm #topNav {
  background: #4F4D4E;
}
.nordictechkomm #topNav li a {
  letter-spacing: 0.01rem;
  font-size: 0.65rem;
}
.nordictechkomm #topNav li a:hover, .nordictechkomm #topNav li a:active, .nordictechkomm #topNav li a:focus {
  color: rgb(0, 98, 168) !important;
  background: transparent;
  box-shadow: none;
}
.nordictechkomm .fixed-header ul.multiLevel > li > a, .nordictechkomm .slideDown ul.multiLevel > li > a {
  padding-bottom: 1.3rem;
}
.nordictechkomm .start-teaser:after {
  border-bottom: 400px solid rgb(255, 255, 255);
  border-left: 9000px solid transparent;
  border-right: 0 none;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: auto;
  width: 0;
  z-index: 100;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .start-teaser:after {
    bottom: -1px;
  }
}
.nordictechkomm .start-teaser {
  overflow: hidden;
}
.nordictechkomm .start-teaser .container {
  width: 100%;
  max-width: 100%;
}
.nordictechkomm .start-teaser .container #slider-bullets {
  text-align: right;
  bottom: 0;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .start-teaser .container #slider-bullets {
    right: 5%;
  }
}
.nordictechkomm .start-teaser .container #slider-bullets > div {
  width: 40px;
  height: 7px;
  border-color: rgb(37, 91, 105);
  border-radius: 0;
}
.nordictechkomm .start-teaser .container #slider-bullets > div.bullet-active {
  background-color: rgb(37, 91, 105);
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content {
  background-color: rgba(0, 195, 255, 0.65);
  right: 100px;
  top: auto;
  bottom: 50px;
  transform: none;
  max-height: 320px;
  height: auto;
  padding: 20px 20px 10px 20px;
  /*box-shadow: 0 0 15px rgba(0,0,0,0.25);*/
  width: calc(40% - 20px);
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content {
    right: 5%;
  }
}
@media screen and (max-width: 1023px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content {
    right: 10px !important;
    width: calc(100% - 20px);
  }
}
@media screen and (min-width: 2000px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content {
    width: calc(27% - 20px);
  }
}
@media screen and (min-width: 3500px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content {
    width: calc(23% - 20px);
  }
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content h3 {
  color: rgb(255, 255, 255);
  font-size: 30px;
  line-height: 1.25em;
  width: 70%;
  display: inline-block;
  margin: 0 0 0.3em 0;
}
@media screen and (max-width: 767px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content h3 {
    width: 100%;
  }
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content h3 a {
  color: rgb(255, 255, 255);
  display: block;
  font-size: 34px;
  line-height: 50px;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content h3 a {
    font-size: 26px;
    line-height: 36px;
  }
}
@media screen and (max-width: 1023px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content h3 a {
    font-size: 22px;
  }
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content h3 a:hover {
  color: rgb(0, 98, 168);
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content h4 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 30px 0;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content h4 {
    padding: 20px 0;
    font-size: 18px;
  }
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content p {
  position: absolute;
  right: 20px;
  top: calc(50% - 36px);
}
@media screen and (max-width: 767px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content p {
    top: auto;
    bottom: -5px;
  }
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content p a {
  padding: 8px 15px 4px 15px;
  display: inline-block;
  font-size: 16px;
  background-color: rgb(0, 98, 168);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  padding-bottom: 10px;
  transition: all 0.3s;
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content p a:before {
  content: none;
}
.nordictechkomm .start-teaser .container .slider-wrapper > div .slider-content p a:hover {
  background-color: rgb(37, 91, 105);
}
.nordictechkomm .start-teaser .container .slider-wrapper > div.not-active-slide .slider-content {
  right: 100px;
  top: auto;
  bottom: 50px;
  transform: none;
}
.nordictechkomm .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
  right: 100px;
  top: auto;
  bottom: 90px;
}
@media screen and (max-width: 1600px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    width: calc(45% - 20px);
  }
}
@media screen and (max-width: 1199px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    width: 80%;
    bottom: 13%;
  }
}
@media screen and (max-width: 1023px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    width: 96%;
    bottom: 13%;
    padding: 15px 20px 5px 20px;
  }
}
@media screen and (min-width: 2000px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    bottom: 20%;
  }
}
@media screen and (max-width: 767px) {
  .nordictechkomm .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    bottom: 6%;
  }
}
.nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_links, .nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_rechts {
  width: 22px;
  height: 45px;
}
.nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_links:before, .nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_links:after, .nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_rechts:before, .nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_rechts:after {
  content: "";
  width: 3px;
  height: 25px;
  padding: 0;
  left: 10px;
  position: absolute;
  background-color: rgb(37, 91, 105);
}
.nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_links {
  left: 20px;
}
.nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_links:before {
  transform: rotate(45deg);
}
.nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_rechts {
  right: 20px;
}
.nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_rechts:before {
  transform: rotate(-45deg);
}
.nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_links:after {
  transform: rotate(-45deg);
  top: 17px;
}
.nordictechkomm .start-teaser .container #slider-navigation .icon-pfeil_rechts:after {
  transform: rotate(45deg);
  top: 17px;
}
.nordictechkomm .content-element {
  color: rgb(49, 51, 45);
  line-height: 30px;
}
.nordictechkomm .content-element h1 {
  font-size: 56px;
  color: rgb(0, 98, 168);
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .content-element h1 {
    font-size: 2.3rem;
  }
}
.nordictechkomm .text-2-cols {
  column-count: 2;
}
@media screen and (max-width: 1023px) {
  .nordictechkomm .text-2-cols {
    column-count: 1;
  }
}
.nordictechkomm .warning-big h2 {
  color: rgb(249, 2, 1);
  font-size: 46px;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm .warning-big h2 {
    font-size: 2rem;
  }
}
.nordictechkomm .warning-big p {
  color: rgb(249, 2, 1);
}
.nordictechkomm .tekom-boxes .tekom-grid > div.nordic-lightblue a, .nordictechkomm .tekom-boxes .tekom-grid > div.nordic-cyan a {
  color: rgb(28, 99, 184);
}
.nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox {
  box-shadow: none !important;
}
.nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p a {
  color: rgb(255, 255, 255);
}
.nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p a:after {
  color: rgb(249, 2, 1);
}
.nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox:hover {
  box-shadow: none !important;
}
.nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h1, .nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h2, .nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h3, .nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h4, .nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h5, .nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen h6, .nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen p, .nordictechkomm .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkBlueGreen a {
  color: rgb(255, 255, 255);
}
.nordictechkomm .content-grid.c-2-1 > div:nth-child(1) {
  padding: 0 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .nordictechkomm .content-grid.c-2-1 > div:nth-child(1) {
    padding: 1rem 3%;
  }
}
.nordictechkomm .content-grid.c-2-1 > div:nth-child(2) {
  padding: 0 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .nordictechkomm .content-grid.c-2-1 > div:nth-child(2) {
    padding: 1rem 3%;
  }
}
.nordictechkomm .content-grid.content-box.c-1 {
  color: rgb(0, 98, 168);
}
.nordictechkomm .content-grid.content-box h2 {
  color: rgb(49, 51, 45);
}
.nordictechkomm .content-grid.c-1-4 {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.nordictechkomm .box-gradient.tb-lightblue30:before {
  background: transparent !important;
}
.nordictechkomm footer {
  background-color: #3e3e40;
  position: relative;
  margin-top: 12rem;
}
.nordictechkomm footer h1, .nordictechkomm footer h2, .nordictechkomm footer h3, .nordictechkomm footer h4, .nordictechkomm footer h5, .nordictechkomm footer h6 {
  color: #00c3ff;
}
.nordictechkomm footer .container {
  background: transparent;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .nordictechkomm footer .container {
    overflow: hidden;
  }
}
@media screen and (max-width: 1400px) {
  .nordictechkomm footer .container {
    padding: 0 3% 20px 3%;
  }
}
.nordictechkomm footer .container > div {
  padding-left: 0;
  flex: 0 1 25%;
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm footer .container > div {
    padding-top: 0;
  }
}
.nordictechkomm footer .container > div:first-child {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  color: rgb(49, 51, 45);
  padding-bottom: 0;
}
.nordictechkomm footer .container > div:first-child p {
  margin: 0;
}
.nordictechkomm footer .container > div:last-child {
  position: relative;
  top: -40px;
  z-index: 999;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm footer .container > div:last-child {
    top: 0;
    padding-top: 2rem;
  }
}
.nordictechkomm footer .container > div:last-child ul li {
  margin-bottom: 1rem;
}
.nordictechkomm footer .container > div:last-child ul li a {
  color: rgb(255, 255, 255);
  transition: all 0.3s;
  font-size: 1.125rem;
}
.nordictechkomm footer .container > div:last-child ul li a:before {
  color: #00c3ff;
}
.nordictechkomm footer .container > div:last-child ul li a:hover, .nordictechkomm footer .container > div:last-child ul li a:before:hover {
  color: rgb(37, 91, 105);
}
.nordictechkomm footer .container > div:last-child ul li a > span {
  font-size: 0;
}
.nordictechkomm footer .container > div:last-child h6 {
  display: none;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm footer .container ul {
    margin-bottom: 0;
  }
}
.nordictechkomm footer .container ul li {
  margin-bottom: 1rem;
}
.nordictechkomm footer .container ul li:before {
  content: none;
}
.nordictechkomm footer .container ul li a {
  color: #00c3ff;
  font-size: 0.875rem;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media screen and (max-width: 1400px) {
  .nordictechkomm footer .container ul li a {
    font-size: 0.9375rem;
  }
}
.nordictechkomm footer .container ul li a:hover {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
.nordictechkomm footer .container ul li a:hover:after {
  content: none;
  border-bottom: none;
}
.nordictechkomm footer .container h6 {
  font-size: 1.25rem;
}
.nordictechkomm footer:before {
  content: "";
  position: absolute;
  background-color: rgb(0, 98, 168);
  top: -60px;
  width: 100%;
  height: 10px;
  transform: rotate(-2.5deg);
}
@media screen and (max-width: 1400px) {
  .nordictechkomm footer:before {
    top: -40px;
  }
}
.nordictechkomm footer:after {
  content: "";
  position: absolute;
  top: -400px;
  left: 0;
  right: auto;
  border-left: 9000px solid transparent;
  border-right: 0 none;
  border-bottom: 400px solid #3e3e40;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .nordictechkomm footer:after {
    background-color: #3e3e40;
    transform: skew(-5deg) rotate(-3deg);
    width: 100%;
    height: 50px;
    border: none;
    top: -18px;
  }
}
.nordictechkomm .skewTopBottom {
  position: relative;
  padding: 2rem 0;
  margin: 15rem 0 10rem 0;
}
.nordictechkomm .skewTopBottom h1, .nordictechkomm .skewTopBottom h2, .nordictechkomm .skewTopBottom h3, .nordictechkomm .skewTopBottom h4, .nordictechkomm .skewTopBottom h5, .nordictechkomm .skewTopBottom h6, .nordictechkomm .skewTopBottom p {
  color: rgb(255, 255, 255);
}
.nordictechkomm .skewTopBottom.sponsors img {
  width: auto;
}
.nordictechkomm .skewTopBottom.sponsors img, .nordictechkomm .skewTopBottom.sponsors figure {
  display: inline-block;
  vertical-align: top;
  margin: 1rem 0.5rem 0 0;
}
.nordictechkomm main .container.programm-all-details .all-days-details .date-details .programm-grids {
  border-color: rgb(0, 98, 168);
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids {
  background-color: #4b8896;
  border-color: lightgoldenrodyellow;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-green {
  background-color: #4b8896;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-green {
  background-color: #BCD8C2;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-green .tile-background-image:before {
  background: #BCD8C2;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-green .tile-background-image:after {
  background: linear-gradient(#BCD8C2, #4f4d4d);
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-gray {
  background-color: #D1D7D4;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-gray .tile-background-image:before {
  background: #D1D7D4;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-gray .tile-background-image:after {
  background: linear-gradient(#D1D7D4, #4f4d4d);
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-gray {
  background-color: #7D7C7D;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-gray .tile-background-image:before {
  background: #7D7C7D;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-gray .tile-background-image:after {
  background: linear-gradient(#7D7C7D, #4f4d4d);
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.cyan {
  background-color: #45F8F8;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.cyan .tile-background-image:before {
  background: #45F8F8;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.cyan .tile-background-image:after {
  background: linear-gradient(#45F8F8, #4f4d4d);
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image:before {
  background: #4b8896;
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image:after {
  background: linear-gradient(#4b8896, #4f4d4d);
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-name {
  color: rgb(249, 2, 1);
}
.nordictechkomm main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date:after {
  background-color: rgb(249, 2, 1);
}
.nordictechkomm main .container.programm-all-details .all-days-details .break {
  border-color: rgb(0, 98, 168);
}
.nordictechkomm main .container.programm-all-details .all-days-details .break a {
  position: relative;
}
.nordictechkomm main .container .programm-grids {
  border-color: rgb(0, 98, 168);
}
.nordictechkomm main .container .programm-grids .search-programm-input {
  border-color: rgb(29, 168, 163);
}
.nordictechkomm main .container .programm-grids .icon-lupe {
  color: rgb(29, 168, 163);
}
.nordictechkomm main .container .programm-grids .p-date-white {
  border-color: rgb(153, 153, 147);
  color: rgb(153, 153, 147);
}
.nordictechkomm main .container .programm-grids .p-date-white:hover {
  background-color: rgb(29, 168, 163);
  border-color: rgb(29, 168, 163);
  color: rgb(255, 255, 255);
}
.nordictechkomm main .container .programm-grids .p-date-blue {
  background-color: rgb(29, 168, 163);
  border-color: rgb(29, 168, 163);
}
.nordictechkomm main .container .programm-grids.programm-hours {
  color: rgb(37, 91, 105);
}
.nordictechkomm main .container .programm-grids .box-3 span.time-1.time-active, .nordictechkomm main .container .programm-grids .box-3 span.time-1:hover {
  border-color: rgb(29, 168, 163);
}
.nordictechkomm main .container .date-filters .live-filter.date-active, .nordictechkomm main .container .date-filters .shortly-filter, .nordictechkomm main .container .date-filters .all-filter {
  border-color: rgb(29, 168, 163);
}
.nordictechkomm main .container .content-element ul li:before {
  background: rgb(0, 98, 168);
  left: auto;
  top: 12px;
}
.nordictechkomm main .container .content-element .input-checkbox:checked + label.checkbox-style:before {
  color: rgb(0, 98, 168);
}
.nordictechkomm main .container .flex-box-5 {
  background-color: #00ffff;
}
.nordictechkomm main .container .flex-box-5:after {
  border-left-color: #00ffff;
}
.nordictechkomm main .container .flex-box-5.active-step {
  background-color: #00c3ff;
}
.nordictechkomm main .container .flex-box-5.active-step:after {
  border-left-color: #00c3ff;
}
.nordictechkomm main .container form .select-conference input[type=radio]:checked + label:before {
  background-color: #00ffff;
}
.nordictechkomm main .container form .select-conference input[type=radio] + label:hover:before {
  background-color: #00c3ff;
}
.nordictechkomm main .container form .select-conference label h2 {
  font-size: 1.25rem;
}
.nordictechkomm main .container .steps-horizontal-lines:before, .nordictechkomm main .container .steps-horizontal-lines:after {
  background-color: rgb(0, 98, 168);
}
.nordictechkomm main .container .steps-vertical-line:before {
  background-color: rgb(0, 98, 168);
}
.nordictechkomm main .container .container-flex a.btn-style.icon-pfeil_links:before {
  color: #ff6b5f;
}
.nordictechkomm main .container .container-flex .circle-blue {
  background-color: rgb(0, 98, 168);
}
.nordictechkomm section.feedback #feedback-head {
  background: rgb(37, 91, 105);
}
.nordictechkomm fieldset legend {
  color: rgb(0, 98, 168);
}
.nordictechkomm .content form input[type=submit], .nordictechkomm .content form button.btn {
  background-color: rgb(0, 98, 168);
}
.nordictechkomm input:hover, .nordictechkomm input:focus, .nordictechkomm select:hover, .nordictechkomm select:focus, .nordictechkomm button.btn:hover, .nordictechkomm button.btn:focus, .nordictechkomm textarea:hover, .nordictechkomm textarea:focus {
  border-color: rgb(0, 98, 168);
}
.nordictechkomm .content form input:hover, .nordictechkomm .content form select:hover, .nordictechkomm .content form textarea:hover {
  background-color: rgb(225, 236, 232);
}
.nordictechkomm .content ul li:before {
  color: rgb(0, 98, 168);
}
.nordictechkomm .content form input[type=submit]:hover, .nordictechkomm .content form input[type=submit]:focus, .nordictechkomm .content form button.btn:hover, .nordictechkomm .content form button.btn:focus {
  background-color: #00c3ff;
}
.nordictechkomm .content-element p a:not(.no-member):after, .nordictechkomm .content-grid p a:not(.no-member):after, .nordictechkomm .content-element ul a:not(.no-member):after, .nordictechkomm .content-grid ul a:not(.no-member):after, .nordictechkomm p.back-link a:not(.no-member):after {
  border-bottom-color: rgb(0, 98, 168);
}
.nordictechkomm a.cta-button {
  background: #00c3ff;
}
.nordictechkomm a.cta-button:hover, .nordictechkomm a.cta-button:active {
  box-shadow: inset 0 0 0 25px #00ffff;
}
.nordictechkomm .mytekom-edit-box ul li dl dt a {
  line-height: 22px;
}
.nordictechkomm .mytekom-edit-box ul li dl dt a:hover, .nordictechkomm .mytekom-edit-box ul li dl dt a:focus {
  background-color: rgb(0, 98, 168);
}
.nordictechkomm p.breadcrumb a:hover, .nordictechkomm p.breadcrumb a:after {
  color: rgb(0, 98, 168);
}
.nordictechkomm p.breadcrumb a:after {
  color: rgb(0, 98, 168);
}
.nordictechkomm .contact-list dl dd p:last-of-type span:before {
  color: rgb(0, 98, 168);
}
.nordictechkomm .tb-lightblue {
  background-color: #00c3ff;
}
.nordictechkomm .tekom-boxes .tekom-grid > .tb-image.tb-blue:before {
  background-color: #00c3ff;
}
.nordictechkomm .tekom-grid .teaserbox .box-content h2 {
  font-size: 22px;
  text-align: left;
}
.nordictechkomm .mktoButtonRow {
  min-height: 50px;
}
.nordictechkomm .tekom-nav > .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.nordic-lightblue {
  background-color: #00c3ff !important;
}

.nordic-cyan {
  background-color: #00ffff !important;
}

.nordic-darkblue {
  background-color: rgb(0, 98, 168) !important;
}
.nordic-darkblue .box-content * {
  color: rgb(255, 255, 255) !important;
}

.icon-pfeil_links.orange_arrow:before {
  color: rgb(233, 145, 37);
}

.control-label[for=order-form-file] br {
  display: none;
}

/* elemente */
.tekom-nav {
  background: rgb(79, 77, 77);
  overflow: hidden;
}
.tekom-nav .container {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
@media screen and (max-width: 767px) {
  .tekom-nav nav {
    width: 49%;
    display: inline-block;
  }
  .tekom-nav nav p {
    margin: 0;
    font-size: 0.75rem;
  }
  .tekom-nav nav ul {
    background-color: rgb(79, 77, 77);
    max-height: 0;
    transition: max-height 1.25s;
    overflow: hidden;
  }
  .tekom-nav nav ul.open {
    max-height: 1000px;
    transition: max-height 3.25s;
    padding-top: 1px;
  }
  .tekom-nav nav ul li {
    display: list-item;
  }
  .tekom-nav nav ul li:after {
    display: none;
  }
  .tekom-nav nav .select-conference-top ul {
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .tekom-nav nav {
    width: 74%;
    display: inline-block;
  }
  .tekom-nav nav.nav-small {
    width: 60%;
  }
  .tekom-nav nav p {
    display: none;
  }
}
.tekom-nav p a {
  color: rgb(255, 255, 255);
}
.tekom-nav form {
  display: inline-block;
  text-align: right;
  font-size: 1.125rem;
  color: rgb(79, 77, 77);
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .tekom-nav form {
    width: 49%;
  }
}
@media screen and (min-width: 768px) {
  .tekom-nav form {
    width: 25%;
  }
}
.tekom-nav form input {
  background-color: transparent;
  border: none;
  width: 100px;
  text-align: right;
  color: rgb(255, 255, 255);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tekom-nav form input::-webkit-input-placeholder {
  color: rgb(255, 255, 255);
}
.tekom-nav form input:-moz-placeholder {
  color: rgb(255, 255, 255);
}
.tekom-nav form input::-moz-placeholder {
  color: rgb(255, 255, 255);
}
.tekom-nav form input:-ms-input-placeholder {
  color: rgb(255, 255, 255);
}
.tekom-nav form:hover input {
  width: calc(100% - 1.5em);
  background: rgb(153, 153, 147);
  text-align: left;
}
.tekom-nav form button {
  width: 1.2em;
  height: 1.2em;
  padding: 0 0.2em;
  color: rgb(255, 255, 255);
  overflow: hidden;
  white-space: nowrap;
  background: transparent;
  border: none;
  font-size: 1.125rem;
  cursor: pointer;
}
.tekom-nav ul {
  list-style-type: none;
  font-size: 0;
  margin: 0;
  padding: 0;
}
.tekom-nav ul li {
  display: inline-block;
  font-size: 0.7rem;
}
@media screen and (min-width: 1024px) {
  .tekom-nav ul li {
    font-size: 0.75rem;
  }
}
.tekom-nav ul li a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.tekom-nav ul li a:hover, .tekom-nav ul li a:focus {
  text-decoration: underline;
}
.tekom-nav ul li:after {
  content: "|";
  margin: 0 0.25em 0 0.25em;
  color: rgb(255, 255, 255);
}
@media screen and (max-width: 1199px) {
  .tekom-nav ul li:after {
    margin: 0 0.15em 0 0.15em;
  }
}
.tekom-nav ul li:last-child:after {
  display: none;
}
.tekom-nav.nav-with-language .container > nav {
  width: 60%;
}
@media screen and (max-width: 1199px) {
  .tekom-nav.nav-with-language .container > nav {
    width: 71%;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-nav.nav-with-language .container > nav {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-nav.nav-with-language .container > nav {
    width: 33%;
  }
  .tekom-nav.nav-with-language .container > nav.isOpened {
    width: 75%;
    transition: all 0.7s;
    transition-delay: 0.3s;
  }
}
@media screen and (max-width: 1199px) {
  .tekom-nav.nav-with-language .container > form {
    width: 13.5%;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-nav.nav-with-language .container > form {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-nav.nav-with-language .container > form {
    width: 47%;
  }
  .tekom-nav.nav-with-language .container > form.form-100 {
    width: 90%;
    margin-top: 10px;
    transition: all 0.7s;
    transition-delay: 0.3s;
  }
}
.tekom-nav.nav-with-language .container > form input:focus {
  width: calc(100% - 1.5em);
  background: rgb(153, 153, 147);
  text-align: left;
}
.tekom-nav.nav-with-language .select-language {
  width: 14%;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  .tekom-nav.nav-with-language .select-language {
    width: 47%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-nav.nav-with-language .select-language {
    width: 17%;
  }
}
.tekom-nav.nav-with-language .select-language nav {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .tekom-nav.nav-with-language .select-language nav ul {
    height: auto;
    max-height: 50px;
  }
}
.tekom-nav.nav-with-language .select-language nav ul li {
  display: inline-block;
  margin: 0 6px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 1023px) {
  .tekom-nav.nav-with-language .select-language nav ul li {
    padding-top: 0;
    position: relative;
    top: 4px;
  }
}
.tekom-nav.nav-with-language .select-language nav ul li a {
  color: rgb(233, 145, 37);
}
.tekom-nav.nav-with-language .select-language nav ul li.activeItem a {
  color: #999;
  pointer-events: none;
}
.tekom-nav.nav-with-language .select-language nav ul li:after {
  content: "";
  width: 1px;
  height: 11px;
  background: white;
  position: absolute;
  right: -10px;
  top: 3px;
  display: block;
}
.tekom-nav.nav-with-language .select-language nav ul li:first-child {
  margin-left: 0;
}
.tekom-nav.nav-with-language .select-language nav ul li:last-child {
  margin-right: 0;
}
.tekom-nav.nav-with-language .select-language nav ul li:last-child:after {
  display: none;
  content: none;
}

.tekom-nav {
  overflow: visible;
}
.tekom-nav ul li {
  position: relative;
}
.tekom-nav ul li .select-conference-top {
  width: 250px;
  z-index: 701;
  background: rgb(79, 77, 77);
  position: absolute;
  top: 20px;
  padding: 0;
  left: -5px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 1s;
}
@media screen and (max-width: 1023px) {
  .tekom-nav ul li .select-conference-top {
    position: relative;
    top: 0;
  }
}
.tekom-nav ul li .select-conference-top ul {
  padding: 10px;
}
@media screen and (max-width: 1023px) {
  .tekom-nav ul li .select-conference-top ul {
    height: auto;
    max-height: 601px;
  }
}
.tekom-nav ul li .select-conference-top ul li {
  display: block;
  margin-bottom: 10px;
}
.tekom-nav ul li .select-conference-top ul li:after {
  content: none;
}
.tekom-nav ul li .select-conference-top ul li:first-child {
  padding-top: 0;
}
.tekom-nav ul li .select-conference-top ul li:last-child {
  margin-bottom: 0;
}
.tekom-nav ul li .select-conference-top ul li a {
  display: block;
  transition: all 0.3s;
}
.tekom-nav ul li .select-conference-top ul li a > span {
  display: block;
}
.tekom-nav ul li .select-conference-top ul li a .c-top-title {
  font-size: 0.75rem;
}
.tekom-nav ul li .select-conference-top ul li a .c-top-time {
  font-size: 0.6875rem;
  color: #cccccc;
  font-style: italic;
  padding-top: 3px;
}
.tekom-nav ul li .select-conference-top ul li a:hover {
  text-decoration: none;
  color: rgb(112, 173, 222);
}
.tekom-nav ul li .select-conference-top.show-list {
  max-height: 600px;
  transition: max-height 3s;
}
.tekom-nav ul li.conference-list:hover {
  cursor: pointer;
}

section.tekom-ad {
  background-color: rgb(244, 244, 244);
  text-align: center;
}
section.tekom-ad img {
  margin: 10px 0 7px 0;
}
@media screen and (min-width: 768px) {
  section.tekom-ad img {
    width: auto;
  }
}

header {
  min-height: 60px;
}
@media screen and (min-width: 1024px) {
  header {
    min-height: 100px;
  }
}
@media screen and (min-width: 1200px) {
  header {
    min-height: 165px;
  }
}
header img {
  width: 40%;
  position: absolute;
  z-index: 10;
  top: 20px;
  max-width: 130px;
  left: 10px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  header img {
    width: 25%;
    top: 20px;
    left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  header img {
    width: 15%;
    top: 30px;
    left: 20px;
  }
}
@media screen and (min-width: 1200px) {
  header img {
    width: 183px;
    top: 65px;
    left: 0;
  }
}
@media screen and (max-width: 1023px) {
  header nav {
    width: 100%;
  }
  header nav ul {
    /*display: none;*/
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    /* @include transition(visibility 0.5s, opacity 0.5s);*/
    transition: visibility 0.5s, opacity 0.5s, padding 0s;
  }
  header nav ul.mobile-nav-active {
    padding: 0 4%;
    overflow: auto;
    visibility: visible;
    opacity: 1;
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 92%;
    background: rgba(112, 173, 222, 0.95);
    left: 0;
    top: 0px;
  }
  header nav ul.mobile-nav-active > li:first-child {
    margin-top: 20px;
  }
  header nav ul.mobile-nav-active > li:last-child {
    background: #1c63b8;
    margin-left: -5%;
    width: 105%;
    padding: 10px 5%;
  }
  header nav ul.mobile-nav-active > li:last-child a, header nav ul.mobile-nav-active > li:last-child label {
    color: #fff;
  }
  header nav ul.mobile-nav-active li {
    position: relative;
  }
  header nav ul.mobile-nav-active li .arrow-right {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 75%;
  }
  header nav ul.mobile-nav-active li .arrow-right:after {
    content: "+";
    font-weight: bold;
    font-size: 24px;
    transition: all 0.3s;
  }
  header nav ul.mobile-nav-active li .arrow-right.minus-icon:after {
    transform: rotate(-45deg);
  }
  header nav ul.mobile-nav-active > li:last-child .arrow-right {
    left: 69.7%;
  }
  header nav ul.mobile-nav-active a span:after {
    content: none;
  }
  header nav ul > li {
    list-style-type: none;
  }
  header nav ul > li span:first-child {
    font-size: 16px;
    font-weight: bold;
  }
  header nav ul > li span:first-child:after {
    color: #e99125;
    pointer-events: all;
  }
  header nav ul > li span:last-child {
    color: #fff;
    font-size: 14px;
  }
  header nav ul > li span:last-child:after {
    content: none;
  }
  header nav ul > li a.close-icon > span:after {
    /*content: 'X';*/
    transform: rotate(86deg);
  }
  header nav ul > li .rich_menu.show-children-2 > ul {
    display: block;
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all 0.7s;
    padding: 10px 0;
    /* background: rgba(255, 255, 255, 0.3);*/
    width: 98%;
    margin-top: 10px;
  }
  header nav ul > li .rich_menu.show-children-2 > ul > li {
    padding: 5px 0;
  }
  header nav ul > li .rich_menu.show-children-2 > ul > li.got-child > a > span:after {
    /*content:'\e805';
    font-family: tekom;*/
  }
  header nav ul > li .rich_menu .show-children-2 > ul {
    display: block;
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all 0.7s;
    padding: 20px;
    background: rgba(255, 255, 255, 0.3);
    width: 90%;
    margin-top: 10px;
  }
  header nav ul > li .rich_menu .menu_3_level > ul {
    margin: 0;
  }
  header nav ul > li .rich_menu .menu_3_level > ul > li {
    padding: 5px 0;
  }
  header nav ul > li .rich_menu .menu_3_level > ul > li.got-child > a.close-icon > span:after {
    transform: rotate(86deg);
  }
  header nav ul > li .rich_menu .menu_3_level > ul > li.got-child > a > span:after {
    /*content:'\e805';
    font-family: tekom;*/
  }
  header nav ul > li .rich_menu .menu_3_level.show-children-2 {
    margin-top: 10px;
  }
  header nav ul > li .rich_menu .menu_4_level > ul {
    width: 83%;
    margin: 0;
  }
  header nav ul > li .rich_menu .menu_4_level > ul > li a span {
    color: #0f74a8;
    display: block;
    padding: 5px 0;
  }
  header nav ul > li .rich_menu .menu_4_level.show-children-4 {
    margin-top: 10px;
  }
  header nav ul > li .rich_menu .menu_4_level.show-children-4 > ul {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-top: 10px;
  }
  header nav ul > li .rich_menu.mytekom {
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
  }
  header nav ul > li .rich_menu.mytekom.show-children-2 {
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    padding-bottom: 30px;
  }
  header nav ul > li .rich_menu.mytekom #mytekom-user {
    width: 250px;
    border: none;
    margin-bottom: 5px;
    display: block;
  }
  header nav ul > li .rich_menu.mytekom #mytekom-password {
    width: 250px;
    border: none;
    margin-bottom: 5px;
    display: block;
  }
  header nav ul > li .rich_menu.mytekom input[type=submit] {
    background: rgb(112, 173, 222);
    color: #fff;
  }
  header nav ul > li .rich_menu.mytekom .mytekom-password {
    text-align: left;
  }
  header nav ul > li .rich_menu.mytekom .mytekom-password a {
    width: 100%;
    display: block;
    margin: 0;
    height: 1.5em;
  }
  header nav ul > li .rich_menu.mytekom .mytekom_special_menu h6 {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding-top: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 94%;
    padding-bottom: 5px;
  }
  header nav ul > li .rich_menu.mytekom .mytekom_special_menu ul {
    visibility: visible;
    height: auto;
    opacity: 1;
    font-size: 13px;
    padding: 4px 0;
  }
  header nav ul > li .rich_menu.mytekom .mytekom_special_menu ul a {
    display: block;
    padding: 4px 0;
  }
  header nav ul > li .rich_menu.mytekom .mytekom_special_menu:nth-child(1) {
    order: 2;
  }
  header nav ul > li .rich_menu.mytekom .mytekom_special_menu:nth-child(2) {
    order: 3;
  }
  header nav ul > li .rich_menu.mytekom .tekom-login {
    order: 1;
  }
  header nav.mobile-nav-active > ul {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1001;
    background: rgba(112, 173, 222, 0.95);
    box-sizing: border-box;
    padding: 50px 0 20px 0 !important;
    display: block;
    overflow-y: scroll;
  }
  header nav.mobile-nav-active > ul > li > a {
    color: rgb(28, 99, 184);
    font-family: "Muli bold", Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 1.25rem;
    display: block;
    padding: 10px 15px;
    box-sizing: border-box;
  }
  header nav.mobile-nav-active > ul > li > a > span:nth-of-type(2) {
    font-family: "Muli", Arial, Helvetica, sans-serif;
    color: rgb(255, 255, 255);
    font-size: 0.9375rem;
    display: block;
  }
  header nav.mobile-nav-active > ul > li > a > span:nth-of-type(2):after {
    display: none !important;
  }
  header nav.mobile-nav-active > ul > li > a > span:nth-of-type(1):after {
    color: rgb(233, 145, 37);
    font-size: 1rem;
    margin-left: 0.25em;
  }
  header nav.mobile-nav-active > ul > li:last-of-type a {
    background: rgb(28, 99, 184);
    color: rgb(255, 255, 255);
  }
  header nav.mobile-nav-active > ul div {
    display: none;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active {
    display: block;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active.mytekom {
    background: rgb(28, 99, 184);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 1.5em;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active.mytekom form {
    padding: 0 15px;
    margin: 15px 0;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active.mytekom input {
    margin-bottom: 6px;
    width: 100%;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active.mytekom input[type=submit] {
    background-color: rgb(153, 153, 147);
    color: rgb(79, 77, 77);
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active.mytekom p.mytekom-password {
    text-align: left;
    margin: 0 0 1.5em 0;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active.mytekom p.mytekom-password a {
    color: rgb(112, 173, 222);
    width: auto;
    height: auto;
    overflow: auto;
    line-height: 1.2em;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active > div {
    display: block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active > div:nth-of-type(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active > div:nth-of-type(1) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active > div h6 {
    color: rgb(255, 255, 255);
    margin-bottom: 0.2em;
    padding: 0 15px;
    font-size: 1rem;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active ul {
    display: block;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active ul a {
    display: block;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 1rem;
    padding: 5px 15px;
    box-sizing: border-box;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active ul a span:after {
    display: none !important;
    color: rgb(233, 145, 37);
    font-size: 1rem;
    margin-left: 0.25em;
  }
  header nav.mobile-nav-active > ul div.mobile-sub-active ul li.got-child a span:after {
    display: inline-block !important;
  }
  header nav.mobile-nav-active ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  header nav.mobile-nav-active p a.icon-cancel {
    display: inline-block;
  }
  header nav p {
    text-align: right;
    padding-top: 17px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  header nav p {
    padding-top: 27px;
  }
}
@media screen and (max-width: 1023px) {
  header nav p a {
    width: 1em;
    height: 1em;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    line-height: 1em;
    margin-left: 15px;
  }
  header nav p .icon-user {
    color: rgb(28, 99, 184);
    font-size: 1.9em;
    width: 1.2em;
    display: none;
  }
  header nav p .icon-menu {
    color: rgb(79, 77, 77);
    font-size: 2.5em;
    vertical-align: -0.12em;
  }
  header nav p .icon-cancel {
    display: none;
    color: rgb(255, 255, 255);
    font-size: 2.5em;
    vertical-align: -0.12em;
    position: fixed;
    z-index: 1002;
    top: 15px;
    right: 10px;
  }
  header nav p .icon-cancel.show-close-icon {
    display: block;
    z-index: 9999999;
  }
  header nav > ul > li:nth-child(4) span.arrow-right {
    /* left: 69.5%;*/
  }
}
@media screen and (max-width: 1199px) {
  header nav > ul > li > div.rich_menu.mytekom {
    width: 100% !important;
    margin: 0 0%;
  }
}
@media screen and (min-width: 1024px) {
  header nav {
    width: 100%;
  }
  header nav span:after {
    display: none !important;
  }
  header nav > ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0;
    text-align: right;
  }
  header nav > ul > li {
    display: inline-block;
    line-height: 1.2em;
    text-align: left;
    margin-left: -4px;
    vertical-align: top;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    transition: all 0s ease;
    margin-top: 47px;
    flex: 1 1 auto;
  }
  header nav > ul > li:hover {
    color: rgb(255, 255, 255);
    background: rgba(112, 173, 222, 0.95);
  }
  header nav > ul > li:hover a span:nth-of-type(2) {
    color: rgb(28, 99, 184);
  }
  header nav > ul > li:hover a {
    color: rgb(255, 255, 255);
  }
  header nav > ul > li > a, header nav > ul > li label {
    color: rgb(28, 99, 184);
    position: relative;
    font-family: "Muli bold", Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 1.25rem;
    display: inline-block;
    padding: 20px 31px 0 30px;
    min-height: 70px;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    transition: all 0s ease;
  }
  header nav > ul > li > a > span:nth-of-type(2), header nav > ul > li label > span:nth-of-type(2) {
    font-family: "Muli", Arial, Helvetica, sans-serif;
    color: rgb(153, 153, 147);
    font-size: 0.9375rem;
  }
  header nav > ul > li > a:focus, header nav > ul > li > a.nav-active, header nav > ul > li label:focus, header nav > ul > li label.nav-active {
    color: rgb(255, 255, 255);
    background: rgba(112, 173, 222, 0.95);
  }
  header nav > ul > li > a:focus span:nth-of-type(2), header nav > ul > li > a.nav-active span:nth-of-type(2), header nav > ul > li label:focus span:nth-of-type(2), header nav > ul > li label.nav-active span:nth-of-type(2) {
    color: rgb(28, 99, 184);
  }
  header nav > ul > li > a:after, header nav > ul > li label:after {
    border-right: 1px solid rgb(79, 77, 77);
    content: "";
    display: inline-block;
    right: 0px;
    height: 40px;
    width: 1px;
    bottom: 12px;
    position: absolute;
  }
  header nav > ul > li:last-child {
    background: rgb(28, 99, 184);
    width: 180px;
  }
  header nav > ul > li:last-child > a {
    color: rgb(255, 255, 255);
    padding: 20px 30px 0 26px;
  }
  header nav > ul > li:last-child > a:hover, header nav > ul > li:last-child > a:focus {
    color: rgb(255, 255, 255);
    background: rgb(28, 99, 184);
  }
  header nav > ul > li:last-child > a span:nth-of-type(2) {
    color: rgb(112, 173, 222);
    font-size: 0.75rem;
  }
  header nav > ul > li:last-child > a:after {
    content: none;
  }
  header nav > ul > li:last-child span:nth-of-type(1) {
    color: rgb(255, 255, 255);
  }
  header nav > ul > li:last-child span:nth-of-type(2) {
    color: rgb(112, 173, 222);
  }
  header nav > ul > li:nth-last-child(2) > a:after {
    content: none;
  }
  header nav > ul > li > div.rich_menu {
    /*display: none;*/
    /*max-height: 0;*/
    opacity: 0;
    visibility: hidden;
    height: 486px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(112, 173, 222, 0.95);
    box-sizing: border-box;
    padding: 0;
    z-index: 9999;
    /*transition: opacity .3s linear .3s, visibility .3s linear .3s;*/
    transition: opacity 0s linear 0s, visibility 0s linear 0s;
  }
  header nav > ul > li > div.rich_menu h6 {
    font-size: 0.9375rem;
    color: rgb(255, 255, 255);
    margin-bottom: 1em;
    text-transform: uppercase;
  }
  header nav > ul > li > div.rich_menu > ul {
    margin: 0;
    list-style-type: none;
    padding: 60px 0 0 2%;
    width: 31%;
    box-sizing: border-box;
  }
  header nav > ul > li > div.rich_menu > ul ul {
    width: 50%;
    margin: 0;
    list-style-type: none;
    box-sizing: border-box;
  }
  header nav > ul > li > div.rich_menu > ul li {
    margin-bottom: 0.2em;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    transition: all 0s ease;
  }
  header nav > ul > li > div.rich_menu > ul li:hover {
    background: rgba(255, 255, 255, 0.3);
    color: rgb(28, 99, 184);
  }
  header nav > ul > li > div.rich_menu > ul li a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    display: block;
    padding: 0.3em 10px;
    -webkit-transition: color 0s ease;
    -moz-transition: color 0s ease;
    transition: color 0s ease;
  }
  header nav > ul > li > div.rich_menu > ul li a:hover, header nav > ul > li > div.rich_menu > ul li a:focus {
    background: none;
    color: rgb(255, 255, 255);
  }
  header nav > ul > li > div.rich_menu > ul li a.nav-active {
    background-color: rgba(255, 255, 255, 0.3);
  }
  header nav > ul > li > div.rich_menu > ul li.got-child > a > span:after {
    color: rgb(233, 145, 37);
    margin-left: 5px;
    font-size: 0.9375rem;
    display: inline-block !important;
  }
  header nav > ul > li > div.rich_menu > ul li div.menu_3_level {
    position: absolute;
    top: 30px;
    left: 31%;
    width: 70%;
    box-sizing: border-box;
    bottom: 30px;
    display: block;
    overflow: hidden;
    visibility: hidden;
  }
  header nav > ul > li > div.rich_menu > ul li div.menu_3_level ul {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    height: 100%;
    padding: 20px;
    position: absolute;
    left: -100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 10;
  }
  header nav > ul > li > div.rich_menu > ul li.got-child {
    /*slide to left 3 level menu*/
  }
  header nav > ul > li > div.rich_menu > ul li.got-child:hover div.menu_3_level {
    visibility: visible;
  }
  header nav > ul > li > div.rich_menu > ul li.got-child:hover div.menu_3_level > ul {
    left: 0;
    padding-right: 50%;
  }
  header nav > ul > li > div.rich_menu > ul li ul li a {
    padding-top: 6px;
    padding-bottom: 4px;
  }
  header nav > ul > li > div.rich_menu > ul li ul li:hover {
    background: none;
  }
  header nav > ul > li > div.rich_menu > ul li ul li:hover a {
    color: rgb(28, 99, 184);
  }
  header nav > ul > li > div.rich_menu > ul li ul li div.menu_4_level {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    box-sizing: border-box;
    bottom: 30px;
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 100%;
  }
  header nav > ul > li > div.rich_menu > ul li ul li div.menu_4_level ul {
    width: 100%;
    background-color: #73abd6;
    height: 100%;
    padding: 20px;
    position: absolute;
    left: -100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 10;
    margin-left: -100%;
    padding-right: 10px;
  }
  header nav > ul > li > div.rich_menu > ul li ul li div.menu_4_level ul li a {
    color: #fff;
    font-size: 14px;
    padding: 2px 0;
  }
  header nav > ul > li > div.rich_menu > ul li ul li div.menu_4_level ul li a:hover {
    color: rgb(28, 99, 184);
  }
  header nav > ul > li > div.rich_menu > ul li ul li.got-child {
    /*slide to left 4 level menu*/
  }
  header nav > ul > li > div.rich_menu > ul li ul li.got-child:hover div.menu_4_level {
    visibility: visible;
  }
  header nav > ul > li > div.rich_menu > ul li ul li.got-child:hover div.menu_4_level ul {
    left: 0;
    margin-left: 0;
    padding-left: 0;
  }
  header nav > ul > li > div.rich_menu > ul li ul li.got-child:hover div.menu_4_level ul li {
    padding: 0 10px 0 20px;
  }
  header nav > ul > li > div.rich_menu.mytekom {
    overflow: hidden;
  }
  header nav > ul > li > div.rich_menu.mytekom div.mytekom_special_menu {
    display: inline-block;
    vertical-align: top;
    padding: 40px 40px 0px 0;
    width: 330px;
  }
  header nav > ul > li > div.rich_menu.mytekom div.mytekom_special_menu h6 {
    /*
    position: relative;
    top: 40px;
    padding-left: 305px;
     */
  }
  header nav > ul > li > div.rich_menu.mytekom div.mytekom_special_menu ul {
    padding: 0;
  }
  header nav > ul > li > div.rich_menu.mytekom div.mytekom_special_menu ul li {
    margin-bottom: 0.2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
  }
  header nav > ul > li > div.rich_menu.mytekom div.mytekom_special_menu ul li:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  header nav > ul > li > div.rich_menu.mytekom div.mytekom_special_menu ul li a {
    padding: 0.3em 10px;
    display: block;
  }
  header nav > ul > li > div.rich_menu.mytekom {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 305px;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login {
    background: rgb(28, 99, 184);
    float: right;
    margin-top: 0;
    width: 180px;
    height: 486px;
    padding: 42px 15px 0 15px;
    color: rgb(255, 255, 255);
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login form {
    margin: 0 0 1.5em 0;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login input {
    border: none;
    background: rgb(255, 255, 255);
    margin-bottom: 8px;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit] {
    background: rgb(153, 153, 147);
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: normal;
    text-transform: capitalize;
    width: 100%;
    padding: 0.25em 0;
    font-size: 0.875rem;
    border: 1px solid rgb(153, 153, 147);
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit]:hover, header nav > ul > li > div.rich_menu.mytekom .tekom-login input[type=submit]:focus {
    box-shadow: inset 0 0 0 25px rgb(112, 173, 222);
    color: rgb(255, 255, 255);
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login ul {
    margin: 1.5em 0;
    list-style-type: none;
    padding: 0;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login ul li {
    margin-bottom: 0.5em;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login ul a:hover, header nav > ul > li > div.rich_menu.mytekom .tekom-login ul a:focus {
    color: rgb(112, 173, 222);
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a {
    color: rgb(112, 173, 222);
    position: relative;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:after {
    opacity: 0;
    border-bottom: 1px solid rgb(112, 173, 222);
    bottom: -1px;
    width: 100%;
    left: 0;
    right: 0;
    content: " ";
    position: absolute;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:hover:after, header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:focus:after {
    opacity: 1;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:nth-of-type(2) {
    display: inline-block;
    margin-top: 2em;
    font-family: "Muli bold", Arial, Helvetica, sans-serif;
    color: rgb(233, 145, 37);
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-password a:nth-of-type(2):after {
    border-bottom-color: rgb(233, 145, 37);
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-logout {
    font-weight: 700;
    bottom: 0;
    position: absolute;
  }
  header nav > ul > li > div.rich_menu.mytekom .tekom-login p.mytekom-logout a {
    color: rgb(233, 145, 37);
  }
  header nav > ul > li div.visible_rich_menu {
    visibility: visible;
    opacity: 1;
  }
  header nav > ul > li:hover div.rich_menu {
    /*transition: opacity .3s linear .0s,visibility .0s linear .0s;*/
    transition: opacity 0s linear 0s, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
  }
  header p#mobile-nav {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  header nav > ul {
    padding-top: 20px;
  }
  header nav > ul > li > a, header nav > ul > li > label {
    font-size: 1rem;
    display: inline-block;
    padding: 10px 20px 0 15px;
    /* min-height: 57px;*/
  }
  header nav > ul > li > a:after, header nav > ul > li > label:after {
    bottom: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  header nav > ul > li {
    margin-top: 0;
  }
}
header.fixed-header {
  width: 100%;
  -webkit-animation: fadeInDown 0.5s;
  -moz-animation: fadeInDown 0.5s;
  -o-animation: fadeInDown 0.5s;
  animation: fadeInDown 0.5s;
  position: fixed !important;
  top: 0;
  left: 0;
  background: rgb(255, 255, 255);
  z-index: 9999999999;
  height: auto !important;
  min-height: auto !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
header.fixed-header img {
  margin-bottom: 0;
  height: 45px;
  top: 22px;
  transition: all 0.3s;
}
header.fixed-header nav > ul > li {
  margin-top: 15px !important;
}
header.fixed-header nav > ul > li > a {
  min-height: 60px;
}
header.fixed-header > .container {
  padding-bottom: 15px !important;
}
header.fixed-header + main {
  margin-top: 130px;
}

.single-event-page-top-bg, .event-page-top-bg {
  position: relative;
}
.single-event-page-top-bg header, .event-page-top-bg header {
  position: absolute;
  top: 0;
  width: 100%;
}
.single-event-page-top-bg header img, .event-page-top-bg header img {
  left: 50px;
  top: 25px;
}
.single-event-page-top-bg header .container, .event-page-top-bg header .container {
  background: rgba(255, 255, 255, 0.85);
  width: 1300px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 25px;
}
.single-event-page-top-bg header nav > ul > li, .event-page-top-bg header nav > ul > li {
  margin-top: 35px;
}
.single-event-page-top-bg header nav > ul > li > a, .event-page-top-bg header nav > ul > li > a {
  font-size: 16px;
  padding: 20px 17px 0 14px;
}
.single-event-page-top-bg header nav > ul > li > a:after, .event-page-top-bg header nav > ul > li > a:after {
  height: 30px;
  bottom: 24px;
}
.single-event-page-top-bg header nav > ul > li > a:hover:after, .event-page-top-bg header nav > ul > li > a:hover:after {
  content: none;
}
.single-event-page-top-bg header nav > ul > li > a.next-is-hovered:after, .event-page-top-bg header nav > ul > li > a.next-is-hovered:after {
  content: none;
}
.single-event-page-top-bg header nav > ul > li > div.rich_menu, .event-page-top-bg header nav > ul > li > div.rich_menu {
  /*background: $color-lightblue85;*/
}
.single-event-page-top-bg header nav > ul > li > div.rich_menu.mytekom .tekom-login, .event-page-top-bg header nav > ul > li > div.rich_menu.mytekom .tekom-login {
  right: 50px;
}
.single-event-page-top-bg .single-event-description-wrapper, .event-page-top-bg .single-event-description-wrapper {
  position: absolute;
  bottom: 30px;
  width: 100%;
}
.single-event-page-top-bg .single-event-description-wrapper .single-event-description, .event-page-top-bg .single-event-description-wrapper .single-event-description {
  width: 600px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.75);
  text-align: center;
  padding: 20px 30px;
}
.single-event-page-top-bg .single-event-description-wrapper .single-event-description .icon-pfeil_rechts, .event-page-top-bg .single-event-description-wrapper .single-event-description .icon-pfeil_rechts {
  position: relative;
  color: #4f4d4d;
  font-weight: bold;
}
.single-event-page-top-bg .single-event-description-wrapper .single-event-description .icon-pfeil_rechts:before, .event-page-top-bg .single-event-description-wrapper .single-event-description .icon-pfeil_rechts:before {
  position: absolute;
  right: -15px;
  font-size: 10px;
  top: 9px;
  color: #1c63b8;
}
.single-event-page-top-bg .single-event-description-wrapper .single-event-description h3, .event-page-top-bg .single-event-description-wrapper .single-event-description h3 {
  font-size: 1.5rem;
}
.single-event-page-top-bg .single-event-description-wrapper .single-event-description a, .event-page-top-bg .single-event-description-wrapper .single-event-description a {
  font-size: 1.125rem;
}

header.is--fixed {
  min-height: auto;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
header.is--fixed > .container {
  background: #fff;
  padding-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  header.is--fixed > .container {
    padding-bottom: 0;
  }
}
header.is--fixed img {
  top: 16px;
}
@media screen and (max-width: 1023px) {
  header.is--fixed img {
    width: 100px;
  }
}

.conference header.is--fixed {
  animation-duration: 0.75s;
  animation-name: slide-from-bottom;
}
.conference header.is--fixed img {
  top: 16px;
}
@media screen and (max-width: 1023px) {
  .conference header.is--fixed img {
    width: 100px;
  }
}
.networking header.is--fixed, .conference header.is--fixed {
  min-height: auto;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  animation-duration: 0.75s;
  animation-name: slide-from-bottom;
}
@media screen and (max-width: 1023px) {
  .networking header.is--fixed, .conference header.is--fixed {
    min-height: 60px;
    height: 60px;
  }
}
.networking header.is--fixed .icons-under-header, .conference header.is--fixed .icons-under-header {
  top: 82px;
}
@media screen and (max-width: 1023px) {
  .networking header.is--fixed .icons-under-header, .conference header.is--fixed .icons-under-header {
    top: 66px;
  }
}
.networking header.is--fixed nav > ul > li:last-child > a > span:nth-of-type(2), .conference header.is--fixed nav > ul > li:last-child > a > span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 1023px) {
  .networking header.is--fixed nav > ul > li:last-child > a > span:nth-of-type(2), .conference header.is--fixed nav > ul > li:last-child > a > span:nth-of-type(2) {
    display: block;
  }
}
.networking header.is--fixed nav > ul > li > a, .conference header.is--fixed nav > ul > li > a {
  height: 60px;
  min-height: 60px;
}
.networking header.is--fixed img, .conference header.is--fixed img {
  height: 45px;
  top: 10px;
}
.networking header.is--fixed .icons-under-header .h--icons, .conference header.is--fixed .icons-under-header .h--icons {
  width: 40px;
  height: 40px;
}
.networking header.is--fixed .icons-under-header .h--icons svg, .conference header.is--fixed .icons-under-header .h--icons svg {
  width: 50%;
}
.networking header.is--fixed .icons-under-header .h--icons.h--messages, .conference header.is--fixed .icons-under-header .h--icons.h--messages {
  line-height: 65px;
}
.networking header.is--fixed .icons-under-header .h--icons.h--contacts, .conference header.is--fixed .icons-under-header .h--icons.h--contacts {
  line-height: 78px;
}
.networking header.is--fixed .icons-under-header .h--icons.h--profile.icon-tl-user::before, .conference header.is--fixed .icons-under-header .h--icons.h--profile.icon-tl-user::before {
  font-size: 1rem;
}
.networking header.is--fixed .icons-under-header .h--icons .css-user-icon, .conference header.is--fixed .icons-under-header .h--icons .css-user-icon {
  width: 33px;
  height: 33px;
  margin-top: 0.15rem;
}
.networking header.is--fixed .icons-under-header .h--icons .css-user-icon .user-full-name, .conference header.is--fixed .icons-under-header .h--icons .css-user-icon .user-full-name {
  line-height: 33px;
  font-size: 1rem;
}
.networking header.is--fixed .icons-under-header .h--icons .css-user-icon img, .conference header.is--fixed .icons-under-header .h--icons .css-user-icon img {
  width: 33px;
  height: 33px;
}
.networking .single-event-page-top-bg header.is--fixed, .conference .single-event-page-top-bg header.is--fixed {
  position: fixed;
  animation-duration: 0.75s;
  animation-name: slide-from-bottom;
}

.networking header.is--fixed img {
  top: 20px;
}
@media screen and (max-width: 1023px) {
  .networking header.is--fixed img {
    top: 10px;
  }
}
.networking header.is--fixed .icons-under-header {
  position: absolute;
}
.networking.is_shop .single-event-page-top-bg header.is--fixed .icon-warenkorb {
  right: 50px;
}
.networking.is_shop header.is--fixed .icon-warenkorb {
  right: 8px;
}

.conference header.is--fixed nav > ul.mobile-nav-active > li:first-child {
  margin-top: 50px;
}
.conference header.is--fixed nav > ul > li {
  margin-top: 10px;
}

.tekom-main header.is--fixed, .teccomframe header.is--fixed {
  animation-duration: 0.75s;
  animation-name: slide-from-bottom;
}
.tekom-main header.is--fixed #main-nav, .teccomframe header.is--fixed #main-nav {
  width: calc(100% - 120px);
  padding-left: 120px;
}
.tekom-main header.is--fixed #main-nav > ul, .teccomframe header.is--fixed #main-nav > ul {
  padding-top: 10px;
  padding-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .tekom-main header.is--fixed #main-nav > ul, .teccomframe header.is--fixed #main-nav > ul {
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-main header.is--fixed #main-nav > ul.mobile-nav-active, .teccomframe header.is--fixed #main-nav > ul.mobile-nav-active {
    padding-top: 50px;
  }
}
.tekom-main header.is--fixed #main-nav > ul > li, .teccomframe header.is--fixed #main-nav > ul > li {
  margin-top: 0;
  min-width: 160px;
}
.tekom-main header.is--fixed #main-nav > ul > li:last-child, .teccomframe header.is--fixed #main-nav > ul > li:last-child {
  position: unset;
  margin-top: 0;
}
@media screen and (max-width: 1023px) {
  .tekom-main header.is--fixed #main-nav > ul > li:last-child, .teccomframe header.is--fixed #main-nav > ul > li:last-child {
    position: relative;
  }
}
.tekom-main header.is--fixed #main-nav > ul > li:first-child > a:before, .teccomframe header.is--fixed #main-nav > ul > li:first-child > a:before {
  height: 30px;
  top: 50%;
  transform: translate(0, -50%);
}
.tekom-main header.is--fixed #main-nav > ul > li > a, .teccomframe header.is--fixed #main-nav > ul > li > a {
  padding: 15px 20px 0 20px;
  min-height: 60px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .tekom-main header.is--fixed #main-nav > ul > li > a, .teccomframe header.is--fixed #main-nav > ul > li > a {
    padding: 0;
    min-height: auto;
    height: auto;
  }
}
.tekom-main header.is--fixed #main-nav > ul > li > a > span:last-of-type, .teccomframe header.is--fixed #main-nav > ul > li > a > span:last-of-type {
  font-size: 0.8rem;
}
@media screen and (max-width: 1199px) {
  .tekom-main header.is--fixed #main-nav > ul > li > a > span:last-of-type, .teccomframe header.is--fixed #main-nav > ul > li > a > span:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-main header.is--fixed #main-nav > ul > li > a > span:last-of-type, .teccomframe header.is--fixed #main-nav > ul > li > a > span:last-of-type {
    display: block;
  }
}
.tekom-main header.is--fixed #main-nav > ul > li > a > span, .teccomframe header.is--fixed #main-nav > ul > li > a > span {
  font-size: 1.15rem;
}
@media screen and (max-width: 1199px) {
  .tekom-main header.is--fixed #main-nav > ul > li > a > span, .teccomframe header.is--fixed #main-nav > ul > li > a > span {
    font-size: 1rem;
  }
}
.tekom-main header.is--fixed #main-nav > ul > li > a:after, .teccomframe header.is--fixed #main-nav > ul > li > a:after {
  height: 30px;
  top: 50%;
  transform: translate(0, -50%);
}
.tekom-main header.is--fixed #main-nav > ul > li div.rich_menu.mytekom, .teccomframe header.is--fixed #main-nav > ul > li div.rich_menu.mytekom {
  top: auto;
}
.tekom-main header.is--fixed img, .teccomframe header.is--fixed img {
  width: 100px;
}
@media screen and (max-width: 1023px) {
  .tekom-main header.is--fixed img, .teccomframe header.is--fixed img {
    top: 20px;
  }
}
.tekom-main header.is--fixed nav p, .teccomframe header.is--fixed nav p {
  padding-top: 20px;
}
@media screen and (max-width: 1023px) {
  .tekom-main header.is--fixed nav p, .teccomframe header.is--fixed nav p {
    padding-top: 12px;
  }
}

.tekom-meetup header.is--fixed {
  animation-duration: 0.75s;
  animation-name: slide-from-bottom;
}
.tekom-meetup header.is--fixed nav > ul > li {
  margin-top: 10px;
}
.tekom-meetup header.is--fixed nav > ul > li > a {
  font-size: 1.15rem;
  height: 60px;
  min-height: 60px;
}
.tekom-meetup header.is--fixed nav > ul > li > a:after {
  height: 25px;
  bottom: 17px;
}
.tekom-meetup header.is--fixed nav p {
  padding-top: 16px;
}
.tekom-meetup header.is--fixed img {
  height: 60px;
  width: auto;
  top: 9px;
  left: 10px;
}

.nordictechkomm header.is--fixed, .evolution-tc header.is--fixed {
  animation-duration: 0.75s;
  animation-name: slide-from-bottom;
}
.nordictechkomm header.is--fixed nav ul > li, .evolution-tc header.is--fixed nav ul > li {
  margin-top: 10px;
}
.nordictechkomm header.is--fixed nav ul > li > a, .evolution-tc header.is--fixed nav ul > li > a {
  min-height: 60px;
  height: 60px;
  padding-bottom: 10px;
  font-size: 1.15rem;
}
.nordictechkomm header.is--fixed nav ul > li > a:after, .evolution-tc header.is--fixed nav ul > li > a:after {
  height: 25px;
}
.nordictechkomm header.is--fixed nav ul > li:last-child > a > span:nth-of-type(2), .evolution-tc header.is--fixed nav ul > li:last-child > a > span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 1023px) {
  .nordictechkomm header.is--fixed nav ul > li:last-child > a > span:nth-of-type(2), .evolution-tc header.is--fixed nav ul > li:last-child > a > span:nth-of-type(2) {
    display: block;
  }
}
.nordictechkomm header.is--fixed nav ul > li > div.rich_menu.mytekom .tekom-login, .evolution-tc header.is--fixed nav ul > li > div.rich_menu.mytekom .tekom-login {
  width: 227px;
}
.nordictechkomm header.is--fixed img, .evolution-tc header.is--fixed img {
  height: 60px;
  width: auto;
  top: 9px;
  left: 10px;
}

@keyframes slide-from-bottom {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
.event-page-top-bg header {
  position: unset;
}

/* Tagungen (conference) */
.conference header img {
  top: 35px;
}
.conference header nav > ul > li {
  margin-top: 35px;
}
@media screen and (max-width: 1299px) {
  .conference header nav > ul > li {
    margin-top: 0;
  }
}
.conference header nav > ul > li:last-child > a {
  padding: 19px 0 0 10px;
  font-size: 16px;
}
.conference header nav > ul > li > a {
  font-size: 16px;
  padding: 20px 17px 0 14px;
}
.conference header nav > ul > li > a:after {
  height: 30px;
  top: 50%;
  transform: translate(0, -50%);
}

@media screen and (max-width: 1300px) {
  .single-event-page-top-bg header, .event-page-top-bg header {
    position: unset;
  }
  .single-event-page-top-bg header .container, .event-page-top-bg header .container {
    width: 100%;
  }
  .single-event-page-top-bg header .container nav > ul, .event-page-top-bg header .container nav > ul {
    padding-top: 40px;
  }
  .single-event-page-top-bg header .container nav > ul > li > a, .event-page-top-bg header .container nav > ul > li > a {
    padding: 19px 10px 0 10px;
  }
  .single-event-page-top-bg header .container nav > ul > li > a:after, .event-page-top-bg header .container nav > ul > li > a:after {
    height: 20px;
    bottom: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .single-event-page-top-bg header .container nav > ul > li > a, .event-page-top-bg header .container nav > ul > li > a {
    /*min-height: 64px;*/
  }
}
@media screen and (max-width: 1024px) {
  header nav .tekom-login p {
    text-align: left;
    color: rgb(255, 255, 255);
    padding: 0;
    margin: 0.5em 0;
  }
  header nav .tekom-login ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding-left: 0;
    margin-bottom: 1em;
  }
  header nav .tekom-login ul li {
    margin: 0.25em 0;
  }
  header nav .tekom-login p.mytekom-logout a {
    width: auto;
    color: rgb(112, 173, 222) !important;
    font-family: "Muli bold", Arial, Helvetica, sans-serif;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-nav nav p {
    display: block;
    margin: 0;
    position: relative;
    top: 5px;
  }
  .tekom-nav nav ul {
    background-color: #4f4d4d;
    max-height: 0;
    transition: max-height 1.25s;
    overflow: hidden;
  }
  .tekom-nav nav ul.open {
    max-height: 1000px;
    transition: max-height 1.25s;
    padding-top: 0;
  }
  .tekom-nav nav ul li {
    display: block;
    padding: 3px 0;
  }
  .tekom-nav nav ul li:first-child {
    padding-top: 15px;
  }
  .tekom-nav nav ul li a:before {
    content: none;
  }
  .single-event-page-top-bg header .container, .event-page-top-bg header .container {
    padding-bottom: 0;
  }
  .single-event-page-top-bg header .container nav > ul, .event-page-top-bg header .container nav > ul {
    padding-top: 0;
  }
  .single-event-page-top-bg header .container nav > ul > li, .event-page-top-bg header .container nav > ul > li {
    margin-bottom: 15px;
  }
  .single-event-page-top-bg header .container nav > ul > li .rich_menu > ul, .event-page-top-bg header .container nav > ul > li .rich_menu > ul {
    background: rgba(255, 255, 255, 0.3);
    padding-left: 20px;
  }
  .single-event-page-top-bg header .container nav > ul > li:nth-child(4) span.arrow-right, .event-page-top-bg header .container nav > ul > li:nth-child(4) span.arrow-right {
    left: 75%;
  }
  .single-event-page-top-bg header img, .event-page-top-bg header img {
    top: 17px;
    max-width: 120px;
    left: 15px;
  }
  .single-event-page-top-bg .single-event-description-wrapper .single-event-description, .event-page-top-bg .single-event-description-wrapper .single-event-description {
    box-sizing: border-box;
    width: 80%;
  }
  form div label {
    display: block;
  }
  /*Tagungen conference*/
  .conference .mytekom-edit-box ul li dl dd {
    width: 100%;
  }
  .conference .mytekom-edit-box ul li dl dt {
    width: 100%;
    text-align: left;
  }
  .conference main .container .content-element ul li[class^=c-state-]:before {
    top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .conference header nav > ul > li:last-child > a {
    padding: 0;
    font-size: inherit;
  }
  .conference .mytekom-edit-box {
    padding: 0;
  }
  .conference .mytekom-edit-box .no--results {
    padding: 10px 5px 0 10px;
  }
  .single-event-page-top-bg header .container, .event-page-top-bg header .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* Tekom New Style */
/*
$screen-md-max - 1199px
$screen-sm-max - 1023px
$screen-xs-max - 767px
*/
.tekom-main header img {
  top: 30px;
}
.tekom-main header nav > ul {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .tekom-main header nav > ul {
    padding-top: 80px;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-main header nav > ul {
    display: block;
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .tekom-main header nav > ul {
    padding-top: 0;
  }
}
.tekom-main header nav > ul > li {
  margin-left: 0;
}
@media screen and (max-width: 1199px) {
  .tekom-main header nav > ul > li {
    margin-top: 0;
  }
}
.tekom-main header nav > ul > li:last-child {
  position: absolute;
  margin: 0;
  background: transparent;
  right: 0;
  top: 5px;
}
@media screen and (max-width: 1023px) {
  .tekom-main header nav > ul > li:last-child {
    position: relative;
    margin-left: -5%;
    top: 0;
    background: rgb(28, 99, 184);
  }
}
.tekom-main header nav > ul > li:last-child:hover {
  height: 168px;
}
@media screen and (max-width: 1023px) {
  .tekom-main header nav > ul > li:last-child:hover {
    height: auto;
  }
}
.tekom-main header nav > ul > li:last-child > a {
  background: #1c63b8;
  display: block;
}
.tekom-main header nav > ul > li:first-child > a:before {
  border-right: 1px solid #4f4d4d;
  content: "";
  display: inline-block;
  left: -1px;
  height: 40px;
  width: 1px;
  bottom: 12px;
  position: absolute;
}
@media screen and (max-width: 1023px) {
  .tekom-main header nav > ul > li:first-child > a:before {
    content: none;
  }
}
.tekom-main header nav > ul > li:nth-last-child(2) > a:after {
  content: "";
}
.tekom-main header nav > ul > li div.rich_menu.mytekom {
  right: 0;
  left: auto;
  width: 1200px;
  top: 152px;
}
@media screen and (max-width: 1199px) {
  .tekom-main header nav > ul > li div.rich_menu.mytekom {
    top: 130px;
    right: -4px;
  }
}
.tekom-main main p.breadcrumb {
  margin-top: 2.5em;
  margin-bottom: 0;
}

.summercon header img {
  width: auto;
  height: 110px;
  top: 15px;
}
@media screen and (max-width: 1023px) {
  .summercon header img {
    height: 95px;
    top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .summercon header img {
    height: 65px;
  }
}
.summercon header .mytekom.rich_menu h6 {
  display: none;
}
@media screen and (max-width: 1199px) {
  .summercon header nav > ul > li > div.rich_menu.mytekom .tekom-login {
    /*right: 2%;*/
  }
}
@media screen and (max-width: 1199px) {
  .summercon header .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.summercon .single-event-page-top-bg header img {
  display: none;
}
@media screen and (max-width: 1199px) {
  .summercon .single-event-page-top-bg header .container nav > ul > li > a, .summercon .single-event-page-top-bg header .event-page-top-bg header .container nav > ul > li > a {
    /*min-height: 64px;*/
  }
}
.summercon .single-event-description-wrapper .single-event-description {
  display: none;
}
.summercon .single-event-description-wrapper .single-event-description a.icon-pfeil_rechts {
  display: none;
}

@media screen and (max-width: 1199px) {
  .conference header {
    height: 160px;
    min-height: 160px;
  }
}
@media screen and (max-width: 1023px) {
  .conference header {
    height: 90px;
    min-height: 90px;
  }
}
@media screen and (max-width: 1023px) {
  .conference header {
    height: 60px;
    min-height: 60px;
  }
}
@media screen and (max-width: 1199px) {
  .conference header nav > ul {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1299px) {
  .conference header nav > ul {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .conference header nav > ul > li > div.rich_menu.mytekom .tekom-login {
    right: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .conference header img {
    left: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .conference header img {
    left: 2%;
    top: 10px;
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .conference header img {
    top: 10px;
    height: 45px;
  }
}
.conference header.is--fixed nav > ul {
  padding-top: 0;
}
@media screen and (max-width: 1199px) {
  .conference .single-event-page-top-bg header,
  .conference .event-page-top-bg header {
    height: 130px;
    min-height: 130px;
  }
}
@media screen and (max-width: 1023px) {
  .conference .single-event-page-top-bg header,
  .conference .event-page-top-bg header {
    height: 60px;
    min-height: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .conference .single-event-page-top-bg header nav p,
  .conference .event-page-top-bg header nav p {
    padding-top: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .conference #mobile-nav {
    position: relative;
    left: 35px;
    padding-top: 12px;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
  }
}
/* Standard syntax */
@keyframes fadeInDown {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.tekom-main header.fixed-header img {
  height: 22px;
  width: auto;
}
.tekom-main header.fixed-header nav {
  width: 89%;
  padding-left: 11%;
}
.tekom-main header.fixed-header nav > ul {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .tekom-main header.fixed-header nav > ul > li:last-child {
    position: unset;
  }
}
@media screen and (min-width: 1024px) {
  .tekom-main header.fixed-header nav > ul > li:last-child:hover {
    padding-bottom: 0;
    height: auto;
  }
}
.tekom-main header.fixed-header nav > ul > li:first-child > a:before {
  content: none;
}
.tekom-main header.fixed-header nav > ul > li:nth-last-child(2) > a:after {
  content: none;
}
@media screen and (min-width: 1024px) {
  .tekom-main header.fixed-header nav > ul > li > a {
    padding: 10px 15px 0 15px;
    font-size: 1.1rem;
  }
}
.tekom-main header.fixed-header nav > ul > li div.rich_menu.mytekom {
  top: auto;
}

.icon-warenkorb {
  display: none;
  width: 0;
  height: 0;
}

.is_shop header nav {
  padding: 0 3rem 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .is_shop header nav p {
    padding-top: 12px;
  }
}
.is_shop header .icon-warenkorb {
  position: absolute;
  display: block;
  right: 0;
  top: 50px;
  font-size: 32px;
  cursor: pointer;
  transition: all 0.3s;
  width: 34px;
  height: 37px;
}
.is_shop header .icon-warenkorb:hover {
  color: rgb(112, 173, 222);
}
@media screen and (max-width: 1199px) {
  .is_shop header .icon-warenkorb {
    right: 47px;
  }
}
@media screen and (max-width: 1023px) {
  .is_shop header .icon-warenkorb {
    right: 15px;
    top: 11px;
  }
}
.is_shop header.is--fixed .icon-warenkorb {
  top: 20px;
  right: 8px;
}
@media screen and (max-width: 1023px) {
  .is_shop header.is--fixed .icon-warenkorb {
    top: 12px;
  }
}
.is_shop .single-event-page-top-bg header nav > ul > li > div.rich_menu.mytekom .tekom-login {
  right: calc(50px + 3rem);
}
.is_shop header nav > ul > li > div.rich_menu.mytekom .tekom-login {
  right: 3rem;
}
@media screen and (max-width: 1199px) {
  .is_shop header nav > ul > li > div.rich_menu.mytekom .tekom-login {
    right: calc(50px + 3rem);
  }
}
.is_shop .single-event-page-top-bg .icon-warenkorb {
  right: 50px;
}
@media screen and (max-width: 1023px) {
  .is_shop .single-event-page-top-bg .icon-warenkorb {
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .is_shop .content form input[type=submit], .is_shop .content form button.btn {
    float: none;
    width: 100%;
  }
}
.is_shop .single-event-page-top-bg header.is--fixed .icon-warenkorb {
  top: 20px;
}
@media screen and (max-width: 1023px) {
  .is_shop .single-event-page-top-bg header.is--fixed .icon-warenkorb {
    top: 11px;
  }
}

.mytekom-edit-box .no--results {
  padding: 10px 5px 0 10px;
}

.colored-am-gray {
  background-color: #5e778b;
}
.colored-am-gray.fixed-am-header {
  position: fixed;
  left: 0;
  top: 90px;
  width: 100%;
  z-index: 9;
}
@media screen and (max-width: 1199px) {
  .colored-am-gray.fixed-am-header {
    top: 90px;
  }
}

.colored-container-lighter-gray .container {
  background-color: rgb(244, 244, 244);
}
.colored-container-lighter-gray.fixed-container-header {
  position: fixed;
  left: 0;
  top: 210px;
  width: 100%;
  z-index: 9;
}
@media screen and (max-width: 1199px) {
  .colored-container-lighter-gray.fixed-container-header {
    top: 180px;
  }
}

@media screen and (max-width: 767px) {
  nav.am-level-1.show-am {
    display: block;
  }
}
nav.am-level-1 ul {
  margin: 0;
  padding: 20px;
  font-size: 1.1rem;
}
@media screen and (max-width: 1199px) {
  nav.am-level-1 ul {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  nav.am-level-1 ul {
    margin: 0 0 0 0;
    padding: 0 5px 15px 5px;
  }
}
nav.am-level-1 ul li {
  list-style-type: none;
  display: inline-block;
  width: auto;
  padding: 0 30px 5px 0;
  vertical-align: top;
  position: relative;
}
nav.am-level-1 ul li:after {
  content: "";
  width: 6px;
  background-color: rgb(255, 255, 255);
  height: 6px;
  right: 12px;
  position: absolute;
  border-radius: 100%;
  top: 9px;
}
@media screen and (max-width: 767px) {
  nav.am-level-1 ul li:after {
    content: none;
  }
}
nav.am-level-1 ul li:last-of-type:after {
  content: none;
}
@media screen and (max-width: 767px) {
  nav.am-level-1 ul li {
    width: 100%;
    display: block;
  }
}
nav.am-level-1 ul li a {
  color: rgb(255, 255, 255);
  transition: all 0.3s;
}
nav.am-level-1 ul li a:hover {
  color: rgb(233, 145, 37);
}
nav.am-level-1 ul li a.nav-active {
  color: rgb(233, 145, 37);
}
@media screen and (max-width: 767px) {
  nav.am-level-2.show-am {
    display: block;
    padding-top: 5px;
  }
}
nav.am-level-2 ul {
  margin: 0;
  padding: 15px 20px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  nav.am-level-2 ul {
    margin: 0;
    padding: 15px 5px 15px 5px;
  }
}
nav.am-level-2 ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0 0 0.3rem 0;
  width: auto;
  margin-right: 1rem;
  font-size: 1.05rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  nav.am-level-2 ul li:first-of-type {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  nav.am-level-2 ul li:last-of-type {
    padding-left: 0;
  }
}
nav.am-level-2 ul li:after {
  content: "";
  width: 5px;
  background-color: rgb(233, 145, 37);
  height: 5px;
  right: -0.65rem;
  position: absolute;
  border-radius: 100%;
  top: 10px;
}
@media screen and (max-width: 767px) {
  nav.am-level-2 ul li:after {
    content: none;
  }
}
@media screen and (max-width: 1199px) {
  nav.am-level-2 ul li {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  nav.am-level-2 ul li {
    width: 100%;
    display: block;
    padding: 5px 0;
  }
}
nav.am-level-2 ul li a {
  color: #5e778b;
  transition: all 0.3s;
}
nav.am-level-2 ul li a:hover {
  color: #4E0E9F;
}
nav.am-level-2 ul li a.nav-active {
  color: #4E0E9F;
}
nav.am-level-2 ul li:last-child:after {
  content: none;
}

.burger-menu-for-am {
  position: relative;
  height: 40px;
  display: none;
  z-index: 9;
  background-color: #5e778b;
}
@media screen and (max-width: 767px) {
  .burger-menu-for-am {
    display: block;
  }
}
.burger-menu-for-am > div {
  position: absolute;
  right: 15px;
  width: 25px;
  height: 15px;
  top: 9px;
  border-top: 2px solid #fff;
}
.burger-menu-for-am > div:before, .burger-menu-for-am > div:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: rgb(255, 255, 255);
  left: 0;
  transition: all 0.3s;
}
.burger-menu-for-am > div:before {
  top: 5px;
}
.burger-menu-for-am > div:after {
  bottom: 0;
}
.burger-menu-for-am > div.close-am {
  border: none;
}
.burger-menu-for-am > div.close-am:before {
  top: 10px;
  transform: rotate(-45deg);
}
.burger-menu-for-am > div.close-am:after {
  bottom: 3px;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .burger-menu-for-am.fixed-am-burger-am {
    top: 100px;
    position: fixed;
    width: 100%;
    left: 0;
  }
}

.am-section {
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .am-section {
    display: none;
  }
}
.am-section.show-am {
  display: block;
}
.am-section.fixed-am-section {
  position: fixed;
  left: 0;
  width: 100%;
  top: 90px;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .am-section.fixed-am-section {
    top: 140px;
    z-index: 999;
  }
}

@media screen and (max-width: 767px) {
  .dark-gray--am {
    display: none;
  }
}
.dark-gray--am.show-am {
  display: block;
}

.content-accordeon[class*=" purple-"] > label {
  padding: 1.2em 30px 1.2em 20px !important;
}
.content-accordeon.purple-1 > label {
  background-color: #4E0E9F;
  color: rgb(255, 255, 255);
}
.content-accordeon.purple-2 > label {
  background-color: #7E0E9F;
  color: rgb(255, 255, 255);
}
.content-accordeon.purple-3 > label {
  background-color: #9F0E7E;
  color: rgb(255, 255, 255);
}

.start-teaser {
  margin-bottom: 40px;
}
.start-teaser .container {
  background: rgb(244, 244, 244);
  overflow: hidden;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .start-teaser .container {
    padding: 0;
  }
}

.teaser-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
}
.teaser-slider ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  white-space: nowrap;
  padding: 0;
}
.teaser-slider ul li {
  display: inline-block;
  width: 100%;
  position: relative;
  white-space: normal;
  vertical-align: top;
}
.teaser-slider ul li div {
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 50px;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  .teaser-slider ul li div {
    /*
    max-width: 100%;
    left: 0;
    bottom:0;
    padding: 15px 50px;
    position: absolute;
    */
    width: 30%;
    padding: 40px;
    position: absolute;
    bottom: 5%;
    right: 25px;
    height: 90%;
  }
}
@media screen and (max-width: 1199px) {
  .teaser-slider ul li div {
    padding: 25px 40px;
  }
}
@media screen and (max-width: 1023px) {
  .teaser-slider ul li div {
    padding: 25px;
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .teaser-slider ul li div {
    position: absolute;
    bottom: 30px;
    top: auto;
    z-index: 99999;
    width: 90%;
    left: 5%;
    height: 70%;
  }
}
.teaser-slider ul li div h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  color: rgb(28, 99, 184);
}
@media screen and (max-width: 1023px) {
  .teaser-slider ul li div h3 {
    font-size: 1.25rem;
  }
}
.teaser-slider ul li div p {
  font-size: 0.9375rem;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
@media screen and (max-width: 1199px) {
  .teaser-slider ul li div p {
    margin: 15px 0;
  }
}
.teaser-slider ul li div p:last-of-type {
  margin-bottom: 0;
}
.teaser-slider ul li div p a {
  color: rgb(28, 99, 184);
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.teaser-slider ul li div p a:hover, .teaser-slider ul li div p a:focus {
  color: rgb(28, 99, 184);
}
.teaser-slider ul li div p a:after {
  color: rgb(233, 145, 37);
  font-size: 0.75rem;
  margin-left: 0.2em;
}
.teaser-slider ul li ul {
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  /*top: calc(50% - 1.5em);*/
  bottom: 30px;
  white-space: normal !important;
  overflow: hidden;
  padding: 0 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
  .teaser-slider ul li ul {
    bottom: 25px;
  }
}
.teaser-slider ul li ul li {
  display: inline-block;
  width: 50% !important;
  float: left;
}
.teaser-slider ul li ul li:last-of-type {
  float: right;
  text-align: right;
}
.teaser-slider ul li ul li a {
  /*background: $color-white;*/
  /*font-size:1.75em;*/
  font-size: 1.1em;
  box-sizing: border-box;
  padding: 0.3em 0.1em 0.2em 0.1em;
  display: inline-block;
  color: rgb(28, 99, 184);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.teaser-slider ul li ul li a:hover, .teaser-slider ul li ul li a:focus {
  color: rgb(233, 145, 37);
  /*background: $color-blue;*/
}
.teaser-slider img {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .teaser-slider {
    /*width: 67.08%;*/
    width: 100%;
    float: left;
  }
}

.news-list {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 20px 3em 20px;
  position: relative;
  /*Tagungstool*/
}
.news-list .events-box ul {
  padding: 0;
  margin: 0;
}
.news-list .events-box ul li {
  border-bottom: 1px solid #4f4d4d;
  list-style-type: none;
  padding: 15px 0;
}
.news-list .events-box ul li a {
  display: block;
  font-weight: bold;
}
.news-list .events-box ul li a .event-title {
  display: block;
}
.news-list .events-box ul li a .event-d {
  display: block;
  color: #4f4d4d;
}
.news-list .events-box ul li a .event-d .d-1 {
  position: relative;
  padding-right: 10px;
}
.news-list .events-box ul li a .event-d .d-1:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background: #4F4D4D;
  top: 4px;
  right: -2px;
}
.news-list .events-box ul li a .event-d .d-2.icon-pfeil_rechts {
  position: relative;
  padding-left: 10px;
}
.news-list .events-box ul li.event-no-link a {
  color: #999;
  pointer-events: none;
}
.news-list .events-box ul li.event-no-link a .event-d {
  color: #999;
}
.news-list .events-box ul li.event-no-link a .event-d .d-1:after {
  background: #999;
}
.news-list .events-box ul li.event-no-link a .event-d .d-2:before {
  content: none;
}
.news-list .events-box ul li:last-child {
  border-bottom: none;
}
.news-list .events-box .all-events-link {
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .news-list {
    padding: 20px;
  }
}
.news-list h6 {
  color: rgb(79, 77, 77);
  text-transform: uppercase;
  margin: 0;
  font-size: 1.875rem;
}
.news-list .news-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.news-list .news-slider ul {
  position: relative;
  list-style-type: none;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.news-list .news-slider li {
  width: 100%;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 1024px) {
  .news-list .news-slider li {
    padding-top: 2.5em;
  }
}
.news-list .news-slider li:hover {
  opacity: 0.9;
}
.news-list .news-slider h2 {
  font-size: 1.5rem;
  color: rgb(153, 153, 147);
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1023px) {
  .news-list .news-slider h2 {
    font-size: 1.125rem;
  }
}
.news-list .news-slider a {
  color: rgb(28, 99, 184);
  text-decoration: none;
  font-weight: 700;
}
.news-list > p {
  position: absolute;
  text-align: left;
  bottom: 14px;
  margin: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  padding: 0 40px;
  box-sizing: border-box;
}
.news-list > p > a {
  display: inline-block;
  text-indent: -9999px;
  width: 1em;
  font-size: 0.875rem;
  margin: 0 3px;
  height: 1em;
  border: 2px solid rgb(28, 99, 184);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.news-list > p > a:hover, .news-list > p > a:focus, .news-list > p > a.news-pager-active {
  background: rgb(28, 99, 184);
}
.news-list > p span {
  float: right;
}
.news-list > p span a:after {
  color: rgb(28, 99, 184);
  content: "\e805";
  font-family: "tekom";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-left: 0.2em;
  text-align: center;
  line-height: 1em;
}
@media screen and (min-width: 768px) {
  .news-list {
    width: 32.92%;
    float: left;
    padding: 45px 40px;
  }
}
@media screen and (min-width: 1200px) {
  .news-list {
    height: 435px;
  }
}
.news-list.events-list {
  padding-top: 30px;
  padding-bottom: 30px;
}
.news-list.events-list .icon-pfeil_rechts:before {
  position: absolute;
  right: -15px;
  color: #e99125;
  font-size: 10px;
  top: 6px;
}

@media screen and (min-width: 768px) {
  .start-boxes {
    margin-bottom: 8px;
  }
}
.start-boxes .container {
  background: rgb(28, 99, 184);
  background: -moz-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: -webkit-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: linear-gradient(to right, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
}
.start-boxes .container.container-white-bg {
  background: #fff;
}
.start-boxes .container.container-white-bg h3 {
  color: rgb(28, 99, 184);
}
.start-boxes .container.container-white-bg .tekom-grid h4[class*=icon-]:before {
  color: rgb(28, 99, 184);
}
.start-boxes .container.container-white-bg .tekom-grid h4 {
  color: rgb(28, 99, 184);
}
.start-boxes .container.container-white-bg .tekom-grid h4 a {
  color: rgb(28, 99, 184);
}
.start-boxes .container.container-white-bg .tekom-grid p {
  color: rgb(79, 77, 77);
}
.start-boxes .container.container-white-bg .tekom-grid p a {
  color: rgb(28, 99, 184);
  font-weight: bold;
}
.start-boxes .container.container-white-bg .tekom-grid p a:after {
  color: rgb(233, 145, 37);
}
.start-boxes h3 {
  color: rgb(255, 255, 255);
  font-size: 1.875rem;
  text-transform: uppercase;
  text-align: center;
  padding-top: 1.2em;
  margin: 0 0 0.9em 0;
}
.start-boxes h4 {
  margin-bottom: 1em;
  font-size: 1.25rem;
  position: relative;
  padding-top: 6em;
  color: rgb(255, 255, 255);
}
.start-boxes h4:before {
  font-size: 4em;
  width: 1em;
  height: 1em;
  color: rgb(255, 255, 255);
  top: 0;
  position: absolute;
  left: calc(50% - 0.5em);
}
.start-boxes h4.icon-techn_kommunikation:before {
  font-size: 8em;
  top: -0.25em;
}
.start-boxes .tekom-grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .start-boxes .tekom-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.start-boxes .tekom-grid > div {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-align: center;
  color: rgb(255, 255, 255);
  box-sizing: border-box;
  padding: 1em 15px;
  margin-bottom: 2em;
  background: none;
  position: relative;
  cursor: pointer;
}
.start-boxes .tekom-grid > div:before {
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 60%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 60%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
  opacity: 0;
  display: inline-block;
  content: " ";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  transition: 0.5s ease;
}
.start-boxes .tekom-grid > div:hover:before {
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .start-boxes .tekom-grid > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
  .start-boxes .tekom-grid > div:nth-of-type(1) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .start-boxes .tekom-grid > div:nth-of-type(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .start-boxes .tekom-grid > div:nth-of-type(3) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    border: none;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .start-boxes .tekom-grid > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 33.3333333333%;
    -ms-flex: 0 1 33.3333333333%;
    flex: 0 1 33.3333333333%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: 1024px) {
  .start-boxes .tekom-grid > div {
    padding: 1em 35px;
  }
}
.start-boxes .tekom-grid > div a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.start-boxes .tekom-grid > div a:after {
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  margin-left: 0.2em;
}
.start-boxes .tekom-grid .icon-blank:before {
  background: #fff;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  content: "";
}

.tekom-boxes {
  padding-bottom: 2em;
}
.tekom-boxes .tekom-grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.tekom-boxes .tekom-grid .slider-grid:after {
  content: none;
}
.tekom-boxes .tekom-grid.items-stretch {
  align-items: stretch;
}
.tekom-boxes .tekom-grid.items-stretch .tekom-grid-c1:not(.clickable) {
  cursor: auto;
  opacity: unset;
}
@media screen and (min-width: 768px) {
  .tekom-boxes .tekom-grid {
    margin: 0 -8px 8px -8px;
  }
}
.tekom-boxes .tekom-grid > div {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.tekom-boxes .tekom-grid > div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-box-shadow: 0 0 10px 0 rgb(79, 77, 77);
  -webkit-box-shadow: 0 0 10px 0 rgb(79, 77, 77);
  box-shadow: 0 0 10px 0 rgb(79, 77, 77);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: -1;
}
.tekom-boxes .tekom-grid > div:hover:after {
  opacity: 1;
}
.tekom-boxes .tekom-grid > div .responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .tekom-boxes .tekom-grid > div .responsive-video {
    padding-top: 30px;
  }
}
.tekom-boxes .tekom-grid > div .responsive-video iframe {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .tekom-boxes .tekom-grid > div {
    margin: 8px;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(50% - 16px);
    -ms-flex: 0 1 calc(50% - 16px);
    flex: 0 1 calc(50% - 16px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-top: calc(33.3333333333% - 16px);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox {
    padding: 0;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-pink h4, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-pink p, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-pink p a, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-blue h4, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-blue p, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-blue p a, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkgray h4, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkgray p, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-darkgray p a, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-bluegray h4, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-bluegray p, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-bluegray p a {
    color: rgb(255, 255, 255);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-lightgreen a, .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox.tb-lightblue a {
    color: rgb(255, 255, 255);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox h4 {
    color: rgb(28, 99, 184);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox h4 a {
    color: rgb(28, 99, 184);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox p {
    color: rgb(79, 77, 77);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox p a {
    color: rgb(28, 99, 184);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox p a:after {
    content: "\e805";
    font-family: "tekom";
    color: rgb(233, 145, 37);
    font-size: 11px;
    margin-left: 3px;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    display: block;
    height: auto;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 .box-image {
    background: rgb(79, 77, 77);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 .box-image:hover audio {
    opacity: 1;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 .box-image img {
    display: block;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 .box-image video {
    max-width: 100%;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div.box-content {
    padding: 15px 20px 10px;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div.box-content h4 {
    text-align: left;
    margin-bottom: 15px;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div.box-content p {
    text-align: left;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.tb-lightgreen h4, .tekom-boxes .tekom-grid > div.tekom-grid-c1.tb-lightgreen p, .tekom-boxes .tekom-grid > div.tekom-grid-c1.tb-lightgreen a {
    color: rgb(79, 77, 77);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-mt {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(50% - 16px);
    -ms-flex: 0 1 calc(50% - 16px);
    flex: 0 1 calc(50% - 16px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-top: calc(33.3333333333% - 16px);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-mt h4 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .tekom-boxes .tekom-grid > div {
    padding-top: calc(33.3333333333% - 16px);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(33.3333333333% - 16px);
    -ms-flex: 0 1 calc(33.3333333333% - 16px);
    flex: 0 1 calc(33.3333333333% - 16px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-mt {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(25% - 16px);
    -ms-flex: 0 1 calc(25% - 16px);
    flex: 0 1 calc(25% - 16px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-top: calc(25% - 16px);
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1, .tekom-boxes .tekom-grid > div.tekom-grid-mt, .tekom-boxes .tekom-grid > div.tekom-grid-c2 {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  max-width: 100%;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1:hover, .tekom-boxes .tekom-grid > div.tekom-grid-mt:hover, .tekom-boxes .tekom-grid > div.tekom-grid-c2:hover {
  opacity: 0.7;
  cursor: pointer;
}
.tekom-boxes .tekom-grid > div.tekom-grid-mt a {
  border-bottom: none !important;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c2 {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c2 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(100% - 16px);
    -ms-flex: 0 1 calc(100% - 16px);
    flex: 0 1 calc(100% - 16px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c2 dt {
    width: calc(50% - 8px);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c2 dd {
    width: calc(50% - 8px);
  }
}
@media screen and (min-width: 1024px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c2 {
    -webkit-flex: 0 1 calc(66.6666666667% - 16px);
    -ms-flex: 0 1 calc(66.6666666667% - 16px);
    flex: 0 1 calc(66.6666666667% - 16px);
    height: calc(33.3333333333% - 16px);
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c2 > div {
    position: absolute;
    width: 100%;
    top: 0;
    box-sizing: border-box;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c3 {
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: left;
  padding: 0;
  height: auto;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c3 dl dt {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c3 dl dt {
    box-sizing: border-box;
    padding: 30px 30px 0 30px;
  }
}
@media screen and (min-width: 768px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c3 dl dt {
    width: calc(50% - 8px);
  }
}
@media screen and (min-width: 1024px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c3 dl dt {
    width: calc(33.3333333333% - 8px);
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c3 dl dd {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c3 dl dd {
    width: calc(50% - 16px);
  }
}
@media screen and (min-width: 1024px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c3 dl dd {
    width: calc(66.6666666667% - 16px);
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c3 h6 {
  color: rgb(28, 99, 184);
  font-size: 0.9375rem;
  margin-bottom: 0.4em;
  font-family: "Muli", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c3 h3 {
  font-size: 0.9375rem;
  margin-bottom: 0.7em;
  color: rgb(79, 77, 77);
}
.tekom-boxes .tekom-grid > div.tekom-grid-c3 p {
  color: rgb(28, 99, 184);
}
.tekom-boxes .tekom-grid > div.tekom-grid-c3 a {
  font-weight: 700;
  color: rgb(28, 99, 184) !important;
  display: inline-block;
  margin-right: 0.5em;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c3 a:after {
  font-size: 0.75rem;
  color: rgb(233, 145, 37);
  margin-left: 0.2em;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 {
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: left;
  padding: 0;
  height: auto;
  margin-bottom: 10px;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dt {
  width: calc(66.6666666667% - 6px);
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dt {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dt {
    width: 100%;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dt .responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dt .responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dt .responsive-video video {
  width: 100%;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dd {
  width: calc(33.3333333333% - 8px);
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dd {
    width: 50%;
    padding-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c4 dl dd {
    width: 100%;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 h4 {
  color: rgb(28, 99, 184) !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c4 h4 {
    font-size: 1.5rem;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 h3 {
  color: rgb(233, 145, 37);
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c4 h3 {
    font-size: 1rem;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c4 img {
  display: block;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c5 {
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: left;
  padding: 0;
  height: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c5 dl {
    display: flex;
    flex-wrap: wrap;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c5 dl dt {
  width: calc(33.3333333333% + 5px);
  padding: 30px 30px 10px 30px;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c5 dl dt {
    width: 50%;
    padding-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c5 dl dt {
    width: 100%;
    order: 2;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c5 dl dd {
  width: calc(66.6666666667% - 5px);
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c5 dl dd {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c5 dl dd {
    width: 100%;
    order: 1;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c5 h4 {
  color: rgb(28, 99, 184) !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c5 h4 {
    font-size: 1.5rem;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c5 h3 {
  color: rgb(233, 145, 37);
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c5 h3 {
    font-size: 1rem;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c5 img {
  display: block;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6 {
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: left;
  padding: 0;
  height: auto;
  margin-bottom: 10px;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray {
  background: #e5e5e5;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray.dt-padding {
  padding: 30px 30px 10px 30px;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray h4 {
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray h4 {
    font-size: 1.5rem;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray dt {
  width: calc(33.3333333333% - 10px);
  padding: 50px;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray dt {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray dt {
    width: 100%;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray dt p {
  color: #848484 !important;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray dd {
  background: rgba(244, 244, 244, 0.7);
  width: calc(66.6666666667% + 10px);
  padding: 50px;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray dd {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray dd {
    width: 100%;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray a {
  color: rgb(233, 145, 37) !important;
  margin: 0;
  transition: all 0.3s;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray a:after {
  content: none;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c6.tb-lightergray a:hover {
  color: rgb(79, 77, 77) !important;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7 {
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: left;
  padding: 0;
  height: auto;
  margin-bottom: 10px;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray {
  background: #e5e5e5;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray.dt-padding {
  padding: 30px 30px 10px 30px;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray h4 {
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray dl {
    display: flex;
    flex-wrap: wrap;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray dt {
  background: rgba(244, 244, 244, 0.7);
  width: calc(66.6666666667% + 10px);
  padding: 50px;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray dt {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray dt {
    width: 100%;
    order: 2;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray dd {
  width: calc(33.3333333333% - 10px);
  padding: 50px;
}
@media screen and (max-width: 1023px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray dd {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray dd {
    width: 100%;
    order: 1;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray dd p {
  color: #848484 !important;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray a {
  color: rgb(233, 145, 37) !important;
  margin: 0;
  transition: all 0.3s;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray a:after {
  content: none;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c7.tb-lightergray a:hover {
  color: rgb(79, 77, 77) !important;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c8 {
  -webkit-flex: 0 1 calc(55% - 16px);
  -ms-flex: 0 1 calc(55% - 16px);
  flex: 0 1 calc(55% - 16px);
  padding: 0;
  text-align: left;
  color: rgb(79, 77, 77);
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c8 {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c8:hover {
  box-shadow: none;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c8:after {
  box-shadow: none;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c8 a {
  color: rgb(28, 99, 184);
}
.tekom-boxes .tekom-grid > div.tekom-grid-c9 {
  -webkit-flex: 0 1 calc(45% - 16px);
  -ms-flex: 0 1 calc(45% - 16px);
  flex: 0 1 calc(45% - 16px);
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c9 {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c9:hover {
  box-shadow: none;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c9:after {
  box-shadow: none;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c10 {
  -webkit-flex: 0 1 calc(50% - 16px);
  -ms-flex: 0 1 calc(50% - 16px);
  flex: 0 1 calc(50% - 16px);
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c10 {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c10:hover {
  box-shadow: none;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c10:after {
  box-shadow: none;
}
.tekom-boxes .tekom-grid > div h4 {
  font-size: 1.875rem;
  margin-bottom: 0.2em;
  text-transform: uppercase;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: rgb(255, 255, 255);
  font-weight: 400;
  font-family: "Muli", Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 768px) {
  .tekom-boxes .tekom-grid > div h4 {
    margin-bottom: 1em;
  }
}
.tekom-boxes .tekom-grid > div a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  word-break: break-word;
}
.tekom-boxes .tekom-grid > .tb-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.tekom-boxes .tekom-grid > .tb-image:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.tekom-boxes .tekom-grid > .tb-image.tb-darkgrey:before {
  background: rgba(79, 77, 77, 0.7);
}
.tekom-boxes .tekom-grid > .tb-image.tb-bluegray:before {
  background: rgba(93, 119, 139, 0.7);
}
.tekom-boxes .tekom-grid > .tb-image.tb-blue:before {
  background: rgba(28, 99, 184, 0.7);
}
.tekom-boxes .tekom-grid > .tb-image.tb-lightblue:before {
  background: rgba(112, 173, 222, 0.7);
}
.tekom-boxes .tekom-grid > .tb-image.tb-orange:before {
  background: rgba(233, 145, 37, 0.7);
}
.tekom-boxes .tekom-grid > .tb-image.tb-lightergray:before {
  background: rgba(244, 244, 244, 0.7);
}
.tekom-boxes .tekom-grid > .tb-image.tb-lightgray:before {
  background: rgba(153, 153, 147, 0.7);
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div {
  height: auto;
}
@media screen and (min-width: 1200px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div.box-image {
    height: 248px !important;
  }
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div h4 {
  color: rgb(28, 99, 184);
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div h4 a {
  color: rgb(28, 99, 184);
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p {
  color: rgb(79, 77, 77);
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p a {
  color: rgb(28, 99, 184);
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p a:after {
  content: "\e805";
  font-family: "tekom";
  color: #e99125;
  font-size: 11px;
  margin-left: 3px;
}
.tekom-boxes .tekom-grid > div.tekom-grid-c1 > div, .tekom-boxes .tekom-grid > div.tekom-grid-mt > div {
  height: 100%;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div, .tekom-boxes .tekom-grid > div.tekom-grid-mt > div {
    position: absolute;
    border-bottom: none;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div > *, .tekom-boxes .tekom-grid > div.tekom-grid-mt > div > * {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
.tekom-boxes .tekom-grid dl {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tekom-boxes .tekom-grid dl dt {
  float: left;
  clear: left;
  box-sizing: border-box;
}
.tekom-boxes .tekom-grid dl dt img {
  display: block;
}
.tekom-boxes .tekom-grid dl dd {
  float: left;
  box-sizing: border-box;
  padding: 30px 30px 10px 30px;
  margin: 0;
}
.tekom-boxes .tekom-grid dl.text-image-right dt {
  float: right;
}
.tekom-boxes .tekom-grid dl.text-image-right dd {
  float: left;
}
.tekom-boxes .tekom-grid .text-blue {
  color: #1c63b8 !important;
  padding: 10px 0;
}
.tekom-boxes .tekom-grid.content-align-left > div {
  text-align: left;
}
.tekom-boxes .tekom-grid.content-align-left h2 {
  color: rgb(28, 99, 184);
  margin-top: 10px;
  font-size: 1.875rem;
}
.tekom-boxes .tekom-grid.content-align-left p {
  color: rgb(79, 77, 77);
}
.tekom-boxes .tekom-grid.content-align-left a {
  color: rgb(28, 99, 184);
  position: relative;
  font-weight: bold;
}
.tekom-boxes .tekom-grid.content-align-left a:before {
  position: absolute;
  right: -15px;
  font-size: 10px;
  top: 5px;
  color: rgb(233, 145, 37);
}
.tekom-boxes .tekom-grid.content-align-left.flex-content-align-top div.tekom-grid-c1 {
  align-self: baseline;
  padding-top: 50px;
  padding-bottom: 50px;
}
.tekom-boxes .tekom-grid.align-items-top {
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.tekom-grid-mt {
  border-bottom: 15px solid rgb(255, 255, 255);
}

.tb-blue {
  background-color: rgb(28, 99, 184);
}

.tb-lightblue {
  background-color: rgb(112, 173, 222);
}

.tb-lightblue30 {
  background-color: rgba(112, 173, 222, 0.3);
}

.tb-bluegray {
  background-color: rgb(93, 119, 139);
}

.tb-orange {
  background-color: rgb(233, 145, 37);
}

.tb-lightgreen {
  background-color: rgb(145, 225, 85);
}

.tb-pink {
  background-color: rgb(217, 92, 206);
}

.box-gradient:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25%;
}
.box-gradient.tb-blue:before {
  background: linear-gradient(rgb(28, 99, 184), rgba(0, 0, 0, 0.3)) !important;
}
.box-gradient.tb-lightblue:before {
  background: linear-gradient(rgb(112, 173, 222), rgba(0, 0, 0, 0.3)) !important;
}
.box-gradient.tb-lightblue30:before {
  background: linear-gradient(#d4e6f5, rgba(0, 0, 0, 0.3)) !important;
}
.box-gradient.tb-bluegray:before {
  background: linear-gradient(rgb(93, 119, 139), rgba(0, 0, 0, 0.3)) !important;
}
.box-gradient.tb-orange:before {
  background: linear-gradient(rgb(233, 145, 37), rgba(0, 0, 0, 0.3)) !important;
}
.box-gradient.tb-lightgreen:before {
  background: linear-gradient(rgb(145, 225, 85), rgba(0, 0, 0, 0.3)) !important;
}
.box-gradient.tb-pink:before {
  background: linear-gradient(rgb(217, 92, 206), rgba(0, 0, 0, 0.3)) !important;
}

.tb-lightergray {
  background-color: rgb(244, 244, 244);
}
.tb-lightergray h4 {
  color: rgb(79, 77, 77) !important;
}
.tb-lightergray a {
  color: rgb(28, 99, 184) !important;
}
.tb-lightergray dl a:not(.cta-orange-button) {
  color: rgb(79, 77, 77) !important;
}
.tb-lightergray p, .tb-lightergray ul, .tb-lightergray ol {
  color: rgb(79, 77, 77) !important;
}

.tb-lightgray {
  background-color: rgb(153, 153, 147);
}

.tb-lightergray2 {
  background-color: rgba(79, 77, 77, 0.22);
}

.tb-darkgray {
  background-color: rgb(79, 77, 77);
}

@media screen and (max-width: 400px) {
  .tekom-boxes .tekom-grid > div h4 {
    font-size: 1.25rem;
  }
}
footer .container {
  background: rgb(28, 99, 184);
  background: -moz-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: -webkit-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: linear-gradient(to right, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  footer .container {
    padding-bottom: 4em;
  }
}
@media screen and (min-width: 768px) {
  footer .container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  footer .container {
    width: 100%;
  }
}
@media screen and (min-width: 1300px) {
  footer .container {
    width: 1300px;
    padding: 0 50px;
  }
}
footer .container > div {
  box-sizing: border-box;
  padding: 20px 10px 10px 10px;
  font-size: 0.875rem;
  color: rgb(255, 255, 255);
  line-height: 1.3em;
}
@media screen and (max-width: 767px) {
  footer .container > div:nth-of-type(1) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  footer .container > div:nth-of-type(2) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  footer .container > div:nth-of-type(3) {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  footer .container > div:nth-of-type(4) {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  footer .container > div:nth-of-type(5) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  footer .container > div:nth-of-type(5) h6 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  footer .container > div {
    padding: 20px 20px 10px 20px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active) {
  footer .container > div {
    padding: 20px 10px 10px 10px;
  }
}
@media screen and (min-width: 1024px) {
  footer .container > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
footer .container > div:last-of-type {
  text-align: right;
}
@media screen and (max-width: 767px) {
  footer .container > div:last-of-type ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  footer .container > div:last-of-type ul li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
footer .container > div:last-of-type li {
  margin-bottom: 1em;
  position: relative;
  clear: right;
}
footer .container > div:last-of-type li:before {
  display: none;
}
footer .container > div:last-of-type li a[href*=twitter]:before, footer .container > div:last-of-type li a[href*="x.com"]:before {
  content: "\e869";
}
footer .container > div:last-of-type li a[href*=facebook]:before {
  content: "\e83d";
}
footer .container > div:last-of-type li a[href*=instagram]:before {
  content: "\e83e";
}
footer .container > div:last-of-type li a[href*=xing]:before {
  content: "\e80e";
}
footer .container > div:last-of-type li a[href*=linkedin]:before {
  content: "\e801";
}
footer .container > div:last-of-type li a[href*=youtube]:before {
  content: "\e80f";
}
@media screen and (max-width: 767px) {
  footer .container > div:last-of-type a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 1em;
    font-size: 2.5em;
  }
}
@media screen and (max-width: 1024px) {
  footer .container > div:last-of-type a span {
    font-size: 0;
  }
}
@media screen and (min-width: 768px) {
  footer .container > div:last-of-type a:before {
    float: right;
    vertical-align: -0.3em;
    margin-left: 10px;
    font-size: 2em;
    font-family: "tekom";
  }
}
footer .container > div:first-of-type p:last-of-type a:after {
  content: "|";
  margin: 0 0.25em;
  display: inline-block;
}
footer .container > div:first-of-type p:last-of-type a:last-of-type:after {
  display: none;
}
footer .container h6 {
  font-size: 0.9375rem;
  margin-bottom: 1em;
  text-transform: uppercase;
}
footer .container ul {
  margin: 0 0 1.5em 0;
  list-style-type: none;
  padding: 0;
}
footer .container ul li:before {
  color: rgb(233, 145, 37);
  font-size: 0.5em;
  margin-right: 0.35em;
  vertical-align: 0.15em;
}
footer .container a {
  color: #fff;
  text-decoration: none;
}
footer .container a:hover, footer .container a:focus {
  text-decoration: underline;
}
footer .container a span span {
  display: block;
  font-size: 11px;
  margin: 0 0 15px 0;
}

@media screen and (max-width: 1024px) {
  .socials-text {
    font-size: 13px;
    background: none;
  }
}
@media screen and (max-width: 1023px) {
  footer .container > div:last-of-type ul {
    display: block;
    text-align: left;
    margin-bottom: 0;
  }
  footer .container > div:last-of-type ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
  }
  footer .container > div:last-of-type ul li a {
    width: 40px;
    font-size: 16px;
    overflow: visible;
  }
  footer .container > div:last-of-type ul li a:before {
    float: none;
    vertical-align: -0.3em;
    margin-left: 0px;
    font-size: 2em;
    font-family: "tekom";
  }
  footer .container > div:last-of-type ul li a .socials-text {
    text-indent: -99999px;
    display: block;
    font-size: 0;
  }
  footer .container > div:last-of-type ul li a:hover {
    text-decoration: none;
  }
  footer .container > div:last-of-type h6 {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  footer .container > div:last-of-type {
    padding-top: 30px;
  }
  footer .container > div:last-of-type ul li {
    margin-right: 0;
  }
}
.footer-shop {
  background-color: rgb(244, 244, 244);
}
.footer-shop .container {
  background: transparent;
  display: flex;
}
.footer-shop .container > div {
  color: rgb(28, 99, 184);
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  position: absolute;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.footer-shop .container > div:nth-child(3) {
  padding: 20px 2%;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .footer-shop .container > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
.footer-shop .container > div h2, .footer-shop .container > div h3, .footer-shop .container > div h4 {
  text-align: center;
}
.footer-shop .container:last-of-type a {
  width: auto;
  font-size: 0.875rem;
}
.footer-shop .book-preview {
  width: 95px;
  margin: 30px auto 20px;
}
.footer-shop .trasted-shop-image {
  width: 125px;
  margin: 30px auto 20px;
}
.footer-shop ul {
  margin-top: 20px;
}
.footer-shop ul li {
  position: relative;
  padding-left: 15px;
  margin: 5px 0;
}
.footer-shop ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: rgb(28, 99, 184);
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 100%;
}
.footer-shop ul li a {
  color: rgb(28, 99, 184);
}
.footer-shop img {
  width: 100%;
  height: auto;
  display: block;
}
.footer-shop .payment-methods {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 30px auto 20px;
}
@media screen and (max-width: 767px) {
  .footer-shop .payment-methods {
    justify-content: center;
  }
}
.footer-shop .payment-methods > div {
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .footer-shop .payment-methods > div {
    margin: 0 5px;
  }
}
.footer-shop .payment-methods > div.p-master, .footer-shop .payment-methods > div.p-visa {
  width: 55px;
}
.footer-shop .payment-methods > div.p-paypal {
  width: 33px;
}
.footer-shop .payment-methods > div.p-uni {
  width: 35px;
}
.footer-shop .info-text {
  margin: 30px auto 20px;
  text-align: center;
  padding: 0 2%;
}
.footer-shop a {
  color: rgb(28, 99, 184);
}

.content-element.content-in-footer.image-center figure {
  margin-bottom: 0;
  text-align: left;
}
.content-element.content-in-footer.image-center figure img {
  width: auto;
  max-width: 100%;
}
.content-element.content-in-footer figure {
  margin-bottom: 0;
}
.content-element.content-in-footer figure img {
  max-width: 100%;
}

main .container {
  padding-bottom: 2em;
  line-height: 1.5em;
}

.content {
  line-height: 1.35em;
}

.content .container:nth-of-type(1) {
  margin-bottom: 0;
  padding-bottom: 0;
}
.content .container:nth-of-type(1) p.breadcrumb {
  margin: 0 0 1em 0;
}

p.breadcrumb {
  margin-bottom: 2.5em;
  font-size: 0.75rem;
  color: rgb(153, 153, 147);
}
@media screen and (max-width: 1023px) {
  p.breadcrumb {
    display: none;
  }
}
p.breadcrumb a {
  color: rgb(153, 153, 147);
}
p.breadcrumb a:hover, p.breadcrumb a:focus {
  color: rgb(112, 173, 222);
}
p.breadcrumb a:after {
  color: rgb(233, 145, 37);
  font-size: 0.75em;
  vertical-align: 0.1em;
  margin: 0 0.1em;
}
p.breadcrumb a:last-of-type:after {
  display: none;
}

p.content-intro, div.content-intro p {
  margin: 2em 0;
  color: rgb(28, 99, 184);
}

.content-element div.content-intro p {
  margin: 0 0 1em 0;
  color: rgb(79, 77, 77);
}

div.intro {
  padding: 4em 0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  div.intro {
    padding: 4em 15%;
  }
}
@media screen and (min-width: 1024px) {
  div.intro {
    max-width: 1200px;
    margin: 0 auto;
  }
}
div.intro h2, div.intro h1 {
  color: rgb(112, 173, 222);
  text-align: center;
  font-size: 1.875rem;
  text-transform: uppercase;
  margin: 0 0 1em 0;
}
div.intro h3 {
  text-align: center;
}
div.intro p {
  text-align: center;
  color: rgb(112, 173, 222);
}
div.intro iframe {
  display: block;
  margin: 0 auto;
  border: none;
}

h6.pre-headline {
  font-size: 1.25rem;
  color: rgb(79, 77, 77);
  margin-bottom: 0.8em;
}
h6.pre-headline + h1 {
  color: rgb(28, 99, 184);
}

div.event-details, div.job-details, div.norm-details {
  background: rgb(255, 255, 255);
  box-sizing: border-box;
  padding: 25px 30px 25px 25px;
  margin: 2em 0;
  clear: both;
}
div.event-details h4, div.job-details h4, div.norm-details h4 {
  font-size: 1.25rem;
  margin-bottom: 1.5em;
  text-transform: uppercase;
  color: rgb(79, 77, 77);
}
div.event-details dl, div.job-details dl, div.norm-details dl {
  overflow: hidden;
}
div.event-details dt, div.job-details dt, div.norm-details dt {
  display: inline-block;
  box-sizing: border-box;
  border-top: 2px solid rgba(255, 255, 255, 0.9);
  padding-top: 0.5em;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  div.event-details dt, div.job-details dt, div.norm-details dt {
    width: 300px;
    float: left;
    clear: left;
    padding: 0.75em 0;
  }
}
div.event-details dd, div.job-details dd, div.norm-details dd {
  display: inline-block;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 0.5em;
}
div.event-details dd p, div.job-details dd p, div.norm-details dd p {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  div.event-details dd, div.job-details dd, div.norm-details dd {
    width: calc(100% - 305px);
    float: left;
    border-top: 2px solid rgba(255, 255, 255, 0.9);
    padding: 0.75em 0;
  }
}
div.event-details dd ul.downloads, div.job-details dd ul.downloads, div.norm-details dd ul.downloads {
  margin: 0 !important;
  padding: 0 !important;
}
div.event-details dd ul.downloads li, div.job-details dd ul.downloads li, div.norm-details dd ul.downloads li {
  margin-bottom: 0.5em !important;
  padding-left: 25px !important;
}
div.event-details dd ul.downloads li.icon-downloadpdf:before, div.job-details dd ul.downloads li.icon-downloadpdf:before, div.norm-details dd ul.downloads li.icon-downloadpdf:before {
  content: "\e811" !important;
  margin-left: 0 !important;
  width: auto !important;
  font-size: 1.25rem !important;
  background: transparent !important;
  top: 3px !important;
}
div.event-details dd ul.downloads li.icon-downloadlink:before, div.job-details dd ul.downloads li.icon-downloadlink:before, div.norm-details dd ul.downloads li.icon-downloadlink:before {
  content: "\e811" !important;
  margin-left: 0 !important;
  width: auto !important;
  font-size: 1.25rem !important;
  background: transparent !important;
  top: 3px !important;
}
div.event-details p a, div.job-details p a, div.norm-details p a {
  color: rgb(28, 99, 184);
}

.twitterwall-wrapper {
  position: absolute;
  width: 100%;
  top: 22%;
  left: 0;
  z-index: 9;
}
@media screen and (max-width: 995px) {
  .twitterwall-wrapper {
    top: 22%;
  }
}

.twitterwall {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: rgba(112, 173, 222, 0.95);
  transition: padding-top 1s;
}
.twitterwall.expanded {
  padding-top: 99%;
  transition: padding-top 1s;
}
@media screen and (max-width: 995px) {
  .twitterwall.expanded {
    padding-top: 146%;
  }
}
@media screen and (max-width: 614px) {
  .twitterwall.expanded {
    padding-top: 430%;
  }
}
.twitterwall.closed {
  padding-top: 25.3%;
  transition: padding-top 1s;
}
@media screen and (max-width: 995px) {
  .twitterwall.closed {
    padding-top: 37.3%;
  }
}
@media screen and (max-width: 614px) {
  .twitterwall.closed {
    padding-top: 73.5%;
  }
}
.twitterwall iframe {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  right: 0;
  width: calc(100% - 20px);
  height: 100%;
  border: none;
}

.twitter-media-container {
  min-height: 380px;
}
.twitter-media-container .twitterwall-wrapper {
  top: 0;
}

.more-tweets {
  width: 100%;
  background-color: rgba(112, 173, 222, 0.95);
  padding: 0 10px 10px 10px;
  box-sizing: border-box;
}
.more-tweets a {
  display: block;
  width: 100%;
  padding: 5px 0;
  color: rgb(255, 255, 255);
  background-color: rgb(79, 77, 77) !important;
  text-align: center;
  box-sizing: border-box;
}
.more-tweets a:hover, .more-tweets a:focus {
  box-shadow: inset 0 0 0 25px rgb(153, 153, 147) !important;
}
.more-tweets a.open span:after {
  content: "\e804";
}
.more-tweets a span:after {
  content: "\e806";
  font-family: "tekom";
  color: #e99125;
  font-size: 11px;
  margin-left: 6px;
}

.content .twitterwall-links {
  position: absolute;
  top: -50px;
  right: 0;
}
@media screen and (max-width: 995px) {
  .content .twitterwall-links {
    right: 10px;
  }
}
.content .twitterwall-links ul {
  margin-left: 0;
}
.content .twitterwall-links ul li {
  display: inline-block;
  box-sizing: border-box;
}
.content .twitterwall-links ul li:before {
  content: none !important;
}
.content .twitterwall-links ul li a {
  width: 100%;
  display: inline-block !important;
  padding: 5px;
  border: 2px solid rgb(233, 145, 37);
  text-align: center;
  box-sizing: border-box;
}

div.job-details {
  background-color: rgb(244, 244, 244);
}

div.norm-details {
  background-color: rgb(244, 244, 244);
  padding-top: 15px;
  padding-bottom: 10px;
}
div.norm-details dt {
  padding-top: 0.5em;
  border: none;
}
div.norm-details dd {
  padding-top: 0.5em;
  border: none;
}
div.norm-details dd p {
  margin-bottom: 0.5em !important;
}

ul.downloads {
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
}
ul.downloads li {
  margin-bottom: 1em;
}
ul.downloads li:before {
  color: rgb(28, 99, 184);
  font-size: 1.875rem;
  vertical-align: -0.1em;
}
ul.downloads li a {
  color: rgb(79, 77, 77);
}

a.link-icon:after {
  color: rgb(233, 145, 37);
  font-size: 0.75rem;
  -webkit-transition: padding 0.3s ease;
  -moz-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
a.link-icon:hover:after, a.link-icon:focus:after {
  padding-left: 3px;
}

/* standard content elements */
.content-grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .content-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.content-grid > div {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  box-sizing: border-box;
  width: 100%;
}
.content-grid.c-1-2 > div:nth-of-type(2), .content-grid.c-2-1 > div:nth-of-type(1) {
  padding: 15px 15px;
  color: rgb(28, 99, 184);
}
@media screen and (min-width: 768px) {
  .content-grid.c-1-2 > div:nth-of-type(2), .content-grid.c-2-1 > div:nth-of-type(1) {
    padding: 25px 35px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(66.6666666667% - 8px);
    -ms-flex: 0 1 calc(66.6666666667% - 8px);
    flex: 0 1 calc(66.6666666667% - 8px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
@media screen and (min-width: 1024px) {
  .content-grid.c-1-2 > div:nth-of-type(2), .content-grid.c-2-1 > div:nth-of-type(1) {
    padding: 35px 75px 25px 35px;
  }
}
.content-grid.content-box {
  background-color: rgb(244, 244, 244);
}
.content-grid.content-box h2 {
  font-size: 1.875rem;
  margin-bottom: 1em;
  color: rgb(79, 77, 77);
}
.content-grid.content-box.c-1 {
  padding: 10px;
  color: rgb(28, 99, 184);
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .content-grid.content-box.c-1 {
    padding: 25px 25px;
  }
}
.content-grid.content-box.c-1 .content-intro {
  color: rgb(79, 77, 77);
}
.content-grid.content-box.c-1 .content-intro p {
  margin: 0 0 1.5em 0;
  color: rgb(79, 77, 77);
}
.content-grid.content-box.c-1 {
  margin-bottom: 2em;
}
.content-grid.c-1 div:first-of-type figure {
  margin-bottom: 2em;
}
.content-grid.c-1 div:nth-of-type(2) figure {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .content-grid.c-1-2 > div:nth-of-type(1), .content-grid.c-2-1 > div:nth-of-type(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(33.3333333333% - 8px);
    -ms-flex: 0 1 calc(33.3333333333% - 8px);
    flex: 0 1 calc(33.3333333333% - 8px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
.content-grid.c-1-1 > div.content-teaser {
  position: relative;
  background: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 75%;
  margin-bottom: 1em;
  color: rgb(255, 255, 255);
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .content-grid.c-1-1 > div.content-teaser {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(50% - 8px);
    -ms-flex: 0 1 calc(50% - 8px);
    flex: 0 1 calc(50% - 8px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-top: 28.125%;
    margin: 0;
  }
}
.content-grid.c-1-1 > div.content-teaser > div {
  background: rgba(93, 119, 139, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 15px 0 15px;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.content-grid.c-1-1 > div.content-teaser > div:hover, .content-grid.c-1-1 > div.content-teaser > div:focus {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .content-grid.c-1-1 > div.content-teaser > div {
    padding: 45px 40px 0 40px;
  }
}
.content-grid.c-1-1 > div.content-teaser h3 {
  text-transform: uppercase;
  font-size: 1.25rem;
  color: rgb(255, 255, 255);
  margin-bottom: 0.2em;
  font-weight: 400;
  font-family: "Muli", Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 768px) {
  .content-grid.c-1-1 > div.content-teaser h3 {
    margin-bottom: 1.2em;
    font-size: 1.875rem;
  }
}
.content-grid.c-1-1 > div.content-teaser p:last-of-type {
  position: absolute;
  bottom: 1em;
}
@media screen and (min-width: 768px) {
  .content-grid.c-1-1 > div.content-teaser p:last-of-type {
    bottom: 1.5em;
  }
}
.content-grid.c-1-1 > div.content-teaser p:last-of-type a {
  color: rgb(255, 255, 255);
}
.content-grid.c-1-1 > div.content-teaser p:last-of-type a:after {
  font-size: 0.875rem;
  margin-left: 5px;
  content: "\e805";
  font-family: "tekom";
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  position: relative;
  right: auto;
  left: auto;
  opacity: 1;
  text-decoration: none;
  border-bottom: none;
}
.content-grid.textmedia.image-center {
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .content-grid.textmedia.image-center .media-element {
    max-width: 60%;
  }
}
.content-grid.textmedia.image-right {
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .content-grid.textmedia.image-right .media-element {
    margin: 0 0 20px 20px;
    width: calc(33.3333333333% - 8px);
    float: right;
  }
  .content-grid.textmedia.image-right .media-element .video-embed {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .content-grid.textmedia.image-left .media-element {
    margin: 0 20px 20px 0;
    width: calc(33.3333333333% - 8px);
    float: left;
  }
  .content-grid.textmedia.image-left .media-element .video-embed {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .content-grid.textmedia .media-element {
    max-width: calc(33.3333333333% - 8px);
  }
}
.content-grid.rg-boxes {
  margin-bottom: 8px;
}
.content-grid.rg-boxes > div {
  padding: 15px 15px 25px 15px;
  background: rgb(28, 99, 184);
  margin-bottom: 16px;
  color: rgb(255, 255, 255);
  position: relative;
}
@media screen and (min-width: 768px) {
  .content-grid.rg-boxes > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(33.3333333333% - 8px);
    -ms-flex: 0 1 calc(33.3333333333% - 8px);
    flex: 0 1 calc(33.3333333333% - 8px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 30px 25px 40px 25px;
  }
}
@media screen and (max-width: 1199px) {
  .content-grid.rg-boxes > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(50% - 8px);
    -ms-flex: 0 1 calc(50% - 8px);
    flex: 0 1 calc(50% - 8px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}
.content-grid.rg-boxes > div h5 {
  font-size: 1.25rem;
  margin-bottom: 0.6em;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-family: "Muli", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .content-grid.rg-boxes > div h5 {
    font-size: 1.875rem;
    margin-bottom: 1.2em;
  }
}
.content-grid.rg-boxes > div h3 {
  color: rgb(255, 255, 255);
  margin: 0;
}
.content-grid.rg-boxes > div > p:last-of-type {
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .content-grid.rg-boxes > div > p:last-of-type {
    right: 25px;
    bottom: 10px;
  }
}
.content-grid.rg-boxes > div > p:last-of-type a:after {
  font-size: 0.875rem;
  color: rgb(233, 145, 37);
  margin-left: 5px;
}
.content-grid.rg-boxes > div a {
  color: rgb(255, 255, 255);
}
.content-grid.rg-boxes > div ul {
  margin: 0 !important;
}
.content-grid.rg-boxes > div ul li {
  padding: 0 !important;
  margin-bottom: 1.5em;
}
.content-grid.rg-boxes > div ul li:before {
  display: none !important;
}
.content-grid.rg-boxes > div span.icon-telefon:before {
  font-size: 2.2em;
  margin-right: 10px;
  vertical-align: -0.1em;
}
.content-grid.rg-boxes > div a.icon-email:before {
  font-size: 1.5em;
  margin-right: 10px;
  vertical-align: -0.15em;
}
.content-grid.content-contact {
  background: rgb(28, 99, 184);
  background: -moz-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: -webkit-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: linear-gradient(to right, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  padding: 10px 15px;
}
@media screen and (min-width: 768px) {
  .content-grid.content-contact {
    padding: 20px 25px;
  }
}
.content-grid.content-contact h6 {
  font-size: 1.25rem;
  margin-bottom: 0.6em;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-family: "Muli", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .content-grid.content-contact h6 {
    font-size: 1.875rem;
    margin-bottom: 1.2em;
  }
}
.content-grid.content-contact h4 {
  font-size: 1.125rem;
  margin: 0;
  color: rgb(255, 255, 255);
}
.content-grid.content-contact h5 {
  font-size: 0.9375rem;
  color: rgb(255, 255, 255);
  font-family: "Muli", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.content-grid.content-contact p {
  color: rgb(255, 255, 255);
  margin-top: 3em;
}
.content-grid.content-contact p span {
  display: inline-block;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .content-grid.content-contact p span {
    padding-right: 50px;
  }
}
.content-grid.content-contact p span:before {
  margin-right: 10px;
}
.content-grid.content-contact p span.icon-telefon:before {
  font-size: 2.2em;
  vertical-align: -0.1em;
}
.content-grid.content-contact p span.icon-fax:before {
  font-size: 2.2em;
  vertical-align: -0.15em;
}
.content-grid.content-contact p span.icon-email:before {
  font-size: 1.5em;
  vertical-align: -0.1em;
}
.content-grid.content-contact p span a {
  color: rgb(255, 255, 255);
}
.content-grid.content-contact div:nth-of-type(2) {
  padding-top: 0.5em;
  position: relative;
}

.audio-element .content-grid > div {
  padding: 0 !important;
}
.audio-element p {
  color: rgb(79, 77, 77);
}

.content-element {
  overflow: hidden;
  margin: 1em 0 1.5em 0;
}
.content-element.image-left > .media-element, .content-element.image-left figure {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .content-element.image-left > .media-element, .content-element.image-left figure {
    float: left;
    margin: 0 20px 20px 0;
    width: calc(33.3333333333% - 8px);
  }
}
.content-element.image-right > .media-element, .content-element.image-right figure {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .content-element.image-right > .media-element, .content-element.image-right figure {
    float: right;
    margin: 0 0 20px 20px;
    width: calc(33.3333333333% - 8px);
  }
}
.content-element.image-right.image-small figure, .content-element.image-left.image-small figure {
  max-width: 200px;
}
.content-element.image-center figure {
  width: 100%;
  margin-bottom: 1.5em;
  text-align: center;
}
.content-element.image-center figure img {
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .content-element.image-center figure img {
    width: auto;
  }
}
.content-element.images, .content-element.image-gallery {
  margin: 2em 0;
}
.content-element.images ul, .content-element.image-gallery ul {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  list-style-type: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  .content-element.images ul, .content-element.image-gallery ul {
    overflow-x: auto;
  }
}
.content-element.images ul li, .content-element.image-gallery ul li {
  display: inline-block;
  padding: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  vertical-align: top;
}
.content-element.images ul li:before, .content-element.image-gallery ul li:before {
  display: none !important;
}
.content-element.images ul li:hover, .content-element.images ul li:focus, .content-element.image-gallery ul li:hover, .content-element.image-gallery ul li:focus {
  opacity: 0.7;
}
.content-element.images ul li figcaption, .content-element.image-gallery ul li figcaption {
  display: none;
}
.content-element.images.image-small ul {
  white-space: normal;
  font-size: 0;
}
.content-element.images.image-small ul li {
  text-align: center;
  margin: 0 0 1em 0;
  width: 50%;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .content-element.images.image-small ul li {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .content-element.images.image-small ul li {
    width: 20%;
  }
}
.content-element.images.image-small ul li span {
  display: block;
  text-align: center;
  margin-top: 0.25em;
}
.content-element.images.image-small ul li img {
  max-width: 200px;
  display: inline-block;
}
.content-element.images li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content-element.images li {
    width: calc(33.3333333333% - 8px);
    margin-right: 8px;
  }
}
.content-element.image-gallery {
  position: relative;
}
.content-element.image-gallery > p {
  overflow: hidden;
}
.content-element.image-gallery > p a {
  position: absolute;
  background: rgb(255, 255, 255);
  font-size: 1.75em;
  box-sizing: border-box;
  padding: 0.3em 0.1em 0.2em 0.1em;
  display: inline-block;
  color: rgb(28, 99, 184);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: calc(50% - 1.25em);
  left: 0;
}
.content-element.image-gallery > p a:last-of-type {
  text-align: right;
  right: 0;
  left: auto;
}
.content-element.image-gallery > p a:hover, .content-element.image-gallery > p a:focus {
  color: rgb(255, 255, 255);
  background: rgb(28, 99, 184);
}
.content-element.image-gallery li {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .content-element.image-gallery li {
    width: calc(25% - 8px);
    margin-right: 8px;
  }
}
.content-element.image-gallery li a.img-zoom img:after {
  position: absolute;
  color: rgb(233, 145, 37);
  bottom: 10px;
  right: 10px;
  font-size: 1.25rem;
}
.content-element.content-box {
  margin-bottom: 2em;
  color: rgb(28, 99, 184);
}
.content-element ul li {
  padding-left: 15px;
}

.overview-image {
  margin-left: -15px;
  margin-bottom: 20px;
  width: calc(100% + 30px);
}
@media screen and (min-width: 768px) {
  .overview-image {
    margin-top: -20px;
    margin-left: -25px;
    width: calc(100% + 50px);
  }
}

.news-detail {
  margin-bottom: 0;
}
.news-detail .tx-sudhaus7-newspage h6 {
  margin-bottom: 0.5em;
}

.content ul {
  list-style-type: none;
  margin: 0 0 1.5em 15px;
  padding: 0;
  overflow: hidden;
}
.content ul li {
  padding-left: 15px;
  position: relative;
}
.content ul li:before {
  content: "•";
  color: rgb(233, 145, 37);
  margin-left: -15px;
  display: inline-block;
  width: 15px;
  vertical-align: top;
}
.content ul li ul li:before {
  color: rgb(153, 153, 147);
}
.content ul li > * {
  display: inline-block;
}
.content ul li > p, .content ul li > dl, .content ul li > ul, .content ul li > ol {
  display: inherit !important;
}
.content ul li > strong, .content ul li > em, .content ul li > a {
  display: inline !important;
}

.content ul.downloads li > a {
  display: inline-block !important;
}

.content ol {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 30px;
  overflow: hidden;
}

.content-accordeon > input, .info-accordeon > input {
  display: none;
}
.content-accordeon > input:checked + label, .info-accordeon > input:checked + label {
  background-color: rgb(112, 173, 222);
  color: rgb(255, 255, 255);
}
.content-accordeon > input:checked + label:after, .info-accordeon > input:checked + label:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.content-accordeon > label, .info-accordeon > label {
  display: block;
  padding: 0.75em 30px 0.75em 10px !important;
  cursor: pointer;
  margin-bottom: 0.5em;
  font-size: 0.9375rem;
  color: rgb(79, 77, 77);
  background-color: rgb(244, 244, 244);
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 700;
}
.content-accordeon > label span, .info-accordeon > label span {
  display: inline;
  font-size: 0.9375rem;
}
.content-accordeon > label:hover, .content-accordeon > label:focus, .info-accordeon > label:hover, .info-accordeon > label:focus {
  background-color: rgb(112, 173, 222);
  color: rgb(255, 255, 255);
}
.content-accordeon > label:after, .info-accordeon > label:after {
  color: rgb(233, 145, 37);
  font-size: 1.125rem;
  position: absolute;
  right: 10px;
  top: 0.75em;
}

div.content-accordeon {
  margin-bottom: 0.25em;
}
div.content-accordeon + div.content-accordeon {
  margin-top: 0;
}
div.content-accordeon > div {
  box-sizing: border-box;
  -webkit-transition: max-height 1s ease;
  -moz-transition: max-height 1s ease;
  transition: max-height 1s ease;
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
}
div.content-accordeon input:checked ~ div {
  max-height: 3000px;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  div.content-accordeon input:checked ~ div {
    max-height: 5000px;
    width: 100%;
  }
}
div.content-accordeon dl dd {
  margin-left: 0;
}
div.content-accordeon dl dt a {
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  div.content-accordeon dl dt a {
    display: block;
  }
}

.accordion-tab {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .accordion-tab {
    margin-top: 1em;
  }
}
.accordion-tab .accordion-tab-element .acc-head {
  padding: 10px 20px;
  cursor: pointer;
}
.accordion-tab .accordion-tab-element .acc-body {
  overflow: hidden;
  height: auto;
  max-height: 99999px;
  transition: max-height 0.5s;
}
.accordion-tab .accordion-tab-element .acc-body.acc-hidden {
  max-height: 0 !important;
  transition: max-height 0.5s;
}
.accordion-tab .accordion-tab-element .acc-body .acc-body-content-wrapper {
  padding: 20px;
}
.accordion-tab.display-as-acc {
  padding: 0 0 3rem 0;
}
.accordion-tab.display-as-acc .accordion-tab-element {
  margin-bottom: 1em;
}
.accordion-tab.display-as-acc .acc-head {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  font-size: 120%;
  position: relative;
  padding-left: 40px;
}
.accordion-tab.display-as-acc .acc-head:before {
  content: "+";
  position: absolute;
  top: 8px;
  left: 12px;
  color: #9b9b9b;
  font-weight: 700;
  font-size: 150%;
}
.accordion-tab.display-as-acc .acc-head.acc-active:before {
  content: "-";
}
.accordion-tab.display-as-acc .acc-body {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.accordion-tab.display-as-tab {
  padding: 0 0 5rem 0;
}
.accordion-tab.display-as-tab .tab-heads {
  overflow: hidden;
  margin-bottom: -1px;
}
.accordion-tab.display-as-tab .tab-heads .tab-head {
  padding: 10px 20px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .accordion-tab.display-as-tab .tab-heads .tab-head {
    float: left;
  }
}
.accordion-tab.display-as-tab .tab-heads .tab-head.active-tab {
  background-color: #f6f6f6;
}
.accordion-tab.display-as-tab .acc-head {
  display: none;
}
.accordion-tab.display-as-tab .acc-body {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
}

#content .content-downloads {
  background: rgb(244, 244, 244);
  padding: 10px 15px;
}
@media screen and (min-width: 768px) {
  #content .content-downloads {
    padding: 20px 25px;
  }
}
#content .content-downloads h4 {
  font-size: 1.25rem;
  margin-bottom: 0.6em;
  color: rgb(79, 77, 77);
  text-transform: uppercase;
  font-family: "Muli", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #content .content-downloads h4 {
    font-size: 1.875rem;
    margin-bottom: 1.2em;
  }
}
#content .content-downloads ul {
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#content .content-downloads ul li {
  padding: 0 15px 0 40px;
  box-sizing: border-box;
  margin-bottom: 1em;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
@media screen and (min-width: 768px) {
  #content .content-downloads ul li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
@media screen and (min-width: 1024px) {
  #content .content-downloads ul li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
#content .content-downloads ul li:before {
  display: none;
}
#content .content-downloads ul li a {
  color: rgb(79, 77, 77);
  display: inline-block;
  line-height: 1.2em;
}
#content .content-downloads ul li a:before {
  font-size: 1.875rem;
  color: rgb(28, 99, 184);
  margin-right: 10px;
  vertical-align: -0.1em;
  margin-left: -40px;
  position: absolute;
  top: 3px;
}

.event-registration {
  margin-top: 1.5em !important;
}
.event-registration a.cta-button {
  float: none;
  margin-top: 15px;
}
.event-registration a.cta-button:hover, .event-registration a.cta-button:focus {
  background-color: rgb(153, 153, 147);
}

#content nav.content-navigation {
  background: rgb(244, 244, 244);
}
@media screen and (min-width: 768px) {
  #content nav.content-navigation p#content-mobile-nav {
    display: none;
  }
}
#content nav.content-navigation ul {
  margin: 0;
  overflow: hidden;
  padding: 0 !important;
}
#content nav.content-navigation ul li {
  margin: 0;
  padding: 0;
  float: left;
}
#content nav.content-navigation ul li:last-of-type {
  float: right;
}
#content nav.content-navigation ul li a {
  display: inline-block !important;
  background: rgb(244, 244, 244);
  color: rgb(28, 99, 184);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 700;
  font-size: 0.9375rem;
  padding: 0.65em 25px;
}
#content nav.content-navigation ul li a:hover, #content nav.content-navigation ul li a:focus, #content nav.content-navigation ul li a.nav-active {
  color: rgb(255, 255, 255);
  background: rgb(112, 173, 222);
}
#content nav.content-navigation ul li:before {
  display: none;
}

h4.icon-schloss:before {
  color: rgb(233, 145, 37);
  font-size: 1.25rem;
  vertical-align: 0.2em;
}

.no-member:after {
  color: rgb(233, 145, 37);
  margin-left: 0.25em;
}

.tekom-member .no-member:after {
  display: inline-block;
  content: "\e805";
}

.back-link {
  margin-top: 2em;
}
.back-link a {
  color: rgb(79, 77, 77);
  display: inline-block;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.back-link a:before {
  color: rgb(233, 145, 37);
  font-size: 0.875rem;
}
.back-link a:hover, .back-link a:focus {
  color: rgb(28, 99, 184);
}

#content .content-rss {
  text-align: right;
  margin: 0 0 -3em 0;
}
#content .content-rss a {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.875rem;
  width: 1em;
  height: 1em;
  background: rgb(233, 145, 37);
  padding: 2px;
}
#content .content-rss a:before {
  color: rgb(255, 255, 255);
  vertical-align: -0.15em;
}

.audio-element {
  margin-bottom: 2em;
}
@media screen and (max-width: 1199px) {
  .audio-element {
    margin-top: 2em;
  }
}
.audio-element figure {
  margin-bottom: 1.5em;
}

h4.jobs-list span, ul.jobs-list span, ul.jobs-list a {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}

h4.jobs-list-header {
  margin: 3em 0 1.2em 0;
}
@media screen and (max-width: 1199px) {
  h4.jobs-list-header {
    display: none;
  }
}
h4.jobs-list-header span {
  display: inline-block;
}
h4.jobs-list-header span.jl-company {
  width: 35%;
}
h4.jobs-list-header span.jl-location {
  width: 19%;
}
h4.jobs-list-header span.jl-date {
  width: 14.5%;
  text-align: right;
}
h4.jobs-list-header span.jl-title {
  width: 30%;
}
h4.jobs-list-header span.jl-branch {
  width: 28%;
}

#content ul.jobs-list {
  margin: 0 0 3em 0;
  padding: 0;
}
#content ul.jobs-list li {
  padding: 1.2em 0;
  margin: 0;
  border-top: 1px solid rgb(28, 99, 184);
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
#content ul.jobs-list li:before {
  display: none;
}
#content ul.jobs-list li:hover, #content ul.jobs-list li:focus {
  background: rgba(112, 173, 222, 0.1);
  cursor: pointer;
}
#content ul.jobs-list li p {
  margin: 0;
}
#content ul.jobs-list li .jl-title {
  font-weight: 700;
}
#content ul.jobs-list li a {
  color: rgb(79, 77, 77);
  display: block;
}
@media screen and (min-width: 1024px) {
  #content ul.jobs-list li a {
    display: inline-block;
    width: 30%;
  }
}
#content ul.jobs-list li a:after {
  display: none !important;
}
@media screen and (min-width: 1024px) {
  #content ul.jobs-list li span.jl-company {
    width: 35%;
  }
  #content ul.jobs-list li span.jl-location {
    width: 19%;
  }
  #content ul.jobs-list li span.jl-date {
    width: 15%;
    text-align: right;
  }
}
@media screen and (max-width: 1199px) {
  #content ul.jobs-list li span.jl-company:after, #content ul.jobs-list li span.jl-location:after {
    content: ", ";
  }
}

.company-logo {
  float: right;
  max-width: 250px;
  margin: 0.25em 0 1em 20px;
}

#content .experts-list, #content .norm-list {
  margin: 1.5em 0 0.5em 0;
}
#content .experts-list li, #content .norm-list li {
  margin: 0;
  padding: 1.5em 10px;
  border-top: 1px solid rgb(153, 153, 147);
  -webkit-transition: 0.5s background ease;
  -moz-transition: 0.5s background ease;
  transition: 0.5s background ease;
}
#content .experts-list li:hover, #content .experts-list li:focus, #content .norm-list li:hover, #content .norm-list li:focus {
  background: rgba(112, 173, 222, 0.1);
  cursor: pointer;
}
#content .experts-list li h6, #content .norm-list li h6 {
  color: rgb(79, 77, 77);
  margin-bottom: 0.3em;
  font-size: 0.9375rem;
  display: inline-block;
}
#content .experts-list li h6:after, #content .norm-list li h6:after {
  content: "|";
  margin-left: 5px;
  display: inline-block;
}
#content .experts-list li h5, #content .norm-list li h5 {
  color: rgb(79, 77, 77);
  font-size: 0.875rem;
  margin-bottom: 0.3em;
  display: inline-block;
}
#content .experts-list li h2, #content .norm-list li h2 {
  text-transform: none;
  font-size: 1.125rem;
  margin-bottom: 0.5em;
  display: block !important;
}
#content .experts-list li:before, #content .norm-list li:before {
  display: none;
}
#content .experts-list li p, #content .norm-list li p {
  margin-bottom: 0;
}
#content .experts-list li p:last-of-type, #content .norm-list li p:last-of-type {
  font-weight: 700;
}

.expert-question h2 {
  font-size: 1.125rem;
  margin-bottom: 1em;
  text-transform: none;
}
.expert-question h5 {
  margin-bottom: 0.3em;
}
.expert-question h4 {
  margin-bottom: 0.75em;
  font-size: 0.9375rem;
}

.expert-answer {
  padding: 1em 0 0 60px;
  position: relative;
}
.expert-answer:before {
  color: rgb(28, 99, 184);
  font-size: 1.875rem;
  color: rgb(0, 153, 0);
  position: absolute;
  top: 0;
  left: 0;
}

.filter-search {
  background: rgb(244, 244, 244);
  box-sizing: border-box;
  padding: 25px 30px 25px 25px;
  overflow: hidden;
}
.filter-search input[type=text] + input[type=submit] {
  margin-top: 0.5em;
}
.filter-search dl {
  overflow: hidden;
}
.filter-search dl:nth-of-type(2) {
  margin-top: 1em;
  padding-top: 1.5em;
  border-top: 1px solid rgb(112, 173, 222);
}

.comment-box h5, .comment-box h4 {
  font-size: 1rem;
  color: rgb(28, 99, 184);
  margin-bottom: 1em;
}
.comment-box h5 {
  padding: 0.75em 20px;
  background: rgb(244, 244, 244);
}
.comment-box div {
  background: rgb(244, 244, 244);
  padding: 1em 20px 0.5em 20px;
}
.comment-box div h6 {
  color: rgb(28, 99, 184);
  font-size: 1rem;
  margin-bottom: 1em;
  font-family: "Muli", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.comment-box form {
  background: rgb(244, 244, 244);
  padding: 1em 20px;
}
@media screen and (min-width: 768px) {
  .comment-box form dt {
    width: 20%;
  }
  .comment-box form dd {
    width: 80%;
  }
}

.form-show-filter {
  padding-left: 33.3333333333%;
  margin: 1em 0 1.5em 0;
}
.form-show-filter a {
  color: rgb(79, 77, 77);
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.form-show-filter a:hover, .form-show-filter a:focus {
  color: rgb(28, 99, 184);
}
.form-show-filter a:after {
  color: rgb(233, 145, 37);
  margin-left: 5px;
  font-size: 0.875rem;
}
.form-show-filter a:last-of-type {
  display: none;
}
.form-show-filter.filter-active a:last-of-type {
  display: inline-block;
}
.form-show-filter.filter-active a:first-of-type {
  display: none;
}

#norm-search-detail {
  display: none;
  background: rgb(244, 244, 244);
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px;
}
#norm-search-detail input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
}
#norm-search-detail select {
  width: 60%;
  right: 0;
  position: absolute;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
#norm-search-detail p {
  margin-bottom: 0.5em !important;
  position: relative;
}
#norm-search-detail h6 {
  font-size: 0.9375rem;
  margin: 1.5em 0 0.5em 0;
}
#norm-search-detail h6:first-of-type {
  margin-top: 0.25em;
}
#norm-search-detail input[type=checkbox]:checked,
#norm-search-detail input[type=checkbox]:not(:checked),
#norm-search-detail input[type=radio]:checked,
#norm-search-detail input[type=radio]:not(:checked) {
  background: transparent;
  position: relative;
  opacity: 0;
  margin: 0;
  padding: 0;
}
#norm-search-detail input[type=checkbox] + label,
#norm-search-detail input[type=radio] + label {
  cursor: pointer;
}
#norm-search-detail input[type=checkbox]:checked + label::before,
#norm-search-detail input[type=checkbox]:not(:checked) + label::before,
#norm-search-detail input[type=radio]:checked + label::before,
#norm-search-detail input[type=radio]:not(:checked) + label::before {
  content: " ";
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  border: 1px solid rgb(79, 77, 77);
  background: white;
  margin-right: 10px;
}
#norm-search-detail input[type=radio]:checked + label::before,
#norm-search-detail input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}
#norm-search-detail input[type=checkbox]:hover + label::before,
#norm-search-detail input[type=radio]:hover + label::before {
  background: rgb(112, 173, 222);
}
#norm-search-detail input[type=checkbox]:checked + label::before,
#norm-search-detail input[type=radio]:checked + label::before {
  background: rgb(28, 99, 184);
}

.norm-detail h6 {
  font-size: 0.9375rem;
  margin-bottom: 0.75em;
}
.norm-detail h5 {
  margin-bottom: 1em;
}

.content ul.f3-widget-paginator {
  margin: 0;
  position: relative;
  background: rgba(112, 173, 222, 0.1);
  padding: 0.5em 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.content ul.f3-widget-paginator li {
  padding: 0;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.content ul.f3-widget-paginator li:before {
  display: none;
}
.content ul.f3-widget-paginator li.current {
  color: rgb(233, 145, 37);
  display: inline-block;
  padding: 0 0.3em;
}
.content ul.f3-widget-paginator li a {
  display: inline-block;
  padding: 0 0.3em;
}
.content ul.f3-widget-paginator li a.content-pager-active {
  color: rgb(233, 145, 37);
}
.content ul.f3-widget-paginator a.icon-pfeil_links, .content ul.f3-widget-paginator a.icon-pfeil_rechts {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  font-size: 1.25rem;
}
.content ul.f3-widget-paginator li.previous {
  position: absolute;
  left: 20px;
}
.content ul.f3-widget-paginator li.previous a {
  font-size: 0;
}
.content ul.f3-widget-paginator li.previous a:before {
  font-size: 15px;
  content: "\e803";
  font-family: "tekom";
  text-indent: 0;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content ul.f3-widget-paginator li.next {
  position: absolute;
  right: 20px;
}
.content ul.f3-widget-paginator li.next a {
  font-size: 0;
}
.content ul.f3-widget-paginator li.next a:before {
  font-size: 15px;
  content: "\e805";
  font-family: "tekom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.content .content-pager {
  background: rgba(112, 173, 222, 0.1);
  padding: 0.5em 20px;
}
.content .content-pager ul {
  margin: 0;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.content .content-pager ul li {
  padding: 0;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.content .content-pager ul li:before {
  display: none;
}
.content .content-pager ul li a {
  display: inline-block;
  padding: 0 0.3em;
}
.content .content-pager ul li a.content-pager-active {
  color: rgb(233, 145, 37);
}
.content .content-pager a.icon-pfeil_links, .content .content-pager a.icon-pfeil_rechts {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  font-size: 1.25rem;
}
.content .content-pager a.icon-pfeil_links {
  position: absolute;
  right: 0;
}
.content .content-pager a.icon-pfeil_rechts {
  position: absolute;
  left: 0;
}

@media screen and (min-width: 768px) {
  .pub-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.pub-list > div {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 12px;
  background: rgb(244, 244, 244);
  padding: 15px 12px;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pub-list > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(50% - 6px);
    -ms-flex: 0 1 calc(50% - 6px);
    flex: 0 1 calc(50% - 6px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
.pub-list > div h6 {
  margin-bottom: 1em;
}
.pub-list > div h5 {
  color: rgb(28, 99, 184);
  margin-bottom: 0;
  font-size: 0.9375rem;
}
.pub-list > div dl {
  margin: 2em 0 1em 0;
  overflow: hidden;
}
.pub-list > div dl dt {
  width: 20%;
  float: left;
  text-align: center;
  padding: 0 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .pub-list > div dl dt {
    width: 50%;
  }
}
.pub-list > div dl dd {
  width: 80%;
  float: left;
  margin: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .pub-list > div dl dd {
    width: 50%;
    padding-right: 15px;
  }
}
.pub-list > div dl dd a:after {
  font-size: 0.875rem;
  color: rgb(233, 145, 37);
}
.pub-list > div dl img {
  border: 1px solid rgb(79, 77, 77);
  max-width: 150px;
}

span.pub-info {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 0 0 10px;
  background-color: rgb(233, 145, 37);
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  box-sizing: border-box;
  padding: 3px 7px 3px 10px;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .pub-detail > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(33.3333333333% - 20px);
    -ms-flex: 0 1 calc(33.3333333333% - 20px);
    flex: 0 1 calc(33.3333333333% - 20px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    box-sizing: border-box;
    position: relative;
  }
}
.pub-detail > div h1 {
  text-transform: none;
  color: rgb(28, 99, 184);
  font-size: 1.5rem;
}
.pub-detail > div img {
  border: 1px solid rgb(79, 77, 77);
  max-width: 290px;
  margin-bottom: 1.5em;
}
.pub-detail > div h5, .pub-detail > div h6 {
  color: rgb(28, 99, 184);
  font-size: 0.9375rem;
  margin-bottom: 0.1em;
}
@media screen and (min-width: 1024px) {
  .pub-detail > div:nth-of-type(1) {
    padding-right: 0;
  }
  .pub-detail > div:nth-of-type(2) {
    flex: 0 1 calc(33.3333333333% + 100px);
  }
  .pub-detail > div:nth-of-type(3) {
    margin-left: 20px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(33.3333333333% - 100px);
    -ms-flex: 0 1 calc(33.3333333333% - 100px);
    flex: 0 1 calc(33.3333333333% - 100px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
.pub-detail > div:nth-of-type(2) ul {
  margin: 0 !important;
}
.pub-detail > div:nth-of-type(3) {
  background: rgb(244, 244, 244);
  padding: 15px 12px;
}
.pub-detail > div:nth-of-type(3) p {
  padding-left: 15px;
}
.pub-detail > div:nth-of-type(3) p span {
  display: block;
}
.pub-detail > div:nth-of-type(3) p span.pub-price, .pub-detail > div:nth-of-type(3) p span.pub-price-additional {
  font-weight: 700;
  color: rgb(28, 99, 184);
}
.pub-detail > div:nth-of-type(3) p a {
  display: block;
  text-align: center;
  color: rgb(255, 255, 255);
  background: rgb(28, 99, 184);
  font-size: 1rem;
  font-weight: 700;
  padding: 0.3em 15px;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.pub-detail > div:nth-of-type(3) p a:hover, .pub-detail > div:nth-of-type(3) p a:focus {
  opacity: 0.7;
}
.pub-detail > div:nth-of-type(3) form {
  margin-bottom: 2.5em;
  padding-left: 15px;
}
.pub-detail > div:nth-of-type(3) form input {
  width: 100%;
}
.pub-detail > div:nth-of-type(3) p.icon-downloadpdf, .pub-detail > div:nth-of-type(3) p.icon-warenkorb {
  padding-left: 50px;
  position: relative;
}
.pub-detail > div:nth-of-type(3) p.icon-downloadpdf:before, .pub-detail > div:nth-of-type(3) p.icon-warenkorb:before {
  color: rgb(28, 99, 184);
  font-size: 1.875rem;
  position: absolute;
  left: 0;
  top: 0;
}
.pub-detail > div:nth-of-type(3) ul li {
  padding-bottom: 10px;
}
.pub-detail > div:nth-of-type(3) ul li a {
  font-weight: 700;
}
.pub-detail > div:nth-of-type(3) ul li a span:before {
  font-size: 150%;
}
.pub-detail > div > dl {
  border-top: 1px solid rgb(255, 255, 255);
}
.pub-detail > div > dl dt {
  color: rgb(28, 99, 184);
  margin-top: 0.5em;
}
.pub-detail > div > dl dd {
  margin: 0;
  padding: 0 0 0.5em 0x;
  border-bottom: 1px solid rgb(112, 173, 222);
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
}

.pub-bodyindex ol {
  counter-reset: item;
}
.pub-bodyindex ol li {
  display: block;
}
.pub-bodyindex ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

.content ul.download-list {
  margin: 0 0 1.5em 0;
}
.content ul.download-list li {
  padding: 0 15px 0 40px;
  box-sizing: border-box;
  margin-bottom: 1em;
  font-weight: 700;
}
.content ul.download-list li:before {
  display: none;
}
.content ul.download-list li span {
  font-weight: 400;
}
.content ul.download-list li a {
  color: rgb(79, 77, 77);
  display: inline-block;
  line-height: 1.2em;
}
.content ul.download-list li a:before {
  font-size: 1.875rem;
  color: rgb(28, 99, 184);
  margin-right: 10px;
  vertical-align: -0.1em;
  margin-left: -40px;
  position: relative;
  top: 3px;
}

@media screen and (min-width: 768px) {
  .news-full-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.news-full-list > div {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 12px;
  background: rgb(244, 244, 244);
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.news-full-list > div:hover, .news-full-list > div:focus {
  opacity: 0.7;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .news-full-list > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(50% - 6px);
    -ms-flex: 0 1 calc(50% - 6px);
    flex: 0 1 calc(50% - 6px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .news-full-list > div:nth-of-type(1), .news-full-list > div:nth-of-type(2), .news-full-list > div:nth-of-type(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .news-full-list > div:nth-of-type(1) dt, .news-full-list > div:nth-of-type(2) dt, .news-full-list > div:nth-of-type(3) dt {
    width: calc(33.3333333333% - 12px);
  }
  .news-full-list > div:nth-of-type(1) dd, .news-full-list > div:nth-of-type(2) dd, .news-full-list > div:nth-of-type(3) dd {
    width: calc(66.6666666667% + 12px);
    padding: 30px 42px 10px 42px;
  }
}
@media screen and (max-width: 1023px) {
  .news-full-list > div:nth-of-type(1) dt, .news-full-list > div:nth-of-type(2) dt, .news-full-list > div:nth-of-type(3) dt {
    display: block;
    margin-bottom: 12px;
  }
}
.news-full-list > div dl {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.news-full-list > div dl dt {
  display: none;
}
@media screen and (min-width: 768px) {
  .news-full-list > div dl dt {
    width: calc(50% - 12px);
    display: block;
    float: left;
  }
}
.news-full-list > div dl dd {
  width: 100%;
  margin: 0;
  float: left;
  padding: 25px 20px 15px 25px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .news-full-list > div dl dd {
    width: calc(50% + 12px);
  }
}
.news-full-list > div dl dd a:after {
  font-size: 0.875rem;
  color: rgb(233, 145, 37);
}
.news-full-list > div h6 {
  font-size: 0.9375rem;
  margin-bottom: 1em;
}
.news-full-list > div img {
  display: block;
}

.news-detail h6 {
  font-size: 0.9375rem;
  margin-bottom: 1em;
}
.news-detail h1 {
  color: rgb(28, 99, 184);
}

.info-accordeon {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 12px;
  background: rgb(244, 244, 244);
  padding: 20px 15px 5px 15px;
}
@media screen and (min-width: 768px) {
  .info-accordeon {
    padding: 25px 25px 10px 25px;
  }
}
.info-accordeon dl {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5em;
}
.info-accordeon dl dt {
  width: calc(33.3333333333% - 12px);
  float: left;
}
.info-accordeon dl dt img {
  display: block;
}
.info-accordeon dl dd {
  width: calc(66.6666666667% + 12px);
  float: left;
  box-sizing: border-box;
  margin: 0;
  padding: 0 12px;
}
@media screen and (min-width: 768px) {
  .info-accordeon dl dd {
    padding: 0 20px 0 70px;
  }
}
.info-accordeon dl dd p:last-of-type {
  position: absolute;
  bottom: 0;
  margin: 0 !important;
}
.info-accordeon > input:checked + label {
  background-color: rgb(112, 173, 222);
  color: rgb(255, 255, 255);
}
.info-accordeon > input:checked + label:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.info-accordeon > label {
  padding: 0.75em 15px;
  cursor: pointer;
  margin: 0 -15px 0.5em -15px;
}
@media screen and (min-width: 768px) {
  .info-accordeon > label {
    margin: 0 -25px 0.5em -25px;
    padding: 0.75em 25px;
  }
}
.info-accordeon > label:hover, .info-accordeon > label:focus {
  background-color: rgb(112, 173, 222);
}
.info-accordeon > label:after {
  color: rgb(233, 145, 37);
  position: relative;
  right: inherit;
  top: inherit;
  margin-left: 15px;
}
.info-accordeon > div {
  box-sizing: border-box;
  -webkit-transition: max-height 1s ease;
  -moz-transition: max-height 1s ease;
  transition: max-height 1s ease;
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .info-accordeon > div {
    padding: 0 25px;
  }
}
.info-accordeon input:checked ~ div {
  max-height: 800px;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.info-accordeon + .content-element > h2 {
  margin-top: 3em;
}

.content-grid.c-1-1-1-1 {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 12px;
}
.content-grid.c-1-1-1-1 > div {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  background: rgb(244, 244, 244);
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .content-grid.c-1-1-1-1 > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(50% - 6px);
    -ms-flex: 0 1 calc(50% - 6px);
    flex: 0 1 calc(50% - 6px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding: 20px 25px 15px 25px;
  }
}
@media screen and (min-width: 1024px) {
  .content-grid.c-1-1-1-1 > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(25% - 9px);
    -ms-flex: 0 1 calc(25% - 9px);
    flex: 0 1 calc(25% - 9px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
.content-grid.c-1-1-1-1 > div ul {
  margin-left: 0 !important;
}
.content-grid.c-1-1-1-1 > div li {
  margin-bottom: 1em !important;
}
.content-grid.c-1-1-1-1 > div h3 {
  text-align: center;
  margin-bottom: 1em;
}

.content-grid.c-1-4 {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 12px;
}
.content-grid.c-1-4 > div {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding: 0;
}
.content-grid.c-1-4 > div:nth-of-type(1) figure {
  text-align: center;
  margin-bottom: 1em;
}
.content-grid.c-1-4 > div:nth-of-type(1) figure img {
  max-width: 200px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .content-grid.c-1-4 > div:nth-of-type(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 200px;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .content-grid.c-1-4 > div:nth-of-type(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(100% - 200px);
    -ms-flex: 0 1 calc(100% - 200px);
    flex: 0 1 calc(100% - 200px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding: 0 0 0 35px;
  }
}
@media screen and (min-width: 1024px) {
  .content-grid.c-1-4 > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(25% - 9px);
    -ms-flex: 0 1 calc(25% - 9px);
    flex: 0 1 calc(25% - 9px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}

@media screen and (min-width: 768px) {
  .contact-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.contact-list > div {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 12px;
  background: rgb(244, 244, 244);
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .contact-list > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(50% - 6px);
    -ms-flex: 0 1 calc(50% - 6px);
    flex: 0 1 calc(50% - 6px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding: 15px;
  }
}
.contact-list dl {
  width: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.contact-list dl dt {
  width: calc(20% - 12px);
  float: left;
}
@media screen and (min-width: 768px) {
  .contact-list dl dt {
    width: calc(50% - 12px);
  }
}
.contact-list dl dd {
  width: calc(80% + 12px);
  margin: 0;
  float: left;
  box-sizing: border-box;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .contact-list dl dd {
    width: calc(50% + 12px);
    padding-left: 20px;
  }
}
.contact-list dl dd h4 {
  margin-bottom: 1.25em;
  font-size: 1rem;
}
.contact-list dl dd h4 + p {
  position: relative !important;
  bottom: auto !important;
}
.contact-list dl dd h5 {
  font-size: 0.9375rem;
  margin-bottom: 0.75em;
}
.contact-list dl dd address {
  font-style: normal;
}
.contact-list dl dd p:last-of-type {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .contact-list dl dd p:last-of-type {
    position: absolute;
    bottom: 0;
  }
}
.contact-list dl dd p:last-of-type span {
  display: block;
  margin-top: 0.5em;
}
.contact-list dl dd p:last-of-type span:before {
  color: rgb(28, 99, 184);
  width: 40px;
}
.contact-list dl dd p:last-of-type span.icon-telefon:before {
  font-size: 1.875rem;
}
.contact-list dl dd p:last-of-type span.icon-email:before {
  font-size: 1.25rem;
}
.contact-list dl img {
  display: block;
}

table.contenttable {
  margin: 1em 0 2em;
  border-collapse: collapse;
  width: 100%;
  border-bottom: 2px solid rgb(28, 99, 184);
}
table.contenttable th {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 0.9375rem;
  padding: 0.5em 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid rgb(255, 255, 255);
}
table.contenttable td {
  font-size: 0.9375rem;
  padding: 0.35em 10px;
  vertical-align: top;
  border: 1px solid rgb(255, 255, 255);
}
table.contenttable td p:last-of-type, table.contenttable td ul:last-of-type {
  margin-bottom: 0;
}
table.contenttable tr:nth-of-type(even) td {
  background-color: rgb(244, 244, 244);
}
table.contenttable tr:nth-of-type(odd) td {
  background-color: rgb(255, 255, 255);
}
table.contenttable.tickets-table td {
  font-weight: normal;
}

.media-element iframe {
  border: 0;
}
.media-element > div {
  margin: 1.5em 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.media-element > div.video-embed video {
  width: 100%;
}
.media-element > div iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*.news-full-list {


    @media screen and (min-width: $break-medium) {
      @include tekomgridcontent(0, calc(100% / 2 - 6px));


    dl {
      width: 100%;
      margin: 0;
      overflow: hidden;

      dt {
        display: none;
        @media screen and (min-width: $break-medium) {
          width: calc(50% - 12px);
        }
      }

      dd {
        width: 100%;
        margin: 0;
        float: left;
        padding: 25px 20px 15px 25px;
        box-sizing: border-box;
        @media screen and (min-width: $break-medium) {
          width: calc(50% + 12px);
        }

        a:after {
          font-size: $font-size-xs;
          color: $color-orange;
        }
      }
    }

    h6 {
      font-size: $font-size-s;
      margin-bottom: 1em;
    }

    img {
      display: block;
    }
  }
}*/
/*Without link <a> tag*/
/*

.map-region{
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  opacity: .5;
  fill:#2681cc;

}
.map-region:hover {
  fill:url(#hover_gradinet);
  opacity: 1;
}

 */
/*With link <a> tag*/
#de-map a .map-region {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 0.5;
  fill: #2681cc;
}

#de-map a .map-region.r_ligbtBlue {
  /* opacity: .5;
   fill:#3791cc;*/
  opacity: 1;
  fill: #9BC6E3;
}

#de-map a .map-region.r_darkBlue {
  opacity: 1;
  fill: #1464AA;
}

#de-map a .map-region.r_purple {
  /* opacity: .5;
   fill:#002c7d;
   */
  fill: #708DC3;
  opacity: 1;
}

#de-map a {
  display: block;
}

#de-map a:hover .map-region {
  opacity: 1;
  fill: rgb(28, 99, 184);
}

#de-map a:hover .map-region.r_ligbtBlue {
  opacity: 1;
  fill: rgb(233, 145, 37);
}

#de-map a:hover .map-region.r_darkBlue {
  opacity: 1;
  fill: rgb(233, 145, 37);
  /*background: #92BFE5;*/
}

#de-map a:hover .map-region.r_purple {
  fill: url(#hover_gradinet_orange);
  opacity: 1;
  /*background: #92BFE5;*/
}

.brochures-headline,
.jobs-headline,
.videos-headline {
  padding-top: 10px;
}

#tooltip {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  padding: 15px 5px;
  width: 200px;
  text-align: center;
  position: fixed;
  display: none;
}

#tooltip:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  width: 0;
  height: 0;
  top: -25px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 25px solid rgba(255, 255, 255, 0.8);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #tooltip:after {
    top: -24px;
  }
}

.tooltip-icon {
  position: absolute;
  top: 4px;
  right: 7px;
  border: 1px solid rgb(28, 99, 184);
  border-radius: 50%;
  padding: 3px 10px 2px 10px;
  font-weight: 700;
  font-size: 125%;
  cursor: pointer;
}
.tooltip-icon:after {
  color: rgb(28, 99, 184);
  content: "i";
}

.headline-tooltip .tooltip-icon {
  top: -25px;
}

.tooltip-content {
  position: fixed !important;
  top: 20vh !important;
  z-index: 10;
  color: rgb(79, 77, 77);
  font-family: "Muli", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.tooltip-content > .container {
  padding: 3em 2em;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}
.tooltip-content > .container span.close {
  color: rgb(79, 77, 77);
  position: absolute;
  top: 1em;
  right: 10px;
  cursor: pointer;
  sfont-family: "Muli", Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.tooltip-content > .container span.close:after {
  content: "\e81a";
  font-family: tekom;
  font-size: 150%;
}
.tooltip-content img {
  max-height: 300px;
  width: auto !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tooltip-content img {
    top: -24px;
  }
}

.hidden-tooltip-content {
  display: none;
}

.tooltip_14 {
  font-size: 14px;
}

.region_list,
#de-map {
  display: inline-block;
  vertical-align: middle;
}

.region_list {
  padding-left: 50px;
}
.region_list li {
  list-style-type: none;
  position: relative;
}
.region_list li:before {
  content: none !important;
}
.region_list li a {
  margin: 5px 0;
  display: block;
  padding: 3px 0 3px 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.region_list li a:after {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  background: #e99125;
  border-radius: 50%;
  top: 9px;
}
.region_list li a:hover {
  color: #e99125;
}
.region_list.regions_eu {
  padding-left: 0;
  width: 29%;
}

#de-map {
  padding-bottom: 50px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #de-map {
    width: 70%;
  }
}
#de-map svg {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #de-map .region_list {
    width: 100% !important;
  }
  #de-map svg {
    height: auto !important;
  }
  .region_list.regions_eu {
    width: 100% !important;
  }
}
#test-focus {
  width: 20px;
  height: 20px;
}

.google-map-content {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
  padding: 10px;
}
.google-map-content dl {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1.35em;
  display: inline;
}
.google-map-content dl dt {
  width: 25%;
  float: right;
  margin: 0;
  padding: 0;
}
.google-map-content dl dd {
  width: 75%;
  float: left;
  margin: 0;
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
.google-map-content dl dd img {
  width: auto;
  float: right;
  margin: 0 10px 5px 5px;
}
.google-map-content dl h5 {
  font-size: 1rem;
  margin-bottom: 0;
}
.google-map-content dl ul {
  margin: 0;
}

.content .events {
  margin-top: 2.5em;
}
.content .events > div ul:not(.f3-widget-paginator) {
  margin: 0 0 2em 0;
}
.content .events > div ul:not(.f3-widget-paginator) li {
  padding: 0 10px;
  margin: 0 0 1.5em 0;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.content .events > div ul:not(.f3-widget-paginator) li:hover {
  background: rgba(112, 173, 222, 0.1);
  cursor: pointer;
}
.content .events > div ul:not(.f3-widget-paginator) li:before {
  display: none;
}
.content .events > div ul:not(.f3-widget-paginator) li.tekom-event {
  background-color: rgba(112, 173, 222, 0.1);
}
.content .events > div ul:not(.f3-widget-paginator) li.tekom-event:after {
  content: "\e80a";
  color: rgb(28, 99, 184);
  font-family: "tekom";
  display: inline-block;
  position: absolute;
  width: 1em;
  font-size: 2.5rem;
  height: 1em;
  right: 10px;
  top: 0.6em;
}
.content .events > div ul:not(.f3-widget-paginator) li h4 {
  margin-bottom: 0.1em;
  color: rgb(79, 77, 77);
}
.content .events > div ul:not(.f3-widget-paginator) li span {
  color: rgb(233, 145, 37);
}
.content .events > div ul:not(.f3-widget-paginator) li a {
  color: rgb(79, 77, 77);
}

.content .events ul:not(.f3-widget-paginator) li {
  border-bottom: 1px solid rgb(112, 173, 222);
  padding: 1em 10px 0 10px !important;
  margin: 0 !important;
}
.content .events ul:not(.f3-widget-paginator) li:last-of-type {
  border-bottom: none;
}
.content .events ul:not(.f3-widget-paginator) li dl {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.content .events ul:not(.f3-widget-paginator) li dl dt {
  margin-bottom: 0.5em;
  font-weight: 700;
  color: rgb(28, 99, 184);
  width: 100%;
}
.content .events ul:not(.f3-widget-paginator) li dl dt span {
  font-weight: 400;
  color: rgb(79, 77, 77);
  display: block;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .content .events ul:not(.f3-widget-paginator) li dl dt {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding-right: 10px;
  }
}
.content .events ul:not(.f3-widget-paginator) li dl dd {
  width: 100%;
  margin: 0 0 0.5em 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .content .events ul:not(.f3-widget-paginator) li dl dd {
    width: 75%;
    float: left;
  }
}
.content .events ul:not(.f3-widget-paginator) li dl dd h4 {
  font-size: 1rem;
}
.content .events ul:not(.f3-widget-paginator) li dl dd p {
  margin: 0 !important;
}

.content-element div.event-details {
  background: rgba(255, 255, 255, 0.9);
}
.content-element div.event-details dt, .content-element div.event-details dd {
  border-top-color: rgba(112, 173, 222, 0.7);
}

.content-element.education-listing {
  border-top: 1px solid rgb(112, 173, 222);
}
.content-element.education-listing div {
  border-bottom: 1px solid rgb(112, 173, 222);
  padding: 1em 10px 1em 50px;
  position: relative;
}
.content-element.education-listing div.tekom-acr:before {
  display: inline-block;
  content: " ";
  background: url(../Images/tekom-akkreditierung.gif) no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 20px;
}
.content-element.education-listing h5 {
  color: rgb(28, 99, 184);
  font-size: 1.125rem;
  margin-bottom: 0.25em;
  margin-left: 30px;
}
.content-element.education-listing h5 span, .content-element.education-listing h5 a {
  display: inline-block;
  vertical-align: top;
}
.content-element.education-listing h5 span:nth-of-type(1) {
  width: 100%;
}
.content-element.education-listing h5 span:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.9375rem;
  width: 100%;
  color: rgb(79, 77, 77);
}
.content-element.education-listing h5 a {
  width: 100%;
  font-weight: 400;
  font-size: 0.9375rem;
  color: rgb(79, 77, 77);
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.content-element.education-listing h5 a:hover, .content-element.education-listing h5 a:focus {
  color: rgb(28, 99, 184);
}
@media screen and (min-width: 768px) {
  .content-element.education-listing h5 span:nth-of-type(1) {
    width: 45%;
  }
  .content-element.education-listing h5 span:nth-of-type(2) {
    width: 25%;
  }
  .content-element.education-listing h5 a {
    width: 30%;
  }
}
.content-element.education-listing p {
  margin: 0 30px;
  font-size: 0.875rem;
  color: rgb(153, 153, 147);
}

#content .top-intro .container {
  margin-bottom: 1.5em;
  padding: 0;
}
@media screen and (min-width: 1300px) {
  #content .top-intro .container.container_full {
    width: 1300px;
  }
}
#content .top-intro .container.container_full .media_container_top {
  position: relative;
}
#content .top-intro .container.container_full .media_container_top .tekomMedia_wrapper img {
  width: 100%;
  display: block;
}
#content .top-intro .container.container_full .media_container_top .tekomMedia_wrapper picture {
  width: 100%;
}
#content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper {
  position: absolute;
  bottom: 30px;
  /* background: rgba(112, 173, 222, 0.7);*/
  background: rgba(255, 255, 255, 0.7);
  /*width: 58.45%*/
  width: 60%;
  color: rgb(79, 77, 77);
  text-align: center;
  left: 15px;
  padding: 20px;
}
#content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper h2 {
  word-break: break-word;
}
@media screen and (min-width: 1200px) {
  #content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper {
    padding: 4em 30px 20px;
    width: 31%;
    left: 50px;
  }
}
#content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper h1, #content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper h2 {
  color: rgb(79, 77, 77);
  font-size: 1.875rem;
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
}
#content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper p {
  font-size: 18px;
}
#content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper p a {
  color: inherit;
  font-size: inherit;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3 {
  width: 60%;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style {
  padding: 20px 40px;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style h2 {
  font-size: 1.875rem;
  color: #4f4d4d;
  padding-top: 20px;
  padding-bottom: 20px;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-image-style img {
  display: block;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3 {
  width: 30%;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style {
  overflow: hidden;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style img {
  display: block;
  width: auto;
  height: 100%;
}
#content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray p {
  color: #1c63b8 !important;
}
#content .intro-accodions .content-accordeon > div ul li {
  color: #1c63b8;
  position: relative;
  margin: 15px 0;
  padding-left: 20px;
  list-style-type: none;
}
#content .intro-accodions .content-accordeon > div ul li:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #e99125;
  position: absolute;
  left: 16px;
  top: 8px;
}
#content .images-as-background .content-grid.c-1-1 > div.content-teaser > div {
  padding: 0;
  background: none;
}
@media screen and (max-width: 767px) {
  #content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-bg-wrapper {
    overflow: hidden;
  }
}
#content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-bg-wrapper img {
  height: 100%;
}
@media screen and (max-width: 767px) {
  #content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-bg-wrapper img {
    height: auto;
  }
}
#content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-text-wrapper {
  background: rgba(93, 119, 139, 0.7);
  position: absolute;
  z-index: 1;
  padding: 45px 40px 0 40px;
}
#content .images-as-background .content-grid.c-1-1 > div.content-teaser p:last-of-type a:after {
  margin-left: 5px;
  content: "\e806";
  position: absolute;
  opacity: 1;
  border: none;
  color: #e99125;
  transform: rotate(-90deg);
  right: -20px;
  font-size: 10px;
  top: 6px;
  bottom: auto;
  left: auto;
  width: 20px;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray.blue-gradinet {
  background: #1c63b8;
  background: -moz-linear-gradient(left, #1c63b8 0%, #70adde 50%, #1c63b8 100%);
  background: -webkit-linear-gradient(left, #1c63b8 0%, #70adde 50%, #1c63b8 100%);
  background: linear-gradient(to right, #1c63b8 0%, #70adde 50%, #1c63b8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  position: relative;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style h2 {
  color: #ffffff;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style h3 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style h4 {
  font-size: 16px;
  color: #ffffff !important;
  text-transform: none;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style a {
  color: #fff !important;
  font-weight: normal;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info {
  position: absolute;
  bottom: 35px;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info > span {
  margin-right: 80px;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-telefon:before {
  font-size: 36px;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-fax:before {
  font-size: 36px;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-email a {
  transition: all 0.3s;
  border-bottom: 1px dotted transparent;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-email a:hover {
  border-bottom: 1px dotted #fff;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-email:before {
  font-size: 22px;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-image-style img {
  display: block;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3 {
  width: 30%;
  padding: 40px;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style img {
  display: block;
  width: 100%;
  height: auto;
}
#content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray p {
  color: #1c63b8 !important;
}
#content .content-downloads a span.more-arrow {
  transform: rotate(-90deg);
  display: inline-block;
}
#content .content-downloads a span.more-arrow:after {
  margin-left: 5px;
  content: "\e806";
  border: none;
  color: #e99125;
  font-size: 10px;
  width: 20px;
  font-family: tekom;
  position: relative;
  left: -4px;
}

/* max-width 1199 */
@media screen and (max-width: 1199px) {
  .content-grid.pub-detail {
    display: block;
  }
  .content-grid.pub-detail > div {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    margin-left: -4px;
  }
  .content-grid.pub-detail > div:first-child {
    margin-left: 0;
  }
  .content-grid.pub-detail > div:nth-child(1) {
    padding-right: 0;
  }
  .content-grid.pub-detail > div:nth-child(2) {
    padding: 0 20px;
  }
  .content-grid.pub-detail > div form {
    padding-left: 0;
    padding-right: 0;
  }
  .content-grid.pub-detail > div form input[type=submit] {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  /* deleted & before #content */
  #content .teable-wrapper-scroll {
    overflow-x: scroll;
  }
  #content .content-downloads ul {
    display: block;
  }
  #content .content-downloads ul li {
    display: inline-block;
    width: 48%;
  }
}
@media screen and (max-width: 1199px) and (min-width: 1200px) {
  #content .top-intro .container.container_full {
    width: 104%;
    margin-left: -2%;
  }
}
@media screen and (max-width: 1199px) {
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style img {
    width: 100%;
    height: auto;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style h2 {
    margin-bottom: 10px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info > span {
    margin-right: 40px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-telefon:before {
    font-size: 28px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-fax:before {
    font-size: 28px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-email:before {
    font-size: 20px;
  }
}
/* max-width 1023 */
@media screen and (max-width: 1023px) {
  #content nav.content-navigation ul {
    padding: 0 !important;
  }
  #content nav.content-navigation ul li a {
    padding-left: 7px;
    padding-right: 7px;
  }
  #content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper {
    left: 2%;
  }
  #content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper h2 {
    /*font-size: $font-size-l;*/
  }
  #content .tekom-boxes.intro-boxes .container {
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2em;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style h2 {
    /*font-size: $font-size-l;*/
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style {
    padding: 45px 20px 0 0;
  }
  #content .images-as-background .content-grid.c-1-1 > div.content-teaser > div {
    padding: 0;
    background: none;
  }
  #content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-bg-wrapper img {
    height: 100%;
  }
  #content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-text-wrapper {
    padding: 20px 20px 0 20px;
  }
  #content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-text-wrapper h3 {
    font-size: 1.25rem;
    margin-bottom: 15px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style {
    padding-left: 20px;
    padding-right: 20px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info > span {
    margin-right: 15px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-telefon:before {
    font-size: 22px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-fax:before {
    font-size: 22px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-email {
    margin-right: 0;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-email:before {
    font-size: 16px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style h2 {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 0;
    /*font-size: $font-size-l;*/
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info {
    bottom: 15px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3 {
    padding: 20px 0 20px 20px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style img {
    padding: 0;
  }
  #content .intro-breadcrumb .container {
    padding-left: 2%;
  }
  #content .intro-breadcrumb .container p.breadcrumb {
    display: block;
  }
  #content .content-downloads ul li {
    display: block;
    width: 100%;
  }
  #content ul.download-list li {
    margin-bottom: 25px;
  }
  #content ul.download-list li a:before {
    position: absolute;
  }
  div.intro iframe {
    width: 100%;
  }
}
/* max-width 767 */
@media screen and (max-width: 767px) {
  #content nav.content-navigation ul {
    position: fixed;
    top: -100%;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(112, 173, 222, 0.95);
    transition: all 0.5s;
  }
  #content nav.content-navigation ul.openContentNav {
    top: 0;
    transition: all 0.5s;
  }
  #content nav.content-navigation ul li {
    float: none;
    display: inline-block;
    width: 100%;
    padding: 2px 5% 2px 10%;
  }
  #content nav.content-navigation ul li:last-of-type {
    float: none;
  }
  #content nav.content-navigation ul li:first-child {
    margin-top: 50px;
  }
  #content nav.content-navigation ul li a {
    background: none;
    padding: 3px 0;
    color: #ffffff;
  }
  #content nav.content-navigation ul li a.nav-active {
    background: none;
    color: #1c63b8;
  }
  #content nav.content-navigation ul .close-cm {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 30px;
    height: 30px;
    color: #fff;
  }
  #content nav.content-navigation ul .close-cm:before {
    content: "\e81a";
    font-family: tekom;
    font-size: 30px;
  }
  #content nav.content-navigation #content-mobile-nav {
    padding-left: 5px;
  }
  #content nav.content-navigation #content-mobile-nav .icon-menu {
    font-size: 13px;
  }
  #content nav.content-navigation #content-mobile-nav .icon-menu .activeText {
    color: #000;
    padding-left: 5px;
    font-size: 13px;
  }
  #content .top-intro .container.container_full {
    /*width: 106%;
    margin-left: -3%;*/
    width: 100%;
    margin: 0;
  }
  #content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  #content .top-intro .container.container_full .media_container_top .tekomInfo_wrapper h2 {
    font-size: 1.875rem;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid {
    align-items: normal;
    -webkit-align-items: normal;
    -ms-flex-align: normal;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper {
    flex-direction: column;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3 {
    width: 100%;
    box-sizing: border-box;
    order: 2;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style {
    padding: 20px 40px;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-image-style img {
    display: block;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3 {
    width: 100%;
    box-sizing: border-box;
    order: 1;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style {
    padding: 0;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style img {
    display: block;
    width: auto;
    height: 100%;
  }
  #content .tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray p {
    color: #1c63b8 !important;
  }
  #content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-text-wrapper h3 {
    font-size: 1.875rem;
    margin-bottom: 15px;
  }
  #content .images-as-background .content-grid.c-1-1 > div.content-teaser > div.teaser-bg-wrapper img {
    height: auto;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper {
    flex-direction: column;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3 {
    width: 100%;
    box-sizing: border-box;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style h2 {
    font-size: 1.25rem;
    padding-bottom: 20px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info {
    position: unset;
    bottom: 35px;
    padding-top: 20px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info > span {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-telefon:before {
    font-size: 28px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-fax:before {
    font-size: 28px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-text-style .person-info .icon-email:before {
    font-size: 20px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-2-3.col-image-style img {
    display: block;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3 {
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;
  }
  #content .contact-person.tekom-boxes.intro-boxes .container .tekom-grid .tb-lightergray .cols-wrapper .col-1-3.col-image-style {
    padding: 20px;
  }
  #content .content-grid.pub-detail {
    display: block;
  }
  #content .content-grid.pub-detail > div {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-left: 0;
  }
  #content .content-grid.pub-detail > div:first-child {
    margin-left: 0;
  }
  #content .content-grid.pub-detail > div:nth-child(2) {
    padding: 0;
  }
  #content .content-grid.pub-detail > div form {
    padding-left: 0;
    padding-right: 0;
  }
  #content .content-grid.pub-detail > div form input[type=submit] {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  #content .rg-reports > div ul {
    width: 100%;
  }
  #content .content-element ul li.c-state-1 {
    padding-left: 25px;
  }
  #content .content-element ul li.c-state-1:before {
    left: 15px;
    top: 14px;
    transform: none;
  }
}
.search-item {
  border-bottom: 1px solid rgb(112, 173, 222);
  padding: 1em 0;
}
.search-item p {
  margin: 0;
}
.search-item p em {
  color: rgb(112, 173, 222);
}
.search-item p:last-of-type {
  text-align: right;
}
.search-item p:last-of-type a.cta-button {
  font-size: 0.9375rem;
  padding: 0.15em 15px;
}
.search-item h6 {
  color: rgb(28, 99, 184);
  font-size: 1rem;
  font-family: "Muli", Arial, Helvetica, sans-serif;
  margin-bottom: 0.25em;
}

.b-state-1, .b-state-2, .b-state-3 {
  position: relative;
  min-height: 25px;
}
.b-state-1:before, .b-state-2:before, .b-state-3:before {
  width: 23px;
  height: 23px;
  top: 15px;
  position: absolute;
  border-radius: 100%;
  text-align: center;
  color: rgb(255, 255, 255);
}

.b-state-1:before {
  content: "?";
  background: #4f4d4d;
  display: block;
}

.b-state-2:before {
  content: "\e802";
  font-family: "tekom-tagungstool";
  background: rgb(0, 153, 0);
  font-size: 12px;
}

.b-state-3:before {
  content: "\e827";
  font-family: "tekom-tagungstool";
  background: rgb(153, 0, 0);
  font-size: 10px;
}

/*Tagungstool*/
#profilemodal .content-element.content-space-bottom {
  padding-bottom: 50px;
  overflow: hidden !important;
}
#profilemodal .content-element.content-space-bottom.b-submitted [class^=icon-] {
  font-size: 0;
}
#profilemodal .content-element.content-space-bottom.b-submitted [class^=icon-]:before {
  font-size: 20px;
}
#profilemodal .content-element.content-space-bottom.b-submitted h3 {
  background: #eee;
  padding: 15px;
}
#profilemodal .content-element.content-space-bottom.b-reviewed [class^=icon-] {
  font-size: 0;
}
#profilemodal .content-element.content-space-bottom.b-reviewed [class^=icon-]:before {
  font-size: 20px;
}
#profilemodal .content-element.content-space-bottom.b-reviewed h3 {
  background: rgb(28, 99, 184);
  color: #fff;
  padding: 15px;
}
#profilemodal .content-element.content-space-bottom.b-reviewed .b-state-1:before {
  content: "\e802";
  font-family: "tekom-tagungstool";
  background: #009900;
  font-size: 12px;
}
#profilemodal .content-element .selected-conference-info.show-info-content {
  display: block;
  padding-top: 50px;
}
#profilemodal .content-element .selected-conference-info.hide-info-content {
  display: none;
}
#profilemodal .content-element ul {
  padding: 10px 0 10px 15px;
}
#profilemodal .content-element ul li {
  position: relative;
  list-style-type: none;
  /*padding-left: 15px;
  margin: 10px 0 5px 0;*/
}
#profilemodal .content-element ul li:before {
  position: absolute;
  top: 9px;
  content: "";
  width: 5px;
  height: 5px;
  background: #e99125;
  border-radius: 100%;
  left: 0;
}
#profilemodal .content-element ul li.c-state-1 {
  padding-left: 45px;
  transition: all 0.3s;
}
#profilemodal .content-element ul li.c-state-1:before {
  position: absolute;
  width: 23px;
  height: 23px;
  border: 1px solid #4f4d4d;
  border-radius: 100%;
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: #1c63b8;
  font-size: 12px;
  line-height: 24px;
  display: block;
  text-align: center;
  background: transparent;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
#profilemodal .content-element ul li.c-state-1:hover {
  background: #fff;
}
#profilemodal .content-element ul li.c-state-2 {
  padding-left: 45px;
  transition: all 0.3s;
}
#profilemodal .content-element ul li.c-state-2:before {
  position: absolute;
  width: 23px;
  height: 23px;
  border: 1px solid #4f4d4d;
  border-radius: 100%;
  content: "\e827";
  font-family: "tekom-tagungstool";
  color: #4f4d4d;
  font-size: 12px;
  line-height: 24px;
  display: block;
  text-align: center;
  background: transparent;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
#profilemodal .content-element ul li.c-state-2:hover {
  background: #fff;
}
#profilemodal .content-element ul li.c-state-3 {
  padding-left: 45px;
  transition: all 0.3s;
}
#profilemodal .content-element ul li.c-state-3:before {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
  display: block;
  text-align: center;
  background: #009900;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
#profilemodal .content-element ul li.c-state-3:hover {
  background: #fff;
}
#profilemodal .content-element ul li.c-state-4 {
  padding-left: 45px;
  transition: all 0.3s;
}
#profilemodal .content-element ul li.c-state-4:before {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
  display: block;
  text-align: center;
  background: #e99125;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
#profilemodal .content-element ul li.c-state-4:hover {
  background: #fff;
}
#profilemodal .content-element ul li.icon-t-location:before {
  content: "\e815";
  color: #000;
  top: 2px;
  left: -10px;
  width: 0;
  height: 0;
}
#profilemodal .content-element ul.file-downloads li {
  padding: 10px 0 10px 50px;
}
#profilemodal .content-element ul.file-downloads li.icon-downloadpdf:before {
  content: "\e811";
  background: transparent;
  font-size: 30px;
  width: auto;
  height: auto;
  color: rgb(28, 99, 184);
}
#profilemodal .content-element ul.file-downloads li.icon-downloadlink:before {
  content: "\e811";
  background: transparent;
  font-size: 30px;
  width: auto;
  height: auto;
  color: rgb(28, 99, 184);
}
#profilemodal .content-element ul.ul-with-form {
  padding-left: 0;
}
#profilemodal .content-element ul.ul-with-form li {
  padding: 10px 0 10px 0;
}
#profilemodal .content-element ul.ul-with-form li:before {
  content: none;
}
#profilemodal .content-element ul.ul-with-form .checkbox-style:before {
  top: -5px;
}
#profilemodal .content-element ul.ul-with-form a {
  color: rgb(28, 99, 184);
}
#profilemodal .content-element ul#c-detaild-id li {
  margin: 0 25px 5px 25px;
}
#profilemodal .content-element ul#c-detaild-id li:before {
  top: 2px;
  left: -10px;
  width: 0;
  height: 0;
  color: #4f4d4d;
}
#profilemodal .content-element ul#c-detaild-id li.icon-calendar:before {
  content: "\e821";
}
#profilemodal .content-element ul#c-detaild-id li.icon-t-uhrzeit:before {
  content: "\e82a";
}
#profilemodal .content-element ul#c-detaild-id li.icon-t-location:before {
  content: "\e815";
}
#profilemodal .content-element ul#c-detaild-id li:last-child {
  margin-right: 0;
}
#profilemodal .content-element ul#c-detaild-id li.icons-register:last-child {
  margin: 1.5rem auto 0 auto;
}
#profilemodal .content-element ul#add-to-cal {
  overflow: visible;
  padding: 30px 0;
}
#profilemodal .content-element ul#add-to-cal li:before {
  top: 0;
  left: -15px;
  width: 0;
  height: 0;
  color: rgb(28, 99, 184);
  font-size: 24px;
}
#profilemodal .content-element ul#add-to-cal li.icon-calendar {
  margin-left: 30px;
}
#profilemodal .content-element ul#add-to-cal li.icon-calendar:before {
  content: "\e821";
}
#profilemodal .content-element ul#add-to-cal li.icon-chat-link {
  margin-left: 30px;
}
#profilemodal .content-element ul#add-to-cal li.icon-chat-link:before {
  content: "\f08e";
}
#profilemodal .content-element ul#add-to-cal li.icon-downloadpdf:before {
  content: "\e811" !important;
  margin-left: 0 !important;
  width: auto !important;
  font-size: 1.25rem !important;
  background: transparent !important;
  top: 3px !important;
}
#profilemodal .content-element ul#add-to-cal li.icon-downloadpdf > a, #profilemodal .content-element ul#add-to-cal li.icon-downloadpdf > span {
  margin-left: 10px;
}
@media screen and (max-width: 1199px) {
  #profilemodal .content-element ul#add-to-cal li.icon-t-reserve {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .register-icon {
  border-bottom: none !important;
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .register-icon:after {
  border-bottom: none !important;
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .register-icon:before {
  content: "\e822";
  font-family: "tekom-tagungstool";
  font-size: 1.25rem;
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .enter-icon {
  border-bottom: none !important;
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .enter-icon:after {
  border-bottom: none !important;
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .enter-icon:before {
  content: "\e82f";
  font-family: "tekom-tagungstool";
  font-size: 1.25rem;
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .cancel-icon {
  border-bottom: none !important;
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .cancel-icon:after {
  border-bottom: none !important;
}
#profilemodal .content-element ul#add-to-cal li.icon-t-reserve .cancel-icon:before {
  content: "\e823";
  font-family: "tekom-tagungstool";
  font-size: 1.25rem;
}
#profilemodal .content-element ul#add-to-cal .icon-t-webinar-enter.on-detail-page {
  margin-right: 10px;
}
#profilemodal .content-element ul#add-to-cal .icon-t-webinar-enter.on-detail-page:before {
  margin-right: 13px;
}
#profilemodal .content-element a {
  position: relative;
  /*color: $color-darkgray;*/ /* did need to deactive because it had side effects at tekom.de */
}
#profilemodal .content-element a.icon-pfeil_rechts.arrow-align-right:before {
  content: none;
}
#profilemodal .content-element a.icon-pfeil_rechts.arrow-align-right:after {
  content: "\e805";
  font-family: tekom;
  position: inherit;
  color: rgb(233, 145, 37);
  font-size: 10px;
  opacity: 1;
  border: none;
  bottom: 0;
  margin-left: 5px;
}
#profilemodal .content-element form.form-style-2 {
  padding: 0;
  background: transparent;
  margin: 0;
}
#profilemodal .content-element form.form-style-2 .container-flex {
  line-height: 35px;
}
#profilemodal .content-element form.form-style-2 .checkbox-style {
  color: rgb(79, 77, 77);
  font-size: 14px;
}
#profilemodal .content-element form.form-style-2 div {
  overflow: visible;
  line-height: 20px;
  /*font-size: 0.68rem;*/
  word-break: break-word;
  position: relative;
}
#profilemodal .content-element form.form-style-2 label {
  float: none;
}
#profilemodal .content-element form.form-style-2 label.checkbox-style {
  padding-bottom: 15px;
  width: auto;
}
#profilemodal .content-element form.form-style-2 select {
  border-color: rgb(153, 153, 147);
}
#profilemodal .content-element form.form-style-2 .container-flex {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#profilemodal .content-element form.form-style-2 textarea {
  height: 100px;
  resize: vertical;
}
#profilemodal .content-element form.form-style-2 .circle-style {
  display: inline-block;
  top: 2px;
  left: 5px;
}
#profilemodal .content-element form.form-style-2 input[type=number] {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
}
#profilemodal .content-element form.form-style-2 input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#profilemodal .content-element form.form-style-2 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#profilemodal .content-element form.form-style-2 h3 {
  padding: 20px 0 10px 0;
}
#profilemodal .content-element form.form-style-2 .flex-box-20.label-space {
  padding-left: 30px;
}
#profilemodal .content-element .icon-info:before {
  content: "i";
  font-family: Arial, Helvetica, sans-serif;
}
#profilemodal .content-element .show-more-info {
  position: relative;
  transition: all 0.3s;
}
#profilemodal .content-element .show-more-info span {
  /* display: none;*/
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 570px;
  bottom: 35px;
  background: #1c63b8;
  color: white;
  padding: 15px 15px;
  font-size: 12px;
  line-height: 16px;
  z-index: 9;
  border-radius: 5px;
  left: -173px;
  transition: all 0.3s;
}
#profilemodal .content-element .show-more-info:hover span {
  /*display: block;*/
  opacity: 1;
  visibility: visible;
}
#profilemodal .content-element .t-form-container {
  margin-bottom: 0;
}
#profilemodal .content-element .t-form-container .t-form-wrapper {
  margin-bottom: 0;
  position: relative;
}
#profilemodal .content-element .t-form-container .t-form-wrapper .removeFORMbutton {
  position: absolute;
  right: 5px;
  top: 3px;
  left: auto;
  cursor: pointer;
  z-index: 9;
  margin: 0;
}
#profilemodal .content-element .t-form-container .t-form-wrapper .removeFORMbutton .circle-style.circle-blue {
  position: relative;
}
#profilemodal .content-element .t-form-container .t-form-wrapper .removeFORMbutton .circle-style.circle-blue:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  background: rgb(255, 255, 255);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#profilemodal .content-element .t-form-container .t-form-wrapper.referent-form .removeFORMbutton {
  top: 25px;
  right: 7px;
  text-align: right;
  width: 220px;
}
#profilemodal .content-element .t-form-container .t-form-wrapper.referent-form .removeFORMbutton > span:nth-child(1) {
  position: relative;
  top: -5px;
}
#profilemodal .content-element .add-new-contact-row {
  width: auto;
  cursor: pointer;
}
#profilemodal .content-element .add-new-contact-row .circle-style {
  font-family: "Times New Roman";
  text-align: center;
  font-size: 24px;
}
#profilemodal .content-element .add-new-contact-row > span {
  margin-right: 10px;
}
#profilemodal .content-element .add-new-contact-row > span:nth-child(2) {
  position: relative;
  top: -5px;
}
#profilemodal .content-element label.checkbox-style {
  position: relative;
  padding-left: 50px;
}
#profilemodal .content-element label.checkbox-style:before {
  content: "";
  width: 23px;
  height: 23px;
  border: 1px solid rgb(153, 153, 147);
  position: absolute;
  left: 0;
  top: 0;
  line-height: 26px;
  border-radius: 0;
}
#profilemodal .content-element .input-checkbox {
  opacity: 0;
  position: absolute;
}
#profilemodal .content-element .input-checkbox:checked + label.checkbox-style:before {
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: rgb(28, 99, 184);
  text-align: center;
  font-size: 20px;
}
#profilemodal .content-element .system-notification {
  position: relative;
  padding: 20px 30px;
}
#profilemodal .content-element .system-notification.notification-blue {
  background: rgb(28, 99, 184);
  background: -moz-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: -webkit-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: linear-gradient(to right, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  color: rgb(255, 255, 255);
}
#profilemodal .content-element .system-notification span {
  display: block;
  padding: 5px 50px 5px 0;
}
#profilemodal .content-element .system-notification span.notification-title {
  text-transform: uppercase;
  font-weight: bold;
}
#profilemodal .content-element .system-notification.icon-t-check2:before {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 36px;
}
#profilemodal .content-element.blue-gradient-table {
  background: rgb(28, 99, 184);
  background: -moz-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: -webkit-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: linear-gradient(to right, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  padding: 10px 25px;
  color: rgb(255, 255, 255);
}
#profilemodal .content-element.blue-gradient-table .programm-grids {
  border-bottom: 1px solid rgb(255, 255, 255);
  align-items: flex-start;
}
#profilemodal .content-element.blue-gradient-table .programm-grids .box-6 {
  width: 50%;
}
#profilemodal .content-element.blue-gradient-table .programm-grids .box-6.topic-style {
  color: rgb(255, 255, 255);
}
#profilemodal .content-element.blue-gradient-table .programm-grids .box-6.topic-style a {
  color: rgb(255, 255, 255);
}
#profilemodal .content-element.blue-gradient-table .programm-grids:last-child {
  border-bottom: none;
}
#profilemodal .content-element.blue-gradient-table h3 {
  color: rgb(255, 255, 255);
  padding-top: 15px;
}
@media screen and (max-width: 1023px) {
  #profilemodal .content-element.blue-gradient-table .programm-all-d2 .box-2, #profilemodal .content-element.blue-gradient-table .programm-all-d2 .box-6 {
    width: 100%;
  }
}
#profilemodal .content-element .geocode-autocomplete {
  display: none;
}
#profilemodal .content-element .geocode-autocomplete ul {
  padding: 10px;
  margin: 0;
  background: #fff;
}
#profilemodal .content-element .geocode-autocomplete ul li {
  padding: 5px 5px 5px 5px;
  background: #f7f7f7;
  margin: 0 0 2px 0;
  color: #1c63b8;
  cursor: pointer;
}
#profilemodal .content-element .geocode-autocomplete ul li:before {
  content: none;
}
#profilemodal .content-element .geocode-autocomplete ul li:hover, #profilemodal .content-element .geocode-autocomplete ul li:focus {
  background: #eeeeee;
}
#profilemodal .content-element .geocode-radius > .geocode-checkbox {
  display: inline-block;
  width: 24%;
}
#profilemodal .content-element .geocode-radius > .geocode-checkbox input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: -99999999;
}
#profilemodal .content-element .geocode-radius > .geocode-checkbox label {
  margin: 0;
  width: 100%;
  display: block;
  padding-left: 23px;
  box-sizing: border-box;
  position: relative;
  color: #4f4d4d;
}
#profilemodal .content-element .geocode-radius > .geocode-checkbox label:before {
  content: "";
  width: 15px;
  height: 15px;
  padding: 0;
  border-radius: 100%;
  border: 1px solid #4f4d4d;
  position: absolute;
  left: 0;
  top: 2px;
}
#profilemodal .content-element .geocode-radius > .geocode-checkbox label:after {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background: #e99125;
  position: absolute;
  left: 4px;
  top: 6px;
}
#profilemodal .content-element .geocode-radius > .geocode-checkbox input:checked + label:after {
  content: "";
}

main .container {
  /*person box*/
  /*Meine Beiträge*/
  /*steps*/
  /*steps*/
}
main .container .content-element.content-space-bottom {
  padding-bottom: 50px;
  overflow: hidden !important;
}
main .container .content-element.content-space-bottom.b-submitted [class^=icon-] {
  font-size: 0;
}
main .container .content-element.content-space-bottom.b-submitted [class^=icon-]:before {
  font-size: 20px;
}
main .container .content-element.content-space-bottom.b-submitted h3 {
  background: #eee;
  padding: 15px;
}
main .container .content-element.content-space-bottom.b-reviewed [class^=icon-] {
  font-size: 0;
}
main .container .content-element.content-space-bottom.b-reviewed [class^=icon-]:before {
  font-size: 20px;
}
main .container .content-element.content-space-bottom.b-reviewed h3 {
  background: rgb(28, 99, 184);
  color: #fff;
  padding: 15px;
}
main .container .content-element.content-space-bottom.b-reviewed .b-state-1:before {
  content: "\e802";
  font-family: "tekom-tagungstool";
  background: #009900;
  font-size: 12px;
}
main .container .content-element .selected-conference-info.show-info-content {
  display: block;
  padding-top: 50px;
}
main .container .content-element .selected-conference-info.hide-info-content {
  display: none;
}
main .container .content-element ul {
  padding: 10px 0 10px 15px;
}
main .container .content-element ul li {
  position: relative;
  list-style-type: none;
  /*padding-left: 15px;
  margin: 10px 0 5px 0;*/
}
main .container .content-element ul li:before {
  position: absolute;
  top: 9px;
  content: "";
  width: 5px;
  height: 5px;
  background: #e99125;
  border-radius: 100%;
  left: 0;
}
main .container .content-element ul li.c-state-1 {
  padding-left: 45px;
  transition: all 0.3s;
}
main .container .content-element ul li.c-state-1:before {
  position: absolute;
  width: 23px;
  height: 23px;
  border: 1px solid #4f4d4d;
  border-radius: 100%;
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: #1c63b8;
  font-size: 12px;
  line-height: 24px;
  display: block;
  text-align: center;
  background: transparent;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
main .container .content-element ul li.c-state-1:hover {
  background: #fff;
}
main .container .content-element ul li.c-state-2 {
  padding-left: 45px;
  transition: all 0.3s;
}
main .container .content-element ul li.c-state-2:before {
  position: absolute;
  width: 23px;
  height: 23px;
  border: 1px solid #4f4d4d;
  border-radius: 100%;
  content: "\e827";
  font-family: "tekom-tagungstool";
  color: #4f4d4d;
  font-size: 12px;
  line-height: 24px;
  display: block;
  text-align: center;
  background: transparent;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
main .container .content-element ul li.c-state-2:hover {
  background: #fff;
}
main .container .content-element ul li.c-state-3 {
  padding-left: 45px;
  transition: all 0.3s;
}
main .container .content-element ul li.c-state-3:before {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
  display: block;
  text-align: center;
  background: #009900;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
main .container .content-element ul li.c-state-3:hover {
  background: #fff;
}
main .container .content-element ul li.c-state-4 {
  padding-left: 45px;
  transition: all 0.3s;
}
main .container .content-element ul li.c-state-4:before {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
  display: block;
  text-align: center;
  background: #e99125;
  left: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
main .container .content-element ul li.c-state-4:hover {
  background: #fff;
}
main .container .content-element ul li.icon-t-location:before {
  content: "\e815";
  color: #000;
  top: 2px;
  left: -10px;
  width: 0;
  height: 0;
}
main .container .content-element ul.file-downloads li {
  padding: 10px 0 10px 50px;
}
main .container .content-element ul.file-downloads li.icon-downloadpdf:before {
  content: "\e811";
  background: transparent;
  font-size: 30px;
  width: auto;
  height: auto;
  color: rgb(28, 99, 184);
}
main .container .content-element ul.file-downloads li.icon-downloadlink:before {
  content: "\e811";
  background: transparent;
  font-size: 30px;
  width: auto;
  height: auto;
  color: rgb(28, 99, 184);
}
main .container .content-element ul.ul-with-form {
  padding-left: 0;
}
main .container .content-element ul.ul-with-form li {
  padding: 10px 0 10px 0;
}
main .container .content-element ul.ul-with-form li:before {
  content: none;
}
main .container .content-element ul.ul-with-form .checkbox-style:before {
  top: -5px;
}
main .container .content-element ul.ul-with-form a {
  color: rgb(28, 99, 184);
}
main .container .content-element ul#c-detaild-id li {
  margin: 0 25px 5px 25px;
}
main .container .content-element ul#c-detaild-id li:before {
  top: 2px;
  left: -10px;
  width: 0;
  height: 0;
  color: #4f4d4d;
}
main .container .content-element ul#c-detaild-id li.icon-calendar:before {
  content: "\e821";
}
main .container .content-element ul#c-detaild-id li.icon-t-uhrzeit:before {
  content: "\e82a";
}
main .container .content-element ul#c-detaild-id li.icon-t-location:before {
  content: "\e815";
}
main .container .content-element ul#c-detaild-id li:last-child {
  margin-right: 0;
}
main .container .content-element ul#c-detaild-id li.icons-register:last-child {
  margin: 1.5rem auto 0 auto;
}
main .container .content-element ul#add-to-cal {
  overflow: visible;
  padding: 30px 0;
}
main .container .content-element ul#add-to-cal li:before {
  top: 0;
  left: -15px;
  width: 0;
  height: 0;
  color: rgb(28, 99, 184);
  font-size: 24px;
}
main .container .content-element ul#add-to-cal li.icon-calendar {
  margin-left: 30px;
}
main .container .content-element ul#add-to-cal li.icon-calendar:before {
  content: "\e821";
}
main .container .content-element ul#add-to-cal li.icon-chat-link {
  margin-left: 30px;
}
main .container .content-element ul#add-to-cal li.icon-chat-link:before {
  content: "\f08e";
}
main .container .content-element ul#add-to-cal li.icon-downloadpdf:before {
  content: "\e811" !important;
  margin-left: 0 !important;
  width: auto !important;
  font-size: 1.25rem !important;
  background: transparent !important;
  top: 3px !important;
}
main .container .content-element ul#add-to-cal li.icon-downloadpdf > a, main .container .content-element ul#add-to-cal li.icon-downloadpdf > span {
  margin-left: 10px;
}
@media screen and (max-width: 1199px) {
  main .container .content-element ul#add-to-cal li.icon-t-reserve {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .register-icon {
  border-bottom: none !important;
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .register-icon:after {
  border-bottom: none !important;
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .register-icon:before {
  content: "\e822";
  font-family: "tekom-tagungstool";
  font-size: 1.25rem;
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .enter-icon {
  border-bottom: none !important;
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .enter-icon:after {
  border-bottom: none !important;
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .enter-icon:before {
  content: "\e82f";
  font-family: "tekom-tagungstool";
  font-size: 1.25rem;
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .cancel-icon {
  border-bottom: none !important;
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .cancel-icon:after {
  border-bottom: none !important;
}
main .container .content-element ul#add-to-cal li.icon-t-reserve .cancel-icon:before {
  content: "\e823";
  font-family: "tekom-tagungstool";
  font-size: 1.25rem;
}
main .container .content-element ul#add-to-cal .icon-t-webinar-enter.on-detail-page {
  margin-right: 10px;
}
main .container .content-element ul#add-to-cal .icon-t-webinar-enter.on-detail-page:before {
  margin-right: 13px;
}
main .container .content-element a {
  position: relative;
  /*color: $color-darkgray;*/ /* did need to deactive because it had side effects at tekom.de */
}
main .container .content-element a.icon-pfeil_rechts.arrow-align-right:before {
  content: none;
}
main .container .content-element a.icon-pfeil_rechts.arrow-align-right:after {
  content: "\e805";
  font-family: tekom;
  position: inherit;
  color: rgb(233, 145, 37);
  font-size: 10px;
  opacity: 1;
  border: none;
  bottom: 0;
  margin-left: 5px;
}
main .container .content-element form.form-style-2 {
  padding: 0;
  background: transparent;
  margin: 0;
}
main .container .content-element form.form-style-2 .container-flex {
  line-height: 35px;
}
main .container .content-element form.form-style-2 .checkbox-style {
  color: rgb(79, 77, 77);
  font-size: 14px;
}
main .container .content-element form.form-style-2 div {
  overflow: visible;
  line-height: 20px;
  /*font-size: 0.68rem;*/
  word-break: break-word;
  position: relative;
}
main .container .content-element form.form-style-2 label {
  float: none;
  vertical-align: top;
}
main .container .content-element form.form-style-2 label.checkbox-style {
  padding-bottom: 15px;
  width: auto;
}
main .container .content-element form.form-style-2 select {
  border-color: rgb(153, 153, 147);
}
main .container .content-element form.form-style-2 .container-flex {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main .container .content-element form.form-style-2 textarea {
  height: 100px;
  resize: vertical;
}
main .container .content-element form.form-style-2 .circle-style {
  display: inline-block;
  top: 2px;
  left: 5px;
}
main .container .content-element form.form-style-2 input[type=number] {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
}
main .container .content-element form.form-style-2 input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
main .container .content-element form.form-style-2 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
main .container .content-element form.form-style-2 h3 {
  padding: 20px 0 10px 0;
}
main .container .content-element form.form-style-2 .flex-box-20.label-space {
  padding-left: 30px;
}
main .container .content-element .icon-info:before {
  content: "i";
  font-family: Arial, Helvetica, sans-serif;
}
main .container .content-element .show-more-info {
  position: relative;
  transition: all 0.3s;
}
main .container .content-element .show-more-info span {
  /* display: none;*/
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 570px;
  bottom: 35px;
  background: #1c63b8;
  color: white;
  padding: 15px 15px;
  font-size: 12px;
  line-height: 16px;
  z-index: 9;
  border-radius: 5px;
  left: -173px;
  transition: all 0.3s;
}
main .container .content-element .show-more-info:hover span {
  /*display: block;*/
  opacity: 1;
  visibility: visible;
}
main .container .content-element .t-form-container {
  margin-bottom: 0;
}
main .container .content-element .t-form-container .t-form-wrapper {
  margin-bottom: 0;
  position: relative;
}
main .container .content-element .t-form-container .t-form-wrapper .removeFORMbutton {
  position: absolute;
  right: 5px;
  top: 3px;
  left: auto;
  cursor: pointer;
  z-index: 9;
  margin: 0;
}
main .container .content-element .t-form-container .t-form-wrapper .removeFORMbutton .circle-style.circle-blue {
  position: relative;
}
main .container .content-element .t-form-container .t-form-wrapper .removeFORMbutton .circle-style.circle-blue:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  background: rgb(255, 255, 255);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .container .content-element .t-form-container .t-form-wrapper.referent-form .removeFORMbutton {
  top: 25px;
  right: 7px;
  text-align: right;
  width: 220px;
}
main .container .content-element .t-form-container .t-form-wrapper.referent-form .removeFORMbutton > span:nth-child(1) {
  position: relative;
  top: -5px;
}
main .container .content-element .add-new-contact-row {
  width: auto;
  cursor: pointer;
}
main .container .content-element .add-new-contact-row .circle-style {
  font-family: "Times New Roman";
  text-align: center;
  font-size: 24px;
}
main .container .content-element .add-new-contact-row > span {
  margin-right: 10px;
}
main .container .content-element .add-new-contact-row > span:nth-child(2) {
  position: relative;
  top: -5px;
}
main .container .content-element label.checkbox-style {
  position: relative;
  padding-left: 50px;
}
main .container .content-element label.checkbox-style:before {
  content: "";
  width: 23px;
  height: 23px;
  border: 1px solid rgb(153, 153, 147);
  position: absolute;
  left: 0;
  top: 0;
  line-height: 26px;
  border-radius: 0;
}
main .container .content-element label.checkbox-style.input-is-right {
  padding-left: 0;
  margin-top: 1rem;
}
main .container .content-element label.checkbox-style.input-is-right:before {
  left: auto;
  right: -8px;
}
main .container .content-element .input-checkbox {
  opacity: 0;
  position: absolute;
}
main .container .content-element .input-checkbox:checked + label.checkbox-style:before {
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: rgb(28, 99, 184);
  text-align: center;
  font-size: 20px;
}
main .container .content-element .system-notification {
  position: relative;
  padding: 20px 30px;
}
main .container .content-element .system-notification.notification-blue {
  background: rgb(28, 99, 184);
  background: -moz-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: -webkit-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: linear-gradient(to right, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  color: rgb(255, 255, 255);
}
main .container .content-element .system-notification span {
  display: block;
  padding: 5px 50px 5px 0;
}
main .container .content-element .system-notification span.notification-title {
  text-transform: uppercase;
  font-weight: bold;
}
main .container .content-element .system-notification.icon-t-check2:before {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 36px;
}
main .container .content-element.blue-gradient-table {
  background: rgb(28, 99, 184);
  background: -moz-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: -webkit-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: linear-gradient(to right, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  padding: 10px 25px;
  color: rgb(255, 255, 255);
}
main .container .content-element.blue-gradient-table .programm-grids {
  border-bottom: 1px solid rgb(255, 255, 255);
  align-items: flex-start;
}
main .container .content-element.blue-gradient-table .programm-grids .box-6 {
  width: 50%;
}
main .container .content-element.blue-gradient-table .programm-grids .box-6.topic-style {
  color: rgb(255, 255, 255);
}
main .container .content-element.blue-gradient-table .programm-grids .box-6.topic-style a {
  color: rgb(255, 255, 255);
}
main .container .content-element.blue-gradient-table .programm-grids:last-child {
  border-bottom: none;
}
main .container .content-element.blue-gradient-table h3 {
  color: rgb(255, 255, 255);
  padding-top: 15px;
}
@media screen and (max-width: 1023px) {
  main .container .content-element.blue-gradient-table .programm-all-d2 .box-2, main .container .content-element.blue-gradient-table .programm-all-d2 .box-6 {
    width: 100%;
  }
}
main .container .content-element .geocode-autocomplete {
  display: none;
}
main .container .content-element .geocode-autocomplete ul {
  padding: 10px;
  margin: 0;
  background: #fff;
}
main .container .content-element .geocode-autocomplete ul li {
  padding: 5px 5px 5px 5px;
  background: #f7f7f7;
  margin: 0 0 2px 0;
  color: #1c63b8;
  cursor: pointer;
}
main .container .content-element .geocode-autocomplete ul li:before {
  content: none;
}
main .container .content-element .geocode-autocomplete ul li:hover, main .container .content-element .geocode-autocomplete ul li:focus {
  background: #eeeeee;
}
main .container .content-element .geocode-radius > .geocode-checkbox {
  display: inline-block;
  width: 24%;
}
main .container .content-element .geocode-radius > .geocode-checkbox input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: -99999999;
}
main .container .content-element .geocode-radius > .geocode-checkbox label {
  margin: 0;
  width: 100%;
  display: block;
  padding-left: 23px;
  box-sizing: border-box;
  position: relative;
  color: #4f4d4d;
}
main .container .content-element .geocode-radius > .geocode-checkbox label:before {
  content: "";
  width: 15px;
  height: 15px;
  padding: 0;
  border-radius: 100%;
  border: 1px solid #4f4d4d;
  position: absolute;
  left: 0;
  top: 2px;
}
main .container .content-element .geocode-radius > .geocode-checkbox label:after {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background: #e99125;
  position: absolute;
  left: 4px;
  top: 6px;
}
main .container .content-element .geocode-radius > .geocode-checkbox input:checked + label:after {
  content: "";
}
main .container label.select-label {
  position: relative;
}
main .container label.select-label:after {
  position: absolute;
  width: 20px;
  height: 20px;
  content: "\e805";
  right: 7px;
  font-family: "tekom";
  transform: rotate(90deg);
  color: rgb(28, 99, 184);
  top: 3px;
  font-size: 12px;
  z-index: -1;
}
main .container label.select-label select {
  background-color: transparent;
}
main .container select {
  /*-webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  width: 100%;
  background: none;*/
}
main .container .intro.rating-style {
  position: relative;
}
main .container .intro #raiting-box {
  width: 120px;
  height: 120px;
  text-align: center;
  color: #fff;
  background: rgb(233, 145, 37);
  right: 0;
  position: absolute;
}
@media screen and (max-width: 1023px) {
  main .container .intro #raiting-box {
    position: relative;
    margin: 0 auto 30px;
  }
}
main .container .intro #raiting-box:before {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid rgb(28, 99, 184);
  content: none;
  position: absolute;
  bottom: -30px;
  right: 0;
}
main .container .intro #raiting-box a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  position: relative;
  line-height: 18px;
  padding-top: 8px;
  box-sizing: border-box;
}
main .container .intro #raiting-box a.icon-t-stern:before {
  font-size: 50px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translate(-50%, 0);
}
main .container ul.theme-ul-style {
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
  font-size: 1.25rem;
}
main .container ul.theme-ul-style.ul-small-padding-bottom {
  padding-bottom: 10px;
}
main .container ul.theme-ul-style li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 30px 0 0;
  position: relative;
  padding-left: 0;
}
main .container ul.theme-ul-style li:last-child {
  margin-right: 0;
}
main .container ul.theme-ul-style li.further-times {
  font-size: 0.9375rem;
  display: list-item;
  margin: 0;
}
main .container ul.theme-ul-style li.icons-register {
  display: block;
  margin: 0 auto;
  width: 410px;
}
main .container ul.theme-ul-style li.icons-register:before {
  display: none;
}
@media screen and (max-width: 767px) {
  main .container ul.theme-ul-style li.icons-register {
    width: 300px;
  }
}
main .container ul.theme-ul-style.ul-no-bullets li {
  display: block;
  margin-right: 0;
}
main .container ul.theme-ul-style.ul-no-bullets li:before {
  content: none;
}
main .container ul.theme-ul-style.ul-bullets li {
  display: block;
  margin-right: 0;
}
main .container ul.theme-ul-style.ul-bullets li:before {
  left: 0;
}
main .container ul.theme-ul-style.ul-blue {
  color: rgb(28, 99, 184);
  padding-bottom: 40px;
}
main .container ul.theme-ul-style.ul-gray {
  color: rgb(79, 77, 77);
}
main .container ul.theme-ul-style.ul-white {
  color: rgb(255, 255, 255);
}
main .container ul.theme-ul-style.ul-white a {
  color: rgb(233, 145, 37);
}
main .container ul.theme-ul-style.ul-lightblue {
  color: rgb(112, 173, 222);
  padding-bottom: 40px;
}
main .container ul.theme-ul-style.ul-lightblue li a {
  color: rgb(112, 173, 222);
}
main .container ul.theme-ul-style.ul-border-style li:before {
  width: 2px;
  height: 17px;
  background: rgb(28, 99, 184);
  content: "";
  position: absolute;
  right: -20px;
  top: 4px;
  left: auto;
  border-radius: 0;
}
main .container ul.theme-ul-style.ul-border-style li:last-child:before {
  content: none;
}
main .container ul.theme-ul-style.ul-border-style.ul-white li:before {
  background: rgb(255, 255, 255);
}
main .container ul.theme-ul-style.ul-border-style.ul-gray li:before {
  background-color: rgb(79, 77, 77);
}
main .container ul.theme-ul-style.ul-photos li {
  margin: 0 5px;
  position: relative;
}
main .container ul.theme-ul-style.ul-photos li:before {
  content: none;
}
main .container ul.theme-ul-style.ul-photos.ul-padding-top {
  padding-top: 30px;
}
main .container ul.theme-ul-style.ul-photos.ul-logo img {
  filter: brightness(1);
  max-width: 300px;
  width: auto;
}
main .container ul.theme-ul-style .person-title {
  position: absolute;
  bottom: 10px;
  width: 98%;
  padding-left: 20px;
  box-sizing: border-box;
  left: 0;
}
main .container ul.theme-ul-style .person-title h2 {
  color: rgb(255, 255, 255);
  font-size: 1.125rem;
  text-align: left;
  margin-bottom: 0;
}
main .container ul.theme-ul-style .person-title ul {
  padding-bottom: 10px;
  text-align: left;
}
main .container ul.theme-ul-style .person-title ul li {
  margin: 0 10px 0 0;
  font-size: 0.875rem;
}
main .container ul.theme-ul-style .person-title ul li:before {
  right: -9px;
  height: 12px;
  top: 5px;
  width: 1px;
}
main .container ul.theme-ul-style img {
  filter: brightness(0.7);
}
main .container ul.theme-ul-style.tool-presentation img {
  filter: unset;
}
main .container.content-aligned-center {
  text-align: center;
}
main .container.content-aligned-center .media-file-video {
  padding: 20px 0;
}
main .container.content-aligned-center .media-file-video.video-60p iframe {
  width: 60%;
  height: 400px;
  border: none;
}
@media screen and (max-width: 767px) {
  main .container.content-aligned-center .media-file-video.video-60p iframe {
    width: 90%;
    height: 220px;
  }
}
main .container.content-aligned-center iframe {
  border: none;
}
main .container.programm-all-details {
  padding-top: 50px;
}
main .container.programm-all-details .programm-dates .box-60 {
  min-width: 75%;
}
main .container.programm-all-details .programm-dates .box-50, main .container.programm-all-details .programm-dates .box-32 {
  min-width: 230px;
}
main .container.programm-all-details .filters-reset {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1023px) {
  main .container.programm-all-details .filters-reset {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  main .container.programm-all-details .filters-reset {
    left: 0;
    right: auto;
    bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  main .container.programm-all-details .filters-reset.exhibitorlist-reset {
    left: 0;
    right: auto;
    bottom: -30px;
  }
}
main .container.programm-all-details .filters-reset ul {
  padding: 0;
  margin: 0;
}
main .container.programm-all-details .filters-reset ul li {
  padding: 0;
}
main .container.programm-all-details .filters-reset ul li:before {
  content: none;
}
main .container.programm-all-details .filters-reset ul li a {
  padding: 10px 10px 10px 0;
}
main .container.programm-all-details .filters-reset ul li a:after {
  content: none;
}
main .container.programm-all-details .filters-reset ul li img {
  width: 24px;
  padding-top: 3px;
}
main .container.programm-all-details h2 {
  font-size: 1.875rem;
  color: rgb(79, 77, 77);
}
main .container.programm-all-details .all-days-details {
  padding: 30px 0;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 981px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details {
    margin-left: -5px;
    margin-right: -15px;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .break-satelite {
  margin: 0 5px;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids {
  width: calc(20% - 15px);
  display: inline-flex;
  height: 210px;
  position: relative;
  background-color: rgba(112, 173, 222, 0.95);
  margin: 10px 0;
  border-top: none;
  border-bottom: none;
  text-align: center;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids a[data-pleasewait] {
  pointer-events: none;
}
@media screen and (min-width: 981px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids {
    margin: 5px;
  }
}
@media screen and (max-width: 1199px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids {
    width: calc(25% - 15px);
  }
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids {
    width: calc(33% - 15px);
  }
}
@media screen and (max-width: 767px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids {
    width: calc(50% - 15px);
    margin: 0 3px;
  }
}
@media screen and (max-width: 400px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids {
    width: 100%;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.registered {
  position: relative;
  border: none;
}
@media screen and (max-width: 1199px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.registered {
    width: calc(25% - 21px);
  }
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.registered {
    width: calc(33% - 21px);
  }
}
@media screen and (max-width: 767px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.registered {
    width: calc(50% - 21px);
  }
}
@media screen and (max-width: 400px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.registered {
    width: calc(100% - 6px);
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.registered:before {
  content: none;
  background-color: rgba(112, 173, 222, 0.95);
  width: calc(100% + 3px);
  height: 3px;
  position: absolute;
  top: 0;
  left: -3px;
  z-index: 2;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.registered:after {
  content: none;
  background-color: rgba(112, 173, 222, 0.95);
  width: calc(100% + 3px);
  height: 3px;
  position: absolute;
  left: -3px;
  bottom: 0;
  z-index: 1;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink {
  background-color: rgb(217, 92, 206);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink.registered {
  border: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink.registered:before {
  background-color: rgb(217, 92, 206);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink.registered:after {
  background-color: rgb(217, 92, 206);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink:hover {
  background-color: rgb(217, 92, 206);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink .tile-background-image:before {
  background: rgb(217, 92, 206);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink .tile-background-image:after {
  background: linear-gradient(rgb(217, 92, 206), #000);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange {
  background-color: rgb(233, 145, 37);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange.registered {
  border: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange.registered:before {
  background-color: rgb(233, 145, 37);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange.registered:after {
  background-color: rgb(233, 145, 37);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange:hover {
  background-color: rgb(233, 145, 37);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange .tile-background-image:before {
  background: rgb(233, 145, 37);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange .tile-background-image:after {
  background: linear-gradient(rgb(233, 145, 37), #000);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green {
  background-color: rgb(145, 225, 85);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green.registered {
  border: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green.registered:before {
  background-color: rgb(145, 225, 85);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green.registered:after {
  background-color: rgb(145, 225, 85);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green:hover {
  background-color: rgb(145, 225, 85);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green .tile-background-image:before {
  background: rgb(145, 225, 85);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green .tile-background-image:after {
  background: linear-gradient(rgb(145, 225, 85), #000);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue {
  background-color: rgba(112, 173, 222, 0.95);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue.registered {
  border: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue.registered:before {
  background-color: rgba(112, 173, 222, 0.95);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue.registered:after {
  background-color: rgba(112, 173, 222, 0.95);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue:hover {
  background-color: rgba(112, 173, 222, 0.95);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue .tile-background-image:before {
  background: rgba(112, 173, 222, 0.95);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue .tile-background-image:after {
  background: linear-gradient(rgba(112, 173, 222, 0.95), #000);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue {
  background-color: rgb(28, 99, 184);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue.registered {
  border: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue.registered:before {
  background-color: rgb(28, 99, 184);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue.registered:after {
  background-color: rgb(28, 99, 184);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue:hover {
  background-color: rgb(28, 99, 184);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .tile-background-image:before {
  background: rgb(28, 99, 184);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .tile-background-image:after {
  background: linear-gradient(rgb(28, 99, 184), #000);
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .search-name {
    color: rgb(233, 145, 37);
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date {
  width: calc(100% - 20px);
  position: absolute;
  top: 15px;
  left: 10px;
  color: rgb(255, 255, 255);
  font-size: 150%;
  font-weight: 700;
  line-height: 1.4;
  z-index: 2;
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date {
    display: block !important;
    font-size: 110%;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date:after {
  content: "";
  position: absolute;
  top: 34px;
  left: calc(50% - 30px);
  width: 60px;
  height: 2px;
  background-color: rgb(233, 145, 37);
}
@media screen and (min-width: 981px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date:after {
    top: 30px;
  }
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date:after {
    top: 25px;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .user a {
  display: block;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .user a:before {
  content: none !important;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .user a .only-in-tile-view {
  font-size: 15px !important;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .user, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .status, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .booking {
  color: rgb(255, 255, 255);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .user a, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .status a, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .booking a {
  margin: 0;
  color: rgb(255, 255, 255);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .live {
  position: absolute;
  top: 5px;
  right: 40px;
  z-index: 1;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .live span {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(153, 0, 0);
  width: 40px;
  line-height: 1;
  padding: 5px;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .live .display-in-tileview {
  display: block;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .live .display-in-listview {
  display: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .ical {
  display: none;
}
@media screen and (min-width: 981px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover {
    background-color: rgba(112, 173, 222, 0.95);
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .date {
    display: block;
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .search-title {
    bottom: 85px;
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .search-name {
    bottom: 35px;
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .search-name.nr-co-speakers-more {
    display: flex;
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .user, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .status, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .booking {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
    text-align: center;
    color: rgb(255, 255, 255);
    width: calc(100% - 20px);
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .user .icon-t-webinar-add, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .status .icon-t-webinar-add, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .booking .icon-t-webinar-add {
    font-size: 0;
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .user .icon-t-webinar-add:before, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .status .icon-t-webinar-add:before, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .booking .icon-t-webinar-add:before {
    font-size: 15px;
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .user.cancelled,
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .user.canceled,
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .status.cancelled,
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .status.canceled {
    color: rgb(153, 0, 0);
    text-shadow: 0 0 3px rgb(255, 255, 255);
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag {
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 25px;
  z-index: 8;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-it:before {
  content: url("../Icons/Flags/it.svg");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-nordic:before {
  content: url("../Icons/Flags/nordic.png");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-de:before {
  content: url("../Icons/Flags/de.svg");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-se:before {
  content: url("../Icons/Flags/se.svg");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-pl:before {
  content: url("../Icons/Flags/pl.svg");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-il:before {
  content: url("../Icons/Flags/il.svg");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-bg:before {
  content: url("../Icons/Flags/bg.svg");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-fi:before {
  content: url("../Icons/Flags/fi.svg");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-be:before {
  content: url("../Icons/Flags/be.svg");
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .flag.satellite-org-dercom:before {
  content: "";
  background: url("../Icons/Flags/dercom.png") 100% 100% no-repeat;
  background-size: 60px;
  padding: 0 30px;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image {
  width: 100%;
  height: 230px;
  position: absolute;
  top: 0;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image img {
    display: none;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image:before {
  content: "";
  width: 100%;
  height: 108px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(112, 173, 222, 0.95);
  opacity: 0.6;
  z-index: 1;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image:after {
  content: "";
  width: 100%;
  height: 122px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(rgba(112, 173, 222, 0.95), rgb(79, 77, 77));
  opacity: 0.6;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image img {
  width: 100%;
  opacity: 0.5;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image img.image-half {
  width: 50%;
  float: left;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image img.image-third {
  width: 33.3333%;
  float: left;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-background-image img.image-forth {
  width: 50%;
  float: left;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-name {
  width: calc(100% - 20px);
  height: 45px;
  position: absolute;
  bottom: 15px;
  left: 10px;
  text-align: center;
  color: rgb(233, 145, 37);
  line-height: 1rem;
  font-size: 0.85rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-name {
    bottom: 0 !important;
    line-height: 1;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-name.nr-co-speakers-more {
  display: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids a {
  color: rgb(255, 255, 255);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids a:before {
  color: rgb(255, 255, 255);
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-title {
  color: rgb(255, 255, 255);
  width: calc(100% - 20px);
  height: 60px;
  position: absolute;
  left: 10px;
  bottom: 60px;
  padding: 0;
  z-index: 2;
  line-height: 1.3;
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-title {
    bottom: 80px;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .list-title {
  display: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-title {
  display: block;
  word-break: break-word;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .tile-cancelled {
  display: block;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .room, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .cancelled {
  display: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .user, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .status, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .booking {
  display: none;
}
@media screen and (max-width: 980px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .user, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .status, main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .booking {
    display: block;
    position: absolute;
    bottom: 10px;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover {
  transform: scale(1.2);
  left: -0.2rem;
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 1199px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover {
    transform: none;
    left: 0;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .date {
  top: 45px;
  font-size: 0.9rem;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .date:after {
  top: 19px;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .full-title-title {
  height: auto;
  overflow: visible;
  font-size: 0.75rem;
  line-height: 0.9rem;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .search-title {
  bottom: 70px;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .search-name {
  bottom: 10px;
  font-size: 0.8rem;
  line-height: 0.85rem;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids:hover .program-type {
  display: block;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .full-title-title {
  height: 44px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .full-title-title {
    height: auto;
    overflow: visible;
    font-size: 0.75rem;
    line-height: 0.9rem;
  }
}
@media screen and (max-width: 1199px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-name {
    bottom: 10px;
    font-size: 0.8rem;
    line-height: 0.85rem;
  }
}
@media screen and (max-width: 1199px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-title {
    bottom: 70px;
  }
}
@media screen and (max-width: 1199px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date {
    top: 45px;
    font-size: 0.9rem;
    display: block;
  }
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date:after {
    top: 19px;
  }
}
@media screen and (max-width: 1023px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .date:after {
    top: 22px;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .program-type {
  display: none;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 15px;
  font-size: 0.65rem;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .program-type {
    display: block;
  }
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .program-type > span {
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  margin: 0 8px;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .program-type > span:after {
  content: "";
  width: 1px;
  height: 8px;
  background-color: #fff;
  position: absolute;
  right: -9px;
  top: 7px;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .program-type > span:last-of-type:after {
  content: none;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .program-bookmark {
  position: absolute;
  bottom: 0.2rem;
  height: 25px;
  width: 22px;
  right: 0.25rem;
  z-index: 9;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .program-bookmark:before {
  content: none;
  color: #fff;
  font-size: 1.25rem;
  margin: 0;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.registered .program-bookmark:before {
  content: "\e800";
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .break {
  border-bottom: none;
  margin: 0;
  padding: 10px 0;
}
main .container.programm-all-details .all-days-details.tile-mode .date-details .break:before {
  top: 20px;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids {
  align-items: flex-start;
  padding: 10px 0;
  border-top: 1px solid rgb(28, 99, 184);
  border-bottom: 1px solid rgb(28, 99, 184);
  margin-top: -1px;
  transition: all 0.3s;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids.hidden-date {
  display: none !important;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .flag, main .container.programm-all-details .all-days-details .date-details .programm-grids .tile-background-image {
  display: none;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .checkbox-blue {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .checkbox-blue:checked + .label-blue:before {
  content: "\e802";
  color: #1c63b8;
  font-size: 26px;
  right: -11px;
  position: absolute;
  top: -1px;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .user.canceled,
main .container.programm-all-details .all-days-details .date-details .programm-grids .user.cancelled,
main .container.programm-all-details .all-days-details .date-details .programm-grids .status.cancelled,
main .container.programm-all-details .all-days-details .date-details .programm-grids .status.canceled {
  color: rgb(153, 0, 0);
  text-shadow: 0 0 3px rgb(255, 255, 255);
}
@media screen and (min-width: 981px) {
  main .container.programm-all-details .all-days-details .date-details .programm-grids .user.canceled,
  main .container.programm-all-details .all-days-details .date-details .programm-grids .user.cancelled,
  main .container.programm-all-details .all-days-details .date-details .programm-grids .status.cancelled,
  main .container.programm-all-details .all-days-details .date-details .programm-grids .status.canceled {
    text-align: center;
  }
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .live .display-in-tileview {
  display: none;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .live .display-in-listview {
  font-size: 0;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .live .display-in-listview .icon-t-webinar-enter:before {
  font-size: 20px;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .label-blue {
  width: 25px;
  height: 25px;
  border: 1px solid rgb(28, 99, 184);
  padding: 0;
  display: block;
  position: relative;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .label-blue:before {
  content: none;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids:hover {
  background-color: rgba(112, 173, 222, 0.1);
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .list-title {
  display: block;
}
main .container.programm-all-details .all-days-details .date-details .programm-grids .tile-title {
  display: none;
}
main .container.programm-all-details .all-days-details .date-details.show-day-content {
  display: block;
}
main .container.programm-all-details .all-days-details .date-details.hide-day-content {
  display: none;
}
main .container.programm-all-details .all-days-details > div {
  overflow: visible;
}
main .container.programm-all-details .all-days-details .break {
  position: relative;
  padding: 20px 0;
  text-align: center;
  border-bottom: 1px solid rgb(28, 99, 184);
}
main .container.programm-all-details .all-days-details .break:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgb(79, 77, 77);
  z-index: -1;
}
main .container.programm-all-details .all-days-details .break p {
  margin: 0;
}
main .container.programm-all-details .all-days-details .break p span {
  background-color: rgb(255, 255, 255);
  padding: 0 10px;
  display: inline-block;
}
main .container.programm-all-details .all-days-details .break p span a {
  color: rgb(79, 77, 77);
}
main .container.programm-all-details .all-days-details .break p span a:after {
  opacity: 1;
  border-bottom: 1px solid rgb(79, 77, 77);
  bottom: -1px;
  width: 100%;
  left: 0;
  right: 0;
  content: " ";
  position: absolute;
}
main .container .programm-grids {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: initial;
  -ms-flex-wrap: initial;
  flex-wrap: initial;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 0;
  align-items: flex-end;
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids.programm-dates {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: initial;
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main .container .programm-grids.programm-dates > div {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  main .container .programm-grids.programm-days {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
main .container .programm-grids.programm-hours {
  justify-content: flex-start;
}
main .container .programm-grids.programm-hours .box3 {
  padding-right: 5px;
}
main .container .programm-grids.programm-hours .box3:last-child {
  padding-right: 0;
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids.programm-hours {
    display: block;
    padding: 0;
  }
  main .container .programm-grids.programm-hours > div {
    width: 70px;
    display: inline-block;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids.programm-all-d2 {
    flex-wrap: wrap;
    align-items: normal;
    justify-content: flex-start;
  }
  main .container .programm-grids.programm-all-d2 .box-4 {
    width: 30px;
  }
  main .container .programm-grids.programm-all-d2 .box-5 {
    width: 30%;
    padding: 3px 0 0 0;
  }
  main .container .programm-grids.programm-all-d2 .box-6 {
    padding: 5px 0;
  }
  main .container .programm-grids.programm-all-d2 .box-6, main .container .programm-grids.programm-all-d2 .box-7, main .container .programm-grids.programm-all-d2 .box-8, main .container .programm-grids.programm-all-d2 .box-9, main .container .programm-grids.programm-all-d2 .box-50 {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids.speaker-abc {
    display: block;
  }
  main .container .programm-grids.speaker-abc > div.box-3 {
    width: 20px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
  }
}
main .container .programm-grids .box-1 {
  width: 36%;
}
main .container .programm-grids .box-2 {
  width: 20%;
}
main .container .programm-grids .box-3 {
  width: 5%;
}
main .container .programm-grids .box-3 span.time-1 {
  cursor: pointer;
}
main .container .programm-grids .box-3 span.time-1.time-active, main .container .programm-grids .box-3 span.time-1:hover {
  border-bottom: 2px solid rgb(233, 145, 37);
}
main .container .programm-grids .box-3.box-abc {
  width: auto;
}
main .container .programm-grids .box-3.box-abc span.time-1 {
  color: rgb(28, 99, 184);
  font-weight: bold;
  font-size: 18px;
}
main .container .programm-grids .box-3.box-abc.disabled span.time-1 {
  color: rgb(153, 153, 147);
}
main .container .programm-grids .box-4 {
  width: 2%;
}
main .container .programm-grids .box-5 {
  width: 11%;
}
main .container .programm-grids .box-6 {
  width: 25%;
}
main .container .programm-grids .box-7 {
  width: 20%;
}
main .container .programm-grids .box-8 {
  width: 15%;
}
main .container .programm-grids .box-9 {
  width: 9%;
}
main .container .programm-grids .box-9.user a {
  margin-left: 15px;
  position: relative;
  font-size: 17px;
}
main .container .programm-grids .box-9.user a.icon-t-webinar-enter {
  animation: enterActive 1s infinite;
}
main .container .programm-grids .box-9.user a .only-in-tile-view {
  font-size: 0;
}
main .container .programm-grids .box-32 {
  width: 32%;
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids .box-32 {
    width: 48%;
    margin-bottom: 20px;
    padding-right: 10px;
  }
  main .container .programm-grids .box-32:nth-of-type(2n) {
    padding-left: 10px;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  main .container .programm-grids .box-32 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  main .container .programm-grids .box-32:nth-of-type(2n) {
    padding-left: 0;
  }
  main .container .programm-grids .box-32:nth-of-type(3) {
    margin-bottom: 45px;
  }
}
main .container .programm-grids .box-50 {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids .box-50 {
    width: 48%;
  }
}
main .container .programm-grids .box-50.box-display-flex {
  width: 40%;
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids .box-50.box-display-flex {
    width: 100%;
    justify-content: space-between;
  }
}
main .container .programm-grids .topic-style {
  color: rgb(28, 99, 184);
  padding-right: 20px;
  font-weight: bold;
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids .topic-style {
    padding: 5px 0;
  }
}
main .container .programm-grids > div.box-display-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: initial;
  -ms-flex-wrap: initial;
  flex-wrap: initial;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids .p-day {
    width: 100%;
  }
  main .container .programm-grids .p-day > .box-50 {
    max-width: 75px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
main .container .programm-grids .p-day .datebox {
  margin-right: 5px;
  min-width: 75px;
  margin-bottom: 5px;
}
main .container .programm-grids .p-date-blue, main .container .programm-grids .p-date-white:hover {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255) !important;
  border: 1px solid rgb(28, 99, 184) !important;
  padding: 5px 10px;
  cursor: pointer;
}
main .container .programm-grids .p-date-white {
  color: rgb(153, 153, 147);
  border: 1px solid rgb(153, 153, 147);
  padding: 5px 10px;
  cursor: pointer;
  margin-right: 1px;
}
main .container .programm-grids select {
  width: 90%;
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids select {
    width: 100%;
  }
}
main .container .programm-grids .search-programm-input {
  border: none;
  border-bottom: 1px solid rgb(28, 99, 184);
  padding-right: 42px;
}
main .container .programm-grids .search-programm-input:hover {
  box-shadow: none;
}
main .container .programm-grids .search-programm-btn {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  cursor: pointer;
  box-shadow: none;
  z-index: 1;
}
main .container .programm-grids .search-programm-btn:hover {
  box-shadow: none;
}
main .container .programm-grids .icon-lupe {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  font-size: 18px;
  color: rgb(28, 99, 184);
}
main .container .programm-grids form {
  margin: 0;
}
main .container .programm-grids form.search-topic-form {
  position: relative;
  padding: 0;
}
main .container .programm-grids form.search-topic-form .search-programm-input {
  outline: none;
}
main .container .programm-grids.programm-hours {
  font-size: 1.25rem;
  color: rgb(28, 99, 184);
}
@media screen and (max-width: 1023px) {
  main .container .programm-grids .exhibitorlist {
    margin-bottom: 45px;
  }
}
main .container .perosn-wrapper {
  padding-bottom: 20px;
}
main .container .person-box {
  background: rgb(28, 99, 184);
  padding: 25px;
}
main .container .person-box > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
}
@media screen and (max-width: 1199px) {
  main .container .person-box > div {
    margin-right: 2%;
  }
}
main .container .person-box .box-photo {
  width: 250px;
}
@media screen and (max-width: 1023px) {
  main .container .person-box .box-photo {
    width: 180px;
  }
}
main .container .person-box .box-photo img {
  width: 250px;
  display: block;
}
@media screen and (max-width: 1023px) {
  main .container .person-box .box-photo img {
    width: 100%;
  }
}
main .container .person-box .box-photo.box-logo img {
  width: auto;
  max-width: 100%;
}
main .container .person-box .box-name {
  width: 38%;
}
@media screen and (max-width: 767px) {
  main .container .person-box .box-name {
    width: 100%;
    padding-top: 15px;
  }
}
main .container .person-box .box-other-details {
  width: 30%;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  main .container .person-box .box-other-details {
    width: 100%;
  }
}
main .container .person-box .box-other-details h3 {
  position: relative;
  padding-left: 20px;
}
main .container .person-box .box-other-details h3:before {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: rgb(233, 145, 37);
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
}
main .container .person-box .box-other-details ul {
  padding-left: 20px;
}
main .container .person-box ul.theme-ul-style {
  text-align: left;
  font-size: 0.9375rem;
}
main .container .person-box ul.theme-ul-style.ul-border-style li:before {
  width: 1px;
  height: 12px;
  top: 6px;
}
main .container .person-box h2 {
  color: rgb(255, 255, 255);
  font-size: 1.875rem;
}
@media screen and (max-width: 1023px) {
  main .container .person-box h2 {
    font-size: 1.25rem;
  }
}
main .container .person-box h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9375rem;
}
main .container .person-box h4 {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  margin-bottom: 30px;
}
main .container .person-bio {
  background: rgb(112, 173, 222);
  color: rgb(255, 255, 255);
}
main .container .person-bio .bio-title {
  position: relative;
  padding: 10px 20px;
}
main .container .person-bio .bio-title:before {
  position: absolute;
  right: 15px;
  top: 15px;
  color: rgb(233, 145, 37);
  transition: all 0.3s;
}
main .container .person-bio .bio-title.icon-rotate:before {
  transform: rotate(180deg);
}
main .container .person-bio .bio-content {
  padding: 0 20px;
}
main .container .person-bio .bio-content.hide-bio {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.8s ease-out, opacity 0.5s, visibility 0.5s;
}
main .container .person-bio .bio-content.show-bio {
  max-height: 1500px;
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  transition: max-height 1s ease-in, opacity 1s, visibility 1s;
}
main .container .back-link:before {
  font-size: 12px;
}
main .container .orange-icon:before {
  color: rgb(233, 145, 37);
}
@media screen and (max-width: 1199px) {
  main .container .date-filters {
    width: 100%;
    margin-top: 0.5rem;
  }
}
main .container .date-filters .live-filter, main .container .date-filters .shortly-filter, main .container .date-filters .all-filter, main .container .date-filters .online-filter, main .container .date-filters .offline-filter {
  font-weight: 700;
  margin-left: 7px;
  padding: 0.3rem 0.7rem;
  border: 1px solid rgb(28, 99, 184);
  position: relative;
  height: 20px;
  display: inline-block;
}
@media screen and (max-width: 1199px) {
  main .container .date-filters .live-filter, main .container .date-filters .shortly-filter, main .container .date-filters .all-filter, main .container .date-filters .online-filter, main .container .date-filters .offline-filter {
    margin-left: 0;
    margin-right: 7px;
    margin-bottom: 7px;
  }
}
main .container .date-filters .live-filter.date-active, main .container .date-filters .shortly-filter.date-active, main .container .date-filters .all-filter.date-active, main .container .date-filters .online-filter.date-active, main .container .date-filters .offline-filter.date-active {
  padding-right: 2rem;
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
}
main .container .date-filters .live-filter.date-active:before, main .container .date-filters .live-filter.date-active:after, main .container .date-filters .shortly-filter.date-active:before, main .container .date-filters .shortly-filter.date-active:after, main .container .date-filters .all-filter.date-active:before, main .container .date-filters .all-filter.date-active:after, main .container .date-filters .online-filter.date-active:before, main .container .date-filters .online-filter.date-active:after, main .container .date-filters .offline-filter.date-active:before, main .container .date-filters .offline-filter.date-active:after {
  position: absolute;
  content: "";
  width: 2px;
  background: rgb(233, 145, 37);
}
main .container .date-filters .live-filter.date-active:before, main .container .date-filters .shortly-filter.date-active:before, main .container .date-filters .all-filter.date-active:before, main .container .date-filters .online-filter.date-active:before, main .container .date-filters .offline-filter.date-active:before {
  height: 15px;
  right: 10px;
  transform: rotate(40deg);
  top: 8px;
}
main .container .date-filters .live-filter.date-active:after, main .container .date-filters .shortly-filter.date-active:after, main .container .date-filters .all-filter.date-active:after, main .container .date-filters .online-filter.date-active:after, main .container .date-filters .offline-filter.date-active:after {
  height: 7px;
  right: 17px;
  transform: rotate(-40deg);
  bottom: 7px;
}
main .container .hours-and-design {
  position: relative;
}
@media screen and (min-width: 768px) {
  main .container .hours-and-design {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(79, 77, 77);
  }
}
@media screen and (min-width: 768px) {
  main .container .hours-and-design .programm-grids {
    width: calc(100% - 70px);
    display: inline-flex;
    flex-wrap: wrap;
  }
}
main .container .hours-and-design .programm-grids .datetime {
  margin-right: 30px;
}
@media screen and (min-width: 768px) {
  main .container .hours-and-design .design-switch {
    width: 64px;
    display: inline-flex;
  }
}
@media screen and (min-width: 1200px) {
  main .container .hours-and-design .design-switch {
    position: absolute;
    right: 0;
  }
}
main .container .hours-and-design .design-switch ul {
  padding: 0;
  margin: 0;
}
main .container .hours-and-design .design-switch ul li {
  display: inline-flex;
  padding: 0;
}
main .container .hours-and-design .design-switch ul li a {
  padding: 10px 10px 10px 0;
}
main .container .hours-and-design .design-switch ul li a img {
  padding-top: 10px;
}
main .container .hours-and-design .design-switch ul li:last-child a {
  padding: 10px 0;
}
main .container .hours-and-design .design-switch ul li:before {
  content: none;
}
main .container .hours-and-design .design-switch ul li a:after {
  content: none;
}
main .container .hours-and-design .design-switch ul li img {
  width: 24px;
}
main .container .container-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: initial;
  -ms-flex-wrap: initial;
  flex-wrap: initial;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
main .container .container-flex.select-conference {
  flex-wrap: wrap;
  justify-content: start;
}
main .container .container-flex.box-style {
  padding: 25px;
}
main .container .container-flex.box-style h3 {
  color: rgb(79, 77, 77);
  margin: 0;
}
main .container .container-flex.box-style p {
  margin: 0;
  font-size: 0.75rem;
}
main .container .container-flex.box-style a.color-iconblue {
  color: rgb(28, 99, 184);
}
main .container .container-flex.box-style a.color-icongray {
  color: rgb(79, 77, 77);
}
main .container .container-flex.box-lightgray {
  background: rgb(244, 244, 244);
}
main .container .container-flex.items-center {
  align-items: center;
}
main .container .container-flex.justify-center {
  justify-content: center;
}
main .container .container-flex .box-lightgray {
  background: rgb(244, 244, 244);
}
main .container .container-flex .box-style {
  padding: 25px;
  box-sizing: border-box;
}
main .container .container-flex .circle-style {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: block;
  color: rgb(244, 244, 244);
  position: relative;
}
main .container .container-flex .circle-style:before {
  position: absolute;
  font-size: 0.875rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .container .container-flex .circle-style.icon-t-x:before {
  color: rgb(79, 77, 77);
  font-size: 0.75rem;
}
main .container .container-flex .circle-orange {
  background: rgb(233, 145, 37);
}
main .container .container-flex .circle-green {
  background: rgb(0, 153, 0);
}
main .container .container-flex .circle-blue {
  background: rgb(28, 99, 184);
}
main .container .container-flex .circle-blue-border {
  color: rgb(28, 99, 184);
  border: 1px solid rgb(28, 99, 184);
}
main .container .container-flex .circle-white {
  background: rgb(255, 255, 255);
}
main .container .container-flex .circle-gray-border {
  color: rgb(28, 99, 184);
  border: 1px solid rgb(79, 77, 77);
}
main .container .container-flex .slide-icon {
  width: 35px;
  height: 15px;
  border-radius: 30px;
  position: relative;
}
main .container .container-flex .slide-icon.slide-blue-bg {
  background: rgb(28, 99, 184);
}
main .container .container-flex .slide-icon.slide-blue-bg .slide-circle {
  top: 2px;
  right: 2px;
}
main .container .container-flex .slide-icon.slide-gray-bg {
  background: rgb(79, 77, 77);
}
main .container .container-flex .slide-icon.slide-gray-bg .slide-circle {
  top: 2px;
  left: 2px;
}
main .container .container-flex .slide-icon .slide-circle {
  background: rgb(255, 255, 255);
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
}
main .container .container-flex.white-slide-icon .slide-icon.slide-blue-bg {
  background: rgb(79, 77, 77);
}
main .container .container-flex.white-slide-icon .slide-icon.slide-blue-bg .slide-circle {
  top: 2px;
  right: 2px;
}
main .container .container-flex.white-slide-icon .slide-icon.slide-gray-bg {
  background: #d0d0d0;
}
main .container .container-flex.white-slide-icon .slide-icon.slide-gray-bg .slide-circle {
  top: 2px;
  left: 2px;
}
main .container .container-flex a.btn-style {
  text-align: center;
  display: block;
  margin: 15px 0;
  padding: 7px 10px;
}
main .container .container-flex a.btn-style.blue-style {
  color: rgb(255, 255, 255);
  background: rgb(28, 99, 184);
}
main .container .container-flex a.btn-style.lightgray-style {
  color: rgb(79, 77, 77);
  background: rgb(244, 244, 244);
}
main .container .container-flex a.btn-style.icon-pfeil_links:before {
  font-size: 10px;
  color: rgb(233, 145, 37);
}
main .container .container-flex input[type=submit] {
  font-weight: 100;
  font-size: 15px;
  width: 100%;
}
main .container .container-flex .box-padding-left {
  padding-left: 20px;
}
main .container .container-flex .filter-down, main .container .container-flex .filter-up {
  position: relative;
  width: 8px;
  height: 9px;
  display: inline-block;
  margin: 0 5px;
}
main .container .container-flex .filter-down:before, main .container .container-flex .filter-up:before {
  content: "";
  position: absolute;
  color: rgb(79, 77, 77);
  width: 2px;
  height: 10px;
  background: rgb(79, 77, 77);
  left: 0;
}
main .container .container-flex .filter-down:after, main .container .container-flex .filter-up:after {
  content: "";
  position: absolute;
  color: rgb(79, 77, 77);
  width: 2px;
  height: 10px;
  background: rgb(79, 77, 77);
  right: 0;
}
main .container .container-flex .filter-down.active-filter:before, main .container .container-flex .filter-up.active-filter:before {
  background: rgb(28, 99, 184);
}
main .container .container-flex .filter-down.active-filter:after, main .container .container-flex .filter-up.active-filter:after {
  background: rgb(28, 99, 184);
}
main .container .container-flex .filter-down:before {
  transform: rotate(-45deg);
}
main .container .container-flex .filter-down:after {
  transform: rotate(45deg);
}
main .container .container-flex .filter-up:before {
  transform: rotate(45deg);
}
main .container .container-flex .filter-up:after {
  transform: rotate(-45deg);
}
main .container .container-flex.container-head {
  border-bottom: 1px solid #ccc;
  margin: 20px 0 0 0;
  font-weight: bold;
  padding-bottom: 0;
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
main .container .container-flex.container-head > div {
  margin: 0;
  padding: 5px 5px 5px 2px;
  font-size: 0.75rem;
}
main .container .container-flex.container-body {
  transition: all 0.4s;
  margin: 0;
  padding: 0;
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  font-size: 0.8rem;
}
main .container .container-flex.container-body > div {
  margin: 0;
  padding: 15px 10px 15px 5px;
}
main .container .container-flex.container-body:hover {
  background: #eeeeee;
}
main .container .container-flex.container-flex-wrap {
  flex-wrap: wrap;
}
main .container form .select-conference .flex-box-30 {
  text-align: center;
  position: relative;
  height: 350px;
  flex: 0 1 calc(33.3333333333% - 16px);
  margin: 8px;
}
main .container form .select-conference input {
  visibility: hidden;
  opacity: 0;
}
main .container form .select-conference input:checked + label:before {
  background: rgb(233, 145, 37);
}
main .container form .select-conference input:checked + label:after {
  position: absolute;
  content: "\e81b";
  font-family: tekom;
  font-size: 40px;
  width: 30px;
  height: 30px;
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  color: rgb(255, 255, 255);
}
main .container form .select-conference input:checked + label h2 {
  color: rgb(255, 255, 255);
}
main .container form .select-conference input:checked + label p {
  color: rgb(255, 255, 255);
}
main .container form .select-conference input:checked + label .c-info {
  color: rgb(255, 255, 255);
}
main .container form .select-conference input[type=radio] + label {
  width: 100%;
  padding: 25px;
  display: block;
}
main .container form .select-conference input[type=radio] + label:before {
  background: #ececec;
  width: 100%;
  border: none;
  border-radius: 0;
  transition: all 0.3s;
  height: 100%;
}
main .container form .select-conference input[type=radio] + label:hover:before {
  background: rgba(233, 145, 37, 0.7);
  cursor: pointer;
}
main .container form .select-conference input[type=radio]:checked + label:before {
  background: rgb(233, 145, 37);
}
main .container form .select-conference input[type=radio]:checked + label:after {
  position: absolute;
  content: "\e81b";
  font-family: tekom;
  font-size: 40px;
  width: 30px;
  height: 30px;
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  color: rgb(255, 255, 255);
}
main .container form .select-conference input[type=radio]:checked + label h2 {
  color: rgb(255, 255, 255);
}
main .container form .select-conference input[type=radio]:checked + label p {
  color: rgb(255, 255, 255);
}
main .container form .select-conference input[type=radio]:checked + label .c-info {
  color: rgb(255, 255, 255);
}
main .container form .select-conference label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 25px;
  box-sizing: border-box;
  display: block;
}
main .container form .select-conference label h2 {
  position: absolute;
  width: 88%;
  bottom: 40%;
  white-space: normal;
}
main .container form .select-conference label .c-info {
  position: absolute;
  width: 88%;
  top: 70%;
  color: rgb(79, 77, 77);
}
main .container form .select-conference label .c-info p {
  margin-bottom: 0;
}
main .container form .select-conference label:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(244, 244, 244);
}
main .container .flex-box-1 {
  width: 2%;
}
main .container .flex-box-1 a.icon-t-edit:before {
  font-size: 22px;
}
main .container .flex-box-2 {
  width: 65%;
}
main .container .flex-box-3 {
  width: 3%;
}
main .container .flex-box-3.box-icon a[class^=icon-t-]:before {
  font-size: 29px;
}
main .container .flex-box-3.box-icon a.icon-t-delete:before {
  font-size: 22px;
}
main .container .flex-box-4 {
  width: 91%;
}
main .container .flex-box-55 {
  width: 5%;
}
main .container .flex-box-5 {
  width: 130px;
  height: 90px;
  color: rgb(153, 153, 147);
  background: rgb(244, 244, 244);
  position: relative;
  margin: 0 30px;
  padding: 10px;
  box-sizing: border-box;
  hyphens: auto;
}
main .container .flex-box-5.active-step {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
}
main .container .flex-box-5.active-step:after {
  border-left: 16px solid rgb(28, 99, 184);
}
main .container .flex-box-5.active-step .step-content-bottom a {
  color: rgb(255, 255, 255);
}
main .container .flex-box-5 .step-content-top {
  font-size: 1.25rem;
}
main .container .flex-box-5 .step-content-bottom {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px;
  position: absolute;
  bottom: 5px;
}
main .container .flex-box-5 .step-content-bottom a {
  color: rgb(153, 153, 147);
}
main .container .flex-box-5:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 16px solid rgb(244, 244, 244);
  right: -40px;
  top: 50%;
  transform: translate(0, -50%);
}
main .container .flex-box-5:last-child:after {
  content: none;
}
main .container .flex-box-6 {
  width: 82%;
}
main .container .flex-box-35 {
  width: 35%;
}
main .container .flex-box-50 {
  width: 50%;
}
main .container .flex-box-20 {
  width: 20%;
}
main .container .flex-box-20.box-with-space {
  width: 19%;
}
main .container .flex-box-10 {
  width: 10%;
}
main .container .flex-box-30 {
  width: 33%;
  background: rgb(244, 244, 244);
}
main .container .flex-box-3-30 {
  width: 30%;
}
main .container .flex-box-60 {
  width: 60%;
}
main .container .flex-box-80 {
  width: 80%;
}
main .container .flex-box-100 {
  width: 100%;
}
main .container .flex-box-30px {
  width: 30px;
}
main .container .flex-box-100-30px {
  width: calc(100% - 30px);
}
main .container .box-pading-left {
  padding-left: 2%;
}
main .container .checking-not-possible + div label {
  color: #ccc;
}
main .container .steps-horizontal-lines {
  position: relative;
}
main .container .steps-horizontal-lines:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: rgb(28, 99, 184);
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
main .container .steps-horizontal-lines:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: rgb(28, 99, 184);
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
main .container .steps-vertical-line {
  position: relative;
}
main .container .steps-vertical-line:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: rgb(28, 99, 184);
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
main .cke {
  width: 99.8%;
}
main .cke_top {
  padding: 6px 7px 2px 8px;
}

.new-day-margin {
  display: block;
  margin-bottom: 2rem;
}

.conference .cancelled {
  color: rgb(153, 0, 0);
}
.conference .canceled-info {
  color: rgb(153, 0, 0);
}
.conference .tile-cancelled {
  display: none;
  color: rgb(153, 0, 0);
}
.conference .intro p.cancelled {
  color: rgb(153, 0, 0);
}
.conference .intro h3.cancelled {
  text-align: center;
}
.conference .media-element > div iframe:not(.video-embed-item) {
  width: 60%;
  height: 400px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .conference .media-element > div iframe:not(.video-embed-item) {
    width: 90%;
    height: 200px;
  }
}

@media screen and (max-width: 1199px) {
  main .container .content-element form.form-style-2 label {
    font-size: 14px;
  }
}
@media screen and (max-width: 1023px) {
  main .container .content-element .select-conference .flex-box-30 {
    flex: 0 1 calc(50% - 5px);
  }
  main .container .content-element form.form-style-2 .flex-box-20.label-space {
    padding-left: 0;
  }
  main .container .flex-box-20 {
    width: 32%;
  }
  main .container .flex-box-3-30 {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  main .container .content-element .select-conference .flex-box-30 {
    flex: 0 1 calc(100% - 0px);
  }
  main .container .flex-box-20 {
    width: 100%;
  }
  main .container .flex-box-80 {
    width: 100%;
  }
  main .container .flex-box-3-30 {
    width: 100%;
  }
  main .container .flex-box-5 {
    width: 80px;
    height: 60px;
    margin: 0px 1px;
  }
  main .container .flex-box-5 .step-content-top {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 5px;
  }
  main .container .flex-box-5 .step-content-bottom {
    font-size: 10px;
    left: 5px;
  }
  main .container .active-step-text {
    padding: 20px 0 0 0;
    color: #1c63b8;
    text-transform: uppercase;
    font-weight: bold;
  }
  main .container .container-flex {
    flex-wrap: unset;
  }
  main .container .container-flex .flex-box-20 input[type=submit] {
    margin: 0;
  }
  main .container .container-flex a.btn-style {
    margin: 15px 0 0 0;
  }
  main .container form .select-conference input[type=radio] + label {
    padding: 18px;
  }
  main .cke {
    width: 98.5%;
  }
}
.modal-body {
  background-image: none;
}

.modal:not(.no-member) {
  width: 88%;
  max-width: 1300px;
  margin: 2em auto;
  padding: 2em 0;
  background-color: rgb(244, 244, 244);
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.75);
}
.modal:not(.no-member) > .container {
  max-width: 100%;
}

.img-cropper-modal {
  position: fixed !important;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0;
  opacity: 1 !important;
  z-index: 9999999999999;
  /*
  .cropper-canvas {
    position: absolute!important;
  }
  .cropper-crop-box {
    position: absolute!important;
    background-color: #123456;
  }
  */
}
.img-cropper-modal .cropper-wrap-box {
  width: 100%;
}
.img-cropper-modal .modal-dialog {
  width: 100%;
}
.img-cropper-modal .modal-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  float: none;
  position: absolute !important;
  top: 0;
}
.img-cropper-modal .modal-content .modal-header {
  height: 55px;
  display: none;
}
.img-cropper-modal .modal-content .modal-body {
  /*position: absolute!important;
  top: 0*/
  height: calc(100vh - 50px);
}
.img-cropper-modal .modal-content .modal-body .img-container {
  max-height: 100%;
}
.img-cropper-modal .modal-content .modal-body .img-container img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.img-cropper-modal .modal-content .modal-footer {
  height: 50px;
  display: flex;
  flex-direction: row;
}

.contribution-overlay {
  padding: 0 1em;
}
@media screen and (min-width: 1380px) {
  .contribution-overlay {
    padding: 0;
  }
}

.close-rating {
  text-indent: -9999px;
  position: absolute !important;
  top: -20px;
  right: 10px;
}
@media screen and (min-width: 1380px) {
  .close-rating {
    right: -35px;
  }
}
.close-rating:before {
  content: "\e827";
  font-family: "tekom-tagungstool";
  color: rgb(255, 255, 255);
  background: rgb(79, 77, 77);
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 2.2em;
}

dl#tabs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
dl#tabs > dt {
  display: inline-flex;
  padding: 10px 30px 10px 10px;
  border-width: 2px 2px 0 0;
  border-color: rgba(153, 153, 147, 0.7);
  border-style: solid;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
  background-color: #f0f7fc;
}
dl#tabs > dt:first-of-type {
  order: 1;
  border-left: 2px solid rgba(153, 153, 147, 0.7);
}
dl#tabs > dt:nth-of-type(2) {
  order: 2;
}
dl#tabs > dt:nth-of-type(3) {
  order: 3;
}
dl#tabs > dt:nth-of-type(4) {
  order: 4;
}
dl#tabs > dt:nth-of-type(5) {
  order: 5;
}
dl#tabs > dt.active, dl#tabs > dt:focus, dl#tabs > dt:hover {
  background-color: white;
}
dl#tabs > dt a {
  color: #4f4d4d;
  font-weight: 700;
}
dl#tabs > dd {
  display: none;
  margin-left: 0;
  width: 100%;
}
dl#tabs > dd.active {
  display: flex;
  order: 999;
}
dl#tabs > dd .flex-box-80, dl#tabs > dd .flex-box-100 {
  border: 2px solid rgba(153, 153, 147, 0.7);
  border-radius: 0 3px 3px 3px;
  background-clip: padding-box;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
}
dl#tabs > dd .flex-box-80 > h3, dl#tabs > dd .flex-box-100 > h3 {
  margin-top: 1em;
}
dl#tabs > dd .flex-box-80 > dl, dl#tabs > dd .flex-box-100 > dl {
  padding: 30px 0;
  overflow: hidden;
}
dl#tabs > dd .flex-box-80 > dl > dt, dl#tabs > dd .flex-box-100 > dl > dt {
  float: left;
  font-weight: bold;
  width: 35%;
  margin-bottom: 1em;
  border-top: 1px solid #ccc;
  padding-top: 5px;
  clear: left;
}
dl#tabs > dd .flex-box-80 > dl > dd, dl#tabs > dd .flex-box-100 > dl > dd {
  float: left;
  width: 65%;
  margin-bottom: 1em;
  margin-left: -5px;
  border-top: 1px solid #ccc;
  padding-top: 5px;
}
dl#tabs > dd .flex-box-20 form {
  border: 2px solid rgba(153, 153, 147, 0.7);
  border-radius: 3px;
  margin-top: 0;
  background-color: rgb(255, 255, 255);
  padding: 25px 10px 25px 10px !important;
}
@media screen and (min-width: 1380px) {
  dl#tabs > dd .flex-box-20 form {
    padding: 25px 30px 25px 25px !important;
  }
}
dl#tabs > dd form {
  margin: 0;
  padding: 0;
}
dl#tabs > dd form .flex-box-20 {
  width: 30%;
  display: inline-block;
  margin-left: -5px;
  vertical-align: top;
  background: #fff;
  border: 2px solid rgba(153, 153, 147, 0.7);
  padding: 15px;
  box-sizing: border-box;
}
dl#tabs > dd form .flex-box-20 label {
  float: none;
  margin: 0.2rem 0;
}
dl#tabs > dd form .flex-box-20 label.smilie-item {
  display: inline-block;
}
dl#tabs > dd form .flex-box-20 input[type=radio] {
  position: relative;
  top: -2px;
}
dl#tabs > dd form .flex-box-20 input[type=radio].rating-control.star {
  position: absolute;
}
dl#tabs > dd form .flex-box-80 {
  display: inline-block;
  vertical-align: top;
  width: 70%;
}
dl#tabs > dd form [class*=b-state-] {
  margin-left: 30px;
}
dl#tabs > dd form [class*=b-state-]:before {
  top: 0;
  left: -30px;
}
dl#tabs > dd form textarea {
  height: 120px;
}
dl#tabs > dd form dl dt {
  width: 100%;
  font-weight: 700;
  margin-bottom: 10px;
}
dl#tabs > dd form dl dt label {
  width: 100%;
  margin-bottom: 0;
}
dl#tabs > dd form dl dd {
  width: 100%;
}
dl#tabs > dd form dl dd input[type=radio] + label {
  width: calc(100% - 26px);
  margin-right: 0;
  font-size: 1rem;
  color: #4f4d4d;
}
dl#tabs > dd form dl dd input[type=radio] + label.rating-item {
  color: #eeeeee;
}
dl#tabs > dd form dl dd a[title=Abbrechen] {
  display: block;
  background: #990000;
  color: white;
  padding: 7px 10px;
  text-align: center;
  transition: all 0.3s;
}
dl#tabs > dd form dl dd a[title=Abbrechen]:hover {
  background: #bb0000;
}

.hidden-element {
  display: none;
}

.rating {
  display: block;
  font-size: 30px;
  color: rgb(238, 238, 238);
  position: relative;
}

.rating-control,
.additional-rating-control {
  position: absolute;
  left: -9999px;
}
.rating-control:nth-of-type(1):focus ~ .rating-item:nth-of-type(1):before, .rating-control:nth-of-type(2):focus ~ .rating-item:nth-of-type(2):before, .rating-control:nth-of-type(3):focus ~ .rating-item:nth-of-type(3):before, .rating-control:nth-of-type(4):focus ~ .rating-item:nth-of-type(4):before, .rating-control:nth-of-type(5):focus ~ .rating-item:nth-of-type(5):before,
.additional-rating-control:nth-of-type(1):focus ~ .rating-item:nth-of-type(1):before,
.additional-rating-control:nth-of-type(2):focus ~ .rating-item:nth-of-type(2):before,
.additional-rating-control:nth-of-type(3):focus ~ .rating-item:nth-of-type(3):before,
.additional-rating-control:nth-of-type(4):focus ~ .rating-item:nth-of-type(4):before,
.additional-rating-control:nth-of-type(5):focus ~ .rating-item:nth-of-type(5):before {
  content: "";
  box-shadow: 0 0 0 4px rgb(28, 99, 184);
  position: absolute;
  top: -0.15em;
  right: 0;
  bottom: -0.15em;
  left: 0;
  z-index: -1;
}

.rating-star {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  stroke: rgb(34, 34, 34);
  stroke-width: 1px;
}

.content form dd.rating label.rating-item {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  position: relative;
  padding-left: 0.25em;
  padding-right: 0.25em !important;
  margin-right: 0 !important;
  width: 21px !important;
  font-size: 28px !important;
  color: rgb(238, 238, 238);
  display: inline-block;
  vertical-align: top;
}
.content form dd.rating label.rating-item:before {
  display: none;
}
.content form dd.rating ~ #total-label {
  display: none;
  margin-bottom: 15px;
}
.content form dd.rating ~ #total-label.show {
  display: block;
}

.rating-label {
  position: absolute;
  top: 0;
  left: -9999px;
}

.rating:hover label:not(.disabled) {
  color: rgb(28, 99, 184) !important;
}

.rating-control:nth-of-type(1):checked ~ .rating-item:nth-of-type(1), .rating-control:nth-of-type(2):checked ~ .rating-item:nth-of-type(-n+2), .rating-control:nth-of-type(3):checked ~ .rating-item:nth-of-type(-n+3), .rating-control:nth-of-type(4):checked ~ .rating-item:nth-of-type(-n+4), .rating-control:nth-of-type(5):checked ~ .rating-item:nth-of-type(-n+5),
.additional-rating-control:nth-of-type(1):checked ~ .rating-item:nth-of-type(1),
.additional-rating-control:nth-of-type(2):checked ~ .rating-item:nth-of-type(-n+2),
.additional-rating-control:nth-of-type(3):checked ~ .rating-item:nth-of-type(-n+3),
.additional-rating-control:nth-of-type(4):checked ~ .rating-item:nth-of-type(-n+4),
.additional-rating-control:nth-of-type(5):checked ~ .rating-item:nth-of-type(-n+5) {
  color: rgb(28, 99, 184) !important;
}

.rating-item:hover ~ .rating-item {
  color: rgb(238, 238, 238) !important;
}

.smilie-item {
  width: 22px !important;
}
@media screen and (min-width: 1200px) {
  .smilie-item {
    width: 28px !important;
  }
}
.smilie-item[for=advertising-5] {
  padding-right: 0 !important;
}
.smilie-item svg {
  border: 1px solid rgb(34, 34, 34);
  border-radius: 50%;
  background-color: transparent;
}
.smilie-item .st0 {
  fill: rgb(34, 34, 34);
  stroke: rgb(34, 34, 34);
}

.smilie-control {
  position: absolute;
  left: -9999px;
}
.smilie-control:nth-of-type(1):focus ~ div label[for=advertising-1] svg, .smilie-control:nth-of-type(1):hover ~ div label[for=advertising-1] svg, .smilie-control:nth-of-type(1):checked ~ div label[for=advertising-1] svg {
  background-color: rgb(112, 173, 222);
  border: 1px solid rgb(34, 34, 34);
}
.smilie-control:nth-of-type(1):focus ~ div label[for=advertising-1] .st0, .smilie-control:nth-of-type(1):hover ~ div label[for=advertising-1] .st0, .smilie-control:nth-of-type(1):checked ~ div label[for=advertising-1] .st0 {
  stroke: rgb(34, 34, 34);
  fill: rgb(34, 34, 34);
}
.smilie-control:nth-of-type(2):focus ~ div label[for=advertising-2] svg, .smilie-control:nth-of-type(2):hover ~ div label[for=advertising-2] svg, .smilie-control:nth-of-type(2):checked ~ div label[for=advertising-2] svg {
  background-color: rgb(112, 173, 222);
  border: 1px solid rgb(34, 34, 34);
}
.smilie-control:nth-of-type(2):focus ~ div label[for=advertising-2] .st0, .smilie-control:nth-of-type(2):hover ~ div label[for=advertising-2] .st0, .smilie-control:nth-of-type(2):checked ~ div label[for=advertising-2] .st0 {
  stroke: rgb(34, 34, 34);
  fill: rgb(34, 34, 34);
}
.smilie-control:nth-of-type(3):focus ~ div label[for=advertising-3] svg, .smilie-control:nth-of-type(3):hover ~ div label[for=advertising-3] svg, .smilie-control:nth-of-type(3):checked ~ div label[for=advertising-3] svg {
  background-color: rgb(112, 173, 222);
  border: 1px solid rgb(34, 34, 34);
}
.smilie-control:nth-of-type(3):focus ~ div label[for=advertising-3] .st0, .smilie-control:nth-of-type(3):hover ~ div label[for=advertising-3] .st0, .smilie-control:nth-of-type(3):checked ~ div label[for=advertising-3] .st0 {
  stroke: rgb(34, 34, 34);
  fill: rgb(34, 34, 34);
}
.smilie-control:nth-of-type(4):focus ~ div label[for=advertising-4] svg, .smilie-control:nth-of-type(4):hover ~ div label[for=advertising-4] svg, .smilie-control:nth-of-type(4):checked ~ div label[for=advertising-4] svg {
  background-color: rgb(112, 173, 222);
  border: 1px solid rgb(34, 34, 34);
}
.smilie-control:nth-of-type(4):focus ~ div label[for=advertising-4] .st0, .smilie-control:nth-of-type(4):hover ~ div label[for=advertising-4] .st0, .smilie-control:nth-of-type(4):checked ~ div label[for=advertising-4] .st0 {
  stroke: rgb(34, 34, 34);
  fill: rgb(34, 34, 34);
}
.smilie-control:nth-of-type(5):focus ~ div label[for=advertising-5] svg, .smilie-control:nth-of-type(5):hover ~ div label[for=advertising-5] svg, .smilie-control:nth-of-type(5):checked ~ div label[for=advertising-5] svg {
  background-color: rgb(112, 173, 222);
  border: 1px solid rgb(34, 34, 34);
}
.smilie-control:nth-of-type(5):focus ~ div label[for=advertising-5] .st0, .smilie-control:nth-of-type(5):hover ~ div label[for=advertising-5] .st0, .smilie-control:nth-of-type(5):checked ~ div label[for=advertising-5] .st0 {
  stroke: rgb(34, 34, 34);
  fill: rgb(34, 34, 34);
}

.rating-item, .smilie-item {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  position: relative;
  color: rgb(238, 238, 238);
  width: 15px;
  clear: none;
  font-size: 1em;
  margin-bottom: 0;
  float: left;
}
@media screen and (min-width: 1200px) {
  .rating-item, .smilie-item {
    width: 20px;
  }
}
.rating-item:hover:not(.disabled), .smilie-item:hover:not(.disabled) {
  color: rgb(28, 99, 184);
}
.rating-item:hover:not(.disabled) ~ .rating-item, .rating-item:hover:not(.disabled) ~ .smilie-item, .smilie-item:hover:not(.disabled) ~ .rating-item, .smilie-item:hover:not(.disabled) ~ .smilie-item {
  color: rgb(238, 238, 238) !important;
}

.smilie-item {
  padding-left: 0 !important;
  padding-right: 0.5em !important;
  /*Smileis on chrome*/
  height: 30px;
  display: block;
}

.body-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  top: 0;
}

.single-rating h4 {
  margin-bottom: 0;
}
.single-rating p.date {
  margin-bottom: 0;
  font-size: 85%;
}

.history-table {
  border: 2px solid rgba(112, 173, 222, 0.7);
  background-clip: padding-box;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .history-table {
    display: block;
    overflow-x: scroll;
  }
}
.history-table th {
  text-align: left;
}
.history-table th:first-of-type {
  text-align: center;
}
.history-table tr td:nth-of-type(1) {
  min-width: 140px;
  width: 20%;
}
.history-table tr td:nth-of-type(2) {
  min-width: 140px;
  width: 45%;
}
.history-table tr td:nth-of-type(3) {
  width: 20%;
}
.history-table tr td:nth-of-type(4) {
  width: 20%;
}

/*eye icon*/
.i-view {
  width: 25px;
  height: 17px;
  position: relative;
  overflow: hidden;
  display: block;
}
.i-view .i-view-inner:before {
  width: 31px;
  height: 40px;
  content: "";
  border: 1px solid #1c63b8;
  display: block;
  border-radius: 50%;
  left: -4px;
  position: absolute;
  top: 1px;
}
.i-view .i-view-inner:after {
  width: 31px;
  height: 40px;
  content: "";
  border: 1px solid #1c63b8;
  display: block;
  border-radius: 50%;
  left: -4px;
  position: absolute;
  bottom: 0;
}
.i-view .i-view-inner .i-view-inner-2:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #1c63b8;
  border-radius: 100%;
  display: block;
  left: 6px;
  position: absolute;
  top: 2px;
}
.i-view .i-view-inner .i-view-inner-2:after {
  content: "";
  width: 6px;
  height: 2px;
  background: white;
  border-radius: 100%;
  display: block;
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(-22deg);
}

/*END  eye icon*/
/*Rating Front*/
.content .content-element {
  /*view raiting*/
}
.content .content-element form.f-rating-box {
  background: transparent;
  padding: 0 15%;
}
@media screen and (max-width: 767px) {
  .content .content-element form.f-rating-box {
    padding: 0;
  }
}
.content .content-element form.f-rating-box input[type=radio] + label {
  overflow: visible;
}
.content .content-element form.f-rating-box h4 {
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.content .content-element form.f-rating-box dl:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.content .content-element form.f-rating-box dl dt {
  width: 100%;
  font-weight: bold;
}
.content .content-element form.f-rating-box dl dd {
  width: 100%;
}
.content .content-element form.f-rating-box dl dd.advertising {
  margin-bottom: 40px;
}
.content .content-element form.f-rating-box dl dd.advertising label.smilie-item {
  margin-right: 2.55em !important;
  /*background: #666;*/
  border-radius: 100%;
  padding: 0 !important;
  width: 32px !important;
  height: 35px !important;
}
@media screen and (max-width: 1199px) {
  .content .content-element form.f-rating-box dl dd.advertising label.smilie-item {
    margin-right: 124px !important;
  }
}
@media screen and (max-width: 1023px) {
  .content .content-element form.f-rating-box dl dd.advertising label.smilie-item {
    margin-right: 82px !important;
  }
}
@media screen and (max-width: 767px) {
  .content .content-element form.f-rating-box dl dd.advertising label.smilie-item {
    margin-right: 35px !important;
  }
}
.content .content-element form.f-rating-box dl dd.advertising label.smilie-item:hover {
  background: transparent;
}
.content .content-element form.f-rating-box dl dd.advertising label.smilie-item:hover svg {
  border: 1px solid rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising label.smilie-item:hover .st0 {
  fill: rgb(28, 99, 184);
  stroke: rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising label.smilie-item:last-child {
  margin-right: 0 !important;
}
.content .content-element form.f-rating-box dl dd.advertising label.smilie-item svg {
  border: 1px solid #cccccc;
}
.content .content-element form.f-rating-box dl dd.advertising label.smilie-item .st0 {
  fill: #cccccc;
  stroke: #cccccc;
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control {
  position: absolute;
  left: -9999px;
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(1):focus ~ div label[for=advertising-1] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(1):hover ~ div label[for=advertising-1] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(1):checked ~ div label[for=advertising-1] svg {
  background-color: transparent;
  border: 1px solid rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(1):focus ~ div label[for=advertising-1] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(1):hover ~ div label[for=advertising-1] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(1):checked ~ div label[for=advertising-1] .st0 {
  stroke: rgb(28, 99, 184);
  fill: rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(2):focus ~ div label[for=advertising-2] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(2):hover ~ div label[for=advertising-2] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(2):checked ~ div label[for=advertising-2] svg {
  background-color: transparent;
  border: 1px solid rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(2):focus ~ div label[for=advertising-2] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(2):hover ~ div label[for=advertising-2] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(2):checked ~ div label[for=advertising-2] .st0 {
  stroke: rgb(28, 99, 184);
  fill: rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(3):focus ~ div label[for=advertising-3] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(3):hover ~ div label[for=advertising-3] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(3):checked ~ div label[for=advertising-3] svg {
  background-color: transparent;
  border: 1px solid rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(3):focus ~ div label[for=advertising-3] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(3):hover ~ div label[for=advertising-3] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(3):checked ~ div label[for=advertising-3] .st0 {
  stroke: rgb(28, 99, 184);
  fill: rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(4):focus ~ div label[for=advertising-4] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(4):hover ~ div label[for=advertising-4] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(4):checked ~ div label[for=advertising-4] svg {
  background-color: transparent;
  border: 1px solid rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(4):focus ~ div label[for=advertising-4] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(4):hover ~ div label[for=advertising-4] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(4):checked ~ div label[for=advertising-4] .st0 {
  stroke: rgb(28, 99, 184);
  fill: rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(5):focus ~ div label[for=advertising-5] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(5):hover ~ div label[for=advertising-5] svg, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(5):checked ~ div label[for=advertising-5] svg {
  background-color: transparent;
  border: 1px solid rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(5):focus ~ div label[for=advertising-5] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(5):hover ~ div label[for=advertising-5] .st0, .content .content-element form.f-rating-box dl dd.advertising .smilie-control:nth-of-type(5):checked ~ div label[for=advertising-5] .st0 {
  stroke: rgb(28, 99, 184);
  fill: rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.rating .rating-star {
  stroke: none;
  stroke-width: 0;
}
.content .content-element form.f-rating-box dl dd.rating label.rating-item, .content .content-element form.f-rating-box dl dd.rating label.smilie-item {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  position: relative;
  /*padding-left: .25em;*/
  padding-left: 0;
  /*padding-right: .25em !important;*/
  padding-right: 1em !important;
  margin-right: 0 !important;
  width: 30px !important;
  font-size: 40px !important;
  color: rgb(238, 238, 238);
}
.content .content-element form.f-rating-box dl dd.rating label.rating-item:before, .content .content-element form.f-rating-box dl dd.rating label.smilie-item:before {
  display: none;
}
.content .content-element form.f-rating-box dl dd.rating label.rating-item:hover:not(.disabled), .content .content-element form.f-rating-box dl dd.rating label.smilie-item:hover:not(.disabled) {
  color: rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.rating label.rating-item:hover:not(.disabled) ~ .rating-item, .content .content-element form.f-rating-box dl dd.rating label.rating-item:hover:not(.disabled) ~ .smilie-item, .content .content-element form.f-rating-box dl dd.rating label.smilie-item:hover:not(.disabled) ~ .rating-item, .content .content-element form.f-rating-box dl dd.rating label.smilie-item:hover:not(.disabled) ~ .smilie-item {
  color: rgb(238, 238, 238) !important;
}
@media screen and (max-width: 1199px) {
  .content .content-element form.f-rating-box dl dd.rating label.rating-item, .content .content-element form.f-rating-box dl dd.rating label.smilie-item {
    padding-right: 125px !important;
  }
}
@media screen and (max-width: 1023px) {
  .content .content-element form.f-rating-box dl dd.rating label.rating-item, .content .content-element form.f-rating-box dl dd.rating label.smilie-item {
    padding-right: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .content .content-element form.f-rating-box dl dd.rating label.rating-item, .content .content-element form.f-rating-box dl dd.rating label.smilie-item {
    padding-right: 35px !important;
  }
}
.content .content-element form.f-rating-box dl dd.rating .rating-control,
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control {
  position: absolute;
  left: -9999px;
}
.content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(1):focus ~ .rating-item:nth-of-type(1):before, .content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(2):focus ~ .rating-item:nth-of-type(2):before, .content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(3):focus ~ .rating-item:nth-of-type(3):before, .content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(4):focus ~ .rating-item:nth-of-type(4):before, .content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(5):focus ~ .rating-item:nth-of-type(5):before,
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(1):focus ~ .rating-item:nth-of-type(1):before,
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(2):focus ~ .rating-item:nth-of-type(2):before,
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(3):focus ~ .rating-item:nth-of-type(3):before,
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(4):focus ~ .rating-item:nth-of-type(4):before,
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(5):focus ~ .rating-item:nth-of-type(5):before {
  content: "";
  box-shadow: 0 0 0 0 transparent;
  position: absolute;
  top: -0.15em;
  right: 0;
  bottom: -0.15em;
  left: 0;
  z-index: -1;
  outline: none;
}
.content .content-element form.f-rating-box dl dd.rating .rating:hover label:not(.disabled) {
  color: rgb(28, 99, 184) !important;
}
.content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(1):checked ~ .rating-item:nth-of-type(1), .content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(2):checked ~ .rating-item:nth-of-type(-n+2), .content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(3):checked ~ .rating-item:nth-of-type(-n+3), .content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(4):checked ~ .rating-item:nth-of-type(-n+4), .content .content-element form.f-rating-box dl dd.rating .rating-control:nth-of-type(5):checked ~ .rating-item:nth-of-type(-n+5),
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(1):checked ~ .rating-item:nth-of-type(1),
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(2):checked ~ .rating-item:nth-of-type(-n+2),
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(3):checked ~ .rating-item:nth-of-type(-n+3),
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(4):checked ~ .rating-item:nth-of-type(-n+4),
.content .content-element form.f-rating-box dl dd.rating .additional-rating-control:nth-of-type(5):checked ~ .rating-item:nth-of-type(-n+5) {
  color: rgb(28, 99, 184);
}
.content .content-element form.f-rating-box dl dd.rating .rating-control.total:nth-of-type(1):checked ~ .rating-item:nth-of-type(1), .content .content-element form.f-rating-box dl dd.rating .rating-control.total:nth-of-type(2):checked ~ .rating-item:nth-of-type(-n+2), .content .content-element form.f-rating-box dl dd.rating .rating-control.total:nth-of-type(3):checked ~ .rating-item:nth-of-type(-n+3), .content .content-element form.f-rating-box dl dd.rating .rating-control.total:nth-of-type(4):checked ~ .rating-item:nth-of-type(-n+4), .content .content-element form.f-rating-box dl dd.rating .rating-control.total:nth-of-type(5):checked ~ .rating-item:nth-of-type(-n+5) {
  pointer-events: none;
}
.content .content-element form.f-rating-box dl dd.rating ~ #total-label {
  display: none;
  margin-bottom: 15px;
  padding: 30px 0;
  font-size: 1.125rem;
}
.content .content-element form.f-rating-box dl dd.rating ~ #total-label.show {
  display: block;
}
.content .content-element form.f-rating-box dl dd.rating ~ #total-label #total-label-number {
  color: rgb(28, 99, 184);
  font-weight: bold;
}
.content .content-element form.f-rating-box .container-flex.rating-btns {
  position: relative;
}
@media screen and (max-width: 767px) {
  .content .content-element form.f-rating-box .container-flex.rating-btns {
    flex-wrap: wrap;
  }
}
.content .content-element form.f-rating-box .container-flex.rating-btns input {
  width: 250px;
}
@media screen and (max-width: 767px) {
  .content .content-element form.f-rating-box .container-flex.rating-btns input {
    width: 100%;
  }
}
.content .content-element form.f-rating-box .container-flex.rating-btns a.icon-cancel {
  padding-top: 22px;
}
@media screen and (max-width: 767px) {
  .content .content-element form.f-rating-box .container-flex.rating-btns a.icon-cancel {
    width: 100%;
    display: block;
  }
}
.content .content-element form.f-rating-box .container-flex.rating-btns a.icon-cancel:before {
  color: #f05858;
}
.content .content-element .f-rating-box.view-rating {
  padding: 0;
}
.content .content-element .f-rating-box.view-rating dl dt, .content .content-element .f-rating-box.view-rating dl dd {
  float: left;
  margin: 10px 0;
}
.content .content-element .f-rating-box.view-rating dl dt {
  width: 20%;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .content .content-element .f-rating-box.view-rating dl dt {
    width: 100%;
  }
}
.content .content-element .f-rating-box.view-rating dl dt.div-full-width {
  width: 100%;
}
.content .content-element .f-rating-box.view-rating dl dt.div-full-width.comments p {
  font-weight: normal;
}
.content .content-element .f-rating-box.view-rating dl dt.div-full-width.comments > div {
  padding-top: 20px;
}
.content .content-element .f-rating-box.view-rating dl dt.div-full-width.comments h3 {
  color: rgb(79, 77, 77);
}
.content .content-element .f-rating-box.view-rating dl dd {
  width: 80%;
}
@media screen and (max-width: 1023px) {
  .content .content-element .f-rating-box.view-rating dl dd {
    width: 100%;
  }
}
.content .content-element .f-rating-box.view-rating dl dd div.rating-item {
  font-size: 40px;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  position: relative;
  padding-left: 0;
  padding-right: 100px;
  margin-right: 0 !important;
  width: 30px !important;
  color: #eeeeee;
}
@media screen and (max-width: 767px) {
  .content .content-element .f-rating-box.view-rating dl dd div.rating-item {
    padding-right: 16px !important;
  }
}
.content .content-element .f-rating-box.view-rating dl dd div.rating-item:hover {
  pointer-events: none !important;
  cursor: auto;
}
.content .content-element .f-rating-box.view-rating dl dd div.rating-item .rating-star {
  stroke: none;
  stroke-width: 0;
}
.content .content-element .f-rating-box.view-rating dl dd div.rating-item.active {
  color: rgb(28, 99, 184);
}
.content .content-element .f-rating-box.view-rating dl dd.advertising div.smilie-item {
  margin-right: 2.55em !important;
  margin-left: 3px;
  width: 32px !important;
  height: 35px;
  padding-right: 0 !important;
}
@media screen and (max-width: 767px) {
  .content .content-element .f-rating-box.view-rating dl dd.advertising div.smilie-item {
    margin-right: 14px !important;
  }
}
.content .content-element .f-rating-box.view-rating dl dd.advertising div.smilie-item:last-child {
  margin-right: 0 !important;
}
.content .content-element .f-rating-box.view-rating dl dd.advertising div.smilie-item .st0 {
  fill: #cccccc;
  stroke: #cccccc;
}
.content .content-element .f-rating-box.view-rating dl dd.advertising div.smilie-item svg {
  border: 1px solid #cccccc;
}
.content .content-element .f-rating-box.view-rating dl dd.advertising div.smilie-item.active .st0 {
  fill: rgb(28, 99, 184);
  stroke: rgb(28, 99, 184);
}
.content .content-element .f-rating-box.view-rating dl dd.advertising div.smilie-item.active svg {
  border: 1px solid rgb(28, 99, 184);
}
.content .content-element .f-rating-box.view-rating dl dd.advertising #total-div-advertising {
  float: left;
}
.content .content-element .f-rating-box.view-rating dl dd.div-full-width {
  width: 100%;
}
.content .content-element .f-rating-box.view-rating dl:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.content .content-element .f-rating-box.view-rating .total-values {
  overflow: visible;
  font-size: 18px;
  color: #333;
  line-height: 38px;
  max-width: 50px;
}
.content .content-element .f-rating-box.view-rating .btn-style {
  min-width: 200px;
}

.padding-top-50 {
  padding-top: 50px;
}

main .container .content-element form.form-style-2 div.content-element.content-space-bottom:first-of-type div.flex-box-20 {
  width: 15%;
}

main .container .content-element form.form-style-2 div.content-element.content-space-bottom:first-of-type div.flex-box-80 {
  width: 85%;
}

main .container form.form-style-2 .container-flex.container-body > div {
  padding: 10px 5px;
}

div.tekom-calendar-view {
  margin: 1.5em 0;
  background: url(../Images/dummy-teaser-1.jpg) no-repeat center center;
  background-size: cover;
  padding: 15px;
}
div.tekom-calendar-view .tc-toolbar {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
}
div.tekom-calendar-view .tc-toolbar .tc-left {
  float: left;
  width: 20%;
}
div.tekom-calendar-view .tc-toolbar .tc-center {
  float: left;
  width: 60%;
  text-align: center;
}
div.tekom-calendar-view .tc-toolbar .tc-right {
  float: left;
  width: 20%;
  text-align: right;
}
div.tekom-calendar-view .tc-toolbar button {
  border: 1px solid rgb(28, 99, 184);
  padding: 5px;
  background: rgb(255, 255, 255);
  color: rgb(28, 99, 184);
  font-size: 1.25rem;
  -webkit-transition: 0.5s background ease;
  -moz-transition: 0.5s background ease;
  transition: 0.5s background ease;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}
div.tekom-calendar-view .tc-toolbar button:hover {
  cursor: pointer;
  background-color: rgba(112, 173, 222, 0.7);
}

div.tekom-calendar .tc-view * {
  box-sizing: content-box;
  padding: 0;
}
div.tekom-calendar table {
  width: 100%;
  background-color: rgba(153, 153, 147, 0.15);
  box-sizing: border-box !important;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
div.tekom-calendar table td, div.tekom-calendar table th {
  width: 14.2857142857%;
  border: 1px solid rgb(112, 173, 222);
  vertical-align: top;
}
div.tekom-calendar table tbody.tc-body {
  box-sizing: content-box;
}
div.tekom-calendar .tc-view > table {
  position: relative;
  z-index: 1;
}
div.tekom-calendar tfoot {
  background-color: rgba(255, 255, 255, 0.7);
}
div.tekom-calendar tfoot form {
  background: none;
  margin: 10px;
}
div.tekom-calendar tfoot form label {
  display: inline-block;
  margin-right: 15px;
}
div.tekom-calendar tfoot form label.tc-select-event-tekom input[type=checkbox] + span:before {
  background-color: rgb(28, 99, 184);
}
div.tekom-calendar tfoot form label.tc-select-event-tekom input[type=checkbox] + span:after {
  border-color: rgb(255, 255, 255);
}
div.tekom-calendar tfoot form label.tc-select-event-group input[type=checkbox] + span:before {
  background-color: rgb(93, 119, 139);
}
div.tekom-calendar tfoot form label.tc-select-event-group input[type=checkbox] + span:after {
  border-color: rgb(255, 255, 255);
}
div.tekom-calendar tfoot form label.tc-select-event-company input[type=checkbox] + span:before {
  background-color: rgb(112, 173, 222);
}
div.tekom-calendar tfoot form label.tc-select-event-company input[type=checkbox] + span:after {
  border-color: rgb(255, 255, 255);
}
div.tekom-calendar tfoot form label.tc-select-event-webinar input[type=checkbox] + span:before {
  background-color: rgb(79, 77, 77);
}
div.tekom-calendar tfoot form label.tc-select-event-webinar input[type=checkbox] + span:after {
  border-color: rgb(255, 255, 255);
}
div.tekom-calendar tfoot form input[type=checkbox] {
  display: none;
}
div.tekom-calendar tfoot form input[type=checkbox] + span {
  margin-left: 30px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5;
}
div.tekom-calendar tfoot form input[type=checkbox] + span:before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 20px;
  height: 20px;
  display: block;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}
div.tekom-calendar tfoot form input[type=checkbox]:checked + span:after {
  content: "";
  position: absolute;
  top: 2px;
  left: -28px;
  width: 14px;
  height: 14px;
  border: 1px solid transparent;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}
div.tekom-calendar .tc-head-container table {
  border: 0 hidden transparent;
  background: rgb(28, 99, 184);
  background: -moz-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: -webkit-linear-gradient(left, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  background: linear-gradient(to right, rgb(28, 99, 184) 0%, rgb(112, 173, 222) 50%, rgb(28, 99, 184) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
}
div.tekom-calendar .tc-head-container th {
  box-sizing: content-box;
  color: rgb(255, 255, 255);
  font-size: 0.9375rem;
}
div.tekom-calendar .tc-head-container th span {
  display: inline-block;
  padding: 0.3em 0;
}
div.tekom-calendar div.tc-scroller {
  overflow: hidden auto;
  height: auto;
}
div.tekom-calendar div.tc-day-grid {
  position: relative;
  width: 100%;
}
div.tekom-calendar div.tc-day-grid .tc-row {
  min-height: 5em;
  z-index: 1;
  position: relative;
  border-style: solid;
  border-width: 0;
}
div.tekom-calendar div.tc-day-grid .tc-row:hover {
  z-index: 10;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-bg table {
  border: 0 hidden transparent;
  border-top: 1px solid rgb(112, 173, 222);
  background: transparent;
  height: 100%;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-bg table td.tc-day {
  background-color: rgba(255, 255, 255, 0.7);
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-bg table td.tc-other-month {
  background-color: rgba(255, 255, 255, 0.3);
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton table {
  background: none;
  border: 0 hidden transparent;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td, div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton th {
  border-color: transparent;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton .tc-day-top {
  text-align: left;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton .tc-day-top span {
  display: inline-block;
  padding: 0.2em;
  font-size: 0.875rem;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container {
  padding: 1px 3px;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a {
  display: block;
  padding: 2px;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  text-align: center;
  -webkit-transition: 0.4s background ease;
  -moz-transition: 0.4s background ease;
  transition: 0.4s background ease;
  position: relative;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a:hover, div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a:focus {
  background-color: rgb(233, 145, 37) !important;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a:hover div.tc-event-info, div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a:focus div.tc-event-info {
  opacity: 1;
  display: block;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a .tc-content {
  border: 1px solid rgb(255, 255, 255);
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  padding: 2px;
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a.tc-event-tekom {
  background-color: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a.tc-event-webinar {
  background-color: rgb(79, 77, 77);
  color: rgb(255, 255, 255);
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a.tc-event-company {
  background-color: rgb(112, 173, 222);
  color: rgb(255, 255, 255);
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton td.tc-event-container a.tc-event-group {
  background-color: rgb(93, 119, 139);
  color: rgb(255, 255, 255);
}
div.tekom-calendar div.tc-day-grid .tc-row .tc-content-skeleton div.tc-event-info {
  display: none;
  position: absolute;
  top: 3em;
  left: 3em;
  -webkit-transition: 0.4s opacity ease;
  -moz-transition: 0.4s opacity ease;
  transition: 0.4s opacity ease;
  width: 250px;
  box-sizing: border-box;
  font-size: 0.875rem;
  padding: 10px;
  background-color: rgb(244, 244, 244);
  z-index: 1411;
  color: rgb(79, 77, 77);
  text-align: left;
}

.full-width .full-bg-image {
  background-position: center center;
  background-size: cover;
}
.full-width .full-bg-image.bg-opacity {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}

@keyframes enterActive {
  0% {
    color: #4FF366;
  }
  100% {
    color: rgb(79, 77, 77);
  }
}
@-webkit-keyframes enterActive {
  0% {
    color: #4FF366;
  }
  100% {
    color: rgb(79, 77, 77);
  }
}
.summercon #jump-event-registration .icon-t-webinar-enter {
  font-size: 20px;
  padding: 15px 20px;
  display: inline-block;
  background: rgb(233, 145, 37);
  color: rgb(255, 255, 255);
  margin: 20px 0 0 0;
  transition: all 0.5s ease;
}
.summercon #jump-event-registration .icon-t-webinar-enter:hover {
  box-shadow: inset 0 0 0 30px rgb(28, 99, 184);
  color: rgb(255, 255, 255);
}
.summercon #jump-event-registration .icon-t-webinar-enter:before {
  margin-right: 15px;
}
.summercon .user .icon-t-webinar-play:before {
  font-size: 13px;
  color: rgba(79, 77, 77, 0.7);
}
.summercon .event-registration a {
  color: rgb(255, 255, 255);
}
.summercon .event-registration a.icon-t-webinar-play {
  margin-right: 15px;
}

@media screen and (max-width: 1199px) {
  .conference main > .container {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .conference main > .container {
    padding-right: 2%;
    padding-left: 2%;
  }
}
.conference main > .container #add-to-cal li.internalvideo {
  width: 100% !important;
  margin-top: 20px;
  display: block !important;
}
.conference main > .container #add-to-cal a.icon-t-webinar-play:before {
  margin-right: 20px;
}

.live-banner {
  margin: 0;
  background: rgb(233, 145, 37);
  background: -moz-linear-gradient(left, rgb(233, 145, 37) 0%, rgba(233, 145, 37, 0.7) 50%, rgb(233, 145, 37) 100%);
  background: -webkit-linear-gradient(left, rgb(233, 145, 37) 0%, rgba(233, 145, 37, 0.7) 50%, rgb(233, 145, 37) 100%);
  background: linear-gradient(to right, rgb(233, 145, 37) 0%, rgba(233, 145, 37, 0.7) 50%, rgb(233, 145, 37) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  text-align: center;
  padding: 1.5em 0;
}
.live-banner p {
  margin: 0;
}
.live-banner p a {
  color: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  transition: 0.5s ease;
}
.live-banner p a:hover {
  border-color: rgb(255, 255, 255);
}

.programm-grids.icon-translation:before {
  position: absolute;
  top: 10px;
  right: 10px;
  color: rgb(255, 255, 255);
  z-index: 5;
  font-size: 18px;
}

.faq-box {
  margin-bottom: 1.5em;
}
.faq-box ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin: 1.5em 0;
  padding: 0;
}
.faq-box ul li {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 calc(50% - 10px);
  -ms-flex: 0 1 calc(50% - 10px);
  flex: 0 1 calc(50% - 10px);
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding: 0;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .faq-box ul li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(33.3333333333% - 20px);
    -ms-flex: 0 1 calc(33.3333333333% - 20px);
    flex: 0 1 calc(33.3333333333% - 20px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
@media screen and (min-width: 1024px) {
  .faq-box ul li {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 calc(25% - 30px);
    -ms-flex: 0 1 calc(25% - 30px);
    flex: 0 1 calc(25% - 30px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}
.faq-box ul li:before {
  display: none;
}
.faq-box ul li a {
  border: 2px solid rgb(244, 244, 244);
  padding: 0.5em 10px;
  display: block !important;
  background: rgb(255, 255, 255);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  transition: 0.5s ease;
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
}
.faq-box ul li a:hover, .faq-box ul li a:focus, .faq-box ul li a.faq-active {
  border-color: rgb(28, 99, 184);
}
.faq-box form {
  background: none !important;
  position: relative;
  text-align: right;
  padding: 0 !important;
}
.faq-box form label {
  color: #4f4d4d;
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .faq-box form label {
    width: 33.3333333333%;
  }
}
.faq-box form label .search-faq-input {
  border: none;
  border-bottom: 1px solid #1c63b8;
  padding-right: 42px;
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .faq-box form label .search-faq-input {
    width: 33.3333333333%;
  }
}
.faq-box form label .search-faq-btn {
  position: absolute;
  right: 0;
  width: 30px !important;
  height: 30px;
  background: transparent !important;
  border: none;
  cursor: pointer;
  box-shadow: none !important;
  z-index: 1;
}
.faq-box form label .icon-lupe {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  font-size: 18px;
  color: #1c63b8;
}

.faq-answers {
  margin-bottom: 2em;
}
.faq-answers h3 {
  margin-top: 1.5em;
  text-transform: uppercase;
}
.faq-answers h3:first-of-type {
  margin-top: 0.5em;
}
.faq-answers .content-accordeon:hover label {
  color: rgb(255, 255, 255);
}
.faq-answers .content-accordeon label {
  color: rgb(28, 99, 184);
}
.faq-answers .content-accordeon label span {
  color: rgb(79, 77, 77);
}

.translate-field,
.cke_editor_onlineDescriptionEn {
  display: none !important;
  margin-top: 15px !important;
}
.translate-field.show-field,
.cke_editor_onlineDescriptionEn.show-field {
  display: block !important;
}

.translate-exhibitor-field img {
  width: 45px;
  top: -10px;
  position: relative;
  left: 5px;
}

textarea.tekom-fe-rte.translate-field {
  display: none !important;
}

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

#cke_rg-event-description.hide-it {
  display: none !important;
}

.content ul li.icons-register {
  margin: 0;
  display: block;
}
.content ul li.icons-register > dl {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  display: flex !important;
  width: 100%;
}
.content ul li.icons-register > dl > dt {
  background: rgb(79, 77, 77);
  color: rgb(255, 255, 255);
  position: relative;
  padding-left: 4.2rem;
  height: 66px;
  line-height: 66px;
  width: 170px;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .content ul li.icons-register > dl > dt {
    padding-left: 2.8rem;
    width: 125px;
    height: 55px;
    line-height: 55px;
    font-size: 1rem;
  }
}
.content ul li.icons-register > dl > dt.icon-tl-home:before, .content ul li.icons-register > dl > dt.icon-tl-globe:before {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 2.7rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .content ul li.icons-register > dl > dt.icon-tl-home:before, .content ul li.icons-register > dl > dt.icon-tl-globe:before {
    font-size: 1.7rem;
  }
}
.content ul li.icons-register > dl > dt:hover .content ul li.icons-register > dl > dd a > span {
  display: block;
}
.content ul li.icons-register > dl > dd {
  margin-left: 0;
  background: rgb(255, 255, 255);
  line-height: 22px;
  width: 220px;
  text-align: left;
  padding-left: 20px;
  box-shadow: 0 0 0 1px rgb(233, 145, 37) inset;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .content ul li.icons-register > dl > dd {
    height: 55px;
    line-height: 55px;
    font-size: 1rem;
    width: 160px;
    padding-left: 10px;
  }
}
.content ul li.icons-register > dl > dd:hover span {
  display: block;
}
.content ul li.icons-register > dl > dd a {
  display: block;
  width: 100%;
  height: auto;
}
.content ul li.icons-register > dl > dd a:hover:after {
  content: none;
}
.content ul li.icons-register > dl > dd a[href="#"] {
  pointer-events: none;
}
.content ul li.icons-register > dl > dd a > span {
  display: none;
  position: absolute;
  height: auto;
  width: 190px;
  left: 240px;
  font-size: 13px;
  line-height: 17px;
  border: 1px solid #d9d9d9;
  padding: 5px 10px;
  box-sizing: border-box;
  top: 50%;
  transform: translate(0, -50%);
  min-height: 66px;
  background: rgb(255, 255, 255);
}
@media screen and (max-width: 767px) {
  .content ul li.icons-register > dl > dd a > span {
    width: 190px;
    left: 50%;
    line-height: 17px;
    top: -110px;
    transform: translate(-85%, 0);
  }
}
.content ul li.icons-register > dl > dd a > span.show-tooltip {
  display: block;
}
.content ul li.icons-register > dl > dd a > span .tooltip-triangle {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #d9d9d9;
  position: absolute;
  top: 50%;
  left: -13px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .content ul li.icons-register > dl > dd a > span .tooltip-triangle {
    top: auto;
    bottom: -18px;
    left: 50%;
    transform: translate(-50%, 0) rotate(-90deg);
  }
}
.content ul li.icons-register > dl > dd a > span .tooltip-triangle:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffffff;
  top: -10px;
  left: 1px;
}
.content ul li.icons-register > dl > dd a > span .tooltip-triangle:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 2px;
  background: #fff;
  right: -13px;
  top: -11px;
}

.mytekom-edit-box .icon-tl-arrows-ccw:before {
  margin: 0 auto;
}

.tekom-grid > div.tekom-grid-c8 {
  width: 53.65%;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .tekom-grid > div.tekom-grid-c8 {
    width: 100%;
    margin: 0;
  }
}
.tekom-grid > div.tekom-grid-c9 {
  width: 46%;
  display: inline-block;
  vertical-align: top;
  padding-left: 1rem;
  box-sizing: border-box;
  margin-right: -4px;
}
.tekom-grid > div.tekom-grid-c9 .content-element ul.outer {
  padding: 0;
}
.tekom-grid > div.tekom-grid-c9 .content-element.images, .tekom-grid > div.tekom-grid-c9 .content-element.image-gallery {
  margin: 0;
}
.tekom-grid > div.tekom-grid-c9 .content-element.images li {
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .tekom-grid > div.tekom-grid-c9 {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.tekom-grid.align-items-top {
  padding-bottom: 5rem;
}

.product-table table th {
  font-weight: normal;
}
.product-table table td {
  font-weight: normal;
}

.tekomshop-form.overview-form .form-group > .input input {
  height: 25px;
}

.tekomshop-form.overview-form .form-group > .input input {
  height: 25px;
}

table.contenttable.invoicetable td {
  font-weight: normal;
}

.tekomshop-form.overview-form .form-group > .input label.control-label.checkbox-style {
  padding-left: 50px;
}

.content-element .webbooks {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1em 0 !important;
  padding: 0 !important;
}
.content-element .webbooks li {
  width: 270px;
  max-width: 100%;
  padding: 0 1em 2em 1em !important;
}
.content-element .webbooks li:before {
  content: none !important;
}
.content-element .webbooks li h4 {
  text-align: center;
  margin-bottom: 0;
  display: block;
}
.content-element .webbooks li p {
  text-align: center;
  margin-bottom: 0;
  display: block;
}
.content-element .webbook-image {
  position: relative;
}
.content-element .webbook-image:hover:after {
  content: none !important;
}
.content-element .webbook-image:hover img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content-element .webbook-image img {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.19);
  margin: 0 auto;
  transition: all 0.5s;
  max-width: 100%;
  height: auto;
}

.content-accordeon.is--first, .content-accordeon.is--firstV2 {
  margin-top: 2.5rem;
}
.content-accordeon.is--last, .content-accordeon.is--lastV2 {
  margin-bottom: 2.5rem;
}
.content-accordeon.is--firstV2.is--lastV2 {
  margin: 2.5rem 0;
}
.content-accordeon.is--first.is--last {
  margin: 2.5rem 0;
}

#contactmylist #login-logo {
  display: none;
}

.frame-type-html iframe {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .frame-type-html iframe {
    height: 300px;
  }
}

.f-style-presentation img {
  width: auto;
}

.tekom-boxes .tekom-grid > div.box-gradient h4 {
  font-size: 1.825rem;
}

.networking form.tekomshop-form div.row {
  margin-bottom: 2rem;
}

.networking form.tekomshop-form div.row:after {
  content: "";
  visibility: hidden;
  display: block;
  font-size: 0;
  clear: both;
  height: 0;
}

.conference.tcworld form[name=contribution] label[for=help] {
  display: block;
}

.content .filters-reset ul {
  overflow: visible;
}

.filter-tooltip {
  background-color: rgb(233, 145, 37);
  color: rgb(255, 255, 255);
  padding: 1rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 300px;
  right: -20px;
  top: -110px;
  display: none !important;
}
.filter-tooltip:after {
  content: "";
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid rgb(233, 145, 37);
  bottom: -20px;
  right: 29px;
}
.filter-tooltip.show {
  display: block !important;
}

main .container.programm-all-details .filters-reset {
  display: inline-block;
  position: relative;
}

.filter-tooltip {
  right: auto;
  left: 60px;
  top: -30px;
}
.filter-tooltip:after {
  left: -24px;
  right: auto;
  bottom: 26px;
  transform: rotate(90deg);
}

a.cta-button {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255) !important;
  padding: 0.35em 25px;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 1rem;
}
a.cta-button:after {
  display: none;
}
a.cta-button:hover, a.cta-button:focus {
  box-shadow: inset 0 0 0 25px rgb(112, 173, 222);
}
a.cta-button.newsletter-icon:before {
  content: "\e817";
  font-family: "tekom";
  margin-right: 5px;
}

a.cta-orange-button {
  background: rgb(233, 145, 37);
  color: rgb(255, 255, 255) !important;
  padding: 0.35em 25px;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 1rem;
  border: 1px solid rgb(255, 255, 255);
}
a.cta-orange-button:after {
  display: none;
}
a.cta-orange-button:hover, a.cta-orange-button:focus {
  box-shadow: inset 0 0 0 25px rgb(255, 255, 255);
  color: rgb(233, 145, 37) !important;
  border-color: rgb(233, 145, 37);
}

a.orange-link {
  color: rgb(233, 145, 37) !important;
  position: relative;
}
a.orange-link:after {
  border-color: rgb(233, 145, 37) !important;
}

#tekomwk {
  position: fixed;
  right: 2px;
  top: 200px;
  border: 1px solid rgb(28, 99, 184);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  padding: 10px;
}
#tekomwk label {
  display: block;
  font-size: 20px;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  line-height: 50px;
  text-align: center;
  color: rgb(255, 255, 255);
  position: relative;
}
#tekomwk label span {
  position: absolute;
  z-index: 2;
  font-size: 14px;
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
  width: 50px;
  /* padding-right: 38px; */
  /* top: -7px; */
  text-align: right;
  height: 50px;
  top: 0;
  right: 10px;
  line-height: 30px;
  display: block;
}
#tekomwk label:before {
  color: rgb(28, 99, 184);
  font-size: 45px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  z-index: 1;
}
#tekomwk input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
#tekomwk input[type=checkbox] + label + dl {
  display: none;
}
#tekomwk input[type=checkbox] + label + dl + p {
  display: none;
}
#tekomwk input[type=checkbox]:checked + label + dl {
  display: block;
}
#tekomwk input[type=checkbox]:checked + label + dl + p {
  display: block;
}
#tekomwk dl {
  width: 300px;
}
#tekomwk dl dd {
  margin: 10px 0;
  padding: 0;
  display: flex;
  flex: 1;
  flex-direction: row;
  border-bottom: 1px solid rgb(28, 99, 184);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#tekomwk dl dd span {
  width: 25%;
}
#tekomwk dl dd button {
  margin-left: auto;
  background-color: rgb(28, 99, 184);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
#tekomwk dl dd:last-of-type {
  border-bottom: none;
}

#bkdetailitems table {
  width: 100%;
  /*
      tfoot {
        tr {
          td {
            border-bottom: none;
            &:nth-of-type(4),&:nth-of-type(5),&:nth-of-type(6)   {
              border-bottom: 1px solid $color-blue;
            }
          }
          &:last-of-type {
            td {
              border-bottom: none;
              &:nth-of-type(4),&:nth-of-type(5),&:nth-of-type(6)  {
                border-bottom: 4px double $color-blue;
              }
            }
          }
        }
      }
  */
}
#bkdetailitems table tr {
  margin: 0;
  padding: 0;
}
#bkdetailitems table tr td {
  /*      border-bottom: 1px solid $color-blue;
        margin:0;
        padding: 10px 0;
         */
  vertical-align: top;
}
#bkdetailitems table tr td.btns {
  white-space: nowrap;
}
#bkdetailitems table tr td:nth-of-type(5), #bkdetailitems table tr td:nth-of-type(6), #bkdetailitems table tr td:nth-of-type(7) {
  text-align: right;
}
#bkdetailitems table tr td button {
  background-color: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 10px;
  text-align: center;
  margin: 0;
  padding: 0;
}

body.conference {
  background-image: none;
  background-color: #fff;
}

@media screen and (max-width: 1199px) {
  .conference header .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.conference .intro h1, .conference .intro h2 {
  color: rgb(28, 99, 184);
  text-transform: none;
}
.conference .intro p {
  color: rgb(79, 77, 77);
}
.conference .content-grid.content-box h2, .conference .content-grid.content-box h1 {
  color: rgb(28, 99, 184);
  text-transform: none;
}
.conference .content-grid.content-box.c-1 p {
  color: rgb(79, 77, 77);
}
.conference .tekom-boxes .tekom-grid > .tb-image.tb-lightergray:before {
  background: rgba(244, 244, 244, 0.3);
}
.conference .tekom-boxes .tekom-grid > .tb-image.tb-lightergray:before h4, .conference .tekom-boxes .tekom-grid > .tb-image.tb-lightergray:before a {
  color: rgb(28, 99, 184);
}
.conference .c-1-1 > div.content-teaser > div {
  background: rgba(93, 119, 139, 0.7);
}
.conference .c-1-1 > div.content-teaser > div p {
  font-size: 1.125rem;
  line-height: 1.5em;
}
.conference .c-1-1 > div.content-teaser > div:hover, .conference .c-1-1 > div.content-teaser > div:focus {
  opacity: 0.6;
}
@media only screen and (max-width: 767px) {
  .conference .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p {
    color: rgb(255, 255, 255);
  }
}

.icon-ok.active[disabled] {
  opacity: 1 !important;
}
.icon-ok.active:hover:before {
  color: white;
}
.icon-ok.active:before {
  color: rgb(28, 99, 184);
}

#c5078.content-element, #c5078 .content-element {
  overflow: initial;
}

.donate-btn {
  position: absolute !important;
  right: 90px;
  top: -130px;
  width: 120px;
  z-index: 2;
  height: 120px;
  display: block;
  border-radius: 100%;
  background: rgb(233, 145, 37);
  padding-top: 20px;
  box-sizing: border-box;
  border: 1px solid rgb(255, 255, 255);
  transform: rotate(15deg);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .donate-btn {
    top: -125px;
    right: 110px;
  }
}
@media screen and (min-width: 1024px) {
  .donate-btn {
    width: 180px;
    height: 180px;
    top: 120px;
    right: 10px;
    padding-top: 40px;
    position: fixed !important;
  }
}
@media screen and (min-width: 1200px) {
  .donate-btn {
    top: 155px;
  }
}
@media screen and (min-width: 1500px) {
  .donate-btn {
    right: calc(50% - 800px);
  }
}
.donate-btn:before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -7px;
  left: -7px;
  border: 6px solid rgb(233, 145, 37);
  border-radius: 100%;
}
.donate-btn:hover {
  transform: rotate(5deg);
}
.donate-btn:hover:after {
  display: none;
}
.donate-btn span:nth-of-type(1) {
  font-size: 1rem;
  margin-bottom: 0;
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
  display: block;
}
@media screen and (min-width: 1024px) {
  .donate-btn span:nth-of-type(1) {
    font-size: 1.25rem;
    margin-bottom: 0.5em;
  }
}
.donate-btn span:nth-of-type(2) {
  font-size: 0.875rem;
  display: block;
  line-height: 1.15em;
}
@media screen and (min-width: 1024px) {
  .donate-btn span:nth-of-type(2) {
    font-size: 1.125rem;
    line-height: 1.45em;
  }
}

.single-event-page-top-bg + main .container div.content-grid.content-box {
  padding: 10px;
}
@media screen and (min-width: 1024px) {
  .single-event-page-top-bg + main .container div.content-grid.content-box {
    padding: 2%;
  }
}
.single-event-page-top-bg + main .container div.content-grid.content-box h2 {
  margin-bottom: 0.5em;
}

.summercon-popup {
  background-color: rgb(255, 255, 255);
  text-align: center;
  box-sizing: border-box;
  /*width: 100%;*/
  padding: 2em 20px;
  max-width: 300px;
  min-height: 450px;
  margin-left: calc(50vw - 150px);
  margin-top: calc(50vh - 225px);
}
.summercon-popup button.close {
  right: calc(50vw - 175px);
  top: calc(50vh - 250px);
}
@media screen and (min-width: 768px) {
  .summercon-popup button.close {
    right: calc(50vw - 325px);
    top: calc(50vh - 200px);
  }
}
@media screen and (min-width: 1024px) {
  .summercon-popup button.close {
    right: calc(50vw - 375px);
    top: calc(50vh - 225px);
  }
}
@media screen and (min-width: 768px) {
  .summercon-popup {
    max-width: 600px;
    min-height: 350px;
    margin-left: calc(50vw - 300px);
    margin-top: calc(50vh - 175px);
  }
}
@media screen and (min-width: 1024px) {
  .summercon-popup {
    max-width: 700px;
    min-height: 400px;
    margin-left: calc(50vw - 350px);
    margin-top: calc(50vh - 200px);
  }
}
.summercon-popup h3 {
  font-size: 1.875rem;
  color: rgb(28, 99, 184);
  margin-bottom: 1em;
}
.summercon-popup p {
  margin: 1em 0 2em 0;
  color: rgb(28, 99, 184);
  position: relative;
  z-index: 1;
}
.summercon-popup p:nth-of-type(1) a {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid rgb(28, 99, 184);
  font-size: 1.25rem;
  position: relative;
}
.summercon-popup p:nth-of-type(1) a:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(233, 145, 37);
  webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: 0.5s transform ease;
  -moz-transition: 0.5s transform ease;
  transition: 0.5s transform ease;
}
.summercon-popup p:nth-of-type(1) a:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.summercon-popup p:nth-of-type(1) a:after {
  display: none !important;
}
.summercon-popup a {
  color: rgb(28, 99, 184);
}
.summercon-popup a:after {
  border-bottom-color: rgb(28, 99, 184) !important;
}

@media screen and (min-width: 1024px) {
  main .container .content-element form[name=presentation] + form[name=presentation] {
    width: 30%;
    margin-top: -8em;
  }
}
main .container .content-element form[name=presentation] + form[name=presentation] .flex-box-3-30 {
  width: 100%;
}

form[name=presentation] div > div.table-slots {
  width: 100%;
}
form[name=presentation] div > div.table-slots table {
  width: 100%;
  font-size: 13px;
}
form[name=presentation] div > div.table-slots table input[type=radio] {
  margin-left: 0 !important;
}

main .container .content-element form[name=presentation].form-style-2 div {
  overflow: auto;
}
main .container .content-element form[name=presentation].form-style-2 div.referent-form {
  overflow: visible;
}
main .container .content-element form[name=presentation].form-style-2 div.referent-form .removeFORMbutton {
  top: 0;
  overflow: hidden;
  line-height: 1.5em;
}
main .container .content-element form[name=presentation].form-style-2 div.topics input[type=radio] + label {
  color: rgb(79, 77, 77) !important;
  width: 95% !important;
  margin: 0 0 0.15em 0 !important;
  box-sizing: border-box;
  padding-right: 15px;
  display: inline-block !important;
}
@media screen and (min-width: 1024px) {
  main .container .content-element form[name=presentation].form-style-2 div.topics input[type=radio] + label {
    width: 47% !important;
  }
}
main .container .content-element form[name=presentation].form-style-2 div.topics input#categoryOther {
  width: 50%;
}

@media screen and (max-width: 1199px) {
  .conference .donate-btn {
    width: 130px;
    height: 130px;
    top: -105px;
    left: 310px;
    padding-top: 25px;
    position: absolute !important;
  }
  .conference .donate-btn span:nth-of-type(1) {
    font-size: 16px;
  }
  .conference .donate-btn span:nth-of-type(2) {
    font-size: 13px;
    line-height: 1.45em;
  }
}
@media screen and (max-width: 1023px) {
  .conference .donate-btn {
    left: auto;
    right: 70px;
  }
}
.conference main .container .content-element ul li[class*=sm-] {
  margin: 0.5em 0 1em 0;
  padding: 0 0 0 40px;
}
.conference main .container .content-element ul li[class*=sm-]:before {
  content: " ";
  font-family: "tekom";
  background-color: transparent;
  font-size: 1.875rem;
  box-sizing: border-box;
  top: 0;
  width: auto;
  height: auto;
  left: 0;
  color: rgb(28, 99, 184);
}
.conference main .container .content-element ul li.sm-twitter:before {
  content: "\e869";
}
.conference main .container .content-element ul li.sm-xing:before {
  content: "\e80e";
}
.conference main .container .content-element ul li.sm-youtube:before {
  content: "\e80f";
}
.conference main .container .content-element ul li.sm-facebook:before {
  content: "\e83d";
}
.conference main .container .content-element ul li.sm-instagram:before {
  content: "\e83e";
}
.conference main .container .content-element ul li.sm-linkedin:before {
  content: "\e801";
}

.sponsors-grid ul {
  margin: 0 0 1em 0;
  padding: 0;
}
.sponsors-grid ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 1px;
  position: relative;
  padding: 0;
}
.sponsors-grid ul li:before {
  display: none;
  padding: 0;
}
.sponsors-grid ul li label {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid rgb(28, 99, 184);
  font-size: 0.9375rem;
  color: rgb(28, 99, 184);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  transition: 0.5s ease;
  cursor: pointer;
}
.sponsors-grid ul li label:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(28, 99, 184);
}
.sponsors-grid ul li input {
  position: absolute;
  left: -9999px;
}
.sponsors-grid ul li input:checked + label {
  color: rgb(255, 255, 255);
  background-color: rgb(28, 99, 184);
}
.sponsors-grid div.sponsors-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  margin: 2em -15px 2em 0;
  width: calc(100% + 15px);
}
.sponsors-grid div.sponsors-list > div {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex: 0 1 calc(50% - 20px);
  -ms-flex: 0 1 calc(50% - 20px);
  flex: 0 1 calc(50% - 20px);
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-bottom: 18px;
  box-sizing: border-box;
  position: relative;
  padding-top: calc(50% - 20px);
  border: 1px solid rgb(153, 153, 147);
  margin-right: 15px;
}
@media screen and (min-width: 768px) {
  .sponsors-grid div.sponsors-list > div {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 calc(33.3333333333% - 15px);
    -ms-flex: 0 1 calc(33.3333333333% - 15px);
    flex: 0 1 calc(33.3333333333% - 15px);
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-top: calc(33.3333333333% - 20px);
    margin-right: 15px;
  }
}
.sponsors-grid div.sponsors-list > div > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.sponsors-grid div.sponsors-list > div > div > figure {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-align: center;
  margin: 0;
  width: 100%;
}
.sponsors-grid div.sponsors-list > div > div > figure.img-landscape img {
  max-width: 300px;
  height: auto !important;
}
.sponsors-grid div.sponsors-list > div > div > figure.img-portrait img {
  max-height: 300px;
  width: auto !important;
}
.sponsors-grid div.sponsors-list > div > div > figure img {
  display: inline-block;
}
.sponsors-grid div.sponsors-list > div > div span {
  font-size: 0.75rem;
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-block;
  color: rgb(112, 173, 222);
  z-index: 85;
}
.sponsors-grid div.sponsors-list > div > div > div {
  background-color: rgb(244, 244, 244);
  position: absolute;
  z-index: 80;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  box-sizing: border-box;
  padding: 40px 15px;
  font-size: 0.75rem;
  line-height: 1.5em;
  opacity: 0;
}
.sponsors-grid div.sponsors-list > div > div > div.textpic-modal-content {
  cursor: pointer;
}
.sponsors-grid div.sponsors-list > div > div > div:not(.textpic-modal-content):hover {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 1;
}
.sponsors-grid div.sponsors-list > div > div > div figure {
  position: absolute;
  bottom: 40px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 40px;
  left: 0;
  margin: 0;
}
.sponsors-grid div.sponsors-list > div > div > div figure:before {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-left: 30px solid rgb(255, 255, 255);
  border-bottom: 40px solid transparent;
  position: absolute;
  left: 0;
  top: calc(50% - 40px);
  content: " ";
  display: inline-block;
}
.sponsors-grid div.sponsors-list > div > div > div figure img {
  max-width: 50%;
  max-height: 20%;
}

aside {
  display: none;
  width: 33.333333%;
  position: relative;
}
aside #eventchat {
  position: fixed;
  width: calc(33vw - 1em);
  height: calc(100vh - 85px);
  top: 85px;
  right: 0;
  background-color: rgba(200, 200, 200, 0.2);
  padding: 1em;
}

.chatelement {
  display: block;
  width: 33.333333%;
  margin-left: 33.33333%;
}
.chatelement #eventchat {
  height: 100vh;
  padding: 1em;
  background-color: rgba(200, 200, 200, 0.2);
}
.chatelement #eventchat .user-profile-inTabs {
  width: 64px;
  position: relative;
  margin-right: 25px;
}
.chatelement #eventchat .user-profile-inTabs .css-user-icon {
  width: 60px;
  height: 60px;
  border: 2px solid rgb(112, 173, 222);
  line-height: 60px;
  overflow: hidden;
}
.chatelement #eventchat .user-profile-inTabs .css-user-icon .user-full-name {
  font-size: 1.125rem;
}
.chatelement #eventchat .user-profile-inTabs .css-user-icon {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: rgb(28, 99, 184);
  line-height: 50px;
  font-size: 1.25rem;
  color: rgb(255, 255, 255);
  text-align: center;
  transition: all 0.3s;
  position: relative;
}
.chatelement #eventchat .user-profile-inTabs .css-user-icon .profile-photo {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
  border-radius: 100%;
  overflow: hidden;
}
.chatelement #eventchat .user-profile-inTabs .css-user-icon img {
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}

aside #chat-msg-container, .chatelement #chat-msg-container {
  height: calc(100% - 230px);
  overflow: auto;
  width: 100%;
}
aside .single-message-wrapper, .chatelement .single-message-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 25px;
}
@media screen and (max-width: 1023px) {
  aside .single-message-wrapper, .chatelement .single-message-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
aside .single-message-wrapper .single-message-part, .chatelement .single-message-wrapper .single-message-part {
  width: 100%;
}
aside .message-date-time, .chatelement .message-date-time {
  color: #4F4D4E;
  font-weight: bold;
  margin-bottom: 20px;
}
aside .new-text-message, .chatelement .new-text-message {
  width: 100%;
}
aside .new-text-message textarea, .chatelement .new-text-message textarea {
  width: 96%;
  height: 120px;
  margin-bottom: 15px;
}

.content-accordeon .mytekom-edit-box {
  margin-bottom: 0;
}

.mytekom-edit-box {
  background: rgb(244, 244, 244);
  box-sizing: border-box;
  padding: 25px 30px 25px 25px;
  margin: 0 0 2em 0;
}
.mytekom-edit-box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mytekom-edit-box ul li {
  border-bottom: 2px solid rgb(255, 255, 255);
  padding: 0;
}
.mytekom-edit-box ul li dl {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.mytekom-edit-box ul li dl dt {
  display: inline-block;
  text-align: right;
  width: 100%;
  vertical-align: top;
  padding-top: 0.4em;
}
@media screen and (min-width: 768px) {
  .mytekom-edit-box ul li dl dt {
    width: 30%;
  }
}
@media screen and (min-width: 1024px) {
  .mytekom-edit-box ul li dl dt {
    width: 300px;
  }
}
.mytekom-edit-box ul li dl dt a {
  display: inline-block;
  text-align: left;
  font-size: 1.25rem;
  width: 1.5em;
  height: 1.5em;
  box-sizing: border-box;
  padding: 0.25em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0.25em;
  color: rgb(79, 77, 77);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mytekom-edit-box ul li dl dt a:hover, .mytekom-edit-box ul li dl dt a:focus {
  background-color: rgb(28, 99, 184);
  color: rgb(255, 255, 255) !important;
}
.mytekom-edit-box ul li dl dt a.icon-toggle-on {
  color: rgb(0, 153, 0);
}
.mytekom-edit-box ul li dl dt a.icon-toggle-off {
  color: rgb(153, 0, 0);
}
.mytekom-edit-box ul li dl dt a.mytekom-inactive {
  color: rgb(153, 153, 147);
  cursor: none;
  pointer-events: none;
}
.mytekom-edit-box ul li dl dt a[disabled] {
  opacity: 0.5;
  /*pointer-events: none;*/
}
.mytekom-edit-box ul li dl dt a[disabled].icon-toggle-on {
  opacity: 1;
}
.mytekom-edit-box ul li dl dt a.icon-user:before {
  margin-left: -4px;
}
.mytekom-edit-box ul li dl dt a.icon-file-image.active, .mytekom-edit-box ul li dl dt a.icon-file-archive.active {
  background-color: rgb(28, 99, 184);
  color: rgb(255, 255, 255) !important;
}
.mytekom-edit-box ul li dl dt a.icon-t-webinar-enter {
  width: 30px;
  height: 30px;
  font-size: 0;
}
.mytekom-edit-box ul li dl dt a.icon-t-webinar-enter:before {
  font-size: 18px;
  line-height: 32px;
  padding-left: 2px;
}
.mytekom-edit-box ul li dl dt span {
  display: inline-block;
  font-size: 0.9375rem;
  width: 1.75em;
  height: 1.75em;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.1em;
  margin-left: 0.25em;
  color: rgb(79, 77, 77);
  vertical-align: 0.5em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgb(153, 153, 147);
}
.mytekom-edit-box ul li dl dt span.canceled-info {
  width: auto;
  border: none;
}
.mytekom-edit-box ul li dl dd {
  display: inline-block;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .mytekom-edit-box ul li dl dd {
    width: 70%;
  }
}
@media screen and (min-width: 1024px) {
  .mytekom-edit-box ul li dl dd {
    width: calc(100% - 305px);
  }
}
.mytekom-edit-box ul li dl:hover {
  background: rgba(255, 255, 255, 0.9);
}
.mytekom-edit-box ul li dl h4 {
  font-size: 1rem;
  margin: 0;
  color: rgb(79, 77, 77);
}
.mytekom-edit-box ul li dl p {
  margin: 0;
}
.mytekom-edit-box ul li:last-child {
  border: none;
}
.mytekom-edit-box ul li:before {
  display: none;
}
.mytekom-edit-box .icon-t-webinar-play {
  font-size: 0;
  padding: 8px 15px 22px 15px;
}
.mytekom-edit-box .icon-t-webinar-play:before {
  position: absolute;
  right: 10px;
  font-size: 15px;
}
.mytekom-edit-box .rescheduled-info {
  color: rgb(153, 0, 0);
}

h2.mytekom-edit {
  margin-top: 2em;
}

.content form {
  background: rgb(244, 244, 244);
  box-sizing: border-box;
  padding: 25px 30px 25px 25px;
}
.content form.without-background {
  background-color: transparent;
}
.content form input, .content form select, .content form textarea {
  padding: 0.35em 10px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.content form input::-webkit-input-placeholder, .content form select::-webkit-input-placeholder, .content form textarea::-webkit-input-placeholder {
  color: rgba(79, 77, 78, 0.3);
}
.content form input:-moz-placeholder, .content form select:-moz-placeholder, .content form textarea:-moz-placeholder {
  color: rgba(79, 77, 78, 0.3);
}
.content form input::-moz-placeholder, .content form select::-moz-placeholder, .content form textarea::-moz-placeholder {
  color: rgba(79, 77, 78, 0.3);
}
.content form input:-ms-input-placeholder, .content form select:-ms-input-placeholder, .content form textarea:-ms-input-placeholder {
  color: rgba(79, 77, 78, 0.3);
}
.content form input:hover, .content form select:hover, .content form textarea:hover {
  background: rgba(112, 173, 222, 0.1);
}
.content form input[type=date], .content form input[type=datetime-local] {
  width: auto;
}
.content form input[type=file] {
  padding-left: 0;
}
.content form input[type=radio] + label {
  width: 3em;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  padding-right: 0;
  margin-right: 0.5em;
  vertical-align: -0.4em;
}
.content form input[type=radio] + label:before {
  border: 1px solid rgb(153, 153, 147);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px;
  width: 1.5em;
}
.content form.onlinemember input[type=radio] + label {
  width: auto;
  margin-right: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.content form textarea#rg-event-description {
  height: 18em;
}
.content form textarea#rg-event-drive, .content form textarea#rg-event-location {
  height: 10em;
}
.content form input[type=submit], .content form button.btn, .content form a.btn-primary {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  padding: 0.45em 1.5em;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.02em;
  width: auto;
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
  clear: both;
  float: right;
  margin-top: 1em;
  font-size: 1.125rem;
  border: none;
  font-family: "Muli", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
  .content form input[type=submit], .content form button.btn, .content form a.btn-primary {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    font-size: 1rem;
  }
}
.content form input[type=submit]:hover, .content form input[type=submit]:focus, .content form button.btn:hover, .content form button.btn:focus, .content form a.btn-primary:hover, .content form a.btn-primary:focus {
  background: rgb(112, 173, 222);
}
.content form input[type=submit][disabled], .content form button.btn[disabled], .content form a.btn-primary[disabled] {
  background: rgba(153, 153, 147, 0.7);
  color: rgb(255, 255, 255);
  cursor: auto;
  box-shadow: none;
}
.content form input[type=submit][disabled]:hover, .content form button.btn[disabled]:hover, .content form a.btn-primary[disabled]:hover {
  background: rgba(153, 153, 147, 0.7);
  color: rgb(255, 255, 255);
  box-shadow: none;
}
.content form h5 {
  font-size: 1rem;
  margin: 1.3em 0 0.6em;
  color: rgb(79, 77, 77);
  padding-bottom: 0.5em;
  border-bottom: 2px solid rgba(112, 173, 222, 0.1);
  clear: both;
}

form div.ck-content {
  height: 18em;
  width: 100%;
}

form div > div.ck-editor__main {
  width: 100%;
}

.cke_inner {
  width: 100% !important;
}

.cke_contents {
  width: 100% !important;
}

.content .typo3-messages, .event-registration {
  margin: 0 0 2em 0;
  position: relative;
  list-style-type: none;
  box-sizing: border-box;
}
@media screen and (min-width: 1200px) {
  .content .typo3-messages, .event-registration {
    margin: 0 auto 2em auto;
    width: 1200px;
  }
}
.content .typo3-messages li, .event-registration li {
  margin: 0 0 1em 0;
  background: rgb(112, 173, 222);
  padding: 2em 15px 2em 35px;
  color: rgb(255, 255, 255);
}
.content .typo3-messages li:last-of-type, .event-registration li:last-of-type {
  margin-bottom: 0;
}
.content .typo3-messages a.icon-cancel, .event-registration a.icon-cancel {
  color: rgb(255, 255, 255);
  position: absolute;
  text-align: left;
  font-size: 1.25rem;
  width: 1.5em;
  height: 1.5em;
  box-sizing: border-box;
  padding: 0.25em;
  overflow: hidden;
  white-space: nowrap;
  top: 15px;
  right: 15px;
}
.content .typo3-messages h3, .event-registration h3 {
  font-size: 1.875rem;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  color: rgb(255, 255, 255);
}
.content .typo3-messages h4, .event-registration h4 {
  font-size: 1.25rem;
  text-transform: none;
  margin-bottom: 0.5em;
  color: rgb(255, 255, 255);
}

.event-registration > form {
  background: rgb(112, 173, 222);
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}
.event-registration > form label {
  color: rgb(255, 255, 255);
}

.event-registration {
  background-color: rgb(112, 173, 222);
  padding: 25px;
  box-sizing: border-box;
  width: initial;
}
.event-registration p {
  color: rgb(255, 255, 255);
}
.event-registration form input#terms {
  padding: 0.35em 10px;
  margin: 0;
  float: none;
}
.event-registration form input#terms + label {
  width: auto;
  float: none;
}

.content ul.typo3-messages li.alert h4 {
  display: inline-block;
}
.content ul.typo3-messages li.alert:before {
  display: inline-block;
  font-family: "tekom";
  font-size: 1.875rem;
  width: 35px;
  margin-left: 0;
  margin-top: 0.3em;
  color: rgb(255, 255, 255);
  vertical-align: -0.1em;
  background: none;
  position: relative;
  height: auto;
  top: auto;
}
.content ul.typo3-messages li.alert.alert-warning {
  background-color: rgb(153, 0, 0);
}
.content ul.typo3-messages li.alert.alert-warning:before {
  content: "\e81a";
}
.content ul.typo3-messages li.alert.alert-success {
  background-color: rgb(0, 153, 0);
}
.content ul.typo3-messages li.alert.alert-success:before {
  content: "\e81c";
}
.content ul.typo3-messages li.alert.alert-danger {
  background-color: rgb(153, 0, 0);
}
.content ul.typo3-messages li.alert.alert-danger:before {
  content: "\f12a";
}
.content ul.typo3-messages li.alert.alert-info {
  background-color: rgb(0, 153, 0);
}
.content ul.typo3-messages li.alert.alert-info:before {
  content: "\e825";
}
.content ul.typo3-messages li.alert.alert-notice {
  background-color: rgb(233, 145, 37);
}
.content ul.typo3-messages li.alert.alert-notice:before {
  content: "\e825";
}

ul.mytekom-report {
  margin: 0 0 2em 0;
  padding: 1em 35px;
  list-style-type: none;
  background: rgba(112, 173, 222, 0.1);
}
ul.mytekom-report li {
  border-bottom: 1px solid rgb(255, 255, 255);
  padding: 0.25em 0;
  margin: 0;
}
ul.mytekom-report li:last-of-type {
  border: none;
}
ul.mytekom-report li:before {
  position: relative;
}
ul.mytekom-report li span {
  color: rgb(233, 145, 37);
}

label.icon-image-left, label.icon-image-right, label.icon-image-center {
  width: auto;
  float: none;
  vertical-align: -0.5em;
  margin: 0;
}

p.rg-event-select, p.rg-mail-select {
  margin-bottom: 0.3em;
  overflow: hidden;
}
p.rg-event-select input, p.rg-mail-select input {
  width: auto;
}
p.rg-event-select label, p.rg-mail-select label {
  width: calc(100% - 21px);
  float: right;
  padding-left: 5px;
  box-sizing: border-box;
}

.mytekom-select-year {
  width: 250px;
  float: right;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTk1LjI4MXB4IiBoZWlnaHQ9IjQ2OC4wMThweCIgdmlld0JveD0iMTIzLjMwNCA2NC4wNDMgNTk1LjI4MSA0NjguMDE4Ig0KCSBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDEyMy4zMDQgNjQuMDQzIDU5NS4yODEgNDY4LjAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUM2M0I4IiBkPSJNMTk1Ljc0Niw2NC4wNDNsLTcyLjQ0MSwxMjQuOTM2bDE1Mi4yMzIsMjYxLjQxOWMxMy42NDgsMjQuMTQ3LDMzLjU5Niw0NC4wOTUsNTkuODQzLDU5Ljg0Mw0KCWM3Ny42OTEsNDUuMTQ2LDE3Ny40MywxNy44NDksMjIyLjU3NC01OS44NDNMNzE4LjU4NiwxNzEuMTNINTcyLjY1Mkw0NDYuNjY3LDM4Ny40MDVjLTEwLjQ5OCwxNy44NDgtMzIuNTQ2LDIzLjA5Ny00OS4zNDQsMTMuNjQ4DQoJYy02LjMtMy4xNDktMTAuNDk5LTguMzk5LTEzLjY0OC0xNC42OThMMTk1Ljc0Niw2NC4wNDN6Ii8+DQo8L3N2Zz4NCg==);
  background-size: 0.9375rem;
  background-repeat: no-repeat;
  background-position: center right;
  background-color: rgb(255, 255, 255);
  background-origin: content-box;
  color: rgb(79, 77, 77);
  margin-top: 1.5em;
  border: 1px solid rgb(79, 77, 77);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
}

.expert-not-answered, .expert-answered {
  padding-left: 40px !important;
  box-sizing: border-box;
}
.expert-not-answered dd, .expert-answered dd {
  width: calc(100% - 345px) !important;
}
.expert-not-answered:before, .expert-answered:before {
  display: inline-block;
  font-family: "tekom";
  font-size: 1.875rem;
  width: 40px;
  margin-left: -40px;
  vertical-align: 0.25em;
}

.expert-not-answered:before {
  content: "\e81a";
  color: rgb(153, 0, 0);
}

.expert-answered:before {
  content: "\e81c";
  color: rgb(0, 153, 0);
}

.icon-tag {
  border: 1px solid rgb(79, 77, 77);
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  border-radius: 5%;
  display: inline-block;
  margin: 10px 10px 10px 0;
  padding: 0.25em;
}
.icon-tag:after {
  display: inline-block;
  font-family: "tekom";
  content: "\e81a";
  color: rgb(28, 99, 184);
  cursor: pointer;
  margin-left: 0.25em;
}

input#new-keyword {
  width: 50%;
}
input#new-keyword + input[type=submit] {
  width: auto;
  font-size: 0.9375rem;
  padding: 0.25em 1em;
  margin-left: 10px;
}

form.rg-invitation {
  overflow: hidden;
}
form.rg-invitation dl {
  overflow: hidden;
  margin-bottom: 1em;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  form.rg-invitation dl {
    width: 50%;
    float: left;
  }
}
form.rg-invitation dt {
  float: right;
  width: calc(100% - 25px);
  margin-bottom: 0.5em;
}
form.rg-invitation dd {
  float: left;
  width: 25px;
  margin-top: 0.1em;
  margin-bottom: 0.5em;
}
form.rg-invitation dd.rg-invitation-head {
  float: none;
  width: 100%;
}
form.rg-invitation input[type=submit] {
  clear: left;
}

dd > input.date-range, dd > input[type=number] {
  width: 25%;
}

/* quick fix empty boxes */
#c1613 .content-grid {
  display: none;
}

.onlinemember .om-data div.hide-for-members {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.onlinemember .om-data {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.onlinemember .om-data dt {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .onlinemember .om-data dt {
    width: 100%;
  }
}
.onlinemember .om-data dt.om-large {
  width: 100%;
}
.onlinemember .om-data dd {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .onlinemember .om-data dd {
    width: 100%;
  }
}
.onlinemember .om-data dd.om-0 {
  width: 0;
}
.onlinemember .om-data label {
  display: block;
  padding-bottom: 5px;
  margin-bottom: 0;
  width: 100%;
}
.onlinemember .om-data label span {
  display: inline-block;
}
.onlinemember .om-radio > span {
  display: inline-block;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .onlinemember .om-radio > span {
    margin-right: 5px;
  }
}
.onlinemember .om-radio input {
  opacity: 0;
  position: absolute;
}
.onlinemember .om-radio input:checked ~ label:after {
  width: 10px;
  height: 10px;
}
.onlinemember .om-radio label {
  position: relative;
  padding-left: 45px;
  overflow: visible !important;
  text-align: right;
  height: 40px;
  line-height: 1.75em;
}
@media screen and (max-width: 767px) {
  .onlinemember .om-radio label {
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
  }
}
.onlinemember .om-radio label:before {
  content: "";
  width: 30px !important;
  height: 30px;
  background: #fff;
  border: 1px solid #999993;
  position: absolute;
  left: 0;
  padding: 0 !important;
  border-radius: 50% !important;
  top: 5px;
}
@media screen and (max-width: 767px) {
  .onlinemember .om-radio label:before {
    width: 25px !important;
    height: 25px;
  }
}
.onlinemember .om-radio label:after {
  content: "";
  width: 0;
  height: 0;
  background: #999993;
  border-radius: 100%;
  position: absolute;
  top: 16px;
  left: 11px;
}
@media screen and (max-width: 767px) {
  .onlinemember .om-radio label:after {
    top: 14px;
    left: 9px;
  }
}
.onlinemember .om-radio.om--c {
  margin-bottom: 1.5em;
}
.onlinemember .om-radio.om--c label:before {
  top: -6px;
}
.onlinemember .om-radio.om--c label:after {
  top: 6px;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .onlinemember .om-radio.om--c label:after {
    top: 3px;
  }
}
.onlinemember .om-radio.om---r {
  text-align: left;
}
.onlinemember .om-radio.om---r label {
  text-align: left;
  display: block;
  height: auto;
}
.onlinemember .om-title {
  margin: 0;
  padding: 15px 0 10px 0;
  text-transform: uppercase;
}
.onlinemember .checktoggle-label {
  margin-top: 20px;
}

.user-termination h2 + p {
  font-weight: bold;
}
.user-termination p.termination-name, .user-termination p.termination-member {
  font-size: 1.25rem;
}
.user-termination .om-data dt {
  width: 100%;
}
.user-termination .om-radio span {
  width: 100%;
  vertical-align: top;
  margin-bottom: 1em;
  color: rgb(79, 77, 77);
}
.user-termination .om-radio span span {
  width: auto;
  line-height: 1.3em;
}
.user-termination .om-radio label {
  width: 100% !important;
  box-sizing: border-box;
  text-align: left;
  float: none;
  padding-top: 0.35em;
  color: rgb(79, 77, 77) !important;
}
.user-termination textarea {
  height: 100px;
}

.summercon .mytekom-edit-box ul li dl dt a:hover,
.summercon .mytekom-edit-box ul li dl dt a:focus {
  background-color: transparent;
  color: rgb(79, 77, 77) !important;
}

.summercon .mytekom-edit-box ul li dl dt a {
  border-radius: 0;
  width: 0;
  font-size: 18px;
  padding-left: 40px;
  box-sizing: border-box;
  margin: 0;
  padding-right: 0;
}
.summercon .mytekom-edit-box ul li dl dt a:hover, .summercon .mytekom-edit-box ul li dl dt a:focus {
  background-color: transparent;
  color: rgb(79, 77, 77) !important;
}
.summercon .mytekom-edit-box ul li dl dt a:before {
  position: absolute;
  top: 5px;
  left: 10px;
}
.summercon .mytekom-edit-box ul li dl dt a.icon-t-webinar-enter {
  animation: enterActive 1s infinite alternate;
}

.content .rg-reports, .content .rg-events {
  margin-top: 2.5em;
}
.content .rg-reports > div, .content .rg-events > div {
  background-color: rgb(244, 244, 244);
  padding: 25px 30px 5px 25px;
}
.content .rg-reports > div ul:not(.f3-widget-paginator), .content .rg-events > div ul:not(.f3-widget-paginator) {
  margin: 0 0 2em 0;
}
.content .rg-reports > div ul:not(.f3-widget-paginator) li, .content .rg-events > div ul:not(.f3-widget-paginator) li {
  padding: 0 10px;
  margin: 0 0 1.5em 0;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.content .rg-reports > div ul:not(.f3-widget-paginator) li:hover, .content .rg-events > div ul:not(.f3-widget-paginator) li:hover {
  background: rgb(255, 255, 255);
  cursor: pointer;
}
.content .rg-reports > div ul:not(.f3-widget-paginator) li:before, .content .rg-events > div ul:not(.f3-widget-paginator) li:before {
  display: none;
}
.content .rg-reports > div ul:not(.f3-widget-paginator) li.tekom-event, .content .rg-events > div ul:not(.f3-widget-paginator) li.tekom-event {
  background-color: rgba(112, 173, 222, 0.1);
}
.content .rg-reports > div ul:not(.f3-widget-paginator) li.tekom-event:after, .content .rg-events > div ul:not(.f3-widget-paginator) li.tekom-event:after {
  content: "\e80a";
  color: rgb(28, 99, 184);
  font-family: "tekom";
  display: inline-block;
  position: absolute;
  width: 1em;
  font-size: 2.5rem;
  height: 1em;
  right: 10px;
  top: 0.6em;
}
.content .rg-reports > div ul:not(.f3-widget-paginator) li h4, .content .rg-events > div ul:not(.f3-widget-paginator) li h4 {
  margin-bottom: 0.1em;
  color: rgb(79, 77, 77);
}
.content .rg-reports > div ul:not(.f3-widget-paginator) li span, .content .rg-events > div ul:not(.f3-widget-paginator) li span {
  color: rgb(233, 145, 37);
}
.content .rg-reports > div ul:not(.f3-widget-paginator) li a, .content .rg-events > div ul:not(.f3-widget-paginator) li a {
  color: rgb(79, 77, 77);
}

.rg-reports ul li {
  border-bottom: 1px solid rgb(112, 173, 222);
  margin-bottom: 0 !important;
  padding-top: 1em !important;
}
.rg-reports ul li:first-of-type {
  border-top: 1px solid rgb(112, 173, 222);
}
.rg-reports ul li a {
  text-decoration: none;
}
.rg-reports ul li a:after {
  display: none;
}
.rg-reports ul li:not(:has(p)) h4 {
  margin-bottom: 1em !important;
}
.rg-reports ul li:not(:has(p)) h4:before {
  display: inline-block;
  font-family: "tekom";
  content: "\e80a";
  font-size: 1.05rem;
  color: rgb(28, 99, 184);
  margin-right: 0.25em;
  font-weight: normal;
}

.content .rg-events ul:not(.f3-widget-paginator) li {
  border-bottom: 1px solid rgb(255, 255, 255);
  padding: 1em 10px 0 10px !important;
  margin: 0 !important;
}
.content .rg-events ul:not(.f3-widget-paginator) li:last-of-type {
  border-bottom: none;
}
.content .rg-events ul:not(.f3-widget-paginator) li dl {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.content .rg-events ul:not(.f3-widget-paginator) li dl dt {
  margin-bottom: 0.5em;
  font-weight: 700;
  color: rgb(28, 99, 184);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content .rg-events ul:not(.f3-widget-paginator) li dl dt {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding-right: 10px;
  }
}
.content .rg-events ul:not(.f3-widget-paginator) li dl dd {
  width: 100%;
  margin: 0 0 0.5em 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .content .rg-events ul:not(.f3-widget-paginator) li dl dd {
    width: 75%;
    float: left;
  }
}
.content .rg-events ul:not(.f3-widget-paginator) li dl dd h4 {
  font-size: 1rem;
}
.content .rg-events ul:not(.f3-widget-paginator) li dl dd p {
  margin: 0 !important;
}

.mytekom-select-year + h3 {
  margin-top: 1.25em;
}

.rg-content {
  background: rgb(244, 244, 244);
  padding: 25px 10px 10px 10px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .rg-content {
    padding: 35px 25px 15px 25px;
  }
}
.rg-content .content-downloads {
  background: rgb(255, 255, 255) !important;
}

.mytekom-form dl dd:last-of-type {
  float: right;
}

body {
  counter-reset: section;
}

.content .rg-events ul.fm-list {
  color: rgb(79, 77, 77);
  font-size: 1.125rem;
}
.content .rg-events ul.fm-list li {
  cursor: none !important;
  padding: 0.5em 15px !important;
}
.content .rg-events ul.fm-list li:before {
  counter-increment: section;
  display: inline-block !important;
  background-color: transparent;
  color: rgb(28, 99, 184);
  width: 20px !important;
  box-sizing: border-box;
  text-align: center;
  content: counter(section) ": ";
  margin-right: 10px;
  position: relative !important;
  top: auto !important;
  height: auto !important;
  font-weight: 700;
}
.content .rg-events ul.fm-list li:hover {
  background-color: transparent !important;
}
.content .rg-events ul.fm-list span {
  color: rgb(79, 77, 77) !important;
  display: inline-block;
}
.content .rg-events ul.fm-list span.fm-number {
  font-weight: 700;
  width: 80px;
}
.content .rg-events ul.fm-list span.fm-name {
  font-weight: 700;
}
.content .rg-events ul.fm-list span.fm-name:after {
  content: ", ";
}
.content .rg-events ul.fm-list span.fm-surname {
  padding-right: 10px;
}
.content .rg-events ul.fm-list span.fm-email {
  float: right;
}
.content .rg-events ul.fm-list span.fm-email:before {
  content: "\e817";
  font-family: "tekom";
  margin-right: 0.2em;
  display: inline-block;
}

.tekom-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  text-align: center;
  align-items: center;
  z-index: 9999999998;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}
.tekom-modal button {
  position: absolute;
  display: block;
  z-index: 9999999999;
  right: calc(25vw - 15px);
  top: calc(25vh - 15px);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 44px;
  padding: 0;
  font-size: 27px;
  cursor: pointer;
}
.tekom-modal button.prev {
  top: calc(50vh - 15px);
  left: calc(25vw - 15px);
  right: initial;
}
.tekom-modal button.next {
  top: calc(50vh - 15px);
}
.tekom-modal iframe {
  width: 50vw;
  height: 50vh;
  display: block;
  margin: auto;
  border: 0;
}
.tekom-modal.login iframe {
  height: 600px;
}
.tekom-modal > img {
  max-width: 50vw;
  max-height: 100vh;
  width: auto;
  height: auto;
  margin: auto;
}
.tekom-modal.textpic-modal {
  width: 100%;
  height: 101vh;
}
@media screen and (max-width: 768px) {
  .tekom-modal.textpic-modal .close {
    top: 20px;
    right: 10px;
  }
}
.tekom-modal.textpic-modal .small-container {
  width: 800px;
  max-width: calc(100% - 60px);
  margin: 0 auto;
  background-color: rgb(255, 255, 255);
  padding: 20px;
}
.tekom-modal.textpic-modal .small-container figure {
  width: 200px;
  margin: 0 auto;
}
.tekom-modal.textpic-modal .small-container img {
  width: 100%;
}

.loginmodal {
  padding: 15px;
}

#login-logo {
  position: absolute;
  top: 10px;
  left: 10px;
}
#login-logo img {
  width: 182px;
  height: auto;
}

.login-fullpage {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 80px 0;
  min-height: calc(100vh - 160px);
}
.login-fullpage .loginmodal.redirectpage {
  width: 80vw;
  height: auto;
  border: 1px solid #333;
  margin: auto;
}

body.oauth {
  background-image: none;
}
body.oauth .loginmodal {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-width: 600px;
}
body.oauth .loginmodal > div {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  body.oauth .loginmodal > div {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 30px;
  }
}
body.oauth .loginmodal > div input {
  white-space: normal;
}

.login-modal-wrapper .background {
  position: absolute;
  top: -2000px;
  left: -2000px;
  width: 4000px;
  height: 4000px;
  background-color: rgba(79, 77, 77, 0.9);
  display: block;
  z-index: 1000000;
}

.login-modal {
  position: fixed;
  top: calc(50% - 200px);
  left: calc(50% - 300px);
  width: 600px;
  max-width: 90%;
  height: 400px;
  max-height: 90%;
  padding: 40px;
  box-sizing: border-box;
  background: radial-gradient(circle at 0% 100%, transparent 0, white 0) no-repeat, radial-gradient(circle at 100% 0%, transparent 8%, white 8%) no-repeat, radial-gradient(circle at 0% 0%, transparent 0, white 0) no-repeat, radial-gradient(circle at 100% 100%, transparent 0, white 0) no-repeat;
  background-position: 0 100%, 100% 0, 0 0, 100% 100%;
  background-size: 75% 75%;
  z-index: 1000001;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 999999999;
}
.popup .popup-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999999;
}
.popup .popup-inner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 460px;
  position: absolute;
  border: 10px solid rgb(28, 99, 184);
  background: rgb(255, 255, 255);
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}
.popup .close-popup {
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .popup .close-popup {
    top: 1rem;
    right: 1rem;
    width: 40px;
    height: 40px;
  }
}
.popup .close-popup:before, .popup .close-popup:after {
  width: 2px;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  background-color: rgb(28, 99, 184);
}
.popup .close-popup:before {
  transform: rotate(-45deg);
}
.popup .close-popup:after {
  transform: rotate(45deg);
}
.popup .popup-logo {
  width: 300px;
  margin: 0 auto 2rem auto;
}

dialog {
  z-index: 99999;
  position: fixed;
  top: 20vh;
  max-width: 80vw;
  max-height: 50vh;
  padding-bottom: 3em;
}
@media screen and (min-width: 768px) {
  dialog {
    max-width: 50vw;
  }
}
dialog img {
  width: auto;
  max-width: 100%;
}
dialog > button {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px) !important;
}
dialog input[type=submit], dialog button.btn, dialog a.btn-primary {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  padding: 0.45em 1.5em;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.02em;
  width: auto;
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
  clear: both;
  float: right;
  margin-top: 1em;
  font-size: 1.125rem;
  border: none;
  font-family: "Muli", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
  dialog input[type=submit], dialog button.btn, dialog a.btn-primary {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    font-size: 1rem;
  }
}
dialog input[type=submit]:hover, dialog input[type=submit]:focus, dialog button.btn:hover, dialog button.btn:focus, dialog a.btn-primary:hover, dialog a.btn-primary:focus {
  background: rgb(112, 173, 222);
}
dialog input[type=submit][disabled], dialog button.btn[disabled], dialog a.btn-primary[disabled] {
  background: rgba(153, 153, 147, 0.7);
  color: rgb(255, 255, 255);
  cursor: auto;
  box-shadow: none;
}
dialog input[type=submit][disabled]:hover, dialog button.btn[disabled]:hover, dialog a.btn-primary[disabled]:hover {
  background: rgba(153, 153, 147, 0.7);
  color: rgb(255, 255, 255);
  box-shadow: none;
}

.tcworld {
  /*round btn*/
}
.tcworld .header-word:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
  color: #0145D8;
}
.tcworld .header-word:nth-child(2) {
  position: absolute;
  left: 60px;
  top: 85px;
  color: #fff;
  font-size: 45px;
}
@media screen and (max-width: 1199px) {
  .tcworld .header-word:nth-child(2) {
    left: 50px;
    top: 58px;
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .header-word:nth-child(2) {
    left: 18px;
    top: 50px;
    font-size: 26px;
  }
}
.tcworld .header-word:nth-child(3) {
  position: absolute;
  left: 360px;
  top: 80px;
  color: #fff;
  font-size: 70px;
}
@media screen and (max-width: 1199px) {
  .tcworld .header-word:nth-child(3) {
    left: 252px;
    top: 52px;
    font-size: 54px;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .header-word:nth-child(3) {
    left: 190px;
    top: 45px;
    font-size: 40px;
  }
}
.tcworld .two-letters {
  position: relative;
  padding-left: 110px;
  font-size: 120px;
}
@media screen and (max-width: 1199px) {
  .tcworld .two-letters {
    padding-left: 77px;
    font-size: 84px;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .two-letters {
    font-size: 70px;
    padding-left: 65px;
  }
}
.tcworld .two-letters:before {
  content: "te";
  position: absolute;
  left: 0;
  top: 0;
  color: #76B5E1;
}
.tcworld .single-event-page-top-bg .single-event-description-wrapper {
  bottom: 350px;
}
@media screen and (max-width: 1199px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper {
    bottom: 245px;
    left: 40px;
    width: 94%;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper {
    left: 20px;
  }
}
.tcworld .single-event-page-top-bg .single-event-description-wrapper.light-bgimage .single-event-description .header-word:not(.two-letters) {
  color: rgb(28, 99, 184);
}
.tcworld .single-event-page-top-bg .single-event-description-wrapper.light-bgimage .single-event-description p {
  background-color: rgba(28, 99, 184, 0.7);
}
.tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description {
  background: transparent;
  position: relative;
  width: 1300px;
  padding: 0;
}
@media screen and (max-width: 1199px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description {
    width: 70%;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description {
    width: 100%;
  }
}
.tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description p {
  position: absolute;
  top: 150px;
  text-align: left;
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  padding: 10px 30px;
  font-size: 18px;
}
@media screen and (max-width: 1199px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description p {
    top: 105px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description p {
    bottom: -135px;
    top: auto;
    padding: 5px 10px;
    font-size: 15px;
  }
}
.tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description a {
  position: absolute;
  top: 210px;
  left: 0;
  background: #0145D8;
  color: #fff;
  padding: 10px 50px 10px 30px;
  text-transform: uppercase;
  transition: all 0.3s;
}
.tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description a:before {
  color: #fff;
  right: 15px;
  top: 50%;
  transition: all 0.3s;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description a:before {
    right: 5px;
  }
}
.tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description a:hover:before {
  right: 12px;
}
@media screen and (max-width: 1199px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description a {
    top: 160px;
    font-size: 16px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .single-event-page-top-bg .single-event-description-wrapper .single-event-description a {
    top: 140px;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 25px;
    width: 83%;
  }
}
.tcworld .header-style-2 .two-letters {
  color: #BFCDEA;
}
.tcworld .header-style-2 .two-letters:before {
  content: "tc";
  color: red;
}
.tcworld .header-style-2 .header-word:nth-child(2) {
  left: 190px;
  top: 89px;
}
@media screen and (max-width: 1199px) {
  .tcworld .header-style-2 .header-word:nth-child(2) {
    left: 140px;
    top: 58px;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .header-style-2 .header-word:nth-child(2) {
    left: 55px;
    top: 55px;
  }
}
.tcworld .header-style-2 .header-word:nth-child(3) {
  left: 440px;
}
@media screen and (max-width: 1199px) {
  .tcworld .header-style-2 .header-word:nth-child(3) {
    left: 305px;
    top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .header-style-2 .header-word:nth-child(3) {
    left: 195px;
    top: 50px;
  }
}
.tcworld .headerBTN-wrapper {
  position: absolute;
  top: 230px;
  right: 12px;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .tcworld .headerBTN-wrapper {
    top: 150px;
  }
}
@media screen and (max-width: 1023px) {
  .tcworld .headerBTN-wrapper {
    top: 180px;
  }
}
.tcworld .headerBTN-wrapper .headerBTN-wrapper_s {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}
.tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round {
  position: absolute;
  right: 0;
  width: 280px;
  height: 280px;
  display: block;
  border-radius: 100%;
  background: rgb(233, 145, 37);
  padding-top: 60px;
  box-sizing: border-box;
  border: 1px solid rgb(28, 99, 184);
  transform: rotate(15deg);
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 1199px) {
  .tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round {
    width: 230px;
    height: 230px;
    right: 40px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round {
    padding-top: 30px;
    zoom: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round {
    zoom: 0.5;
  }
}
.tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round > span {
  display: block;
  text-align: center;
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 24px;
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round > span {
    font-size: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round > span {
    font-size: 17px;
  }
}
.tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round > span:first-child, .tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round > span:last-child {
  color: rgb(79, 77, 77);
}
.tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round > span.text-separator {
  margin-top: 25px;
}
.tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round > span.icon-pfeil_rechts.text-separator {
  margin-top: 10px;
}
.tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round:before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -13px;
  left: -13px;
  border: 12px solid #e99125;
  border-radius: 100%;
}
.tcworld .headerBTN-wrapper .headerBTN-wrapper_s .button-round:hover {
  transform: rotate(10deg);
}

.is_shop div.content-accordeon input:checked ~ div,
.is_shop div.content-accordeon input ~ div {
  padding: 0;
}

.tekom-tabs {
  margin-bottom: 2em;
}
.tekom-tabs .tabs-wrapper {
  display: flex;
}
@media screen and (max-width: 767px) {
  .tekom-tabs .tabs-wrapper {
    flex-wrap: wrap;
  }
}
.tekom-tabs .tabs-wrapper .tab {
  margin-right: 3%;
  width: 32%;
  color: rgb(28, 99, 184);
  border-bottom: 2px solid rgb(255, 255, 255);
  cursor: pointer;
  padding: 10px 0;
}
@media screen and (max-width: 1023px) {
  .tekom-tabs .tabs-wrapper .tab {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-tabs .tabs-wrapper .tab {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 10px;
    font-size: 15px;
    margin: 0 0 9px 0;
  }
}
.tekom-tabs .tabs-wrapper .tab a {
  color: rgb(28, 99, 184);
}
.tekom-tabs .tabs-wrapper .tab:last-child {
  margin-right: 0;
}
.tekom-tabs .tabs-wrapper .tab.tab-active {
  border-bottom: 2px solid rgb(233, 145, 37);
}
@media screen and (max-width: 767px) {
  .tekom-tabs .tabs-wrapper .tab.tab-active {
    border-left: 2px solid rgb(233, 145, 37);
    border-bottom: 1px solid #ccc;
  }
}
.tekom-tabs .tab-content {
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  .tekom-tabs .tab-content {
    margin-top: 20px;
  }
}
.tekom-tabs .tab-content.show-tab-content {
  display: block;
}
.tekom-tabs .tab-content.hide-tab-content {
  display: none;
}
.tekom-tabs .tab-content dd {
  margin-left: 0;
}

/*New slider Tekom */
.start-teaser {
  position: relative;
}
.start-teaser .container:hover #slider-navigation > a {
  opacity: 1;
}
.start-teaser .container #slider-navigation {
  position: unset;
  /*top: calc(50% - 9px);*/
  /*z-index: 999;*/
  /*right: 5px;*/
  width: calc(100% - 10px);
  font-size: 30px;
  box-sizing: border-box;
  /*min-height: 25px;*/
}
@media screen and (max-width: 1023px) {
  .start-teaser .container #slider-navigation {
    opacity: 100%;
  }
}
@media screen and (max-width: 767px) {
  .start-teaser .container #slider-navigation {
    opacity: 0 !important;
  }
}
.start-teaser .container #slider-navigation > a {
  position: absolute;
  top: calc(50% - 9px);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.5s;
}
.start-teaser .container #slider-navigation .icon-pfeil_links {
  left: 0;
}
.start-teaser .container #slider-navigation .icon-pfeil_links:before {
  color: rgba(255, 255, 255, 0.85);
  padding: 5px;
}
.start-teaser .container #slider-navigation .icon-pfeil_rechts {
  right: 0;
}
.start-teaser .container #slider-navigation .icon-pfeil_rechts:before {
  color: rgba(255, 255, 255, 0.85);
  padding: 5px;
}
.start-teaser .container #slider-bullets {
  position: absolute;
  bottom: 42px;
  z-index: 999;
  right: 100px;
  width: 20%;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .start-teaser .container #slider-bullets {
    width: 41%;
  }
}
@media screen and (max-width: 767px) {
  .start-teaser .container #slider-bullets {
    width: 200px;
    right: calc(50% - 100px);
  }
}
.start-teaser .container #slider-bullets > div {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid rgb(28, 99, 184);
  background: transparent;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
}
.start-teaser .container #slider-bullets .bullet-active {
  background: rgb(28, 99, 184);
}
.start-teaser .container .slider-wrapper {
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .start-teaser .container .slider-wrapper {
    height: 450px;
  }
}
.start-teaser .container .slider-wrapper > div {
  position: absolute;
  width: 100%;
  left: 0;
}
.start-teaser .container .slider-wrapper > div img {
  width: 100%;
}
.start-teaser .container .slider-wrapper > div .slider-image {
  top: 0;
}
.start-teaser .container .slider-wrapper > div .slider-content {
  position: absolute;
  height: 90%;
  width: calc(30% - 20px);
  bottom: 5%;
  right: 45px;
  background: rgba(255, 255, 255, 0.85);
  padding: 40px 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
  .start-teaser .container .slider-wrapper > div .slider-content {
    padding: 25px 40px;
  }
}
@media screen and (max-width: 1023px) {
  .start-teaser .container .slider-wrapper > div .slider-content {
    width: 55%;
    padding: 25px;
  }
}
@media screen and (max-width: 767px) {
  .start-teaser .container .slider-wrapper > div .slider-content {
    width: 90%;
    height: 90%;
    right: 5%;
  }
}
.start-teaser .container .slider-wrapper > div .slider-content h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  /*line-height: 30px;*/
}
@media screen and (max-width: 1023px) {
  .start-teaser .container .slider-wrapper > div .slider-content h3 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .start-teaser .container .slider-wrapper > div .slider-content h3 {
    line-height: 24px;
  }
}
.start-teaser .container .slider-wrapper > div .slider-content p {
  font-size: 15px;
  margin: 15px 0;
}
@media screen and (max-width: 1199px) {
  .start-teaser .container .slider-wrapper > div .slider-content p {
    margin: 15px 0;
  }
}
.start-teaser .container .slider-wrapper > div .slider-content p a {
  color: rgb(28, 99, 184);
  position: relative;
  font-weight: bold;
}
.start-teaser .container .slider-wrapper > div .slider-content p a:before {
  position: absolute;
  left: auto;
  right: -16px;
  font-size: 10px;
  top: 5px;
  color: rgb(233, 145, 37);
}
.start-teaser .container .slider-wrapper > div.not-active-slide {
  visibility: hidden;
  opacity: 0;
  transition: all 1s;
  /*left: -100%;*/
  left: 0;
}
.start-teaser .container .slider-wrapper > div.not-active-slide .slider-content {
  /*opacity: 0;
  visibility: hidden;*/
  right: -100%;
  transition: all 0.7s;
}
.start-teaser .container .slider-wrapper > div.active-slide {
  visibility: visible;
  opacity: 1;
  transition: all 1.5s;
  left: 0;
}
.start-teaser .container .slider-wrapper > div.active-slide .slider-content {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
  transition-delay: 0.9s;
  right: 45px;
}
@media screen and (max-width: 767px) {
  .start-teaser .container .slider-wrapper > div.active-slide .slider-content {
    right: 5%;
  }
}

#slide-1 {
  z-index: 1;
}

.start-teaser .container {
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s;
}

.not-visible {
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s;
}

.start-teaser .container.visible {
  opacity: 1;
  visibility: visible;
  transition: all 0.8s;
}

.container.not-visible, .container.visible {
  position: relative;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
}
.loader.not-visible {
  opacity: 0;
  visibility: hidden;
}

.loader img {
  width: 30px;
}

.loader.not-visible, .oader.visible {
  transition: all 0.3s;
}

.latest-news-slider {
  overflow: hidden;
}
.latest-news-slider .latest-news-slider-wrapper {
  position: relative;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.latest-news-slider .latest-news-slider-wrapper .latest-news-slide {
  width: 100%;
  display: inline-block;
  width: 100%;
  white-space: normal;
  vertical-align: top;
}

.latest-news-slider-points {
  position: absolute;
  right: 10px;
  bottom: 0;
  z-index: 99;
}
.latest-news-slider-points a {
  display: inline-block;
  text-indent: -9999px;
  width: 1em;
  font-size: 0.875rem;
  margin: 0 3px;
  height: 1em;
  border: 2px solid rgb(28, 99, 184);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.latest-news-slider-points a.latest-news-pager-active {
  background: rgb(28, 99, 184);
}

.latest-news-slider-arrows {
  width: 100%;
  top: calc(50% - 15px);
  opacity: 0;
  z-index: 99;
  margin: 0;
}
.latest-news-slider-arrows a {
  width: 40px;
  font-size: 30px;
  margin-right: 0 !important;
  text-align: center;
  position: absolute;
  top: calc(50% - 15px);
  height: 35px;
}
.latest-news-slider-arrows a:before {
  position: absolute;
  top: 0;
  color: rgba(255, 255, 255, 0.85);
}
.latest-news-slider-arrows a.icon-pfeil_links {
  left: 0;
}
.latest-news-slider-arrows a.icon-pfeil_links:before {
  left: 5px;
}
.latest-news-slider-arrows a.icon-pfeil_rechts {
  right: 0;
}
.latest-news-slider-arrows a.icon-pfeil_rechts:before {
  right: 5px;
}

element.style {
  position: absolute;
  top: calc(50% - 15px);
  background: red;
  height: 35px;
}

.latest-news-slider:hover .latest-news-slider-arrows {
  opacity: 1;
  transition: opacity 1s;
}

.style-landinPage {
  background-color: rgb(255, 255, 255);
  background-image: none;
  /*grid*/
}
.style-landinPage * {
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .style-landinPage main .container .container-flex {
    flex-wrap: wrap;
  }
}
.style-landinPage header {
  min-height: auto;
}
.style-landinPage .container_full-1300 {
  width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1299px) {
  .style-landinPage .container_full-1300 {
    width: 100%;
  }
}
.style-landinPage .logo img {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 40px 0 20px;
}
.style-landinPage section[id^=section_lp_], .style-landinPage section[id*=" section_lp_"] {
  padding: 20px 0;
  position: relative;
}
@media screen and (max-width: 1299px) {
  .style-landinPage section[id^=section_lp_], .style-landinPage section[id*=" section_lp_"] {
    padding: 15px 0;
  }
}
@media screen and (max-width: 1023px) {
  .style-landinPage section[id^=section_lp_], .style-landinPage section[id*=" section_lp_"] {
    padding: 10px 0;
  }
}
.style-landinPage section[id^=section_lp_]:last-of-type a.go-to-Top-section, .style-landinPage section[id*=" section_lp_"]:last-of-type a.go-to-Top-section {
  display: inline;
}
.style-landinPage section[id^=section_lp_]:last-of-type > a:not(.go-to-Top-section), .style-landinPage section[id*=" section_lp_"]:last-of-type > a:not(.go-to-Top-section) {
  display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .style-landinPage section[id^=section_lp_]:last-of-type > div > div, .style-landinPage section[id*=" section_lp_"]:last-of-type > div > div {
    min-height: 630px;
  }
}
.style-landinPage section[id^=section_lp_]:not(:last-of-type) > a.go-to-Top-section, .style-landinPage section[id*=" section_lp_"]:not(:last-of-type) > a.go-to-Top-section {
  display: none;
}
.style-landinPage section[id^=section_lp_]:not(:last-of-type) a:not(.go-to-Top-section), .style-landinPage section[id*=" section_lp_"]:not(:last-of-type) a:not(.go-to-Top-section) {
  display: inline;
}
.style-landinPage section[id^=section_lp_] h1, .style-landinPage section[id*=" section_lp_"] h1 {
  display: none;
}
.style-landinPage section[id^=section_lp_]:first-child > div > div:first-child h1, .style-landinPage section[id*=" section_lp_"]:first-child > div > div:first-child h1 {
  display: block;
}
.style-landinPage section[id^=section_lp_]:first-child > div > div:first-child h3, .style-landinPage section[id*=" section_lp_"]:first-child > div > div:first-child h3 {
  display: block;
  font-size: 1.25rem;
  text-transform: none;
}
.style-landinPage .align-middle {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.style-landinPage .grid-50 {
  width: 48.5%;
}
@media screen and (max-width: 1023px) {
  .style-landinPage .grid-50 {
    width: 100%;
  }
}
.style-landinPage .grid-50 p a.cta-button {
  display: inline-block !important;
  padding: 0.5em 15px 0.5em 15px;
  border: solid 2px rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  margin-top: 0.75em;
}
.style-landinPage .grid-50 p a.cta-button:after {
  font-size: 1rem;
  content: "\e805";
  font-family: "tekom";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  position: relative;
  margin-left: 0.5em;
}
.style-landinPage .grid-50 p a.cta-button:hover {
  box-shadow: inset 0 0 0 32px rgb(255, 255, 255);
  color: #fff;
}
.style-landinPage .grid-50.tb-lightergray {
  color: rgb(79, 77, 77);
}
.style-landinPage .grid-50.tb-lightergray p a.cta-button {
  color: rgb(28, 99, 184) !important;
  border-color: rgb(28, 99, 184);
}
.style-landinPage .grid-50.tb-lightergray p a.cta-button:hover {
  box-shadow: inset 0 0 0 32px rgb(28, 99, 184);
  color: rgb(255, 255, 255) !important;
}
.style-landinPage .grid-50.tb-blue h2, .style-landinPage .grid-50.tb-blue h3 {
  color: rgb(255, 255, 255);
}
.style-landinPage .grid-50.tb-blue p {
  color: rgb(255, 255, 255);
}
.style-landinPage .grid-50.tb-blue p a.cta-button {
  color: rgb(255, 255, 255) !important;
  background-color: rgb(28, 99, 184);
}
.style-landinPage .grid-50.tb-blue p a.cta-button:hover {
  box-shadow: inset 0 0 0 32px rgb(255, 255, 255);
  color: rgb(28, 99, 184) !important;
}
.style-landinPage .grid-50.tb-orange h2, .style-landinPage .grid-50.tb-orange h3 {
  color: rgb(255, 255, 255);
}
.style-landinPage .grid-50.tb-orange p {
  color: rgb(255, 255, 255);
}
.style-landinPage .grid-50.tb-orange p a.cta-button {
  background-color: rgb(233, 145, 37);
  color: rgb(255, 255, 255) !important;
}
.style-landinPage .grid-50.tb-orange p a.cta-button:hover {
  color: rgb(233, 145, 37) !important;
}
.style-landinPage .grid-50.tb-orange a {
  color: rgb(255, 255, 255);
}
.style-landinPage .grid-50.tb-lightblue h2, .style-landinPage .grid-50.tb-lightblue h3 {
  color: rgb(255, 255, 255);
}
.style-landinPage .grid-50.tb-lightblue p {
  color: rgb(255, 255, 255);
}
.style-landinPage .grid-50.tb-lightblue p a.cta-button {
  color: rgb(255, 255, 255) !important;
  border-color: rgb(255, 255, 255);
  background-color: rgb(112, 173, 222);
}
.style-landinPage .grid-50.tb-lightblue p a.cta-button:hover {
  box-shadow: inset 0 0 0 32px rgb(255, 255, 255);
  color: rgb(28, 99, 184) !important;
}
.style-landinPage .grid-50 h2, .style-landinPage .grid-50 h3 {
  font-size: 1.875rem;
  text-transform: uppercase;
}
.style-landinPage .grid-50.text-box {
  padding: 0 30px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .style-landinPage .grid-50.text-box {
    padding-top: 30px;
    padding-bottom: 20px;
    order: 1;
  }
}
@media screen and (max-width: 1023px) {
  .style-landinPage .grid-50 .photo-box {
    order: 0;
  }
}
.style-landinPage .grid-50 img {
  width: 100%;
  display: block;
}
.style-landinPage .grid-50 > * {
  width: 100%;
}
.style-landinPage .grid-50 ul li {
  list-style-type: none;
}
.style-landinPage .grid-50 ul li:before {
  content: none;
}
.style-landinPage .grid-50 ul li:after {
  color: rgb(233, 145, 37);
  font-size: 12px;
  content: "\e805";
  font-family: "tekom";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  position: relative;
  left: -20px;
}
.style-landinPage .grid-50 ul li a {
  padding-right: 20px;
}
.style-landinPage .grid-50 p, .style-landinPage .grid-50 li {
  font-size: 1rem;
}
.style-landinPage .section-no-photo .grid-50 {
  min-height: 630px;
}
@media screen and (max-width: 1299px) {
  .style-landinPage .section-no-photo .grid-50 {
    min-height: 450px;
  }
}
@media screen and (max-width: 1023px) {
  .style-landinPage .section-no-photo .grid-50 {
    min-height: auto;
  }
}
@media screen and (max-width: 1023px) {
  .style-landinPage .section-no-photo .container-flex > .grid-50 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .style-landinPage .section-no-photo .container-flex > .grid-50:last-child {
    margin-bottom: 0;
  }
}
.style-landinPage footer {
  margin-top: 20px;
}
.style-landinPage footer .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.style-landinPage footer nav ul {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .style-landinPage footer nav ul {
    text-align: center;
    padding-bottom: 20px;
  }
}
.style-landinPage footer nav ul li {
  display: inline-block;
  margin: 0 10px;
  position: relative;
}
.style-landinPage footer nav ul li:before {
  content: none;
}
.style-landinPage footer nav ul li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  background: rgb(255, 255, 255);
  top: 5px;
  right: -12px;
}
.style-landinPage footer nav ul li:last-child:after {
  content: none;
}
.style-landinPage footer p {
  margin: 0;
  color: rgb(255, 255, 255);
}
@media screen and (max-width: 767px) {
  .style-landinPage footer p {
    text-align: center;
  }
}
.style-landinPage .go-to-section {
  background: rgb(255, 255, 255);
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 52px;
  left: 27px;
  cursor: pointer;
}
@media screen and (max-width: 1299px) {
  .style-landinPage .go-to-section {
    bottom: 20px;
    left: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .style-landinPage .go-to-section {
    bottom: 15px;
  }
}
.style-landinPage .go-to-section:before {
  font-size: 22px;
  left: 10px;
  position: absolute;
  top: 9px;
}
.style-landinPage .go-to-section.go-to-Top-section {
  left: auto;
  right: 27px;
}
@media screen and (max-width: 1299px) {
  .style-landinPage .go-to-section.go-to-Top-section {
    right: 5px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .style-landinPage .go-to-section.go-to-Top-section {
    bottom: 15px;
  }
}

.style-2-landinPage *:focus {
  outline: none;
}
.style-2-landinPage header {
  padding: 30px 0;
  min-height: auto;
  height: auto;
  position: relative;
  z-index: 1000;
}
.style-2-landinPage header img {
  position: unset;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage header img {
    width: 183px;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage header img {
    width: 145px;
  }
}
.style-2-landinPage header nav {
  padding-top: 15px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage header nav {
    padding-top: 0;
  }
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage header nav > ul {
    margin: 0;
    /*background: $color-white;*/
    position: absolute;
    visibility: hidden;
    opacity: 0;
    height: auto;
    z-index: -99999999;
    text-align: right;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 20px 0 0;
    box-sizing: border-box;
  }
}
.style-2-landinPage header nav > ul li {
  margin-top: 0;
  margin-left: 50px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage header nav > ul li {
    margin: 0 0 10px 0;
  }
}
.style-2-landinPage header nav > ul li:last-child {
  width: auto;
  background: transparent;
}
.style-2-landinPage header nav > ul li:last-child a {
  color: rgb(28, 99, 184);
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage header nav > ul li:last-child a {
    color: rgb(255, 255, 255);
  }
}
.style-2-landinPage header nav > ul li:last-child a:hover {
  background: none;
}
.style-2-landinPage header nav > ul li:hover {
  background: none;
}
.style-2-landinPage header nav > ul li a {
  padding: 0 0 2px 0;
  min-height: auto;
  height: auto;
  border-bottom: 1px solid transparent;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage header nav > ul li a {
    font-size: 1.25rem;
    color: rgb(255, 255, 255);
    background: rgb(28, 99, 184);
    padding: 7px 20px;
    display: inline-block;
  }
}
.style-2-landinPage header nav > ul li a:after {
  content: none;
}
.style-2-landinPage header nav > ul li a:hover {
  border-bottom: 1px solid rgb(28, 99, 184);
  color: rgb(28, 99, 184);
}
.style-2-landinPage header nav > ul li a:focus {
  background: none;
}
.style-2-landinPage header nav > ul.active {
  visibility: visible;
  opacity: 1;
  height: auto;
  z-index: 1;
}
.style-2-landinPage header .navIcon {
  display: none;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage header .navIcon {
    display: block;
    width: 40px;
    height: 23px;
    border-top: 3px solid rgb(28, 99, 184);
    position: absolute;
    right: 20px;
    top: 0;
    cursor: pointer;
    transition: all 0.3s;
  }
  .style-2-landinPage header .navIcon:before, .style-2-landinPage header .navIcon:after {
    content: "";
    width: 100%;
    height: 3px;
    background: rgb(28, 99, 184);
    position: absolute;
    left: 0;
    transition: all 0.3s;
  }
  .style-2-landinPage header .navIcon:before {
    top: 8px;
  }
  .style-2-landinPage header .navIcon:after {
    bottom: 0;
  }
  .style-2-landinPage header .navIcon.active {
    border: none;
  }
  .style-2-landinPage header .navIcon.active:before {
    transform: rotate(45deg);
  }
  .style-2-landinPage header .navIcon.active:after {
    transform: rotate(-45deg);
    top: 9px;
  }
}
.style-2-landinPage .container_fullWidth {
  width: 100%;
}
.style-2-landinPage .container-flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .container-flex {
    flex-wrap: wrap;
  }
}
.style-2-landinPage .container-1-3 {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .container-1-3 {
    width: 100%;
    order: 1;
  }
}
.style-2-landinPage .container-1-2 {
  width: 50%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .container-1-2 {
    width: 100%;
  }
}
.style-2-landinPage .container-2-3 {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .container-2-3 {
    width: 100%;
    order: 2;
  }
}
.style-2-landinPage .container-600 {
  max-width: 550px;
}
.style-2-landinPage .content-over-image {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 550px;
  left: 50px;
}
.style-2-landinPage .contact-form-area {
  position: relative;
}
.style-2-landinPage .gradient-White-to-Transparent {
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
}
.style-2-landinPage .start-teaser {
  background: #000000;
  margin-top: -128px;
  margin-bottom: 0;
}
.style-2-landinPage .start-teaser .container {
  width: 100%;
}
.style-2-landinPage .start-teaser .container #slider-navigation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 1200px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .container #slider-navigation {
    width: 100%;
    top: auto;
    bottom: 135px;
  }
}
@media screen and (max-width: 1023px) {
  .style-2-landinPage .start-teaser .container #slider-navigation {
    bottom: 60px;
  }
}
.style-2-landinPage .start-teaser .container #slider-navigation .icon-pfeil_links:before,
.style-2-landinPage .start-teaser .container #slider-navigation .icon-pfeil_rechts:before {
  font-size: 40px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .container #slider-navigation > a {
    opacity: 1;
  }
}
.style-2-landinPage .start-teaser .container #slider-bullets {
  left: 50%;
  right: auto;
  text-align: left;
  transform: translate(-50%, 0);
  width: 1200px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .container #slider-bullets {
    width: auto;
    bottom: 110px;
  }
}
@media screen and (max-width: 1023px) {
  .style-2-landinPage .start-teaser .container #slider-bullets {
    bottom: 30px;
  }
}
.style-2-landinPage .start-teaser .container #slider-bullets > div {
  width: 40px;
  height: 40px;
  background: transparent;
  border: 2px solid rgb(233, 145, 37);
  border-radius: 0;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .container #slider-bullets > div {
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .container #slider-bullets > div {
    width: 25px;
    height: 25px;
  }
}
.style-2-landinPage .start-teaser .container #slider-bullets .bullet-active {
  border: 2px solid rgb(255, 255, 255);
  background: rgb(255, 255, 255);
}
.style-2-landinPage .start-teaser .gradient-White-to-Transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.style-2-landinPage .start-teaser .slider-wrapper {
  background: #000000;
  height: 970px;
}
.style-2-landinPage .start-teaser .slider-wrapper .slider-image {
  /*opacity: 0.5;*/
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content {
  width: 1100px;
  bottom: auto;
  top: -100%;
  height: auto;
  right: auto;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0;
  text-align: center;
  transition: all 0.5s;
  background: none;
  padding-bottom: 130px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content {
    padding-bottom: 60px;
  }
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content h2 {
  color: rgb(255, 255, 255);
  font-size: 4rem;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content h2 {
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content h2 {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content h2 {
    font-size: 1.875rem;
  }
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content h2 a {
  color: rgb(255, 255, 255);
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content .title-square:before {
  content: "";
  width: 45px;
  height: 45px;
  background: rgb(255, 255, 255);
  display: inline-block;
  margin-right: 15px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content .title-square:before {
    width: 38px;
    height: 38px;
  }
}
@media screen and (max-width: 1023px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content .title-square:before {
    width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content .title-square:before {
    width: 23px;
    height: 23px;
  }
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content p {
  color: rgb(255, 255, 255);
  font-size: 2.3rem;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content p {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content p {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content p {
    font-size: 1.25rem;
  }
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated {
  font-size: 2.3rem;
  padding: 15px 60px 15px 25px;
  border: 2px solid rgb(233, 145, 37);
  color: rgb(255, 255, 255);
  /*margin-top: 50px;*/
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -100%;
  transition-delay: 0s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated {
    font-size: 1.25rem;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 20px auto 0;
    position: relative;
    left: 0;
    transform: none;
  }
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated .icon-pfeil_rechts {
  position: relative;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated .icon-pfeil_rechts {
    display: block;
  }
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated .icon-pfeil_rechts:before {
  position: absolute;
  right: -40px;
  top: 16px;
  color: rgb(233, 145, 37);
  font-size: 1.5rem;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated .icon-pfeil_rechts:before {
    font-size: 1.25rem;
    top: 7px;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated .icon-pfeil_rechts:before {
    font-size: 1.125rem;
    top: 5px;
  }
}
.style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated:hover .icon-pfeil_rechts:before {
  color: rgb(255, 255, 255);
}
.style-2-landinPage .start-teaser .slider-wrapper div.not-active-slide {
  transition: all 2s;
}
.style-2-landinPage .start-teaser .slider-wrapper div.not-active-slide .slider-content {
  transition: all 1s;
  top: -100%;
}
.style-2-landinPage .start-teaser .slider-wrapper div.active-slide {
  transition: all 2s;
}
.style-2-landinPage .start-teaser .slider-wrapper div.active-slide .slider-content {
  transition: all 1.3s;
  top: 35%;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .start-teaser .slider-wrapper div.active-slide .slider-content {
    top: 30%;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .start-teaser .slider-wrapper div.active-slide .slider-content {
    top: 25%;
  }
}
@media screen and (max-width: 639px) {
  .style-2-landinPage .start-teaser .slider-wrapper div.active-slide .slider-content {
    top: 20%;
  }
}
.style-2-landinPage .start-teaser .slider-wrapper .not-active-slide .slider-content .btn-animated {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  transition-delay: 0s;
  bottom: -100%;
}
.style-2-landinPage .start-teaser .slider-wrapper .active-slide .slider-content .btn-animated {
  opacity: 1;
  visibility: visible;
  bottom: 0;
  transition: all 0.6s;
  transition-delay: 1.5s;
}
.style-2-landinPage .slider-no-content .slider-content {
  display: none;
}
.style-2-landinPage .btn-animated {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.style-2-landinPage .btn-animated:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(233, 145, 37);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.style-2-landinPage .btn-animated:hover {
  color: white;
}
.style-2-landinPage .btn-animated:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.style-2-landinPage .black-bg {
  background: #000000;
}
.style-2-landinPage .white-bg {
  background: rgb(255, 255, 255);
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-img {
    min-height: 200px;
    order: 1;
  }
}
.style-2-landinPage .box-img img {
  opacity: 0.5;
}
.style-2-landinPage .border-bottom-orange {
  border-bottom: 7px solid rgb(233, 145, 37);
}
.style-2-landinPage .items-middle {
  display: flex;
  align-items: center;
}
.style-2-landinPage .items-middle.end {
  justify-content: flex-end;
}
.style-2-landinPage .items-middle.start {
  justify-content: flex-start;
}
.style-2-landinPage .box-text {
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-text {
    padding: 30px 25px;
  }
}
.style-2-landinPage .box-text p {
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-text p {
    font-size: 1.125rem;
  }
}
.style-2-landinPage .box-text a.btn-animated {
  padding: 12px 40px 12px 20px;
  border: 2px solid rgb(233, 145, 37);
  font-size: 1.25rem;
  position: relative;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-text a.btn-animated {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1.125rem;
  }
}
.style-2-landinPage .box-text a.btn-animated .icon-pfeil_rechts {
  position: relative;
}
.style-2-landinPage .box-text a.btn-animated .icon-pfeil_rechts:before {
  position: absolute;
  right: -33px;
  top: 5px;
  color: rgb(233, 145, 37);
  font-size: 1.125rem;
}
.style-2-landinPage .box-text a.btn-animated:hover .icon-pfeil_rechts:before {
  color: rgb(255, 255, 255);
}
.style-2-landinPage .box-text.container-600 {
  padding-left: 0;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .box-text.container-600 {
    margin-left: 3%;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-text.container-600 {
    margin-left: 0;
    padding-left: 25px;
  }
}
.style-2-landinPage .box-to-left {
  margin-left: -68px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-left {
    margin-left: 0;
  }
}
.style-2-landinPage .box-to-left p {
  padding-left: 60px;
  padding-right: 200px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .box-to-left p {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-left p {
    padding-left: 0;
  }
}
.style-2-landinPage .box-to-left a.btn-animated {
  margin-left: 63px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-left a.btn-animated {
    margin-left: 0;
  }
}
.style-2-landinPage .box-to-left h2 {
  padding-left: 55px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-left h2 {
    padding-left: 25px;
  }
}
.style-2-landinPage .box-to-left .title-square:before {
  margin-right: 20px;
  margin-left: 0;
  position: absolute;
  top: 15px;
  left: 0;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .box-to-left .title-square:before {
    top: 10px;
    left: 2px;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-left .title-square:before {
    top: 6px;
    left: 0px;
  }
}
.style-2-landinPage .box-to-left table.contenttable {
  margin-left: 50px;
  width: 95%;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-left table.contenttable {
    margin-left: 0;
    width: auto;
  }
}
.style-2-landinPage .box-to-right {
  margin-right: -67px;
  position: relative;
  text-align: right;
  z-index: 1;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-right {
    margin-right: 0;
  }
}
.style-2-landinPage .box-to-right p {
  padding-right: 60px;
  padding-left: 200px;
  text-align: right;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .box-to-right p {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-right p {
    padding-right: 0;
  }
}
.style-2-landinPage .box-to-right .title-square:before {
  margin-right: 0;
  margin-left: 20px;
  position: absolute;
  top: 15px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .box-to-right .title-square:before {
    top: 10px;
    right: 2px;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-right .title-square:before {
    top: 5px;
  }
}
.style-2-landinPage .box-to-right a.btn-animated {
  margin-left: 0;
  margin-right: 62px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-right a.btn-animated {
    margin-right: 0;
  }
}
.style-2-landinPage .box-to-right h2 {
  padding-right: 55px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-right h2 {
    padding-right: 25px;
  }
}
.style-2-landinPage .box-to-right table.contenttable {
  margin-right: 50px;
  width: 95%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-to-right table.contenttable {
    margin-right: 0;
    width: auto;
  }
}
.style-2-landinPage h2 {
  font-size: 3.3rem;
  color: rgb(79, 77, 77);
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage h2 {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage h2 {
    font-size: 1.25rem;
  }
}
.style-2-landinPage h2 .title-square:before {
  content: "";
  width: 37px;
  height: 37px;
  background: rgb(233, 145, 37);
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage h2 .title-square:before {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage h2 .title-square:before {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
}
.style-2-landinPage .container_fullWidth .box-video {
  background: rgb(79, 77, 77);
  text-align: center;
}
.style-2-landinPage .container_fullWidth .box-video iframe {
  width: 900px;
  height: 480px;
  display: inline-block;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .container_fullWidth .box-video iframe {
    width: 750px;
    height: 400px;
  }
}
@media screen and (max-width: 1023px) {
  .style-2-landinPage .container_fullWidth .box-video iframe {
    width: 500px;
    height: 270px;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .container_fullWidth .box-video iframe {
    width: 100%;
  }
}
.style-2-landinPage .container-1-3.box-video iframe {
  width: 100%;
  min-height: 420px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .container-1-3.box-video iframe {
    min-height: 220px;
  }
}
.style-2-landinPage .container-600 p {
  padding-right: 0;
}
.style-2-landinPage form {
  padding: 0;
  margin: 0;
}
.style-2-landinPage form input, .style-2-landinPage form textarea, .style-2-landinPage form select {
  padding: 12px 20px;
  background: #fff;
  font-size: 1.25rem;
  border: none;
  box-shadow: none;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage form input, .style-2-landinPage form textarea, .style-2-landinPage form select {
    font-size: 1.125rem;
  }
}
.style-2-landinPage form > input:last-child {
  margin-bottom: 0;
}
.style-2-landinPage form label {
  width: 0;
  height: 0;
  display: inline-block;
  text-indent: -1000000000000000000px;
}
.style-2-landinPage form .btn {
  margin-bottom: 0;
  background: transparent;
}
.style-2-landinPage form .btn-animated {
  border: 2px solid rgb(233, 145, 37);
  position: relative;
}
.style-2-landinPage form .btn-animated .btn {
  font-size: 1.875rem;
  padding: 7px 50px 7px 20px;
  border: 2px solid transparent;
  line-height: 1.4em;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage form .btn-animated .btn {
    font-size: 1.25rem;
  }
}
.style-2-landinPage form .btn-animated .icon-pfeil_rechts:before {
  position: absolute;
  top: 23px;
  right: 12px;
  color: rgb(233, 145, 37);
  font-size: 1.25rem;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage form .btn-animated .icon-pfeil_rechts:before {
    font-size: 1.125rem;
    top: 17px;
  }
}
.style-2-landinPage form .btn-animated:hover .icon-pfeil_rechts:before {
  color: rgb(255, 255, 255);
}
.style-2-landinPage .simple-parallax {
  background: url(../Images/s1.jpg);
  background-size: cover;
  background-position: center -200px;
  /*height: 420px;*/
}
.style-2-landinPage .simple-parallax .container {
  padding: 0;
}
.style-2-landinPage .simple-parallax .box-text {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .simple-parallax .box-text {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.style-2-landinPage .simple-parallax p {
  font-size: 1.875rem;
  line-height: 34px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .simple-parallax p {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .simple-parallax p {
    font-size: 1.25rem;
  }
}
.style-2-landinPage .simple-parallax a.btn-animated {
  font-size: 1.875rem;
  color: rgb(255, 255, 255);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 50px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .simple-parallax a.btn-animated {
    font-size: 1.125rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.style-2-landinPage .simple-parallax a.btn-animated .icon-pfeil_rechts:before {
  right: -35px;
  top: 12px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .simple-parallax a.btn-animated .icon-pfeil_rechts:before {
    top: 5px;
  }
}
.style-2-landinPage .simple-parallax.img-as-file {
  position: relative;
  height: 521px;
  overflow: hidden;
  background: #000000;
}
.style-2-landinPage .simple-parallax.img-as-file img {
  width: 100%;
  opacity: 0.5;
}
.style-2-landinPage .simple-parallax.img-as-file .container.content-over-image {
  width: 1200px;
  padding: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .simple-parallax.img-as-file .container.content-over-image {
    width: 94%;
  }
}
.style-2-landinPage .content-white h2, .style-2-landinPage .content-white p {
  color: rgb(255, 255, 255);
}
.style-2-landinPage footer .footer-top {
  background: rgb(79, 77, 77);
  padding: 40px 0;
}
.style-2-landinPage footer .footer-top .container > div:first-of-type p:last-of-type a::after {
  content: none;
}
.style-2-landinPage footer .footer-top h3 {
  font-size: 2.3rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage footer .footer-top h3 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-top h3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-top h3 {
    margin-bottom: 20px;
  }
}
.style-2-landinPage footer .footer-top div div:last-child ul {
  margin: 0;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage footer .footer-top div div:last-child ul {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-top div div:last-child ul {
    text-align: left;
  }
}
.style-2-landinPage footer .footer-top div div:last-child ul li {
  list-style-type: none;
  margin-bottom: 35px;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage footer .footer-top div div:last-child ul li {
    display: inline-block;
    margin: 0;
  }
}
.style-2-landinPage footer .footer-top div div:last-child ul li a {
  display: block;
}
.style-2-landinPage footer .footer-top div div:last-child ul li a[href*=twitter]:before, .style-2-landinPage footer .footer-top div div:last-child ul li a[href*="x.com"]:before, .style-2-landinPage footer .footer-top div div:last-child ul li a[href*=xing]:before, .style-2-landinPage footer .footer-top div div:last-child ul li a[href*=linkedin]:before, .style-2-landinPage footer .footer-top div div:last-child ul li a[href*=youtube]:before {
  color: rgb(233, 145, 37);
}
.style-2-landinPage footer .footer-top ul li {
  list-style-type: none;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-top ul li {
    margin-bottom: 10px;
  }
}
.style-2-landinPage footer .footer-top ul li:before {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-top ul li:before {
    font-size: 0.9375rem;
  }
}
.style-2-landinPage footer .footer-bottom {
  background: rgb(28, 99, 184);
  padding: 30px 0;
}
.style-2-landinPage footer .footer-bottom .copyright {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-bottom .copyright {
    text-align: center;
    font-size: 0.9375rem;
    padding-bottom: 0;
    padding-top: 10px;
  }
}
.style-2-landinPage footer .footer-bottom nav ul {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-bottom nav ul {
    text-align: center;
  }
}
.style-2-landinPage footer .footer-bottom nav ul li {
  position: relative;
  display: inline-block;
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-bottom nav ul li {
    margin-left: 7px;
    margin-right: 7px;
  }
}
.style-2-landinPage footer .footer-bottom nav ul li:before {
  content: "";
  width: 1px;
  height: 15px;
  background: rgb(255, 255, 255);
  position: absolute;
  top: 6px;
  right: -12px;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-bottom nav ul li:before {
    height: 12px;
    top: 7px;
  }
}
.style-2-landinPage footer .footer-bottom nav ul li a {
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .footer-bottom nav ul li a {
    font-size: 1.125rem;
  }
}
.style-2-landinPage footer .footer-bottom nav ul li:last-child:before {
  content: none;
}
.style-2-landinPage footer .container {
  background: none;
}
@media screen and (max-width: 1023px) {
  .style-2-landinPage footer .container {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.style-2-landinPage footer .container > div, .style-2-landinPage footer .container > ul {
  padding: 0;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .container > div, .style-2-landinPage footer .container > ul {
    font-size: 1.125rem;
    padding-bottom: 20px;
  }
}
.style-2-landinPage footer .container > div:nth-child(1), .style-2-landinPage footer .container > ul:nth-child(1) {
  flex: 0 1 33.3333333333%;
}
.style-2-landinPage footer .container > div:nth-child(2), .style-2-landinPage footer .container > ul:nth-child(2) {
  flex: 0 1 30.303030303%;
}
.style-2-landinPage footer .container > div:nth-child(3), .style-2-landinPage footer .container > ul:nth-child(3) {
  flex: 0 1 22.2222222222%;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage footer .container > div:nth-child(3), .style-2-landinPage footer .container > ul:nth-child(3) {
    text-align: left;
    padding-bottom: 0;
  }
}
.style-2-landinPage footer .container > div a, .style-2-landinPage footer .container > ul a {
  transition: all 0.3s;
  color: rgb(255, 255, 255);
}
.style-2-landinPage footer .container > div a:hover, .style-2-landinPage footer .container > ul a:hover {
  text-decoration: none;
  color: rgb(233, 145, 37);
}
.style-2-landinPage iframe {
  border: none;
}
.style-2-landinPage .bg-image {
  background: url(../Images/c.jpg);
  height: 100%;
  /*opacity: 0.5;*/
  opacity: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.style-2-landinPage .box-form .bg-image {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.style-2-landinPage .box-form .content-over-image {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .style-2-landinPage .box-form .content-over-image {
    max-width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-form .content-over-image {
    left: 0;
    margin: 0 auto;
  }
}
.style-2-landinPage .box-form .content-over-image form.contact-form {
  padding: 100px 0;
}
@media screen and (max-width: 767px) {
  .style-2-landinPage .box-form .content-over-image form.contact-form {
    padding: 50px 0;
  }
}
.style-2-landinPage .content-element ul a:not(.no-member):after {
  content: none;
}

.tctrain .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content p, .tctrain .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content h2, .tctrain .style-2-landinPage .start-teaser .slider-wrapper div > .slider-content a.btn-animated {
  color: rgb(28, 99, 184);
}
@media screen and (min-width: 1024px) {
  .tctrain header img {
    max-width: 250px;
  }
}

.tekom-meetup {
  background-image: none;
  background-color: rgb(255, 255, 255);
}
.tekom-meetup header img {
  top: 45px;
}
@media screen and (max-width: 1023px) {
  .tekom-meetup header img {
    top: 17px;
  }
}
.tekom-meetup header.fixed-header img {
  height: auto;
  top: 11px;
}
.tekom-meetup section {
  padding-bottom: 50px;
}
.tekom-meetup section h2 {
  font-size: 2.3rem;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .tekom-meetup section h2 {
    font-size: 1.875rem;
  }
}
.tekom-meetup section.table {
  padding-top: 50px;
}
.tekom-meetup section .container > a {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  font-weight: bold;
}
.tekom-meetup section .container > a:before {
  position: absolute;
  color: rgb(233, 145, 37);
  font-size: 12px;
  right: -20px;
  top: 6px;
}
.tekom-meetup section.tekom-nav {
  padding-bottom: 0;
}
.tekom-meetup form {
  margin: 0;
  width: auto;
}
.tekom-meetup .full-width {
  position: relative;
  text-align: center;
}
.tekom-meetup .full-width.s-style-1 {
  color: rgb(255, 255, 255);
}
.tekom-meetup .full-width.s-style-1 .container {
  padding: 130px 0 80px;
}
@media screen and (max-width: 767px) {
  .tekom-meetup .full-width.s-style-1 .container {
    padding: 70px 0 20px;
  }
}
.tekom-meetup .full-width.s-style-1 .container h1 {
  color: rgb(255, 255, 255);
  font-size: 2.3rem;
}
@media screen and (max-width: 767px) {
  .tekom-meetup .full-width.s-style-1 .container h1 {
    font-size: 1.875rem;
  }
}
.tekom-meetup .full-width.s-style-1 .container p {
  font-size: 1.25rem;
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .full-width.s-style-1 .container p {
    padding: 0 25px;
  }
}
.tekom-meetup .full-width.s-style-2 .container {
  padding: 70px 0 20px;
}
.tekom-meetup .full-width.s-style-2 .container p {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .full-width.s-style-2 .container p {
    padding: 0 25px;
  }
}
.tekom-meetup .full-width.s-style-2 .container form {
  display: inline-block;
}
.tekom-meetup .simple-text {
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .simple-text {
    padding-left: 3%;
    padding-right: 3%;
  }
}
.tekom-meetup .simple-text .container {
  padding: 100px 0 50px;
}
@media screen and (max-width: 767px) {
  .tekom-meetup .simple-text .container {
    padding: 60px 0 10px;
  }
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div {
  flex: 0 1 calc(33.3333333333% - 7px);
  margin-bottom: 12px;
  position: relative;
  padding-bottom: 85px;
  color: rgb(255, 255, 255);
  margin-right: 10px;
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div {
    flex: 0 1 calc(50% - 7px);
  }
}
@media screen and (max-width: 767px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div {
    flex: 0 1 calc(100% - 0px);
    margin-right: 0;
  }
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div:nth-child(3n+0) {
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div:nth-child(3n+0) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div:nth-child(2n+0) {
    margin-right: 0;
  }
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div img {
  width: 100%;
  height: auto;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div h3 {
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-size: 1.875rem;
  margin: 0;
  padding: 10px 0;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div h3 {
    font-size: 1.25rem;
  }
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div .m-text-2 {
  font-weight: bold;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightergray2 {
  color: rgb(79, 77, 77);
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightergray2 h3 {
  color: rgb(28, 99, 184);
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightergray2 .m-button {
  color: rgb(79, 77, 77);
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightblue .m-button, .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightgray .m-button, .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightergray2 .m-button {
  border: 2px solid rgb(233, 145, 37);
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightblue .m-button:hover, .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightgray .m-button:hover, .tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-lightergray2 .m-button:hover {
  background-color: rgb(233, 145, 37);
  color: rgb(255, 255, 255);
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-orange .m-button {
  border: 2px solid rgb(255, 255, 255);
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex > div.tb-orange .m-button:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(233, 145, 37);
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-content {
  padding: 10px 20px;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-top {
  display: flex;
  justify-content: space-between;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-top .m-text-1 {
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-top .m-text-1 {
    width: 40%;
  }
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-top .icon-t-location {
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-top .icon-t-location {
    width: 60%;
  }
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-bottom {
  position: absolute;
  bottom: 20px;
  width: 90%;
  display: flex;
  justify-content: space-between;
  left: 20px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-bottom .m-button {
  color: rgb(255, 255, 255);
  padding: 6px 15px;
  background-color: transparent;
  font-weight: bold;
  cursor: pointer;
  width: auto;
  transition: all 0.3s;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex .m-bottom .icon-m-teilnehmer {
  width: 100%;
  padding-bottom: 1rem;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div {
  flex: 0 1 calc(12.5% - 5px);
  margin-bottom: 5px;
  margin-right: 5px;
  box-sizing: border-box;
  padding-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div {
    flex: 0 1 calc(16.6666666667% - 5px);
  }
}
@media screen and (max-width: 767px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div {
    flex: 0 1 calc(50% - 5px);
  }
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div:nth-child(8n+0) {
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div:nth-child(8n+0) {
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div:nth-child(8n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div:nth-child(6n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div:nth-child(2n+0) {
    margin-right: 0;
  }
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div h3 {
  font-size: 0.9375rem;
  text-transform: none;
  padding-bottom: 0;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div .m-content {
  padding: 10px;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div .m-text-2 {
  font-size: 0.875rem;
}
.tekom-meetup .meetups-boxes .meetups-grid.container-flex.members-grid > div img {
  height: auto;
}
.tekom-meetup .m-table {
  font-size: 1.25rem;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table {
    font-size: 1rem;
  }
}
.tekom-meetup .m-table > div {
  padding-bottom: 50px;
}
.tekom-meetup .m-table .m-month {
  font-size: 1.875rem;
  font-weight: bold;
  padding-bottom: 15px;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table .m-month {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .tekom-meetup .m-table .m-month {
    padding-bottom: 0;
  }
}
.tekom-meetup .m-table .m-row {
  padding: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
  .tekom-meetup .m-table .m-row.container-flex {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .tekom-meetup .m-table .m-row {
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc;
  }
}
.tekom-meetup .m-table .m-row:last-child {
  border-bottom: none;
}
.tekom-meetup .m-table .m-time {
  width: 290px;
  line-height: 30px;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table .m-time {
    width: 10%;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .m-table .m-time {
    width: 16%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-meetup .m-table .m-time {
    width: 100%;
  }
}
.tekom-meetup .m-table .m-title-wrapper {
  width: 640px;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table .m-title-wrapper {
    width: 65%;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-meetup .m-table .m-title-wrapper {
    width: 53%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-meetup .m-table .m-title-wrapper {
    width: 100%;
  }
}
.tekom-meetup .m-table .m-title-wrapper h3, .tekom-meetup .m-table .m-title-wrapper h4 {
  display: inline-block;
  margin: 0;
}
.tekom-meetup .m-table .m-title-wrapper h3 {
  font-size: 1.5rem;
  color: rgb(28, 99, 184);
  padding-right: 15px;
  padding-bottom: 5px;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table .m-title-wrapper h3 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table .m-title-wrapper h3 {
    width: 100%;
    padding-right: 0;
  }
}
.tekom-meetup .m-table .m-title-wrapper h4 {
  font-size: 1.25rem;
  color: rgb(79, 77, 77);
  font-weight: normal;
  font-family: "Muli regular", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table .m-title-wrapper h4 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table .m-title-wrapper h4 {
    width: 100%;
  }
}
.tekom-meetup .m-table .table-btn {
  min-width: 100px;
}
.tekom-meetup .m-table .table-btn a, .tekom-meetup .m-table .table-btn input {
  color: rgb(79, 77, 77);
  background-color: transparent;
  width: 100%;
  border: 2px solid rgb(233, 145, 37);
  font-size: 1rem;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 6px 5px;
  cursor: pointer;
  transition: all 0.3s;
  height: 38px;
  box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup .m-table .table-btn a, .tekom-meetup .m-table .table-btn input {
    font-size: 0.9375rem;
  }
}
.tekom-meetup .m-table .table-btn a:hover, .tekom-meetup .m-table .table-btn input:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(233, 145, 37);
}
@media screen and (max-width: 767px) {
  .tekom-meetup .m-table .table-btn {
    margin-right: 10px;
    margin-top: 15px;
  }
}
.tekom-meetup .aLink-border {
  border: 2px solid rgb(233, 145, 37);
  text-align: center;
  display: inline-block;
  font-weight: bold;
  padding: 6px 15px;
  margin-top: 15px;
  color: rgb(79, 77, 77);
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s;
  margin-right: 15px;
}
.tekom-meetup .aLink-border:hover {
  box-shadow: none;
  color: rgb(255, 255, 255);
  background-color: rgb(233, 145, 37);
}
.tekom-meetup .aLink-border:last-of-type {
  margin-right: 0;
}
.tekom-meetup main .container .content-element ul.theme-ul-style.ul-block-style li {
  display: block;
  margin: 0 0 10px 0;
  font-weight: bold;
}
.tekom-meetup main .container .content-element ul.theme-ul-style.ul-block-style li span {
  color: rgb(233, 145, 37);
}
.tekom-meetup main .container .content-element ul.theme-ul-style img {
  filter: brightness(1);
  width: 600px;
}
@media screen and (max-width: 767px) {
  .tekom-meetup main .container .content-element ul.theme-ul-style img {
    width: 90%;
  }
}
.tekom-meetup main .container .content-element ul.theme-ul-style li {
  margin-right: 60px;
}
.tekom-meetup main .container .content-element ul.theme-ul-style li:last-child {
  margin-right: 0;
}
.tekom-meetup main .container .content-element ul.theme-ul-style li.icon-calendar:before {
  content: "\e821";
  color: rgb(79, 77, 77);
  background: transparent;
  top: 0;
  left: -10px;
}
.tekom-meetup main .container .content-element ul.theme-ul-style li.icon-t-uhrzeit:before {
  content: "\e82a";
  color: rgb(79, 77, 77);
  background: transparent;
  top: 0;
  left: -8px;
}
.tekom-meetup main .container .content-element ul.theme-ul-style li.icon-m-teilnehmer:before, .tekom-meetup main .container .content-element ul.theme-ul-style li.icon-m-moderator:before {
  position: relative;
  color: #4f4d4d;
  background: transparent;
  top: 0;
  left: -19px;
}
.tekom-meetup main .container .content-element ul.theme-ul-style li.icon-m-teilnehmer:before {
  content: "\e801";
}
.tekom-meetup main .container .content-element ul.theme-ul-style li.icon-m-moderator:before {
  content: "\e800";
}
@media screen and (max-width: 1023px) {
  .tekom-meetup main .container .content-element ul.theme-ul-style li {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.tekom-meetup main div.intro {
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .tekom-meetup main div.intro {
    padding-left: 3%;
    padding-right: 3%;
  }
}
.tekom-meetup main div.intro p {
  color: rgb(79, 77, 77);
}

main .container.profile-page ul.theme-ul-style {
  padding-bottom: 50px;
}
main .container.profile-page ul.theme-ul-style img {
  filter: brightness(1);
}
main .container.profile-page ul.simple-list li:first-child {
  color: rgb(233, 145, 37);
}
main .container.profile-page h3 {
  font-size: 1.25rem;
}
main .container ul.simple-list {
  padding-bottom: 50px;
  padding-left: 0;
}
main .container ul.simple-list li {
  list-style-type: none;
  font-weight: bold;
  font-size: 1.25rem;
  padding: 5px 0;
}

/*
$screen-md-max - 1199px
$screen-sm-max - 1023px
$screen-xs-max - 767px
*/
@keyframes pulse-border {
  0% {
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.internalvideo button.play, .internalvideo a.play {
  border: none;
  padding: 0;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.internalvideo button.play img, .internalvideo a.play img {
  width: 100% !important;
  filter: none !important;
  height: auto;
}
.internalvideo button.play:hover:before, .internalvideo a.play:hover:before {
  display: block;
}
.internalvideo button.play:before, .internalvideo a.play:before {
  color: #ffffff;
  position: absolute;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  font-size: 50px;
  padding: 15px;
  display: none;
  font-family: "tekom";
  border-radius: 50%;
  border: 10px solid #ffffff;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e805";
  animation: pulse-border 1500ms ease-out infinite;
}
.internalvideo button.play:after, .internalvideo a.play:after {
  color: #ffffff;
  position: absolute;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  font-size: 50px;
  padding: 15px;
  display: block;
  font-family: "tekom";
  border-radius: 50%;
  border: 10px solid #ffffff;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e805";
}

#openasidechat {
  display: none;
}

.tekom-live {
  background-image: none;
  background-color: transparent;
  overflow-x: hidden;
  position: relative;
  /*
  .sponsors-layout{
    width: 100%;
    .sponsors-platin{
      > .s-logo-element{
        width: 400px;
        height: 400px;
        @media screen and (max-width: $media-xxl-3){
          width: 320px;
          height:320px;
        }

      }
      .s-logo-details{
        h2{
          font-size: $font-size-xxl;
          text-transform: none;
          @media screen and (max-width: $media-xxl-3){
            font-size: $font-size-sxl;
          }
        }
      }
      .s-logo-image{
        width: 270px;
        height: 270px;
        img{
          max-width: 170px;
          width: auto;
          height: auto;
          max-height: 170px;
        }
      }
    }

    .sponsors-gold{
      > .s-logo-element{
        width: 250px;
        height: 250px;
      }
      .s-logo-details{
        padding: 20px;
        h2{
          font-size: $font-size-l;
          text-transform: none;
        }
      }
      .s-logo-image{
        width: 170px;
        height: 170px;
        img{
          max-width: 110px;
          width: auto;
          height: auto;
          max-height: 110px;
        }
      }
    }

    .s-logo-element{
      position: relative;
      &:hover{
        .s-logo-details{
          opacity:1;
          visibility: visible;
          z-index: 2;
        }
        .s-logo-image{
          z-index: 1;
        }
      }
    }
  }
  .sponsores-row{
    //display: flex;
    //flex-wrap: wrap;
    //justify-content: center;
    @include simpleflexstyle(unset, wrap, center);
  }

  .s-logo-image{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    //display: flex;
    //flex-wrap: wrap;
    //justify-content: center;
    @include simpleflexstyle(unset, wrap, center);
    align-items: center;
    overflow: hidden;
  }

  .s-logo-details{
    box-sizing: border-box;
    text-align: center;
    background: rgba($rating-color, .95);
    height: 100%;
    padding: 40px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: 0;
    a.icon-pfeil_rechts{
      position: absolute;
      bottom: 35px;
      left: 50%;
      transform: translate(-50%, 0);
      line-height: 14px;
    }
  }
  */
  /*  .a-z{
      //display: flex;
      //justify-content: space-between;
      @include simpleflexstyle(unset, unset, space-between);
      min-height: 35px;
      width: 100%;
      @media screen and (max-width: $screen-xs-max){
        @include simpleflexstyle(unset, wrap, flex-start)
      }
      span{
        cursor: pointer;
        color: $color-blue;
        font-size: $font-size-sxl;
        font-weight: bold;
        transition: all .3s;

        @media screen and (max-width: $screen-md-max){
          font-size: $font-size-l;
        }
        @media screen and (max-width: $screen-xs-max){
          width: 50px;
          text-align: center;
        }
        &:hover{
          color: $color-lightblue;
        }
        &.active-letter{
          color: $color-blue;
          transform: scale(1.3);
        }
        &.inactive-letter{
          color: rgba($color-lightgray, 0.4);
        }
      }
    }

    .exh-layout{
      //display: flex;
      //flex-wrap: wrap;
      //justify-content: flex-start;
      @include simpleflexstyle(unset, wrap, flex-start);
      margin-top: 50px;
      width: 100%;
      .s-logo-element{
        width: 16%;
        margin-right: .3%;
        margin-left: .3%;
        margin-bottom: 10px;
        position: relative;
        height: 300px;
        border: 2px solid $color-blue;
        box-sizing: border-box;
        @media screen and (max-width: $media-xxl-1){
          width: 19.4%;
        }
        @media screen and (max-width: $screen-md-max){
          width: 24.4%;
        }
        @media screen and (max-width: $screen-xs-max){
          width: 250px;
          margin: 5px auto;
        }
        //&:nth-child(6n + 6){
        //  margin-right: 0;
        //}
        .s-logo-details{
          padding: 40px 20px 20px;
          h2{
            font-size: $font-size-l;
            margin: 0;
          }
          a{
            position: absolute;
            text-decoration: none;
          }
        }
        &:hover{
          border-color: $color-darkgray22;
          .s-logo-details{
            opacity: 1;
            visibility: visible;
          }
        }
        &.visible{
          display: block;
        }
        &.invisible{
          display: none;
        }
      }
      .s-logo-image {
        top: 37%;
        width: 200px;
        height: 200px;
        img {
          max-width: 124px;
          width: auto;
          height: auto;
          max-height: 124px;
        }
      }
      .exh-text {
        position: absolute;
        bottom: 30px;
        text-align: center;
        font-size: $font-size-l;
        padding: 0 10px;
        left: 0;
        color:$color-blue;
        font-weight: bold;
        width: 100%;
        box-sizing: border-box;
        @media screen and (max-width: $screen-sm-max){
          font-size: $font-size-m;
        }
        p {
          margin-bottom: 0;
        }
      }
    }

    .sponsors-layout {
      .s-logo-element {
        .exh-text{
          display: none;
        }
      }
    }

    .sponsors-layout {
      .s-logo-element {
        .exh-text{
          display: none;
        }
      }
    }

    .sponsors-layout {
      .s-logo-element {
        .exh-text{
          display: none;
        }
      }
    }

    .exh-select-boxes {
      width: 100%;
      width: 100%;min-height: 35px;
      form {
        //display: flex;
        //flex-wrap: wrap;
        //justify-content: space-between;
        @include simpleflexstyle(unset, wrap, space-between);
        margin: 0;

        >div{
          width: 49.7%;
        }
        .subcategory-select-box {
          display: none;
          &.visible {
            display: block;
          }
        }
        .subcategory-option {
          display: none;
          &.visible {
            display: block;
          }
        }
      }
      >div{
        width: 49%;
      }
      label{
        position: absolute;
        margin: 0;
        left: -999999999px;
      }
    }*/
}
@media screen and (max-width: 1200px) {
  .tekom-live {
    overflow: visible;
  }
}
.tekom-live header {
  min-height: 0;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: unset;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 25px 10px 25px;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  z-index: 99999999;
  width: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .tekom-live header {
    padding-left: 2%;
    padding-right: 2%;
  }
}
.tekom-live header .is-parent > span {
  display: none;
}
@media screen and (max-width: 1023px) {
  .tekom-live header .is-parent > span {
    display: block;
  }
}
.tekom-live header #logo {
  width: 106px;
  margin-right: 10px;
}
@media screen and (max-width: 1199px) {
  .tekom-live header #logo {
    width: 75px;
  }
}
.tekom-live header #logo img {
  width: 100%;
  max-width: 100%;
  position: unset;
  margin-bottom: 0;
}
.tekom-live header nav {
  padding-top: 0;
  width: auto;
}
.tekom-live header nav > ul {
  text-align: left;
  margin-bottom: 0;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .tekom-live header nav > ul {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-live header nav > ul {
    opacity: 1;
    visibility: visible;
    height: auto;
  }
}
.tekom-live header nav > ul > li {
  line-height: 1.2em;
  margin-top: 0;
  margin-left: 0;
}
.tekom-live header nav > ul > li:hover, .tekom-live header nav > ul > li:focus {
  background: transparent;
}
.tekom-live header nav > ul > li:last-child {
  background: none;
  width: auto;
}
.tekom-live header nav > ul > li:last-child:hover, .tekom-live header nav > ul > li:last-child:focus {
  background: transparent;
}
.tekom-live header nav > ul > li:last-child a {
  color: rgb(28, 99, 184);
}
.tekom-live header nav > ul > li:last-child a:hover, .tekom-live header nav > ul > li:last-child a:focus {
  background: none;
}
.tekom-live header nav > ul > li:last-child a:after {
  content: none;
}
.tekom-live header nav > ul > li > a, .tekom-live header nav > ul > li > label {
  padding-top: 0;
  min-height: 0;
  height: auto;
  color: rgb(28, 99, 184);
  padding-left: 15px;
  padding-right: 15px;
}
.tekom-live header nav > ul > li > a:hover, .tekom-live header nav > ul > li > a:focus, .tekom-live header nav > ul > li > a.active, .tekom-live header nav > ul > li > label:hover, .tekom-live header nav > ul > li > label:focus, .tekom-live header nav > ul > li > label.active {
  background: none;
  color: rgb(79, 77, 77);
}
.tekom-live header nav > ul > li > a:after, .tekom-live header nav > ul > li > label:after {
  content: "";
  height: 15px;
  bottom: 0;
  right: -3px;
}
.tekom-live header nav > ul > li > a.has-icon-right, .tekom-live header nav > ul > li > label.has-icon-right {
  padding-right: 30px;
  position: relative;
}
.tekom-live header nav.select-language {
  padding-top: 3px;
  padding-right: 20px;
  min-width: 30px;
  width: auto;
}
.tekom-live header nav.select-language > ul > li {
  position: relative;
  padding: 0 7px;
}
@media screen and (max-width: 1023px) {
  .tekom-live header nav.select-language > ul > li {
    display: inline-block;
  }
}
.tekom-live header nav.select-language > ul > li:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  background-color: rgb(37, 91, 105);
  top: 1px;
  right: -2px;
}
.tekom-live header nav.select-language > ul > li:last-child:after {
  content: none;
}
.tekom-live header nav.select-language > ul > li.activeItem > a {
  opacity: 0.65;
  pointer-events: none;
}
.tekom-live header nav.select-language > ul > li > a {
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .tekom-live header #main-navigation {
    position: fixed;
    height: 100vh;
    background: rgb(255, 255, 255);
    top: 0;
    left: 0;
    width: 100%;
    display: none;
  }
}
.tekom-live header #main-navigation ul > li {
  position: relative;
}
.tekom-live header #main-navigation ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.tekom-live header #main-navigation ul > li > ul {
  margin: 0;
  padding: 20px 0 0 0;
  position: absolute;
  background: transparent;
  width: 250px;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s;
}
.tekom-live header #main-navigation ul > li > ul > li {
  background: rgb(255, 255, 255);
  list-style-type: none;
}
.tekom-live header #main-navigation ul > li > ul > li:first-child {
  padding-top: 5px;
}
.tekom-live header #main-navigation ul > li > ul > li:last-child {
  padding-bottom: 5px;
}
.tekom-live header #main-navigation ul > li > ul > li > a {
  color: rgb(28, 99, 184);
  display: block;
  padding: 7px 15px;
}
.tekom-live header #main-navigation ul > li > ul > li > a:hover {
  color: rgb(79, 77, 77);
}
.tekom-live header #main-navigation ul > li > ul > li:first-child a {
  position: relative;
}
.tekom-live header #main-navigation ul > li > ul > li:first-child a:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgb(255, 255, 255);
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
}
.tekom-live header #main-navigation.main-nav-active {
  display: block;
}
.tekom-live header #main-navigation.main-nav-active nav {
  padding-top: 70px;
}
.tekom-live header #main-navigation.main-nav-active nav > ul > li {
  margin: 5px 0;
}
.tekom-live header #main-navigation.main-nav-active nav > ul > li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(238, 238, 238);
}
.tekom-live header #main-navigation.main-nav-active nav > ul > li > ul {
  display: none;
  position: unset;
  transform: none;
  padding: 0 0 0 30px;
  opacity: 1;
  visibility: visible;
  height: auto;
  text-align: left;
}
.tekom-live header #main-navigation.main-nav-active nav > ul > li > ul.sub-is-active {
  display: block;
}
.tekom-live header #main-navigation.main-nav-active nav > ul > li > span {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 3px;
  right: 25px;
}
.tekom-live header #main-navigation.main-nav-active nav > ul > li > span:before {
  width: 2px;
}
.tekom-live header #main-navigation.main-nav-active nav > ul > li > span:after {
  height: 2px;
}
.tekom-live header .aside-menu {
  width: 465px;
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  text-align: right;
  padding: 100px 25px 25px 25px;
  height: 100vh;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .tekom-live header .aside-menu {
    width: 100%;
    display: none;
  }
}
.tekom-live header .aside-menu.open-aside {
  opacity: 1;
  visibility: visible;
  z-index: 4;
  display: block;
}
.tekom-live header .aside-menu > nav > ul > li {
  display: block;
  padding: 10px 0;
  text-align: right;
}
.tekom-live header .aside-menu > nav > ul > li a {
  color: rgb(255, 255, 255);
  padding: 0;
  display: block;
}
.tekom-live header .aside-menu > nav > ul > li a.icon-tl-user {
  color: rgb(233, 145, 37);
}
.tekom-live header .aside-menu > nav > ul > li a:hover {
  color: rgb(112, 173, 222);
}
@media screen and (max-width: 767px) {
  .tekom-live header .aside-menu > nav {
    padding-top: 70px;
  }
}
.tekom-live header .aside-menu .data-menu {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  right: 25px;
  bottom: 25px;
}
.tekom-live header .aside-menu .data-menu > ul {
  text-align: right;
}
.tekom-live header .aside-menu .data-menu > ul > li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
.tekom-live header .aside-menu .data-menu > ul > li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  right: -12px;
  top: 14px;
  background: rgb(255, 255, 255);
}
.tekom-live header .aside-menu .data-menu > ul > li:last-child:after {
  content: none;
}
.tekom-live header .select-language ul li a {
  margin: 0;
}
.tekom-live header .user-menu {
  margin-right: 30px;
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .tekom-live header .user-menu {
    margin-right: 15px;
  }
}
.tekom-live header .user-menu .icon-tl-user:before {
  position: absolute;
  right: 0;
  top: 0;
}
.tekom-live header .user-menu > ul > li {
  vertical-align: middle;
  line-height: 22px;
}
.tekom-live header .user-menu > ul > li#chatlink label {
  cursor: pointer;
}
.tekom-live header .user-menu > ul > li > a, .tekom-live header .user-menu > ul > li label {
  padding-left: 5px;
  padding-right: 5px;
}
@media screen and (max-width: 1023px) {
  .tekom-live header .user-menu > ul > li {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live header .user-menu > ul > li {
    display: none;
  }
  .tekom-live header .user-menu > ul > li:last-child {
    display: block;
  }
}
.tekom-live header .user-menu > ul > li:last-child a {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .tekom-live header .user-menu.menus-above > ul > li {
    display: block;
  }
  .tekom-live header .user-menu.menus-above > ul > li:first-child, .tekom-live header .user-menu.menus-above > ul > li:nth-child(2) {
    position: absolute;
    right: -55px;
    width: 250px;
    text-align: right;
  }
  .tekom-live header .user-menu.menus-above > ul > li:first-child {
    top: 100px;
  }
  .tekom-live header .user-menu.menus-above > ul > li:nth-child(2) {
    top: 130px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live header .right-menu {
    margin-right: 10px;
  }
}
.tekom-live header .user-menu.menus-above, .tekom-live header .right-menu.menus-above {
  position: relative;
  z-index: 5;
}
.tekom-live header .user-menu.menus-above > ul > li > a, .tekom-live header .user-menu.menus-above > ul > li label, .tekom-live header .right-menu.menus-above > ul > li > a, .tekom-live header .right-menu.menus-above > ul > li label {
  color: rgb(255, 255, 255);
}
.tekom-live header .user-menu.menus-above > ul > li > a:hover, .tekom-live header .user-menu.menus-above > ul > li label:hover, .tekom-live header .right-menu.menus-above > ul > li > a:hover, .tekom-live header .right-menu.menus-above > ul > li label:hover {
  color: rgb(112, 173, 222);
}
.tekom-live header .user-menu.menus-above > ul > li > a .css-user-icon, .tekom-live header .user-menu.menus-above > ul > li label .css-user-icon, .tekom-live header .right-menu.menus-above > ul > li > a .css-user-icon, .tekom-live header .right-menu.menus-above > ul > li label .css-user-icon {
  background-color: rgb(255, 255, 255);
  color: rgb(28, 99, 184);
}
.tekom-live header .user-menu.menus-above .burger-menu, .tekom-live header .right-menu.menus-above .burger-menu {
  border-color: rgb(255, 255, 255);
}
.tekom-live header .user-menu.menus-above .burger-menu:before, .tekom-live header .user-menu.menus-above .burger-menu:after, .tekom-live header .right-menu.menus-above .burger-menu:before, .tekom-live header .right-menu.menus-above .burger-menu:after {
  background: rgb(255, 255, 255);
}
.tekom-live header .header-left {
  width: 60%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: unset;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .tekom-live header .header-left {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live header .header-left {
    width: 50%;
  }
}
.tekom-live header .header-right {
  z-index: 9999999;
  width: 40%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: unset;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .tekom-live header .header-right {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live header .header-right {
    width: 50%;
  }
}
.tekom-live header .header-right nav > ul > li > a:after {
  content: none;
}
.tekom-live header .burger-menu, .tekom-live header .main-nav-mobile-icon {
  width: 25px;
  height: 23px;
  position: relative;
  border-top: 5px solid rgb(28, 99, 184);
  display: block;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .tekom-live header .burger-menu, .tekom-live header .main-nav-mobile-icon {
    border-top: 4px solid rgb(28, 99, 184);
  }
}
.tekom-live header .burger-menu:before, .tekom-live header .burger-menu:after, .tekom-live header .main-nav-mobile-icon:before, .tekom-live header .main-nav-mobile-icon:after {
  content: "" !important;
  width: 100%;
  height: 5px;
  background: rgb(28, 99, 184);
  position: absolute;
  left: 0;
  border: none;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .tekom-live header .burger-menu:before, .tekom-live header .burger-menu:after, .tekom-live header .main-nav-mobile-icon:before, .tekom-live header .main-nav-mobile-icon:after {
    height: 4px;
  }
}
.tekom-live header .burger-menu:before, .tekom-live header .main-nav-mobile-icon:before {
  top: 4px;
}
@media screen and (max-width: 767px) {
  .tekom-live header .burger-menu:before, .tekom-live header .main-nav-mobile-icon:before {
    top: 5px;
  }
}
.tekom-live header .burger-menu:after, .tekom-live header .main-nav-mobile-icon:after {
  bottom: 0;
}
.tekom-live header .burger-menu.burger-active, .tekom-live header .main-nav-mobile-icon.burger-active {
  border-top: none;
}
.tekom-live header .burger-menu.burger-active:before, .tekom-live header .main-nav-mobile-icon.burger-active:before {
  height: 3px;
  transform: rotate(-45deg);
  top: 10px;
}
.tekom-live header .burger-menu.burger-active:after, .tekom-live header .main-nav-mobile-icon.burger-active:after {
  height: 3px;
  transform: rotate(45deg);
  top: 10px;
}
.tekom-live header .main-nav-mobile-icon {
  border-top: 3px solid rgb(28, 99, 184);
  margin-left: 20px;
  margin-top: -4px;
  height: 18px;
  display: none;
}
@media screen and (max-width: 1023px) {
  .tekom-live header .main-nav-mobile-icon {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live header .main-nav-mobile-icon {
    margin-left: 5px;
  }
}
.tekom-live header .main-nav-mobile-icon:before, .tekom-live header .main-nav-mobile-icon:after {
  background: rgb(28, 99, 184);
  height: 3px;
}
.tekom-live header .main-nav-mobile-icon:before {
  top: 4px;
  transition: none;
}
.tekom-live header .main-nav-mobile-icon:after {
  transition: none;
}
.tekom-live header .main-nav-mobile-icon.icon-active {
  position: absolute;
  top: 30px;
  left: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  .tekom-live header .main-nav-mobile-icon.icon-active {
    left: 10px;
  }
}
.tekom-live header .main-nav-mobile-icon.icon-active:before {
  transform: rotate(-45deg);
  top: 10px;
}
.tekom-live header .main-nav-mobile-icon.icon-active:after {
  transform: rotate(45deg);
  top: 10px;
}
.tekom-live header .menus-above {
  position: relative;
  z-index: 5;
}
.tekom-live header.fixed-header nav > ul > li {
  margin-top: 0 !important;
}
.tekom-live main {
  position: relative;
  min-height: 1030px;
}
@media screen and (max-width: 1200px) {
  .tekom-live main {
    height: auto;
  }
}
.tekom-live main .room-top img {
  height: auto;
}
.tekom-live main .room-walls {
  position: absolute;
  top: -50px;
  z-index: 9;
  left: 0;
  width: 100%;
}
.tekom-live main .room-walls svg {
  width: 100%;
}
.tekom-live main#boothmain {
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .tekom-live main#boothmain {
    overflow: visible;
  }
}
.tekom-live main.subpage {
  padding-top: 120px;
}
.tekom-live main.full-bg-style {
  min-height: 1030px;
  height: auto !important;
}
.tekom-live main.full-bg-style:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.15;
  background-attachment: fixed;
}
.tekom-live .window-right {
  position: absolute;
  top: 30px;
  right: 0;
  width: 370px;
  height: 530px;
  transform: skewY(-27deg);
  overflow: hidden;
}
@media screen and (max-width: 1660px) {
  .tekom-live .window-right {
    width: 330px;
    height: 470px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .window-right {
    width: 280px;
    height: 400px;
    top: 25px;
  }
}
.tekom-live .window-right .window-view {
  background-image: url(../Images/tekom-live/default-window-view-r.png);
  transform: skewY(27deg);
  position: absolute;
  top: -50px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.tekom-live .window-left {
  position: absolute;
  top: 100px;
  left: 0;
  width: 170px;
  height: 440px;
  transform: skewY(27deg);
  overflow: hidden;
}
@media screen and (max-width: 1660px) {
  .tekom-live .window-left {
    top: 80px;
    width: 160px;
    height: 370px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .window-left {
    width: 130px;
    height: 310px;
    top: 60px;
  }
}
.tekom-live .window-left .window-view {
  background-image: url(../Images/tekom-live/default-window-view-l.png);
  transform: skewY(-27deg);
  position: absolute;
  top: -50px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.tekom-live .jobs-left {
  position: absolute;
  top: 500px;
  left: 30px;
  width: 110px;
  height: 210px;
  transform: skewY(0deg);
  overflow: hidden;
  z-index: 10;
}
@media screen and (max-width: 1800px) {
  .tekom-live .jobs-left {
    top: 48%;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .jobs-left {
    top: 52%;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .jobs-left {
    top: 52%;
    left: 10px;
    width: 100px;
    height: 190px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .jobs-left {
    top: 49%;
  }
}
.tekom-live .jobs-left .jobs-photo {
  background-image: url(../Images/tekom-live/jobs.png);
  transform: skewY(-15deg);
  position: absolute;
  top: -25px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.tekom-live .jobs-left .css-plus {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.tekom-live .jobs-left:hover .css-plus {
  opacity: 1;
  visibility: visible;
}
.tekom-live #Plus_Tagung {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  cursor: pointer;
}
.tekom-live #Plus_Tagung:hover {
  cursor: pointer;
}
.tekom-live #Foyer-tagung-Tor:hover #Plus_Tagung {
  opacity: 1;
  visibility: visible;
}
.tekom-live #Plus_Schowrooms {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  cursor: pointer;
}
.tekom-live #Plus_Schowrooms:hover {
  cursor: pointer;
}
.tekom-live #Foyer-messe-Tor:hover #Plus_Schowrooms {
  opacity: 1;
  visibility: visible;
}
.tekom-live #Plus_Cafe_tekom {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  cursor: pointer;
}
.tekom-live #Plus_Cafe_tekom:hover {
  cursor: pointer;
}
.tekom-live #Foyer-tekomcafe-Tor:hover #Plus_Cafe_tekom {
  opacity: 1;
  visibility: visible;
}
.tekom-live #Plus_Cafe_tekom-2 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  cursor: pointer;
}
.tekom-live #Plus_Cafe_tekom-2:hover {
  cursor: pointer;
}
.tekom-live #Foyer-lounge:hover #Plus_Cafe_tekom-2 {
  opacity: 1;
  visibility: visible;
}
.tekom-live #Foyer-lounge:hover {
  cursor: pointer;
}
.tekom-live .css-plus {
  background: rgba(112, 173, 222, 0.89);
  width: 47px;
  height: 47px;
  border-radius: 100%;
}
@media screen and (max-width: 1660px) {
  .tekom-live .css-plus {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-plus {
    width: 35px;
    height: 35px;
  }
}
.tekom-live .css-plus:before, .tekom-live .css-plus:after {
  background: #4f4d4d;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tekom-live .css-plus:before {
  width: 5px;
  height: 60%;
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-plus:before {
    width: 3px;
  }
}
.tekom-live .css-plus:after {
  width: 60%;
  height: 5px;
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-plus:after {
    height: 3px;
  }
}
.tekom-live .css-billboard {
  width: 350px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .css-billboard {
    width: 320px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-billboard {
    width: 290px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-billboard {
    width: 280px;
  }
}
.tekom-live .css-billboard.billboard-left {
  position: absolute;
  bottom: 80px;
  left: 3%;
  z-index: 10;
}
@media screen and (max-width: 1800px) {
  .tekom-live .css-billboard.billboard-left {
    bottom: 25px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-billboard.billboard-left {
    bottom: -25px;
  }
}
.tekom-live .css-billboard.billboard-left .billboard-bottom {
  position: relative;
}
.tekom-live .css-billboard.billboard-left .booth-presentation-link {
  position: absolute;
  top: -23px;
  width: 100%;
  text-align: center;
}
.tekom-live .css-billboard.billboard-left .booth-presentation-link a {
  color: rgb(255, 255, 255);
  font-weight: 700;
}
.tekom-live .css-billboard.billboard-left .booth-presentation-link a:after {
  content: "\e805";
  font-family: tekom;
  position: absolute;
  color: #e99125;
  font-size: 0.75rem;
  top: 5px;
  opacity: 1;
}
.tekom-live .css-billboard.billboard-right {
  position: absolute;
  bottom: 80px;
  right: 40px;
  z-index: 10;
}
@media screen and (max-width: 1800px) {
  .tekom-live .css-billboard.billboard-right {
    bottom: 25px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-billboard.billboard-right {
    bottom: -25px;
  }
}
.tekom-live .css-billboard.billboard-right .billboard-content {
  padding: 0;
}
.tekom-live .css-billboard.small-style {
  width: 115px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-billboard.small-style {
    width: 90px;
  }
}
.tekom-live .css-billboard.small-style .billboard-frame {
  height: 80px;
  padding: 4px 4px 10px 4px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-billboard.small-style .billboard-frame {
    height: 60px;
  }
}
.tekom-live .css-billboard.small-style .billboard-content {
  padding: 5px;
}
.tekom-live .css-billboard.small-style .billboard-bottom {
  height: 5px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-billboard.small-style .icon-tl-tickets {
    font-size: 32px;
  }
}
.tekom-live .css-billboard.billboard-on-table .billboard-frame {
  height: 180px;
  background: #73afd9;
  background: -moz-linear-gradient(left, #fff 0%, #1c63b8 100%);
  background: -webkit-linear-gradient(left, #fff 0%, #1c63b8 100%);
  background: linear-gradient(to right, #fff 0%, #1c63b8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#1c63b8",GradientType=1 );
}
.tekom-live .css-billboard.billboard-on-table .billboard-bottom {
  height: 15px;
  background-color: rgb(79, 77, 77);
}
.tekom-live .css-billboard .billboard-frame {
  width: 90%;
  height: 260px;
  margin: 0 auto;
  padding: 10px 10px 30px 10px;
  box-sizing: border-box;
  background: #73afd9;
  background: -moz-linear-gradient(left, #73afd9 0%, #1c63b8 100%);
  background: -webkit-linear-gradient(left, #73afd9 0%, #1c63b8 100%);
  background: linear-gradient(to right, #73afd9 0%, #1c63b8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#73afd9", endColorstr="#1c63b8",GradientType=1 );
}
@media screen and (max-width: 1660px) {
  .tekom-live .css-billboard .billboard-frame {
    height: 230px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-billboard .billboard-frame {
    height: 200px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-billboard .billboard-frame {
    height: 180px;
  }
}
.tekom-live .css-billboard .billboard-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 15px;
  background: #ffffff;
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 50%, #d9d9d9 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 50%, #d9d9d9 100%);
  background: radial-gradient(ellipse at center, #ffffff 50%, #d9d9d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#d9d9d9",GradientType=1 );
  overflow: hidden;
}
.tekom-live .css-billboard .billboard-content:hover .css-plus {
  opacity: 1;
  visibility: visible;
}
.tekom-live .css-billboard .billboard-content .scroll-content {
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  overflow-y: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: unset;
  justify-content: unset;
  align-items: center;
  position: relative;
  z-index: 1;
}
.tekom-live .css-billboard .billboard-content p {
  margin: 0;
  padding: 0;
  font-size: 0.9375rem;
}
.tekom-live .css-billboard .billboard-content a {
  position: relative;
}
.tekom-live .css-billboard .billboard-content a.bigger-font {
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 15px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .css-billboard .billboard-content a.bigger-font {
    font-size: 1.125rem;
  }
}
.tekom-live .css-billboard .billboard-content a.icon-pfeil_rechts:before {
  content: none;
}
.tekom-live .css-billboard .billboard-content a.icon-pfeil_rechts:after {
  content: "\e805";
  font-family: "tekom";
  color: #e99125;
  margin-left: 5px;
}
.tekom-live .css-billboard .billboard-content .css-plus {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.tekom-live .css-billboard .billboard-bottom {
  width: 100%;
  height: 12px;
  background: rgb(28, 99, 184);
}
.tekom-live .info-table {
  width: 457px;
  position: absolute;
  bottom: 55px;
  left: 24.5%;
  z-index: 10;
}
@media screen and (max-width: 1800px) {
  .tekom-live .info-table {
    bottom: 25px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .info-table {
    width: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .info-table {
    bottom: -25px;
  }
}
.tekom-live .info-table svg {
  width: 100%;
}
.tekom-live .info-table .circles-wrapper {
  position: absolute;
  top: -85px;
  z-index: 4;
  left: 60px;
  width: 210px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tekom-live .info-table .circles-wrapper.empty-sign {
  top: -100px;
}
.tekom-live .info-table .circles-wrapper.empty-sign .css-plus {
  left: 50%;
  top: 50%;
}
.tekom-live .info-table .circles-wrapper.empty-sign span {
  position: absolute;
  display: inline-block;
  padding: 12px 15px;
  text-align: center;
  font-size: 0.8rem;
}
@media screen and (max-width: 1540px) {
  .tekom-live .info-table .circles-wrapper {
    width: 170px;
    top: -65px;
  }
}
.tekom-live .info-table .circles-wrapper:hover {
  z-index: 5;
}
.tekom-live .info-table .circles-wrapper:hover .css-info-white-board {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.tekom-live .info-table .circles-wrapper:hover .person-circle {
  z-index: 9999;
}
.tekom-live .info-table .circles-wrapper.v2 .css-info-white-board {
  width: 180px;
  min-height: 350px;
  top: 80%;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper {
  position: absolute;
  bottom: -145px;
  width: 90%;
  left: 5%;
  text-align: center;
  z-index: 9998;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle {
  width: 55px;
  height: 55px;
  border-width: 2px;
  display: inline-block;
  vertical-align: top;
  margin: 5px 5px;
  background: rgb(112, 173, 222);
  position: relative;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle:nth-child(1), .tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle:nth-child(2) {
  z-index: 9;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle:nth-child(3), .tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle:nth-child(4) {
  z-index: 8;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle .css-plus {
  background: rgb(28, 99, 184);
  position: absolute;
  left: 49%;
  top: 49%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle .css-plus:before, .tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle .css-plus:after {
  background-color: rgb(255, 255, 255);
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle img {
  position: relative;
  z-index: 1;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle.empty-circle:hover .css-plus {
  opacity: 1;
  visibility: visible;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .person-circle.empty-circle .css-tooltip-2-wrapper {
  width: auto;
}
.tekom-live .info-table .circles-wrapper.v2 .small-circles-wrapper .user-full-name {
  font-size: 0.9375rem;
}
.tekom-live .info-table .circles-wrapper.v2 .css-tooltip-2-wrapper .css-tooltip-2-content {
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.5);
}
.tekom-live .info-table .css-billboard {
  position: absolute;
  top: -70px;
  right: 40px;
  z-index: 2;
}
@media screen and (max-width: 1540px) {
  .tekom-live .info-table .css-billboard {
    top: -55px;
  }
}
@media screen and (max-width: 1200px) {
  .tekom-live .info-table .css-billboard {
    position: unset;
  }
}
.tekom-live .info-table .css-billboard .css-plus {
  top: 43%;
}
.tekom-live .info-table .css-billboard .css-tooltip {
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: -35px;
  left: -12px;
}
.tekom-live .info-table .css-billboard:hover .css-tooltip {
  opacity: 1;
  visibility: visible;
}
.tekom-live .info-table .css-billboard.billboard-on-table {
  z-index: 999;
  top: -150px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 1200px) {
  .tekom-live .info-table .css-billboard.billboard-on-table {
    transform: none;
    margin: 0 auto;
    width: 100%;
  }
}
.tekom-live .info-table .css-billboard.billboard-on-table p {
  text-align: center;
  width: 100%;
}
.tekom-live .info-table .css-billboard.billboard-on-table a.b--btn {
  display: inline-block;
  text-align: center;
  background-color: rgb(233, 145, 37) !important;
  color: rgb(255, 255, 255);
  padding: 7px 10px;
  transition: all 0.2s;
}
.tekom-live .info-table .css-billboard.billboard-on-table a.b--btn:hover {
  background-color: rgb(79, 77, 77);
}
.tekom-live .info-table .css-info-white-board {
  position: absolute;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.tekom-live .info-table .css-info-white-board.show-board {
  visibility: visible;
  opacity: 1;
}
.tekom-live .info-table .info-table-text {
  position: absolute;
  bottom: 35px;
  left: 130px;
  color: white;
  text-transform: uppercase;
  font-size: 1.5rem;
  width: 190px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 1540px) {
  .tekom-live .info-table .info-table-text {
    font-size: 1.25rem;
    left: 95px;
  }
}
.tekom-live .info-table .info-table-text p {
  margin: 0;
}
.tekom-live .info-table .info-table-i-icon {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  line-height: 70px;
  text-align: center;
  position: absolute;
  bottom: 35px;
  right: 35px;
  transition: all 0.3s;
  font-size: 50px;
  z-index: 1;
}
@media screen and (max-width: 1540px) {
  .tekom-live .info-table .info-table-i-icon {
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
  }
}
.tekom-live .info-table .info-table-i-icon:before {
  content: "i";
}
.tekom-live .info-table .info-table-i-icon:hover {
  transform: scale(1.2);
  font-size: 46px;
  background: rgb(255, 255, 255);
  color: rgb(28, 99, 184);
}
@media screen and (max-width: 1540px) {
  .tekom-live .info-table .info-table-i-icon:hover {
    transform: scale(1.1);
    font-size: 36px;
  }
}
.tekom-live .info-table .icon-tl-tickets {
  font-size: 44px;
}
.tekom-live .info-table .termin-table--icon {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  background: rgb(112, 173, 222);
  color: rgb(255, 255, 255);
  line-height: 22px;
  text-align: center;
  position: absolute;
  bottom: -10px;
  right: 55px;
  transition: all 0.3s;
  z-index: 2;
  font-size: 16px;
  text-transform: uppercase;
  box-sizing: border-box;
  padding-top: 36px;
}
@media screen and (max-width: 1850px) {
  .tekom-live .info-table .termin-table--icon {
    right: 85px;
    bottom: -25px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .info-table .termin-table--icon {
    right: 90px;
  }
}
.tekom-live .info-table .termin-table--icon:before {
  content: "";
}
.tekom-live .info-table .termin-table--icon:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 1540px) {
  .tekom-live .info-table .termin-table--icon:hover {
    transform: scale(1);
  }
}
.tekom-live .person-circle {
  width: 94px;
  height: 94px;
  border: 4px solid rgb(112, 173, 222);
  border-radius: 100%;
  position: relative;
  background: rgb(112, 173, 222);
}
@media screen and (max-width: 1540px) {
  .tekom-live .person-circle {
    width: 74px;
    height: 74px;
  }
}
.tekom-live .person-circle img {
  border-radius: 100%;
  position: relative;
  z-index: 9;
}
.tekom-live .person-circle:hover .css-tooltip-2-wrapper {
  opacity: 1;
  visibility: visible;
}
.tekom-live .person-circle .user-full-name {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tekom-live .person-circle.css-user-icon {
  width: 94px;
  height: 94px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .person-circle.css-user-icon {
    width: 74px;
    height: 74px;
  }
}
.tekom-live .css-tooltip {
  width: 130px;
  height: auto;
  padding: 5px;
  background: rgb(79, 77, 77);
  color: rgb(255, 255, 255);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.tekom-live .css-tooltip:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgb(79, 77, 77);
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0);
}
.tekom-live .tb-lightblue30 {
  background: transparent;
}
.tekom-live .box-gradient.tb-lightblue30::before {
  background: transparent !important;
}
.tekom-live .tekom-boxes .tekom-grid > div::after {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div.box-content {
  position: unset;
}
.tekom-live .tekom-boxes .tekom-grid > div h4 {
  overflow: hidden;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .tekom-live .tekom-boxes .tekom-grid > div h4 {
    height: auto;
  }
}
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1:hover,
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-mt:hover,
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c2:hover {
  opacity: 1;
}
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div.box-content {
  padding-left: 15px;
  padding-right: 15px;
}
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div.box-content ul {
  color: rgb(79, 77, 77);
  text-align: left;
  padding-left: 20px;
}
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div.box-content ul li {
  margin: 5px 0;
}
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1 > div.box-content ul li a {
  color: rgb(79, 77, 77);
}
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox {
  position: relative;
  padding-bottom: 40px;
  background: rgb(255, 255, 255);
}
.tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox p a {
  font-weight: bold;
  position: absolute;
  bottom: 15px;
}
@media screen and (max-width: 767px) {
  .tekom-live .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox p a {
    position: unset;
  }
}
.tekom-live .back-link {
  font-weight: bold;
}
.tekom-live .back-link:before {
  color: rgb(233, 145, 37);
}
.tekom-live .room-view {
  background: #c2c1c1;
  background: -moz-linear-gradient(left, #c2c1c1 0%, #ffffff 30%, #b3b2b2 100%);
  background: -webkit-linear-gradient(left, #c2c1c1 0%, #ffffff 30%, #b3b2b2 100%);
  background: linear-gradient(to right, #c2c1c1 0%, #ffffff 30%, #b3b2b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c2c1c1", endColorstr="#b3b2b2",GradientType=1 );
}
.tekom-live .css-info-white-board {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  position: relative;
  min-height: 300px;
  width: 310px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-info-white-board {
    min-height: 260px;
    width: 290px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-info-white-board {
    min-height: 210px;
    width: 270px;
  }
}
.tekom-live .css-info-white-board h2, .tekom-live .css-info-white-board h3 {
  color: rgb(28, 99, 184);
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 0;
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-info-white-board h2, .tekom-live .css-info-white-board h3 {
    font-size: 1.25rem;
  }
}
.tekom-live .css-info-white-board .small-circles-wrapper {
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
  text-align: center;
}
.tekom-live .css-info-white-board .small-circles-wrapper .person-circle {
  width: 55px;
  height: 55px;
  border-width: 2px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  background: rgb(112, 173, 222);
  position: relative;
}
.tekom-live .css-info-white-board .small-circles-wrapper .person-circle .css-plus {
  background: rgb(28, 99, 184);
  position: absolute;
  left: 49%;
  top: 49%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.tekom-live .css-info-white-board .small-circles-wrapper .person-circle .css-plus:before, .tekom-live .css-info-white-board .small-circles-wrapper .person-circle .css-plus:after {
  background-color: rgb(255, 255, 255);
}
.tekom-live .css-info-white-board .small-circles-wrapper .person-circle img {
  position: relative;
  z-index: 1;
}
.tekom-live .css-info-white-board .small-circles-wrapper .person-circle.empty-circle:hover .css-plus {
  opacity: 1;
  visibility: visible;
}
.tekom-live .css-info-white-board .small-circles-wrapper .person-circle.empty-circle .css-tooltip-2-wrapper {
  width: auto;
}
.tekom-live .css-info-white-board .small-circles-wrapper .user-full-name {
  font-size: 0.9375rem;
}
.tekom-live .css-tooltip-2-wrapper {
  position: absolute;
  padding-top: 25px;
  width: 180px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 12px;
  bottom: -35px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  transition-delay: 0.3s;
  z-index: 1;
}
@media screen and (max-width: 450px) {
  .tekom-live .css-tooltip-2-wrapper {
    width: 100px;
    bottom: -65px;
  }
}
.tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content {
  background: rgb(112, 173, 222);
  color: rgb(255, 255, 255);
  padding: 5px;
  position: relative;
  line-height: 15px;
  text-align: center;
}
.tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgb(112, 173, 222);
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0);
}
.tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-tl-user, .tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-mail {
  text-decoration: none;
}
.tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-tl-user:before, .tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-mail:before {
  margin: 0;
  font-size: 14px;
  transition: all 0.3s;
}
.tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-tl-user:hover:before, .tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-mail:hover:before {
  color: rgb(255, 255, 255);
}
.tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-tl-user {
  margin: 0 3px;
}
.tekom-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-mail {
  margin: 0 3px;
}
.tekom-live .css-sponsors-banner {
  background: rgb(255, 255, 255);
  width: 230px;
  max-height: 480px;
  background: white;
  position: absolute;
  top: 170px;
  left: 260px;
  z-index: 9;
}
@media screen and (max-width: 1800px) {
  .tekom-live .css-sponsors-banner {
    top: 180px;
    left: 210px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .css-sponsors-banner {
    height: auto;
    top: 118px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-sponsors-banner {
    top: 106px;
    left: 170px;
    width: 180px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-sponsors-banner {
    top: 82px;
    left: 150px;
    width: 150px;
  }
}
.tekom-live .css-sponsors-banner h2, .tekom-live .css-sponsors-banner h3 {
  color: rgb(255, 255, 255);
  background: rgb(153, 153, 147);
  width: 100%;
  padding: 30px 5px;
  text-align: center;
  box-sizing: border-box;
  font-size: 1.5rem;
  margin: 0;
}
@media screen and (max-width: 1660px) {
  .tekom-live .css-sponsors-banner h2, .tekom-live .css-sponsors-banner h3 {
    padding: 10px 5px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-sponsors-banner h2, .tekom-live .css-sponsors-banner h3 {
    font-size: 1.25rem;
  }
}
.tekom-live .css-sponsors-banner .sponsors-logos {
  background: #ffffff;
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 50%, #d9d9d9 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 50%, #d9d9d9 100%);
  background: radial-gradient(ellipse at center, #ffffff 50%, #d9d9d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#d9d9d9",GradientType=1 );
}
.tekom-live .css-sponsors-banner .sponsors-logos .s-logo-top {
  text-align: center;
  padding: 30px 0;
}
.tekom-live .css-sponsors-banner .sponsors-logos .s-logo-top img {
  display: inline-block;
  max-width: 65%;
  max-height: 90px;
  height: auto;
  width: auto;
}
.tekom-live .css-sponsors-banner .sponsors-logos .s-logos-small-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 0 20px 20px 20px;
}
.tekom-live .css-sponsors-banner .sponsors-logos .s-logos-small-wrapper .s-logo-small {
  width: 42%;
  margin-bottom: 10px;
}
.tekom-live .css-sponsors-banner .sponsors-logos .s-logos-small-wrapper .s-logo-small img {
  display: inline-block;
  max-width: 100%;
  max-height: 80px;
  height: auto;
  width: auto;
}
.tekom-live .css-sponsors-banner .sponsors-logos .css-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.tekom-live .css-sponsors-banner:hover .css-plus {
  opacity: 1;
  visibility: visible;
}
.tekom-live .css-sponsors-banner .start-teaser .container {
  width: 100%;
}
.tekom-live .css-sponsors-banner .start-teaser .container .slider-wrapper {
  height: 480px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .css-sponsors-banner.with-slides {
    top: 140px;
    left: 210px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .css-sponsors-banner.with-slides {
    height: auto;
    top: 140px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-sponsors-banner.with-slides {
    top: 106px;
    left: 170px;
    width: 180px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-sponsors-banner.with-slides {
    top: 82px;
    left: 150px;
    width: 150px;
  }
}
.tekom-live .css-conference-id {
  position: absolute;
  top: 200px;
  right: 710px;
  z-index: 9;
  width: 550px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .css-conference-id {
    width: 450px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .css-conference-id {
    top: 160px;
    right: 630px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-conference-id {
    top: 160px;
    right: 520px;
  }
}
@media screen and (max-width: 1450px) {
  .tekom-live .css-conference-id {
    top: 140px;
    right: 460px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .css-conference-id {
    top: 120px;
    right: 440px;
  }
}
.tekom-live .css-conference-id .conference-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 110px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-conference-id .conference-logo img {
    max-width: 50%;
    max-height: 70px;
  }
}
.tekom-live .css-conference-id .conference-name h2 {
  font-size: 38px;
  text-transform: none;
  margin: 15px 0 0 0;
}
@media screen and (max-width: 1800px) {
  .tekom-live .css-conference-id .conference-name h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .css-conference-id .conference-name h2 {
    font-size: 30px;
  }
}
.tekom-live .two-columns-layout {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tekom-live .two-columns-layout > div {
  width: 45%;
}
@media screen and (max-width: 1023px) {
  .tekom-live .jobs-layout {
    padding: 10px 0 50px;
  }
}
.tekom-live .jobs-layout h2 {
  text-transform: none;
  font-size: 1.125rem;
}
.tekom-live .jobs-layout h3 {
  text-transform: none;
  font-size: 1rem;
  margin-bottom: 0.3rem;
}
.tekom-live .jobs-layout p {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.3rem;
}
.tekom-live .jobs-layout .icon-t-downloadpdf {
  position: relative;
  padding-left: 50px;
}
.tekom-live .jobs-layout .icon-t-downloadpdf:before {
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 35px;
  color: rgb(28, 99, 184);
}
.tekom-live .jobs-layout .job-wrapper {
  margin-bottom: 20px;
}
.tekom-live .jobs-layout .job-wrapper:last-child {
  margin-bottom: 0;
}
.tekom-live a.btn {
  min-width: 180px;
  text-align: center;
  padding: 10px 15px;
  transition: all 0.3s;
  display: inline-block;
}
.tekom-live a.btn.btn-primary {
  background-color: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  font-size: 1.125rem;
}
.tekom-live a.btn.btn-primary:hover {
  background-color: rgb(112, 173, 222);
}
.tekom-live a.icon-pfeil_rechts {
  position: relative;
  padding-right: 20px;
  font-weight: bold;
  transition: all 0.3s;
}
.tekom-live a.icon-pfeil_rechts:before {
  position: absolute;
  color: rgb(233, 145, 37);
  right: 0;
  font-size: 0.75rem;
  top: 3px;
}
.tekom-live a.icon-pfeil_rechts:hover {
  color: rgb(112, 173, 222);
}
.tekom-live main.main-foyer {
  background: #c2c1c1;
  background: -moz-linear-gradient(left, #c2c1c1 0%, #fff 30%, #b3b2b2 100%);
  background: -webkit-linear-gradient(left, #c2c1c1 0%, #fff 30%, #b3b2b2 100%);
  background: linear-gradient(to right, #c2c1c1 0%, #fff 30%, #b3b2b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c2c1c1", endColorstr="#b3b2b2",GradientType=1 );
}
.tekom-live main .container.programm-all-details .search-topic-form #search-1 {
  background-color: transparent;
}
.tekom-live main .container.programm-all-details .all-days-details .date-details .programm-grids.r-box {
  display: block;
  border: none;
  background-color: transparent;
  padding: 0;
}
.tekom-live main .container.programm-all-details .all-days-details .date-details .programm-grids.r-box .box-6 {
  width: 100%;
  display: block;
}
@media screen and (max-width: 767px) {
  .tekom-live main .container .programm-grids {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live main .container .programm-grids .box-2 {
    width: 100%;
    margin-top: 20px;
  }
}
.tekom-live .blue-border-grid {
  border-left: 7px solid rgb(112, 173, 222);
  border-top: 7px solid rgb(112, 173, 222);
  box-sizing: border-box;
  padding-bottom: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.tekom-live .blue-border-grid > div {
  height: 230px;
  width: 33.333333%;
  box-sizing: border-box;
  border-right: 7px solid rgb(112, 173, 222);
  border-bottom: 7px solid rgb(112, 173, 222);
  background: url(../Images/tekom-live/tweet-default-bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.tekom-live .blue-border-grid > div:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 4;
}
.tekom-live .tweets-layout .tweet-img-file {
  position: relative;
  z-index: 2;
}
.tekom-live .tweets-layout .tweet-container {
  color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.tekom-live .tweets-layout .tweet-container .tweet-content {
  padding: 20px 20px 0 20px;
  height: 150px;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: unset;
  justify-content: unset;
}
.tekom-live .tweets-layout .tweet-container .tweet-content > * {
  width: 100%;
}
.tekom-live .tweets-layout .tweet-container .tweet-content p {
  line-height: 18px;
}
.tekom-live .container-full h2 {
  font-size: 2rem;
  text-align: center;
  margin: 20px 0;
  text-transform: none;
}
.tekom-live .social-links {
  padding-top: 20px;
  margin-bottom: 30px;
}
.tekom-live .social-links > a {
  text-decoration: none !important;
  background: rgb(28, 99, 184);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  transition: all 0.3s;
  vertical-align: top;
  white-space: nowrap !important;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .tekom-live .social-links > a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.tekom-live .social-links > a:last-child {
  margin-right: 0;
}
.tekom-live .social-links > a:before {
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 40px;
}
@media screen and (max-width: 767px) {
  .tekom-live .social-links > a:before {
    line-height: 30px;
    font-size: 0.9375rem;
  }
}
.tekom-live .social-links > a:hover {
  background: rgb(112, 173, 222);
}
.tekom-live .edit-socials label > span {
  text-decoration: none !important;
  background: rgb(28, 99, 184);
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 1.25rem;
  color: rgb(255, 255, 255);
  display: inline-block;
  margin-right: 5px;
  transition: all 0.3s;
}
.tekom-live .edit-socials label > span:before {
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 30px;
}
.tekom-live .icon-with-tooltip {
  position: relative;
}
.tekom-live .icon-with-tooltip:hover .css-tooltip-2-wrapper {
  opacity: 1;
  visibility: visible;
}
.tekom-live .icon-with-tooltip .css-tooltip-2-wrapper {
  text-align: center;
  width: 120px;
}
.tekom-live .icon-with-tooltip a {
  display: block;
  position: relative;
  z-index: 3;
}
.tekom-live .icon-with-text span {
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
}
.tekom-live .icon-live a {
  color: #23D84C;
}
.tekom-live .room-walls-fair {
  position: relative;
  min-height: 920px;
  background-color: rgb(244, 244, 244);
}
.tekom-live .room-walls-fair .wall-left {
  width: 25%;
  height: 650px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .tekom-live .room-walls-fair .wall-left {
    display: none;
  }
}
.tekom-live .room-walls-fair .wall-left:before, .tekom-live .room-walls-fair .wall-left:after {
  content: "";
  position: absolute;
}
.tekom-live .room-walls-fair .wall-left:before {
  width: 0;
  height: 0;
  border-top: 100px solid transparent;
  border-bottom: 0 solid transparent;
  position: absolute;
  right: 0;
  top: -100px;
}
.tekom-live .room-walls-fair .wall-left:after {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 100px solid transparent;
  position: absolute;
  right: 0;
  bottom: -100px;
}
.tekom-live .room-walls-fair .wall-right {
  width: 25%;
  height: 650px;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .tekom-live .room-walls-fair .wall-right {
    display: none;
  }
}
.tekom-live .room-walls-fair .wall-right:before, .tekom-live .room-walls-fair .wall-right:after {
  content: "";
  position: absolute;
}
.tekom-live .room-walls-fair .wall-right:before {
  width: 0;
  height: 0;
  border-top: 100px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 600px solid green;
  position: absolute;
  left: 0;
  top: -100px;
}
.tekom-live .room-walls-fair .wall-right:after {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 100px solid transparent;
  border-right: 600px solid green;
  position: absolute;
  left: 0;
  bottom: -100px;
}
.tekom-live .room-walls-fair .wall-middle {
  border-top: 15px solid rgb(79, 77, 77);
  height: 650px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  .tekom-live .room-walls-fair .wall-middle {
    position: unset;
    height: auto;
    width: 100%;
    transform: none;
  }
}
.tekom-live .room-walls-fair .wall-banner {
  position: absolute;
  background: rgb(255, 255, 255);
  overflow: hidden;
}
.tekom-live .room-walls-fair .wall-banner img {
  display: block;
}
.tekom-live .room-walls-fair.room-basic {
  margin-top: -200px;
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-basic {
    margin-top: 0;
  }
}
.tekom-live .room-walls-fair.room-basic .wall-middle {
  width: 50%;
}
.tekom-live .room-walls-fair.room-basic .wall-banner {
  left: 50%;
  transform: translate(-50%, 0);
  width: 650px;
  height: 100%;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-basic .wall-banner {
    width: 560px;
    height: auto;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-basic .wall-banner {
    width: 500px;
  }
}
.tekom-live .room-walls-fair.room-basic .roll-banner-wrapper {
  position: absolute;
  left: -17%;
  bottom: -80px;
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-basic .roll-banner-wrapper {
    left: -25%;
  }
}
.tekom-live .room-walls-fair.room-basic .banner-with-text-wrapper {
  bottom: -50px;
  right: -16%;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-basic .banner-with-text-wrapper {
    right: -20%;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-basic .banner-with-text-wrapper {
    right: -30%;
  }
}
.tekom-live .room-walls-fair.room-basic .info-table {
  width: 590px;
  height: 290px;
  bottom: -240px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-basic .info-table {
    width: 500px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-basic .info-table {
    width: 450px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-basic .info-table .circles-wrapper {
    left: 130px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-basic .info-table .circles-wrapper {
    left: 110px;
  }
}
.tekom-live .room-walls-fair.room-basic .info-table .info-table-base-wrapper img {
  border-bottom-right-radius: 50% 15%;
  border-bottom-left-radius: 50% 15%;
}
.tekom-live .room-walls-fair.room-basic .info-table .info-table-base-wrapper .info-table-base {
  background-size: 50%;
  background-position: top 37px center;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-basic .info-table .info-table-base-wrapper .info-table-base {
    background-size: 55%;
    background-position: top 45px center;
  }
}
.tekom-live .room-walls-fair.room-basic .info-table-base {
  background-size: 560px;
}
.tekom-live .room-walls-fair.room-basic .wall-right .flower-s1 {
  bottom: -90px;
  right: 15%;
}
.tekom-live .room-walls-fair.room-basic .wall-right .flower-s1.flower-big {
  right: auto;
  left: -50px;
  bottom: -50px;
}
.tekom-live .room-walls-fair.room-basic .download-icon-box-basic {
  bottom: -120px;
  right: 110px;
  z-index: 5;
}
.tekom-live .room-walls-fair.room-basic-plus .video-wall {
  position: absolute;
  top: 60px;
  right: 140px;
  width: 590px;
  height: 330px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-basic-plus .video-wall {
    right: 120px;
    width: 560px;
    height: 300px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-basic-plus .video-wall {
    width: 545px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-basic-plus .video-wall {
    right: 90px;
    width: 465px;
    height: 260px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-basic-plus .video-wall {
    right: 98px;
    width: 375px;
    height: 230px;
  }
}
.tekom-live .room-walls-fair.room-silver {
  margin-top: -200px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-silver {
    margin-top: -130px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-silver {
    margin-top: -120px;
  }
}
.tekom-live .room-walls-fair.room-silver .wall-middle {
  width: 58%;
}
.tekom-live .room-walls-fair.room-silver .wall-middle .roll-banner-small-wrapper {
  left: -320px;
  bottom: -110px;
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-silver .wall-middle .roll-banner-small-wrapper {
    left: -265px;
  }
}
.tekom-live .room-walls-fair.room-silver .wall-right {
  width: 21%;
}
.tekom-live .room-walls-fair.room-silver .wall-right .flower-s1 {
  bottom: -90px;
  right: 15%;
}
.tekom-live .room-walls-fair.room-silver .wall-right .roll-banner-small-wrapper {
  left: 30px;
  bottom: -220px;
  z-index: 3;
}
.tekom-live .room-walls-fair.room-silver .wall-left {
  width: 21%;
}
.tekom-live .room-walls-fair.room-silver .wall-banner {
  width: 370px;
  height: 100%;
  left: 100px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-silver .wall-banner {
    width: 340px;
    left: 50px;
    height: auto;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-silver .wall-banner {
    width: 310px;
    left: 70px;
  }
}
.tekom-live .room-walls-fair.room-silver .roll-banner-wrapper {
  position: absolute;
  left: -17%;
  bottom: -80px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-silver .roll-banner-wrapper {
    left: -20%;
  }
}
.tekom-live .room-walls-fair.room-silver .banner-with-text-wrapper {
  bottom: -50px;
  right: -16%;
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-silver .banner-with-text-wrapper {
    right: -35%;
  }
}
.tekom-live .room-walls-fair.room-silver .info-table {
  width: 950px;
  height: 290px;
  bottom: -240px;
  left: 16%;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-silver .info-table {
    left: 10%;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-silver .info-table {
    width: 880px;
    left: 12%;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-silver .info-table {
    width: 800px;
    left: -2%;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-silver .info-table {
    width: 730px;
    left: 4%;
  }
}
.tekom-live .room-walls-fair.room-silver .info-table .info-table-i-icon {
  right: 70px;
}
.tekom-live .room-walls-fair.room-silver .info-table .info-table-base-wrapper img {
  border-bottom-right-radius: 50% 13%;
  border-bottom-left-radius: 50% 13%;
}
.tekom-live .room-walls-fair.room-silver .info-table .info-table-base-wrapper .info-table-base {
  background-size: 50%;
  background-position: top 37px center;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-silver .info-table .info-table-base-wrapper .info-table-base {
    background-size: 55%;
    background-position: top 45px center;
  }
}
.tekom-live .room-walls-fair.room-silver .circles-wrapper:nth-of-type(1) {
  left: 230px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-silver .circles-wrapper:nth-of-type(1) {
    left: 190px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-silver .circles-wrapper:nth-of-type(1) {
    left: 210px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-silver .circles-wrapper:nth-of-type(1) {
    left: 160px;
  }
}
.tekom-live .room-walls-fair.room-silver .circles-wrapper:nth-of-type(2) {
  left: 460px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-silver .circles-wrapper:nth-of-type(2) {
    left: 420px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-silver .circles-wrapper:nth-of-type(2) {
    left: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-silver .circles-wrapper:nth-of-type(2) {
    left: 350px;
  }
}
.tekom-live .room-walls-fair.room-silver .video-wall {
  position: absolute;
  top: 60px;
  right: 110px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-silver .video-wall {
    width: 460px;
    height: 250px;
    right: 95px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-silver .video-wall {
    width: 390px;
    height: 220px;
    right: 103px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-silver .video-wall {
    width: 350px;
    height: 220px;
    right: 5px;
  }
}
.tekom-live .room-walls-fair.room-gold {
  margin-top: -200px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-gold {
    margin-top: -130px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold {
    margin-top: -120px;
  }
}
.tekom-live .room-walls-fair.room-gold .wall-middle {
  width: 75%;
}
.tekom-live .room-walls-fair.room-gold .wall-middle .roll-banner-small-wrapper {
  left: -160px;
  bottom: -110px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .wall-middle .roll-banner-small-wrapper {
    left: -185px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold .wall-middle .roll-banner-small-wrapper {
    left: -165px;
  }
}
.tekom-live .room-walls-fair.room-gold .wall-right {
  width: 12.5%;
}
.tekom-live .room-walls-fair.room-gold .wall-right .flower-s1 {
  bottom: -90px;
  right: 15%;
}
.tekom-live .room-walls-fair.room-gold .wall-right .roll-banner-small-wrapper {
  left: -85px;
  bottom: -220px;
  z-index: 3;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-gold .wall-right .roll-banner-small-wrapper {
    left: -5px;
  }
}
.tekom-live .room-walls-fair.room-gold .wall-left {
  width: 12.5%;
}
.tekom-live .room-walls-fair.room-gold .wall-banner {
  width: 370px;
  height: 100%;
  left: 260px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-gold .wall-banner {
    width: 340px;
    height: auto;
    left: 205px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .wall-banner {
    left: 170px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold .wall-banner {
    width: 310px;
  }
}
.tekom-live .room-walls-fair.room-gold .roll-banner-wrapper {
  position: absolute;
  left: -30px;
  bottom: -80px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .roll-banner-wrapper {
    left: -65px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold .roll-banner-wrapper {
    left: -50px;
  }
}
.tekom-live .room-walls-fair.room-gold .banner-with-text-wrapper {
  bottom: -50px;
  right: -11%;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .banner-with-text-wrapper {
    right: -15%;
  }
}
.tekom-live .room-walls-fair.room-gold .info-table {
  width: 1020px;
  height: 290px;
  bottom: -240px;
  left: 24%;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-gold .info-table {
    left: 12.5%;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-gold .info-table {
    width: 990px;
    left: 6%;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .info-table {
    width: 920px;
    left: 10%;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold .info-table {
    width: 820px;
    left: 16%;
  }
}
.tekom-live .room-walls-fair.room-gold .info-table .info-table-i-icon {
  right: 70px;
}
.tekom-live .room-walls-fair.room-gold .info-table .info-table-base-wrapper {
  margin-top: -35px;
}
.tekom-live .room-walls-fair.room-gold .info-table .info-table-base-wrapper img {
  border-bottom-right-radius: 50% 13%;
  border-bottom-left-radius: 50% 13%;
}
.tekom-live .room-walls-fair.room-gold .info-table .info-table-base-wrapper .info-table-base {
  background-size: 50%;
  background-position: top 35px center;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .info-table .info-table-base-wrapper .info-table-base {
    background-size: 55%;
    background-position: top 45px center;
  }
}
.tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(1) {
  left: 140px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(1) {
    left: 105px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(1) {
    left: 145px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(1) {
    left: 125px;
  }
}
.tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(2) {
  left: 370px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(2) {
    left: 330px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(2) {
    left: 310px;
  }
}
.tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(3) {
  left: 600px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(3) {
    left: 555px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(3) {
    left: 515px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold .circles-wrapper:nth-of-type(3) {
    left: 495px;
  }
}
.tekom-live .room-walls-fair.room-gold .video-wall {
  position: absolute;
  top: 60px;
  right: 140px;
  width: 590px;
  height: 330px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-gold .video-wall {
    right: 120px;
    width: 490px;
    height: 300px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-gold .video-wall {
    width: 545px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-gold .video-wall {
    right: 90px;
    width: 465px;
    height: 260px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-gold .video-wall {
    right: 98px;
    width: 375px;
    height: 230px;
  }
}
.tekom-live .room-walls-fair.room-platin {
  margin-top: -200px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin {
    margin-top: -130px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin {
    margin-top: -120px;
  }
}
.tekom-live .room-walls-fair.room-platin .wall-middle {
  width: 75%;
}
.tekom-live .room-walls-fair.room-platin .wall-middle .roll-banner-small-wrapper {
  left: -160px;
  bottom: -110px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .wall-middle .roll-banner-small-wrapper {
    left: -185px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .wall-middle .roll-banner-small-wrapper {
    left: -165px;
  }
}
.tekom-live .room-walls-fair.room-platin .wall-right {
  width: 12.5%;
}
.tekom-live .room-walls-fair.room-platin .wall-right .flower-s1 {
  bottom: -90px;
  right: 15%;
}
.tekom-live .room-walls-fair.room-platin .wall-right .roll-banner-small-wrapper {
  left: -85px;
  bottom: -220px;
  z-index: 3;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-platin .wall-right .roll-banner-small-wrapper {
    left: 5px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin .wall-right .roll-banner-small-wrapper {
    left: 65px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .wall-right .roll-banner-small-wrapper {
    left: 45px;
  }
}
.tekom-live .room-walls-fair.room-platin .wall-left {
  width: 12.5%;
}
.tekom-live .room-walls-fair.room-platin .wall-banner {
  width: 370px;
  height: 100%;
  left: 260px;
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin .wall-banner {
    width: 340px;
    height: auto;
    left: 205px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .wall-banner {
    left: 170px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .wall-banner {
    width: 310px;
  }
}
.tekom-live .room-walls-fair.room-platin .roll-banner-wrapper {
  position: absolute;
  left: -30px;
  bottom: -80px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .roll-banner-wrapper {
    left: -65px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .roll-banner-wrapper {
    left: -50px;
  }
}
.tekom-live .room-walls-fair.room-platin .banner-with-text-wrapper {
  bottom: -50px;
  right: -11%;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .banner-with-text-wrapper {
    right: -15%;
  }
}
.tekom-live .room-walls-fair.room-platin .info-table {
  width: 1170px;
  height: 290px;
  bottom: -240px;
  left: 13.5%;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-platin .info-table {
    width: 1080px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin .info-table {
    width: 1100px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .info-table {
    width: 900px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .info-table {
    width: 900px;
  }
}
.tekom-live .room-walls-fair.room-platin .info-table .info-table-i-icon {
  right: 70px;
}
.tekom-live .room-walls-fair.room-platin .info-table .info-table-base-wrapper {
  margin-top: -36px;
  height: 246px;
}
.tekom-live .room-walls-fair.room-platin .info-table .info-table-base-wrapper {
  margin-top: -35px;
}
.tekom-live .room-walls-fair.room-platin .info-table .info-table-base-wrapper img {
  border-bottom-right-radius: 50% 15.5%;
  border-bottom-left-radius: 50% 15.5%;
}
.tekom-live .room-walls-fair.room-platin .info-table .info-table-base-wrapper .info-table-base {
  background-size: 47%;
  background-position: top 37px center;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .info-table .info-table-base-wrapper .info-table-base {
    background-size: 55%;
    background-position: top 45px center;
  }
}
.tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(1) {
  left: 100px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(1) {
    left: 60px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(1) {
    left: 80px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(1) {
    left: 50px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(1) {
    left: 60px;
  }
}
.tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(2) {
  left: 330px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(2) {
    left: 280px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(2) {
    left: 300px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(2) {
    left: 230px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(2) {
    left: 240px;
  }
}
.tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(3) {
  left: 560px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(3) {
    left: 500px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(3) {
    left: 520px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(3) {
    left: 410px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(3) {
    left: 420px;
  }
}
.tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(4) {
  left: 790px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(4) {
    left: 720px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(4) {
    left: 740px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(4) {
    left: 590px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .circles-wrapper:nth-of-type(4) {
    left: 600px;
  }
}
.tekom-live .room-walls-fair.room-platin .video-wall {
  position: absolute;
  top: 60px;
  right: 140px;
  width: 590px;
  height: 330px;
}
@media screen and (max-width: 1800px) {
  .tekom-live .room-walls-fair.room-platin .video-wall {
    right: 120px;
    width: 490px;
    height: 300px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .room-walls-fair.room-platin .video-wall {
    width: 545px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair.room-platin .video-wall {
    right: 90px;
    width: 465px;
    height: 260px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair.room-platin .video-wall {
    right: 98px;
    width: 375px;
    height: 230px;
  }
}
.tekom-live .room-walls-fair.room-blue .wall-left {
  background: #1e4e87;
}
.tekom-live .room-walls-fair.room-blue .wall-left:before, .tekom-live .room-walls-fair.room-blue .wall-left:after {
  border-left: 600px solid #1e4e87;
}
.tekom-live .room-walls-fair.room-blue .wall-right {
  background: #1e4e87;
}
.tekom-live .room-walls-fair.room-blue .wall-right:before, .tekom-live .room-walls-fair.room-blue .wall-right:after {
  border-right: 600px solid #1e4e87;
}
.tekom-live .room-walls-fair.room-blue .wall-middle {
  background: rgb(28, 99, 184);
}
.tekom-live .room-walls-fair.room-blue .banner-with-text-wrapper .banner-with-text-frame {
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #2162ad 100%);
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #2162ad 100%);
  background: linear-gradient(135deg, #ffffff 0%, #2162ad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="$color-gradientBlue",GradientType=1 );
}
.tekom-live .room-walls-fair.room-blue .info-table-base {
  background-color: rgb(28, 99, 184);
}
.tekom-live .room-walls-fair.room-blue .info-table-i-icon {
  background-color: rgb(112, 173, 222);
}
.tekom-live .room-walls-fair.room-blue .download-icon-Bg {
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #2162ad 100%);
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #2162ad 100%);
  background: linear-gradient(135deg, #ffffff 0%, #2162ad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="$color-gradientBlue",GradientType=1 );
}
.tekom-live .room-walls-fair.room-blue .roll-banner-small-wrapper .roll-banner-small-frame {
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #2162ad 100%);
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #2162ad 100%);
  background: linear-gradient(135deg, #ffffff 0%, #2162ad 100%);
  background: linear-gradient(135deg, #ffffff 0%, #647896 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="$color-gradientBlue",GradientType=1 );
}
.tekom-live .room-walls-fair .info-table > img {
  position: relative;
  z-index: 2;
}
.tekom-live .room-walls-fair .info-table .info-table-base-wrapper {
  width: 94%;
  overflow: hidden;
  margin: -30px auto 0 auto;
  height: 240px;
  position: relative;
}
.tekom-live .room-walls-fair .info-table .info-table-base-wrapper .info-table-base {
  width: 150%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 0 0 50% 50%;
  z-index: 1;
}
.tekom-live .room-walls-fair .info-table .info-table-i-icon {
  z-index: 2;
  bottom: 145px;
}
.tekom-live .room-walls-fair .info-table .contact-box {
  position: absolute;
  top: -75px;
  right: 40px;
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  .tekom-live .room-walls-fair .info-table .contact-box {
    top: -60px;
  }
}
.tekom-live .room-walls-fair .info-table .circles-wrapper {
  top: -70px;
  left: 160px;
}
.tekom-live .room-walls-fair .info-table .circles-wrapper.empty-sign {
  top: -120px;
}
@media screen and (max-width: 1540px) {
  .tekom-live .room-walls-fair .info-table .circles-wrapper {
    top: -45px;
  }
  .tekom-live .room-walls-fair .info-table .circles-wrapper.empty-sign {
    top: -100px;
  }
}
.tekom-live .room-walls-fair .info-table .flower-s1 {
  left: -30px;
  bottom: 0;
}
.tekom-live .room-walls-fair .info-table-base {
  background-position: center center;
  background-repeat: no-repeat;
}
.tekom-live .css-info-white-board {
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tekom-live .roll-banner-wrapper {
  width: 265px;
  border-bottom: 15px solid rgb(79, 77, 77);
}
@media screen and (max-width: 1660px) {
  .tekom-live .roll-banner-wrapper {
    width: 230px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .roll-banner-wrapper {
    width: 220px;
  }
}
.tekom-live .roll-banner-wrapper .roll-banner {
  width: 255px;
  height: 590px;
  margin: 0 auto;
  background: rgb(255, 255, 255);
  overflow: hidden;
}
@media screen and (max-width: 1660px) {
  .tekom-live .roll-banner-wrapper .roll-banner {
    background: transparent;
    width: 90%;
    height: auto;
  }
}
.tekom-live .roll-banner-wrapper img {
  display: block;
}
.tekom-live .banner-with-text-wrapper {
  width: 250px;
  border-bottom: 15px solid rgb(79, 77, 77);
  position: absolute;
}
.tekom-live .banner-with-text-wrapper .banner-with-text-frame {
  width: 240px;
  margin: 0 auto;
  height: 540px;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 1800px) {
  .tekom-live .banner-with-text-wrapper .banner-with-text-frame {
    width: 90%;
  }
}
.tekom-live .banner-with-text-wrapper .banner-with-text-frame .banner-with-text-content {
  height: 320px;
  width: 100%;
  background: rgb(255, 255, 255);
  padding: 15px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.tekom-live .banner-with-text-wrapper .banner-with-text-frame .banner-with-text-content .banner-with-text-scroll-content {
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  overflow-y: auto;
  position: relative;
  z-index: 1;
}
.tekom-live .banner-with-text-wrapper .banner-with-text-frame .banner-with-text-content .banner-with-text-scroll-content p {
  margin: 0 0 10px 0;
}
.tekom-live .banner-with-text-wrapper .banner-with-text-frame .banner-with-text-content .css-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.tekom-live .banner-with-text-wrapper .banner-with-text-frame .banner-with-text-content:hover .css-plus {
  visibility: visible;
  opacity: 1;
}
.tekom-live .roll-banner-small-wrapper {
  width: 120px;
  border-bottom: 15px solid rgb(79, 77, 77);
  position: absolute;
}
.tekom-live .roll-banner-small-wrapper .roll-banner-small-frame {
  padding: 15px;
  width: 100px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
.tekom-live .roll-banner-small-wrapper .roll-banner-small-frame > span {
  display: block;
  color: rgb(255, 255, 255);
  text-align: center;
}
.tekom-live .roll-banner-small-wrapper .roll-banner-small-frame > span.icon-tl-download-icon {
  font-size: 36px;
  margin: 15px 0 5px 0;
}
.tekom-live .roll-banner-small-wrapper .roll-banner-small-frame .css-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.tekom-live .roll-banner-small-wrapper .roll-banner-small-frame:hover .css-plus {
  visibility: visible;
  opacity: 1;
}
.tekom-live .roll-banner-small-wrapper .roll-banner-small-part {
  width: 100%;
  height: 100px;
  margin: 0 auto 10px auto;
  background: rgb(255, 255, 255);
}
.tekom-live .roll-banner-small-wrapper.with-download-icon .roll-banner-small-frame .css-plus {
  top: auto;
  bottom: 30px;
  transform: translate(-50%, 0);
}
.tekom-live .contact-box {
  width: 110px;
}
@media screen and (max-width: 1280px) {
  .tekom-live .contact-box {
    width: 90px;
  }
}
.tekom-live .contact-box .css-plus {
  position: absolute;
  left: 57%;
  top: 60%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.tekom-live .contact-box:hover .css-plus {
  visibility: visible;
  opacity: 1;
}
.tekom-live .download-icon-box-basic {
  width: 120px;
  border-bottom: 15px solid rgb(79, 77, 77);
  position: absolute;
}
.tekom-live .download-icon-box-basic .download-icon-Bg {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  padding-top: 25px;
  box-sizing: border-box;
}
.tekom-live .download-icon-box-basic .download-icon-Bg .css-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.tekom-live .download-icon-box-basic .download-icon-Bg:hover .css-plus {
  visibility: visible;
  opacity: 1;
}
.tekom-live .download-icon-box-basic .download-icon-Bg .icon-tl-download-icon:before {
  width: auto;
  margin: 0;
  color: rgb(255, 255, 255);
  font-size: 36px;
}
.tekom-live .download-icon-box-basic .download-icon-Bg .download-icon-text {
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 0.875rem;
  display: inline-block;
  padding: 5px 0 0 0;
}
.tekom-live .flower-s1 {
  width: 110px;
  position: absolute;
  z-index: 3;
}
.tekom-live .flower-s1.mirror {
  transform: scaleX(-1);
}
.tekom-live .content-element form {
  padding: 0;
  background: none;
}
.tekom-live .video-wall {
  width: 485px;
  height: 270px;
  background: #bdbcbc;
  background: -moz-linear-gradient(-45deg, #bdbcbc 0%, #ffffff 50%, #bdbcbc 100%);
  background: -webkit-linear-gradient(-45deg, #bdbcbc 0%, #ffffff 50%, #bdbcbc 100%);
  background: linear-gradient(135deg, #bdbcbc 0%, #ffffff 50%, #bdbcbc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bdbcbc", endColorstr="#bdbcbc",GradientType=1 );
}
.tekom-live .video-wall .css-video-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tekom-live .video-wall .css-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  z-index: 5;
}
.tekom-live .video-wall:hover .css-plus {
  visibility: visible;
  opacity: 1;
}
.tekom-live .video-wall iframe {
  width: 100%;
  height: 100%;
}
.tekom-live .css-video-icon {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  background: rgb(255, 255, 255);
  position: relative;
  cursor: pointer;
}
.tekom-live .css-video-icon:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 40px solid rgb(79, 77, 77);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tekom-live .tab-content ul {
  padding-left: 25px;
}
.tekom-live .tab-content ul > li {
  margin: 5px 0;
}
.tekom-live .tab-content.show-tab-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tekom-live .tab-content h2 {
  text-transform: uppercase;
  font-size: 1.25rem;
  margin-bottom: 30px;
}
.tekom-live .tab-content a {
  text-decoration: underline;
  word-break: break-word;
}
.tekom-live .exh-col-w0 {
  width: 100%;
}
.tekom-live .exh-col-w1 {
  width: 23%;
}
@media screen and (max-width: 1199px) {
  .tekom-live .exh-col-w1 {
    width: 35%;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-live .exh-col-w1 {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live .exh-col-w1 {
    width: 96%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.tekom-live .exh-col-w2 {
  width: 75%;
}
@media screen and (max-width: 1199px) {
  .tekom-live .exh-col-w2 {
    width: 96%;
  }
}
.tekom-live .exh-col-w3 {
  width: 15%;
}
@media screen and (max-width: 1199px) {
  .tekom-live .exh-col-w3 {
    width: 96%;
    margin-bottom: 10px;
  }
}
.tekom-live .exh-col-w4 {
  width: 30%;
}
@media screen and (max-width: 1280px) {
  .tekom-live .exh-col-w4 {
    width: 36%;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-live .exh-col-w4 {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 767px) {
  .tekom-live .exh-col-w4 {
    width: 100%;
  }
}
.tekom-live .exh-col-w5 {
  width: 85%;
}
@media screen and (max-width: 1540px) {
  .tekom-live .exh-col-w5 {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live .exh-col-w5 {
    width: 100%;
  }
}
.tekom-live .exh-col-w6 {
  width: 50%;
}
.tekom-live .team-line {
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .tekom-live .team-line {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
}
.tekom-live .team-line h3 {
  margin-bottom: 5px;
}
.tekom-live .team-line .request-message {
  display: block;
}
.tekom-live .team-line [class^=icon-], .tekom-live .team-line [class*=" icon-"] {
  margin-right: 5px;
  margin-left: 5px;
  text-decoration: none;
  cursor: pointer;
  display: block;
  position: relative;
  z-index: 3;
}
.tekom-live .team-line [class^=icon-].icon-tl-ok:before, .tekom-live .team-line [class^=icon-].icon-tl-cancel:before, .tekom-live .team-line [class*=" icon-"].icon-tl-ok:before, .tekom-live .team-line [class*=" icon-"].icon-tl-cancel:before {
  font-size: 30px;
}
.tekom-live .team-line [class^=icon-]::before, .tekom-live .team-line [class*=" icon-"]::before {
  font-size: 1.5rem;
  margin: 0;
}
.tekom-live .icon-tl-ok:before {
  color: #23D84C;
}
.tekom-live .icon-tl-cancel:before {
  color: rgb(153, 0, 0);
}
.tekom-live .my-profile-image {
  width: 90px;
}
.tekom-live .my-profile-image .css-user-icon {
  width: 90px;
  height: 90px;
  margin-bottom: 25px;
  line-height: 90px;
}
.tekom-live .my--profile h2 {
  text-align: left;
  text-transform: none;
  font-size: 1.5rem;
  margin-top: 5px;
  margin-bottom: 10px;
}
.tekom-live .my--profile .profile-info {
  display: block;
  margin-bottom: 50px;
  font-size: 1.125rem;
}
.tekom-live .my--profile .profile-section {
  margin-bottom: 20px;
}
.tekom-live .my--profile .profile-section p, .tekom-live .my--profile .profile-section a {
  margin: 0;
  padding: 5px 0;
  font-size: 1.125rem;
  display: block;
}
.tekom-live .my--profile .profile-section a {
  color: rgb(79, 77, 77);
}
.tekom-live .my--profile .profile-section a:hover {
  color: rgb(28, 99, 184);
}
.tekom-live .my--profile .profile-section h3 {
  margin-bottom: 0;
}
.tekom-live .my--profile .profile-services {
  background-color: rgb(244, 244, 244);
  padding: 2%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  float: none !important;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  .tekom-live .my--profile .profile-services {
    width: 50% !important;
  }
}
.tekom-live .my--profile .profile-services div {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  width: 50% !important;
}
.tekom-live .my--profile .profile-services div ul {
  padding-right: 2%;
  padding-left: 0;
}
.tekom-live .my--profile .profile-services div ul li {
  list-style-type: none;
}
.tekom-live .my--profile .profile-services div ul li:before {
  color: rgb(28, 99, 184);
}
.tekom-live .my--profile .profile-language {
  margin-bottom: 1em;
}
.tekom-live .my--profile .tabs-wrapper h2.icon-mail:before {
  font-size: 25px;
  margin-right: 15px;
}
.tekom-live .my--profile .tabs-wrapper h3.tab {
  margin-bottom: 10px;
}
.tekom-live .my--profile .tab-content form div > div {
  width: 100%;
}
.tekom-live .my--profile .tab-content form div > div.label-wrapper {
  width: 30%;
}
@media screen and (max-width: 1540px) {
  .tekom-live .my--profile .tab-content form div > div.label-wrapper {
    width: 100%;
    margin-bottom: 0;
  }
  .tekom-live .my--profile .tab-content form div > div.label-wrapper label {
    margin-bottom: 5px;
  }
}
.tekom-live .my--profile .tab-content form div > div.input-wrapper {
  width: 68%;
  position: relative;
}
.tekom-live .my--profile .tab-content form div > div.input-wrapper.full-width {
  width: 100%;
}
@media screen and (max-width: 1540px) {
  .tekom-live .my--profile .tab-content form div > div.input-wrapper {
    width: 100%;
  }
}
.tekom-live .my--profile .tab-content form div.edit-socials > div.label-wrapper {
  width: 30px;
}
@media screen and (max-width: 767px) {
  .tekom-live .my--profile .tab-content form div.edit-socials > div.label-wrapper {
    margin-bottom: 5px;
    height: 30px;
  }
}
.tekom-live .my--profile .tab-content form div.edit-socials > div.label-wrapper label {
  margin-bottom: 0;
}
.tekom-live .my--profile .tab-content form div.edit-socials > div.input-wrapper {
  width: 90%;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .tekom-live .my--profile .tab-content form div.edit-socials > div.input-wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live .my--profile .tab-content form div.edit-socials > div.input-wrapper {
    margin-bottom: 20px;
  }
}
.tekom-live .my--profile .tab-content form div.advanced-search .search-keyword div.label-wrapper {
  width: 25%;
}
@media screen and (max-width: 1199px) {
  .tekom-live .my--profile .tab-content form div.advanced-search .search-keyword div.label-wrapper {
    width: 100%;
  }
}
.tekom-live .my--profile .tab-content form div.advanced-search .search-keyword div.label-wrapper label {
  width: 100%;
  color: rgb(28, 99, 184);
}
.tekom-live .my--profile .tab-content form div.advanced-search .search-keyword div.input-wrapper {
  width: 50%;
}
.tekom-live .my--profile .tab-content form div.advanced-search .change-service-type div.service-type-label {
  color: rgb(28, 99, 184);
  width: 25%;
  margin: 0;
}
@media screen and (max-width: 1199px) {
  .tekom-live .my--profile .tab-content form div.advanced-search .change-service-type div.service-type-label {
    width: 100%;
    margin-bottom: 10px;
  }
}
.tekom-live .my--profile .tab-content form div.advanced-search .change-service-type div.service-type-label label {
  width: 100%;
}
.tekom-live .my--profile .tab-content form div.advanced-search .change-service-type div.input-wrapper {
  width: auto;
}
.tekom-live .my--profile .tab-content form div.advanced-search .service-type {
  margin-left: 25%;
}
@media screen and (max-width: 1199px) {
  .tekom-live .my--profile .tab-content form div.advanced-search .service-type {
    margin-left: 0;
  }
}
.tekom-live .my--profile .tab-content form a {
  text-decoration: none;
}
.tekom-live .my--profile .tab-content form input[type=button], .tekom-live .my--profile .tab-content form button, .tekom-live .my--profile .tab-content form a.btn {
  min-width: 100px;
  width: auto;
  padding-left: 10px;
  padding-right: 15px;
  font-size: 0.9375rem;
  margin-top: 30px;
}
.tekom-live .my--profile .tab-content form input[type=button].icon-tl-pencil:before, .tekom-live .my--profile .tab-content form button.icon-tl-pencil:before, .tekom-live .my--profile .tab-content form a.btn.icon-tl-pencil:before {
  font-size: 12px;
  margin-right: 5px;
}
.tekom-live .my--profile .team-line.visible {
  display: flex;
}
.tekom-live .my--profile .team-line.invisible {
  display: none;
}
.tekom-live .profile-public {
  margin: 30px 0;
}
.tekom-live .profile-public span {
  font-size: 1.125rem;
  font-weight: bold;
  color: rgb(79, 77, 77);
  display: block;
}
.tekom-live .profile-public span.icon-tl-ok:before, .tekom-live .profile-public span.icon-tl-cancel:before {
  font-size: 30px;
  margin-left: 0;
  position: relative;
  top: 5px;
}
.tekom-live form h1, .tekom-live form h2, .tekom-live form h3 {
  width: 100%;
}
.tekom-live form input[type=button], .tekom-live form button {
  min-width: 20%;
  width: auto;
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  text-align: center;
  border: none;
  padding: 10px 5px;
  cursor: pointer;
}
.tekom-live form.labels-not-visible label {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -99999999999px;
}
.tekom-live form.labels-visible {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tekom-live form.labels-visible .label-wrapper {
  width: 20%;
  margin-bottom: 7px;
}
.tekom-live form.labels-visible .label-wrapper label {
  display: block;
  width: 100%;
  text-align: left;
}
.tekom-live form.labels-visible .input-wrapper {
  width: 79%;
  margin-bottom: 7px;
  position: relative;
  text-align: left;
}
.tekom-live form input[type=checkbox] + label, .tekom-live form input[type=radio] + label {
  width: auto;
}
.tekom-live form input[type=checkbox] {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: -99999999px;
}
.tekom-live form input[type=checkbox]:checked + label.checkbox-style:after {
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: rgb(28, 99, 184);
  text-align: center;
  font-size: 20px;
  position: absolute;
  left: 3px;
  top: 3px;
}
.tekom-live form input[type=radio] {
  position: absolute;
  opacity: 0;
}
.tekom-live form input[type=radio]:checked + label.radio-style:after {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  left: 7px;
  top: 7px;
  background: rgb(28, 99, 184);
}
.tekom-live form label.checkbox-style {
  padding: 4px 0 7px 30px;
  margin-bottom: 0;
}
.tekom-live form label.checkbox-style:before {
  content: "";
  width: 23px;
  height: 23px;
  border: 1px solid #999993;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 26px;
  border-radius: 0;
}
.tekom-live form label.radio-style {
  padding: 4px 0 7px 30px;
  margin-bottom: 0;
}
.tekom-live form label.radio-style:before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 100%;
  border: 1px solid #999993;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 26px;
}
.tekom-live form.f-rating-box input[type=checkbox] + label, .tekom-live form.f-rating-box input[type=radio] + label {
  width: 35px;
  padding-right: 0;
}
.tekom-live form.f-rating-box .rating-item, .tekom-live form.f-rating-box .smilie-item {
  width: 35px;
}
.tekom-live form.f-rating-box .container-flex.rating-btns input[type=submit] {
  width: auto;
}
.tekom-live .flex-wrap-start {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.tekom-live .flex-wrap-space {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tekom-live .tab-content h2.search-title {
  text-transform: none;
  margin-top: 0;
}
.tekom-live .tab-content h2.search-title > span {
  color: rgb(79, 77, 77);
}
.tekom-live .tab-content .advanced-search {
  width: 100%;
}
.tekom-live .tab-content .advanced-search a {
  text-decoration: none;
}
.tekom-live .change-service-type > div {
  margin-right: 30px;
  display: inline-block;
  float: none;
  width: auto;
}
.tekom-live .input-wrapper {
  position: relative;
}
.tekom-live .input-wrapper.bittons-advanced-search {
  margin-left: 25%;
}
.tekom-live button.icon-mail:before {
  margin-right: 5px;
}
.tekom-live button.icon-tl-bubbles:before {
  margin-right: 10px;
}
.tekom-live button.btn {
  padding-top: 11px;
  padding-bottom: 12px;
}
.tekom-live .contact-request-sendMessage label {
  font-size: 1.125rem;
  color: rgb(28, 99, 184);
  width: 100%;
  font-weight: bold;
}
.tekom-live .contact-request-sendMessage textarea {
  width: 700px;
  height: 350px;
  padding: 15px;
}
@media screen and (max-width: 1199px) {
  .tekom-live .contact-request-sendMessage textarea {
    width: 100%;
    height: 200px;
  }
}
.tekom-live .contact-request-status {
  overflow: initial;
}
.tekom-live .contact-request-status .icon-tl-ok {
  overflow: initial;
  position: relative;
  padding-left: 100px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .tekom-live .contact-request-status .icon-tl-ok {
    padding-left: 60px;
  }
}
.tekom-live .contact-request-status .icon-tl-ok:before {
  position: absolute;
  left: 0;
  top: -5px;
  font-size: 60px;
  color: rgb(28, 99, 184);
}
@media screen and (max-width: 767px) {
  .tekom-live .contact-request-status .icon-tl-ok:before {
    font-size: 36px;
    top: 5px;
  }
}
.tekom-live .my--messages .message-date-time {
  width: 190px;
  color: rgb(28, 99, 184);
}
@media screen and (max-width: 1660px) {
  .tekom-live .my--messages .message-date-time {
    width: 180px;
  }
}
.tekom-live .my--messages .message-name-text {
  width: 65%;
}
@media screen and (max-width: 1660px) {
  .tekom-live .my--messages .message-name-text {
    width: 55%;
  }
}
@media screen and (max-width: 1199px) {
  .tekom-live .my--messages .message-name-text {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live .my--messages .message-name-text {
    width: 100%;
  }
}
.tekom-live .my--messages .message-name-text h3 {
  font-family: "Muli";
  font-weight: 400;
}
.tekom-live .my--messages .team-line {
  margin: 0;
  padding: 10px 0;
  text-decoration: none;
  cursor: pointer;
  padding-left: 5px;
  box-sizing: border-box;
}
.tekom-live .my--messages .team-line .message-text-start {
  color: rgb(79, 77, 77);
}
.tekom-live .my--messages .team-line * {
  pointer-events: none;
}
.tekom-live .my--messages .team-line.tab-active {
  background: rgb(238, 238, 238);
}
@media screen and (max-width: 1660px) {
  .tekom-live .my--messages .user-profile-inTabs {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live .my--messages .message-new .message-date-time {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live .my--messages .message-new .message-name-text {
    width: 60%;
  }
}
.tekom-live .chat-notification-wrapper {
  position: fixed;
  width: 350px;
  z-index: 10;
  bottom: 100px;
  right: 100px;
  text-align: center;
}
@media screen and (max-width: 1540px) {
  .tekom-live .chat-notification-wrapper {
    bottom: 30px;
    right: 30px;
  }
}
.tekom-live .chat-notification-wrapper .chat-notification {
  background: rgb(255, 255, 255);
  padding: 20px;
  width: 350px;
  box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.tekom-live .chat-notification-wrapper .chat-notification > * {
  margin: 7px 0;
}
.tekom-live .chat-notification-wrapper .close-chat {
  width: 45px;
  height: 45px;
  border: 10px solid #ffffff;
}
.tekom-live .chat-notification-wrapper .close-chat:before, .tekom-live .chat-notification-wrapper .close-chat:after {
  width: 3px;
  height: 22px;
  left: 22px;
  top: 12px;
}
.tekom-live .chat-notification-wrapper .chat-sender-name {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
}
.tekom-live .chat-notification-wrapper .chat-sender-name > * {
  margin: 0 5px;
}
.tekom-live .chat-notification-wrapper .chat-notification-text {
  font-weight: bold;
}
.tekom-live .chat-notification-wrapper a.btn {
  font-size: 0.9375rem;
  min-width: auto;
  width: auto;
}
.tekom-live .chat-notification-wrapper a.btn:before {
  margin-right: 10px;
}
.tekom-live a.btn {
  text-decoration: none;
}
.tekom-live .search-with-btn {
  align-content: start;
}
.tekom-live .search-with-btn input {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
  padding-top: 12px;
  padding-bottom: 12px;
}
.tekom-live .search-with-btn form button {
  background: transparent;
  width: 50px;
  height: 40px;
  color: rgb(28, 99, 184);
  font-size: 36px;
  min-width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.tekom-live .search-with-btn h2 {
  margin: 30px 0 20px 0;
}
.tekom-live ul.uploadfield {
  margin: 0;
  padding: 0;
  position: relative;
  width: 440px;
  height: 440px;
  border: 1px solid rgb(112, 173, 222);
  box-sizing: border-box;
  cursor: pointer;
}
.tekom-live ul.uploadfield:before {
  content: "\e80d";
  font-family: "tekom-live";
  position: absolute;
  margin: 0;
  font-size: 65px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.tekom-live ul.uploadfield li {
  list-style-type: none;
  margin: 0;
}
.tekom-live ul.uploadfield li .delete, .tekom-live ul.uploadfield li .info {
  position: absolute;
  top: 0;
  margin: 0;
  width: 50px;
  min-width: 50px;
}
.tekom-live ul.uploadfield li .delete {
  right: 0;
}
.tekom-live ul.uploadfield li .info {
  left: 0;
}
.tekom-live.tekom-cafe {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe {
    background-attachment: unset;
  }
}
.tekom-live.tekom-cafe .aside-right {
  position: fixed;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  height: calc(100vh - 81px);
  width: 450px;
  top: 81px;
  box-sizing: border-box;
  padding: 20px;
  z-index: 99999;
}
@media screen and (max-width: 1199px) {
  .tekom-live.tekom-cafe .aside-right {
    top: 75px;
    height: calc(100vh - 75px);
  }
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .aside-right {
    width: 100%;
    height: 80px;
    bottom: 0;
    top: auto;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .aside-right {
    height: 60px;
  }
}
.tekom-live.tekom-cafe .aside-right .aside-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tekom-live.tekom-cafe .aside-right .tabs-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  position: sticky;
  top: 0;
  background: #fff;
  padding: 0;
  z-index: 9;
}
.tekom-live.tekom-cafe .aside-right .tabs-wrapper h3 {
  background: rgba(153, 153, 147, 0.15);
  color: rgb(79, 77, 77);
  width: 50%;
  font-size: 1.25rem;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  margin: 0;
}
@media screen and (max-width: 1199px) {
  .tekom-live.tekom-cafe .aside-right .tabs-wrapper h3 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .aside-right .tabs-wrapper h3 {
    padding: 5px 0;
  }
}
.tekom-live.tekom-cafe .aside-right .tabs-wrapper h3.tab-active {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
}
.tekom-live.tekom-cafe .aside-right .tabs-wrapper h3.tab-active a {
  color: rgb(255, 255, 255);
  display: block;
}
.tekom-live.tekom-cafe .aside-right .tab-content {
  height: 93%;
}
.tekom-live.tekom-cafe .aside-right form {
  margin: 0;
}
.tekom-live.tekom-cafe .aside-right #chat-msg-container {
  height: calc(100% - 230px);
  overflow: auto;
  width: 100%;
}
.tekom-live.tekom-cafe .aside-right #news--container {
  height: 100%;
  overflow: auto;
  width: 100%;
}
.tekom-live.tekom-cafe .aside-right .single-message-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 25px;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .aside-right .single-message-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.tekom-live.tekom-cafe .aside-right .message-date-time {
  color: #4F4D4E;
  font-weight: bold;
  margin-bottom: 20px;
}
.tekom-live.tekom-cafe .aside-right .new-text-message {
  width: 100%;
}
.tekom-live.tekom-cafe .aside-right .new-text-message textarea {
  width: 96%;
  height: 120px;
  margin-bottom: 15px;
}
.tekom-live.tekom-cafe .aside-right .tekom-tabs {
  margin: 0;
}
.tekom-live.tekom-cafe .aside-right .css-plus {
  display: none;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .aside-right .css-plus {
    position: absolute;
    z-index: 9999;
    top: -16px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
  }
}
.tekom-live.tekom-cafe .aside-right.show-aside-right {
  z-index: 999;
  height: calc(100vh - 100px);
}
.tekom-live.tekom-cafe .aside-right.show-aside-right .css-plus:before {
  content: none;
}
.tekom-live.tekom-cafe .cafe-top-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: calc(100% - 490px);
  padding-top: 150px;
  padding-left: 25px;
  align-items: flex-start;
  min-height: 170px;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .cafe-top-content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .cafe-top-content {
    padding-top: 100px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.tekom-live.tekom-cafe .search-incafe {
  background: rgba(255, 255, 255, 0.85);
  min-width: 250px;
  max-width: 700px;
  width: auto;
  padding: 10px 20px 10px 10px;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  margin-right: 5px;
}
@media screen and (max-width: 1199px) {
  .tekom-live.tekom-cafe .search-incafe {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .search-incafe {
    max-width: 300px;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 0.9375rem;
  }
}
.tekom-live.tekom-cafe .search-incafe:before {
  font-size: 1.5rem;
  color: rgb(28, 99, 184);
}
.tekom-live.tekom-cafe .cafe-content-right {
  background: rgba(255, 255, 255, 0.85);
  box-sizing: border-box;
  max-width: 300px;
  border-radius: 20px;
  text-align: right;
  max-height: 165px;
  padding: 20px;
}
.tekom-live.tekom-cafe .cafe-content-right span {
  display: block;
  padding-bottom: 5px;
}
.tekom-live.tekom-cafe .cafe-content-right .content-right-scroll {
  width: 100%;
  height: 145px;
  padding-right: 5px;
  overflow: auto;
  box-sizing: border-box;
}
.tekom-live.tekom-cafe .room-arrows {
  position: absolute;
  bottom: 300px;
  left: 25px;
  width: calc(100% - 490px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .tekom-live.tekom-cafe .room-arrows {
    height: 350px;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .room-arrows {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .room-arrows {
    bottom: 400px;
  }
}
.tekom-live.tekom-cafe .room-arrows .icon-pfeil_links {
  position: fixed;
  top: 50vh;
  left: 10px;
}
@media screen and (max-width: 1199px) {
  .tekom-live.tekom-cafe .room-arrows .icon-pfeil_links {
    left: 0;
  }
}
.tekom-live.tekom-cafe .room-arrows .icon-pfeil_links:before {
  font-size: 2rem;
  color: #e99125;
  text-shadow: #1c63b8 0 0 5px;
}
.tekom-live.tekom-cafe .room-arrows .icon-pfeil_rechts {
  position: fixed;
  top: 50vh;
  right: 450px;
}
@media screen and (max-width: 1199px) {
  .tekom-live.tekom-cafe .room-arrows .icon-pfeil_rechts {
    right: 0;
  }
}
.tekom-live.tekom-cafe .room-arrows .icon-pfeil_rechts:before {
  font-size: 2rem;
  color: #e99125;
  text-shadow: #1c63b8 0 0 5px;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft {
  opacity: 0;
  width: 115px;
  height: 160px;
  background: rgba(0, 181, 224, 0.5);
  left: -1110px;
  position: fixed;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
@media screen and (max-width: 1199px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft {
    top: 0;
    transform: none;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft {
    height: 130px;
  }
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 130px solid transparent;
  border-bottom: 130px solid transparent;
  border-right: 110px solid rgba(0, 181, 224, 0.5);
  position: absolute;
  left: -110px;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft:before {
    border-top: 100px solid transparent;
    border-bottom: 100px solid transparent;
    border-right: 90px solid rgba(0, 181, 224, 0.5);
    left: -90px;
  }
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft:hover {
  width: 300px;
  background: #00B5E0;
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft:hover {
    width: 220px;
  }
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft:hover:before {
  border-right-color: #00B5E0;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft:hover .arrow-title {
  left: 15px;
  transform: translate(0, 0);
  top: 20px;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft:hover .arrow-text {
  opacity: 1;
  visibility: visible;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft .arrow-title {
  left: -55px;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toLeft .arrow-text {
  left: 15px;
  top: 60px;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toRight {
  opacity: 0;
  width: 115px;
  height: 160px;
  background: rgba(248, 56, 93, 0.5);
  /* right: 110px; */
  left: -1000px;
  position: fixed;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
@media screen and (max-width: 1199px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toRight {
    bottom: 0;
    transform: none;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toRight {
    height: 120px;
  }
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toRight:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 130px solid transparent;
  border-bottom: 130px solid transparent;
  border-left: 110px solid rgba(248, 56, 93, 0.5);
  position: absolute;
  transform: translate(0, -50%);
  right: -110px;
  top: 50%;
  transition: all 0.3s;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toRight:after {
    border-top: 100px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 90px solid rgba(248, 56, 93, 0.5);
    right: -90px;
  }
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toRight:hover {
  width: 300px;
  background: #F8385D;
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toRight:hover {
    width: 220px;
  }
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toRight:hover:after {
  border-left-color: #F8385D;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toRight:hover .arrow-title {
  right: 75px;
  transform: translate(0, 0);
  top: 20px;
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .room-arrows .room-arrow-toRight:hover .arrow-title {
    right: 0;
  }
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toRight:hover .arrow-text {
  opacity: 1;
  visibility: visible;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toRight .arrow-title {
  right: -115px;
}
.tekom-live.tekom-cafe .room-arrows .room-arrow-toRight .arrow-text {
  left: 25px;
  top: 60px;
}
.tekom-live.tekom-cafe .room-arrows .arrow-title {
  display: block;
  color: rgb(255, 255, 255);
  font-weight: bold;
  width: 200px;
  position: absolute;
  transform: translate(0, -50%);
  font-size: 1.5rem;
  top: 50%;
  z-index: 1;
  transition: all 0.3s;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .room-arrows .arrow-title {
    font-size: 1.25rem;
  }
}
.tekom-live.tekom-cafe .room-arrows .arrow-text {
  display: block;
  opacity: 0;
  visibility: hidden;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  position: absolute;
  transition: all 0.3s;
  width: 265px;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .room-arrows .arrow-text {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .room-arrows .arrow-text {
    width: 190px;
    font-size: 0.9rem;
  }
}
.tekom-live.tekom-cafe .home-salon-gradinet-bg .icon-pfeil_links, .tekom-live.tekom-cafe .home-salon-gradinet-bg .icon-pfeil_rechts {
  display: none;
}
.tekom-live.tekom-cafe .home-salon-gradinet-bg .room-arrow-toLeft, .tekom-live.tekom-cafe .home-salon-gradinet-bg .room-arrow-toRight {
  display: block;
}
.tekom-live.tekom-cafe .red-salon-gradinet-bg .icon-pfeil_links, .tekom-live.tekom-cafe .red-salon-gradinet-bg .icon-pfeil_rechts, .tekom-live.tekom-cafe .blue-salon-gradinet-bg .icon-pfeil_links, .tekom-live.tekom-cafe .blue-salon-gradinet-bg .icon-pfeil_rechts {
  display: block;
}
.tekom-live.tekom-cafe .red-salon-gradinet-bg .room-arrow-toLeft, .tekom-live.tekom-cafe .red-salon-gradinet-bg .room-arrow-toRight, .tekom-live.tekom-cafe .blue-salon-gradinet-bg .room-arrow-toLeft, .tekom-live.tekom-cafe .blue-salon-gradinet-bg .room-arrow-toRight {
  display: none;
}
.tekom-live.tekom-cafe .text-cafe-red, .tekom-live.tekom-cafe .text-cafe-blue {
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
}
.tekom-live.tekom-cafe .text-cafe-red {
  color: #F8385D;
}
.tekom-live.tekom-cafe .text-cafe-blue {
  color: #00B5E0;
}
.tekom-live.tekom-cafe .icon-tl-table {
  line-height: 60px;
}
.tekom-live.tekom-cafe .icon-tl-table.red-table-icon {
  border-color: #F8385D;
  background: #F8385D;
}
.tekom-live.tekom-cafe .icon-tl-table.blue-table-icon {
  border-color: #00B5E0;
  background: #00B5E0;
}
.tekom-live.tekom-cafe .icon-tl-table:before {
  width: 100%;
  height: 100%;
  line-height: 60px;
}
.tekom-live.tekom-cafe .salon-tables {
  max-width: calc(100% - 490px);
  padding-left: 25px;
  padding-top: 40px;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe .salon-tables {
    padding-left: 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .salon-tables {
    padding: 0 2%;
  }
}
.tekom-live.tekom-cafe .salon-tables .salon-tables-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.tekom-live.tekom-cafe .salon-tables .salon-tables-row > div:first-child {
  margin-left: 50px;
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .salon-tables .salon-tables-row > div:first-child {
    margin-right: 0;
    margin-left: 0;
  }
}
.tekom-live.tekom-cafe .salon-tables .salon-tables-row > div:nth-child(2) {
  margin-left: 50px;
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .salon-tables .salon-tables-row > div:nth-child(2) {
    margin-right: 0;
    margin-left: 0;
  }
}
.tekom-live.tekom-cafe .salon-tables .salon-tables-row > div:last-child {
  margin-right: 0;
}
.tekom-live.tekom-cafe .salon-tables .salon-table-wrapper {
  position: relative;
  margin: 80px 20px;
}
@media screen and (max-width: 767px) {
  .tekom-live.tekom-cafe .salon-tables .salon-table-wrapper {
    margin: 110px 0 0;
  }
}
.tekom-live.tekom-cafe .salon-tables .table-big {
  width: 430px;
  height: 180px;
  max-width: 96%;
}
.tekom-live.tekom-cafe .salon-tables .table-small {
  width: 360px;
  height: 180px;
  max-width: 96%;
}
.tekom-live.tekom-cafe .salon-tables .table-small .table-members {
  top: -45px;
}
.tekom-live.tekom-cafe .salon-tables .table-small .table-members > div:first-child {
  margin-left: 5px;
}
@media screen and (max-width: 450px) {
  .tekom-live.tekom-cafe .salon-tables .table-small .table-members > div:first-child {
    margin-left: 18px;
  }
}
.tekom-live.tekom-cafe .salon-tables svg, .tekom-live.tekom-cafe .salon-tables img {
  width: 100%;
}
.tekom-live.tekom-cafe .salon-tables .person-circle {
  width: 70px;
  height: 70px;
  margin: 0 5px;
}
@media screen and (max-width: 450px) {
  .tekom-live.tekom-cafe .salon-tables .person-circle {
    width: 62px;
    height: 62px;
    border-width: 2px;
  }
}
.tekom-live.tekom-cafe .salon-tables .person-circle.empty-circle .css-tooltip-2-wrapper {
  width: auto;
}
.tekom-live.tekom-cafe .salon-tables .person-circle.empty-circle .css-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
}
.tekom-live.tekom-cafe .salon-tables .person-circle.empty-circle .css-plus:before, .tekom-live.tekom-cafe .salon-tables .person-circle.empty-circle .css-plus:after {
  background: rgb(255, 255, 255);
}
.tekom-live.tekom-cafe .salon-tables .person-circle.empty-circle:hover .css-plus {
  opacity: 1;
  visibility: visible;
}
.tekom-live.tekom-cafe .salon-tables .table-members {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: unset;
  justify-content: unset;
  align-content: center;
  width: 100%;
  align-items: unset;
  position: absolute;
  top: -60px;
  left: 10px;
}
@media screen and (max-width: 450px) {
  .tekom-live.tekom-cafe .salon-tables .table-members {
    top: -45px;
    width: 97%;
  }
}
.tekom-live.tekom-cafe .salon-tables .table-members > div:first-child {
  margin-left: 50px;
}
@media screen and (max-width: 450px) {
  .tekom-live.tekom-cafe .salon-tables .table-members > div:first-child {
    margin-left: 27px;
  }
}
.tekom-live.tekom-cafe .salon-tables.salon-red .person-circle {
  background: #F8385D;
  border-color: #F8385D;
}
.tekom-live.tekom-cafe .salon-tables.salon-blue .person-circle {
  background: rgb(112, 173, 222);
  border-color: rgb(112, 173, 222);
}
.tekom-live.tekom-cafe .salon-tables .table-topic {
  color: rgb(255, 255, 255);
  position: absolute;
  width: 80%;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 25px;
  text-align: center;
  font-size: 1.25rem;
}
@media screen and (max-width: 450px) {
  .tekom-live.tekom-cafe .salon-tables .table-topic {
    font-size: 0.9375rem;
    bottom: 45px;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe main {
    max-height: none;
    height: auto;
  }
}
.tekom-live.tekom-cafe main.red-salon-gradinet-bg:before, .tekom-live.tekom-cafe main.blue-salon-gradinet-bg:before {
  content: "";
  position: absolute;
  top: 76px;
  width: 100%;
  height: 200px;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe main.red-salon-gradinet-bg:before, .tekom-live.tekom-cafe main.blue-salon-gradinet-bg:before {
    top: 60px;
  }
}
.tekom-live.tekom-cafe main.red-salon-gradinet-bg:after, .tekom-live.tekom-cafe main.blue-salon-gradinet-bg:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 500px;
  z-index: -1;
}
.tekom-live.tekom-cafe main.red-salon-gradinet-bg:before {
  background: -moz-linear-gradient(top, rgba(248, 56, 93, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(248, 56, 93, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(248, 56, 93, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#66f8385d", endColorstr="#00ffffff",GradientType=0 );
}
.tekom-live.tekom-cafe main.red-salon-gradinet-bg:after {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.49) 50%, rgb(189, 193, 196) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.49) 50%, rgb(189, 193, 196) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.49) 50%, rgb(189, 193, 196) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#bdc1c4",GradientType=0 );
}
.tekom-live.tekom-cafe main.blue-salon-gradinet-bg:before {
  background: -moz-linear-gradient(top, rgba(0, 181, 224, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 181, 224, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 181, 224, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4d00b5e0", endColorstr="#00ffffff",GradientType=0 );
}
.tekom-live.tekom-cafe main.blue-salon-gradinet-bg:after {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(254, 254, 254, 0) 1%, rgb(197, 185, 173) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(254, 254, 254, 0) 1%, rgb(197, 185, 173) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(254, 254, 254, 0) 1%, rgb(197, 185, 173) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#c5b9ad",GradientType=0 );
}
.tekom-live.tekom-cafe footer {
  position: fixed;
  bottom: 0;
}
@media screen and (max-width: 1023px) {
  .tekom-live.tekom-cafe footer {
    bottom: 80px;
    z-index: 9;
  }
  .tekom-live.tekom-cafe footer li a {
    color: rgb(255, 255, 255);
  }
}
.tekom-live .to-cafe-tekom {
  position: fixed;
  left: 20px;
  bottom: 20px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 10px;
  font-weight: 700;
  display: inline-block;
}
@media screen and (max-width: 1023px) {
  .tekom-live .to-cafe-tekom {
    bottom: 100px;
  }
}
.tekom-live .to-cafe-tekom:before {
  content: "\e803";
  font-family: tekom;
  position: absolute;
  color: #e99125;
  font-size: 0.75rem;
  top: 13px;
  left: 15px;
  opacity: 1;
}
.tekom-live .to-cafe-tekom a {
  padding: 10px 10px 10px 20px;
}
.tekom-live.body-noscroll {
  overflow: hidden;
}
.tekom-live .user-menu > ul > li > a > span,
.tekom-live .tekom-tabs .tabs-wrapper .tab > a > span {
  display: inline-block;
  height: 20px;
  text-align: center;
  line-height: 22px;
  padding: 0 6px 0 6px;
}
.tekom-live .user-menu > ul > li > a:not(.login) > span,
.tekom-live .tekom-tabs .tabs-wrapper .tab > a > span {
  position: relative;
}
.tekom-live .user-menu > ul > li > a:not(.login) > span:before,
.tekom-live .tekom-tabs .tabs-wrapper .tab > a > span:before {
  content: "(";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
}
.tekom-live .user-menu > ul > li > a:not(.login) > span:after,
.tekom-live .tekom-tabs .tabs-wrapper .tab > a > span:after {
  content: ")" !important;
  position: absolute;
  right: 0;
  top: 0;
  display: block !important;
  font-size: 14px;
}
.tekom-live .user-menu > ul > li > a:not(.login) > span:empty,
.tekom-live .tekom-tabs .tabs-wrapper .tab > a > span:empty {
  width: 0;
  height: 0;
}
.tekom-live .user-menu > ul > li > a:not(.login) > span:empty:before, .tekom-live .user-menu > ul > li > a:not(.login) > span:empty:after,
.tekom-live .tekom-tabs .tabs-wrapper .tab > a > span:empty:before,
.tekom-live .tekom-tabs .tabs-wrapper .tab > a > span:empty:after {
  content: none !important;
}
.tekom-live .user-menu > ul > li > a:not(.login) > span:not(:empty) {
  animation-name: notification;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-direction: alternate;
  animation-iteration-count: 3;
  animation-fill-mode: none;
  animation-play-state: running;
}
@keyframes notification {
  0% {
    transform: scale(0.3);
    color: rgb(233, 145, 37);
  }
  50% {
    color: rgb(233, 145, 37);
  }
  100% {
    transform: scale(1);
    color: rgb(28, 99, 184);
  }
}
.tekom-live .small-screen-view {
  display: none;
}
@media screen and (max-width: 500px) {
  .tekom-live .small-screen-view .circle-link {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.tekom-live footer {
  padding: 25px;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 9999999;
}
@media screen and (max-width: 1199px) {
  .tekom-live footer {
    bottom: -40px;
  }
}
.tekom-live footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.tekom-live footer ul li {
  margin-left: 15px;
}
.tekom-live footer ul li:before {
  display: none;
}
.tekom-live footer ul li:first-of-type {
  margin-left: auto;
}
.tekom-live #edit-benefits-offer {
  margin-left: 140px;
}
@media screen and (max-width: 1023px) {
  .tekom-live #edit-benefits-offer {
    margin-left: 0;
  }
}
.tekom-live #meeting-time-hour, .tekom-live #meeting-time-minute {
  width: 120px;
}
.tekom-live #meeting-duration {
  width: 245px;
}
.tekom-live .login-modal .tx-felogin-pi1 fieldset legend {
  color: rgb(28, 99, 184);
}
.tekom-live .login-modal .tx-felogin-pi1 fieldset input[type=submit] {
  background-color: rgb(28, 99, 184);
}
.tekom-live .login-modal .tx-felogin-pi1 {
  margin-bottom: 1em;
}
.tekom-live .twitterwall-wrapper .twitterwall, .tekom-live .twitterwall-wrapper .more-tweets {
  background-color: rgb(112, 173, 222);
}
.tekom-live .s-logo-element {
  cursor: pointer;
}
.tekom-live .orange-btn {
  position: absolute;
  top: 230px;
  right: 475px;
  z-index: 9;
  width: 170px;
  height: 170px;
  border-radius: 100%;
}
@media screen and (max-width: 1800px) {
  .tekom-live .orange-btn {
    right: 435px;
    top: 210px;
  }
}
@media screen and (max-width: 1660px) {
  .tekom-live .orange-btn {
    right: 385px;
    top: 160px;
  }
}
@media screen and (max-width: 1540px) {
  .tekom-live .orange-btn {
    right: 365px;
    top: 135px;
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 1280px) {
  .tekom-live .orange-btn {
    right: 305px;
    top: 105px;
  }
}
.tekom-live .orange-btn a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(233, 145, 37);
  border-radius: 100%;
  transform: rotate(15deg);
  border: 1px solid rgb(255, 255, 255);
  transition: all 0.3s;
}
.tekom-live .orange-btn a:hover {
  transform: rotate(5deg);
}
.tekom-live .orange-btn a:before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -8px;
  left: -8px;
  border: 7px solid rgb(233, 145, 37);
  border-radius: 100%;
}
.tekom-live .orange-btn a .text-1, .tekom-live .orange-btn a .text-2 {
  display: block;
  text-align: center;
  font-weight: bold;
}
.tekom-live .orange-btn a .text-1 {
  color: rgb(28, 99, 184);
  position: relative;
  top: 40px;
  font-size: 1.15rem;
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 1540px) {
  .tekom-live .orange-btn a .text-1 {
    font-size: 1rem;
  }
}
.tekom-live .orange-btn a .text-2 {
  color: rgb(255, 255, 255);
  position: relative;
  top: 60px;
  padding: 0 10px;
  font-size: 0.95rem;
}
@media screen and (max-width: 1540px) {
  .tekom-live .orange-btn a .text-2 {
    font-size: 0.8rem;
  }
}
.tekom-live .modal-content.modal-content-forms {
  padding-top: 0;
}
.tekom-live .modal-content.modal-content-forms .large-form-wrapper {
  width: 95%;
}
.tekom-live .modal-content.modal-content-forms .large-form-wrapper .scroll-element {
  padding-right: 8%;
}

.tekom-live .tekom-tabs .tabs-wrapper, .conference .tekom-tabs .tabs-wrapper {
  width: 78%;
}
.tekom-live .tekom-tabs .tabs-wrapper .tab, .conference .tekom-tabs .tabs-wrapper .tab {
  background: rgb(238, 238, 238);
  color: #4F4D4E;
  border: none;
  margin-right: 1%;
  margin-bottom: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 1.25rem;
}
@media screen and (max-width: 1199px) {
  .tekom-live .tekom-tabs .tabs-wrapper .tab, .conference .tekom-tabs .tabs-wrapper .tab {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .tekom-live .tekom-tabs .tabs-wrapper .tab, .conference .tekom-tabs .tabs-wrapper .tab {
    margin-bottom: 5px;
  }
}
.tekom-live .tekom-tabs .tabs-wrapper .tab.tab-active, .conference .tekom-tabs .tabs-wrapper .tab.tab-active {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
}
.tekom-live .tekom-tabs .tabs-wrapper .tab.tab-active a, .conference .tekom-tabs .tabs-wrapper .tab.tab-active a {
  color: rgb(255, 255, 255);
  display: block;
}
.tekom-live .tekom-tabs .tabs-wrapper .tab a, .conference .tekom-tabs .tabs-wrapper .tab a {
  padding: 10px;
  display: block;
}
.tekom-live .tekom-tabs .tab-content, .conference .tekom-tabs .tab-content {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .tekom-live .tekom-tabs .tab-content, .conference .tekom-tabs .tab-content {
    margin-top: 10px;
  }
}
.tekom-live .tekom-tabs .tab-content .letter, .conference .tekom-tabs .tab-content .letter {
  text-transform: uppercase;
}
.tekom-live .tekom-tabs .tab-content .letter.not-active, .conference .tekom-tabs .tab-content .letter.not-active {
  color: rgb(238, 238, 238);
  cursor: default;
}

.new-message {
  margin-top: 20px;
}
.new-message a {
  background: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  padding: 10px 15px 10px 10px;
  display: inline-block;
}
.new-message a:before {
  margin-right: 10px;
}
.new-message a.icon-mail {
  text-decoration: none;
}

.edit-profile-form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
.edit-profile-form > div {
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .edit-profile-form > div {
    margin-right: 5%;
  }
}
.edit-profile-form div label {
  width: 100%;
}
.edit-profile-form div label.interest {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1023px) {
  .edit-profile-form div label.interest {
    margin-top: 2rem;
  }
}
.edit-profile-form .input-wrapper.buttons {
  margin-left: 140px;
}
.edit-profile-form h3 {
  width: 100%;
  color: rgb(79, 77, 77);
  margin-bottom: 30px;
}

.view-profile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1.5em 0;
  box-sizing: border-box;
  width: 100%;
}
.view-profile > div {
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .view-profile > div {
    margin-right: 5%;
  }
}

.change-profile-photo {
  text-align: center;
}
.change-profile-photo a {
  display: inline-block;
  color: rgb(79, 77, 77);
  font-size: 1.25rem;
}

.edit-profile-form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
.edit-profile-form > div {
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .edit-profile-form > div {
    margin-right: 5%;
  }
}
.edit-profile-form div label {
  width: 100%;
}
.edit-profile-form div label.interest {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1023px) {
  .edit-profile-form div label.interest {
    margin-top: 2rem;
  }
}
.edit-profile-form .input-wrapper.buttons {
  margin-left: 140px;
}
.edit-profile-form h3 {
  width: 100%;
  color: rgb(79, 77, 77);
  margin-bottom: 30px;
}

.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s;
}
.modal-wrapper.modal-active {
  opacity: 1;
  visibility: visible;
  z-index: 9999999999;
}
.modal-wrapper h2 {
  font-size: 1.5rem;
  text-transform: none;
}
.modal-wrapper .css-user-icon {
  width: 200px;
  height: 200px;
  font-size: 70px;
  line-height: 200px;
  font-weight: bold;
  display: inline-block;
}
.modal-wrapper .css-user-icon .user-full-name {
  font-size: 70px;
}
.modal-wrapper .user-full-name {
  font-size: 2rem;
  font-weight: bold;
}
.modal-wrapper .interaction {
  display: inline-block;
  font-size: 40px;
  margin: 10px;
  position: relative;
}
.modal-wrapper .interaction.inactive:before {
  opacity: 0.25;
}
.modal-wrapper .interaction.inactive:after {
  content: "";
  width: 2px;
  height: 75px;
  position: absolute;
  transform: rotate(45deg);
  left: 30px;
  bottom: -20px;
  background: rgb(153, 0, 0);
}
.modal-wrapper .interaction.icon-tl-microphone-solid {
  font-size: 60px;
  top: 10px;
}
.modal-wrapper .interaction.icon-tl-microphone-solid.inactive:after {
  top: -4px;
}
.modal-wrapper .interaction:before {
  margin: 0;
}
.modal-wrapper .person-subtitle {
  font-size: 0.875rem;
  display: block;
}
.modal-wrapper .buttons-line {
  padding-top: 50px;
}
.modal-wrapper .presentations-line {
  margin-bottom: 30px;
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  .modal-wrapper .presentations-line {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
  }
}
.modal-wrapper .presentations-line .pres-time {
  font-weight: bold;
  display: inline-block;
  line-height: 26px;
}
.modal-wrapper .presentations-line h3 {
  margin-bottom: 0;
}
.modal-wrapper .presentations-line [class^=icon-], .modal-wrapper .presentations-line [class*=" icon-"] {
  margin-right: 10px;
  margin-left: 10px;
  text-decoration: none;
  cursor: pointer;
  text-align: left;
}
.modal-wrapper .presentations-line [class^=icon-]::before, .modal-wrapper .presentations-line [class*=" icon-"]::before {
  font-size: 1.5rem;
  margin: 0 0 0 0;
  text-align: left;
  width: auto;
}
.modal-wrapper .presentations-line > div {
  margin-right: 20px;
}
.modal-wrapper .presentations-line > div:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .modal-wrapper .presentations-line .exh-col-w3, .modal-wrapper .presentations-line .exh-col-w4 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .modal-wrapper .presentations-line .exh-col-w4 {
    margin-bottom: 10px;
  }
}
.modal-wrapper .presentations-videos {
  margin-top: 50px;
}
.modal-wrapper .presentations-videos h2 {
  width: 100%;
}
.modal-wrapper .presentations-videos .video-item {
  width: 22%;
  min-height: 150px;
  margin-right: 15px;
}
@media screen and (max-width: 1199px) {
  .modal-wrapper .presentations-videos .video-item {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .modal-wrapper .presentations-videos .video-item {
    width: 100%;
  }
}
.modal-wrapper .presentations-videos .video-item .video-wrapper {
  height: 150px;
}
.modal-wrapper .presentations-videos .video-item .video-name {
  padding-top: 20px;
  display: block;
  color: rgb(28, 99, 184);
  font-weight: bold;
}
.modal-wrapper .presentations-videos .video-item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .modal-wrapper .presentations-videos .video-item:last-child {
    margin-right: 15px;
  }
}
.modal-wrapper .presentations-videos .video-item iframe, .modal-wrapper .presentations-videos .video-item video {
  width: 100%;
  height: 100%;
}
.modal-wrapper .jobs-line {
  align-items: center;
  margin-bottom: 20px;
}
.modal-wrapper .jobs-line .icon-downloadpdf {
  color: #4F4D4E;
}
.modal-wrapper .jobs-line .icon-downloadpdf:before {
  font-size: 50px;
  color: rgb(28, 99, 184);
}
.modal-wrapper .jobs-line h3, .modal-wrapper .jobs-line a {
  display: inline-block;
  margin-bottom: 0;
}
.modal-wrapper .jobs-line h3 {
  color: rgb(79, 77, 77);
  width: auto;
}
@media screen and (max-width: 1023px) {
  .modal-wrapper .jobs-line h3 {
    width: calc(100% - 80px);
  }
}
.modal-wrapper .jobs-line .icon-downloadpdf {
  width: 70px;
}
.modal-wrapper .jobs-line a.icon-pfeil_rechts {
  padding-left: 20px;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .modal-wrapper .jobs-line a.icon-pfeil_rechts {
    padding-top: 10px;
    padding-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .modal-wrapper .jobs-line a.icon-pfeil_rechts:before {
    top: 14px;
  }
}
.modal-wrapper .downloads-boxes .dw-box {
  width: 177px;
  margin-right: 30px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.modal-wrapper .downloads-boxes .dw-box .dw-img-link {
  width: 177px;
  height: 245px;
  overflow: hidden;
  border: 1px solid rgb(153, 153, 147);
  position: relative;
}
.modal-wrapper .downloads-boxes .dw-box .dw-image img {
  max-height: 245px;
  max-width: 175px;
  width: 100%;
  transition: all 0.3s;
}
.modal-wrapper .downloads-boxes .dw-box .dw-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(238, 238, 238, 0.95);
  border: 1px solid rgba(238, 238, 238, 0.95);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.modal-wrapper .downloads-boxes .dw-box .dw-link a {
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 78%;
  left: 50%;
  transform: translate(-50%, 0);
}
.modal-wrapper .downloads-boxes .dw-box .dw-link a:before {
  content: none;
}
.modal-wrapper .downloads-boxes .dw-box .dw-link a:after {
  content: "\e805";
  font-family: "tekom";
  display: inline-block;
  color: rgb(233, 145, 37);
  font-size: 0.875rem;
  margin-left: 5px;
}
.modal-wrapper .downloads-boxes .dw-box .dw-name p {
  margin: 0;
  padding: 25px 0 0 0;
  color: rgb(28, 99, 184);
  font-weight: bold;
}
.modal-wrapper .downloads-boxes .dw-box:hover .dw-img-link {
  border: 1px solid rgb(238, 238, 238);
}
.modal-wrapper .downloads-boxes .dw-box:hover .dw-image {
  overflow: hidden;
}
.modal-wrapper .downloads-boxes .dw-box:hover .dw-image img {
  transform: scale(1.2);
}
.modal-wrapper .downloads-boxes .dw-box:hover .dw-link {
  opacity: 1;
  visibility: visible;
}
.modal-wrapper .tekom-tabs {
  margin-bottom: 0;
}
.modal-wrapper .tekom-tabs .btn {
  text-decoration: none;
}

.using-tip {
  position: absolute;
  left: 20px;
  top: 100px;
  width: calc(100% - 40px);
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0 auto;
  z-index: 9999999;
}
.using-tip p {
  margin: 0;
  padding: 0 20px;
  text-align: center;
}

.col-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.modal-window {
  background: rgb(255, 255, 255);
  padding: 20px 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at 0% 100%, transparent 0, white 0) no-repeat, radial-gradient(circle at 100% 0%, transparent 8%, white 8%) no-repeat, radial-gradient(circle at 0% 0%, transparent 0, white 0) no-repeat, radial-gradient(circle at 100% 100%, transparent 0, white 0) no-repeat;
  background-position: 0 100%, 100% 0, 0 0, 100% 100%;
  background-size: 75% 75%;
}
@media screen and (max-width: 767px) {
  .modal-window {
    padding: 15px;
  }
}
.modal-window.content-center {
  text-align: center;
}
.modal-window iframe, .modal-window video {
  width: 100%;
  height: 100%;
}
.modal-window .tekom-tabs .tabs-wrapper {
  width: 100%;
  padding-top: 15px;
}
.modal-window .tekom-tabs .tabs-wrapper .tab {
  text-align: center;
  font-size: 1.125rem;
}
@media screen and (max-width: 1540px) {
  .modal-window .tekom-tabs .tabs-wrapper .tab {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 767px) {
  .modal-window .tekom-tabs .tabs-wrapper .tab {
    margin-bottom: 5px;
    width: 49%;
    font-size: 0.8rem;
  }
}
.modal-window .tekom-tabs .tabs-wrapper .tab:last-child {
  margin-right: 0;
}
.modal-window .tekom-tabs .tabs-content-wrapper {
  width: 83.15%;
}
@media screen and (max-width: 1540px) {
  .modal-window .tekom-tabs .tabs-content-wrapper {
    margin-left: 4%;
  }
}
@media screen and (max-width: 1199px) {
  .modal-window .tekom-tabs .tabs-content-wrapper {
    margin-left: 10%;
  }
}
@media screen and (max-width: 767px) {
  .modal-window .tekom-tabs .tabs-content-wrapper {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .modal-window .exh-col-w1 {
    width: 96%;
    margin-bottom: 15px;
  }
}

.modal-s {
  width: 550px;
  height: 550px;
}
@media screen and (max-width: 767px) {
  .modal-s {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}

.modal-m {
  width: 1000px;
  height: 580px;
}
.modal-m.modal-window {
  background-size: 55% 55%;
}

.modal-xl {
  width: 86%;
  height: 86%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .modal-xl {
    box-sizing: border-box;
  }
}
.modal-xl.modal-window {
  background-size: 35% 35%;
}
.modal-xl:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  background: rgb(255, 255, 255);
  top: 0;
  z-index: 1;
}
.modal-xl:after {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  background: rgb(255, 255, 255);
  left: 0;
  z-index: 1;
}
.modal-xl .modal-content {
  position: relative;
  z-index: 2;
}

.modal-close, .close-chat {
  position: absolute;
  right: -25px;
  top: -25px;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  background: rgb(28, 99, 184);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .modal-close, .close-chat {
    right: -11px;
    top: -12px;
    width: 40px;
    height: 40px;
  }
}
.modal-close:before, .modal-close:after, .close-chat:before, .close-chat:after {
  width: 5px;
  height: 30px;
  content: "";
  position: absolute;
  top: 11px;
  background: rgb(255, 255, 255);
  left: 25px;
}
@media screen and (max-width: 1023px) {
  .modal-close:before, .modal-close:after, .close-chat:before, .close-chat:after {
    width: 3px;
    height: 20px;
    left: 19px;
    top: 10px;
  }
}
.modal-close:before, .close-chat:before {
  transform: rotate(45deg);
}
.modal-close:after, .close-chat:after {
  transform: rotate(-45deg);
}

.modal-content {
  align-content: center;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: unset;
  justify-content: unset;
  overflow: hidden;
}
.modal-content > * {
  width: 100%;
}
.modal-content .modal-contnent-row {
  padding: 15px 0;
}
.modal-content .modal-contnent-row.video-content {
  height: 90%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.modal-content .modal-contnent-row.row-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 80%;
}
@media screen and (max-width: 767px) {
  .modal-content .modal-contnent-row.row-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .modal-content .modal-contnent-row.row-flex {
    height: 350px;
  }
}
.modal-content.modal-content-tabs, .modal-content.modal-content-forms {
  display: block;
}
.modal-content.modal-content-forms {
  padding-top: 50px;
}
.modal-content.modal-content-forms > div.modal-contnent-row {
  height: 90%;
}
.modal-content.modal-content-forms .large-form-wrapper {
  padding-left: 4%;
  width: 85%;
  box-sizing: border-box;
}
.modal-content.modal-content-forms .large-form-wrapper .scroll-element {
  height: 100%;
  overflow-y: auto;
}
.modal-content.search-with-btn {
  align-content: start;
}
.modal-content .tab-content {
  height: calc(100% - 90px);
  /*height: 80%;*/
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .modal-content .tab-content {
    height: 260px;
  }
}

.exh-logo-inModal {
  width: 15%;
}
@media screen and (max-width: 767px) {
  .exh-logo-inModal {
    width: 96%;
  }
}
.exh-logo-inModal .s-logo-element {
  width: 220px;
  height: 220px;
  position: relative;
}
@media screen and (max-width: 1540px) {
  .exh-logo-inModal .s-logo-element {
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 1023px) {
  .exh-logo-inModal .s-logo-element {
    width: 140px;
    height: 140px;
  }
}
@media screen and (max-width: 767px) {
  .exh-logo-inModal .s-logo-element {
    width: 90px;
    height: 90px;
  }
}
.exh-logo-inModal .s-logo-element .s-logo-image {
  width: 100%;
  height: 100%;
}
.exh-logo-inModal .s-logo-element .s-logo-image img {
  max-width: 220px;
  width: auto;
  height: auto;
  max-height: 220px;
}
@media screen and (max-width: 1540px) {
  .exh-logo-inModal .s-logo-element .s-logo-image img {
    max-width: 160px;
    max-height: 160px;
  }
}
@media screen and (max-width: 1023px) {
  .exh-logo-inModal .s-logo-element .s-logo-image img {
    max-width: 80px;
    max-height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .exh-logo-inModal .s-logo-element .s-logo-image img {
    max-width: 55px;
    max-height: 55px;
  }
}

.message-preview {
  padding: 30px 0;
  max-height: 750px;
  overflow: auto;
}
@media screen and (max-width: 1540px) {
  .message-preview {
    max-height: 600px;
  }
}
@media screen and (max-width: 1023px) {
  .message-preview {
    width: 100%;
    padding: 10px;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #ccc;
    margin-bottom: 30px;
  }
}

.message-content {
  max-height: 750px;
  overflow: auto;
}
@media screen and (max-width: 1540px) {
  .message-content {
    max-height: 600px;
  }
}
@media screen and (max-width: 1023px) {
  .message-content {
    width: 100%;
  }
}
.message-content .single-message {
  background: rgb(238, 238, 238);
  padding: 30px 50px;
}
@media screen and (max-width: 1199px) {
  .message-content .single-message {
    padding: 20px;
  }
}
.message-content .single-message > * {
  width: 100%;
}
.message-content .single-message .single-message-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-bottom: 50px;
}
.message-content .single-message.hide-tab-content {
  display: none;
}
.message-content .single-message.show-tab-content {
  display: flex;
  flex-wrap: wrap;
}
.message-content .single-message .message-date-time {
  color: rgb(79, 77, 77);
  font-weight: bold;
  margin-bottom: 20px;
}
.message-content .new-text-message {
  padding-left: 90px;
}
@media screen and (max-width: 1023px) {
  .message-content .new-text-message {
    padding-left: 0;
  }
}
.message-content .new-text-message textarea {
  width: 100%;
  height: 220px;
}

.message-unread .message-start {
  font-weight: bold;
}
.message-unread .message-date-time {
  font-weight: bold;
  position: relative;
}
.message-unread .message-date-time:after {
  content: "";
  width: 8px;
  height: 8px;
  background: rgb(28, 99, 184);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 100%;
  right: 12%;
}
.message-unread .message-name-text h3 {
  font-family: "Muli bold";
  font-weight: 700;
}
.message-unread .message-text-start {
  font-weight: bold;
}

.css-user-icon {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: rgb(28, 99, 184);
  line-height: 50px;
  font-size: 1.25rem;
  color: rgb(255, 255, 255);
  text-align: center;
  transition: all 0.3s;
  position: relative;
}
.css-user-icon .profile-photo {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
  border-radius: 100%;
  overflow: hidden;
}
.css-user-icon img {
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}

.user-profile-inTabs {
  width: 64px;
  position: relative;
  margin-right: 25px;
}
.user-profile-inTabs .css-user-icon {
  width: 60px;
  height: 60px;
  border: 2px solid rgb(112, 173, 222);
  line-height: 60px;
  overflow: hidden;
}
.user-profile-inTabs .css-user-icon .user-full-name {
  font-size: 1.125rem;
}

.conference .exh-layout .s-logo-element {
  width: 24.4%;
}
@media screen and (max-width: 1023px) {
  .conference .exh-layout .s-logo-element {
    width: 300px;
  }
}
.conference main .container .content-element .s-logo-details a.icon-pfeil_rechts {
  position: absolute;
}
.conference #search-exhibitors-form {
  background-color: transparent;
}
.conference .tab-content ul {
  padding-left: 25px;
}
.conference .tab-content ul > li {
  margin: 5px 0;
}
.conference .tab-content.show-tab-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.conference .tab-content.hide-tab-content {
  display: none;
}
.conference .tab-content h2 {
  text-transform: uppercase;
  font-size: 1.25rem;
  margin-bottom: 30px;
}
.conference .tab-content a {
  text-decoration: underline;
  word-break: break-word;
}

.a-z {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: unset;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-height: 35px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .a-z {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.a-z span {
  cursor: pointer;
  color: rgb(28, 99, 184);
  font-size: 1.5rem;
  font-weight: bold;
  transition: all 0.3s;
}
@media screen and (max-width: 1199px) {
  .a-z span {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .a-z span {
    width: 40px;
    text-align: center;
    padding-bottom: 0.3rem;
  }
}
.a-z span:hover {
  color: rgb(112, 173, 222);
}
.a-z span.active-letter {
  color: rgb(28, 99, 184);
  transform: scale(1.3);
}
.a-z span.inactive-letter {
  color: rgba(153, 153, 147, 0.4);
}

.exh-layout {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 50px;
  width: 100%;
}
.exh-layout .s-logo-element {
  width: 16%;
  margin-right: 0.3%;
  margin-left: 0.3%;
  margin-bottom: 10px;
  position: relative;
  height: 300px;
  border: 2px solid rgb(28, 99, 184);
  box-sizing: border-box;
}
@media screen and (max-width: 1800px) {
  .exh-layout .s-logo-element {
    width: 19.4%;
  }
}
@media screen and (max-width: 1199px) {
  .exh-layout .s-logo-element {
    width: 24.4%;
  }
}
@media screen and (max-width: 767px) {
  .exh-layout .s-logo-element {
    width: 250px;
    margin: 5px auto;
  }
}
.exh-layout .s-logo-element .s-logo-details {
  padding: 40px 20px 20px;
}
.exh-layout .s-logo-element .s-logo-details h2 {
  font-size: 1.25rem;
  margin: 0;
}
.exh-layout .s-logo-element .s-logo-details a {
  position: absolute;
  text-decoration: none;
}
.exh-layout .s-logo-element:hover {
  border-color: rgba(79, 77, 77, 0.22);
}
.exh-layout .s-logo-element:hover .s-logo-details {
  opacity: 1;
  visibility: visible;
}
.exh-layout .s-logo-element.visible {
  display: block;
}
.exh-layout .s-logo-element.invisible {
  display: none;
}
.exh-layout .s-logo-image {
  top: 37%;
  width: 200px;
  height: 200px;
}
.exh-layout .s-logo-image img {
  max-width: 124px;
  width: auto;
  height: auto;
  max-height: 124px;
}
.exh-layout .exh-text {
  position: absolute;
  bottom: 30px;
  text-align: center;
  font-size: 1.25rem;
  padding: 0 10px;
  left: 0;
  color: rgb(28, 99, 184);
  font-weight: bold;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .exh-layout .exh-text {
    font-size: 1.125rem;
  }
}
.exh-layout .exh-text p {
  margin-bottom: 0;
}

.sponsors-layout .s-logo-element .exh-text {
  display: none;
}

.sponsors-layout .s-logo-element .exh-text {
  display: none;
}

.sponsors-layout .s-logo-element .exh-text {
  display: none;
}

.exh-select-boxes {
  width: 100%;
  min-height: 35px;
}
.exh-select-boxes form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .exh-select-boxes form {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.exh-select-boxes form > div {
  width: 49.7%;
}
@media screen and (max-width: 767px) {
  .exh-select-boxes form > div {
    width: 100%;
  }
}
.exh-select-boxes form .subcategory-select-box {
  display: none;
}
.exh-select-boxes form .subcategory-select-box.visible {
  display: block;
}
.exh-select-boxes form .subcategory-option {
  display: none;
}
.exh-select-boxes form .subcategory-option.visible {
  display: block;
}
.exh-select-boxes > div {
  width: 49%;
}
.exh-select-boxes label {
  position: absolute;
  margin: 0;
  left: -999999999px;
}

.sponsors-layout {
  width: 100%;
}
.sponsors-layout .sponsors-platin > .s-logo-element {
  width: 400px;
  height: 400px;
}
@media screen and (max-width: 1540px) {
  .sponsors-layout .sponsors-platin > .s-logo-element {
    width: 320px;
    height: 320px;
  }
}
.sponsors-layout .sponsors-platin .s-logo-details h2 {
  font-size: 2rem;
  text-transform: none;
}
@media screen and (max-width: 1540px) {
  .sponsors-layout .sponsors-platin .s-logo-details h2 {
    font-size: 1.5rem;
  }
}
.sponsors-layout .sponsors-platin .s-logo-image {
  width: 270px;
  height: 270px;
}
.sponsors-layout .sponsors-platin .s-logo-image img {
  max-width: 170px;
  width: auto;
  height: auto;
  max-height: 170px;
}
.sponsors-layout .sponsors-gold > .s-logo-element {
  width: 250px;
  height: 250px;
}
.sponsors-layout .sponsors-gold .s-logo-details {
  padding: 20px;
}
.sponsors-layout .sponsors-gold .s-logo-details h2 {
  font-size: 1.25rem;
  text-transform: none;
}
.sponsors-layout .sponsors-gold .s-logo-image {
  width: 170px;
  height: 170px;
}
.sponsors-layout .sponsors-gold .s-logo-image img {
  max-width: 110px;
  width: auto;
  height: auto;
  max-height: 110px;
}
.sponsors-layout .s-logo-element {
  position: relative;
}
.sponsors-layout .s-logo-element:hover .s-logo-details {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.sponsors-layout .s-logo-element:hover .s-logo-image {
  z-index: 1;
}

.sponsores-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}

.s-logo-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.s-logo-details {
  box-sizing: border-box;
  text-align: center;
  background: rgba(238, 238, 238, 0.95);
  height: 100%;
  padding: 40px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 0;
}
.s-logo-details a.icon-pfeil_rechts {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translate(-50%, 0);
  line-height: 14px;
}

.r-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: unset;
  justify-content: unset;
}
.r-wrapper .r-box {
  width: calc(20% - 0.6rem);
  margin: 0 0.3rem 1rem 0.3rem;
}
@media only screen and (max-width: 1023px) {
  .r-wrapper .r-box {
    width: calc(25% - 0.6rem);
  }
}
@media only screen and (max-width: 767px) {
  .r-wrapper .r-box {
    width: calc(50% - 0.6rem);
  }
}
.r-wrapper .r-box .r-image {
  overflow: hidden;
}
.r-wrapper .r-box .r-image img {
  transition: all 0.5s;
  display: block;
}
.r-wrapper .r-box h3 {
  margin: 0.5rem 0;
}
.r-wrapper .r-box h3, .r-wrapper .r-box a {
  transition: all 0.3s;
  font-size: 1rem;
}
.r-wrapper .r-box h4 {
  font-weight: 400;
  color: rgb(153, 153, 147);
  font-size: 0.9rem;
}
.r-wrapper .r-box:hover .r-image img {
  transform: scale(1.2);
}
.r-wrapper .r-box:hover h3, .r-wrapper .r-box:hover a {
  color: rgb(233, 145, 37);
}
.r-wrapper .no---photo {
  position: relative;
}
.r-wrapper .no---photo-bg img {
  width: 100%;
}
.r-wrapper .no---photo-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.r-wrapper .no---photo-icon img {
  width: 100%;
}

.container.programm-all-details .search-topic-form #search-1 {
  background-color: transparent;
}
.container.programm-all-details .all-days-details .date-details .programm-grids.r-box {
  display: block;
  border: none;
  background-color: transparent;
  padding: 0;
}
.container.programm-all-details .all-days-details .date-details .programm-grids.r-box .box-6 {
  width: 100%;
  display: block;
}
.container.programm-all-details .all-days-details .date-details .programm-grids.r-box:hover {
  background-color: transparent;
}

@keyframes pleasewaitanimation {
  0% {
    opacity: 0.2;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
#pleasewait {
  width: 100%;
  font-size: 30px;
  text-align: center;
  animation-name: pleasewaitanimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

#profilemodal {
  position: fixed;
  z-index: 9999999999;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  background: linear-gradient(135deg, #f0f9ff 0%, #cbebff 68%, #cbebff 68%, #cbebff 72%, #70adde 100%);
}
#profilemodal #pleasewait {
  margin-top: 40vh;
}
#profilemodal #profilemodal-inner {
  padding: 10vh 10vw;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 !important;
}
#profilemodal #profilemodal-inner .content-element.image-above {
  max-width: 100%;
}

.slide-item--1, .slide-item--2, .slide-item--3, .slide-item--4 {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  height: 100%;
}
.slide-item--1.show-item, .slide-item--2.show-item, .slide-item--3.show-item, .slide-item--4.show-item {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.slide-item--1 img, .slide-item--2 img, .slide-item--3 img, .slide-item--4 img {
  vertical-align: middle;
}

.multiple-slider-container {
  width: 100%;
  position: relative;
  margin: 0;
  height: 120px;
  overflow: hidden;
}
@media screen and (max-width: 1660px) {
  .multiple-slider-container {
    height: 110px;
  }
}
@media screen and (max-width: 1540px) {
  .multiple-slider-container {
    height: 95px;
  }
}
@media screen and (max-width: 1280px) {
  .multiple-slider-container {
    height: 80px;
  }
}

.prev, .next-logos {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: 18px;
}

/* Position the "next button" to the right */
.next-logos {
  right: -50px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a grey background color */
.prev:hover, .next-logos:hover {
  background-color: #f1f1f1;
  color: black;
}

[class^=slide-item--] {
  position: absolute;
  padding: 0;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
[class^=slide-item--] img {
  display: inline-block;
  max-width: 65%;
  max-height: 90px;
  height: auto;
  width: auto;
}
@media screen and (max-width: 1660px) {
  [class^=slide-item--] img {
    max-height: 80px;
  }
}
@media screen and (max-width: 1540px) {
  [class^=slide-item--] img {
    max-height: 75px;
  }
}
@media screen and (max-width: 1280px) {
  [class^=slide-item--] img {
    max-height: 65px;
  }
}
[class^=slide-item--] a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-is-live {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 10px;
  left: 0;
}
.video-is-live > span {
  text-transform: uppercase;
  color: rgba(79, 77, 77, 0.85);
  display: inline-block;
  letter-spacing: 1px;
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.video-is-live > span.live-red-dot {
  width: 10px;
  height: 10px;
  border: 1px solid rgb(79, 77, 77);
  background-color: red;
  border-radius: 100%;
  margin-right: 10px;
  -webkit-animation: fadeInOut 2s infinite;
  -moz-animation: fadeInOut 2s infinite;
  animation: fadeInOut 2s infinite;
}

.video-is-live-bottom {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 10px;
  left: 0;
  font-family: "Muli bold", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: rgba(79, 77, 77, 0.85);
}
.video-is-live-bottom:before {
  content: "\e805";
  font-family: "tekom";
  color: rgb(233, 145, 37);
}
.video-is-live-bottom a {
  font-weight: 700;
  color: rgba(79, 77, 77, 0.85);
}
.video-is-live-bottom a:hover {
  color: rgb(28, 99, 184);
}

@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modal.using-tip {
  display: none;
}

.basic--info {
  display: none;
}

.info--Tabs--inContent {
  display: none;
}

@media screen and (max-width: 1200px) {
  .tekom-live .room-walls-fair.room-gold, .tekom-live .room-walls-fair.room-basic, .tekom-live .room-walls-fair.room-basic-plus, .tekom-live .room-walls-fair.room-silver, .tekom-live .room-walls-fair.room-platin {
    margin-top: 0;
  }
  .tekom-live .room-walls-fair.room-gold .info-table, .tekom-live .room-walls-fair.room-basic .info-table, .tekom-live .room-walls-fair.room-basic-plus .info-table, .tekom-live .room-walls-fair.room-silver .info-table, .tekom-live .room-walls-fair.room-platin .info-table {
    width: 100%;
    height: auto;
  }
  .tekom-live .room-walls-fair.room-gold .info-table .info-table-base-wrapper, .tekom-live .room-walls-fair.room-basic .info-table .info-table-base-wrapper, .tekom-live .room-walls-fair.room-basic-plus .info-table .info-table-base-wrapper, .tekom-live .room-walls-fair.room-silver .info-table .info-table-base-wrapper, .tekom-live .room-walls-fair.room-platin .info-table .info-table-base-wrapper {
    height: 240px;
    width: 100%;
    margin: 0 auto;
  }
  .tekom-live .room-walls-fair.room-gold .info-table .info-table-base-wrapper .info-table-base, .tekom-live .room-walls-fair.room-basic .info-table .info-table-base-wrapper .info-table-base, .tekom-live .room-walls-fair.room-basic-plus .info-table .info-table-base-wrapper .info-table-base, .tekom-live .room-walls-fair.room-silver .info-table .info-table-base-wrapper .info-table-base, .tekom-live .room-walls-fair.room-platin .info-table .info-table-base-wrapper .info-table-base {
    background-size: 100%;
    background-position: center center;
    border-radius: 0;
  }
  .tekom-live .room-walls-fair.room-gold .info-table .info-table-base-wrapper img, .tekom-live .room-walls-fair.room-basic .info-table .info-table-base-wrapper img, .tekom-live .room-walls-fair.room-basic-plus .info-table .info-table-base-wrapper img, .tekom-live .room-walls-fair.room-silver .info-table .info-table-base-wrapper img, .tekom-live .room-walls-fair.room-platin .info-table .info-table-base-wrapper img {
    border-radius: 0;
  }
  .tekom-live .room-walls-fair.room-gold .banner-with-text-wrapper, .tekom-live .room-walls-fair.room-gold .wall-banner, .tekom-live .room-walls-fair.room-gold .roll-banner-wrapper, .tekom-live .room-walls-fair.room-gold .video-wall, .tekom-live .room-walls-fair.room-basic .banner-with-text-wrapper, .tekom-live .room-walls-fair.room-basic .wall-banner, .tekom-live .room-walls-fair.room-basic .roll-banner-wrapper, .tekom-live .room-walls-fair.room-basic .video-wall, .tekom-live .room-walls-fair.room-basic-plus .banner-with-text-wrapper, .tekom-live .room-walls-fair.room-basic-plus .wall-banner, .tekom-live .room-walls-fair.room-basic-plus .roll-banner-wrapper, .tekom-live .room-walls-fair.room-basic-plus .video-wall, .tekom-live .room-walls-fair.room-silver .banner-with-text-wrapper, .tekom-live .room-walls-fair.room-silver .wall-banner, .tekom-live .room-walls-fair.room-silver .roll-banner-wrapper, .tekom-live .room-walls-fair.room-silver .video-wall, .tekom-live .room-walls-fair.room-platin .banner-with-text-wrapper, .tekom-live .room-walls-fair.room-platin .wall-banner, .tekom-live .room-walls-fair.room-platin .roll-banner-wrapper, .tekom-live .room-walls-fair.room-platin .video-wall {
    width: 100%;
  }
  .tekom-live .room-walls-fair.room-gold .video-wall, .tekom-live .room-walls-fair.room-basic .video-wall, .tekom-live .room-walls-fair.room-basic-plus .video-wall, .tekom-live .room-walls-fair.room-silver .video-wall, .tekom-live .room-walls-fair.room-platin .video-wall {
    height: 250px;
    margin: 1rem auto;
  }
  .tekom-live .room-walls-fair.room-gold .video-wall iframe, .tekom-live .room-walls-fair.room-basic .video-wall iframe, .tekom-live .room-walls-fair.room-basic-plus .video-wall iframe, .tekom-live .room-walls-fair.room-silver .video-wall iframe, .tekom-live .room-walls-fair.room-platin .video-wall iframe {
    width: 100%;
    height: 250px;
  }
  .tekom-live .css-billboard .billboard-frame {
    width: 100%;
  }
  .tekom-live .banner-with-text-wrapper {
    border: none;
  }
  .tekom-live .banner-with-text-wrapper .banner-with-text-frame {
    height: auto;
    width: 100%;
  }
  .tekom-live .info-table .termin-table--icon, .tekom-live .info-table .info-table-i-icon {
    position: unset;
    display: block;
    margin: 0.5rem auto;
    border-radius: 0;
    width: 100%;
    height: 50px;
    padding-top: 1.5rem;
    box-sizing: border-box;
    line-height: 0;
  }
  .tekom-live .info-table .info-table-i-icon:before {
    content: "info";
    font-size: 1.5rem;
  }
  .tekom-live .info-table .info-table-i-icon:hover {
    transform: none;
  }
  .tekom-live .roll-banner-small-wrapper {
    width: 100%;
    border: none;
  }
  .tekom-live .roll-banner-small-wrapper .roll-banner-small-part {
    display: none;
  }
  .tekom-live .roll-banner-small-wrapper .roll-banner-small-frame {
    width: 100%;
  }
  .tekom-live .roll-banner-small-wrapper .roll-banner-small-frame .css-plus {
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0;
    opacity: 1;
    visibility: visible;
    transform: none !important;
    background: transparent;
  }
  .tekom-live .roll-banner-small-wrapper .roll-banner-small-frame .css-plus:before, .tekom-live .roll-banner-small-wrapper .roll-banner-small-frame .css-plus:after {
    content: none;
  }
  .tekom-live .banner-with-text-wrapper .banner-with-text-frame .banner-with-text-content {
    padding-bottom: 4rem;
  }
  .tekom-live .banner-with-text-wrapper .banner-with-text-frame .banner-with-text-content .css-plus {
    bottom: -0.5rem;
    top: auto;
    opacity: 1;
    visibility: visible;
  }
  .tekom-live form#callingcard-form .label-wrapper {
    width: 100%;
  }
  .tekom-live form#callingcard-form .input-wrapper {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .tekom-live .modal-content.modal-content-forms .large-form-wrapper {
    height: calc(100% - 90px);
  }
  .room-top, .table-image, .billboard-bottom, .css-video-icon, .info-table-base-wrapper, .wall-banner, .roll-banner-wrapper,
  .roll-banner-small-wrapper, .info-table-i-icon, .banner-with-text-wrapper {
    display: none !important;
  }
  .wall-middle {
    max-width: 420px;
    width: 100% !important;
    margin: 60px auto 0 auto;
    transform: none !important;
    display: flex;
    flex-wrap: wrap;
  }
  .wall-middle > div {
    position: unset !important;
    margin: 1rem 0;
    order: 2;
  }
  .wall-middle > div.info-table {
    order: 1;
  }
  .wall-middle > div.video-wall {
    order: 10;
  }
  .wall-middle > div.basic--info {
    order: 0;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    word-break: break-word;
  }
  .wall-middle > div.info--Tabs--inContent {
    margin-top: 0;
    order: 1;
  }
  .flower-s1 {
    display: none;
  }
  .basic--info {
    display: block;
    order: 0;
    width: 100%;
    padding: 2rem;
    background-color: rgb(255, 255, 255);
  }
  .basic--info .basic--info--logo {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .basic--info .basic--info--logo img {
    width: 150px;
    max-width: 100%;
  }
  .basic--info .basic--info--details {
    text-align: center;
  }
  .basic--info .basic--info--social-links {
    text-align: center;
  }
  .basic--info .basic--info--social-links > a {
    text-decoration: none !important;
    background: #1c63b8;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.5rem;
    color: white;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    transition: all 0.3s;
    vertical-align: top;
    white-space: nowrap !important;
    overflow: hidden;
    text-align: center;
  }
  .info--Tabs--inContent {
    display: block;
    background-color: #ffffff;
    padding: 1rem;
  }
  .info--Tabs--inContent .modal-wrapper {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    position: unset;
    width: 100%;
    height: auto;
  }
  .info--Tabs--inContent .modal-wrapper .modal-xl {
    width: 100%;
    background-color: #fff;
    transform: none;
    position: unset;
    padding: 0 1rem;
    box-sizing: border-box;
  }
  .info--Tabs--inContent .modal-wrapper .modal-xl:before, .info--Tabs--inContent .modal-wrapper .modal-xl:after {
    content: none;
  }
  .info--Tabs--inContent .modal-wrapper .modal-close, .info--Tabs--inContent .modal-wrapper .exh-logo-inModal {
    display: none;
  }
  .info--Tabs--inContent .modal-window .tekom-tabs .tabs-wrapper {
    flex-wrap: wrap;
  }
  .info--Tabs--inContent .modal-window .tekom-tabs .tabs-wrapper .tab {
    width: 49%;
    margin-bottom: 0.25rem;
    display: none;
  }
  .info--Tabs--inContent .modal-content .tab-content {
    height: auto;
    display: block;
    position: unset;
  }
  .info--Tabs--inContent .modal-window .tekom-tabs .tabs-content-wrapper {
    margin-left: 0;
  }
  .info--Tabs--inContent .exh-col-w1 {
    display: none;
  }
  .info--Tabs--inContent .modal-content .modal-contnent-row.row-flex {
    height: auto;
  }
  .info--Tabs--inContent .modal-wrapper .presentations-videos .video-item .video-wrapper {
    height: auto;
    width: 200px;
  }
  .info--Tabs--inContent #tab-jobs {
    margin: 0 auto;
  }
  .modal-wrapper .downloads-boxes .dw-box .dw-img-link {
    overflow: visible;
  }
  .modal-wrapper .downloads-boxes .dw-box .dw-link {
    position: unset;
    height: auto;
    padding: 5px;
    font-size: 0.85rem;
    width: 100%;
    box-sizing: border-box;
    visibility: visible;
    opacity: 1;
  }
  .modal-wrapper .downloads-boxes .dw-box .dw-link a {
    position: unset;
    padding: 0;
  }
  .mobile-section-for-tekomLive {
    margin: 2rem 0;
  }
  .mobile-section-for-tekomLive > h3 {
    background-color: rgb(28, 99, 184);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1rem;
  }
  .mobile-section-for-tekomLive .icon-downloadpdf {
    display: none;
  }
  .mobile-section-for-tekomLive .jobs-line, .mobile-section-for-tekomLive .presentations-line {
    margin: 1rem 0;
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
  }
  .mobile-section-for-tekomLive .jobs-line:last-of-type, .mobile-section-for-tekomLive .presentations-line:last-of-type {
    border-bottom: none;
  }
  .mobile-section-for-tekomLive .dw-box {
    margin: 1rem 0;
    width: 45%;
    margin-right: 5%;
  }
  .mobile-section-for-tekomLive .dw-box img {
    display: block;
  }
  .mobile-section-for-tekomLive .dw-link {
    padding: 0.5rem;
    background: #eee;
  }
  a.icon-pfeil_rechts::before {
    content: none !important;
  }
}
.tekom-live {
  /* chat beim beitrag */
}
.tekom-live main section .container {
  max-width: 100%;
}
.tekom-live main section aside {
  display: none;
  width: 33.333333%;
  position: relative;
}
.tekom-live main section aside #eventchat {
  position: fixed;
  width: calc(33vw - 1em);
  height: calc(100vh - 85px);
  top: 85px;
  right: 0;
  background-color: rgba(200, 200, 200, 0.2);
  padding: 1em;
}
.tekom-live main section .chatelement {
  display: block;
  width: 33.333333%;
  margin-left: 33.33333%;
}
.tekom-live main section .chatelement #eventchat {
  height: 100vh;
  padding: 1em;
  background-color: rgba(200, 200, 200, 0.2);
}
.tekom-live main section aside #chat-msg-container, .tekom-live main section .chatelement #chat-msg-container {
  height: calc(100% - 230px);
  overflow: auto;
  width: 100%;
}
.tekom-live main section aside .single-message-wrapper, .tekom-live main section .chatelement .single-message-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 25px;
}
@media screen and (max-width: 1023px) {
  .tekom-live main section aside .single-message-wrapper, .tekom-live main section .chatelement .single-message-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.tekom-live main section aside .single-message-wrapper .single-message-part, .tekom-live main section .chatelement .single-message-wrapper .single-message-part {
  width: 100%;
}
.tekom-live main section aside .message-date-time, .tekom-live main section .chatelement .message-date-time {
  color: #4F4D4E;
  font-weight: bold;
  margin-bottom: 20px;
}
.tekom-live main section aside .new-text-message, .tekom-live main section .chatelement .new-text-message {
  width: 100%;
}
.tekom-live main section aside .new-text-message textarea, .tekom-live main section .chatelement .new-text-message textarea {
  width: 96%;
  height: 120px;
  margin-bottom: 15px;
}
.tekom-live main.asideopen {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.tekom-live main.asideopen section.tekom-boxes {
  display: flex;
  flex-direction: row;
}
.tekom-live main.asideopen section.tekom-boxes > .container {
  width: 66.66666%;
}
.tekom-live main.asideopen aside {
  display: block;
}
.tekom-live.evolution-live .conference-name {
  display: none;
}
@media screen and (min-width: 1280px) {
  .tekom-live.evolution-live .css-conference-id {
    top: 120px;
  }
  .tekom-live.evolution-live .css-conference-id .conference-logo {
    max-width: auto !important;
    max-height: auto !important;
  }
}
@media screen and (min-width: 1800px) {
  .tekom-live.evolution-live .css-conference-id {
    top: 225px;
  }
}
.tekom-live.evolution-live a.cta-button {
  background: rgb(68, 162, 160);
}
.tekom-live.evolution-live a.cta-button:hover, .tekom-live.evolution-live a.cta-button:active {
  box-shadow: inset 0 0 0 25px rgb(145, 204, 159);
}
.tekom-live.evolution-live h1, .tekom-live.evolution-live h2, .tekom-live.evolution-live h3, .tekom-live.evolution-live h4, .tekom-live.evolution-live h5, .tekom-live.evolution-live h6, .tekom-live.evolution-live a {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .cls-2 {
  fill: #ccc;
}
.tekom-live.evolution-live .cls-10 {
  fill: #352f30;
}
.tekom-live.evolution-live .cls-49 {
  fill: rgb(37, 91, 105);
}
.tekom-live.evolution-live header nav > ul > li:last-child a {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live header nav > ul > li > a:hover, .tekom-live.evolution-live header nav > ul > li > a:focus, .tekom-live.evolution-live header nav > ul > li > a.active, .tekom-live.evolution-live header nav > ul > li > label:hover, .tekom-live.evolution-live header nav > ul > li > label:focus, .tekom-live.evolution-live header nav > ul > li > label.active {
  color: rgb(79, 77, 77);
}
.tekom-live.evolution-live header #main-navigation ul > li a {
  color: rgb(49, 51, 45);
}
.tekom-live.evolution-live header #main-navigation ul > li a:hover {
  color: rgb(68, 162, 160);
}
.tekom-live.evolution-live header #main-navigation ul > li > ul > li > a {
  color: rgb(49, 51, 45);
}
.tekom-live.evolution-live header #main-navigation ul > li > ul > li > a:hover {
  color: rgb(68, 162, 160);
}
.tekom-live.evolution-live header #main-navigation.main-nav-active nav > ul > li a {
  border-bottom: 1px solid rgb(238, 238, 238);
}
.tekom-live.evolution-live header .aside-menu {
  background: rgb(37, 91, 105);
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live header .aside-menu > nav > ul > li a {
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live header .aside-menu > nav > ul > li a.icon-tl-user {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live header .aside-menu > nav > ul > li a:hover {
  color: #78A9A6;
}
.tekom-live.evolution-live header .aside-menu .data-menu > ul > li:after {
  background: rgb(255, 255, 255);
}
.tekom-live.evolution-live header .user-menu ul li a, .tekom-live.evolution-live header .right-menu ul li a {
  color: rgb(49, 51, 45);
}
.tekom-live.evolution-live header .user-menu ul li a:hover, .tekom-live.evolution-live header .right-menu ul li a:hover {
  color: rgb(68, 162, 160);
}
.tekom-live.evolution-live header .user-menu > ul > li:last-child > a, .tekom-live.evolution-live header .right-menu > ul > li:last-child > a {
  color: rgb(49, 51, 45);
}
.tekom-live.evolution-live header .user-menu > ul > li:last-child > a:hover, .tekom-live.evolution-live header .right-menu > ul > li:last-child > a:hover {
  color: rgb(68, 162, 160);
}
.tekom-live.evolution-live header .user-menu > ul > li#chatlink label, .tekom-live.evolution-live header .right-menu > ul > li#chatlink label {
  color: rgb(68, 162, 160);
}
.tekom-live.evolution-live header .user-menu.menus-above > ul > li > a, .tekom-live.evolution-live header .user-menu.menus-above > ul > li label, .tekom-live.evolution-live header .right-menu.menus-above > ul > li > a, .tekom-live.evolution-live header .right-menu.menus-above > ul > li label {
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live header .user-menu.menus-above > ul > li > a:hover, .tekom-live.evolution-live header .user-menu.menus-above > ul > li label:hover, .tekom-live.evolution-live header .right-menu.menus-above > ul > li > a:hover, .tekom-live.evolution-live header .right-menu.menus-above > ul > li label:hover {
  color: #78A9A6;
}
.tekom-live.evolution-live header .user-menu.menus-above > ul > li > a .css-user-icon, .tekom-live.evolution-live header .user-menu.menus-above > ul > li label .css-user-icon, .tekom-live.evolution-live header .right-menu.menus-above > ul > li > a .css-user-icon, .tekom-live.evolution-live header .right-menu.menus-above > ul > li label .css-user-icon {
  background-color: rgb(255, 255, 255);
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live header .burger-menu, .tekom-live.evolution-live header .main-nav-mobile-icon {
  border-top-color: rgb(37, 91, 105);
}
@media screen and (max-width: 767px) {
  .tekom-live.evolution-live header .burger-menu, .tekom-live.evolution-live header .main-nav-mobile-icon {
    border-top-color: rgb(37, 91, 105);
  }
}
.tekom-live.evolution-live header .burger-menu:before, .tekom-live.evolution-live header .burger-menu:after, .tekom-live.evolution-live header .main-nav-mobile-icon:before, .tekom-live.evolution-live header .main-nav-mobile-icon:after {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live header .main-nav-mobile-icon {
  border-top-color: rgb(37, 91, 105);
}
.tekom-live.evolution-live header .main-nav-mobile-icon:before, .tekom-live.evolution-live header .main-nav-mobile-icon:after {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .modal-wrapper .jobs-line .icon-downloadpdf:before {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .modal-wrapper .downloads-boxes .dw-box .dw-link a:after {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live .modal-wrapper .downloads-boxes .dw-box .dw-name p {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .modal-close, .tekom-live.evolution-live .close-chat {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .css-plus {
  background: rgba(145, 204, 159, 0.8);
}
.tekom-live.evolution-live .css-billboard.billboard-left .booth-presentation-link a:after {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live .css-billboard .billboard-frame {
  background: #78A9A6;
  background: -moz-linear-gradient(left, #78A9A6 0%, rgb(37, 91, 105) 100%);
  background: -webkit-linear-gradient(left, #78A9A6 0%, rgb(37, 91, 105) 100%);
  background: linear-gradient(to right, #78A9A6 0%, rgb(37, 91, 105) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color-11", endColorstr="$color-2", GradientType=1);
}
.tekom-live.evolution-live .css-billboard .billboard-content {
  background: #ffffff;
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 50%, #d9d9d9 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 50%, #d9d9d9 100%);
  background: radial-gradient(ellipse at center, #ffffff 50%, #d9d9d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d9d9d9", GradientType=1);
}
.tekom-live.evolution-live .css-billboard .billboard-content a.icon-pfeil_rechts:after {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live .css-billboard .billboard-bottom {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .info-table .info-table-i-icon {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .info-table .info-table-i-icon:hover {
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live .person-circle {
  border-color: #78A9A6;
  background: #78A9A6;
}
.tekom-live.evolution-live .back-link:before {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live .css-info-white-board h2, .tekom-live.evolution-live .css-info-white-board h3 {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .css-info-white-board .small-circles-wrapper .person-circle {
  background: #78A9A6;
}
.tekom-live.evolution-live .css-info-white-board .small-circles-wrapper .person-circle .css-plus {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .css-tooltip-2-wrapper .css-tooltip-2-content {
  background: #78A9A6;
}
.tekom-live.evolution-live .css-tooltip-2-wrapper .css-tooltip-2-content:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #78A9A6;
}
.tekom-live.evolution-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-tl-user, .tekom-live.evolution-live .css-tooltip-2-wrapper .css-tooltip-2-content .icon-mail {
  margin: 0 0 0 0.15rem;
}
.tekom-live.evolution-live .css-user-icon {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .jobs-layout .icon-t-downloadpdf:before {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .jobs-layout h2 {
  text-align: left;
}
.tekom-live.evolution-live a.btn.btn-primary {
  background-color: rgb(37, 91, 105);
}
.tekom-live.evolution-live a.btn.btn-primary:hover {
  background-color: #78A9A6;
}
.tekom-live.evolution-live a.icon-pfeil_rechts:before {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live a.icon-pfeil_rechts:hover {
  color: #78A9A6;
}
.tekom-live.evolution-live main .container.programm-all-details .search-topic-form #search-1 {
  background-color: transparent;
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details .date-details .programm-grids {
  border-top: 1px solid rgb(37, 91, 105);
  border-bottom: 1px solid rgb(37, 91, 105);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details .date-details .programm-grids:hover {
  background-color: rgba(188, 216, 194, 0.3);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue {
  background-color: rgba(68, 162, 160, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue .tile-background-image:before {
  background: rgba(68, 162, 160, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue .tile-background-image:after {
  background: linear-gradient(rgba(68, 162, 160, 0.95), #000);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue {
  background-color: rgba(37, 91, 105, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .tile-background-image:before {
  background: rgba(37, 91, 105, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .tile-background-image:after {
  background: linear-gradient(rgba(37, 91, 105, 0.95), #000);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange {
  background-color: rgba(229, 83, 82, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange .tile-background-image:before {
  background: rgba(229, 83, 82, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange .tile-background-image:after {
  background: linear-gradient(rgba(229, 83, 82, 0.95), #000);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green {
  background-color: rgba(69, 248, 248, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green .tile-background-image:before {
  background: rgba(69, 248, 248, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green .tile-background-image:after {
  background: linear-gradient(rgba(69, 248, 248, 0.95), #000);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink {
  background-color: rgba(145, 204, 159, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink .tile-background-image:before {
  background: rgba(145, 204, 159, 0.95);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink .tile-background-image:after {
  background: linear-gradient(rgba(145, 204, 159, 0.95), #000);
}
.tekom-live.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids .search-name {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live main .container .programm-grids .search-programm-btn {
  background: transparent;
}
.tekom-live.evolution-live main .container .programm-grids .icon-lupe {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live main .container .programm-grids .search-programm-input {
  border-bottom-color: rgb(37, 91, 105);
}
.tekom-live.evolution-live main .container .programm-grids .tabs-wrapper h2.tab {
  padding: 10px;
}
.tekom-live.evolution-live main .container .programm-grids .p-date-blue {
  background: rgb(37, 91, 105);
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live main .container .programm-grids .p-date-white:hover {
  background: rgb(37, 91, 105);
  color: rgb(255, 255, 255);
  border-color: rgb(37, 91, 105) !important;
}
.tekom-live.evolution-live main .container .programm-grids .box-3.box-abc {
  min-width: auto;
}
.tekom-live.evolution-live main .container .programm-grids .box-3.box-abc span.time-1 {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live main .container .programm-grids .box-3.box-abc.disabled span.time-1 {
  color: rgba(37, 91, 105, 0.2);
}
.tekom-live.evolution-live main .container .programm-grids.programm-hours {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live main .container .programm-grids .box-3 span.time-1.time-active, .tekom-live.evolution-live main .container .programm-grids .box-3 span.time-1:hover {
  border-bottom-color: rgb(249, 2, 1);
}
.tekom-live.evolution-live main .container .date-filters .all-filter.date-active {
  border-bottom-color: rgb(249, 2, 1);
}
.tekom-live.evolution-live .blue-border-grid {
  border-left: 7px solid #78A9A6;
  border-top: 7px solid #78A9A6;
}
.tekom-live.evolution-live .blue-border-grid > div {
  border-right: 7px solid #78A9A6;
  border-bottom: 7px solid #78A9A6;
}
.tekom-live.evolution-live .tekom-tabs .tabs-wrapper .tab.tab-active {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .a-z span {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .a-z span:hover {
  color: #78A9A6;
}
.tekom-live.evolution-live .a-z span.active-letter {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .exh-layout .s-logo-element {
  border: 2px solid rgb(37, 91, 105);
}
.tekom-live.evolution-live .exh-layout .s-logo-element:hover {
  border-color: rgba(79, 77, 77, 0.22);
}
.tekom-live.evolution-live .exh-layout .exh-text {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .social-links > a {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .social-links > a:hover {
  background: #78A9A6;
}
.tekom-live.evolution-live .social-links > a:before {
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live .edit-socials label > span {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .room-walls-fair.room-blue {
  /*.wall-left {
    background: $color-2-dark;

    &:before, &:after {
      border-left: 600px solid $color-2-dark;
    }
  }*/
  /*.wall-right {
    background: $color-2-dark;

    &:before, &:after {
      border-right: 600px solid $color-2-dark;
    }
  }*/
  /*.wall-middle {
    background: $color-2;
  } */
}
.tekom-live.evolution-live .room-walls-fair.room-blue .banner-with-text-wrapper .banner-with-text-frame {
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  background: linear-gradient(135deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="$color-$color-2", GradientType=1);
}
.tekom-live.evolution-live .room-walls-fair.room-blue .info-table-base {
  background-color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .room-walls-fair.room-blue .info-table-i-icon {
  background-color: #78A9A6;
}
.tekom-live.evolution-live .room-walls-fair.room-blue .download-icon-Bg {
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  background: linear-gradient(135deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="$color-2", GradientType=1);
}
.tekom-live.evolution-live .room-walls-fair.room-blue .roll-banner-small-wrapper .roll-banner-small-frame {
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  background: linear-gradient(135deg, #ffffff 0%, rgb(37, 91, 105) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="$color-2", GradientType=1);
}
.tekom-live.evolution-live .user-profile-inTabs .css-user-icon {
  border: 2px solid #78A9A6;
}
.tekom-live.evolution-live .icon-tl-ok:before {
  color: #23D84C;
}
.tekom-live.evolution-live .icon-tl-cancel:before {
  color: rgb(153, 0, 0);
}
.tekom-live.evolution-live .my--profile .profile-section a:hover {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .my--profile .profile-services div ul li:before {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .my--profile .tab-content form div.advanced-search .search-keyword div.label-wrapper label {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .my--profile .tab-content form div.advanced-search .change-service-type div.service-type-label {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .my--profile .tab-content .profile-language {
  font-size: 18px;
}
.tekom-live.evolution-live .my--profile .tab-content .profile-language .input-wrapper {
  width: auto;
  display: inline-block;
  margin-right: 20px;
}
.tekom-live.evolution-live .my--profile .tab-content .profile-language .input-wrapper .checkbox-style {
  font-size: 18px;
}
.tekom-live.evolution-live .my--profile .tab-content .profile-language > div {
  padding-top: 20px;
}
.tekom-live.evolution-live .my--profile .tab-content .profile-language .icon-tl-cancel, .tekom-live.evolution-live .my--profile .tab-content .profile-language .icon-tl-ok {
  margin-right: 20px;
}
.tekom-live.evolution-live .my--profile .tab-content .profile-language .icon-tl-cancel:before, .tekom-live.evolution-live .my--profile .tab-content .profile-language .icon-tl-ok:before {
  font-size: 26px;
  margin-left: 0;
  position: relative;
  top: 3px;
}
.tekom-live.evolution-live form input[type=button], .tekom-live.evolution-live form button {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live form input[type=checkbox]:checked + label.checkbox-style:after {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live form input[type=radio]:checked + label.radio-style:after {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .contact-request-sendMessage label {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .contact-request-status .icon-tl-ok:before {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .my--messages .message-unread .message-date-time:after {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live .my--messages .message-date-time {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .new-message a {
  background: rgb(37, 91, 105);
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live .search-with-btn form button {
  color: rgb(37, 91, 105);
  background: transparent;
}
.tekom-live.evolution-live ul.uploadfield {
  border: 1px solid #78A9A6;
}
.tekom-live.evolution-live.tekom-cafe .aside-right .tabs-wrapper h3.tab-active {
  background: rgb(37, 91, 105);
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live.tekom-cafe .aside-right .tabs-wrapper h3.tab-active a {
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live.tekom-cafe .search-incafe:before {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live.tekom-cafe .salon-tables .person-circle.empty-circle .css-plus {
  background: rgb(37, 91, 105);
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live.tekom-cafe .salon-tables .person-circle.empty-circle .css-plus:before, .tekom-live.evolution-live.tekom-cafe .salon-tables .person-circle.empty-circle .css-plus:after {
  background: rgb(255, 255, 255);
}
.tekom-live.evolution-live .to-cafe-tekom:before {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live.body-noscroll {
  overflow: hidden;
}
@keyframes notification {
  0% {
    transform: scale(0.3);
    color: rgb(249, 2, 1);
  }
  50% {
    color: rgb(249, 2, 1);
  }
  100% {
    transform: scale(1);
    color: rgb(37, 91, 105);
  }
}
.tekom-live.evolution-live .prev-page, .tekom-live.evolution-live .next-page {
  position: fixed;
  top: 50vh;
  z-index: 100;
  width: 40px;
  height: 50px;
  background: rgba(255, 255, 255, 0.7);
}
.tekom-live.evolution-live .prev-page a, .tekom-live.evolution-live .next-page a {
  width: 100%;
  display: inline-block;
  height: 100%;
  padding: 0;
}
.tekom-live.evolution-live .prev-page a:before, .tekom-live.evolution-live .next-page a:before {
  font-size: 1.5rem !important;
  line-height: 50px;
  text-align: center;
  margin: 0;
  width: 100%;
  top: 0;
  color: #78A9A6;
}
.tekom-live.evolution-live .prev-page {
  left: 0;
}
.tekom-live.evolution-live .next-page {
  right: 0;
}
.tekom-live.evolution-live .tab-content.show-tab-content {
  align-content: flex-start;
}
.tekom-live.evolution-live .tekom-tabs .tabs-wrapper .tab a {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .tekom-tabs .tabs-wrapper .tab.tab-active a {
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live footer {
  padding: 25px;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 9999999;
}
@media screen and (max-width: 1199px) {
  .tekom-live.evolution-live footer {
    bottom: -40px;
  }
}
.tekom-live.evolution-live footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.tekom-live.evolution-live footer ul li {
  margin-left: 15px;
}
.tekom-live.evolution-live footer ul li:before {
  display: none;
}
.tekom-live.evolution-live footer ul li:first-of-type {
  margin-left: auto;
}
.tekom-live.evolution-live .s-logo-details a {
  text-decoration: none;
}
.tekom-live.evolution-live .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div h4 {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div h4 a {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p a {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div p a:after {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live .css-sponsors-banner h2 {
  color: rgb(255, 255, 255);
}
.tekom-live.evolution-live fieldset legend {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live input[type=submit] {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live input[type=submit]:hover {
  background: rgb(68, 162, 160);
}
.tekom-live.evolution-live .tekom-boxes .tekom-grid > div.tekom-grid-c1.teaserbox > div h4 {
  color: rgb(37, 91, 105);
}
.tekom-live.evolution-live a.cta-button {
  background: rgb(37, 91, 105);
}
.tekom-live.evolution-live a.cta-button:hover, .tekom-live.evolution-live a.cta-button:focus {
  box-shadow: inset 0 0 0 25px rgb(68, 162, 160);
}
.tekom-live.evolution-live .content-accordeon > input:checked + label, .tekom-live.evolution-live .info-accordeon > input:checked + label {
  background-color: rgb(68, 162, 160);
}
.tekom-live.evolution-live .content-accordeon > label:after, .tekom-live.evolution-live .info-accordeon > label:after {
  color: rgb(249, 2, 1);
}
.tekom-live.evolution-live .content-accordeon > label:hover, .tekom-live.evolution-live .content-accordeon > label:focus, .tekom-live.evolution-live .info-accordeon > label:hover, .tekom-live.evolution-live .info-accordeon > label:focus {
  background-color: rgb(68, 162, 160);
}
.tekom-live.evolution-live .filters-reset li {
  list-style-type: none;
}
.tekom-live .tx-felogin-pi1 fieldset legend {
  color: rgb(37, 91, 105);
}
.tekom-live .tx-felogin-pi1 fieldset input[type=submit] {
  background-color: rgb(68, 162, 160);
}
.tekom-live .twitterwall, .tekom-live .more-tweets {
  background-color: rgb(29, 168, 163);
}

.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange {
  background-color: rgb(68, 162, 160);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange .tile-background-image:before, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange .tile-background-image:before {
  background-color: rgb(68, 162, 160);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange .tile-background-image:after, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.orange .tile-background-image:after {
  background: linear-gradient(rgb(68, 162, 160), #000);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink {
  background-color: rgb(37, 91, 105);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink .tile-background-image:before, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink .tile-background-image:before {
  background-color: rgb(37, 91, 105);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink .tile-background-image:after, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.pink .tile-background-image:after {
  background: linear-gradient(rgb(37, 91, 105), #000);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green {
  background-color: rgb(29, 168, 163);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green .tile-background-image:before, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green .tile-background-image:before {
  background-color: rgb(29, 168, 163);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green .tile-background-image:after, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.green .tile-background-image:after {
  background: linear-gradient(rgb(29, 168, 163), #000);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue {
  background-color: rgb(145, 204, 159);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue .tile-background-image:before, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue .tile-background-image:before {
  background-color: rgb(145, 204, 159);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue .tile-background-image:after, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.light-blue .tile-background-image:after {
  background: linear-gradient(rgb(145, 204, 159), #000);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue {
  background-color: rgb(225, 236, 232);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .tile-background-image:before, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .tile-background-image:before {
  background-color: rgb(225, 236, 232);
}
.evolution-live main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .tile-background-image:after, .evolution-tc main .container.programm-all-details .all-days-details.tile-mode .date-details .programm-grids.dark-blue .tile-background-image:after {
  background: linear-gradient(rgb(225, 236, 232), #000);
}

.evolution-live main .container ul.theme-ul-style.ul-blue, .evolution-tc main .container ul.theme-ul-style.ul-blue {
  color: rgb(37, 91, 105);
}
.evolution-live main .container ul.theme-ul-style.ul-white a, .evolution-tc main .container ul.theme-ul-style.ul-white a {
  color: rgb(255, 255, 255);
}
.evolution-live main .container ul.theme-ul-style.ul-white a:before, .evolution-tc main .container ul.theme-ul-style.ul-white a:before {
  color: rgb(255, 255, 255);
}
.evolution-live main .container .person-box, .evolution-tc main .container .person-box {
  background-color: rgb(37, 91, 105);
}
.evolution-live main .container .person-bio, .evolution-tc main .container .person-bio {
  background-color: rgb(68, 162, 160);
}
.evolution-live main .container .person-bio .bio-title:before, .evolution-tc main .container .person-bio .bio-title:before {
  color: rgb(255, 255, 255);
}

@keyframes pleasewaitanimation {
  0% {
    opacity: 0.2;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.evolution-tc form.mktoForm button.mktoButton:hover, .evolution-tc form.mktoForm button.mktoButton:focus {
  box-shadow: inset 0 0 0 25px rgb(68, 162, 160);
}

.icons-under-header {
  display: none;
}

.networking ul#sendtooptions input[type=checkbox], .networking .stand-personal form input[type=radio] {
  position: relative;
  opacity: 1;
}
.networking .icons-under-header {
  display: block;
}
.networking .single-event-page-top-bg header {
  position: absolute;
}
.networking .single-event-page-top-bg .icons-under-header {
  top: 8.13rem;
  z-index: 9;
  width: 100%;
  position: absolute;
}
@media screen and (max-width: 1199px) {
  .networking .single-event-page-top-bg .icons-under-header {
    top: 130px;
  }
}
@media screen and (max-width: 1023px) {
  .networking .single-event-page-top-bg .icons-under-header {
    top: 65px;
  }
}
.networking .single-event-page-top-bg .icons-under-header > div.container:before {
  content: none;
}
@media screen and (max-width: 1023px) {
  .networking .single-event-page-top-bg .image---w img {
    margin-top: 60px;
  }
}
.networking .icons-under-header {
  width: 100%;
  position: absolute;
  top: 128px;
}
@media screen and (max-width: 1023px) {
  .networking .icons-under-header {
    position: unset;
    margin-bottom: 1rem;
  }
}
.networking .icons-under-header > div.container {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  position: relative;
  background: transparent;
}
@media screen and (max-width: 1023px) {
  .networking .icons-under-header > div.container {
    padding: 0 2%;
  }
}
.networking .icons-under-header > div.container:before {
  content: "";
  background-color: rgb(28, 99, 184);
  height: 2px;
  width: 50%;
  top: 0;
  right: 0;
  position: absolute;
  top: -2px;
}
@media screen and (max-width: 1023px) {
  .networking .icons-under-header > div.container:before {
    width: 100%;
  }
}
.networking header {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .networking header {
    height: auto;
    min-height: auto;
  }
}
@media screen and (max-width: 1023px) {
  .networking header nav > ul {
    padding-top: 0px;
  }
}
.networking header nav > ul.mobile-nav-active {
  padding-top: 40px;
}
.networking .chat-notification-wrapper .close-chat {
  border: 0 solid transparent;
}
.networking .a-z {
  margin-top: 20px;
}
.networking form[name=search] div label {
  display: block;
  width: 100%;
}
.networking form[name=checkcode] input[type=checkbox] {
  visibility: visible;
  opacity: 1;
  position: unset;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
}
.networking form[name=checkcode] label[for=agb-code] {
  display: inline-block;
  vertical-align: top;
  width: 90%;
  margin-left: 0.8rem;
}
@media screen and (max-width: 767px) {
  .networking form[name=checkcode] label[for=agb-code] {
    width: 70%;
  }
}
.networking form[name=order] .input-wrapper {
  width: 100%;
}
.networking form[name=order] label.radio-style {
  width: 100%;
  position: relative;
}
.networking form[name=tekomshop] input[type=radio],
.networking form[name=tekomshop] input[type=checkbox] {
  visibility: visible;
  opacity: 1;
  position: unset;
  height: 15px;
  width: 15px;
}
.networking .tekom-tabs .tabs-wrapper {
  width: 78%;
}
.networking .tekom-tabs .tabs-wrapper .tab {
  background: #eeeeee;
  color: #4F4D4E;
  border: none;
  margin-right: 1%;
  margin-bottom: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 1.25rem;
}
.networking .tekom-tabs .tabs-wrapper .tab.tab-active {
  background: #1c63b8;
  color: white;
}
.networking .tekom-tabs .tabs-wrapper .tab.tab-active a {
  background: #1c63b8;
  color: white;
}
.networking .tekom-tabs .tabs-wrapper .tab a {
  padding: 10px;
  display: block;
}
.networking .exh-col-w0 {
  width: 100%;
}
.networking .col-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.networking .exh-col-w1 {
  width: 23%;
}
.networking .icon-with-tooltip .css-tooltip-2-wrapper {
  text-align: center;
  width: 120px;
}
.networking .css-tooltip-2-wrapper {
  position: absolute;
  padding-top: 25px;
  width: 175px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 12px;
  bottom: -35px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  transition-delay: 0.3s;
  z-index: 1;
}
.networking .css-tooltip-2-wrapper .css-tooltip-2-content {
  background: #70adde;
  color: white;
  padding: 5px;
  position: relative;
  line-height: 15px;
  text-align: center;
}
.networking .css-tooltip-2-wrapper .css-tooltip-2-content:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #70adde;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0);
}
.networking .icon-with-tooltip:hover .css-tooltip-2-wrapper {
  visibility: visible;
  opacity: 1;
}
.networking .team-line {
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .networking .team-line {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
}
.networking .team-line h3 {
  margin-bottom: 5px;
}
.networking .team-line .request-message {
  display: block;
}
.networking .team-line [class^=icon-], .networking .team-line [class*=" icon-"] {
  margin-right: 5px;
  margin-left: 5px;
  text-decoration: none;
  cursor: pointer;
  display: block;
  position: relative;
  z-index: 3;
}
.networking .team-line [class^=icon-].icon-tl-ok:before, .networking .team-line [class^=icon-].icon-tl-cancel:before, .networking .team-line [class*=" icon-"].icon-tl-ok:before, .networking .team-line [class*=" icon-"].icon-tl-cancel:before {
  font-size: 30px;
}
.networking .team-line [class^=icon-]::before, .networking .team-line [class*=" icon-"]::before {
  font-size: 1.5rem;
  margin: 0;
}
.networking .icon-tl-ok:before {
  color: #23D84C;
  font-size: 1.5rem;
}
.networking .icon-tl-cancel:before {
  color: rgb(153, 0, 0);
  font-size: 1.5rem;
}
.networking .my--messages .message-name-text {
  width: 50%;
}
.networking .my--messages .message-preview {
  width: 47%;
}
@media screen and (max-width: 1199px) {
  .networking .my--messages .message-preview {
    width: 100%;
  }
}
.networking .my--messages .message-content {
  width: 53%;
}
@media screen and (max-width: 1199px) {
  .networking .my--messages .message-content {
    width: 100%;
  }
}
.networking.conference header .css-user-icon img {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0;
}
.networking .exh-col-w5 {
  width: 85%;
}
.networking .exh-col-w0 {
  width: 100%;
}
.networking .exh-col-w0.team-line.visible {
  display: flex;
}
.networking .exh-col-w0.team-line.invisible {
  display: none;
}
.networking .exh-col-w1 {
  width: 23%;
}
@media screen and (max-width: 1199px) {
  .networking .exh-col-w1 {
    width: 35%;
  }
}
@media screen and (max-width: 1023px) {
  .networking .exh-col-w1 {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .networking .exh-col-w1 {
    width: 96%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.networking .exh-col-w2 {
  width: 75%;
}
@media screen and (max-width: 1199px) {
  .networking .exh-col-w2 {
    width: 96%;
  }
}
.networking .exh-col-w3 {
  width: 15%;
}
@media screen and (max-width: 1199px) {
  .networking .exh-col-w3 {
    width: 96%;
    margin-bottom: 10px;
  }
}
.networking .exh-col-w4 {
  width: 30%;
}
@media screen and (max-width: 1280px) {
  .networking .exh-col-w4 {
    width: 36%;
  }
}
@media screen and (max-width: 1023px) {
  .networking .exh-col-w4 {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 767px) {
  .networking .exh-col-w4 {
    width: 100%;
  }
}
.networking .exh-col-w5 {
  width: 80%;
}
@media screen and (max-width: 1540px) {
  .networking .exh-col-w5 {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .networking .exh-col-w5 {
    width: 100%;
  }
}
.networking .exh-col-w6 {
  width: 50%;
}
.networking .profile-info {
  display: block;
  margin-bottom: 50px;
  font-size: 1.125rem;
}
.networking .change-profile-photo {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
}
.networking .flex-wrap-start {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.networking .flex-wrap-space {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.networking div.label-wrapper {
  width: 40%;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .networking div.label-wrapper {
    width: 100%;
  }
}
.networking div.input-wrapper {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .networking div.input-wrapper {
    width: 100%;
  }
}
.networking div.input-wrapper.full-width {
  width: 100%;
}
.networking div.edit-socials > div.label-wrapper {
  width: 30px;
}
.networking div.edit-socials > div.input-wrapper {
  width: 88%;
  position: relative;
}
.networking div.edit-socials label > span {
  text-decoration: none !important;
  background: #1c63b8;
  width: 30px;
  height: 34px;
  font-size: 0;
  color: white;
  display: inline-block;
  margin-right: 5px;
  transition: all 0.3s;
}
.networking div.edit-socials label > span:before {
  font-size: 1.25rem;
  line-height: 34px;
}
.networking .service-type .input-wrapper {
  width: 100%;
}
.networking form div > div.service-type, .networking form div > div.search-keyword {
  width: 100%;
}
.networking .edit-profile-form .exh-col-w4 {
  width: 36%;
}
@media screen and (max-width: 767px) {
  .networking .edit-profile-form .exh-col-w4 {
    width: 100%;
  }
}
.networking .edit-profile-form .css-user-icon {
  width: 90px;
  height: 90px;
}
.networking .content .new-text-message form {
  padding: 0;
  margin: 0;
}
.networking .content .new-text-message form textarea {
  height: 140px;
}
@media screen and (max-width: 1023px) {
  .networking .content .new-text-message form textarea {
    height: 100px;
    background-color: #fff;
  }
}
.networking .content form {
  background: transparent;
}
.networking .content form[name=feuser] input[type=checkbox], .networking .content form[name=feuser] input[type=radio], .networking .content form[name=activation] input[type=checkbox], .networking .content form[name=activation] input[type=radio] {
  position: initial !important;
  visibility: initial !important;
  opacity: 1 !important;
  left: 0 !important;
}
.networking .content form ul.uploadfield {
  margin: 0;
  padding: 0;
  position: relative;
  width: 250px;
  height: 250px;
  border: 1px solid rgb(112, 173, 222);
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .networking .content form ul.uploadfield {
    width: 220px;
    height: 220px;
  }
}
.networking .content form ul.uploadfield:before {
  content: "\e813";
  font-family: "tekom-tagungstool";
  position: absolute;
  margin: 0;
  font-size: 65px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.networking .content form ul.uploadfield:after {
  content: attr(data-info);
  position: absolute;
  bottom: 2rem;
  left: 10px;
  text-align: center;
  padding: 0 0.3rem;
  z-index: -1;
}
.networking .content form ul.uploadfield li {
  list-style-type: none;
  margin: 0;
  width: 100%;
  height: 100%;
}
.networking .content form ul.uploadfield li .delete, .networking .content form ul.uploadfield li .info {
  position: absolute;
  top: 0;
  margin: 0;
  width: 50px;
  min-width: 50px;
  height: 40px;
  background-color: rgb(28, 99, 184);
  color: rgb(255, 255, 255);
  border: none;
}
.networking .content form ul.uploadfield li .delete {
  right: 0;
}
.networking .content form ul.uploadfield li .info {
  left: 0;
}
.networking .content form ul.uploadfield li img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.networking .user-full-name {
  width: 100%;
}
.networking input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.networking input[type=checkbox]:checked + label.checkbox-style:after {
  content: "\e802";
  font-family: "tekom-tagungstool";
  color: rgb(28, 99, 184);
  text-align: center;
  font-size: 20px;
  position: absolute;
  left: 3px;
  top: 3px;
}
.networking input[type=radio] {
  position: absolute;
  opacity: 0;
}
.networking input[type=radio]:checked + label.radio-style:after {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  left: 7px;
  top: 7px;
  background: rgb(28, 99, 184);
}
.networking form .radio label input[type=radio] {
  opacity: 1;
  visibility: visible;
  position: unset;
}
.networking #edit-benefits-offer, .networking .edit-profile-deactivate {
  margin-left: 140px;
}
@media screen and (max-width: 767px) {
  .networking #edit-benefits-offer, .networking .edit-profile-deactivate {
    margin-left: 0;
  }
}
.networking .edit-profile-form .input-wrapper.buttons {
  margin-left: 0;
}
.networking #edit-benefits-offer, .networking #edit-benefits-search {
  margin-top: 2rem;
}
.networking form input[type=radio] {
  position: absolute;
  opacity: 0;
}
.networking form input[type=radio]:checked + label.radio-style:after {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  left: 7px;
  top: 12px;
  background: rgb(28, 99, 184);
}
.networking label.radio-style {
  padding: 4px 0 7px 30px;
  margin-bottom: 0;
}
.networking .change-service-type div.input-wrapper {
  position: relative;
  padding-bottom: 3px;
}
.networking .content form.edit-profile-form, .networking .content form.view-profile {
  background-color: transparent;
  padding: 2rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .networking .content form.edit-profile-form, .networking .content form.view-profile {
    padding: 2rem 5% 0 5%;
  }
}
.networking .content form.view-profile .my-profile-image {
  width: 90px;
  margin-right: 50px;
}
.networking .content form.view-profile .exh-col-w5 {
  width: 80%;
}
.networking .content form.view-profile .css-user-icon {
  width: 90px;
  height: 90px;
}
.networking .content form.view--benefits .exh-col-w4.flex-wrap-space.benefits h3, .networking .content form.view--benefits .exh-col-w4.flex-wrap-space.benefits span {
  display: block;
  width: 100%;
}
.networking .content form.view--benefits .exh-col-w4.flex-wrap-space.benefits span {
  padding-bottom: 1.2rem;
  position: relative;
}
.networking .content form.view--benefits .exh-col-w4.flex-wrap-space.benefits span.icon-tl-ok {
  padding-left: 2rem;
}
.networking .content form.view--benefits .exh-col-w4.flex-wrap-space.benefits span.icon-tl-ok:before {
  position: absolute;
  left: 0;
  top: 0.15rem;
  font-size: 1.2rem;
}
.networking .content form .input-wrapper.buttons input[type=submit], .networking .content form .input-wrapper.buttons button.btn {
  float: none;
  margin-right: 1rem;
}
.networking .content form input[type=radio] + label:before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 100%;
  border: 1px solid #999993;
  position: absolute;
  left: 0;
  top: 5px;
  line-height: 26px;
  padding: 0;
}
.networking .content form a.btn {
  background: rgb(28, 99, 184);
  color: white;
  padding: 0.45em 1.5em;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.02em;
  width: auto;
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
  clear: both;
  float: right;
  margin-top: 1em;
  font-size: 1.125rem;
  border: none;
  font-family: "Muli", Arial, Helvetica, sans-serif;
}
.networking .content .input-wrapper.buttons a.btn {
  float: none;
}
.networking .content form[name=exhibitor] ul.uploadfield {
  min-height: 140px;
  height: auto;
  width: 100%;
}
.networking .content form[name=exhibitor] ul.uploadfield li {
  height: 140px;
  width: auto;
  margin: 0.25rem;
}
.networking .content form[name=exhibitor] ul.uploadfield li img {
  width: auto;
  max-width: unset;
  height: auto;
  max-height: 100%;
}
.networking .content form[name=exhibitor] ul.uploadfield li .info, .networking .content form[name=exhibitor] ul.uploadfield li .delete {
  width: 25px;
  min-width: 25px;
  height: 25px;
}
.networking .content form[name=exhibitor] ul.uploadfield:before {
  content: none;
}
.networking .content form[name=exhibitor] input[type=checkbox], .networking .content form[name=exhibitor] input[type=radio] {
  visibility: visible;
  opacity: 1;
  position: unset;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
}
.networking main .container .content-element label.radio-style {
  padding-left: 50px;
  color: rgb(79, 77, 77);
}
.networking .single-message-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.networking .single-message-wrapper h3 {
  margin-bottom: 0;
}
.networking .single-message-wrapper .message-date-time {
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
.networking .single-message-wrapper .full-message {
  margin-top: 0.5rem;
}
.networking .message-read .message-date-time {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.networking .message-read .user-profile-inTabs {
  margin-right: 0.5rem;
}
.networking .message-preview > div {
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.networking .message-preview > div.tab-active {
  background-color: #eeeeee;
}
.networking .message-preview > div * {
  pointer-events: none;
}
.networking .message-content {
  position: relative;
}
.networking .message-content .new-text-message {
  position: sticky;
  bottom: 0;
  background-color: #eeeeee;
  z-index: 1;
  padding-bottom: 1rem;
}
@media screen and (max-width: 1023px) {
  .networking .message-content .new-text-message {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
  }
}
@media screen and (max-width: 1023px) {
  .networking .message-content .new-text-message button#newmessageformbutton {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .networking .message-content .new-text-message textarea {
    width: 90%;
    margin-left: 5%;
    margin-top: 1rem;
  }
}
.networking .my-profile-image {
  width: 90px;
}
.networking .social-links {
  padding-top: 20px;
  margin-bottom: 30px;
}
.networking .social-links > a {
  text-decoration: none !important;
  background: rgb(28, 99, 184);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  transition: all 0.3s;
  vertical-align: top;
  white-space: nowrap !important;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .networking .social-links > a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.networking .social-links > a:last-child {
  margin-right: 0;
}
.networking .social-links > a:before {
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 40px;
}
@media screen and (max-width: 767px) {
  .networking .social-links > a:before {
    line-height: 30px;
    font-size: 0.9375rem;
  }
}
.networking .social-links > a:hover {
  background: rgb(112, 173, 222);
}
@media screen and (max-width: 1023px) {
  .networking .message-preview {
    height: auto;
    max-height: none;
  }
}
@media screen and (max-width: 1023px) {
  .networking .message-preview .team-line:last-of-type {
    border: none;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .networking .message-content .single-message.show-tab-content {
    position: fixed;
    height: calc(100vh - 130px);
    width: 100%;
    left: 0;
    z-index: 999999999;
    box-sizing: border-box;
    top: 0;
    overflow: auto;
    border: 1px solid #9d9d9d;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  }
}
.networking .message-content .single-message.show-tab-content .user-profile-inTabs {
  margin-right: 10px;
  width: 40px;
}
.networking .message-content .single-message.show-tab-content .user-profile-inTabs .css-user-icon {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1023px) {
  .networking .message-content .single-message.show-tab-content .single-message-part h3 {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .networking .message-content .single-message.show-tab-content .single-message-part .message-date-time {
    font-size: 0.7rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .networking .overflow-hidden-mobile {
    overflow: hidden;
  }
}
.networking .message-content .new-text-message {
  padding-left: 0;
}

.full-message {
  word-break: break-all;
}

.h--icons {
  margin-left: 0.5rem;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 50px;
  display: block;
  position: relative;
  z-index: 999;
}
.h--icons.h--messages {
  background-color: #A4E15E;
  line-height: 76px;
}
.h--icons.h--contacts {
  background-color: #74B1D9;
  line-height: 92px;
}
.h--icons.profile-deactivated {
  background-color: rgb(153, 153, 147) !important;
}
.h--icons.profile-deactivated:before {
  background-color: rgb(79, 77, 77) !important;
}
.h--icons.h--profile {
  background-color: #005EA8;
}
.h--icons.h--profile.icon-tl-user:before {
  color: #fff;
  position: absolute;
  font-size: 1.4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}
.h--icons .css-user-icon {
  margin: 0.3rem auto 0 auto;
  color: rgb(28, 99, 184);
  background-color: rgb(255, 255, 255);
  border-radius: 100%;
  width: 50px;
  height: 50px;
}

.icon--notification {
  /*background-color: #FF3232;
  color: $color-white;
  width: 16px;
  height: 16px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  top: 0.2rem;
  right: 0.2rem;
  line-height: 16px;
  font-size: .6rem;*/
}

.h--messages:before, .h--contacts:before {
  background-color: #FF3232;
  color: rgb(255, 255, 255);
  width: 16px;
  height: 16px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  top: 0.2rem;
  right: 0.2rem;
  line-height: 16px;
  font-size: 0.6rem;
  content: attr(data-counter);
  display: block;
  font-family: "Muli", Arial, Helvetica, sans-serif;
}

.closeMessage--window {
  display: none;
}
@media screen and (max-width: 1023px) {
  .closeMessage--window {
    width: 40px !important;
    height: 40px;
    position: fixed;
    right: 1.5rem;
    top: 1rem;
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  .overflow-hidden-mobile {
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  .overflow-hidden-mobile:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 999;
  }
}

.networking form div {
  overflow: visible;
}

#contactlist #login-logo {
  display: none;
}

.conference.tcworld.networking .content form input[type=radio] + label::before {
  top: 0;
}

.conference.tcworld.networking form[name=tekomshop] input[type=radio],
.conference.tcworld.networking form[name=tekomshop] input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.conference.tcworld.networking main .container .content-element .input-checkbox:checked + label.checkbox-style:after {
  content: none;
}

.conference.tcworld.networking .tekomshop-form.custom--rc {
  overflow: visible;
}

.conference.tcworld.networking form[name=tekomshop] .buttons .btn.btn-primary {
  margin-top: 5rem;
}

.conference.tcworld.networking form[name=tekomshop] input[type=radio], .networking form[name=tekomshop] input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.invoicetable a.btn.btn-primary {
  color: #fff;
}
.invoicetable a.btn.btn-primary span {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 0;
  font-size: 1.5em;
  text-align: center;
  background-color: #1c63b8;
  border-radius: 50%;
  margin: 0;
  padding: 0;
}
.invoicetable a.btn.btn-primary span:hover {
  background-color: #1c63b8;
}

.invoice-history-detail .content-accordeon > label span {
  font-size: 1rem;
  font-weight: normal;
  display: block;
  padding-top: 0.35rem;
}

.tekom-main.teccomframe header {
  height: auto;
}
.tekom-main.teccomframe header img {
  width: auto;
  max-width: 100%;
  top: 15px;
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header img {
    width: 65px;
  }
}
.tekom-main.teccomframe header nav > ul {
  display: block;
  padding-top: 25px;
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header nav > ul {
    padding-top: 0;
  }
}
.tekom-main.teccomframe header nav > ul > li {
  margin-top: 0;
}
.tekom-main.teccomframe header nav > ul > li:last-child {
  position: unset;
  width: auto;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header nav > ul > li:last-child {
    background-color: transparent;
    position: relative;
    margin-left: 0;
  }
}
.tekom-main.teccomframe header nav > ul > li:last-child > a {
  background-color: transparent;
  color: #1c63b8;
}
.tekom-main.teccomframe header nav > ul > li:last-child > a > span:nth-of-type(1) {
  color: rgb(28, 99, 184);
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header nav > ul > li:last-child > a > span:nth-of-type(1) {
    color: rgb(255, 255, 255);
  }
}
.tekom-main.teccomframe header nav > ul > li:last-child > a:after {
  content: "";
}
.tekom-main.teccomframe header nav > ul > li:last-child > a.nav-active {
  background-color: rgb(112, 173, 222);
}
.tekom-main.teccomframe header nav > ul > li:last-child > a.nav-active > span:nth-of-type(1) {
  color: rgb(255, 255, 255);
}
.tekom-main.teccomframe header nav > ul > li:last-child:hover {
  background-color: rgb(112, 173, 222);
}
.tekom-main.teccomframe header nav > ul > li:last-child:hover > a > span:nth-of-type(1) {
  color: rgb(255, 255, 255);
}
.tekom-main.teccomframe header nav > ul > li:last-child:hover {
  height: auto;
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header nav > ul > li:last-child:hover {
    background-color: transparent;
  }
}
.tekom-main.teccomframe header nav > ul > li div.rich_menu.mytekom {
  padding-left: 0;
  top: 157px;
}
.tekom-main.teccomframe header nav > ul > li div.rich_menu.mytekom h6 {
  display: none;
}
.tekom-main.teccomframe header nav > ul > li > a {
  font-size: 1.1rem;
  padding: 28px 25px 0 21px;
}
@media screen and (max-width: 1199px) {
  .tekom-main.teccomframe header nav > ul > li > a {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header nav > ul > li > a {
    padding: 0.35rem 0;
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .tekom-main.teccomframe header nav > ul > li > a:after {
    bottom: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header nav ul.mobile-nav-active {
    padding-top: 40px;
  }
  .tekom-main.teccomframe header nav ul.mobile-nav-active .rich_menu {
    padding-left: 1rem;
    background-color: rgb(112, 173, 222);
  }
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header nav ul.mobile-nav-active > li:last-child {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .tekom-main.teccomframe header nav ul.mobile-nav-active > li:last-child .arrow-right {
    left: 75%;
  }
}
.tekom-main.teccomframe .mytekom_special_menu, .tekom-main.teccomframe .tekom-login {
  display: none;
}
.tekom-main.teccomframe footer > .container {
  display: flex;
  flex-wrap: nowrap;
}
.tekom-main.teccomframe footer > .container > div {
  width: auto;
  max-width: 33%;
  flex: unset;
}
@media screen and (max-width: 767px) {
  .tekom-main.teccomframe footer > .container > div {
    width: 360px;
    max-width: 100%;
  }
}
.tekom-main.teccomframe footer > .container > div:empty {
  display: none;
}
.tekom-main.teccomframe header.is--fixed #main-nav > ul > li > a > span:last-of-type {
  display: block;
  font-size: 1rem;
}

.footnotes ol {
  counter-reset: item;
  list-style-type: none;
  padding: 2rem 0;
  border-top: 1px solid rgba(79, 77, 78, 0.25);
}
.footnotes li {
  display: block;
  font-size: 0.85rem;
  color: rgba(79, 77, 78, 0.75);
  line-height: 16px;
  margin-bottom: 0.75rem;
}
.footnotes li > a:before {
  content: "\e805";
  font-family: "tekom";
  color: #e99125;
  font-size: 11px;
  margin-left: 3px;
  width: 15px;
  height: 15px;
  display: inline-block;
  transform: rotate(-90deg);
}
.footnotes li:before {
  content: counter(item) "  ";
  counter-increment: item;
  color: rgb(28, 99, 184);
  font-size: 0.75rem;
  position: relative;
  top: -3px;
}
.footnotes .highlight {
  animation: highlight 2000ms ease-out;
}

@keyframes highlight {
  0% {
    background-color: rgb(233, 145, 37);
  }
  100% {
    background-color: white;
  }
}
form.default-inputs input[type=checkbox], form.default-inputs input[type=radio] {
  position: unset !important;
  visibility: visible !important;
  opacity: 1 !important;
  left: 0;
}
form.default-inputs label:before, form.default-inputs label:after {
  content: none !important;
}

form.custom--rc input[type=radio] + label::before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 100%;
  border: 1px solid #999993;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 26px;
  padding: 0;
}
form.custom--rc input[type=radio]:checked + label.radio-style::after {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  left: 7px;
  top: 7px;
  background: #1c63b8;
}
form.custom--rc label.radio-style {
  padding-left: 50px;
  color: #4f4d4d;
  width: 100%;
  position: relative;
}
form.custom--rc input[type=radio] {
  position: absolute;
  opacity: 0;
}

.content form.custom--rc input[type=radio] + label {
  width: 100%;
  overflow: visible;
  white-space: initial;
  box-sizing: border-box;
}

form.default-inputs input[type=checkbox], form.default-inputs input[type=radio] {
  position: unset !important;
  visibility: visible !important;
  opacity: 1 !important;
  left: 0;
}
form.default-inputs label:before, form.default-inputs label:after {
  content: none !important;
}

form.custom--rc input[type=radio] + label::before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 100%;
  border: 1px solid #999993;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 26px;
  padding: 0;
}
form.custom--rc input[type=radio]:checked + label.radio-style::after {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 100%;
  position: absolute;
  left: 7px;
  top: 7px;
  background: #1c63b8;
}
form.custom--rc label.radio-style {
  padding-left: 50px;
  color: #4f4d4d;
  width: 100%;
  position: relative;
}
form.custom--rc input[type=radio] {
  position: absolute;
  opacity: 0;
}

.content form.custom--rc input[type=radio] + label {
  width: 100%;
  overflow: visible;
  white-space: initial;
  box-sizing: border-box;
}

#cropper-modal.img-cropper-modal .modal-content {
  position: unset !important;
}
#cropper-modal .cropper-canvas, #cropper-modal .cropper-crop-box {
  margin: 0;
}
#cropper-modal .cropper-canvas {
  overflow: hidden;
}
#cropper-modal .cropper-canvas img {
  filter: brightness(50%);
}
#cropper-modal .cropper-wrap-box {
  overflow: hidden;
}

main .container .content-element form[name=presentation].form-style-2 #cropper-modal div.modal-dialog {
  overflow: hidden;
}

main .container .content-element form.form-style-2 #cropper-modal div,
main .container .content-element form.form-style-2 #cropper-modal div.cropper-crop-box {
  float: none;
}

main .container .content-element form.form-style-2 #cropper-modal div.cropper-container.cropper-bg {
  position: inherit !important;
  overflow: hidden;
}

main .container .content-element form.form-style-2 #cropper-modal div.cropper-crop-box {
  position: absolute !important;
  overflow: hidden;
}

main .container .content-element form.form-style-2 #cropper-modal div.img-container {
  margin: 0 auto;
}

main .container .content-element form.form-style-2 #cropper-modal div.modal-header {
  overflow: hidden;
  text-align: center;
}
main .container .content-element form.form-style-2 #cropper-modal div.modal-header h5 {
  color: #ffffff;
}

main .container .content-element form.form-style-2 #cropper-modal div.modal-footer {
  position: absolute;
  width: 100%;
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
}

.content form #cropper-modal button.btn {
  font-size: 1rem;
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}

.glide {
  width: 1200px;
}
@media screen and (max-width: 1199px) {
  .glide {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .glide {
    padding: 2rem;
  }
}
.glide .text-image-left {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
@media screen and (max-width: 767px) {
  .glide .text-image-left {
    flex-wrap: wrap;
  }
}
.glide:hover .glide__arrow {
  color: rgba(255, 255, 255, 0.85);
}

.latest-news-image {
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 767px) {
  .latest-news-image {
    width: 100%;
  }
}
.latest-news-image img {
  display: block;
}

.latest-news-content {
  width: calc(66.6666666667% - 20px);
  padding: 30px 30px 10px 0;
}
@media screen and (max-width: 767px) {
  .latest-news-content {
    width: 100%;
  }
}
.latest-news-content .icon-pfeil_rechts {
  position: relative;
}
.latest-news-content .icon-pfeil_rechts:before {
  color: rgb(233, 145, 37);
  position: absolute;
  right: -20px;
  top: 3px;
  content: "\e805" !important;
}

.glide__arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 99;
  color: transparent;
  border: none;
  background-color: transparent;
  font-size: 2rem;
  transition: all 0.3s;
  cursor: pointer;
}
.glide__arrow.glide__arrow--left {
  left: 0;
}
.glide__arrow.glide__arrow--right {
  right: 0;
}

.glide__bullets {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
.glide__bullets .glide__bullet {
  width: 18px;
  height: 18px;
  border: 2px solid rgb(28, 99, 184);
  background-color: transparent;
  cursor: pointer;
  border-radius: 100%;
  margin-left: 0.35rem;
}
.glide__bullets .glide__bullet.glide__bullet--active {
  background-color: rgb(28, 99, 184);
}

.glide__track:hover {
  box-shadow: none;
}

@media screen and (max-width: 1199px) {
  .slider-grid {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .slider-grid {
    overflow: hidden;
  }
}

.stand-personal .acc-head-inputs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .stand-personal .acc-head-inputs {
    flex-wrap: wrap;
  }
}
.stand-personal .acc-head-inputs label {
  position: absolute;
  text-indent: -99999px;
  height: 0;
  margin: 0;
  padding: 0;
  width: 0;
}
.stand-personal .acc-head-inputs > div {
  margin-right: 0.5rem;
  width: 20%;
  font-size: 0.85rem;
}
.stand-personal .acc-head-inputs > div:last-child {
  margin-right: 0;
}
.stand-personal .acc-head-inputs > div.lastname {
  width: 15%;
}
@media screen and (max-width: 1199px) {
  .stand-personal .acc-head-inputs > div.lastname {
    width: auto;
  }
}
.stand-personal .acc-head-inputs > div.firstname {
  width: 15%;
}
@media screen and (max-width: 1199px) {
  .stand-personal .acc-head-inputs > div.firstname {
    width: auto;
  }
}
.stand-personal .acc-head-inputs > div.email {
  width: 30%;
}
@media screen and (max-width: 1199px) {
  .stand-personal .acc-head-inputs > div.email {
    width: 100%;
  }
}
.stand-personal .acc-head-inputs > div.conference {
  width: 20%;
}
@media screen and (max-width: 1199px) {
  .stand-personal .acc-head-inputs > div.conference {
    width: 100%;
  }
}
.stand-personal .acc-head-inputs > div.status-1 {
  width: 20%;
}
@media screen and (max-width: 1199px) {
  .stand-personal .acc-head-inputs > div.status-1 {
    width: 100%;
    padding-left: 0.25rem;
  }
}
.stand-personal form {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.stand-personal form > div {
  margin: 0;
}
.stand-personal form div > div {
  float: none;
  margin: 0;
}
.stand-personal form div > div.acc-content-bottom {
  margin-top: 1rem;
}
.stand-personal form div > div {
  width: 100%;
}
.stand-personal form div > div.acc-checkbox {
  width: 30%;
}
@media screen and (max-width: 1023px) {
  .stand-personal form div > div.acc-checkbox {
    width: 100%;
  }
}
.stand-personal form div > div.acc-buttons {
  width: 70%;
}
@media screen and (max-width: 1023px) {
  .stand-personal form div > div.acc-buttons {
    width: 100%;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.stand-personal form div.acc-row {
  margin-bottom: 0.5rem;
}
.stand-personal form div.acc-row:last-child {
  margin-bottom: 0;
}
.stand-personal form div.acc-row:hover {
  background-color: #eee;
}
.stand-personal form div.acc-row > div {
  width: 20%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-size: 0.85rem;
}
.stand-personal form div.acc-row > div input {
  margin: 0 0.25rem 0 0;
}
.stand-personal form div.acc-row > div label {
  margin: 0;
}
.stand-personal form div.acc-row > div.date {
  width: 15%;
}
@media screen and (max-width: 1023px) {
  .stand-personal form div.acc-row > div.date {
    width: 100%;
  }
}
.stand-personal form div.acc-row > div.r-1 {
  width: 15%;
}
@media screen and (max-width: 1023px) {
  .stand-personal form div.acc-row > div.r-1 {
    width: 100%;
  }
}
.stand-personal form div.acc-row > div.r-2 {
  width: 30%;
}
@media screen and (max-width: 1023px) {
  .stand-personal form div.acc-row > div.r-2 {
    width: 100%;
  }
}
.stand-personal form div.acc-row > div.r-3 {
  width: 20%;
}
@media screen and (max-width: 1023px) {
  .stand-personal form div.acc-row > div.r-3 {
    width: 100%;
  }
}
.stand-personal form div.acc-row input[disabled] + label {
  opacity: 0.5;
}
.stand-personal .status {
  font-size: 0.85rem;
}
.stand-personal.accordion-tab.display-as-acc .acc-head {
  padding-left: 10px;
  padding-right: 40px;
  box-sizing: border-box;
}
.stand-personal.accordion-tab.display-as-acc .acc-head input {
  border: none;
  background-color: transparent;
  padding: 0.25rem;
  font-size: 0.85rem;
}
.stand-personal.accordion-tab.display-as-acc .acc-head input:disabled {
  color: #000000;
}
.stand-personal.accordion-tab.display-as-acc .acc-head:before {
  left: auto;
  right: 12px;
  font-size: 180%;
}
.stand-personal.accordion-tab.display-as-acc .acc-head.acc-active input {
  background-color: rgb(255, 255, 255);
  margin-bottom: 0.25rem;
}
.stand-personal input:hover, .stand-personal input:focus, .stand-personal select:hover, .stand-personal select:focus, .stand-personal button.btn:hover, .stand-personal button.btn:focus {
  box-shadow: none;
  outline: none;
}
@media screen and (max-width: 1023px) {
  .stand-personal.accordion-tab .accordion-tab-element .acc-body .acc-body-content-wrapper {
    padding: 10px;
  }
}

table.acc-table {
  border-collapse: collapse;
  font-size: 0.8rem;
  width: 100%;
}
table.acc-table tr.gray {
  background-color: #dfdfdf;
}
table.acc-table tbody > tr:nth-child(odd) {
  background-color: #eee;
}
table.acc-table tbody > tr.red {
  background-color: #ffa1a1;
}
table.acc-table tbody > tr.green {
  background-color: #bbe8b3;
}
table.acc-table tbody > tr.yellow {
  background-color: #eeee9e;
}

.layout-2-cols-l-s {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.layout-2-cols-l-s > div:first-child {
  width: 83%;
}
@media screen and (max-width: 1023px) {
  .layout-2-cols-l-s > div:first-child {
    width: 100%;
    order: 2;
  }
}
.layout-2-cols-l-s > div:last-child {
  width: 16%;
}
@media screen and (max-width: 1023px) {
  .layout-2-cols-l-s > div:last-child {
    width: 100%;
    order: 1;
  }
}

.special-accordions-wrapper {
  padding: 3rem 0;
}
.special-accordions-wrapper .accordion-tab.display-as-acc {
  padding-bottom: 0;
}

.acc-row {
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 1023px) {
  .acc-row {
    flex-wrap: wrap;
  }
}
.acc-row > div {
  width: 20%;
}

.content .special-accordions-wrapper form input[type=radio] + label {
  width: auto;
  font-size: 0.85rem;
  color: rgb(49, 51, 45);
}

.acc-buttons {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .acc-buttons {
    justify-content: flex-start;
    margin-top: 0.5rem;
  }
}
.acc-buttons .icon-trash-empty, .acc-buttons .icon-file-archive, .acc-buttons .icon-download, .acc-buttons .icon-mail {
  padding: 0.25rem 1rem;
  border: none;
  border-radius: 4px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  margin-left: 0.5rem;
}
@media screen and (max-width: 1023px) {
  .acc-buttons .icon-trash-empty, .acc-buttons .icon-file-archive, .acc-buttons .icon-download, .acc-buttons .icon-mail {
    margin-left: 0;
    margin-right: 0;
    width: 49%;
    padding: 0.5rem;
    margin-bottom: 0.25rem;
  }
}
.acc-buttons .icon-trash-empty:before, .acc-buttons .icon-file-archive:before, .acc-buttons .icon-download:before, .acc-buttons .icon-mail:before {
  color: rgb(255, 255, 255);
}
.acc-buttons .icon-trash-empty {
  background-color: red;
}
.acc-buttons .icon-file-archive {
  background-color: rgb(28, 99, 184);
}
.acc-buttons .icon-download {
  background-color: rgb(112, 173, 222);
}
.acc-buttons .icon-mail {
  background-color: rgb(112, 173, 222);
}

.acc-content-bottom {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin: 1rem 0 0 0;
}
@media screen and (max-width: 1023px) {
  .acc-content-bottom {
    flex-wrap: wrap;
  }
}

.acc-checkbox {
  margin-top: 1rem;
}
.acc-checkbox > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-size: 0.85rem;
}
.acc-checkbox label {
  width: auto !important;
  font-size: 0.85rem;
  margin: 0 !important;
}
.acc-checkbox input {
  margin: 0 0.5rem 0 0 !important;
}

@media print {
  #skip-links, .live-banner, .tekom-ad, .tekom-nav, header, footer, p.breadcrumb, .event-registration, form {
    display: none;
  }
  main .container {
    width: 100%;
    color: #000 !important;
  }
  .content-grid.c-2-1 img, .content-grid.c-1-2 img {
    max-width: 30%;
  }
  .content-element img {
    max-width: 30%;
  }
}

/*# sourceMappingURL=main.css.map */