/* project.css (media queries included)  */

/* ========================================================
   Elements
   ======================================================== */

/* --------------------------------------------------------
   Base (Mobile)
   -------------------------------------------------------- */

/* TheSans */

@font-face {
  font-family: "TheSans";
  src: url(/smart-country-convention/layout/fonts/scc_thesansb4-500_woff2.woff2) format("woff2"),
    url(/smart-country-convention/layout/fonts/scc_thesansb4-500_woff.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "TheSans";
  src: url(/smart-country-convention/layout/fonts/scc_thesansc5-700_woff2.woff2) format("woff2"),
    url(/smart-country-convention/layout/fonts/scc_thesansc5-700_woff.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "TheSans";
  src: url(/smart-country-convention/layout/fonts/scc_thesansb2-800_woff2.woff2) format("woff2"),
    url(/smart-country-convention/layout/fonts/scc_thesansb2-800_woff.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "TheSans";
  src: url(/smart-country-convention/layout/fonts/scc_thesansb9-900_woff2.woff2) format("woff2"),
    url(/smart-country-convention/layout/fonts/scc_thesansb9-900_woff.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/* Global */

html {
  height: 100%;
}

body,
.uc-embedding-wrapper h3,
.uc-embedding-wrapper p,
.uc-embedding-buttons button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "TheSans", sans-serif;
}

.nav-level2-search #search-suggestions li,
#content .gsa-content h3 {
  font-family: "TheSans", sans-serif;
  font-weight: 500;
}

#nav-main,
.nav-second,
.nav-second-first,
.nav-second-last,
#nav-level2,
#nav-level3,
div.tile-counter,
#content .sitemap ul.sitemap-level1 li a {
  font-family: "TheSans", sans-serif;
  font-weight: 800;
  letter-spacing: 0.5px;
}

/* Mobile navigation */

.nav-mobile-wrap ul li a {
  font-family: "TheSans", sans-serif;
  font-weight: 800;
  font-size: 0.7em;
  letter-spacing: 0.5px;
  text-transform: lowercase;
}

.nav-mobile-wrap ul li ul li a {
  font-family: "TheSans", sans-serif;
  font-weight: 500;
  font-size: 0.8em;
  letter-spacing: 0.5px;
  text-transform: lowercase;
}

#nav-main .nav-main__link {
  text-transform: uppercase;
  font-weight: 800;
}

/* Footer */

#nav-lang ul li a,
#nav-lang-footer ul li a,
#nav-footer ul li a,
#nav-meta-footer ul li a,
#footer-copyright {
  font-family: "TheSans", sans-serif;
  font-size: 1.1em;
  font-weight: 500;
}

#nav-meta.show-mobile ul li a {
  font-family: "TheSans", sans-serif;
  font-weight: 800;
}

p,
#content p {
  font-family: "TheSans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5em;
}

#content .help-text p,
#content p.help-block {
  font-size: 16px;
}

#content li,
.fancybox-content li {
  font-family: "TheSans", sans-serif;
  font-size: 20px;
  font-weight: 500;
}

h1 {
  margin: 0 0 68px 0;
}

.lp__hero h1 {
  margin-bottom: 0;
}

.lp__hero h4 {
  padding-top: 10px;
}

.lp__hero .col-12 {
  padding-bottom: 0;
}

h1 {
  font-family: "TheSans", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 43px;
  padding-top: 0;
  hyphens: auto;
}

h2.headline,
.hero h3 {
  font-family: "TheSans", sans-serif;
  font-weight: 900;
  font-size: 43px;
  padding-top: 0;
}

body.lp-global h2.headline,
body.home--has-content h2.headline {
  text-transform: uppercase;
}

.hero h3 {
  line-height: 1.3;
  padding: 0;
  margin: 0;
}

h2.blog-latest__headline,
h2.blog-teaser__headline {
  font-family: "TheSans", sans-serif;
  font-size: 34px;
  line-height: 41px;
  padding-top: 0;
}

body.home--has-content h2.headline {
  font-size: 45px;
  padding-bottom: 30px;
}

h3 {
  font-size: 38px;
  line-height: 42px;
  font-weight: 800;
}

h4 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 800;
}

#content .textpic__text p {
  font-family: "TheSans", sans-serif;
  font-weight: 700;
  font-size: 3rem;
  font-size: 11vw;
}

a.icon-link-left::before {
  padding-top: 6px;
}

#content p a,
#content li a {
  text-decoration: underline;
}
#content p a::before,
#content p a:hover,
#content li a:hover,
#content .tab-navigation li a,
#content .anchor-links li a {
  text-decoration: none;
}

/* Akkordeon */

.accordion-navigation-link,
.ui-accordion .ui-accordion-header {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  padding-top: 20px;
  padding-bottom: 17px;
  padding-left: 3%;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  bottom: 22px;
  width: 36px;
}

.accordion-category {
  padding: 1.3em 2.2% 1.1em 3.1%;
  margin-left: -3.3%;
  margin-top: -1.1em;
  margin-bottom: 1.2em;
}

.ui-accordion .ui-state-active {
  border-bottom-width: 1px;
}

/* Tab-Navigation */

#content ul.ui-tabs-nav li {
  padding: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  padding: 20px 17px 17px 17px;
}

/* Search */

.gsa-search input {
  font-family: "TheSans";
  font-weight: 500;
  line-height: 1.5;
}

/* Forms */

.form-elements,
legend,
label {
  font-family: "TheSans", sans-serif;
  font-weight: 500;
}

#content button {
  font-family: "TheSans", sans-serif;
  font-weight: 800;
  letter-spacing: 0.5px;
}

/* Press Releases */

#content .pressreleases-item h3 {
  font-size: 20px;
  line-height: 30px;
}

/* News */

body.page__news #content h3 {
  font-size: 30px;
  line-height: 35px;
}

body.page__news #content h3 b {
  font-weight: 800;
}

/* Fancybox */

.fancybox-type-inline .fancybox-close {
  right: 39px;
  top: 20px;
}

.scc-newsletter-popup * {
  box-sizing: border-box;
  font-family: "TheSans", sans-serif;
}

.scc-newsletter-popup {
  min-width: 1503px;
  background: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden !important;
  padding: 0px 30px 40px;
  border-top: 30px solid rgb(0, 158, 230);
}

.scc-newsletter-popup .fancybox-skin {
  padding: 150px 100px !important;
  color: #fff;
  line-height: 1.3;
  transform: skewY(-5deg);
  transform-origin: bottom left;
  overflow: hidden;
  border: 4px solid #fff;
  border-top: 0;
  outline: 30px solid #009ee6;
  background: #009ee7;
  position: relative;
}

.scc-newsletter-popup .fancybox-outer {
  transform: skewY(5deg);
  transform-origin: bottom left;
  border-top: 4px solid #fff;
  background: #009ee6;
  padding: 20px 40px 10px;
  filter: blur(0);
  -webkit-filter: blur(0);
}

.scc-newsletter-popup .fancybox-inner {
  min-width: 100%;
  height: unset !important;
  overflow: visible !important;
}

.scc-newsletter-popup h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  text-transform: uppercase;
  padding-top: 30px !important;
}

