@charset "UTF-8";
@font-face {
  font-family: 'TeleGroteskScreen-Regular';
  src: url("../fonts/TeleGroteskScreen-Regular.eot");
  src: url("../fonts/TeleGroteskScreen-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskScreen-Regular.woff") format("woff"), url("../fonts/TeleGroteskScreen-Regular.ttf") format("truetype"), url("../fonts/TeleGroteskScreen-Regular.svg#TeleGroteskScreen-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TeleGroteskScreen-Medium';
  src: url("../fonts/TeleGroteskScreen-Medium.eot");
  src: url("../fonts/TeleGroteskScreen-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskScreen-Medium.woff") format("woff"), url("../fonts/TeleGroteskScreen-Medium.ttf") format("truetype"), url("../fonts/TeleGroteskScreen-Medium.svg#TeleGroteskScreen-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TeleGroteskScreen-Bold';
  src: url("../fonts/TeleGroteskScreen-Bold.eot");
  src: url("../fonts/TeleGroteskScreen-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskScreen-Bold.woff") format("woff"), url("../fonts/TeleGroteskScreen-Bold.ttf") format("truetype"), url("../fonts/TeleGroteskScreen-Bold.svg#TeleGroteskScreen-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TeleGroteskScreen-Ultra';
  src: url("../fonts/TeleGroteskScreen-Ultra.eot");
  src: url("../fonts/TeleGroteskScreen-Ultra.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskScreen-Ultra.woff") format("woff"), url("../fonts/TeleGroteskScreen-Ultra.ttf") format("truetype"), url("../fonts/TeleGroteskScreen-Ultra.svg#TeleGroteskScreen-Ultra") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TeleGroteskScreen-Thin';
  src: url("../fonts/TeleGroteskScreen-Thin.eot");
  src: url("../fonts/TeleGroteskScreen-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskScreen-Thin.woff") format("woff"), url("../fonts/TeleGroteskScreen-Thin.ttf") format("truetype"), url("../fonts/TeleGroteskScreen-Thin.svg#TeleGroteskScreen-Thin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TeleGroteskScreen-MediumItalic';
  src: url("../fonts/TeleGroteskScreen-MediumItalic.eot");
  src: url("../fonts/TeleGroteskScreen-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TeleGroteskScreen-MediumItalic.woff") format("woff"), url("../fonts/TeleGroteskScreen-MediumItalic.ttf") format("truetype"), url("../fonts/TeleGroteskScreen-MediumItalic.svg#TeleGroteskScreen-MediumItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TeleIconOutline-Custom';
  src: url("../fonts/TeleIconOutline-Custom.eot");
  src: url("../fonts/TeleIconOutline-Custom.eot#iefix") format("embedded-opentype"), url("../fonts/TeleIconOutline-Custom.ttf") format("truetype"), url("../fonts/TeleIconOutline-Custom.woff") format("woff"), url("../fonts/TeleIconOutline-Custom.svg#TeleIconOutline-Custom") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tsde-icon-new';
  src: url("../fonts/tsde-icon-new.eot?5464565464");
  src: url("../fonts/tsde-icon-new.eot?5464565464#iefix") format("embedded-opentype"), url("../fonts/tsde-icon-new.ttf?5464565464") format("truetype"), url("../fonts/tsde-icon-new.woff?5464565464") format("woff"), url("../fonts/tsde-icon-new.svg?5464565464#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

.mb-0 {
  margin-bottom: 0 !important; }

.text-center {
  text-align: center !important; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5; }

.modal-header {
  border-bottom: 1px solid #e5e5e5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }

.modal-header .close {
  margin-top: -2px;
  background: #ffffff;
  border: 0;
  font-size: 22px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

.icon:before,
.icon-light:before {
  font-family: 'TeleIconOutline-Custom';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon.__logo:before,
.icon-light.__logo:before {
  content: "\e000"; }

.icon.__logo-short:before,
.icon-light.__logo-short:before {
  content: "\e001"; }

.icon.__menu:before,
.icon-light.__menu:before {
  content: "\e002"; }

.icon.__menu-down:before,
.icon-light.__menu-down:before {
  content: "\e003"; }

.icon.__cross:before,
.icon-light.__cross:before {
  content: "\e004"; }

.icon.__checkmark:before,
.icon-light.__checkmark:before {
  content: "\e005"; }

.icon.__cross-outline:before,
.icon-light.__cross-outline:before {
  content: "\e006"; }

.icon.__checkmark-outline:before,
.icon-light.__checkmark-outline:before {
  content: "\e007"; }

.icon.__edge-top:before,
.icon-light.__edge-top:before {
  content: "\e008"; }

.icon.__edge-right:before,
.icon-light.__edge-right:before {
  content: "\e009"; }

.icon.__edge-down:before,
.icon-light.__edge-down:before {
  content: "\e00a"; }

.icon.__edge-left:before,
.icon-light.__edge-left:before {
  content: "\e00b"; }

.icon.__arrow-up:before,
.icon-light.__arrow-up:before {
  content: "\e00c"; }

.icon.__arrow-right:before,
.icon-light.__arrow-right:before {
  content: "\e00d"; }

.icon.__arrow-down:before,
.icon-light.__arrow-down:before {
  content: "\e00e"; }

.icon.__arrow-left:before,
.icon-light.__arrow-left:before {
  content: "\e00f"; }

.icon.__upload:before,
.icon-light.__upload:before {
  content: "\e010"; }

.icon.__download:before,
.icon-light.__download:before {
  content: "\e011"; }

.icon.__backward:before,
.icon-light.__backward:before {
  content: "\e012"; }

.icon.__forward:before,
.icon-light.__forward:before {
  content: "\e013"; }

.icon.__replay:before,
.icon-light.__replay:before {
  content: "\e014"; }

.icon.__repeat:before,
.icon-light.__repeat:before {
  content: "\e015"; }

.icon.__scale-down:before,
.icon-light.__scale-down:before {
  content: "\e016"; }

.icon.__scale-up:before,
.icon-light.__scale-up:before {
  content: "\e017"; }

.icon.__star:before,
.icon-light.__star:before {
  content: "\e018"; }

.icon.__plus:before,
.icon-light.__plus:before {
  content: "\e019"; }

.icon.__minus:before,
.icon-light.__minus:before {
  content: "\e01a"; }

.icon.__grid:before,
.icon-light.__grid:before {
  content: "\e01b"; }

.icon.__rewind-start:before,
.icon-light.__rewind-start:before {
  content: "\e01c"; }

.icon.__skip-start:before,
.icon-light.__skip-start:before {
  content: "\e01d"; }

.icon.__rewind-fast:before,
.icon-light.__rewind-fast:before {
  content: "\e01e"; }

.icon.__play:before,
.icon-light.__play:before {
  content: "\e01f"; }

.icon.__pause:before,
.icon-light.__pause:before {
  content: "\e020"; }

.icon.__stop:before,
.icon-light.__stop:before {
  content: "\e021"; }

.icon.__forward-fast:before,
.icon-light.__forward-fast:before {
  content: "\e022"; }

.icon.__skip-end:before,
.icon-light.__skip-end:before {
  content: "\e023"; }

.icon.__forward-fast-end:before,
.icon-light.__forward-fast-end:before {
  content: "\e024"; }

.icon.__lying-colon:before,
.icon-light.__lying-colon:before {
  content: "\e025"; }

.icon.__ellipsis:before,
.icon-light.__ellipsis:before {
  content: "\e026"; }

.icon.__outline:before,
.icon-light.__outline:before {
  content: "\e027"; }

.icon.__info:before,
.icon-light.__info:before {
  content: "\e028"; }

.icon.__info-outline:before,
.icon-light.__info-outline:before {
  content: "\e029"; }

.icon.__question-mark:before,
.icon-light.__question-mark:before {
  content: "\e02a"; }

.icon.__question-mark-outline:before,
.icon-light.__question-mark-outline:before {
  content: "\e02b"; }

.icon.__exclamation-mark:before,
.icon-light.__exclamation-mark:before {
  content: "\e02c"; }

.icon.__exclamation-mark-outline:before,
.icon-light.__exclamation-mark-outline:before {
  content: "\e02d"; }

.icon.__calendar:before,
.icon-light.__calendar:before {
  content: "\e02e"; }

.icon.__option:before,
.icon-light.__option:before {
  content: "\e02f"; }

.icon.__bookmark:before,
.icon-light.__bookmark:before {
  content: "\e030"; }

.icon.__paper-clip:before,
.icon-light.__paper-clip:before {
  content: "\e031"; }

.icon.__cart:before,
.icon-light.__cart:before {
  content: "\e032"; }

.icon.__dublicate:before,
.icon-light.__dublicate:before {
  content: "\e033"; }

.icon.__trash:before,
.icon-light.__trash:before {
  content: "\e034"; }

.icon.__folder:before,
.icon-light.__folder:before {
  content: "\e035"; }

.icon.__pencil:before,
.icon-light.__pencil:before {
  content: "\e036"; }

.icon.__link:before,
.icon-light.__link:before {
  content: "\e037"; }

.icon.__filter:before,
.icon-light.__filter:before {
  content: "\e038"; }

.icon.__bubble:before,
.icon-light.__bubble:before {
  content: "\e039"; }

.icon.__phone:before,
.icon-light.__phone:before {
  content: "\e03a"; }

.icon.__phone-off:before,
.icon-light.__phone-off:before {
  content: "\e03b"; }

.icon.__sound-on:before,
.icon-light.__sound-on:before {
  content: "\e03c"; }

.icon.__sound-off:before,
.icon-light.__sound-off:before {
  content: "\e03d"; }

.icon.__bell:before,
.icon-light.__bell:before {
  content: "\e03e"; }

.icon.__bell-off:before,
.icon-light.__bell-off:before {
  content: "\e03f"; }

.icon.__key:before,
.icon-light.__key:before {
  content: "\e040"; }

.icon.__lock:before,
.icon-light.__lock:before {
  content: "\e041"; }

.icon.__microphone:before,
.icon-light.__microphone:before {
  content: "\e042"; }

.icon.__clock:before,
.icon-light.__clock:before {
  content: "\e043"; }

.icon.__pin:before,
.icon-light.__pin:before {
  content: "\e044"; }

.icon.__mobile:before,
.icon-light.__mobile:before {
  content: "\e045"; }

.icon.__tablet:before,
.icon-light.__tablet:before {
  content: "\e046"; }

.icon.__laptop:before,
.icon-light.__laptop:before {
  content: "\e047"; }

.icon.__desktop:before,
.icon-light.__desktop:before {
  content: "\e048"; }

.icon.__gallery:before,
.icon-light.__gallery:before {
  content: "\e049"; }

.icon.__profile:before,
.icon-light.__profile:before {
  content: "\e04a"; }

.icon.__cloud:before,
.icon-light.__cloud:before {
  content: "\e04b"; }

.icon.__search:before,
.icon-light.__search:before {
  content: "\e04c"; }

.icon.__zoom-in:before,
.icon-light.__zoom-in:before {
  content: "\e04d"; }

.icon.__zoom-out:before,
.icon-light.__zoom-out:before {
  content: "\e04e"; }

.icon.__paper:before,
.icon-light.__paper:before {
  content: "\e04f"; }

.icon.__home:before,
.icon-light.__home:before {
  content: "\e050"; }

.icon.__mail:before,
.icon-light.__mail:before {
  content: "\e051"; }

.icon.__print:before,
.icon-light.__print:before {
  content: "\e052"; }

.icon.__share:before,
.icon-light.__share:before {
  content: "\e053"; }

.icon.__load:before,
.icon-light.__load:before {
  content: "\e054"; }

.icon.__line-1:before,
.icon-light.__line-1:before {
  content: "\e055"; }

.icon.__line-2:before,
.icon-light.__line-2:before {
  content: "\e056"; }

.icon.__line-3:before,
.icon-light.__line-3:before {
  content: "\e057"; }

.icon.__line-4:before,
.icon-light.__line-4:before {
  content: "\e058"; }

.icon.__line-5:before,
.icon-light.__line-5:before {
  content: "\e059"; }

.icon.__square:before,
.icon-light.__square:before {
  content: "\e05a"; }

.icon.__triangle:before,
.icon-light.__triangle:before {
  content: "\e05b"; }

.icon.__mail2:before,
.icon-light.__mail2:before {
  content: "\e05c"; }

.icon.__facebook:before,
.icon-light.__facebook:before {
  content: "\e05d"; }

.icon.__twitter:before,
.icon-light.__twitter:before {
  content: "\e05e"; }

.icon.__google-plus:before,
.icon-light.__google-plus:before {
  content: "\e05f"; }

.icon.__instagram:before,
.icon-light.__instagram:before {
  content: "\e060"; }

.icon.__youtube:before,
.icon-light.__youtube:before {
  content: "\e061"; }

.icon.__youtube-play:before,
.icon-light.__youtube-play:before {
  content: "\e062"; }

.icon.__whatsapp:before,
.icon-light.__whatsapp:before {
  content: "\e063"; }

.icon.__xing:before,
.icon-light.__xing:before {
  content: "\e064"; }

.icon.__linkedin:before,
.icon-light.__linkedin:before {
  content: "\e065"; }

.icon.__rss:before,
.icon-light.__rss:before {
  content: "\e066"; }

.icon.__telekom-hilft:before,
.icon-light.__telekom-hilft:before {
  content: "\e067"; }

.icon_map {
  padding-left: 30px;
  position: relative; }
  .icon_map:before {
    content: url("../images/icons/icon_map.png") !important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }

.icon_institution:before {
  content: url("../images/icons/icon_institution.png") !important; }

.icon_digitalisation:before {
  content: url("../images/icons/icon_digitalisation.png") !important; }

.icon_country-network:before {
  content: url("../images/icons/icon_country-network.png") !important; }

.icon_partners:before {
  content: url("../images/icons/icon_partners.png") !important; }

.icon_efficiency:before {
  content: url("../images/icons/icon_efficiency.png") !important; }

.icon_sustainability:before {
  content: url("../images/icons/icon_sustainability.png") !important; }

.icon_businessmodel:before {
  content: url("../images/icons/icon_businessmodel.png") !important; }

.icon_europe:before {
  content: url("../images/icons/icon_europe.png") !important; }

.icon_network:before {
  content: url("../images/icons/icon_network.png") !important; }

.icon_4g:before {
  content: url("../images/icons/magenta-one/icon_4g.png") !important; }

.icon_available:before {
  content: url("../images/icons/magenta-one/icon_available.png") !important; }

.icon_camera:before {
  content: url("../images/icons/magenta-one/icon_camera.png") !important; }

.icon_cloud:before {
  content: url("../images/icons/magenta-one/icon_cloud.png") !important; }

.icon_fleet:before {
  content: url("../images/icons/magenta-one/icon_fleet.png") !important; }

.icon_investment:before {
  content: url("../images/icons/magenta-one/icon_investment.png") !important; }

.icon_one:before {
  content: url("../images/icons/magenta-one/icon_one.png") !important; }

.icon_order:before {
  content: url("../images/icons/magenta-one/icon_order.png") !important; }

.icon_security:before {
  content: url("../images/icons/magenta-one/icon_security.png") !important; }

.icon_tools:before {
  content: url("../images/icons/magenta-one/icon_tools.png") !important; }

.icon_wlan:before {
  content: url("../images/icons/magenta-one/icon_wlan.png") !important; }

.icon_adjust:before {
  content: url("../images/icons/cloud-infrastructure/icon_adjust.png") !important; }

.icon_infrastructure:before {
  content: url("../images/icons/cloud-infrastructure/icon_infrastructure.png") !important; }

.icon_provision:before {
  content: url("../images/icons/cloud-infrastructure/icon_provision.png") !important; }

.icon_save-money:before {
  content: url("../images/icons/cloud-infrastructure/icon_save-money.png") !important; }

.icon_save-money_2:before {
  content: url("../images/icons/cloud-infrastructure/icon_save-money_2.png") !important; }

.icon_stay-safe:before {
  content: url("../images/icons/cloud-infrastructure/icon_stay-safe.png") !important; }

.icons-fallback .icon:before,
.icons-fallback .icon-light:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("../images/icons/tele-iconfont-fallback.png");
  overflow: hidden; }

.icons-fallback .icon.__logo:before,
.icons-fallback .icon-light.__logo:before {
  width: 32px;
  height: 32px;
  background-position: 0 0; }

.icons-fallback .icon.__logo-short:before,
.icons-fallback .icon-light.__logo-short:before {
  width: 31px;
  height: 32px;
  background-position: -64px 0; }

.icons-fallback .icon.__menu:before,
.icons-fallback .icon-light.__menu:before {
  width: 32px;
  height: 32px;
  background-position: -128px 0; }

.icons-fallback .icon.__menu-down:before,
.icons-fallback .icon-light.__menu-down:before {
  width: 32px;
  height: 32px;
  background-position: -192px 0; }

.icons-fallback .icon.__cross:before,
.icons-fallback .icon-light.__cross:before {
  width: 28px;
  height: 32px;
  background-position: -256px 0; }

.icons-fallback .icon.__checkmark:before,
.icons-fallback .icon-light.__checkmark:before {
  width: 28px;
  height: 32px;
  background-position: -320px 0; }

.icons-fallback .icon.__cross-outline:before,
.icons-fallback .icon-light.__cross-outline:before {
  width: 32px;
  height: 32px;
  background-position: -384px 0; }

.icons-fallback .icon.__checkmark-outline:before,
.icons-fallback .icon-light.__checkmark-outline:before {
  width: 32px;
  height: 32px;
  background-position: -448px 0; }

.icons-fallback .icon.__edge-top:before,
.icons-fallback .icon-light.__edge-top:before {
  width: 25px;
  height: 32px;
  background-position: -512px 0; }

.icons-fallback .icon.__edge-right:before,
.icons-fallback .icon-light.__edge-right:before {
  width: 16px;
  height: 32px;
  background-position: -576px 0; }

.icons-fallback .icon.__edge-down:before,
.icons-fallback .icon-light.__edge-down:before {
  width: 25px;
  height: 32px;
  background-position: -640px 0; }

.icons-fallback .icon.__edge-left:before,
.icons-fallback .icon-light.__edge-left:before {
  width: 16px;
  height: 32px;
  background-position: -704px 0; }

.icons-fallback .icon.__arrow-up:before,
.icons-fallback .icon-light.__arrow-up:before {
  width: 21px;
  height: 32px;
  background-position: -768px 0; }

.icons-fallback .icon.__arrow-right:before,
.icons-fallback .icon-light.__arrow-right:before {
  width: 32px;
  height: 32px;
  background-position: -832px 0; }

.icons-fallback .icon.__arrow-down:before,
.icons-fallback .icon-light.__arrow-down:before {
  width: 20px;
  height: 32px;
  background-position: -896px 0; }

.icons-fallback .icon.__arrow-left:before,
.icons-fallback .icon-light.__arrow-left:before {
  width: 32px;
  height: 32px;
  background-position: -960px 0; }

.icons-fallback .icon.__upload:before,
.icons-fallback .icon-light.__upload:before {
  width: 21px;
  height: 32px;
  background-position: -1024px 0; }

.icons-fallback .icon.__download:before,
.icons-fallback .icon-light.__download:before {
  width: 21px;
  height: 32px;
  background-position: -1088px 0; }

.icons-fallback .icon.__backward:before,
.icons-fallback .icon-light.__backward:before {
  width: 28px;
  height: 32px;
  background-position: -1152px 0; }

.icons-fallback .icon.__forward:before,
.icons-fallback .icon-light.__forward:before {
  width: 30px;
  height: 32px;
  background-position: -1216px 0; }

.icons-fallback .icon.__replay:before,
.icons-fallback .icon-light.__replay:before {
  width: 25px;
  height: 32px;
  background-position: -1280px 0; }

.icons-fallback .icon.__repeat:before,
.icons-fallback .icon-light.__repeat:before {
  width: 25px;
  height: 32px;
  background-position: -1344px 0; }

.icons-fallback .icon.__scale-down:before,
.icons-fallback .icon-light.__scale-down:before {
  width: 32px;
  height: 32px;
  background-position: -1408px 0; }

.icons-fallback .icon.__scale-up:before,
.icons-fallback .icon-light.__scale-up:before {
  width: 32px;
  height: 32px;
  background-position: -1472px 0; }

.icons-fallback .icon.__star:before,
.icons-fallback .icon-light.__star:before {
  width: 32px;
  height: 32px;
  background-position: -1536px 0; }

.icons-fallback .icon.__plus:before,
.icons-fallback .icon-light.__plus:before {
  width: 32px;
  height: 32px;
  background-position: -1600px 0; }

.icons-fallback .icon.__minus:before,
.icons-fallback .icon-light.__minus:before {
  width: 32px;
  height: 32px;
  background-position: -1664px 0; }

.icons-fallback .icon.__grid:before,
.icons-fallback .icon-light.__grid:before {
  width: 32px;
  height: 32px;
  background-position: -1728px 0; }

.icons-fallback .icon.__rewind-start:before,
.icons-fallback .icon-light.__rewind-start:before {
  width: 32px;
  height: 32px;
  background-position: -1792px 0; }

.icons-fallback .icon.__skip-start:before,
.icons-fallback .icon-light.__skip-start:before {
  width: 20px;
  height: 32px;
  background-position: -1856px 0; }

.icons-fallback .icon.__rewind-fast:before,
.icons-fallback .icon-light.__rewind-fast:before {
  width: 27px;
  height: 32px;
  background-position: -1920px 0; }

.icons-fallback .icon.__play:before,
.icons-fallback .icon-light.__play:before {
  width: 21px;
  height: 32px;
  background-position: -1984px 0; }

.icons-fallback .icon.__pause:before,
.icons-fallback .icon-light.__pause:before {
  width: 21px;
  height: 32px;
  background-position: 0 -64px; }

.icons-fallback .icon.__stop:before,
.icons-fallback .icon-light.__stop:before {
  width: 25px;
  height: 32px;
  background-position: -64px -64px; }

.icons-fallback .icon.__forward-fast:before,
.icons-fallback .icon-light.__forward-fast:before {
  width: 27px;
  height: 32px;
  background-position: -128px -64px; }

.icons-fallback .icon.__skip-end:before,
.icons-fallback .icon-light.__skip-end:before {
  width: 18px;
  height: 32px;
  background-position: -192px -64px; }

.icons-fallback .icon.__forward-fast-end:before,
.icons-fallback .icon-light.__forward-fast-end:before {
  width: 32px;
  height: 32px;
  background-position: -256px -64px; }

.icons-fallback .icon.__lying-colon:before,
.icons-fallback .icon-light.__lying-colon:before {
  width: 31px;
  height: 32px;
  background-position: -320px -64px; }

.icons-fallback .icon.__ellipsis:before,
.icons-fallback .icon-light.__ellipsis:before {
  width: 27px;
  height: 32px;
  background-position: -384px -64px; }

.icons-fallback .icon.__outline:before,
.icons-fallback .icon-light.__outline:before {
  width: 25px;
  height: 32px;
  background-position: -448px -64px; }

.icons-fallback .icon.__info:before,
.icons-fallback .icon-light.__info:before {
  width: 16px;
  height: 32px;
  background-position: -512px -64px; }

.icons-fallback .icon.__info-outline:before,
.icons-fallback .icon-light.__info-outline:before {
  width: 32px;
  height: 32px;
  background-position: -576px -64px; }

.icons-fallback .icon.__question-mark:before,
.icons-fallback .icon-light.__question-mark:before {
  width: 18px;
  height: 32px;
  background-position: -640px -64px; }

.icons-fallback .icon.__question-mark-outline:before,
.icons-fallback .icon-light.__question-mark-outline:before {
  width: 32px;
  height: 32px;
  background-position: -704px -64px; }

.icons-fallback .icon.__exclamation-mark:before,
.icons-fallback .icon-light.__exclamation-mark:before {
  width: 7px;
  height: 32px;
  background-position: -768px -64px; }

.icons-fallback .icon.__exclamation-mark-outline:before,
.icons-fallback .icon-light.__exclamation-mark-outline:before {
  width: 32px;
  height: 32px;
  background-position: -832px -64px; }

.icons-fallback .icon.__calendar:before,
.icons-fallback .icon-light.__calendar:before {
  width: 28px;
  height: 32px;
  background-position: -896px -64px; }

.icons-fallback .icon.__option:before,
.icons-fallback .icon-light.__option:before {
  width: 32px;
  height: 32px;
  background-position: -960px -64px; }

.icons-fallback .icon.__bookmark:before,
.icons-fallback .icon-light.__bookmark:before {
  width: 18px;
  height: 32px;
  background-position: -1024px -64px; }

.icons-fallback .icon.__paper-clip:before,
.icons-fallback .icon-light.__paper-clip:before {
  width: 32px;
  height: 32px;
  background-position: -1088px -64px; }

.icons-fallback .icon.__cart:before,
.icons-fallback .icon-light.__cart:before {
  width: 30px;
  height: 32px;
  background-position: -1152px -64px; }

.icons-fallback .icon.__dublicate:before,
.icons-fallback .icon-light.__dublicate:before {
  width: 28px;
  height: 32px;
  background-position: -1216px -64px; }

.icons-fallback .icon.__trash:before,
.icons-fallback .icon-light.__trash:before {
  width: 25px;
  height: 32px;
  background-position: -1280px -64px; }

.icons-fallback .icon.__folder:before,
.icons-fallback .icon-light.__folder:before {
  width: 32px;
  height: 32px;
  background-position: -1344px -64px; }

.icons-fallback .icon.__pencil:before,
.icons-fallback .icon-light.__pencil:before {
  width: 28px;
  height: 32px;
  background-position: -1408px -64px; }

.icons-fallback .icon.__link:before,
.icons-fallback .icon-light.__link:before {
  width: 32px;
  height: 32px;
  background-position: -1472px -64px; }

.icons-fallback .icon.__filter:before,
.icons-fallback .icon-light.__filter:before {
  width: 30px;
  height: 32px;
  background-position: -1536px -64px; }

.icons-fallback .icon.__bubble:before,
.icons-fallback .icon-light.__bubble:before {
  width: 32px;
  height: 32px;
  background-position: -1600px -64px; }

.icons-fallback .icon.__phone:before,
.icons-fallback .icon-light.__phone:before {
  width: 28px;
  height: 32px;
  background-position: -1664px -64px; }

.icons-fallback .icon.__phone-off:before,
.icons-fallback .icon-light.__phone-off:before {
  width: 32px;
  height: 32px;
  background-position: -1728px -64px; }

.icons-fallback .icon.__sound-on:before,
.icons-fallback .icon-light.__sound-on:before {
  width: 32px;
  height: 32px;
  background-position: -1792px -64px; }

.icons-fallback .icon.__sound-off:before,
.icons-fallback .icon-light.__sound-off:before {
  width: 32px;
  height: 32px;
  background-position: -1856px -64px; }

.icons-fallback .icon.__bell:before,
.icons-fallback .icon-light.__bell:before {
  width: 32px;
  height: 32px;
  background-position: -1920px -64px; }

.icons-fallback .icon.__bell-off:before,
.icons-fallback .icon-light.__bell-off:before {
  width: 32px;
  height: 32px;
  background-position: -1984px -64px; }

.icons-fallback .icon.__key:before,
.icons-fallback .icon-light.__key:before {
  width: 32px;
  height: 32px;
  background-position: 0 -128px; }

.icons-fallback .icon.__lock:before,
.icons-fallback .icon-light.__lock:before {
  width: 25px;
  height: 32px;
  background-position: -64px -128px; }

.icons-fallback .icon.__microphone:before,
.icons-fallback .icon-light.__microphone:before {
  width: 25px;
  height: 32px;
  background-position: -128px -128px; }

.icons-fallback .icon.__clock:before,
.icons-fallback .icon-light.__clock:before {
  width: 32px;
  height: 32px;
  background-position: -192px -128px; }

.icons-fallback .icon.__pin:before,
.icons-fallback .icon-light.__pin:before {
  width: 32px;
  height: 32px;
  background-position: -256px -128px; }

.icons-fallback .icon.__mobile:before,
.icons-fallback .icon-light.__mobile:before {
  width: 20px;
  height: 32px;
  background-position: -320px -128px; }

.icons-fallback .icon.__tablet:before,
.icons-fallback .icon-light.__tablet:before {
  width: 32px;
  height: 32px;
  background-position: -384px -128px; }

.icons-fallback .icon.__laptop:before,
.icons-fallback .icon-light.__laptop:before {
  width: 32px;
  height: 32px;
  background-position: -448px -128px; }

.icons-fallback .icon.__desktop:before,
.icons-fallback .icon-light.__desktop:before {
  width: 32px;
  height: 32px;
  background-position: -512px -128px; }

.icons-fallback .icon.__gallery:before,
.icons-fallback .icon-light.__gallery:before {
  width: 32px;
  height: 32px;
  background-position: -576px -128px; }

.icons-fallback .icon.__profile:before,
.icons-fallback .icon-light.__profile:before {
  width: 32px;
  height: 32px;
  background-position: -640px -128px; }

.icons-fallback .icon.__cloud:before,
.icons-fallback .icon-light.__cloud:before {
  width: 32px;
  height: 32px;
  background-position: -704px -128px; }

.icons-fallback .icon.__search:before,
.icons-fallback .icon-light.__search:before {
  width: 30px;
  height: 32px;
  background-position: -768px -128px; }

.icons-fallback .icon.__zoom-in:before,
.icons-fallback .icon-light.__zoom-in:before {
  width: 30px;
  height: 32px;
  background-position: -832px -128px; }

.icons-fallback .icon.__zoom-out:before,
.icons-fallback .icon-light.__zoom-out:before {
  width: 30px;
  height: 32px;
  background-position: -896px -128px; }

.icons-fallback .icon.__paper:before,
.icons-fallback .icon-light.__paper:before {
  width: 25px;
  height: 32px;
  background-position: -960px -128px; }

.icons-fallback .icon.__home:before,
.icons-fallback .icon-light.__home:before {
  width: 32px;
  height: 32px;
  background-position: -1024px -128px; }

.icons-fallback .icon.__mail:before,
.icons-fallback .icon-light.__mail:before {
  width: 32px;
  height: 32px;
  background-position: -1088px -128px; }

.icons-fallback .icon.__print:before,
.icons-fallback .icon-light.__print:before {
  width: 32px;
  height: 32px;
  background-position: -1152px -128px; }

.icons-fallback .icon.__share:before,
.icons-fallback .icon-light.__share:before {
  width: 32px;
  height: 32px;
  background-position: -1216px -128px; }

.icons-fallback .icon.__load:before,
.icons-fallback .icon-light.__load:before {
  width: 32px;
  height: 32px;
  background-position: -1280px -128px; }

.icons-fallback .icon.__line-1:before,
.icons-fallback .icon-light.__line-1:before {
  width: 32px;
  height: 32px;
  background-position: -1344px -128px; }

.icons-fallback .icon.__line-2:before,
.icons-fallback .icon-light.__line-2:before {
  width: 32px;
  height: 32px;
  background-position: -1408px -128px; }

.icons-fallback .icon.__line-3:before,
.icons-fallback .icon-light.__line-3:before {
  width: 32px;
  height: 32px;
  background-position: -1472px -128px; }

.icons-fallback .icon.__line-4:before,
.icons-fallback .icon-light.__line-4:before {
  width: 20px;
  height: 32px;
  background-position: -1536px -128px; }

.icons-fallback .icon.__line-5:before,
.icons-fallback .icon-light.__line-5:before {
  width: 36px;
  height: 32px;
  background-position: -1600px -128px; }

.icons-fallback .icon.__square:before,
.icons-fallback .icon-light.__square:before {
  width: 28px;
  height: 32px;
  background-position: -1664px -128px; }

.icons-fallback .icon.__triangle:before,
.icons-fallback .icon-light.__triangle:before {
  width: 32px;
  height: 32px;
  background-position: -1728px -128px; }

.icons-fallback .icon.__mail2:before,
.icons-fallback .icon-light.__mail2:before {
  width: 32px;
  height: 32px;
  background-position: -1792px -128px; }

.icons-fallback .icon.__facebook:before,
.icons-fallback .icon-light.__facebook:before {
  width: 32px;
  height: 32px;
  background-position: -1856px -128px; }

.icons-fallback .icon.__twitter:before,
.icons-fallback .icon-light.__twitter:before {
  width: 32px;
  height: 32px;
  background-position: -1920px -128px; }

.icons-fallback .icon.__google-plus:before,
.icons-fallback .icon-light.__google-plus:before {
  width: 32px;
  height: 32px;
  background-position: -1984px -128px; }

.icons-fallback .icon.__instagram:before,
.icons-fallback .icon-light.__instagram:before {
  width: 32px;
  height: 32px;
  background-position: 0 -192px; }

.icons-fallback .icon.__youtube:before,
.icons-fallback .icon-light.__youtube:before {
  width: 32px;
  height: 32px;
  background-position: -64px -192px; }

.icons-fallback .icon.__youtube-play:before,
.icons-fallback .icon-light.__youtube-play:before {
  width: 32px;
  height: 32px;
  background-position: -128px -192px; }

.icons-fallback .icon.__whatsapp:before,
.icons-fallback .icon-light.__whatsapp:before {
  width: 32px;
  height: 32px;
  background-position: -192px -192px; }

.icons-fallback .icon.__xing:before,
.icons-fallback .icon-light.__xing:before {
  width: 32px;
  height: 32px;
  background-position: -256px -192px; }

.icons-fallback .icon.__linkedin:before,
.icons-fallback .icon-light.__linkedin:before {
  width: 32px;
  height: 32px;
  background-position: -320px -192px; }

.icons-fallback .icon.__rss:before,
.icons-fallback .icon-light.__rss:before {
  width: 32px;
  height: 32px;
  background-position: -384px -192px; }

.icons-fallback .icon.__telekom-hilft:before,
.icons-fallback .icon-light.__telekom-hilft:before {
  width: 32px;
  height: 32px;
  background-position: -448px -192px; }

.icons-fallback .icon-light::before {
  background-image: url("../images/icons/tele-iconfont-fallback_light.png"); }

.icons-fallback ul.list.__checkmark li {
  padding-left: 35px; }
  .icons-fallback ul.list.__checkmark li::before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("../images/icons/tele-iconfont-fallback.png");
    width: 28px;
    height: 32px;
    background-position: -320px 0; }

.icons-fallback label.label-checkbox.checked::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("../images/icons/tele-iconfont-fallback.png");
  background-position: -320px -10px; }

.icons-fallback .nav-pagination li:first-child a:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("../images/icons/tele-iconfont-fallback.png");
  width: 16px;
  height: 32px;
  background-position: -704px 0; }

.icons-fallback .nav-pagination li:last-child a:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("../images/icons/tele-iconfont-fallback.png");
  width: 16px;
  height: 32px;
  background-position: -576px 0; }

.icons-fallback .nav-breadcrumb li:not(.last) span:after {
  content: ">";
  font-family: Arial, sans-serif; }

.icons-fallback .slick-slider .slick-prev::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("../images/icons/tele-iconfont-fallback.png");
  width: 16px;
  height: 32px;
  background-position: -704px 0; }

.icons-fallback .slick-slider .slick-next::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("../images/icons/tele-iconfont-fallback.png");
  width: 16px;
  height: 32px;
  background-position: -576px 0; }

.icons-fallback .sticky_contact .icon-light.__mail::before {
  height: 25px; }

.icons-fallback .blog-detail_comment .__bubble::before {
  height: 30px;
  position: relative;
  bottom: -5px; }

.icons-fallback #searchicon .icon.__search {
  padding: 18px 0; }

.icons-fallback .nav-toggle::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("../images/icons/tele-iconfont-fallback.png");
  width: 32px;
  height: 32px;
  background-position: -128px 0; }

.icons-fallback .social-sharing a.__linkedin {
  width: 36px;
  height: 36px;
  line-height: 36px; }

header,
nav,
main,
aside,
section,
article,
footer,
video,
blockquote {
  display: block; }

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

html, body {
  font-family: 'TeleGroteskScreen-Regular', 'Arial', sans-serif;
  color: #383838;
  font-size: 18px;
  line-height: 1.5; }

header {
  background-color: #e20074;
  position: absolute;
  width: 100%;
  z-index: 3; }
  @media screen and (min-width: 1200px) {
    header {
      position: fixed; } }

main {
  padding-top: 85px;
  position: relative; }
  @media screen and (min-width: 1200px) {
    main {
      padding-top: 162px; } }

.__center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  .__center p,
  .__center .list {
    margin-left: auto;
    margin-right: auto; }

@media screen and (min-width: 1024px) {
  .__bigger-text {
    font-size: 18px;
    max-width: 175px;
    margin-top: 30px; } }

.__magenta {
  color: #e20074; }

.content_hidden {
  display: none; }
  .content_hidden.__visible {
    display: block; }

.d-block {
  display: block !important; }

.d-none {
  display: none !important; }

.plic {
  position: fixed;
  bottom: 85px;
  right: 10px;
  z-index: 99999; }

.modal {
  display: none;
  position: fixed;
  text-align: center;
  top: 20px;
  padding-top: 10px;
  border-radius: 8px;
  margin: 10px auto;
  z-index: 999999; }

.x {
  color: #fff;
  position: absolute;
  right: 23px;
  top: 15px;
  font-size: 25px; }

.dimmer {
  display: none;
  position: relative;
  background-color: rgba(0, 0, 0, 0.53);
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 2; }

@media screen and (min-width: 600px) and (max-width: 1024px) {
  .modal {
    max-width: 600px;
    left: calc(50% - 300px); } }

@media screen and (min-width: 1023px) {
  .d-md-block {
    display: block !important; }
  .d-md-none {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  #form-side {
    position: -webkit-sticky;
    position: sticky;
    top: 164px; }
  .plic {
    display: none; }
  .x {
    display: none; } }

.side-form {
  border-radius: 11px !important;
  border: 0 !important;
  padding-left: 10px !important;
  background: #fff !important;
  margin-left: 0 !important; }

#form-side li,
#form-side li .error {
  font-size: 12px;
  color: #fff;
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: normal;
  margin-bottom: 4px;
  line-height: 1.2; }
  h1 b,
  h1 strong, h2 b,
  h2 strong, h3 b,
  h3 strong, h4 b,
  h4 strong, h5 b,
  h5 strong, h6 b,
  h6 strong {
    font-weight: normal; }

h1 {
  font-family: 'TeleGroteskScreen-Thin', 'Arial', sans-serif;
  font-size: 32px;
  margin-bottom: 24px;
  color: #e20074; }
  @media screen and (min-width: 1024px) {
    h1 {
      font-size: 44px; } }
  @media screen and (min-width: 1500px) {
    h1 {
      font-size: 55px;
      margin-bottom: 72px; } }

h2 {
  font-family: 'TeleGroteskScreen-Thin', 'Arial', sans-serif;
  font-size: 24px;
  margin-bottom: 24px; }
  @media screen and (min-width: 769px) {
    h2 {
      font-size: 32px; } }
  @media screen and (min-width: 1024px) {
    h2 {
      font-size: 48px;
      margin-bottom: 36px; } }

h3 {
  font-size: 26px; }
  @media screen and (min-width: 1024px) {
    h3 {
      font-size: 36px; } }

.subheadline {
  font-size: 16px;
  color: #383838;
  display: block;
  font-family: 'TeleGrotesk-Fett', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 4px; }
  @media screen and (min-width: 1024px) {
    .subheadline {
      font-size: 24px;
      line-height: 1.5; } }

h4 {
  font-size: 20px;
  margin-bottom: 10px; }

h5 {
  color: #383838;
  font-size: 18px;
  margin-bottom: 5px; }

h6 {
  font-size: inherit; }

p {
  margin-bottom: 24px;
  max-width: 950px; }
  p.__magenta {
    color: #E20074; }

b,
strong {
  font-family: 'TeleGroteskScreen-Bold', 'Arial', sans-serif;
  font-weight: normal; }

blockquote {
  font-family: 'TeleGroteskScreen-MediumItalic', 'Arial', sans-serif;
  font-size: 22px;
  line-height: 1.4;
  max-width: 795px;
  margin: 0 auto 12px auto;
  position: relative;
  padding: 0 30px; }
  blockquote:before, blockquote:after {
    position: relative; }
  blockquote:before {
    content: "“";
    right: -6px; }
  blockquote:after {
    content: "”";
    left: -6px; }

a,
.textlink {
  cursor: pointer;
  color: #007FAF;
  text-decoration: none; }
  a:hover, a:focus,
  .textlink:hover,
  .textlink:focus {
    text-decoration: underline; }

footer {
  background-image: url("../images/pattern_dark.jpg");
  background-repeat: repeat;
  background-position: center top;
  overflow: hidden;
  padding: 30px 0;
  position: relative; }
  footer hr {
    border-color: #d0d0d0;
    margin: 20px auto 30px;
    max-width: 1272px; }
  footer .logo {
    z-index: 0; }
  footer .social_media {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%; }
  footer .social_media a {
    margin-right: 20px; }

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: 0;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

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

.slick-slider {
  padding-bottom: 40px; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: none !important;
  width: 60px;
  height: 60px;
  line-height: 60px;
  min-width: 0px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  opacity: 0.75;
  text-align: center;
  z-index: 2; }
  @media screen and (min-width: 1500px) {
    .slick-prev,
    .slick-next {
      display: block !important; } }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    opacity: 1;
    background: transparent; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0; }
  .slick-prev:before,
  .slick-next:before {
    font-family: 'TeleIconOutline-Custom';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #383838;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 60px; }

.slick-prev {
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: 0; }
  [dir="rtl"] .slick-next {
    left: 0;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

.slick-dots {
  position: absolute;
  bottom: 25px;
  left: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 6px;
    max-width: 36px;
    padding: 0;
    width: 100%;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      border-radius: 0;
      background: transparent;
      background-color: #d0d0d0;
      color: transparent;
      cursor: pointer;
      display: block;
      font-size: 0px;
      height: 4px;
      width: 100%;
      outline: none;
      line-height: 0px;
      min-width: 0;
      padding: 0; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        font-family: "TeleIconOutline-Custom";
        font-size: 6px;
        text-align: center;
        color: #d0d0d0;
        opacity: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button {
      background-color: #E20074; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../images/lightbox_default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../images/lightbox_default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(../images/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@keyframes clockwise {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes donut-rotate {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(-140deg); }
  100% {
    transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

.about_content {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 84px; }
  @media screen and (min-width: 769px) {
    .about_content {
      padding-right: 24px;
      padding-left: 24px; } }
  @media screen and (min-width: 1024px) {
    .about_content {
      display: -ms-flexbox;
      display: flex; } }

.about_banner {
  background-color: #515151;
  color: #fff;
  margin-bottom: 0;
  padding: 48px 0; }
  @media screen and (min-width: 1024px) {
    .about_banner {
      background-image: url("../images/about/map_dark.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      min-height: 600px; } }
  .about_banner_detail {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .about_banner_detail {
        padding-right: 24px;
        padding-left: 24px; } }
  @media screen and (min-width: 1024px) {
    .about_banner h2,
    .about_banner .list,
    .about_banner p {
      max-width: 50%; } }

.block-text {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 84px; }
  @media screen and (min-width: 769px) {
    .block-text {
      padding-right: 24px;
      padding-left: 24px; } }
  .block-text_content {
    margin-right: -12px;
    margin-left: -12px;
    margin-bottom: 84px; }
    @media screen and (min-width: 1024px) {
      .block-text_content {
        display: -ms-flexbox;
        display: flex; } }
    .block-text_content.__wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (min-width: 1024px) {
        .block-text_content.__wrap .block-text_content_detail {
          width: 33.33%; } }
    .block-text_content_detail {
      width: 100%;
      padding-right: 12px;
      padding-left: 12px; }

.blog {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 48px; }
  @media screen and (min-width: 769px) {
    .blog {
      padding-right: 24px;
      padding-left: 24px; } }
  .blog_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -12px; }
  .blog_teaser {
    background-color: transparent;
    color: #383838;
    margin-bottom: 48px;
    padding: 0 12px;
    width: 100%; }
    @media screen and (min-width: 650px) {
      .blog_teaser {
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      .blog_teaser {
        font-size: 24px;
        width: 33.33%; } }
    .blog_teaser:hover, .blog_teaser:focus {
      text-decoration: none; }
    .blog_teaser h2 {
      font-size: 24px;
      margin-bottom: 12px; }
    .blog_teaser p {
      margin-bottom: 12px; }
    .blog_teaser_date {
      font-size: 1rem;
      display: inline-block; }
    .blog_teaser_categories {
      display: inline-block; }
      .blog_teaser_categories li {
        border: 1px solid #b2b2b2;
        border-radius: 4px;
        color: #383838;
        display: inline-block;
        font-size: 18px;
        margin-right: 6px;
        margin-bottom: 12px;
        padding: 0 12px;
        line-height: 36px;
        transition: all 0.2s ease-in-out;
        white-space: nowrap; }
      .blog_teaser_categories li a {
        color: #383838; }
        .blog_teaser_categories li a:hover {
          text-decoration: none; }
    .blog_teaser_image {
      display: block;
      margin-bottom: 24px;
      position: relative;
      overflow: hidden;
      width: 100%; }
      .blog_teaser_image:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 56%; }
      .blog_teaser_image img {
        display: block;
        margin: auto;
        width: 100%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        transition: all 0.3s ease-in-out; }
      .blog_teaser_image:hover img, .blog_teaser_image:focus img {
        transform: translate(-50%, -50%) scale(1.2); }
    .blog_teaser_content {
      color: #383838; }
      .blog_teaser_content:hover, .blog_teaser_content:focus {
        text-decoration: none; }
    .blog_teaser .button {
      display: inline-block; }
    .blog_teaser.__highlight {
      width: 100%; }
      @media screen and (min-width: 650px) {
        .blog_teaser.__highlight {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
      @media screen and (min-width: 1024px) {
        .blog_teaser.__highlight {
          font-size: inherit; } }
      .blog_teaser.__highlight:nth-of-type(2n) {
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
        @media screen and (min-width: 650px) {
          .blog_teaser.__highlight:nth-of-type(2n) .blog_teaser_content {
            padding-left: 0;
            padding-right: 12px; } }
      @media screen and (min-width: 650px) {
        .blog_teaser.__highlight .blog_teaser_image {
          margin-bottom: 0;
          width: 50%; }
          .blog_teaser.__highlight .blog_teaser_image img {
            min-height: 0; } }
      @media screen and (min-width: 650px) {
        .blog_teaser.__highlight .blog_teaser_content {
          width: 50%;
          padding-left: 12px; } }
      .blog_teaser.__highlight h2 {
        font-family: 'TeleGroteskScreen-Thin', 'Arial', sans-serif;
        font-size: 24px;
        margin-bottom: 24px; }
        @media screen and (min-width: 769px) {
          .blog_teaser.__highlight h2 {
            font-size: 32px; } }
        @media screen and (min-width: 1024px) {
          .blog_teaser.__highlight h2 {
            font-size: 48px;
            margin-bottom: 36px; } }

.blog-detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 -12px 48px; }
  .blog-detail_main {
    padding: 0 12px;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .blog-detail_main {
        width: 70%; } }
    .blog-detail_main ul {
      list-style: none;
      margin-bottom: 24px;
      max-width: 950px;
      text-align: left; }
      .blog-detail_main ul li {
        position: relative;
        padding: 4px 0;
        padding-left: 20px; }
        .blog-detail_main ul li:before {
          content: "•";
          display: inline-block;
          position: absolute;
          left: 0; }
    .blog-detail_main ol {
      counter-reset: ordered-list;
      list-style: none;
      margin-bottom: 24px;
      max-width: 950px;
      text-align: left; }
      .blog-detail_main ol li {
        position: relative;
        padding: 4px 0;
        padding-left: 20px; }
        .blog-detail_main ol li:before {
          content: counter(ordered-list) ".";
          counter-increment: ordered-list;
          display: inline-block;
          position: absolute;
          left: 0; }
    .blog-detail_main .gallery {
      padding-bottom: 0;
      margin-bottom: 48px; }
      .blog-detail_main .gallery .attachment-thumbnail {
        margin-bottom: 0; }
      .blog-detail_main .gallery .gallery-caption {
        display: none; }
      .blog-detail_main .gallery .slick-prev {
        left: -60px; }
      .blog-detail_main .gallery .slick-next {
        right: -60px; }
      .blog-detail_main .gallery .slick-dots {
        margin-bottom: -60px; }
        .blog-detail_main .gallery .slick-dots li:before {
          display: none; }
  .blog-detail_content img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin-top: 6px;
    margin-bottom: 12px; }
    .blog-detail_content img[class*="fr_img_center"] {
      margin: 12px auto; }
    .blog-detail_content img[class*="fr_img_left"] {
      float: left;
      margin-right: 15px; }
    .blog-detail_content img[class*="fr_img_right"] {
      float: right;
      margin-left: 15px; }
  .blog-detail_content iframe {
    display: block;
    max-width: 100%;
    margin: 12px auto; }
  .blog-detail_aside {
    padding: 0 12px;
    width: 100%;
    margin: 0 -12px; }
    @media screen and (min-width: 650px) {
      .blog-detail_aside {
        display: -ms-flexbox;
        display: flex; } }
    @media screen and (min-width: 1024px) {
      .blog-detail_aside {
        -ms-flex-direction: column;
            flex-direction: column;
        margin: 0;
        width: 25%; } }
  .blog-detail_header {
    margin-bottom: 48px; }
    .blog-detail_header h1 {
      margin-bottom: 12px; }
  .blog-detail_meta {
    list-style: none;
    margin: 0 -24px 24px; }
    @media screen and (min-width: 769px) {
      .blog-detail_meta {
        display: -ms-flexbox;
        display: flex; } }
    .blog-detail_meta li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: 0 24px; }
      .blog-detail_meta li:before {
        display: none !important; }
    .blog-detail_meta .social-sharing {
      margin-bottom: 0; }
  .blog-detail_stage {
    width: 100%; }
  .blog-detail_left {
    float: left;
    margin-right: 24px; }
  .blog-detail_right {
    float: right;
    margin-left: 24px; }
  .blog-detail img {
    margin-bottom: 12px;
    max-width: 100%; }
  .blog-detail video {
    max-width: 100%;
    margin: 0 auto; }
  .blog-detail h2 {
    font-size: 27px;
    margin-top: 48px;
    margin-bottom: 24px; }
  .blog-detail_teaser {
    width: 100%;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 48px; }
    @media screen and (min-width: 1024px) {
      .blog-detail_teaser {
        margin-left: 0;
        margin-right: 0; } }
    .blog-detail_teaser_headline {
      border-bottom: 1px solid #b2b2b2;
      display: block;
      font-size: 21px;
      padding-bottom: 12px; }
    .blog-detail_teaser img {
      margin-top: 12px;
      max-width: 100%; }
  .blog-detail_authors {
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    margin-top: 48px; }
  .blog-detail_author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding-top: 24px; }
    .blog-detail_author_visual {
      height: 64px;
      margin-right: 24px;
      border-radius: 50%;
      overflow: hidden; }
    .blog-detail_author_headline {
      display: block;
      font-size: 24px; }
    .blog-detail_author_position {
      display: block; }
    .blog-detail_author:last-child {
      padding-bottom: 24px; }
  .blog-detail_comment {
    border-bottom: 1px solid #b2b2b2;
    padding-top: 24px; }
    @media screen and (min-width: 769px) {
      .blog-detail_comment {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
    .blog-detail_comment_text {
      display: block;
      font-size: 24px;
      margin-bottom: 24px; }
    .blog-detail_comment button,
    .blog-detail_comment .button {
      margin-bottom: 24px; }
      .blog-detail_comment button:before,
      .blog-detail_comment .button:before {
        /*
        @include font-icon();
        content: "\e039";
        display: inline-block;
        */
        margin-right: 12px; }
    .blog-detail_comment_create {
      display: none; }
      .blog-detail_comment_create .help-block ul li {
        padding-left: 0; }
        .blog-detail_comment_create .help-block ul li:before {
          content: ''; }

a.button-top {
  position: fixed;
  bottom: 0;
  right: 50%;
  margin-right: -40px;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s 0s, visibility 0s .3s;
  display: block;
  width: 80px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #fff;
  background-color: #6e6e6e;
  transition: opacity 0.1s ease-in;
  text-decoration: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  a.button-top.is-visible, a.button-top.fade-out, .no-touch a.button-top:hover, a.button-top:focus {
    text-decoration: none;
    transition: opacity .3s 0s, visibility 0s 0s; }
  a.button-top.is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1; }
  a.button-top.fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5; }
  a.button-top:hover, a.button-top:focus {
    opacity: 1; }
  .no-touch a.button-top:hover {
    opacity: 1; }

@media screen and (min-width: 1024px) {
  a.button-top {
    bottom: 20px;
    right: 20px;
    margin-right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px; } }

.button {
  background-color: #ededed;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  color: #383838;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  height: 38px;
  line-height: 34px;
  margin-bottom: 24px;
  min-width: 200px;
  padding: 0 24px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none; }
  .button:active {
    background-color: #c6c6c6;
    border-color: #8b8b8b; }
  .button:hover, .button:focus {
    background-color: #dbdbdb;
    border-color: #a0a0a0;
    cursor: pointer;
    text-decoration: none; }
  .button.__compact {
    min-width: 0;
    height: 34px;
    line-height: 32px;
    padding-left: 12px;
    padding-right: 12px; }
  .button.__magenta {
    background-color: #e20074;
    border: 1px solid #B2005C;
    color: #fff; }
    .button.__magenta:active {
      background-color: #e20074;
      border-color: #B2005C; }
    .button.__magenta:hover, .button.__magenta:focus {
      background-color: #d0006b;
      border-color: #a00053; }
  .button.__vertically-centered {
    margin-bottom: 0;
    margin-top: 36px; }
  @media screen and (min-width: 769px) {
    .button.__margin-right {
      margin-right: 10px; } }
  @media screen and (min-width: 769px) {
    .button.__margin-left {
      margin-left: 10px; } }

.captcha_content {
  display: table;
  margin: 10px 0 20px; }

.captcha_pictures {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  overflow: hidden; }

.captcha_item {
  background-color: #fff;
  border-right: 1px solid #d0d0d0;
  cursor: pointer;
  display: table-cell;
  text-align: center;
  width: auto; }
  .captcha_item:first-child label {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
  .captcha_item:last-child label {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
  .captcha_item:last-child {
    border-right: none; }
  .captcha_item label {
    cursor: pointer;
    height: 58px;
    width: auto;
    display: table-cell;
    padding: 10px 8px; }
    .captcha_item label:hover {
      background-color: #ededed; }
  .captcha_item img {
    width: 42px;
    height: 42px;
    max-width: 100%;
    margin-bottom: 0;
    pointer-events: none; }
  .captcha_item input {
    display: none; }
  .captcha_item input:checked + label {
    background: #e20074; }

.captcha_reload_item {
  background: transparent;
  border: 0;
  padding: 0 0 0 15px;
  vertical-align: top; }

.captcha_message {
  display: block; }

.captcha_reload {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #b6b6b6;
  color: #000;
  cursor: pointer;
  display: block;
  height: 24px;
  position: relative;
  text-decoration: none;
  width: 25px; }
  @media screen and (min-width: 1024px) {
    .captcha_reload {
      height: 30px;
      width: 30px; } }
  .captcha_reload:hover, .captcha_reload:focus {
    background-color: #ededed;
    text-decoration: none; }

.captcha_reload:before {
  font-family: "tsde-icon-new";
  content: '\e806'; }

.captcha > ul {
  margin-bottom: 24px; }

.contact {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 48px; }
  @media screen and (min-width: 769px) {
    .contact {
      padding-right: 24px;
      padding-left: 24px; } }
  .contact form {
    max-width: 650px;
    margin: auto; }

.sticky_contact {
  background-color: #fff;
  border: 1px solid #DCDCDC;
  display: none;
  padding: 24px;
  position: fixed;
  bottom: 72px;
  right: 0;
  z-index: 2;
  font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif;
  text-transform: uppercase;
  border-radius: unset; }
  @media screen and (min-width: 1024px) {
    .sticky_contact {
      display: block; } }
  .sticky_contact p {
    margin-bottom: 12px;
    color: #E20074; }
  .sticky_contact .button {
    margin-bottom: 0;
    min-width: 170px;
    border-radius: unset; }
    .sticky_contact .button:before {
      display: inline-block;
      margin-right: 12px;
      position: relative;
      bottom: -1px; }

.all-references,
.contact-us {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 24px;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .all-references,
    .contact-us {
      padding-right: 24px;
      padding-left: 24px; } }
  .all-references_container,
  .contact-us_container {
    padding: 72px 0; }
  .all-references p,
  .contact-us p {
    margin: 0 auto 36px; }

.countries {
  margin-bottom: 48px; }
  .countries_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .countries_container {
        padding-right: 24px;
        padding-left: 24px; } }
  .countries_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    margin: 0 -12px; }
  .countries p {
    max-width: 920px; }
  .countries_teaser {
    background-color: transparent;
    margin-bottom: 48px;
    padding: 0 12px;
    width: 100%; }
    @media screen and (min-width: 480px) {
      .countries_teaser {
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      .countries_teaser {
        width: 33.3%; } }
    @media screen and (min-width: 1200px) {
      .countries_teaser {
        width: 25%; } }
    .countries_teaser p {
      margin-bottom: 0; }
    .countries_teaser img {
      display: block;
      margin-bottom: 24px;
      max-width: 100%; }
  .countries_visual {
    display: block; }
    .countries_visual img {
      width: 100%; }
  .countries_headline {
    font-size: 24px;
    margin-bottom: 12px;
    padding-left: 45px;
    position: relative; }
    .countries_headline img {
      display: inline-block;
      margin: 0;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  .countries_link {
    display: inline-block;
    position: relative;
    margin: 0 12px 12px 0;
    padding-right: 12px; }
    .countries_link:after {
      color: #383838;
      content: "|";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 2px; }
    .countries_link:last-child:after, .countries_link.__last:after {
      content: ""; }

.dialog__overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10; }

.dialog__close {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0; }
  .dialog__close::before {
    content: '\00D7';
    font-size: 40px;
    line-height: 40px; }

.dialog__main {
  left: 50%;
  max-width: 940px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100vw - 40px);
  z-index: 11;
  padding-top: 40px; }

.dialog__content {
  position: relative;
  width: 100%; }
  .dialog__content--youtube {
    padding-top: 56.25%; }

.dialog__youtube {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.downloads {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 769px) {
    .downloads {
      padding-right: 24px;
      padding-left: 24px; } }
  .downloads_content {
    margin-bottom: -1px;
    overflow: hidden;
    padding-bottom: 36px;
    position: relative;
    margin-right: -12px;
    margin-left: -12px;
    margin-bottom: 84px;
    padding-bottom: 72px; }
    .downloads_content:before {
      border-top: 1px solid #DCDCDC;
      content: "";
      box-shadow: 0 0px 75px 0 #E9E9E9;
      height: 75px;
      width: 100%;
      margin-top: -1px;
      max-width: 1272px;
      position: absolute;
      left: 50%;
      top: 100%;
      transform: translate(-50%);
      z-index: -1; }
    @media screen and (min-width: 769px) {
      .downloads_content {
        display: -ms-flexbox;
        display: flex; } }
    .downloads_content:nth-of-type(2n) {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
    .downloads_content:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
      .downloads_content:last-child::before {
        display: none; }
    .downloads_content_detail {
      width: 100%;
      padding-right: 12px;
      padding-left: 12px; }
  .downloads_visual {
    max-width: 100%; }

.download-pdf {
  margin-top: 48px;
  margin-bottom: 72px; }

abbr {
  text-decoration: none; }

legend {
  font-size: 27px;
  margin-bottom: 24px; }

label {
  display: block;
  vertical-align: top; }
  label.label-checkbox {
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 35px;
    position: relative; }
    label.label-checkbox:before {
      font-family: 'TeleIconOutline-Custom';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #e20074;
      content: "";
      font-size: 14px;
      text-align: center;
      line-height: 18px;
      position: absolute;
      left: 0px;
      top: 3px;
      width: 20px;
      height: 20px;
      background-color: #ededed;
      border: 1px solid #d0d0d0;
      border-radius: 3px; }
    label.label-checkbox.checked:before {
      content: "\e005"; }

input[type="checkbox"] {
  position: absolute;
  left: 10px;
  opacity: 0; }

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
textarea,
select {
  font-family: inherit;
  font-size: 18px;
  display: inline-block;
  width: 100%;
  height: 38px;
  padding: 0 5px;
  line-height: 40px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  -webkit-appearance: none; }

textarea {
  height: 250px; }

select {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

option {
  line-height: 1.2;
  padding: 5px 3px; }
  option[selected], option:checked {
    background: #e20074;
    color: #fff; }

div.input {
  margin-bottom: 6px; }

.has-error input {
  border-color: #D90000; }

.error-message,
.list-unstyled {
  color: #D90000;
  list-style: none; }

.error {
  color: #D90000;
  display: inline-block;
  vertical-align: top;
  margin-top: 8px; }
  @media screen and (min-width: 1024px) {
    .error {
      margin-left: 10px; } }

.form-group {
  margin-bottom: 20px; }

.form-download {
  max-width: 650px;
  margin: 0 auto;
  text-align: left; }
  .form-download .button {
    display: block;
    margin: 40px auto; }

.input_collection {
  max-width: 600px; }
  @media screen and (min-width: 769px) {
    .input_collection {
      column-count: 2;
      column-gap: 12px; } }

.select_collection > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.select_collection .form-group {
  width: 48%; }

@media screen and (min-width: 769px) {
  .field_collection {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .field_collection .form-group {
      width: 48%; } }

.fail-message {
  color: #fff;
  display: none;
  margin-left: auto;
  margin-right: auto; }

ul.list {
  list-style: none;
  margin-bottom: 24px;
  max-width: 950px;
  text-align: left; }
  ul.list li {
    position: relative;
    padding: 4px 0;
    padding-left: 20px; }
    ul.list li:before {
      content: "•";
      display: inline-block;
      position: absolute;
      left: 0; }
  ul.list.__checkmark li {
    padding-left: 25px; }
    ul.list.__checkmark li:before {
      font-family: 'TeleIconOutline-Custom';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e005";
      color: #e20074; }
  ul.list.__square li:before {
    content: "";
    top: 15px;
    width: 6px;
    height: 6px;
    background-color: #e20074; }
  ul.list.__square-light li:before {
    content: "";
    top: 15px;
    width: 6px;
    height: 6px;
    background-color: #fff; }
  @media screen and (min-width: 1024px) {
    ul.list.__bigger-text li:before {
      top: 20px; } }
  ul.list.__icons li {
    padding: 12px 0 12px 80px;
    position: relative; }
    ul.list.__icons li:before {
      color: #e20074;
      font-size: 60px;
      top: 50%;
      transform: translateY(-50%); }

.logo {
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 10; }
  .logo_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 84px; }
    @media screen and (min-width: 769px) {
      .logo_container {
        padding-right: 24px;
        padding-left: 24px; } }
  .logo_item {
    color: #fff;
    display: block;
    font-size: 73px;
    line-height: 36px;
    text-decoration: none; }
    .logo_item:hover, .logo_item:focus, .logo_item:active {
      outline: 0;
      text-decoration: none; }
  .logo_slogan {
    font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif;
    text-transform: uppercase;
    display: none;
    font-size: 16px; }
    @media screen and (min-width: 1200px) {
      .logo_slogan {
        display: block; } }

.map-europe {
  margin-top: 120px;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .map-europe {
      margin-top: 0; } }
  .map-europe::after {
    content: ' ';
    display: block;
    height: 0;
    padding-top: 66.65%;
    width: 150%; }
    @media screen and (min-width: 769px) {
      .map-europe::after {
        padding-top: 64.5%;
        width: 150%; } }
    @media screen and (min-width: 1024px) {
      .map-europe::after {
        padding-top: 43%;
        width: 100%; } }
  .map-europe_headline {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -108px;
    margin-bottom: 48px;
    position: absolute;
    top: 36px;
    left: 50%;
    text-align: center;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1; }
    @media screen and (min-width: 769px) {
      .map-europe_headline {
        padding-right: 24px;
        padding-left: 24px; } }
    @media screen and (min-width: 1024px) {
      .map-europe_headline {
        margin-top: 0; } }
  .map-europe_visual {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%; }
    .map-europe_visual [data-open="overlay"] {
      cursor: pointer; }
    .map-europe_visual [fill="#7F7F7F"],
    .map-europe_visual [fill="#7B7B7B"] {
      transition: fill 0.2s ease-in-out; }
      .map-europe_visual [fill="#7F7F7F"]:hover, .map-europe_visual [fill="#7F7F7F"]:focus,
      .map-europe_visual [fill="#7B7B7B"]:hover,
      .map-europe_visual [fill="#7B7B7B"]:focus {
        fill: #e20074; }

.map_network {
  width: 100%; }
  .map_network img {
    min-width: 100%; }

.map_legend {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 -6px; }
  .map_legend li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 6px; }
    .map_legend li:before {
      display: inline-block;
      margin-right: 6px; }
  .map_legend_data-center:before {
    content: url("../images/maps/network_deutsche-telekom/legend/data-center.png"); }
  .map_legend_backbone:before {
    content: url("../images/maps/network_deutsche-telekom/legend/backbone.png"); }
  .map_legend_operation:before {
    content: url("../images/maps/network_deutsche-telekom/legend/operation.png"); }

.nav-breadcrumb {
  font-family: 'TeleGroteskScreen-Regular', 'Arial', sans-serif;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  margin-bottom: 24px; }
  .nav-breadcrumb_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none; }
    @media screen and (min-width: 769px) {
      .nav-breadcrumb_container {
        padding-right: 24px;
        padding-left: 24px; } }
  .nav-breadcrumb li {
    color: #e20074;
    white-space: nowrap; }
    .nav-breadcrumb li a {
      color: #757575; }
    .nav-breadcrumb li:not(.last) span:after {
      font-family: 'TeleIconOutline-Custom';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #757575;
      content: "\e009";
      display: inline-block;
      margin-left: 10px;
      margin-right: 12px;
      position: relative;
      bottom: -2px; }

.nav-category {
  font-family: 'TeleGroteskScreen-Regular', 'Arial', sans-serif;
  margin-bottom: 12px;
  position: relative;
  width: 100%; }
  .nav-category ul {
    list-style: none;
    margin-bottom: 12px; }
  .nav-category a {
    border-bottom: 1px solid #b2b2b2;
    color: #383838;
    display: block;
    padding: 0 12px;
    line-height: 36px;
    transition: all 0.2s ease-in-out;
    white-space: nowrap; }
    .nav-category a:hover, .nav-category a:focus {
      background-color: #D9D9D9;
      color: #e20074;
      text-decoration: none; }
    .nav-category a.__active {
      color: #e20074; }

.nav-filter {
  font-family: 'TeleGroteskScreen-Regular', 'Arial', sans-serif;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative; }
  .nav-filter::before {
    content: 'Filter by category:';
    display: block;
    position: absolute;
    bottom: 100%; }
  .nav-filter ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    margin: 0 -3px; }
  .nav-filter li {
    padding: 0 3px; }
  .nav-filter a {
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    color: #383838;
    display: block;
    margin-bottom: 12px;
    padding: 0 12px;
    line-height: 36px;
    transition: all 0.2s ease-in-out;
    white-space: nowrap; }
    .nav-filter a:hover, .nav-filter a:focus {
      background-color: #D9D9D9;
      text-decoration: none; }
    .nav-filter a.__active {
      border-color: #e20074;
      color: #e20074; }

.nav-pagination {
  font-family: 'TeleGroteskScreen-Regular', 'Arial', sans-serif;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
  text-align: center; }
  .nav-pagination ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    list-style: none;
    margin: 0 -12px; }
  .nav-pagination li {
    padding: 0 12px; }
    .nav-pagination li:first-child a, .nav-pagination li:last-child a {
      background: none;
      border: 0;
      display: inline-block;
      padding: 0 12px; }
      .nav-pagination li:first-child a:before, .nav-pagination li:first-child a:after, .nav-pagination li:last-child a:before, .nav-pagination li:last-child a:after {
        position: relative;
        bottom: -2px;
        margin: 0 12px; }
    .nav-pagination li:first-child a:before {
      font-family: 'TeleIconOutline-Custom';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e00b"; }
    .nav-pagination li:last-child a:after {
      font-family: 'TeleIconOutline-Custom';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e009"; }
  .nav-pagination a {
    border: 1px solid #b2b2b2;
    border-radius: 54px;
    color: #383838;
    display: block;
    margin-bottom: 12px;
    padding: 0 24px;
    line-height: 36px;
    transition: all 0.2s ease-in-out;
    white-space: nowrap; }
    .nav-pagination a:hover, .nav-pagination a:focus {
      background-color: #D9D9D9;
      text-decoration: none; }
    .nav-pagination a.__active {
      border-color: #e20074;
      color: #e20074; }
    .nav-pagination a.__disabled {
      opacity: 0.5; }

.nav-service {
  color: #918984; }
  .nav-service_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .nav-service_container {
        padding-right: 24px;
        padding-left: 24px; } }
    @media screen and (min-width: 769px) {
      .nav-service_container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
  .nav-service ul {
    list-style: none; }
  @media screen and (min-width: 769px) {
    .nav-service li > ul {
      display: -ms-flexbox;
      display: flex; } }
  .nav-service a {
    color: #918984; }
    @media screen and (min-width: 769px) {
      .nav-service a {
        padding-left: 24px; } }

.nav-sitemap {
  font-size: 16px; }
  .nav-sitemap_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .nav-sitemap_container {
        padding-right: 24px;
        padding-left: 24px; } }
  .nav-sitemap_category {
    font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif;
    text-transform: uppercase; }
    .nav-sitemap_category:hover, .nav-sitemap_category:focus {
      text-decoration: none; }
  .nav-sitemap ul {
    list-style: none; }
  @media screen and (min-width: 769px) {
    .nav-sitemap > ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start; } }
  .nav-sitemap > ul > li {
    margin-bottom: 30px; }
    @media screen and (min-width: 769px) {
      .nav-sitemap > ul > li {
        width: 25%; }
        .nav-sitemap > ul > li:first-child {
          width: 50%; } }
    @media screen and (min-width: 769px) and (min-width: 769px) {
      .nav-sitemap > ul > li:first-child > ul {
        display: inline-block;
        float: left;
        width: 50%; } }
  .nav-sitemap a,
  .nav-sitemap span {
    color: #fff;
    display: block;
    margin-bottom: 10px;
    padding: 4.8px 0; }
    .nav-sitemap a:before,
    .nav-sitemap span:before {
      display: inline-block;
      margin-right: 12px; }
  .nav-sitemap .blog:before {
    content: none; }
  .nav-sitemap img {
    width: 18px;
    margin-right: 7px; }

.nav-slider {
  font-family: 'TeleGroteskScreen-Regular', 'Arial', sans-serif;
  margin-top: 48px;
  position: relative;
  text-align: center; }
  .nav-slider ul {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    list-style: none;
    padding: 0; }
    @media screen and (min-width: 769px) {
      .nav-slider ul {
        padding-right: 24px;
        padding-left: 24px; } }
  .nav-slider .slick-slide {
    width: 100%;
    margin-bottom: 36px;
    min-height: 150px;
    padding: 0 6px; }
  .nav-slider a {
    color: #383838;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-size: 15px;
    line-height: 36px;
    margin-bottom: 12px;
    position: relative;
    transition: all .2s ease-in-out;
    white-space: nowrap; }
    .nav-slider a:hover, .nav-slider a:focus {
      text-decoration: none; }
  .nav-slider .slick-dots {
    top: -30px;
    bottom: auto; }
  .nav-slider img {
    display: inline-block;
    margin: 0 auto 12px;
    max-width: 100%; }
    @media screen and (min-width: 1024px) {
      .nav-slider img {
        width: 84px; } }
  .nav-slider span {
    display: block;
    font-size: 15px;
    line-height: 18px;
    min-height: 55px; }
  .nav-slider .slick-list {
    margin-left: auto;
    margin-right: auto; }
  .nav-slider .slick-current {
    color: #e20074;
    position: relative; }
    .nav-slider .slick-current:before, .nav-slider .slick-current:after {
      content: "";
      background-color: #383838;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%); }
    .nav-slider .slick-current:before {
      border-radius: 50%;
      width: 18px;
      height: 18px; }
    .nav-slider .slick-current:after {
      width: 2px;
      height: 36px; }
  .nav-slider_connection {
    background-color: #383838;
    height: 2px;
    width: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all 0.2s ease-in-out;
    z-index: 2; }

.nav-solutions {
  font-family: 'TeleGroteskScreen-Regular', 'Arial', sans-serif;
  margin-top: 48px;
  position: relative;
  text-align: center; }
  .nav-solutions ul {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    list-style: none;
    padding: 0; }
    @media screen and (min-width: 769px) {
      .nav-solutions ul {
        padding-right: 24px;
        padding-left: 24px; } }
  .nav-solutions .slick-slide {
    cursor: pointer;
    width: 100%;
    margin-bottom: 36px;
    min-height: 150px;
    padding: 0 6px; }
  .nav-solutions a {
    color: #383838;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-size: 15px;
    line-height: 36px;
    margin-bottom: 12px;
    position: relative;
    transition: all .2s ease-in-out;
    white-space: nowrap; }
    .nav-solutions a:hover, .nav-solutions a:focus {
      text-decoration: none; }
  .nav-solutions .slick-dots {
    top: -30px;
    bottom: auto; }
  .nav-solutions img {
    display: inline-block;
    margin: 0 auto 12px;
    max-width: 100%; }
    @media screen and (min-width: 1024px) {
      .nav-solutions img {
        width: 84px; } }
  .nav-solutions span {
    display: block;
    font-size: 15px;
    line-height: 18px;
    min-height: 55px; }
  .nav-solutions .visual-active {
    display: none;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%); }
  .nav-solutions .slick-list {
    margin-left: auto;
    margin-right: auto; }
  .nav-solutions .slick-current {
    color: #e20074;
    position: relative; }
    .nav-solutions .slick-current .visual-active {
      display: block; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  height: 100%;
  width: 100%;
  z-index: 100; }

.layer {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75);
  display: none;
  position: absolute;
  top: 25%;
  right: 12px;
  bottom: auto;
  left: 12px;
  max-width: 850px;
  max-height: 720px;
  overflow: hidden;
  text-align: left; }
  @media screen and (min-width: 769px) {
    .layer {
      width: 90%;
      top: 50%;
      right: auto;
      bottom: auto;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); } }
  .layer_headline, .layer_content {
    padding: 12px;
    text-align: center; }
    @media screen and (min-width: 769px) {
      .layer_headline, .layer_content {
        padding: 24px; } }
  .layer_headline {
    border-bottom: 1px solid #d0d0d0;
    font-size: 21px; }
  .layer_content {
    position: relative;
    max-height: 100%;
    overflow-y: auto; }
    @media screen and (min-width: 769px) {
      .layer_content {
        max-height: 680px; } }
  .layer_close {
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-indent: 100%;
    transition: all 0.3s ease-in;
    z-index: 1; }
    .layer_close:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-indent: 0; }
    .layer_close:hover {
      background-position: bottom center;
      color: #e20074; }
  .layer h2 {
    color: #e20074; }

#map-europe_countries {
  max-width: 650px; }

#blog-gallery .layer_content {
  padding: 0; }

#blog-gallery .gallery-caption {
  margin-bottom: 12px; }

#blog-gallery img {
  max-width: 100%;
  margin-bottom: 12px; }

.overview-blog {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 48px;
  padding-top: 84px;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .overview-blog {
      padding-right: 24px;
      padding-left: 24px; } }
  .overview-blog_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    margin: 0 -12px;
    text-align: left; }
  .overview-blog .blog_teaser {
    background-color: transparent;
    margin-bottom: 48px;
    padding: 0 12px;
    width: 100%; }
    @media screen and (min-width: 650px) {
      .overview-blog .blog_teaser {
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      .overview-blog .blog_teaser {
        width: 33.33%; } }
    .overview-blog .blog_teaser p {
      margin-bottom: 12px; }
    .overview-blog .blog_teaser a.teaser_image_link {
      display: block;
      height: 0;
      margin-bottom: 24px;
      padding-top: 56%;
      position: relative;
      overflow: hidden;
      width: 100%; }
      .overview-blog .blog_teaser a.teaser_image_link:hover img, .overview-blog .blog_teaser a.teaser_image_link:focus img {
        width: 110%; }
    .overview-blog .blog_teaser img {
      display: block;
      margin: auto;
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 0.3s ease-in-out; }
    .overview-blog .blog_teaser .button {
      display: inline-block; }
  .overview-blog .teaser_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    width: 100%; }
    @media screen and (min-width: 650px) {
      .overview-blog .teaser_wrapper {
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      .overview-blog .teaser_wrapper {
        width: 50%; } }
    .overview-blog .teaser_wrapper .teaser {
      width: 100%; }
      @media screen and (min-width: 650px) {
        .overview-blog .teaser_wrapper .teaser {
          width: 50%; } }
      @media screen and (min-width: 1024px) {
        .overview-blog .teaser_wrapper .teaser {
          width: 50%; } }
      @media screen and (min-width: 650px) {
        .overview-blog .teaser_wrapper .teaser.__highlight {
          width: 100%; } }
      @media screen and (min-width: 1024px) {
        .overview-blog .teaser_wrapper .teaser.__highlight {
          width: 50%; } }

.preview_blog {
  background-image: url("../images/blog/preview/visual.png");
  background-position: center center;
  background-size: cover;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 84px 0;
  text-align: center; }
  .preview_blog_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    text-align: center; }
    @media screen and (min-width: 769px) {
      .preview_blog_container {
        padding-right: 24px;
        padding-left: 24px; } }
  .preview_blog h3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .preview_blog h3:before {
      content: url("../images/blog/icon.png");
      display: block;
      margin-right: 12px; }
  .preview_blog p {
    margin-left: auto;
    margin-right: auto; }

.preview_countries {
  background-color: #dcdcdc;
  padding: 48px 0;
  text-align: center; }
  .preview_countries_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .preview_countries_container {
        padding-right: 24px;
        padding-left: 24px; } }
  .preview_countries_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: left;
    margin: 0 auto;
    max-width: 950px; }
  .preview_countries .countries_link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 0 48px 0;
    padding: 0 12px; }
    @media screen and (min-width: 1024px) {
      .preview_countries .countries_link {
        width: 300px; } }
    .preview_countries .countries_link:after {
      content: none; }
    .preview_countries .countries_link img {
      margin-right: 24px;
      width: 82px; }

.preview_read-more {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -1px;
  overflow: hidden;
  padding-bottom: 36px;
  position: relative;
  padding-top: 84px; }
  @media screen and (min-width: 769px) {
    .preview_read-more {
      padding-right: 24px;
      padding-left: 24px; } }
  .preview_read-more:before {
    border-top: 1px solid #DCDCDC;
    content: "";
    box-shadow: 0 0px 75px 0 #E9E9E9;
    height: 75px;
    width: 100%;
    margin-top: -1px;
    max-width: 1272px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%);
    z-index: -1; }
  .preview_read-more_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 -12px;
    text-align: left; }
    @media screen and (min-width: 769px) {
      .preview_read-more_container {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
  .preview_read-more_teaser {
    margin-bottom: 48px;
    padding: 0 12px;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .preview_read-more_teaser {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; } }
    .preview_read-more_teaser_visual {
      width: 290px;
      display: block;
      margin-bottom: 12px;
      position: relative; }
      @media screen and (min-width: 1024px) {
        .preview_read-more_teaser_visual {
          width: 50%; } }
      .preview_read-more_teaser_visual:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 55%; }
      .preview_read-more_teaser_visual img {
        display: block;
        height: 170px;
        margin: auto;
        min-width: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0) scale(0.9);
        transition: all 0.3s ease-in-out; }
      .preview_read-more_teaser_visual:hover, .preview_read-more_teaser_visual:focus {
        outline: 0; }
        .preview_read-more_teaser_visual:hover img, .preview_read-more_teaser_visual:focus img {
          transform: translate(-50%, 0) scale(1); }
    @media screen and (min-width: 1024px) {
      .preview_read-more_teaser_text {
        width: 50%;
        padding-left: 24px; } }
  .preview_read-more_headline {
    font-size: 26px;
    margin: 24px 0; }

.flip-container {
  perspective: 1000px;
  display: -ms-flexbox;
  display: flex;
  transform-style: preserve-3d; }
  .flip-container.hover .back {
    transform: rotateX(0deg); }
  .flip-container.hover .front {
    transform: rotateX(180deg); }

.flip-container,
.front,
.back {
  width: 324px;
  height: 178px; }

.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative; }

.front, .back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0; }

.front {
  z-index: 2;
  transform: rotateX(0deg); }

.back {
  transform: rotateX(180deg);
  background-color: #e20074;
  position: relative; }

.flip-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  @media screen and (min-width: 769px) {
    .flip-wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  @media screen and (min-width: 1025px) {
    .flip-wrapper {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-pack: justify;
          justify-content: space-between; } }

.flip-item {
  margin-bottom: 48px;
  width: 100%;
  max-width: 320px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  @media screen and (max-width: 769px) {
    .flip-item {
      width: auto; } }
  @media screen and (max-width: 1024px) {
    .flip-item:last-child {
      margin-bottom: 0; } }

.flip-image {
  max-width: 280px; }

.flipper-text {
  color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  padding: 48px;
  text-align: center; }

.preview_references {
  background-color: #dcdcdc;
  padding: 48px 0;
  text-align: center; }
  .preview_references_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    text-align: center; }
    @media screen and (min-width: 769px) {
      .preview_references_container {
        padding-right: 24px;
        padding-left: 24px; } }
  .preview_references .references_list {
    text-align: left;
    -ms-flex-pack: center;
        justify-content: center; }

.reference-detail {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -1px;
  overflow: hidden;
  padding-bottom: 36px;
  position: relative; }
  @media screen and (min-width: 769px) {
    .reference-detail {
      padding-right: 24px;
      padding-left: 24px; } }
  .reference-detail:before {
    border-top: 1px solid #DCDCDC;
    content: "";
    box-shadow: 0 0px 75px 0 #E9E9E9;
    height: 75px;
    width: 100%;
    margin-top: -1px;
    max-width: 1272px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%);
    z-index: -1; }
  .reference-detail_intro {
    margin-bottom: 84px;
    text-align: center; }
    .reference-detail_intro_logo {
      display: inline-block;
      margin-bottom: 20px; }
      .reference-detail_intro_logo::after {
        clear: both;
        content: '';
        display: block; }
    .reference-detail_intro p {
      margin-left: auto;
      margin-right: auto; }
  .reference-detail_content {
    margin-right: -12px;
    margin-left: -12px;
    margin-bottom: 48px; }
    @media screen and (min-width: 1024px) {
      .reference-detail_content {
        display: -ms-flexbox;
        display: flex; } }
    .reference-detail_content_detail {
      padding-right: 12px;
      padding-left: 12px;
      width: 100%; }

.references {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 48px; }
  @media screen and (min-width: 769px) {
    .references {
      padding-right: 24px;
      padding-left: 24px; } }
  .references_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    margin: 0 -12px; }
  .references__teaser {
    background-color: #4a4a4a;
    margin: 0 12px 48px;
    width: calc(100% - 24px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow: hidden;
    /*
    &.__highlight {
      font-size: $bigger-font-size;
      @media screen and (min-width: $pc-sm) {
        width: calc(50% - 24px);
      }
    }
    */ }
    @media screen and (min-width: 650px) {
      .references__teaser {
        width: calc(50% - 24px); } }
    @media screen and (min-width: 1024px) {
      .references__teaser {
        width: calc(33% - 24px); } }
  .references__image-link {
    -ms-flex: 0 0 220px;
        flex: 0 0 220px;
    position: relative;
    transition: all .3s ease-in-out; }
    .references__image-link:hover {
      transform: scale(1.2); }
    .references__image-link::after {
      content: " ";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 58px;
      background-image: linear-gradient(to bottom, rgba(74, 74, 74, 0) 0%, #4a4a4a 100%); }
  .references__image {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    height: 100%;
    transform: translateX(-50%); }
  .references__content {
    color: #fff;
    padding: 0 24px 58px;
    position: relative;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .references__headline {
    font-family: 'TeleGroteskScreen-Bold', 'Arial', sans-serif;
    font-size: 21px;
    margin: -20px 0 24px;
    text-transform: uppercase; }
  .references__copy {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 12px; }
  .references__copy-highlighted {
    color: #e20074;
    font-weight: 700; }
  .references__button {
    display: inline-block;
    position: absolute;
    left: 24px;
    bottom: 24px;
    margin-bottom: 0; }

.references-preview {
  background-color: #DCDCDC;
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center; }
  .references-preview--dark {
    background-image: url("../images/pattern_dark.jpg");
    background-repeat: repeat;
    background-position: center top;
    color: #fff; }
  .references-preview__container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .references-preview__container {
        padding-right: 24px;
        padding-left: 24px; } }
  .references-preview__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: -24px;
    margin-right: -24px; }
    @media screen and (min-width: 1024px) {
      .references-preview--dark .references-preview__list {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
  .references-preview__item {
    margin: 24px 24px; }
    .references-preview__item img {
      max-width: 100%; }
    .references-preview--dark .references-preview__item img {
      transform: scale(0.9);
      transition: all 0.2s ease-in-out; }
    .references-preview--dark .references-preview__item:hover img, .references-preview--dark .references-preview__item:focus img {
      transform: scale(1); }

#searchicon {
  display: none;
  margin-left: auto; }
  @media screen and (min-width: 769px) {
    #searchicon {
      display: block; } }
  #searchicon a {
    padding-right: 0;
    padding-left: 0; }

#searchbox {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
  width: 100%;
  display: block;
  position: relative; }
  @media screen and (min-width: 769px) {
    #searchbox {
      padding-right: 24px;
      padding-left: 24px; } }
  @media screen and (min-width: 769px) {
    #searchbox {
      display: none;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); } }
  #searchbox.searchbox-open {
    display: block; }
  #searchbox input[type="search"] {
    width: 100%;
    height: 60px;
    border: 1px;
    background: black url("../images/search/magnifier-grey.png") no-repeat scroll 0% 0%;
    background-color: white;
    background-position: 10px center;
    padding-left: 34px;
    padding-right: 30px;
    border-radius: 2px;
    -webkit-appearance: textfield;
    font-size: 14px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
    #searchbox input[type="search"]::-webkit-search-decoration, #searchbox input[type="search"]::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  #searchbox .icon.__cross {
    cursor: pointer;
    display: none;
    position: absolute;
    margin-right: 0px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); }
    @media screen and (min-width: 769px) {
      #searchbox .icon.__cross {
        display: block; } }
  #searchbox form {
    margin: 0 20px;
    padding-top: 20px;
    position: relative; }
    @media screen and (min-width: 769px) {
      #searchbox form {
        margin: 0 auto;
        padding-top: 0px; } }

#search #status-nav ul.breadcrumb li:after {
  content: ""; }

.search-results {
  margin-bottom: 84px; }
  .search-results_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .search-results_container {
        padding-right: 24px;
        padding-left: 24px; } }
  .search-results_item {
    color: #383838;
    display: block;
    margin-bottom: 24px; }
    .search-results_item:hover, .search-results_item:focus {
      text-decoration: none; }
    .search-results_item_breadcrumb {
      color: #e20074;
      display: inline-block;
      font-size: 16px;
      margin-bottom: 6px; }
    .search-results_item_title {
      display: block;
      color: #383838;
      font-size: 24px; }
    .search-results_item_text b,
    .search-results_item_text strong {
      background-color: #FAFF00;
      display: inline-block; }

.service-detail {
  margin-bottom: 84px; }
  .service-detail_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 769px) {
      .service-detail_container {
        padding-right: 24px;
        padding-left: 24px; } }
    @media screen and (min-width: 1024px) {
      .service-detail_container.__visual {
        display: -ms-flexbox;
        display: flex; } }
    .service-detail_container.__visual .visual {
      width: 100%;
      max-width: 500px; }
      @media screen and (min-width: 1024px) {
        .service-detail_container.__visual .visual {
          margin-left: 12px; } }
      .service-detail_container.__visual .visual img {
        max-width: 100%; }
  .service-detail_teaser {
    background-color: #FAFAFA;
    border: 1px solid #DCDCDC;
    padding: 20px;
    text-align: center; }
    .service-detail_teaser_row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (min-width: 1024px) {
        .service-detail_teaser_row {
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: end;
              align-items: flex-end;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
    .service-detail_teaser_headline {
      color: #e20074;
      font-size: 22px;
      max-width: 660px; }
      @media screen and (min-width: 769px) {
        .service-detail_teaser_headline {
          font-size: 28px; } }
      @media screen and (min-width: 1024px) {
        .service-detail_teaser_headline {
          font-size: 36px;
          line-height: 1.3; } }
    .service-detail_teaser .button {
      margin-top: 24px;
      margin-bottom: 0; }
      @media screen and (min-width: 1024px) {
        .service-detail_teaser .button {
          margin-top: 0; } }
    .service-detail_teaser img {
      background-blend-mode: multiply; }
  .service-detail_icon {
    margin-bottom: 24px; }
  .service-detail_intro {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 84px; }
    @media screen and (min-width: 769px) {
      .service-detail_intro {
        padding-right: 24px;
        padding-left: 24px; } }
    @media screen and (min-width: 1024px) {
      .service-detail_intro {
        max-width: 650px; } }
  .service-detail_benefit {
    background-color: #FAFAFA;
    border: 1px solid #D0D0D0;
    padding: 48px 0;
    border-left: 0;
    border-right: 0; }
  .service-detail_banner {
    margin-bottom: 84px;
    padding: 48px 0; }
    .service-detail_banner_icon {
      margin-bottom: 12px; }
    .service-detail_banner.__dark {
      background-image: url("../images/pattern_dark.jpg");
      background-repeat: repeat;
      background-position: center top;
      color: #fff;
      margin-bottom: 0;
      text-align: center; }
      .service-detail_banner.__dark .list {
        display: inline-block;
        text-align: left;
        margin-right: auto;
        margin-left: auto; }
        .service-detail_banner.__dark .list:after {
          clear: both;
          content: '';
          display: block; }
    .service-detail_banner.__magenta {
      background-image: url("../images/pattern_magenta.jpg");
      background-position: center top;
      background-size: cover;
      color: #fff;
      margin-bottom: 0; }
      .service-detail_banner.__magenta .testimonial_logo {
        margin-bottom: 12px;
        max-width: 195px; }
      .service-detail_banner.__magenta .slick-prev::before,
      .service-detail_banner.__magenta .slick-next::before {
        color: #fff; }
      @media screen and (min-width: 1500px) {
        .service-detail_banner.__magenta .slick-slide {
          padding-left: 120px;
          padding-right: 120px; } }
      .service-detail_banner.__magenta .slick-dots .slick-active button {
        background-color: #000; }
    .service-detail_banner.__infrastructure {
      background-color: #e20074;
      color: #fff;
      margin-bottom: 0; }
      @media screen and (min-width: 1024px) {
        .service-detail_banner.__infrastructure {
          background-image: url("../images/services/cloud-infrastructure/infrastructure.png");
          background-position: center center;
          background-size: cover; } }
      @media screen and (min-width: 1024px) {
        .service-detail_banner.__infrastructure h2,
        .service-detail_banner.__infrastructure p,
        .service-detail_banner.__infrastructure ul {
          max-width: 50%; } }
      .service-detail_banner.__infrastructure h2 {
        font-size: 36px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        @media screen and (min-width: 1024px) {
          .service-detail_banner.__infrastructure h2 {
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-align: center;
                align-items: center; } }
        .service-detail_banner.__infrastructure h2:before {
          content: url("../images/services/cloud-infrastructure/icon_light.png");
          display: block;
          margin-right: 24px; }
  .service-detail_testimonial {
    text-align: left; }
    @media screen and (min-width: 1024px) {
      .service-detail_testimonial {
        display: -ms-flexbox;
        display: flex; } }
    .service-detail_testimonial_visual {
      margin-right: 24px; }
      .service-detail_testimonial_visual .testimonial_visual {
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .service-detail_testimonial_visual .testimonial_visual_css {
          border-radius: 50%;
          height: 100px;
          width: 100px;
          margin-bottom: 24px;
          overflow: hidden;
          position: relative; }
      .service-detail_testimonial_visual .testimonial_logo {
        max-width: 150px !important;
        max-height: 100px;
        margin-left: auto;
        margin-right: auto; }
    .service-detail_testimonial blockquote {
      font-size: inherit;
      font-weight: normal;
      padding: 0 10px; }
      .service-detail_testimonial blockquote:before {
        margin-left: -10px;
        right: auto; }
      .service-detail_testimonial blockquote:after {
        margin-right: -10px;
        left: auto; }
  .service-detail_location {
    background-color: #e7eef6;
    margin-bottom: 84px;
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .service-detail_location {
        padding-top: 72px;
        padding-bottom: 48px; } }
  .service-detail_socialwall {
    margin-bottom: 72px;
    padding: 48px 0; }

.services {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 48px;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .services {
      padding-right: 24px;
      padding-left: 24px; } }
  .services_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    margin: 0 -12px;
    text-align: left; }
    @media screen and (min-width: 1024px) {
      .services_list.__preview {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
    @media screen and (min-width: 1024px) {
      .services_list.__preview .teaser {
        width: 100%; } }
  .services .services_headline {
    font-size: 24px;
    margin-bottom: 12px;
    text-align: center; }
  .services .teaser {
    margin-bottom: 48px;
    padding: 0 12px;
    width: 100%; }
    @media screen and (min-width: 650px) {
      .services .teaser {
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      .services .teaser {
        width: 25%; } }
    .services .teaser p {
      margin-bottom: 12px; }
    .services .teaser a.teaser_image_link {
      display: block;
      width: 100%;
      margin-bottom: 24px;
      text-align: center; }
    .services .teaser a img {
      transform: scale(0.9);
      transition: all 0.2s ease-in-out; }
    .services .teaser a:hover img, .services .teaser a:focus img {
      transform: scale(1); }
    .services .teaser .button {
      display: inline-block; }
    .services .teaser img {
      display: inline-block;
      margin: auto;
      transition: all 0.2s ease-in-out; }

.slider_box {
  padding-bottom: 0;
  position: relative; }
  .slider_box::before, .slider_box::after {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
    @media screen and (min-width: 1024px) {
      .slider_box::before, .slider_box::after {
        content: '';
        width: 15%; } }
    @media screen and (min-width: 1500px) {
      .slider_box::before, .slider_box::after {
        width: 30%; } }
  .slider_box::before {
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.6) 100%);
    left: 0; }
  .slider_box::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, #fff 100%);
    right: 0; }
  .slider_box .slick-track {
    display: -ms-flexbox;
    display: flex; }
  .slider_box .slick-dots {
    bottom: -25px; }
  .slider_box .slick-prev,
  .slider_box .slick-next {
    display: none !important; }
    @media screen and (min-width: 1024px) {
      .slider_box .slick-prev,
      .slider_box .slick-next {
        display: block !important; } }
  @media screen and (min-width: 1500px) {
    .slider_box .slick-prev {
      left: 50%;
      margin-left: -650px; } }
  @media screen and (min-width: 1500px) {
    .slider_box .slick-next {
      right: 50%;
      margin-right: -650px; } }
  .slider_box .slick-slide {
    background-color: #FAFAFA;
    border: 1px solid #DCDCDC;
    margin: 0 6px;
    padding: 24px; }
    @media screen and (min-width: 1024px) {
      .slider_box .slick-slide {
        margin: 0 12px; } }
    .slider_box .slick-slide h3 {
      color: #e20074;
      margin-bottom: 6px;
      text-align: center; }
  .slider_box .visual {
    display: block;
    margin-bottom: 12px; }
  .slider_box_headline {
    font-size: 27px;
    margin-bottom: 24px;
    text-align: center; }
  .slider_box_benefits {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0 -12px; }
    @media screen and (min-width: 769px) {
      .slider_box_benefits {
        -ms-flex-direction: row;
            flex-direction: row; } }
    .slider_box_benefits.__reverse {
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
      @media screen and (min-width: 769px) {
        .slider_box_benefits.__reverse {
          -ms-flex-direction: row;
              flex-direction: row; } }
    .slider_box_benefits_detail {
      padding: 0 12px;
      width: 100%; }
      .slider_box_benefits_detail.__visual {
        text-align: center; }
        .slider_box_benefits_detail.__visual img {
          margin-bottom: 0;
          max-height: 150px; }
    .slider_box_benefits img {
      margin-bottom: 24px;
      max-width: 100%; }
  .slider_box .time-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (min-width: 769px) {
      .slider_box .time-table {
        margin-bottom: 24px; } }
    .slider_box .time-table_time {
      font-family: 'TeleGroteskScreen-Bold', 'Arial', sans-serif;
      width: 100%; }
      @media screen and (min-width: 769px) {
        .slider_box .time-table_time {
          width: 80px; } }
    .slider_box .time-table_topic {
      margin-bottom: 24px;
      width: 100%; }
      @media screen and (min-width: 769px) {
        .slider_box .time-table_topic {
          width: calc(100% - 80px); } }
  .slider_box_disclaimer {
    font-family: 'TeleGroteskScreen-MediumItalic', 'Arial', sans-serif;
    font-size: 14px;
    display: block;
    text-align: right; }

.slider_center-box {
  padding-bottom: 0;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .slider_center-box.__smart-city {
      min-height: 610px; } }
  @media screen and (min-width: 1024px) {
    .slider_center-box.__big-data {
      min-height: 870px; } }
  .slider_center-box.__big-data .slick-slide {
    background-image: url("../images/pattern_grey.png");
    background-size: cover; }
  @media screen and (min-width: 1024px) {
    .slider_center-box.__m2m {
      min-height: 435px; } }
  .slider_center-box.__m2m .slick-slide {
    background-image: url("../images/pattern_grey.png");
    background-size: cover; }
  @media screen and (min-width: 1024px) {
    .slider_center-box.__magenta-one {
      min-height: 660px; } }
  .slider_center-box.__magenta-one .slick-slide {
    background-image: url("../images/pattern_grey.png");
    background-size: cover; }
  .slider_center-box::before, .slider_center-box::after {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
    @media screen and (min-width: 1024px) {
      .slider_center-box::before, .slider_center-box::after {
        content: '';
        width: 15%; } }
    @media screen and (min-width: 1500px) {
      .slider_center-box::before, .slider_center-box::after {
        width: 30%; } }
  .slider_center-box::before {
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.6) 100%);
    left: 0; }
  .slider_center-box::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, #fff 100%);
    right: 0; }
  .slider_center-box .slick-track {
    display: -ms-flexbox;
    display: flex; }
  .slider_center-box .slick-prev,
  .slider_center-box .slick-next {
    display: none !important; }
    @media screen and (min-width: 1024px) {
      .slider_center-box .slick-prev,
      .slider_center-box .slick-next {
        display: block !important; } }
  @media screen and (min-width: 1500px) {
    .slider_center-box .slick-prev {
      left: 50%;
      margin-left: -650px; } }
  @media screen and (min-width: 1500px) {
    .slider_center-box .slick-next {
      right: 50%;
      margin-right: -650px; } }
  .slider_center-box .slick-slide {
    background-color: #FAFAFA;
    border: 1px solid #DCDCDC;
    margin: 0 6px;
    margin-top: 26px;
    padding: 24px; }
    @media screen and (min-width: 1024px) {
      .slider_center-box .slick-slide {
        margin: 0 12px;
        margin-top: 26px; } }
    .slider_center-box .slick-slide h3 {
      color: #e20074;
      margin-bottom: 24px;
      text-align: center; }
    .slider_center-box .slick-slide h4 {
      font-size: 27px;
      margin-bottom: 12px; }
  .slider_center-box .slick-current {
    position: relative; }
    .slider_center-box .slick-current::before, .slider_center-box .slick-current::after {
      content: '';
      background-color: #383838;
      margin-bottom: -9px;
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%); }
    .slider_center-box .slick-current::before {
      border-radius: 50%;
      height: 18px;
      width: 18px; }
    .slider_center-box .slick-current::after {
      height: 36px;
      width: 2px; }
  .slider_center-box .visual {
    display: block;
    margin-bottom: 12px; }
  .slider_center-box_benefits {
    margin: 0 -12px; }
    @media screen and (min-width: 769px) {
      .slider_center-box_benefits {
        display: -ms-flexbox;
        display: flex; } }
    .slider_center-box_benefits_detail {
      padding: 0 12px;
      width: 100%; }
    .slider_center-box_benefits img {
      border: 1px solid #DCDCDC;
      margin-bottom: 24px;
      max-width: 100%; }

.social-sharing {
  display: -ms-flexbox;
  display: flex;
  list-style: none; }
  .social-sharing li {
    margin: 0 6px;
    padding: 0; }
  .social-sharing a {
    display: block;
    font-size: 24px;
    position: relative;
    text-align: center;
    text-indent: -9999em;
    width: 20px; }
    .social-sharing a:before {
      text-indent: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .social-sharing a.__linkedin {
      background-color: #0077B5;
      border-radius: 2px;
      color: #fff;
      font-size: 16px;
      height: 20px;
      line-height: 20px;
      width: 20px; }
    .social-sharing a.__twitter:before {
      color: #55ACEE; }
    .social-sharing a.__facebook:before {
      color: #3B5998; }

.solutions {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 48px; }
  @media screen and (min-width: 769px) {
    .solutions {
      padding-right: 24px;
      padding-left: 24px; } }
  .solutions__list {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (min-width: 1280px) {
      .solutions__list {
        -ms-flex-preferred-size: calc((100% / 3) - 12px);
            flex-basis: calc((100% / 3) - 12px); } }
  .solutions__list-item {
    max-width: 408px;
    min-height: 330px;
    -ms-flex-preferred-size: calc(100% - 24px);
        flex-basis: calc(100% - 24px);
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-positive: 0;
        flex-grow: 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 24px;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    cursor: pointer; }
    @media screen and (min-width: 860px) {
      .solutions__list-item {
        -ms-flex-preferred-size: calc(50% - 12px);
            flex-basis: calc(50% - 12px); } }
    @media screen and (min-width: 1280px) {
      .solutions__list-item {
        -ms-flex-preferred-size: calc((100% / 3) - 12px);
            flex-basis: calc((100% / 3) - 12px); } }
    .solutions__list-item--wifi {
      background-image: url("../images/services/smart-city/solutions/wifi-4-eu.png"); }
    .solutions__list-item--parking {
      background-image: url("../images/services/smart-city/solutions/smart-parking.png"); }
    .solutions__list-item--lighting {
      background-image: url("../images/services/smart-city/solutions/smart-lighting.png"); }
    .solutions__list-item--public-transport {
      background-image: url("../images/services/smart-city/solutions/smart-public-transport.png"); }
    .solutions__list-item--ev-charging {
      background-image: url("../images/services/smart-city/solutions/smart-ev-charging.png"); }
    .solutions__list-item--bike-sharing {
      background-image: url("../images/services/smart-city/solutions/smart-bike-sharing.png"); }
    .solutions__list-item--city-dashboard {
      background-image: url("../images/services/smart-city/solutions/smart-city-dashboard.png"); }
    .solutions__list-item--air-quality-monitoring {
      background-image: url("../images/services/smart-city/solutions/smart-air-quality.png"); }
    .solutions__list-item--waste-management {
      background-image: url("../images/services/smart-city/solutions/smart-waste-management.png"); }
    .solutions__list-item--public-safety {
      background-image: url("../images/services/smart-city/solutions/smart-public-safety.png"); }
    .solutions__list-item--traffic-management {
      background-image: url("../images/services/smart-city/solutions/smart-traffic-management.png"); }
    .solutions__list-item--crisis-management {
      background-image: url("../images/services/smart-city/solutions/smart-crisis-management.png"); }
    .solutions__list-item:hover .solutions__content {
      transition: top .33s ease-in-out, max-height .33s ease-in-out;
      max-height: 330px;
      top: 0;
      bottom: 0; }
    .solutions__list-item:hover .solutions__copy {
      transition: opacity .33s ease-in-out .33s;
      opacity: 1; }
    .solutions__list-item:hover .solutions__headline {
      top: 50px; }
  .solutions__content {
    color: #fff;
    padding: 48px 12px;
    background-color: rgba(226, 0, 116, 0.9);
    max-height: 50px;
    position: absolute;
    top: 200px;
    transition: max-height .33s ease-in-out, top .33s ease-in-out; }
    @media screen and (min-width: 768px) {
      .solutions__content {
        padding: 48px 24px; } }
    @media screen and (min-width: 1024px) {
      .solutions__content {
        padding: 48px 36px; } }
  .solutions__headline {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 24px;
    text-transform: uppercase;
    -ms-flex-positive: 1;
        flex-grow: 1;
    position: relative;
    padding-left: 70px;
    padding-right: 30px;
    font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif;
    text-transform: uppercase;
    top: 50px;
    transform: translateY(-50%);
    position: absolute; }
    .solutions__headline:before {
      content: " ";
      position: absolute;
      left: 0;
      background-repeat: no-repeat;
      top: 50%;
      transform: translateY(-50%);
      width: 52px; }
    .solutions__headline--wifi:before {
      background-image: url("../images/services/smart-city/solutions/wifi-4-eu.svg");
      height: 52px; }
    .solutions__headline--parking:before {
      background-image: url("../images/services/smart-city/solutions/smart-parking.svg");
      height: 38px; }
    .solutions__headline--lighting:before {
      background-image: url("../images/services/smart-city/solutions/smart-lighting.svg");
      width: 38px;
      height: 49px; }
    .solutions__headline--public-transport:before {
      background-image: url("../images/services/smart-city/solutions/smart-public-transport.svg");
      width: 38px;
      height: 44px; }
    .solutions__headline--ev-charging:before {
      background-image: url("../images/services/smart-city/solutions/smart-ev-charging.svg");
      width: 38px;
      height: 44px; }
    .solutions__headline--bike-sharing:before {
      background-image: url("../images/services/smart-city/solutions/smart-bike-sharing.svg");
      width: 44px;
      height: 44px; }
    .solutions__headline--city-dashboard:before {
      background-image: url("../images/services/smart-city/solutions/smart-city-dashboard.svg");
      width: 48px;
      height: 48px; }
    .solutions__headline--air-quality-monitoring:before {
      background-image: url("../images/services/smart-city/solutions/smart-air-quality.svg");
      width: 44px;
      height: 44px; }
    .solutions__headline--waste-management:before {
      background-image: url("../images/services/smart-city/solutions/smart-waste-management.svg");
      width: 32px;
      height: 38px; }
    .solutions__headline--public-safety:before {
      background-image: url("../images/services/smart-city/solutions/smart-public-safety.svg");
      width: 35px;
      height: 41px; }
    .solutions__headline--traffic-management:before {
      background-image: url("../images/services/smart-city/solutions/smart-traffic-management.svg");
      width: 45px;
      height: 38px; }
    .solutions__headline--crisis-management:before {
      background-image: url("../images/services/smart-city/solutions/smart-crisis-management.svg");
      width: 45px;
      height: 41px; }
  .solutions__copy {
    opacity: 0;
    transition: opacity .11s ease-in-out;
    margin-top: 50px; }
  .solutions__link {
    display: inline-block;
    color: #fff;
    text-decoration: underline; }

.stage {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 200% auto;
  display: inline-block;
  margin-bottom: 24px;
  overflow: hidden;
  padding-top: 36%;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .stage {
      background-position: center top;
      background-size: 150% auto;
      margin-bottom: 72px;
      padding-top: 27%; } }
  @media screen and (min-width: 1500px) {
    .stage {
      background-size: 100% auto;
      padding-top: 18%; } }
  .stage_slider {
    margin-bottom: 48px;
    position: relative; }
    @media screen and (min-width: 1024px) {
      .stage_slider {
        margin-bottom: 72px;
        padding-bottom: 0; } }
    .stage_slider .nav-breadcrumb {
      margin-bottom: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
    .stage_slider .stage {
      margin-bottom: 0; }
    @media screen and (min-width: 1024px) {
      .stage_slider .slick-slider {
        padding-bottom: 0; } }
    .stage_slider .slick-prev {
      left: 0; }
    .stage_slider .slick-next {
      right: 0; }
  .stage_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 24px;
    position: relative; }
    @media screen and (min-width: 769px) {
      .stage_container {
        padding-right: 24px;
        padding-left: 24px; } }
    @media screen and (min-width: 1024px) {
      .stage_container {
        margin-top: -27%;
        padding-top: 60px; } }
    @media screen and (min-width: 1500px) {
      .stage_container {
        margin-top: -18%; } }
  .stage h1, .stage_headline {
    font-family: 'TeleGroteskScreen-Thin', 'Arial', sans-serif;
    font-size: 32px;
    margin-bottom: 24px;
    color: #e20074;
    margin-bottom: 12px; }
    @media screen and (min-width: 1024px) {
      .stage h1, .stage_headline {
        font-size: 44px; } }
    @media screen and (min-width: 1500px) {
      .stage h1, .stage_headline {
        font-size: 55px;
        margin-bottom: 72px; } }
    @media screen and (min-width: 1500px) {
      .stage h1, .stage_headline {
        margin-bottom: 24px; } }
  @media screen and (min-width: 1024px) {
    .stage .nav-breadcrumb {
      position: absolute;
      left: 0;
      top: 0;
      margin-bottom: 0;
      width: 100%;
      z-index: 1; } }
  @media screen and (min-width: 1024px) {
    .stage h1,
    .stage .stage_headline,
    .stage p {
      max-width: 55%; } }
  .stage .subline,
  .stage p {
    font-size: 20px;
    line-height: 1.2; }
    @media screen and (min-width: 1024px) {
      .stage .subline,
      .stage p {
        padding-right: 24px; } }
    @media screen and (min-width: 1500px) {
      .stage .subline,
      .stage p {
        font-size: 24px; } }
  @media screen and (min-width: 1024px) {
    .stage.__visual {
      padding-top: 0; } }
  .stage.__visual img {
    width: 100%; }
  @media screen and (min-width: 1024px) {
    .stage.__visual .stage_container {
      margin-top: 0;
      padding-top: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      z-index: 1; } }
  @media screen and (min-width: 1500px) {
    .stage.__visual .stage_container {
      margin-top: 0; } }
  .stage.__visual .visual,
  .stage.__visual .video_container {
    display: none; }
    @media screen and (min-width: 1024px) {
      .stage.__visual .visual,
      .stage.__visual .video_container {
        display: block;
        height: 100%; } }
  @media screen and (min-width: 1024px) {
    .stage.__center {
      text-align: center; } }
  @media screen and (min-width: 1024px) {
    .stage.__center h1,
    .stage.__center .stage_headline,
    .stage.__center p {
      font-family: 'TeleGroteskScreen-Thin', 'Arial', sans-serif;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1024px) {
    .stage.__light h1,
    .stage.__light .stage_headline,
    .stage.__light p {
      color: #fff; } }
  .stage--smart-city {
    background-size: 100% auto;
    padding-top: 48%; }
    @media screen and (min-width: 1024px) {
      .stage--smart-city {
        overflow: hidden;
        position: relative;
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      .stage--smart-city.__visual .stage_container {
        top: 35%; } }

.teaser-magenta {
  background-color: #E20074;
  color: #fff;
  display: inline-block;
  margin-bottom: 12px;
  padding: 20px;
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 769px) {
    .teaser-magenta {
      min-width: 450px;
      margin: 0 0 24px 0; } }
  .teaser-magenta:before, .teaser-magenta:after {
    background-color: rgba(226, 0, 116, 0.5);
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .teaser-magenta:before {
    right: -10px;
    bottom: -10px; }
    @media screen and (min-width: 769px) {
      .teaser-magenta:before {
        right: -40px;
        bottom: -20px; } }
  .teaser-magenta:after {
    right: 1px;
    bottom: -20px; }
    @media screen and (min-width: 769px) {
      .teaser-magenta:after {
        right: 10px;
        bottom: -40px; } }
  .teaser-magenta h1, .teaser-magenta h2, .teaser-magenta h3, .teaser-magenta h4, .teaser-magenta h5, .teaser-magenta h6 {
    color: #fff; }
    .teaser-magenta h1 strong, .teaser-magenta h2 strong, .teaser-magenta h3 strong, .teaser-magenta h4 strong, .teaser-magenta h5 strong, .teaser-magenta h6 strong {
      display: block;
      margin-bottom: 10px; }
      @media screen and (min-width: 769px) {
        .teaser-magenta h1 strong, .teaser-magenta h2 strong, .teaser-magenta h3 strong, .teaser-magenta h4 strong, .teaser-magenta h5 strong, .teaser-magenta h6 strong {
          text-transform: uppercase;
          display: inline-block; } }
    .teaser-magenta h1 br, .teaser-magenta h2 br, .teaser-magenta h3 br, .teaser-magenta h4 br, .teaser-magenta h5 br, .teaser-magenta h6 br {
      display: none; }
      @media screen and (min-width: 769px) {
        .teaser-magenta h1 br, .teaser-magenta h2 br, .teaser-magenta h3 br, .teaser-magenta h4 br, .teaser-magenta h5 br, .teaser-magenta h6 br {
          display: inline-block; } }
  .teaser-magenta h2 {
    font-size: 24px;
    margin-bottom: 0; }
    @media screen and (min-width: 769px) {
      .teaser-magenta h2 {
        font-size: 26px; } }
  .teaser-magenta p {
    font-size: 24px;
    margin-bottom: 0; }
    @media screen and (min-width: 769px) {
      .teaser-magenta p {
        font-size: 26px; } }

.teaser_map {
  color: #383838;
  display: block; }
  .teaser_map:hover, .teaser_map:focus {
    text-decoration: none; }

.thumbnail_link {
  border: 1px solid #DCDCDC;
  display: inline-block;
  margin-bottom: 12px;
  position: relative;
  text-decoration: none; }
  .thumbnail_link:hover, .thumbnail_link:focus {
    text-decoration: none; }
    .thumbnail_link:hover:after, .thumbnail_link:focus:after {
      font-size: 40px; }
  .thumbnail_link:after {
    font-family: 'TeleIconOutline-Custom';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e04c";
    color: #383838;
    font-size: 36px;
    padding: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.2s ease-in-out; }
  .thumbnail_link img {
    display: block;
    max-width: 100%;
    height: auto; }

.video_container video {
  width: 100%; }

.why-us {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 48px;
  padding-top: 84px;
  position: relative;
  overflow: hidden;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .why-us {
      padding-right: 24px;
      padding-left: 24px; } }
  .why-us_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 -12px; }
    @media screen and (min-width: 1024px) {
      .why-us_container {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
  .why-us_headline {
    font-family: 'TeleGroteskScreen-Bold', 'Arial', sans-serif;
    display: block;
    font-size: 21px;
    margin-bottom: 12px; }
  .why-us h2 {
    margin-bottom: 48px; }
  .why-us_teaser {
    margin-bottom: 24px;
    padding: 0 12px;
    width: 100%;
    max-width: 350px; }
    .why-us_teaser img {
      display: inline-block;
      margin-bottom: 12px;
      max-width: 100%; }

.nav-toggle {
  font-family: 'TeleIconOutline-Custom';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 25px;
  text-align: center;
  text-decoration: none;
  position: absolute;
  right: 24px;
  top: 35px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  z-index: 10; }
  @media screen and (min-width: 1200px) {
    .nav-toggle {
      display: none; } }
  .nav-toggle:before {
    content: "\e002"; }
  .nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active, .nav-toggle.active {
    text-decoration: none; }
  .nav-toggle.active {
    color: #fff; }

.nav-main {
  background-color: #fff;
  border-bottom: 1px solid #dcdcdc;
  color: #383838;
  display: block;
  position: relative;
  width: 100%;
  z-index: 2;
  max-height: 0;
  zoom: 1;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out; }
  @media screen and (min-width: 1200px) {
    .nav-main {
      max-height: none; } }
  .nav-main.__open {
    max-height: 1000px; }
  .nav-main_container {
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    height: auto;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    position: relative; }
    @media screen and (min-width: 769px) {
      .nav-main_container {
        padding-right: 24px;
        padding-left: 24px; } }
    @media screen and (min-width: 1200px) {
      .nav-main_container {
        display: -ms-flexbox;
        display: flex; } }
  .nav-main_submenu {
    display: none; }
  .nav-main li:first-child a {
    padding-left: 0;
    /*
        max-width: 220px;
        padding-top: $gutter;
        padding-bottom: $gutter;
        */ }
  .nav-main a {
    font-family: 'TeleGroteskScreen-Regular', 'Arial', sans-serif;
    color: #383838;
    display: block;
    font-size: 21px;
    line-height: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: cecenter;
    transition: color 0.2s ease-out; }
    @media screen and (min-width: 1200px) {
      .nav-main a {
        padding-right: 24px;
        padding-left: 24px;
        padding-top: 24px;
        padding-bottom: 27.6px; } }
    .nav-main a:hover, .nav-main a:focus {
      color: #e20074;
      text-decoration: none; }
    .nav-main a.__active {
      color: #e20074; }
  .nav-main span {
    font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif;
    text-transform: uppercase; }

section.int-listing-all .int-list-element {
  background: transparent;
  position: relative;
  margin: 0 12px 30px; }

section.int-listing-all .int-list-element h2 {
  color: #000000;
  font-size: 24px;
  font-family: TeleGroteskScreen-Regular,Arial,sans-serif;
  margin: 10px 0 20px; }

section.int-listing-all .int-list-element .references__image-link::after {
  background: transparent;
  height: auto; }

section.int-listing-all .int-list-element .references__content {
  background: #ffffff;
  padding: 0 0 58px; }

section.int-listing-all .int-list-element .references__content p.int-txt-list {
  color: #757575;
  font-size: 18px;
  line-height: 22px;
  margin: 20px 0;
  float: left;
  width: 100%;
  font-family: TeleGroteskScreen-Regular,Arial,sans-serif; }

section.int-listing-all .int-list-element a.int-custom-list-button {
  margin: 0; }

section.int-listing-all .int-list-element .references__content .int-content-calendar {
  float: left;
  width: 100%; }

section.int-listing-all .int-list-element .references__content .int-content-calendar .int-left-date {
  float: left; }

section.int-listing-all .int-list-element .references__content .int-content-calendar .int-left-date p.int-date {
  background: #e20074;
  padding: 10px 20px 10px 15px;
  margin: 0;
  max-width: auto;
  font-size: 16px;
  line-height: 100%;
  border-radius: 13px 0 0 13px;
  color: #ffffff; }

section.int-listing-all .int-list-element .references__content .int-content-calendar .int-left-date p.int-date img {
  float: left;
  margin: 0 7px 0 0; }

section.int-listing-all .int-list-element .references__content .int-content-calendar .int-right-location p.int-date {
  background: #e5e5e5;
  border-radius: 0 13px 13px 0;
  color: #e20074; }

section.int-listing-all .int-list-element .references__content .int-content-calendar .int-right-location p.int-date img {
  float: left;
  margin: 0 10px 0 0; }

section.int-listing-all .int-list-element .references__content .int-content-calendar a.int-add-to-c {
  float: left;
  font-size: 16px;
  color: #e20074;
  text-decoration: underline;
  margin: 5px 0 0 20px; }

section.int-listing-all .int-list-element .references__content .int-content-calendar a.int-add-to-c:hover {
  text-decoration: none; }

section.int-listing-all .int-list-element .int-topp-box-event {
  background: rgba(226, 0, 116, 0.85);
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 7px 8px; }

section.int-listing-all .int-list-element .int-topp-box-event p {
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 10px;
  margin: 3px 0 0 0;
  font-family: TeleGroteskScreen-Ultra,Arial,sans-serif; }

section.int-listing-all .int-list-element .int-topp-box-event p span {
  text-transform: none;
  font-family: TeleGroteskScreen-Medium;
  font-size: 11px; }

section.int-listing-all .int-list-element .int-topp-box-event.int-past-event {
  background: rgba(145, 141, 143, 0.85); }

section.int-listing-all a.int-see-all {
  font-size: 21px;
  color: #383838;
  border: 1px solid #383838;
  line-height: 100%;
  border-radius: 10px;
  padding: 6px 15px 7px 15px;
  display: inline-block; }

section.int-listing-all span.int-a-center {
  text-align: center;
  float: left;
  width: 100%;
  margin: 0 0 20px 0; }

/* eveniment begin */
section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 -12px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right {
  margin: 0 12px 48px;
  width: calc(100% - 24px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top {
  background: #e20074;
  margin: 0;
  padding: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .service-detail_container {
  padding-right: 0;
  padding-left: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-slide {
  padding-right: 0;
  padding-left: 0;
  line-height: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-slider {
  padding-bottom: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-slide img {
  width: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-slider .slick-next, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-prev {
  display: none !important; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp .slick-slider .slick-next, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp .slick-slider .slick-prev {
  display: block !important; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-dots li {
  max-width: 13px;
  margin: 0 5px; }

body section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-dots {
  right: 90px;
  left: auto;
  width: auto;
  display: none !important; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-dots .slick-active button {
  background-color: #e20074; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top .slick-dots li button {
  width: 13px;
  height: 13px;
  border-radius: 100%; }

@media screen and (min-width: 1024px) {
  body section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left {
    width: calc(77% - 24px); }
  body section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right {
    width: calc(23% - 24px); } }

@media screen and (min-width: 650px) {
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left {
    width: calc(100% - 24px); }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right {
    width: calc(100% - 24px); } }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-digital-trans {
  float: left;
  width: 100%;
  margin: 35px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-digital-trans h2 {
  font-size: 48px;
  color: #e20074;
  line-height: 100%;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-digital-trans p {
  float: left;
  width: 100%;
  margin: 15px 0 0 0;
  font-size: 18px;
  color: #757575;
  line-height: 20px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-digital-trans a {
  margin: 30px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp {
  float: left;
  width: 100%;
  border-top: 1px solid #c2c1c1;
  border-bottom: 1px solid #c2c1c1;
  padding: 30px 0 40px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp h3, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule h3, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg h3, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend h3 {
  font-weight: normal;
  font-family: TeleGroteskScreen-Thin,Arial,sans-serif;
  font-size: 48px;
  color: #e20074;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg h3 {
  cursor: pointer; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend {
  background: #f2f2f2;
  padding: 15px 15px 20px;
  border-radius: 10px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend.int-waiting {
  background: transparent;
  padding: 0;
  border-radius: 0;
  margin: 25px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend.int-waiting ul {
  padding: 0 0 0 2px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend.int-waiting ul li p {
  line-height: 22px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend.int-waiting a.__magenta {
  margin: 25px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend h3 {
  font-size: 30px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend ul {
  float: left;
  width: 100%;
  margin: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend ul li {
  float: left;
  list-style-type: disc;
  margin: 0 30px 0 15px;
  color: #e20074; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend ul li p {
  margin: 0;
  font-size: 18px;
  color: #757575;
  line-height: 20px;
  padding: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp {
  background: transparent;
  margin: 30px 0 10px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .int-content-slide-sp {
  width: 29%;
  margin: 0 2%;
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-slide img {
  width: auto;
  margin: 0 auto 25px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .int-content-slide-sp p, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .int-content-slide-sp span, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-fifth p {
  font-size: 22px;
  color: #e20074;
  margin: 0;
  padding: 0;
  line-height: 110%;
  float: left;
  width: 100%;
  font-family: TeleGroteskScreen-Bold; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .int-content-slide-sp span {
  color: #757575;
  font-size: 18px;
  margin: 5px 0 0 0;
  font-family: TeleGroteskScreen-Thin,Arial,sans-serif; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-next, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-prev {
  bottom: -60px;
  width: 30px;
  height: 30px;
  top: auto;
  line-height: 30px; }

/*
section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-next{
	left:50px;
}
*/
section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-next::before, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-prev::before {
  color: #e20074;
  font-size: 30px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-dots {
  display: none !important; }

@media screen and (max-width: 650px) {
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .int-content-slide-sp {
    width: 50%;
    float: left;
    margin: 20px 0; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-next, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-prev {
    display: block !important; } }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule {
  float: left;
  width: 100%;
  padding: 30px 0 40px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs {
  float: left;
  width: 100%;
  margin: 20px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .tabcontent {
  display: none;
  padding: 0;
  border: 1px solid #ccc; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs button.tablinks {
  background: #bcbcbc;
  padding: 10px 20px;
  border-radius: 10px 10px 0 0;
  border: none;
  cursor: pointer; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs button.tablinks img {
  float: left;
  margin: 0 10px 0 5px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs button.tablinks p {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: #ffffff;
  font-family: TeleGroteskScreen-Bold;
  line-height: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs button.tablinks span {
  float: left;
  font-size: 18px;
  line-height: 100%;
  margin: 0;
  padding: 5px 0 0 0;
  color: #ffffff;
  font-family: TeleGroteskScreen-Thin,Arial,sans-serif; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs button.tablinks.active {
  background: #e20074; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day {
  width: 100%;
  padding: 25px 30px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-left {
  width: 20%;
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-left img {
  display: block;
  margin: 0 auto; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right {
  width: 80%;
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day.int-backg-grey {
  background: #f2f2f2; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right p.int-time, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right h4 {
  float: left;
  width: 100%;
  font-size: 18px;
  color: #757575;
  margin: 0;
  padding: 0;
  line-height: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right p img {
  float: left;
  margin: 1px 7px 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right h4 {
  font-size: 22px;
  color: #e20074;
  font-family: TeleGroteskScreen-Bold;
  margin: 10px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right p.int-sub-int-time {
  margin: 7px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right p.int-speakers {
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 18px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right p.int-speakers span, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right p.int-time span {
  color: #e20074;
  font-family: TeleGroteskScreen-Bold; }

img.int-img-center {
  display: block;
  margin: 0 auto; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right table.int-table-content-ev {
  width: 100%;
  margin: 0;
  padding: 15px 0 0 0; }

.clearfix {
  content: "";
  clear: both;
  display: table; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg {
  float: left;
  width: 100%;
  padding: 0 0 40px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form {
  float: left;
  width: 100%;
  margin: 20px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-control {
  border-radius: 10px;
  border-color: #c2c1c1;
  font-size: 18px;
  color: #757575;
  padding: 0 15px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .field_collection .form-group {
  width: 33%;
  padding: 0 7px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .field_collection .form-group.int-radio-btn {
  width: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form label.label-checkbox {
  font-size: 14px;
  color: #757575;
  line-height: 20px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .field_collection .form-group span.help-block {
  color: #d90000;
  font-size: 14px;
  line-height: 100%;
  margin: 0;
  padding: 2px 0 0 15px;
  float: left;
  width: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .field_collection input.int-btn-custom {
  background-color: #e20074;
  border: 1px solid #b2005c;
  min-width: 0;
  height: 34px;
  line-height: 32px;
  padding-left: 17px;
  padding-right: 17px;
  color: #ffffff;
  margin: 15px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .field_collection input.int-btn-custom:hover {
  background-color: #d0006b;
  border-color: #a00053; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn label.int-radio-container {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 18px;
  color: #757575;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  margin: 0 5px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .field_collection .form-group.int-radio-btn {
  padding: 5px 7px 5px 7px;
  margin: 0;
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .field_collection.int-marg-btm {
  margin: 0 0 20px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form option:checked, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form option[selected] {
  background: transparent; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn p {
  float: left;
  margin: 5px 10px 0 0;
  padding: 0;
  font-size: 18px;
  color: #757575;
  line-height: 20px; }

::-webkit-input-placeholder {
  opacity: 1; }

::-moz-placeholder {
  opacity: 1; }

:-ms-input-placeholder {
  opacity: 1; }

:-moz-placeholder {
  opacity: 1; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn label.int-radio-container:hover input ~ .int-checkmark {
  background-color: #ccc; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn label.int-radio-container:checked input ~ .int-checkmark {
  background-color: #2196F3; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn label.int-radio-container .int-checkmark:after {
  content: "";
  position: absolute;
  display: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn label.int-radio-container input:checked ~ .int-checkmark:after {
  display: block; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn label.int-radio-container .int-checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e20074; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn label.int-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn label.int-radio-container .int-checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp.int-custom-start-up .int-content-slide-sp {
  width: 29%;
  margin: 0 2%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles {
  border: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles .int-content-slide-sp {
  width: 46%;
  margin: 0 2%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles .int-content-slide-sp img {
  max-width: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles .int-content-slide-sp p, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles .int-content-slide-sp span, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-fifth p {
  text-align: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles .int-content-slide-sp p, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-fifth p {
  color: #000000;
  font-family: TeleGroteskScreen-Thin,Arial,sans-serif; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles .int-content-slide-sp span {
  margin: 15px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles .int-content-slide-sp a {
  float: left;
  margin: 20px 0 0 0; }

/* int left column begin*/
body section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right {
  height: 100%; }

body section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-content-box-small {
  border: 1px solid #c2c1c1;
  margin: 0 0 40px 0;
  border-radius: 8px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin {
  float: left;
  width: 100%;
  padding: 15px 10px 10px 15px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-title-box-left {
  float: left;
  width: 100%;
  border-bottom: 1px solid #c2c1c1;
  padding: 15px 10px 10px 15px;
  border-radius: 8px 8px 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin {
  padding: 20px 10px 30px 15px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin img {
  max-width: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-title-box-left h4 {
  float: left;
  font-size: 22px;
  color: #e20074;
  line-height: 100%;
  width: 100%;
  font-family: TeleGroteskScreen-Bold; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-title-box-left h4 img {
  margin: 0 0 0 8px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin p {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  font-size: 18px;
  color: #757575;
  line-height: 20px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin p.int-title-taxi {
  color: #e20074;
  font-family: TeleGroteskScreen-Bold; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul.int-list-contact {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul.int-list-contact {
  margin: 15px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul li, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul.int-list-contact li {
  float: left;
  list-style-type: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul li p {
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul li p a, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin a.int-direction-footer-a {
  color: #e20074;
  text-decoration: underline; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul li p a:hover, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin a.int-direction-footer-a:hover {
  text-decoration: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin p.int-mane-pers {
  margin: 20px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin p.int-mane-pers span {
  font-size: 16px;
  color: #e20074; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul.int-list-contact li {
  width: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul.int-list-contact li p {
  font-size: 16px;
  margin: 0;
  padding: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul.int-list-contact li p a {
  text-decoration: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul.int-list-contact li p a:hover {
  text-decoration: underline; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin ul.int-list-contact li p img {
  float: left;
  margin: 5px 5px 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin hr.int-line-o, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right hr.int-line-hotel {
  border-color: #c2c1c1;
  border-bottom: none;
  border-left: none;
  border-right: none;
  float: left;
  width: 100%;
  margin: 20px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-line {
  padding: 20px 10px 30px 15px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-line hr.int-line-hotel {
  margin: 5px 0 15px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin .int-hotel-img {
  float: left;
  width: 100%;
  position: relative;
  margin: 0 0 10px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin .int-hotel-img img {
  width: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin .int-hotel-img span {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(226, 0, 116, 0.8);
  margin: 0;
  padding: 5px 7px 7px 5px;
  line-height: 100%;
  text-transform: uppercase;
  color: #ffffff;
  font-family: TeleGroteskScreen-Bold; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin a.__magenta.int-marg-up {
  margin: 10px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin p.int-title-taxi.int-publi-tr {
  margin: 25px 0 10px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin p span.int-font-bold {
  font-family: TeleGroteskScreen-Bold; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin a.int-view-map {
  float: left;
  margin: 0;
  padding: 0;
  line-height: 100%;
  color: #e20074;
  font-size: 18px;
  text-decoration: underline; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin a.int-view-map:hover {
  text-decoration: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right .int-box-pin a.__magenta {
  margin: 25px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-inov-sol {
  border-top: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-inov-sol h3 {
  font-size: 36px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-inov-sol ul {
  float: left;
  width: 100%;
  margin: 25px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-inov-sol ul li {
  float: left;
  list-style-type: none;
  margin: 0 40px 15px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-inov-sol ul li img {
  display: block;
  margin: 0 auto; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-inov-sol ul li p {
  text-align: center;
  font-size: 14px;
  color: #757575;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 17px;
  min-height: 55px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-no-border-bottom {
  border-bottom: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu {
  float: left;
  width: 100%;
  margin: 0 0 20px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul {
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li {
  float: left;
  list-style-type: none;
  margin: 0 20px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a img {
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a p {
  float: left;
  font-size: 24px;
  margin: 0;
  padding: 10px 0 0 10px;
  line-height: 100%; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li span {
  float: left;
  margin: 0 0 0 40px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a {
  color: #757575; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a:hover {
  color: #e20074; }

.int-font-big {
  text-transform: uppercase; }

.int-font-big h1 {
  font-family: TeleGroteskScreen-Ultra,Arial,sans-serif;
  font-size: 32px;
  margin-bottom: 0; }

.int-font-big p {
  font-family: TeleGroteskScreen-Thin,Arial,sans-serif;
  font-size: 30px;
  margin-bottom: 15px;
  color: #e20074; }

.int-font-big span {
  text-transform: none;
  font-size: 15px;
  margin-bottom: 10px;
  float: left; }

/* int left column end*/
/* eveniment end */
@media (max-width: 1160px) {
  .int-font-big span {
    margin-bottom: 20px; } }

@media (max-width: 768px) {
  .int-font-big h1 {
    font-size: 30px; }
  .int-font-big p {
    font-size: 18px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left {
    width: 100%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend ul li {
    margin: 2px 15px 2px 15px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp.int-custom-start-up .int-content-slide-sp {
    width: 100%;
    margin: 10px 0; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-inov-sol ul li {
    margin: 0 15px 15px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-right {
    width: 100%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .field_collection .form-group {
    width: 100%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-left img {
    max-width: 100%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day {
    padding: 15px 10px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-left {
    padding: 0 20px 0 10px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-slide img {
    max-width: 100%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .int-content-slide-sp {
    width: 100%;
    margin: 20px 0; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-left {
    width: 30%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right {
    width: 70%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-custom-slider-top.int-custom-sp .slick-slide img {
    margin: 0 auto; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-articles .slick-slide img {
    margin: 0 auto 20px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li {
    margin: 15px 0;
    width: 25%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li span {
    display: none; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a p {
    width: 100%;
    padding: 10px 0 0 0;
    text-align: center; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a img {
    float: none;
    display: block;
    margin: 0 auto; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul {
    width: 100%; } }

@media (max-width: 640px) {
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right {
    width: 100%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-left {
    width: 100%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-left img {
    display: block;
    margin: 0 auto; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-left {
    padding: 0; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right table.int-two-col td {
    padding: 0 4px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs .int-box-day .int-box-day-right table.int-two-col td h4 {
    font-size: 14px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li {
    margin: 15px 0;
    width: 50%; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li span {
    display: none; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a p {
    width: 100%;
    padding: 10px 0 0 0;
    text-align: center; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a img {
    float: none;
    display: block;
    margin: 0 auto; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs button.tablinks {
    padding: 10px 15px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg form .form-group.int-radio-btn p {
    width: 100%;
    margin: 5px 0 6px 0; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul {
    width: 100%; } }

@media (min-width: 1024px) and (max-width: 1225px) {
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li a p {
    font-size: 21px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li span {
    margin: 0 0 0 25px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu ul li {
    margin: 0 10px; } }

.event-speakers .int-content-slide-sp img {
  margin-bottom: 18px !important; }

.magenta {
  font-weight: normal;
  font-family: TeleGroteskScreen-Thin,Arial,sans-serif;
  font-size: 48px;
  color: #e20074;
  text-align: center;
  width: 100%;
  margin: 0 0 10px 0;
  position: relative;
  border-radius: 10px;
  border: 1px solid #c2c1c1;
  padding: 0 15px; }

[data-element="extra_page_subtitle"] {
  margin-bottom: 10px; }

.attend_info {
  margin-top: 10px !important; }

/* see more begin*/
.read-more-state {
  display: none; }

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease; }

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em; }

.read-more-state ~ .read-more-trigger:before {
  content: 'See more';
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 100%;
  width: auto;
  height: auto;
  background: transparent;
  border: none;
  top: 0;
  left: 0;
  right: 0;
  font-family: TeleGroteskScreen-Thin,Arial,sans-serif; }

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'See less'; }

.int-content-eveniment-list .drop-arrow .read-more-state ~ .read-more-trigger:before {
  box-sizing: border-box;
  height: 15px;
  width: 15px;
  border-style: solid;
  border-color: #e20074;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  transition: border-width 10px ease-in-out;
  position: relative;
  float: right;
  border-radius: 0;
  margin: 24px 8px 0 0;
  content: ""; }

.int-content-eveniment-list .drop-arrow label.label-checkbox {
  float: left;
  width: 100%;
  margin: 0;
  position: relative;
  z-index: 999; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .drop-arrow label.label-checkbox h3 {
  margin: 0; }

.read-more-state ~ .read-more-wrap .read-more-target {
  display: none; }

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  color: #666;
  font-size: .9em;
  border-radius: .25em;
  padding: 0 !important;
  line-height: 100%;
  border: none; }

/* see more end*/
/* SCEWC2018 begin*/
section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box {
  padding: 30px 0 0 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu.int-meniu-new-design {
  margin: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu.int-meniu-new-design ul li {
  margin: 0 20px 20px 20px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-digital-trans.int-smart-city {
  margin: 35px 0 15px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-attend.int-waiting.int-should-box ul li {
  margin: 0 10px 0 15px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg.int-form-techon {
  border-bottom: 1px solid #c2c1c1; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg.int-form-techon h4 {
  float: left;
  width: 100%;
  margin: 15px 0 10px 0;
  padding: 0 0 0 5px;
  font-size: 18px;
  color: #757575;
  line-height: 20px; }

p.int-deutsche-text-right {
  float: right;
  font-size: 18px;
  color: #757575;
  line-height: 20px;
  text-align: left;
  margin: 0 11px 0 0;
  padding: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-reg.int-form-techon .form-control.int-custom-textarea {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  height: 120px;
  resize: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button {
  background: transparent;
  padding: 0;
  margin: 0 50px 0 0;
  border: none;
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.int-ultim-tab {
  margin: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span {
  width: 70px;
  height: 65px;
  background-color: #f2f2f2;
  border-radius: 5px; }

#int-nav-slider-mobil-tab > li > a > span {
  width: 70px;
  height: 65px;
  background: transparent;
  float: left; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-1 {
  background: url("../images/interactions/smart_parking.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-1 {
  background: url("../images/interactions/smart_parking.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-1 {
  background: url("../images/interactions/smart_parking_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-1 {
  background: url("../images/interactions/smart_parking_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-2 {
  background: url("../images/interactions/smart_waste_mngmt.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-2 {
  background: url("../images/interactions/smart_waste_mngmt.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-2 {
  background: url("../images/interactions/smart_waste_mngmt_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-2 {
  background: url("../images/interactions/smart_waste_mngmt_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-3 {
  background: url("../images/interactions/smart_lighting.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-3 {
  background: url("../images/interactions/smart_lighting.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-3 {
  background: url("../images/interactions/smart_lighting_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-3 {
  background: url("../images/interactions/smart_lighting_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-4 {
  background: url("../images/interactions/smart_public_safety.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-4 {
  background: url("../images/interactions/smart_public_safety.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-4 {
  background: url("../images/interactions/smart_public_safety_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-4 {
  background: url("../images/interactions/smart_public_safety_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-5 {
  background: url("../images/interactions/smart_evc.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-5 {
  background: url("../images/interactions/smart_evc.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-5 {
  background: url("../images/interactions/smart_evc_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-5 {
  background: url("../images/interactions/smart_evc_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-6 {
  background: url("../images/interactions/smart_bike_sharing.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-6 {
  background: url("../images/interactions/smart_bike_sharing.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-6 {
  background: url("../images/interactions/smart_bike_sharing_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-6 {
  background: url("../images/interactions/smart_bike_sharing_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-7 {
  background: url("../images/interactions/smart_air_quality_monitoring.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-7 {
  background: url("../images/interactions/smart_air_quality_monitoring.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-7 {
  background: url("../images/interactions/smart_air_quality_monitoring_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-7 {
  background: url("../images/interactions/smart_air_quality_monitoring_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-8 {
  background: url("../images/interactions/smart_public_transport.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-8 {
  background: url("../images/interactions/smart_public_transport.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-8 {
  background: url("../images/interactions/smart_public_transport_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-8 {
  background: url("../images/interactions/smart_public_transport_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-9 {
  background: url("../images/interactions/smart_mayor_dashboard.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-9 {
  background: url("../images/interactions/smart_mayor_dashboard.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-9 {
  background: url("../images/interactions/smart_mayor_dashboard_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-9 {
  background: url("../images/interactions/smart_mayor_dashboard_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-10 {
  background: url("../images/interactions/smart_construction.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-10 {
  background: url("../images/interactions/smart_construction.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-10 {
  background: url("../images/interactions/smart_construction_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-10 {
  background: url("../images/interactions/smart_construction_h.png") #e20074 no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-11 {
  background: url("../images/interactions/e-ticket_in_museums.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-11 {
  background: url("../images/interactions/e-ticket_in_museums.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-11 {
  background: url("../images/interactions/e-ticket_in_museums_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-11 {
  background: url("../images/interactions/e-ticket_in_museums_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-12 {
  background: url("../images/interactions/city_pass.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-12 {
  background: url("../images/interactions/city_pass.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-12 {
  background: url("../images/interactions/city_pass_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-12 {
  background: url("../images/interactions/city_pass_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-13 {
  background: url("../images/interactions/smart_city_map.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-13 {
  background: url("../images/interactions/smart_city_map.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-13 {
  background: url("../images/interactions/smart_city_map_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-13 {
  background: url("../images/interactions/smart_city_map_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-14 {
  background: url("../images/interactions/data_intelligence_hub.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-14 {
  background: url("../images/interactions/data_intelligence_hub.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-14 {
  background: url("../images/interactions/data_intelligence_hub_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-14 {
  background: url("../images/interactions/data_intelligence_hub_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button span.int-icon-15 {
  background: url("../images/interactions/smart_bench.png") #f2f2f2 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a > span.int-icon-15 {
  background: url("../images/interactions/smart_bench.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span.int-icon-15 {
  background: url("../images/interactions/smart_bench_h.png") #e20074 no-repeat center center; }

#int-nav-slider-mobil-tab > li > a.open > span.int-icon-15 {
  background: url("../images/interactions/smart_bench_h.png") no-repeat center center; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.active span {
  background: #e20074; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button p {
  font-size: 14px;
  color: #e20074;
  text-align: left;
  margin: 15px 0 0 0;
  padding: 0;
  line-height: 15px;
  text-transform: uppercase;
  min-height: 80px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .tabcontent {
  float: left;
  width: 100%;
  margin: 0 0 35px 0;
  border-radius: 5px;
  padding: 20px 25px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .tabcontent h5 {
  font-size: 24px;
  color: #e20074;
  font-family: TeleGroteskScreen-Bold;
  line-height: 100%;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .tabcontent p, .int-black p, .int-content-accordion p, .int-event-sp-bottom .int-event-sp-bottom-right p.int-text-description-bottom, .int-content-accordion-mobil p {
  float: left;
  width: 100%;
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 18px;
  color: #757575;
  line-height: 20px; }

#int-accordion {
  list-style: none;
  margin: 30px 0;
  padding: 0;
  height: 357px;
  width: 100%;
  overflow: hidden;
  position: relative; }

#int-accordion .int-panel {
  float: left;
  display: block;
  height: 357px;
  width: 60px;
  overflow: hidden; }

#int-accordion .int-panel.active {
  width: 733px; }

#int-accordion .int-panel.active .int-black {
  background: rgba(226, 20, 126, 0.8); }

#int-accordion .int-panel.active .int-panel-content img {
  display: block; }

.int-panel-content {
  padding: 0;
  height: 357px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.int-panel-content img {
  width: 100%;
  display: none; }

.int-black {
  width: 60px;
  height: 357px;
  float: left;
  background: rgba(0, 0, 0, 0.85);
  border: none;
  margin: 0;
  cursor: pointer;
  position: relative;
  z-index: 1;
  right: 2px; }

.last {
  right: 0; }

.int-black p {
  color: #ffffff;
  font-size: 36px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -sand-transform: rotate(-90deg);
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  line-height: 100%; }

.int-content-accordion p {
  padding: 0 0 15px 0; }

.int-content-accordion-mobil p {
  padding: 0 0 15px; }

.int-content-accordion {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0; }

.int-event-sp-bottom {
  float: left;
  width: 100%;
  margin: 40px 0 0 0; }

.int-event-sp-bottom .int-event-sp-bottom-left {
  float: left;
  width: 20%; }

.int-event-sp-bottom .int-event-sp-bottom-left img {
  max-width: 100%; }

.int-event-sp-bottom .int-event-sp-bottom-right {
  float: left;
  width: 78%;
  margin: 0 0 0 2%; }

.int-event-schedule .read-more-wrap .int-tabs .tabcontent .int-box-day-right h2 {
  font-weight: normal;
  font-family: TeleGroteskScreen-Thin,Arial,sans-serif;
  font-size: 30px;
  color: #e20074;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative; }

.utility-agenda .read-more-target {
  opacity: 1 !important; }

.stage .int-font-big h2 {
  font-family: TeleGroteskScreen-Ultra,Arial,sans-serif;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 7px 10px;
  color: #fff;
  background-color: #e20074;
  font-size: 24px; }

.utility-box-day h1.int-time {
  font-weight: bold !important;
  font-size: 26px !important;
  margin: 0;
  font-family: 'TeleGroteskScreen-Bold', 'Arial', sans-serif !important; }

.int-box-day .int-box-day-left .int-time span.min-time {
  font-size: 18px;
  position: relative;
  top: -15px; }

.utility-int-box-r {
  width: 60% !important; }

.utility-int-box-r h4 {
  color: #000 !important;
  font-size: 20px !important; }

.utility-box-day {
  padding: 25px 20px !important; }

.utility-speakers {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0 !important;
  margin-left: 5px !important; }

.utility-speakers-main {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0 !important;
  color: #e20074 !important;
  font-weight: bold; }

.utility-more-agenda h3 {
  font-weight: bold !important;
  text-align: center;
  border-top: 5px solid #e20074;
  font-size: 24px !important;
  font-family: inherit !important;
  padding-top: 15px !important;
  margin-bottom: 5px !important; }

.utility-more-agenda .read-more-trigger:before {
  display: none !important; }

.inline-utility-speakers {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 20px;
  margin-top: 20px; }

.int-event-sp-bottom .int-event-sp-bottom-right h4 {
  font-size: 24px;
  color: #e20074;
  font-family: TeleGroteskScreen-Bold;
  margin: 0;
  padding: 0;
  line-height: 100%;
  float: left;
  width: 100%; }

.int-event-sp-bottom .int-event-sp-bottom-right p.int-text-functie, .int-event-sp-bottom .int-event-sp-bottom-right p.int-text-presentation {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #757575;
  margin: 5px 0;
  padding: 0;
  line-height: 100%; }

.int-event-sp-bottom .int-event-sp-bottom-right p.int-text-presentation {
  border-top: 1px solid #c2c1c1;
  border-bottom: 1px solid #c2c1c1;
  padding: 10px 0;
  margin: 10px 0;
  color: #e20074;
  font-size: 18px; }

.int-event-sp-bottom .int-event-sp-bottom-right p.int-text-presentation img {
  float: left;
  padding: 1px 7px 0 0; }

.int-event-sp-bottom .int-event-sp-bottom-right p.int-text-description-bottom {
  padding: 10px 0; }

@media (max-width: 768px) {
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu.int-meniu-new-design ul li a p {
    min-height: 60px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button {
    min-height: 140px;
    min-width: 120px;
    margin: 0 15px 0;
    outline: none; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button.int-ultim-tab {
    margin: 0 15px 0; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button p {
    min-height: 55px; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule.int-smart-cities-box .int-tabs .int-top-tabs button p {
    min-height: 80px; }
  p.int-deutsche-text-right {
    margin: 10px 0 0 0; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-meniu.int-meniu-new-design ul li {
    margin: 15px 0; } }

@media (max-width: 640px) {
  .int-event-sp-bottom .int-event-sp-bottom-left {
    width: 100%; }
  .int-event-sp-bottom .int-event-sp-bottom-left img {
    display: block;
    margin: 0 auto; }
  .int-event-sp-bottom .int-event-sp-bottom-right {
    width: 100%;
    margin: 0; } }

/* slider mobil begin */
#int-nav-slider-mobil {
  display: block;
  width: 100%;
  margin: 30px 0 20px 0; }

#int-nav-slider-mobil li {
  list-style-type: none;
  border-bottom: 1px solid #ffffff; }

#int-nav-slider-mobil > li > a {
  display: block;
  padding: 16px 18px;
  font-size: 36px;
  color: #ffffff;
  text-decoration: none;
  background-color: #000000;
  text-transform: uppercase;
  line-height: 100%; }

#int-nav-slider-mobil > li > a.open {
  color: #ffffff;
  background-color: #e20074; }

#int-nav-slider-mobil li ul {
  display: none; }

#int-nav-slider-mobil li ul li img {
  max-width: 100%; }

#int-nav-slider-mobil {
  display: none; }

.breadcrumb-style {
  text-transform: uppercase; }

@media (max-width: 1340px) {
  #int-accordion, .int-content-accordion {
    display: none; }
  #int-nav-slider-mobil {
    display: block; } }

.hide-text {
  display: none; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-arrow-on-picture .slick-next, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-arrow-on-picture .slick-prev {
  top: 50%;
  bottom: 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-arrow-on-picture .slick-next::before, section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-arrow-on-picture .slick-prev::before {
  color: #ffffff; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-arrow-on-picture .slick-next {
  right: 13px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-sp.int-arrow-on-picture .slick-prev {
  left: 13px; }

#int-nav-slider-mobil-tab {
  display: block;
  width: 100%;
  margin: 30px 0; }

#int-nav-slider-mobil-tab li {
  list-style-type: none;
  border-bottom: 1px solid #ffffff; }

#int-nav-slider-mobil-tab > li > a {
  display: block;
  padding: 0 5px;
  text-decoration: none;
  background-color: #f2f2f2;
  text-transform: uppercase;
  line-height: 100%;
  height: 65px; }

#int-nav-slider-mobil-tab > li > a > p {
  font-size: 20px;
  color: #e20074;
  text-align: left;
  margin: 0;
  padding: 23px 0 0 0;
  line-height: 100%;
  text-transform: uppercase; }

#int-nav-slider-mobil-tab > li > a.open {
  color: #ffffff;
  background-color: #e20074; }

#int-nav-slider-mobil-tab > li > a.open > p {
  color: #ffffff; }

#int-nav-slider-mobil-tab li ul {
  display: none; }

#int-nav-slider-mobil-tab li ul li img {
  max-width: 100%; }

#int-nav-slider-mobil-tab {
  display: none; }

#int-nav-slider-mobil-tab li ul li .int-content-accordion-mobil {
  padding: 10px 0 15px 0; }

#int-nav-slider-mobil-tab li ul li .int-content-accordion-mobil h5 {
  font-size: 24px;
  color: #e20074;
  font-family: TeleGroteskScreen-Bold;
  line-height: 100%;
  margin: 0;
  padding: 5px 0 10px 0;
  text-transform: uppercase; }

@media (max-width: 1300px) {
  #int-nav-slider-mobil-tab {
    display: block; }
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-event-schedule .int-tabs {
    display: none; } }

@media (max-width: 385px) {
  #int-nav-slider-mobil-tab > li > a > p {
    font-size: 15px; } }

/* SCEWC2018 end*/
section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-fifth .slick-list {
  max-height: 200px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-fifth {
  width: 46%;
  margin: 20px 2% 0;
  float: left;
  background: transparent; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-fifth p {
  margin: 5px 0 15px 0; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-fifth a.__compact.__magenta {
  margin: 2px 0 0 0; }

@media (max-width: 992px) {
  section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-fifth {
    width: 100%;
    margin: 15px 0; } }

@media (min-width: 1500px) {
  .video_container {
    min-height: 386px;
    background-position: center;
    background-size: cover;
    display: block; } }

@media screen and (min-width: 1025px) {
  .block-text_content_detail {
    padding-right: 130px; } }

.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }

.resp-container.embed-responsive-2by1 {
  padding-top: 50%; }

.resp-container .resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

section.iframe-video {
  background-color: #000000;
  padding: 0;
  border-left: 0;
  border-right: 0; }

section.iframe-video .iframe-video_container {
  display: block;
  height: auto;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto; }

.int-display-mobil {
  display: none; }

@media screen and (max-width: 992px) {
  .hidden-mobil-movie {
    display: none; }
  .int-display-mobil {
    display: block !important; }
  .int-display-mobil img.int-img-wdth-s {
    max-width: 100%; } }

.int-topp-box-event:not(.int-past-event) {
  display: none; }

@media screen and (min-width: 1025px) {
  .block-text_content_detail {
    padding-right: 130px; } }

.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }
  .resp-container.embed-responsive-2by1 {
    padding-top: 50%; }
  .resp-container .resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

section.iframe-video {
  background-color: #000000;
  padding: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0px solid #D0D0D0; }
  section.iframe-video .iframe-video_container {
    display: block;
    height: auto;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto; }

#somePlayer, .vjs-tech {
  padding-top: 56.3% !important; }

@media all and (max-width: 768px) {
  .tap-logo {
    display: block; }
  .service-detail_container {
    max-width: 100% !important; } }

#imgbox #document html body img {
  width: 100%; }

.header-fluid {
  width: 100%;
  max-height: 85vh;
  height: auto;
  margin-top: -70px; }

.banner {
  position: relative;
  z-index: 1; }

#smart-city {
  margin-bottom: 70px; }

.sticky_contact {
  padding: 10px 20px !important; }

.sticky_contact .button {
  min-width: 145px; }

.sticky_contact p {
  margin-top: 5px;
  line-height: 20px; }

.cont {
  height: 100px !important; }

.cont .active {
  max-width: 75px;
  margin: 0 auto; }

.cont .static {
  max-width: 75px;
  margin: 0 auto; }

@media screen and (min-width: 1024px) {
  .__bigger-text {
    margin-top: 0 !important; } }

@media screen and (max-width: 768px) {
  .sub-txt {
    min-height: 60px !important; } }

.magenta-customize .sub-txt {
  font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif;
  text-transform: uppercase; }

.sub-txt {
  display: block;
  min-height: 95px; }

@media screen and (min-width: 1024px) {
  h2 {
    margin-bottom: 10px !important; } }

.all-references, .contact-us {
  width: 100%;
  max-width: 100%; }

#smart-city div h2 {
  text-transform: uppercase;
  color: #E20074;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 30px;
  font-size: 25px;
  font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif; }

#smart-city div .subline {
  font-size: 18px;
  margin-bottom: 45px; }

#smart-city .button-pdf, #section_four .button-pdf {
  border: 1px solid #E20074;
  padding: 15px 20px;
  color: #E20074;
  text-transform: uppercase;
  background-color: #FFFFFF;
  font-weight: bold;
  font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif; }

#smart-city .button-pdf, #section_four .button-pdf:hover {
  text-decoration: none; }

[data-solution] {
  padding-right: 130px;
  padding-left: 130px; }

[data-solution] ul .solutions__list-item {
  background-image: none;
  min-height: unset;
  -ms-flex-preferred-size: unset;
      flex-basis: unset; }

#magenta {
  border: 1px solid #E20074;
  background-color: #E20074;
  color: #FFFFFF; }

#magenta .static {
  background-color: #E20074; }

#magenta .magenta-customize {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center; }

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-2dot4 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20% !important; }

#Shape #Oval:hover {
  fill: white; }

#Shape #Oval:hover + #Oval-2 {
  fill: #e20074; }

.sub-txt {
  font-size: 26px; }

#section_four {
  background-color: #FFFFFF;
  border: none; }

#section_four h2 {
  margin-top: 40px;
  padding: 10px 0;
  text-transform: uppercase;
  color: #E20074;
  font-weight: bold;
  font-size: 25px;
  font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif; }

#map {
  margin-top: 0; }

#contact_us {
  background-color: #E20074;
  color: #FFFFFF;
  margin-bottom: 0; }
  #contact_us p {
    font-size: 20px; }

section.int-content-eveniment-all .int-content-eveniment-container .int-content-eveniment-list .int-wdth-col-left .int-digital-trans h2 {
  font-size: 26px !important; }

#contact_us h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif; }

@media (max-width: 450px) {
  #contact_us h2 {
    font-size: 20px; } }

#contact_us .button-custom {
  background-color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  color: #E20074;
  border-radius: unset;
  padding: 10px 40px;
  font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif; }

#contact_us .button-custom:hover {
  text-decoration: none; }

#smart360.iframe-video .iframe-video_container {
  max-width: unset !important; }

#smart360.iframe-video {
  border-top: unset !important;
  padding: 0 !important; }

.line-icon, .line-title, .line-icon2, .line-title2, .line-icon3, .line-title3 {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap; }

.line-icon {
  animation: showup 4s 1; }

.line-icon2 {
  animation: showup 4s 1; }

.line-icon3 {
  animation: showup 4s 1; }

.line-anim-title2 {
  width: 370px; }

.animation_content {
  padding-right: 12px;
  padding-left: 12px;
  display: block;
  height: auto;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  position: relative;
  transform: perspective(1400px);
  transform-style: preserve-3d;
  background-color: transparent;
  -webkit-filter: blur(0); }
  .animation_content .title-pos-anim {
    display: block;
    position: absolute;
    width: 100%;
    transform: translateZ(0px);
    -webkit-font-smoothing: subpixel-antialiased; }
    .animation_content .title-pos-anim .h2360 {
      font-size: 60px;
      color: #e20074;
      font-weight: bold;
      font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif !important;
      line-height: 65px;
      top: 150px;
      position: absolute;
      left: calc(50% - 268px);
      transform-style: preserve-3d;
      transform: translateZ(0px);
      will-change: translate3d; }
      .animation_content .title-pos-anim .h2360 img.anim-linie {
        height: 65px;
        transform: scale(1);
        margin-bottom: 0 !important;
        position: absolute;
        left: -25px; }
      .animation_content .title-pos-anim .h2360 img.anim-text-360 {
        height: 84px;
        width: 612px;
        margin-bottom: 0 !important;
        position: absolute;
        left: -25px;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0) scale(1, 1); }

@keyframes title-pos-anim {
  0% {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
    animation-timing-function: ease-in-out; }
  100% {
    top: -25px;
    transform: translate3d(-15px, 5px, 0px) scale3d(0.7, 0.7, 1);
    animation-timing-function: ease-in-out;
    left: 30px; } }

.line-title {
  width: 300px;
  animation: reveal 4s 1; }

.line-title2 {
  width: 420px;
  animation: reveal2 4s 1; }

.line-title3 {
  width: 650px;
  animation: reveal3 4s 1; }

@media all and (min-width: 540px) and (max-width: 758px) {
  .line-title3 {
    width: 650px !important;
    animation: reveal3 4s 1; } }

@media all and (max-width: 758px) {
  .line-title2 {
    max-width: 290px;
    animation: reveal2 4s 1; }
  #contact_us h2 {
    font-size: 22px !important; }
  .line-title3 {
    max-width: 650px;
    animation: reveal3 4s 1; }
  @keyframes reveal2 {
    0% {
      opacity: 0;
      max-width: 0px; }
    20% {
      opacity: 1;
      width: 0px; }
    30% {
      max-width: 650px; }
    80% {
      opacity: 1; }
    100% {
      opacity: 1;
      max-width: 650px; } }
  @keyframes reveal3 {
    0% {
      opacity: 0;
      max-width: 0px; }
    20% {
      opacity: 1;
      width: 0px; }
    30% {
      max-width: 650px; }
    80% {
      opacity: 1; }
    100% {
      opacity: 1;
      max-width: 650px; } } }

.line-title h2 {
  animation: slidein 4s 1; }

.line-addstg {
  animation: mover 1s infinite alternate; }

.line-adddr {
  animation: mover2 1s infinite alternate; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-5px); } }

@keyframes mover2 {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-5px); } }

@keyframes slidelinestg {
  0% {
    opacity: 0;
    margin-left: -100px; }
  20% {
    opacity: 1;
    margin-left: -100px; }
  35% {
    opacity: 1;
    margin-left: 0px; }
  100% {
    opacity: 1;
    margin-left: 0px; } }

@keyframes slidelinedr {
  0% {
    opacity: 0;
    margin-right: -100px; }
  20% {
    opacity: 1;
    margin-right: -100px; }
  35% {
    opacity: 1;
    margin-right: 0px; }
  100% {
    opacity: 1;
    margin-right: 0px; } }

.line-title2 h2 {
  animation: slidein 4s 1; }

.line-title3 h2 {
  animation: slidein 4s 1; }

@keyframes showup {
  0% {
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes slidein {
  0% {
    margin-left: -800px; }
  20% {
    margin-left: -800px; }
  35% {
    margin-left: 0px; }
  100% {
    margin-left: 0px; } }

@keyframes reveal {
  0% {
    opacity: 0;
    width: 0px; }
  20% {
    opacity: 1;
    width: 0px; }
  30% {
    width: 300px; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1;
    width: 300px; } }

@keyframes reveal2 {
  0% {
    opacity: 0;
    width: 0px; }
  20% {
    opacity: 1;
    width: 0px; }
  30% {
    width: 420px; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1;
    width: 420px; } }

@keyframes reveal3 {
  0% {
    opacity: 0;
    width: 0px; }
  20% {
    opacity: 1;
    width: 0px; }
  30% {
    width: 650px; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1;
    width: 650px; } }

.resp-container.embed-responsive-2by1 {
  padding-top: 56.1%; }

@media (min-width: 540px) {
  .col-sm-2dot4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .visible_responsive {
    display: none !important; } }

@media (min-width: 720px) {
  .col-md-2dot4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media (min-width: 960px) {
  .col-lg-2dot4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media (min-width: 1140px) {
  .col-xl-2dot4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media (max-width: 374px) {
  .header-fluid {
    margin-top: -93px; } }

.social_media {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%; }

footer .social_media a {
  color: #ffffff;
  background-color: #6f6e6e;
  border-radius: 50%;
  margin: 0 20px;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.social_media a {
  margin: 0 10px; }

.layer_content ul li {
  margin-bottom: 15px !important; }

#smart-city div h2,
#section_four h2 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-family: 'TeleGroteskScreen-Bold', 'Arial', sans-serif !important; }

#contact_us h2 {
  font-family: 'TeleGroteskScreen-Bold', 'Arial', sans-serif !important; }

.title-flex {
  margin: 25px 0; }

.smart-color-title {
  font-size: 22px !important;
  padding: 10px 0 !important;
  margin-top: 0 !important;
  color: #e71b75;
  text-transform: uppercase;
  line-height: 1.304;
  font-weight: bold;
  text-align: center; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 768px) {
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; } }

@media (min-width: 768px) {
  .col-md-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }
  .service-detail_container .magenta-customize {
    display: -webkit-box;
    padding: 0 15px; } }

@media (max-width: 575px) {
  #smart-city .button-pdf, #section_four .button-pdf {
    font-size: 11px; }
  [data-solution] {
    padding: 0 15px; }
  footer .social_media a {
    margin: 0 10px !important; } }

.tippy-tooltip.dark-theme {
  background-color: #ffffff;
  box-shadow: 2px 2px 51px -15px #6d7579; }

.tippy-popper[x-placement^=top] .tippy-arrow {
  border-top: 8px solid #fff !important; }

.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom: 8px solid #fff !important; }

.tippy-content {
  color: #383838; }

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

@media all and (max-width: 1024px) {
  .nav-breadcrumb {
    opacity: 0; } }

@media all and (max-width: 1256px) {
  .title-pos-anim {
    display: none !important; } }

.service-detail_container {
  padding-right: 0 !important;
  padding-left: 0 !important; }

@media screen and (min-width: 769px) {
  .service-detail_container {
    padding-right: 0 !important;
    padding-left: 0 !important; } }

@media (max-width: 767px) {
  .col-md-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .service-detail_container .magenta-customize {
    display: unset !important; }
  .cont {
    -ms-flex-pack: center;
        justify-content: center; } }

@media (min-width: 992px) {
  .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media screen and (min-width: 1300px) {
  .line-responsive1 {
    position: absolute;
    left: 22px;
    top: -25px; }
  .line-responsive2 {
    position: absolute;
    right: 27px;
    bottom: -5px; } }

@media screen and (max-width: 1299px) and (min-width: 1222px) {
  .line-responsive1 {
    position: absolute;
    left: 8px;
    top: -25px; }
  .line-responsive2 {
    position: absolute;
    right: 14px;
    bottom: -5px; } }

@media screen and (min-width: 1180px) and (max-width: 1221px) {
  .line-responsive1 {
    position: absolute;
    left: 6px;
    top: -25px; }
  .line-responsive2 {
    position: absolute;
    right: 6px;
    bottom: -5px; } }

@media screen and (min-width: 1150px) and (max-width: 1179px) {
  .line-responsive1 {
    position: absolute;
    left: 5px;
    top: -25px; }
  .line-responsive2 {
    position: absolute;
    right: 5px;
    bottom: -5px; } }

@media screen and (min-width: 1120px) and (max-width: 1149px) {
  .line-responsive1 {
    position: absolute;
    left: -5px;
    top: -25px; }
  .line-responsive2 {
    position: absolute;
    right: -5px;
    bottom: -5px; } }

@media screen and (min-width: 1080px) and (max-width: 1119px) {
  .line-responsive1 {
    position: absolute;
    left: -8px;
    top: -25px; }
  .line-responsive2 {
    position: absolute;
    right: -8px;
    bottom: -5px; } }

@media screen and (min-width: 768px) and (max-width: 1079px) {
  .line-responsive1 {
    position: absolute;
    left: -18px;
    top: -25px; }
  .line-responsive2 {
    position: absolute;
    right: -18px;
    bottom: -5px; } }

@media screen and (max-width: 767px) {
  .line-responsive1 {
    position: absolute;
    left: -18px;
    top: -25px; }
  .line-responsive2 {
    position: absolute;
    right: -18px;
    bottom: -5px; }
  .pos-line {
    max-width: 320px;
    margin: 0 auto; } }

.pos-line {
  position: relative; }

@media all and (max-width: 768px) {
  #smart-city div h2 {
    font-size: 22px !important; }
  .sub-txt {
    font-size: 22px !important; } }

@media screen and (min-width: 1024px) {
  h2 {
    font-size: 32px;
    margin-bottom: 10px; } }

.layer_content h2 {
  font-family: 'TeleGroteskScreen-Ultra', 'Arial', sans-serif;
  text-transform: uppercase; }

.row-cus {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

@media screen and (min-width: 769px) {
  .tap-logo {
    display: none !important; }
  .tap-res-mob {
    display: none; }
  .nav-sitemap > ul > li:first-child {
    width: 70%; } }

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

.img-bottom-video {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  height: auto; }

.iframe-video {
  position: relative; }

.vjs-afterglow-skin.vjs-responsive, .vjs-afterglow-skin.vjs-responsive video {
  height: 100% !important; }

.fade-carousel .slides .slide-inner {
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.fade-carousel .carousel-inner .item {
  height: 570px; }

.fade-carousel {
  position: relative;
  height: 570px; }