.fancybox--newsletter__content {
  display: none;
}

.fancybox-opened .fancybox--newsletter__content {
  display: flex !important;
}

.fancybox--newsletter__content > div {
  width: 50%;
}

.fancybox--newsletter__content > div:first-child {
  padding-right: 25px;
}

.fancybox--newsletter__content > div:last-child {
  padding-left: 25px;
}

.fancybox--newsletter__intro {
  font-size: 13px;
}

.scc-newsletter-popup p {
  line-height: 1.5;
  padding-bottom: 20px;
  color: #fff;
  font-size: 14.3px;
}

.scc-newsletter-popup p:last-child {
  font-size: 10px;
  line-height: 1.5;
}

.mb-popup__close {
  width: 23px;
  height: 21px;
  position: absolute;
  top: 70px;
  right: 8px;
  color: #000 !important;
  background: #fff;
  font-size: 23px;
  transform: skewY(5deg);
  transform-origin: top left;
}

.mb-popup__close:before {
  margin: 0;
  line-height: 24px;
  display: block;
  width: unset;
  font-weight: 600;
}

.mb-popup__close:hover {
  text-decoration: none;
}

.scc-newsletter-popup .pi-heading {
  display: none;
}

.scc-newsletter-popup .pi-form {
  background: none;
}

.scc-newsletter-popup .pi-form-control {
  margin-right: 0;
  margin-bottom: 5px;
  padding: 0;
}

.scc-newsletter-popup .pi-form-control span {
  font-size: 10px;
  color: #fff;
}

.scc-newsletter-popup .pi-form-control b,
.scc-newsletter-popup .pi-form-control br {
  display: none;
}

.scc-newsletter-popup .pi-form-helptext {
  margin-bottom: 0;
}

.scc-newsletter-popup select {
  height: 32px;
  width: 100%;
}

.scc-newsletter-popup select,
.scc-newsletter-popup .pi-form-input input[type="text"] {
  border: 2px solid #d1d1d1;
}

.scc-newsletter-popup label {
  color: #fff;
  font-size: 13px;
  margin-bottom: 0;
}

.scc-newsletter-popup .pi-form-actions {
  padding-left: 20px;
}

.scc-newsletter-popup .pi-form-button {
  padding: 0;
  margin: 0;
}

.scc-newsletter-popup .pi-form-actions button {
  width: 100%;
  padding: 7px;
  background: #000;
}

.scc-newsletter-popup .pi-form-actions button span {
  background: none;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 900;
  display: block;
}

.scc-newsletter-popup .pi-mandatory {
  color: #fff;
}

.scc-newsletter-popup {
  min-width: 696px;
}

.scc-newsletter-popup .fancybox-skin {
  padding: 0 0 50px !important;
}

.fancybox--newsletter__title {
  font-size: 30px;
}

@media (max-width: 767px) {
  .scc-newsletter-popup {
    min-width: unset;
    width: unset !important;
    left: 4.5% !important;
    right: 4.5% !important;
  }

  .scc-newsletter-popup .fancybox-inner {
    width: auto !important;
  }

  .fancybox--newsletter__content {
    flex-direction: column;
  }

  .fancybox--newsletter__content > div {
    width: 100%;
  }

  .fancybox--newsletter__content > div:first-child {
    padding-right: 0;
  }

  .fancybox--newsletter__content > div:last-child {
    padding-left: 0;
  }

  .fancybox--newsletter__title {
    margin-top: 10px;
  }

  .sidepanel__content {
    padding: 15px 15px 30px;
  }

  #side-panel .sidepanel__content a.sidepanel-ticketshop {
    display: block;
  }
}

/* Mediathek */

/*.video-description {
	margin-top: -30px;
}*/

.video-description {
  z-index: 1;
  position: relative;
  padding: 0em 2em 1em 2em;
  overflow: hidden;
  margin-bottom: 1em;
}

.video-description::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 30%;
  z-index: -1;
  transform: skewY(-4.5deg);
  margin: -2em;
}

.video-description p {
  color: #fff;
}

.video-description h4 {
  color: #fff;
  font-size: 1.4em;
  line-height: 1.3em;
  padding: 0 0 0.2em 0;
}

.petrol-bg {
  background: url(/smart-country-convention/bilder/presse/mediathek/scc_mediathek_video_description_background.jpg);
  background-repeat: repeat;
}

.petrol-bg.col-grouped-section {
  padding-bottom: 1.5em;
}

#content .livestream-header p a.link-highlight-block {
  background-color: #003f51;
  border: solid 4px #fff;
}

#content .livestream-header p a.link-highlight-block:hover {
  background-color: #006078;
}

/* Squarebox */

.col-4 .squarebox {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 1em;
}

.hide-fileinfo .link-download-fileinfo {
  visibility: hidden;
  display: none;
}

/* Redesign 2020 */

.hero__button-next a::after {
  opacity: 0.8;
  width: 45px;
}

#content .hero p {
  font-size: 30px;
  line-height: 45px;
  font-weight: 800;
}

#content .hero p b {
  font-size: 25px;
  line-height: 35px;
  font-weight: 800;
}

.hero h4 {
  margin-bottom: 35px;
}

.padding-bottom--small h2.headline {
  padding-bottom: 10px;
}

.padding-bottom--large {
  padding-bottom: 100px;
}

.cta-button {
  padding: 20px 30px 17px 30px;
  line-height: 24px;
  font-weight: 800;
  transition: all 0.25s;
  border-radius: 0;
  border-width: 0;
}

.cta--play .cta-button {
  position: relative;
}

.cta--border .cta-button {
  border-width: 2px;
}

.cta-button__icon-play {
  position: absolute;
  left: -60px;
  top: 0;
  height: 61px;
  width: 60px;
  border-right-width: 1px;
  border-right-style: solid;
  display: flex;
  align-items: center;
  padding-left: 23px;
}

.cta-button__icon-play svg {
  height: 26px;
}

/* Numbers */

.numbers {
  justify-content: space-between;
  flex-direction: column;
}

.fact img {
  max-width: 75px;
}

.numbers .fact h4 {
  font-size: 41.5px;
  font-weight: 600;
}

#content .numbers .fact p {
  font-size: 20px;
  padding-bottom: 25px;
}

#content .news-teaser p {
  font-size: 18px;
}

.see-also--link {
  border-right-width: 3px;
  border-style: solid;
  padding: 0 20px;
}

.see-also--link:first-child {
  padding: 0 20px 0 0;
}

.see-also--link:last-child {
  border-right-width: 0;
  padding: 0 0 0 20px;
}

/* Fakten / Odometer */

.odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}

.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-theme-minimal
  .odometer-digit
  .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}

.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-theme-minimal.odometer-animating-down
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

/* UM form */

#content .pi-form-button button {
  padding: 20px 30px 17px 30px;
  line-height: 24px;
  font-weight: 800;
  transition: all 0.25s;
  border-radius: 0;
  border-width: 0;
  font-size: 18px;
}

/* Sharing Icons */

.fa-facebook-f::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M60 54.3V5.6C60 2.5 57.5 0 54.4 0H5.7C2.6 0 0 2.5.1 5.6v48.7c0 3.1 2.5 5.6 5.6 5.6H31V37.2h-7.4v-10H31v-3.9c0-6.7 5-12.8 11.3-12.8h8.1v10h-8.1c-.9 0-1.9 1.1-1.9 2.7v4h10v10h-10v22.7h14c3.1 0 5.6-2.5 5.6-5.6' fill='%2300212b'/%3E%3C/svg%3E");
}

.fa-twitter::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M54.4 0H5.6C2.5 0 0 2.5 0 5.6v48.8C0 57.5 2.5 60 5.6 60h48.7c3.1 0 5.6-2.5 5.6-5.6V5.6C60 2.5 57.5 0 54.4 0ZM37.56 49.24 27.3 34.3 14.45 49.24h-3.32l14.7-17.08-14.7-21.4h11.21l9.72 14.15 12.17-14.15h3.32L33.53 27.05l15.24 22.18H37.56Zm-5.77-20.17 12.43 17.78h-5.1L28.98 32.34l-1.49-2.13-11.84-16.95h5.1l9.56 13.68 1.49 2.13Z' style='fill:%2300212b;stroke-width:0'/%3E%3C/svg%3E");
}

.fa-xing::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M44.2 16.1L33.5 33.4 40.8 44h-6.6l-7.3-10.6 10.6-17.3h6.7zm-16.6 12l-5.3 8h-6l5.3-8-4-6.6h6l4 6.6zm32.3 26.2V5.7c0-3.1-2.5-5.6-5.6-5.6H5.7C2.6.1.1 2.6.1 5.7v48.6c0 3.1 2.5 5.6 5.6 5.6h48.6c3.1 0 5.6-2.5 5.6-5.6' fill='%2300212b'/%3E%3C/svg%3E");
}

.fa-linkedin-in::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M52.5 50.6h-9.4v-15c0-3.8-1.1-6.3-4.5-6.3-2.2 0-4.1 1.4-4.8 3.4-.2.7-.3 1.5-.3 2.3v15.6h-9.7s.1-26.2 0-28.8h9.7v4c1.7-3 5-4.8 8.5-4.6 6.2 0 10.5 4.8 10.5 13.4v16zm-35 0H8V22h9.5v28.6zM12.3 9.3c2.5-.1 4.7 1.9 4.7 4.5v.4c.1 2.5-1.8 4.7-4.4 4.9h-.5c-2.5.1-4.6-2-4.7-4.5v-.3c-.1-2.5 1.8-4.7 4.4-4.8.2-.1.4-.1.5-.2M54.4 0H5.6C2.5 0 0 2.5 0 5.6v48.7C0 57.5 2.5 60 5.6 60h48.8c3.1 0 5.6-2.5 5.6-5.6V5.6C60 2.5 57.5 0 54.4 0' fill='%2300212b'/%3E%3C/svg%3E");
}

/* Iframe Spreadshirt */

body.body--has-hero .body-wrap main.sprd-product-list {
  flex-direction: row;
  flex-wrap: wrap;
}

#content .spreadshirt__shop li {
  line-height: normal;
  font-size: 1em;
  padding-left: 0;
}

#content .spreadshirt__shop li::before {
  content: "";
}

.SprdMain .sprd-detail-price__tax {
  margin-top: 10px;
}

#content #sprd-main button {
  min-width: 1px;
}

#content button.sprd-detail-info__subheading-reviews {
  min-height: 75px;
  width: 105px;
}

@media (min-width: 768px) {
  #content button.sprd-detail-info__subheading-reviews {
    width: 195px;
  }
}

#content
  button.sprd-detail-info__subheading-reviews
  p.sprd-detail-info__review-count {
  color: #ffffff;
}

#content button.sprd-detail-images__view,
#content button.sprd-appearance-list__appearance {
  background-color: #ffffff;
}

#content button.sprd-appearance-list__appearance {
  padding-top: 3px;
}

#content button.sprd-slider__dot,
#content button.sprd-basket-notification__dismiss {
  padding: 0;
}

#content #sprd-main button.sprd-detail-sizes__hint__size_table_btn,
#content #sprd-main button:last-child {
  margin-left: 0;
}

#content button.sprd-quantity-control__button {
  margin-bottom: 0;
}

#content button.sprd-customer-reviews__pagination-btn {
  padding: 3px 0 0 0;
}

#content main#sprd-content ul {
  margin-left: 0;
}

/* Blog */
.blog-entry__sharing {
  align-items: flex-start;
}
.blog-entry__sharing .shariff .twitter .fa-twitter::before {
  font-size: 20px;
}
.shariff li .fab {
  line-height: normal;
}
.blog-teaser__cta {
  justify-content: center;
}
.blog-latest__title {
  font-size: 25px;
  line-height: 30px;
}
#content p.blog-list__tag {
  font-size: 18px;
}

.blog-entry__text h2 {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: 800;
}

.blog-entry__text h3 {
  font-size: 24px;
  line-height: 29px;
  padding-bottom: 20px;
}

#content .blog-entry__image-caption {
  font-size: 13px;
}

#content li a.blog-latest__entry-link {
  text-decoration: none;
}

a.blog-latest__entry-link h4 {
  text-decoration: underline;
}

.blog-list__entry a:hover,
a.blog-latest__entry-link:hover h4 {
  text-decoration: none;
}

/* Countdown */
.text-align-center .countdown {
  justify-content: center;
}

.countdown__element:first-child {
  border-width: 0 2px 0 0;
}
.countdown__element {
  border-width: 0 2px 0 0;
}
.countdown__element:last-child {
  border-width: 0 0 0 2px;
}

.countdown__value {
  font-weight: 300;
}

/* Störer */

.sticker {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  float: right;
  transform: rotate(10deg);
}

#content .sticker p {
  font-size: 12.6px;
  line-height: 18.2px;
  padding: 0;
}

.sticker h3 {
  font-size: 21px;
  line-height: 24.5px;
  font-weight: 800;
  padding-top: 4px;
  text-transform: none;
}

/* Pretix Ticketshop Widget */
#content .pretix-widget-btn-default {
  min-width: 0;
}

/* Breadcrumb */
.contentarea--light-dark .breadcrumb-container {
  padding: 8px 12px;
  margin-bottom: 36px;
}

.breadcrumb ol li {
  font-size: 14px !important;
}

/* Nivoslider (for transparent pictures) */
.slider-default .nivoSlider {
  background: none;
}

/* --------------------------------------------------------
   Tablet
   -------------------------------------------------------- */

@media (min-width: 768px) {
  /* Mediathek */
  .video-description {
    padding: 0.5em 2em 1em 2em;
    min-height: 160px;
  }

  .video-description h4 {
    color: #fff;
    font-size: 1.2em;
    line-height: 1.3em;
    padding: 0 0 0.2em 0;
  }

  .petrol-bg.col-grouped-section {
    padding-bottom: 0em;
  }

  h1 {
    font-size: 58px;
  }

  .hero h3 {
    font-size: 50px;
    line-height: 65px;
  }

  h2.headline {
    font-size: 48px;
  }

  body.home--has-content h1,
  body.home--has-content h2.headline {
    font-size: 60px;
    line-height: 1;
  }

  /* Text auf Bild */
  #content .textpic__text p {
    font-size: 2.4rem;
  }

  /* Numbers */

  .numbers {
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 35px;
  }
  .numbers .fact {
    width: 30.3333%;
    box-sizing: border-box;
  }

  /* Redesign 2020 */
  .hero .container {
    padding-top: 2vh;
  }

  section:not(.hero) {
    padding: 70px 0 50px 0;
  }

  body.home--has-content section:not(.hero) {
    padding: 100px 0 50px 0;
  }

  section#_see_also_id {
    padding: 50px 0;
  }

  /* UM form */

  .pi-newsletter-widget form .pi-form {
    margin-top: 6px;
  }

  .pi-newsletter-widget .pi-form-label label {
    font-weight: 700;
  }

  /* Blog */
  .media-item--full {
    width: 100%;
  }

  /* Störer */
  .sticker {
    width: 210px;
    height: 210px;
    position: absolute;
    top: -260px;
    right: 0;
  }

  .sticker h3 {
    font-size: 27px;
    line-height: 1.3;
  }
}

/*@media Tablet */

/* --------------------------------------------------------
	Overlay-Menü
	-------------------------------------------------------- */

@media (min-width: 1000px) {
  .body-wrap main {
    margin-top: 142px;
  }

  .header__bg {
    top: 58px;
  }

  .header__bg--expanded {
    top: 42px;
  }

  body.body--has-hero.body--is-scrolled .header__bg {
    opacity: 0.95;
  }

  .header__bg,
  body.body--has-hero.body--is-scrolled .header__bg.header__bg--expanded,
  body.blog.body--has-hero .header__bg {
    opacity: 0.8;
  }

  .header__home-link img[src$="svg"] {
    height: 75px;
    width: auto;
  }

  .header__main {
    height: 120px;
  }

  .header__main__notch {
    width: 100px;
    text-transform: uppercase;
    font-weight: 700;
  }

  .nav-meta__link::after {
    bottom: -17.5px;
  }

  .header__search-trigger {
    margin-left: 15px;
  }

  .nav-lang__item:first-child {
    margin-left: 15px;
  }

  .nav-main__subnav__link {
    text-overflow: unset;
    width: unset;
    min-width: 200px;
  }

  /* Landingpage Special Edition */
  body.lp-global.design2019.lp__specialedition.body--is-scrolled .header__bg {
    top: 0;
  }

  .lp__specialedition .header__main__left {
    padding: 27px 0;
    transition: padding 0.3s, height 0.3s;
    height: 129px;
  }

  .lp__specialedition.body--is-scrolled .header__main__left {
    padding: 15px 0;
    height: 104px;
  }

  .lp__specialedition .header__logo {
    display: none;
  }

  .lp__specialedition .header__home-link {
    content: " ";
    background-image: url(/smart-country-convention/layout/images/scc_logo_specialedition.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 75px;
    width: 135px;
    padding: 0;
  }
}

/* --------------------------------------------------------
    Desktop
   -------------------------------------------------------- */

@media (min-width: 1250px) {
  body,
  #screen-fixed {
    background-color: transparent;
  }

  /* Parter Logos */
  .partner-logo .textimage-imgrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .partner-logo .textimage-imgrow::after {
    content: "";
    flex: auto;
  }

  .partner-logo .textimage-imgrow-img {
    padding-right: 0;
    flex: 1 0 20%;
  }

  .partner-logo .textimage-imgrow-img:nth-child(5n + 2),
  .partner-logo .textimage-imgrow-img:nth-child(5n + 3),
  .partner-logo .textimage-imgrow-img:nth-child(5n + 4) {
    text-align: center;
  }

  .partner-logo .textimage-imgrow-img:nth-child(5n) {
    text-align: right;
  }

  /* Numbers */
  .numbers .fact {
    width: auto;
  }

  /* Redesign 2020 */
  .hero .container {
    min-width: auto;
    /* Zoom-Bug padding-top: 33vh; */
    padding-top: 16vh;
    width: 1000px;
  }

  body.content .hero .container {
    width: 1250px;
  }

  h1,
  .hero h3 {
    font-size: 62px;
    line-height: 1.3;
  }

  h2.headline {
    font-size: 52px;
  }

  .home aside {
    top: 245px;
  }

  /* Text auf Bild */
  #content .textpic__text p {
    font-size: 3.3rem;
  }

 #content .text-align-center.center-text-middle p {
    padding-left: 250px;
    padding-right: 250px;
  }

  .video-description h4 {
    font-size: 1.3em;
    line-height: 1.3em;
  }

  .header__search-trigger {
    margin-left: 24px;
  }

  .nav-lang__item:first-child {
    margin-left: 24px;
  }

  .pressreleases-item {
    min-height: 368px;
  }

  /* UM form */
  .pi-newsletter-widget form .pi-form {
    margin-top: 4px;
  }

  /* Blog */
  .blog-entry__sharing {
    align-items: baseline;
  }

  .blog-entry__text h2 {
    font-size: 36px;
  }

  .blog-entry__text h3 {
    font-size: 30px;
    line-height: 35px;
  }

  #content .blog-entry__image-caption {
    font-size: 14.4px;
  }

  /* Störer */
  .sticker {
    width: 260px;
    height: 260px;
  }
  .sticker h3 {
    font-size: 35px;
  }
}

/*@media Desktop */

/* ========================================================
   new colors
   ========================================================

   Primär:        #003f51 (Petrol)
   Sekundär:      #006078 (Petrol 2)
   Navi active:   #f0806f (Lachsrot)
   Icons & Links: #0074a3 (Cyan)
   Fonts:         #003f51 (Petrol)
   Hintergrund:   #fff (White)
   Highlight: #f9f9f9 (Gray)

   ======================================================== */

.hero__button-next a::after {
  opacity: 0.8;
  width: 45px;
}

/* Base */

a {
  color: #0074a3;
}

a.link-highlight,
a.link-highlight-block {
  background-color: #0074a3;
  color: #fff;
}

#content hr {
  border-bottom-color: #003f51;
}

/* Meta Navigation */

.nav-meta__link,
.nav-lang__link,
.nav-lang__link--footer {
  color: #003f51;
}

.nav-meta__link.link-navigation-active {
  color: #f0806f;
}

.nav-social__link svg {
  fill: #003f51;
}

/* Mobile Menu neu */

@media (min-width: 470px) {
  #nav-mobile {
    background-color: rgba(26, 55, 61, 0.85);
  }
}

#nav-mobile.nav-mobile--expanded::before,
.nav-mobile__toggle--fixed {
  background-color: #fff;
}

.nav-mobile__toggle__burger,
.nav-mobile__toggle__burger::before,
.nav-mobile__toggle__burger::after {
  background-color: #003f51;
}

.header__mobile__meta {
  background-color: #003f51;
}

.header__mobile__meta,
.header__mobile__meta a {
  color: #fff;
}

.header__mobile__meta__search .header__search-trigger {
  background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
}

.search-area {
  background-color: #003f51;
}

.search-area__search-box__submit {
  background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23006078' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
}

.nav-mobile__item a,
.nav-mobile-extra__item a {
  color: #003f51;
}

.subnav-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='8px' viewBox='0 0 14 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M338.712171,12.693072 L332.677699,18.7126627 C332.293833,19.0957791 331.671461,19.0957791 331.287783,18.7126627 C330.904072,18.3298871 330.904072,17.7090619 331.287783,17.3263173 L336.627359,11.9998993 L331.287938,6.67366719 C330.904228,6.29073669 330.904228,5.66997346 331.287938,5.28719788 C331.671648,4.90426737 332.293989,4.90426737 332.677854,5.28719788 L338.712326,11.3068815 C338.904181,11.4983623 339,11.7490533 339,11.9998683 C339,12.2508072 338.903995,12.5016842 338.712171,12.693072 Z' fill='%23003f51' transform='translate(7.000000, 4.000000) rotate(90.000000) translate(-335.000000, -12.000000)'/%3E%3C/svg%3E");
}

.subnav-toggle:focus,
.nav-mobile__toggle:focus {
  outline-color: #006078;
}

.nav-mobile__subnav__item.nav-mobile__item--expanded,
.nav-mobile__subnav--quicklinks.nav-mobile__subnav--expanded {
  background-color: #f9f9f9;
}

#nav-mobile .is-active > a {
  color: #006078;
}

/* End: Mobile Menu neu */

/* Meta navigation */

#nav-meta ul li a {
  color: #ffffff;
}

/* Main navigation */

#nav-meta ul li a:hover,
#nav-lang ul li a:hover,
#nav-social ul li a:hover,
#nav-footer ul li a:hover {
  color: #f0806f;
}

/* Footer */

#nav-lang ul li a,
#nav-footer ul li a,
#nav-social.show-mobile ul li a {
  color: #003f51;
}

#footer-copyright {
  color: #003f51;
}

p,
h1,
h2,
h3,
h4,
h5 {
  color: #003f51;
}

.text-success a,
.text-error a {
  color: #000;
}

.text-error {
  color: #801e16;
}

/* Newsticker */

.news {
  background-color: #ededed;
}

.news-headline h2 {
  background-color: transparent;
  color: #003f51;
}

.news-headline h2:hover {
  background-color: #fff;
}

.icon-news-left::before,
.icon-news-right::before {
  color: #003f51;
}

.icon-news-left:hover:before,
.icon-news-right:hover:before {
  color: #006078;
}

.news-button {
  background-color: transparent;
}

.news-button-inactive .icon-news-left::before,
.news-button-inactive .icon-news-right::before {
  color: #ededed;
}

.icon-news-left:before,
.icon-news-right:before {
  font-size: 25px;
}

.home main#content-home {
  background-color: rgb(236, 236, 236);
  /* background skew SCCON */
}

/* Highlight block */

.col-highlight {
  background-color: #f9f9f9;
}

#content .col-highlight .highlight,
.contentarea--dark-light .col-highlight {
  background-color: #f9f9f9;
}

/* Anchor/Tab links */

#content .anchor-links li a {
  background-color: #ededed;
  border-color: #ededed;
  color: #003f51;
}

#content .anchor-links.anchor-links-color li a {
  background-color: #003f51;
  border-color: #003f51;
  color: #ffffff;
}

/* Tab navigation */

.ui-state-active a {
  color: #fff;
}

#content ul.ui-tabs-nav .ui-state-active {
  background: #f0806f;
  border-color: #f0806f;
}

#content .tab-navigation .ui-state-default.ui-state-hover a,
#content .tab-navigation-colored .ui-state-default.ui-state-hover a {
  background-color: #006078;
}

#content .tab-navigation .ui-state-default.ui-state-active.ui-state-hover a,
#content
  .tab-navigation-colored
  .ui-state-default.ui-state-active.ui-state-hover
  a {
  background-color: #f0806f;
}

#content .tab-navigation.tab-navigation-colored .ui-state-default {
  background-color: #003f51;
  border-color: #003f51;
}

#content .tab-navigation .ui-state-hover,
#content .tab-navigation .ui-state-default.ui-state-hover {
  border-color: #006078;
}

#content ul.ui-tabs-nav .ui-state-active.ui-state-hover {
  border-color: #f0806f;
}

#content .tab-navigation .ui-state-active.ui-state-hover a,
#content .tab-navigation-colored .ui-state-active.ui-state-hover a {
  background-color: #f0806f;
  color: #fff;
}

#content .tab-navigation .ui-state-default {
  background-color: #ffffff;
  border-color: #ededed;
}

#content .tab-navigation .ui-state-default a {
  color: #003f51;
}

#content .tab-navigation-colored .ui-state-default a {
  color: #ffffff;
}

#content ul.ui-tabs-nav .ui-state-default.ui-state-active {
  background-color: #f0806f;
  border-color: #f0806f;
}

#content .ui-tabs .ui-tabs-panel {
  background-color: #ffffff;
  border-color: #ededed;
}

#content .ui-accordion-content .highlight,
#content .ui-tabs-panel .highlight {
  background-color: #f9f9f9;
}

/* Tab panel press photos */

#content .tab-navigation-colored .ui-widget-header .ui-state-active a,
#content .tab-navigation .ui-widget-header .ui-state-active a {
  background: #f0806f;
  color: #fff;
}

/* Tables */

table.table-color > thead > tr > th {
  background-color: #003f51;
  color: #ffffff;
}

.table > thead > tr > th {
  background-color: #ededed;
  color: #003f51;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #ededed;
}

.table-striped > tbody > tr:nth-child(2n) > td,
.table-striped > tbody > tr:nth-child(2n) > th {
  background-color: #ededed;
}

.table > tbody > tr > th,
.table > tbody > tr > td {
  border-bottom-color: #ededed;
}

/* Search */

.tile-search-inner {
  background-color: #003f51;
}

.tile-search-content h3 {
  background-color: #003f51;
}

.gsa-search input {
  color: #003f51;
}

.gsa-content-search {
  background-color: #ededed;
}

#content button.gsa-content-search-button {
  background-color: #ededed;
  color: #003f51;
}

#content .gsa-content-search-button:hover {
  background-color: #ededed;
  color: #006078;
}

#content #gsa-content-search-select {
  background-color: #ededed;
}

.gsa-search-mobile {
  background-color: #006078;
}

.gsa-search-mobile-button {
  background-color: #006078;
}

.gsa-search-mobile-input {
  text-transform: lowercase;
}

/* Newsreport search */

.newsreport-search-form {
  background-color: #003f51;
}

#content .newsreport-search .newsreport-search-button {
  background-color: #003f51;
}

/* Accordion */

.accordion-navigation-link,
.ui-accordion .ui-accordion-header {
  background-color: #ffffff;
  color: #003f51;
  border-color: #ededed;
}

.accordion-navigation-colored .accordion-navigation-link,
.accordion-navigation-colored .ui-accordion-header {
  background-color: #ededed;
  border-color: #ededed;
}

.ui-accordion .ui-accordion-content {
  background-color: #ffffff;
  border-color: #ededed;
}

.accordion-navigation-colored .accordion-navigation-link.ui-state-active,
.accordion-navigation-colored .ui-accordion-header.ui-state-active,
.accordion-navigation .accordion-navigation-link.ui-state-active,
.accordion-navigation .ui-accordion-header.ui-state-active {
  background-color: #f0806f;
  border-color: #f0806f;
  color: #ffffff;
}

.accordion-category {
  background-color: #003f51;
  color: #ffffff;
}

.accordion-navigation .ui-state-default .ui-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M14 11.88L6.25 4.12h15.5z' fill='%23003f51'/%3E%3C/svg%3E");
}

.accordion-navigation-colored .ui-state-default .ui-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M14 11.88L6.25 4.12h15.5z' fill='%23003f51'/%3E%3C/svg%3E");
}

.accordion-navigation .ui-state-active .ui-icon,
.accordion-navigation-colored .ui-state-active .ui-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M21.75 11.88H6.25L14 4.12z' fill='%23ffffff'/%3E%3C/svg%3E");
}

/* Blockquote */

#content blockquote {
  border-left-color: #006078;
}

/* Form-Button */

#content button,
#content input[type="submit"],
#content input[type="button"] {
  background-color: #003f51;
}

#content button[type="reset"] {
  background-color: #ededed;
}

#content button:hover,
#content input[type="submit"]:hover,
#content input[type="button"]:hover {
  background-color: #006078;
}

/* AZ-List */

#content .page-navigation li span.page-navigation-active {
  background-color: #f0806f;
  border-color: #f0806f;
}

#content .page-navigation.cal-alphabet li.newsreport-select-all a {
  background-color: #003f51;
}

#content .page-navigation.cal-alphabet li.newsreport-select-all a:hover {
  background-color: #006078;
  border-color: #006078;
}

#content .page-navigation li a {
  background-color: #003f51;
  border-color: #003f51;
  color: #fff;
}

#content .page-navigation li span {
  border-color: #999;
}

#content .page-navigation li a:hover {
  background-color: #006078;
  border-color: #006078;
}

/* Quotes */

.quotation .icon-news-left::before,
.quotation .icon-news-right::before {
  color: #003f51;
}

.quotation button:hover .icon-news-left::before,
.quotation button:hover .icon-news-right::before {
  color: #006078;
}

/* Buttons */

a.button-link {
  background-color: #003f51;
}

/* List items */

#content li,
.fancybox-content li {
  color: #003f51;
}

#content li::before,
.fancybox-content li::before {
  color: #006078;
}

#content li li::before,
.fancybox-content li li::before {
  color: #003f51;
}

/* Form button */

#content button.btn-colored,
#content input[type="submit"].btn-colored,
#content input[type="button"].btn-colored {
  background-color: #003f51;
}

/* Form Checkbox (Safari fix) */
.mwf-form ul > li .mwf-option {
  display: inline-block !important;
}

/* Press releases */

.pressreleases-details-date {
  color: #f0806f;
}

.pressreleases-date {
  color: #003f51;
}

.fancybox-close {
  background-color: #003f51;
}

/* Cookie-Hinweis */

.cookie-confirm {
  background-color: #006078;
}

.cookie-confirm:hover {
  background-color: #003f51;
}

/* Forms */

#content p.help-block {
  color: #878787;
}

.form-control {
  background-color: #ededed;
  color: #003f51;
  border-color: #ededed;
}

.form-control {
  background-image: linear-gradient(to left, #ededed 50%, #fff 50%);
}

.form-control:focus {
  color: #003f51;
}

legend {
  color: #003f51;
}

.form-upload-dropzone {
  background-color: #ededed;
  border-color: #fff;
}

.form-upload-button {
  color: #006078;
}

/* Hotel map */

.infowindow {
  font-family: "TheSans", sans-serif;
  display: block;
  color: #003f51;
  line-height: 18px;
  font-size: 14px;
}

.infowindow.infowindow-title {
  font-size: 2em;
  margin-bottom: 0.5em;
  margin-top: 0.3em;
  line-height: 1.1em;
}

.google-map {
  height: 550px;
}

/* Highlight Colors */

#content .box-notice h3,
#content .box-notice h4 {
  color: #f0806f;
}

/* Standmietenrechner */

#content p.calculator-result-total {
  font-weight: 900;
  color: #006078;
}

/* Redesign 2020 */

.contentarea--dark-light {
  background-color: #ffffff;
}

.contentarea--light-dark {
  background-color: #003f51;
}
#content .contentarea--light-dark li {
  color: white;
}

.contentarea--dark-light.background--aqua {
  background-color: #97c4e3;
}

.background--aqua a {
  color: #006078;
}

.background--lightgrey {
  background-color: #f9f9f9;
}

.cta-wrapper--dark-light .cta-button {
  color: #003f51;
}

.cta--play .cta-button .cta-button__icon-play {
  background: #ffffff;
  color: #003f51;
  border-right-color: #003f51;
}

.cta-wrapper--light-dark .cta-button {
  background-color: #003f51;
}

.cta--green .cta-button,
.cta--secondary .cta-button {
  background-color: #f0806f;
  color: #003f51;
}

.cta-wrapper--dark-light .cta--border .cta-button {
  border-color: #003f51;
}

.cta--green .cta-button,
.cta--secondary .cta-button:hover,
.cta-wrapper--dark-light .cta-button:hover {
  background-color: #003f51;
  color: #ffffff;
}

.cta-wrapper--light-dark .cta-button:hover {
  background-color: #f0806f;
  color: #ffffff;
}

.cta--play .cta-button:hover .cta-button__icon-play {
  background: #f0806f;
  color: #ffffff;
  transition: all 0.25s;
}

.news-teaser a {
  text-decoration: underline;
}

.contentarea--light-dark a,
.contentarea--light-dark a.see-also--link {
  color: #fff;
  border-color: #f0806f;
}

.linkbox h3 {
  color: #fff;
  background-color: #f0806f;
}

/* UM form */

.pi-form {
  background: #ededed;
}

.pi-form-input input[type="text"] {
  background-color: #fff;
  border-color: #ededed;
  background-image: none;
}

.pi-newsletter-widget .pi-form {
  background-color: transparent;
}

.pi-newsletter-widget .pi-form-input input[type="text"],
.pi-newsletter-widget .pi-form-input textarea {
  background-image: linear-gradient(to left, #ededed 50%, #fff 50%);
}

#pinuts-widgets-newsletter-749ff .pi-form-label label,
#pinuts-widgets-newsletter-749ff .pi-message-text,
#pinuts-widgets-newsletter-f68f1 .pi-form-label label,
#pinuts-widgets-newsletter-f68f1 .pi-message-text {
  color: #ffffff;
}

#pinuts-widgets-newsletter-749ff .pi-form-button button,
#pinuts-widgets-newsletter-f68f1 .pi-form-button button {
  background-color: #ffffff;
  color: #003f51;
}

/* Pretix Ticketshop Widget */

.widget-background--white .pretix-widget {
  background-color: #fff;
}

#content .widget-background--white .pretix-widget-item-description p,
.widget-background--white .pretix-widget-item-title {
  color: #003f51;
}

/* Blog */
#content .blog-filter__button {
  background-color: #003f51;
  border-color: #003f51;
  color: #ffffff;
}

#content .blog-filter__button--active {
  background-color: #ffffff;
  border-color: #006078;
  color: #006078;
}

#content .blog-filter__button[data-slug="expo-highlights"] {
  background-color: #f0806f;
  border-color: #f0806f;
  color: white;
}

#content .blog-filter__button--active[data-slug="expo-highlights"] {
  background-color: #ffffff;
  border-color: #f0806f;
  color: #f0806f;
}

p.blog-list__tag {
  color: #8b94a6;
}

a span.blog-latest__date {
  color: #006078;
}

/* Countdown */
.contentarea--light-dark .countdown__element:first-child {
  border-left-color: #ffffff;
}

.contentarea--dark-light .countdown__element:first-child {
  border-left-color: #003f51;
}

.contentarea--light-dark .countdown__value {
  color: #ffffff;
}

.contentarea--dark-light .countdown__value {
  color: #003f51;
}

.contentarea--light-dark .countdown__label {
  color: #ffffff;
}

.contentarea--dark-light .countdown__label {
  color: #003f51;
}

/* Usercentrics Overlay / Embedding wrapper */
.uc-embedding-wrapper h3 {
  color: #003f51 !important;
}

.uc-embedding-wrapper button.uc-embedding-accept {
  background-color: #003f51 !important;
  border-color: #003f51 !important;
  color: #ffffff !important;
}

/* Störer */
.sticker {
  background-color: #f0806f;
}

.sticker a {
  color: #ffffff;
  text-decoration: underline;
}

.sticker a:hover {
  text-decoration: none;
}

/* Breadcrumb */
.contentarea--light-dark .breadcrumb-container {
  background-color: rgba(0, 63, 81, 0.9);
}

.breadcrumb ol li::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath stroke='%23006078' d='M1.313.843 6.47 6l-5.157 5.157'/%3E%3C/svg%3E");
}

.contentarea--light-dark .breadcrumb ol li::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath stroke='%23ffffff' d='M1.313.843 6.47 6l-5.157 5.157'/%3E%3C/svg%3E");
}
.contentarea--light-dark .breadcrumb ol li:last-of-type::after {
  content: "";
}

#content .contentarea--light-dark .breadcrumb li {
  color: #ffffff;
}

.breadcrumb a,
.breadcrumb-container button {
  color: #006078 !important;
}
.contentarea--light-dark .breadcrumb a,
.contentarea--light-dark .breadcrumb-container button {
  color: #f0806f !important;
}

button.breadcrumb__button--hide::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.14995 12.55L3.44995 11.85L7.29995 8.00001L3.44995 4.15001L4.14995 3.45001L7.99995 7.30001L11.85 3.45001L12.55 4.15001L8.69995 8.00001L12.55 11.85L11.85 12.55L7.99995 8.70001L4.14995 12.55Z' fill='%23006078'/%3E%3C/svg%3E");
}
.contentarea--light-dark button.breadcrumb__button--hide::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.14995 12.55L3.44995 11.85L7.29995 8.00001L3.44995 4.15001L4.14995 3.45001L7.99995 7.30001L11.85 3.45001L12.55 4.15001L8.69995 8.00001L12.55 11.85L11.85 12.55L7.99995 8.70001L4.14995 12.55Z' fill='%23f0806f'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------
   Tablet colors
   -------------------------------------------------------- */

@media (min-width: 768px) {
  body {
    background-color: #fff;
  }

  #content .highlight {
    background-color: #f9f9f9;
  }

  /* Side navigation hover */
  #side-panel li.link-aside-1 a:hover {
    background-color: #003f51;
  }

  #side-panel li a:hover {
    background-color: #006078;
    color: #fff;
  }

  /* Tab panel press photos */
  #content ul.ui-tabs-nav .ui-state-active.ui-state-hover {
    border-color: #f0806f;
  }

  #content .tab-navigation .ui-state-active.ui-state-hover a,
  #content .tab-navigation-colored .ui-state-active.ui-state-hover a {
    background: #f0806f;
    color: #fff;
  }

  #content .tab-navigation .ui-state-hover {
    border-color: #006078;
  }

  #content .tab-navigation .ui-state-default.ui-state-hover a,
  #content .tab-navigation-colored .ui-state-default.ui-state-hover a {
    background-color: #006078;
  }

  /* 	Accordion */
  .ui-accordion .ui-accordion-header:hover,
  .ui-accordion .ui-state-hover {
    background-color: #006078;
    border-color: #006078;
    color: #fff;
  }

  .accordion-navigation .ui-accordion-header:hover .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M14 11.88L6.25 4.12h15.5z' fill='%23ffffff'/%3E%3C/svg%3E");
  }

  .accordion-navigation .ui-accordion-header.ui-state-active:hover .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M21.75 11.88H6.25L14 4.12z' fill='%23ffffff'/%3E%3C/svg%3E");
  }

  .ui-accordion .ui-state-active,
  .ui-accordion .ui-state-active.ui-state-hover {
    border-color: #006078;
  }

  .ui-accordion.accordion-navigation-colored .ui-accordion-header:hover,
  .ui-accordion.accordion-navigation-colored .ui-state-hover {
    background-color: #006078;
    color: #fff;
  }

  .accordion-navigation-colored .accordion-category {
    background-color: #003f51;
  }

  .ui-accordion-header.ui-state-active .accordion-category {
    background-color: #006078;
  }

  .accordion-navigation-colored
    .ui-accordion-header.ui-state-active
    .accordion-category {
    background-color: #f0806f;
  }

  .accordion-category {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 848.5 56.7' viewBox='0 0 848.5 56.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='840.9 56.7 0 56.7 0 0 840.9 0 848.5 28.3' fill='%23003f51'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-color: #ffffff;
  }

  .accordion-navigation-colored .accordion-category {
    background-color: #ededed;
  }

  .ui-accordion-header.ui-state-active .accordion-category {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 848.5 56.7' viewBox='0 0 848.5 56.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='840.9 56.7 0 56.7 0 0 840.9 0 848.5 28.3' fill='%23003f51'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-color: #f0806f;
  }

  .ui-accordion-header:hover .accordion-category {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 848.5 56.7' viewBox='0 0 848.5 56.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='840.9 56.7 0 56.7 0 0 840.9 0 848.5 28.3' fill='%23003f51'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-color: #006078;
  }

  /* Forms */
  .form-elements {
    background: #ffffff;
    padding: 0;
  }

  /* Newsreport */
  #content .product-news-tab .ui-state-default a {
    color: #fff;
    background-color: #003f51;
  }

  /* Press Releases */
  .pressreleases-item {
    background-color: #f9f9f9;
  }

  /* Redesign 2020 */
  .news-teaser a:hover {
    text-decoration: none;
  }

  /* UM form */
  #pinuts-widgets-newsletter-749ff .pi-form-button button:hover,
  #pinuts-widgets-newsletter-f68f1 .pi-form-button button:hover {
    background-color: #003f51;
    color: #ffffff;
  }
  #content .blog-filter__button:hover,
  #content .blog-filter__button:focus,
  #content button.blog-filter__button--active:hover {
    background-color: #ffffff;
    border-color: #006078;
    color: #006078;
  }
  #content .blog-filter__button[data-slug="expo-highlights"]:hover,
  #content .blog-filter__button[data-slug="expo-highlights"]:focus,
  #content button.blog-filter__button--active[data-slug="expo-highlights"]:hover {
    background-color: #ffffff;
    border-color: #f0806f;
    color: #f0806f;
  }

  /* Breadcrumb */
  .contentarea--light-dark .breadcrumb-container {
    background-color: rgba(0, 63, 81, 0.8);
  }
}

/*@media Tablet Colors */

/* --------------------------------------------------------
	Overlay-Menü
	-------------------------------------------------------- */

@media (min-width: 1000px) {
  *:focus-visible {
    outline-color: #ffffff !important;
  }

  .header__bg {
    background-color: #1a373d;
  }

  body.body--has-hero .header__bg {
    background-color: rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: all 0.3s;
  }

  body.body--has-hero.body--is-scrolled .header__bg,
  body.body--has-hero .header__bg.header__bg--expanded,
  body.blog.body--has-hero .header__bg {
    background-color: #1a373d;
  }

  .header__bg--expanded:after {
    border-color: #fff;
  }

  .nav-main__link,
  .nav-main__subnav__link,
  #nav-meta ul li a,
  #nav-lang ul li a {
    color: #ffffff;
  }

  .nav-main__link--current,
  .nav-main__subnav__link--current {
    color: #ffffff;
  }

  .body--is-scrolled .nav-main__link--current,
  .body--is-scrolled .nav-main__subnav__link--current {
    color: #f0806f;
  }

  #nav-meta ul li a:hover,
  #nav-lang ul li a:hover,
  #nav-footer ul li a:hover {
    color: #f0806f;
  }

  .nav-meta__link::after {
    background-color: #f0806f;
  }

  .nav-social__link:hover svg {
    fill: #f0806f;
  }

  .header__top-bar,
  .header__main__notch {
    background-color: #ffffff;
  }

  .header__main__notch {
    color: #003f51;
  }

  .header__main__notch::before,
  .header__main__notch::after {
    background-image: url("data:image/svg+xml,%3Csvg width='40px' height='29px' viewBox='0 0 40 29' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M40,28.9837918 C26.3344864,29.2189003 17.6935272,26.8962342 14.0771225,22.0157934 C10.4607178,17.1353526 8.169771,11.1977843 7.20428226,4.20308866 C6.80767336,1.40102955 4.50001376,-7.10542736e-15 0.28130348,-7.10542736e-15 L-3.27897692e-13,-7.10542736e-15 L40,-7.10542736e-15 L40,28.9837918 Z'/%3E%3C/svg%3E");
  }

  .header__search-trigger {
    background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
  }

  .nav-main__link:hover {
    color: #fff;
  }

  .nav-main__link::after {
    background-color: #fff;
  }

  .nav-main__link--current::after {
    background-color: #f0806f;
  }

  .nav-main__subnav__link:hover,
  .nav-main__subnav__current,
  .nav-main__subnav__link--current,
  .nav-main__subnav__item--active > .nav-main__subnav__link {
    background-color: #fff;
    color: #003f51;
  }

  .nav-main__subnav__item--nested > .nav-main__subnav__link::after,
  .nav-main__subnav__item--nested > .nav-main__subnav__current::after {
    border-color: #fff;
  }

  .nav-main__subnav__item--nested > .nav-main__subnav__link:hover:after,
  .nav-main__subnav__item--nested > .nav-main__subnav__current:hover:after,
  .nav-main__subnav__item--nested > .nav-main__subnav__link--current:after,
  .nav-main__subnav__item--active > .nav-main__subnav__link:after {
    border-color: #003f51;
  }

  ul.nav-main__subnav.nav-main__subnav--level1 {
    border-right-color: #ffffff;
  }

  .nav-main__quicklinks {
    border-left-color: #ffffff;
  }

  .nav-main__quicklinks a {
    color: #ffffff;
  }

  .search-area {
    background-color: #003f51;
  }

  .search-area__search-box__submit {
    background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003f51' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
  }

  .search-area__search-box__submit:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23006078' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
  }

  /* Landingpage Special Edition */
  .lp__specialedition .header__main {
    background-color: #fff;
  }

  .lp__specialedition .header__main__notch::before,
  .lp__specialedition .header__main__notch::after {
    background-image: url("data:image/svg+xml,%3Csvg width='40px' height='29px' viewBox='0 0 40 29' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003f51' d='M40,28.9837918 C26.3344864,29.2189003 17.6935272,26.8962342 14.0771225,22.0157934 C10.4607178,17.1353526 8.169771,11.1977843 7.20428226,4.20308866 C6.80767336,1.40102955 4.50001376,-7.10542736e-15 0.28130348,-7.10542736e-15 L-3.27897692e-13,-7.10542736e-15 L40,-7.10542736e-15 L40,28.9837918 Z'/%3E%3C/svg%3E");
  }

  .lp__specialedition .header__main__notch {
    background-color: #003f51;
    color: #fff;
  }

  .lp__specialedition #nav-lang ul li a {
    color: #003f51;
  }
}

/* --------------------------------------------------------
   Desktop colors
   -------------------------------------------------------- */

@media (min-width: 1250px) {
  /* Buttons hover */
  a.button-link:hover {
    background-color: #006078;
  }

  #content .eventdb-search-result-icons [class^="icon-"]:hover {
    color: #003f51;
  }

  /* Highlight block hover */
  a.link-highlight:hover,
  a.link-highlight-block:hover {
    background-color: #003f51;
    color: #fff;
  }

  /* Tablinks hover */
  #content .anchor-links li a:hover {
    background: #006078;
    border-color: #006078;
  }

  /* Form button */
  #content button:hover,
  #content input[type="submit"]:hover,
  #content input[type="button"]:hover {
    background-color: #006078;
  }

  /* 	Form */
  label {
    color: #003f51;
  }

  .news {
    background-color: rgba(255, 255, 255, 0.92);
  }

  /* UM-Form */
  .pi-form-control span {
    color: #003f51;
  }

  /* Breadcrumb */
  .contentarea--light-dark .breadcrumb-container {
    background-color: rgba(0, 63, 81, 0.7);
  }
}

/*@media Desktop Colors */

/* Website Guide */
#content button.websiteguide__button {
  color: #003f51;
  border-width: 2px;
  background-color: #fff;
  border-color: #282828;
}

#content button.websiteguide__button.disabled {
  background-color: white;
  color: #ccc;
}

#content button.websiteguide__button:not(.disabled):hover {
  background-color: #003f51;
  color: white;
}

.websiteguide__label {
  color: #003f51;
}

.websiteguide__select--options li:hover {
  background-color: #e9e9e9;
}

.websiteguide__select--styled {
  color: #003f51;
}

.websiteguide__select--styled:after {
  border-color: #003f51 transparent transparent transparent;
}

.websiteguide__select--highlighted {
  background-color: #003f51;
}