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

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

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

html {
  height: 100%;
}

/* Webfont - Overpass */

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-extralight.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-extralight.woff) format("woff");
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-extralight-italic.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-extralight-italic.woff) format("woff");
  font-style: italic;
  font-weight: 100;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-thin.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-thin.woff) format("woff");
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-thin-italic.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-thin-italic.woff) format("woff");
  font-style: italic;
  font-weight: 200;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-light.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-light.woff) format("woff");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-light-italic.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-light-italic.woff) format("woff");
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-regular.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-regular.woff) format("woff");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-italic.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-italic.woff) format("woff");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-semibold.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-semibold.woff) format("woff");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-semibold-italic.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-semibold-italic.woff) format("woff");
  font-style: italic;
  font-weight: 600;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-bold.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-bold.woff) format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-bold-italic.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-bold-italic.woff) format("woff");
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-extrabold.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-extrabold.woff) format("woff");
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-extrabold-italic.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-extrabold-italic.woff) format("woff");
  font-style: italic;
  font-weight: 800;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-heavy.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-heavy.woff) format("woff");
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "Overpass";
  src: url(/internationale-grüne-woche/layout/fonts/overpass/overpass-heavy-italic.woff2) format("woff2"), url(/internationale-grüne-woche/layout/fonts/overpass/overpass-heavy-italic.woff) format("woff");
  font-style: italic;
  font-weight: 900;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Overpass", sans-serif;
}

/* Typography */

#content p, #content li {
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.4em;
}

#content a {
  font-weight: 600;
}

#content .sitemap ul.sitemap-level1 li a, .downloadcenter-item a {
  font-weight: normal;
}

#content h2 {
  font-size: 1.8em;
}

#content h3 {
  font-size: 1.3em;
  font-weight: 700;
}

b, strong {
  font-weight: 700;
}

sub, sup {
  font-size: 80%;
}

/* Forms: Buttons */

#content div.form-buttons button {
  font-weight: 800;
  padding: 0.8em;
}

#nav-main ul li a, #nav-main ul li span, a.tile-text-link, .tile-counter, #content .anchor-links li a, #content ul.ui-tabs-nav li, .ui-accordion .ui-accordion-header {
  -webkit-text-stroke: transparent;
}

/* Footer-Logos */

/*
body.home #footer-logos a:last-child {
  display: none;
}
*/

body.content #footer-logos a {
  display: none;
}

/*
body.content #footer-logos a:last-child {
  display: inline-block;
}
*/

#nav-main ul li.nav-main-li-active {
  padding-top: 1em;
}

/* Stage */

.stage {
  border-radius: 0 15px 0 15px;
  background-position: center;
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
}

.stage.stage-text-full::before {
  max-height: 546px;
}

.stage .claim {
  font-size: 2.5em;
}

.stage .stage-text p b {
  font-weight: 900;
}

.stage .stage-text {
  border-radius: 0 0 0 15px;
  padding: 1em 1em 1.8em 1.8em;
  background: transparent;
}

.stage {
  min-height: 360px;
}

@media (min-width: 466px) {
  .stage {
    min-height: 390px;
  }
}

@media (min-width: 550px) {
  .stage {
    min-height: 430px;
  }
}

@media (min-width: 600px) {
  .stage {
    min-height: 470px;
  }
}

@media (min-width: 650px) {
  .stage {
    min-height: 510px;
  }
}

@media (min-width: 710px) {
  .stage {
    min-height: 550px;
  }
}

/* Leaf tiles */

body.home .tile:nth-of-type(1) {
  border-radius: 15px 0 15px 0;
}

body.home .tile:nth-of-type(2) {
  border-radius: 0 0 0 15px;
}

body.home .tile:nth-of-type(3) {
  border-radius: 0 15px 0 15px;
}

body.home .tile:nth-of-type(4) {
  border-radius: 15px 0 15px 0;
}

body.home .tile:nth-of-type(5) {
  border-radius: 15px 0 15px 0;
}

body.home .tile:nth-of-type(6) {
  border-radius: 0 15px 0 15px;
}

/* Cookie-Hinweis */

.cookie-confirm {
  background-color: #00a34a;
}

.cookie-confirm:hover {
  background-color: #fbef6a;
  color: #000;
}

/* Forms (Advertising) */

.igw-advertising-material .form-group {
  padding-left: 38px;
}

.igw-advertising-material .form-group label, .igw-advertising-material .form-control {
  width: 45px;
}

.igw-advertising-material input {
  display: inline;
}

/* Flaggen */

.flag div.textimage-img {
  float: left;
  width: 100px;
  margin: 1em 1em 1em 0;
}

.flag {
  padding: 0.2em 1em 1em 1em;
  height: 100px;
}

.international .flag br {
  margin-bottom: 1.3em;
}

/* Tiles */

.tile-2rows, a.tile-2rows {
  padding-top: 59.5%;
}

.tile-3rows, a.tile-3rows {
  padding-top: 45%;
}

.tile-4rows, a.tile-4rows {
  padding-top: 30.5%;
}

.tile {
  display: flex;
  justify-content: flex-end;
}

a.tile-text-link {
  display: block;
  /*fallback*/
  height: 100%;
  /*fallback*/
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 19px !important;
  /* hack */
  font-size: 4.96vw;
  padding-right: 8%;
  -webkit-text-stroke: transparent;
}

/* Side Panel */

#side-panel li a {
  font-weight: 700;
}

/* Navigation */

#nav-main ul li a, #nav-main ul li>span, #nav-main ul.nav-second li a, .home #nav-main ul.nav-second li a, #nav-main ul.nav-second li.nav-second-li-active span, .content #nav-main ul.nav-second li a:hover {
  font-weight: 600;
}

#nav-level3 ul li a {
  font-weight: 500;
}

/* Highlight Elements */

#content p.highlight, div.fancybox-inner div.fancybox-content p.highlight {
  padding: 0.8em 1.1em;
}

/* Lists */

#content li, .tooltip-content li {
  padding: 0 0.4em 0.6em 0.7em;
}

#content .col-highlight p {
  padding: 0.5em 15px;
}

/* Press Photos */

.pressphoto-item {
  min-height: 220px;
}

.pressphoto-thumb-portrait {
  margin-top: -48%;
}

#tab-pressphotos4 .pressphoto-thumb-portrait {
  margin-top: -32%;
}

#content .business-days h4.highlight {
  padding: 0.6em 0.5em;
}

/* Event Database */

#content .eventdb-search-result-item {
  min-height: 285px;
}

/* Event Database */

.eventdb-search-result .eventdb-search-result-img {
  display: none;
}

#content .eventdb-search-result-item h4, #content .eventdb-search-result-item p {
  padding-left: 10px;
  padding-right: 10px;
}

#content .eventdb-search-result-icons {
  padding: 0.6em 10px;
}

h3.eventdb-search-result-subtitle-date {
  padding: 0.6em 20px;
}

/* Fachbesucher- Bereich */

.fb-box-foto {
  margin-bottom: 0;
  padding-bottom: 0;
}

.fb-box h3 {
  text-align: center;
}

.fb-box.col-highlight div.textimage-above:last-child {
  padding-bottom: 0.5em;
}

.fb-cta h3 a.link-highlight-block {
  font-size: 1.8em;
  font-weight: 400;
  padding: 0.3em 0.5em;
}

/* Neuheitenreport */

#content .newsreport-navigation h4 {
  margin-bottom: 0.5rem;
}

#content .newsreport-navigation li.newsreport-filter {
  margin: 0 0.4rem 0.5rem 0;
}

#content .newsreport-navigation li.newsreport-filter label {
  font-weight: 700;
  font-size: 0.9rem;
}

/* Hallenbelegung Deutschland-Tour */

.de-tour .textimage-img, #content .de-tour .textimage p {
  padding: 0;
}

/* Versteckte Absätze */

.routenplaner-text {
  display: none;
}

#content .de-tour p a.link-highlight-block.icon-video {
  margin: 0 auto;
  width: 50%;
}

/* Partner-Logos */

body #footer-logos a.link-partner[title="partnercountry"] {
  display: none;
}

/*
body.de.content #footer-logos a.link-partner[title="partnercountry"] img {
  background-image: url(/internationale-grüne-woche/layout/images/igw_content_footer_partnercountry_de.svg);
  background-color: transparent;
  background-repeat: no-repeat;
}

body.en.content #footer-logos a.link-partner[title="partnercountry"] img {
  background-image: url(/internationale-grüne-woche/layout/images/igw_content_footer_partnercountry_en.svg);
  background-color: transparent;
  background-repeat: no-repeat;
}
*/

/* Textpic Themenwelten */

#content .textpic__text--teaser .textpic__text p {
  font-size: 3rem;
  font-size: 11vw;
  font-weight: 900;
  text-shadow: none;
}

#content .textpic__text--no-padding .textpic__text {
  padding: 0;
}

/* CTA-Button */

.cta-button {
  padding-top: 2.2vh;
}

/* Odometer / Facts */

#page__section__facts_id .col-4 {
  width: 43%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}

.fact {
  min-height: 170px;
  display: flex;
  justify-content: start;
  flex-flow: column;
  padding-top: 35px;
}

.fact h4 {
  font-size: 45px;
  padding: 0;
  font-weight: 700;
}

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

@media (min-width: 768px) {
  /* Global */
  body.home {
    background-image: url(/internationale-grüne-woche/layout/images/igw_home_background_grass.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #daf4dd;
  }
  body.home #logo img[src$="svg"] {
    width: auto;
  }
  #content h2 {
    font-size: 2em;
  }
  #content h3 {
    font-size: 1.4em;
  }
  /* Logo */
  #logo, #logo-alternate {
    max-width: 180px;
  }
  body.content #logo img {
    max-height: 40px;
  }
  /* Home */
  a.tile-text-link, .tile-counter {
    font-size: 1.39em;
    font-weight: 600;
    padding-right: 10px;
  }
  /* Stage */
  .stage {
    border-radius: 0 20px 0 20px;
    background-position: 25%;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  .stage {
    height: 278px;
    min-height: 278px;
  }
  /* ---- Stage background image v2 ---- */
  /*.stage .stage-text {
    	width: 45%;
    	margin-left: auto;
    	background: transparent;
    	border-radius: 0;
    	padding: 3em 1em 1em 1em;
    }*/
  /* ---- Stage background image v3 ---- */
  .stage .stage-text {
    width: 49%;
    margin-left: auto;
    background: transparent;
    border-radius: 0;
    padding: 3em 1em 1em 1em;
  }
  /* ---- Stage background image v2 ---- */
  /*.stage .claim {
        font-size: calc(1.1rem + 2vw);
    }*/
  /* ---- Stage background image v3 ---- */
  .stage .claim b {
    font-size: calc(1.3rem + 2vw);
  }
  .stage p.claim::first-line {
    font-size: calc(0.6rem + 2vw);
  }
  .stage .datetime {
    display: block;
    padding-top: 0.5em;
    font-weight: 700;
  }
  .stage div.stage-text {
    background-color: transparent !important;
    /* temp */
  }
  body.en .stage .stage-text p b {
    font-size: calc(2rem + 2vw);
  }
  /* Navigation */
  .home #nav-meta ul li a, .home #nav-lang ul li a, .home #nav-social ul li a, .home #nav-footer ul li a, .home #footer-copyright {
    font-weight: 700;
  }
  .home #nav-main ul li a {
    font-weight: 700;
  }
  #nav-level2 ul li a, #nav-level2 ul li span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current {
    padding-top: 69px;
    font-size: 1em;
  }
  #nav-level2 ul li a.tile-2rows, #nav-level2 ul li span.tile-2rows, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-2rows {
    padding-top: 51px;
    height: 40px;
  }
  /*#nav-level2 ul li a.tile-3rows,
    #nav-level2 ul li span.tile-3rows,
    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-3rows {
        padding-top: 37px;
        height: 54px;
    }*/
  #nav-level2 ul li a.tile-4rows, #nav-level2 ul li span.tile-4rows, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-4rows {
    height: 74px;
    padding-top: 21px;
  }
  #nav-level3 ul li {
    font-size: 1.1em;
  }
  #nav-main ul li.nav-main-li-active {
    padding-top: 0;
  }
  /* Pressefotos */
  .pressphoto-item {
    min-height: 300px;
  }
  /* Suche */
  .gsa-search input {
    padding: 0.1em;
    width: 94%;
  }
  /* Kacheln */
  .tile-2rows, a.tile-2rows {
    padding-top: 99px;
  }
  .tile-3rows, a.tile-3rows {
    padding-top: 76px;
  }
  .tile-4rows, a.tile-4rows {
    padding-top: 51px;
  }
  /* Fachbesucher-Bereich */
  .fb-cta h3 {
    width: 75%;
    margin: 0 auto;
    text-align: center;
  }
  .de #professional_service.fb-box {
    min-height: 249px;
  }
  .de .fb-box-networking {
    min-height: 208px;
  }
  .de #fach_presse_stand.fb-box {
    min-height: 268px;
  }
  .en .fb-box-networking {
    min-height: 174px;
  }
  .en #professional_service.fb-box {
    min-height: 249px;
  }
  .en #professionalevents.fb-box {
    min-height: 289px;
  }
  /* Flaggen */
  .flag {
    padding: 1em 1em 1em 1.2em;
    height: 135px;
  }
  /* Event Search Result */
  #content .eventdb-search-result-item h4, #content .eventdb-highlights-title h4, #content .eventdb-memolist-description h4 {
    font-size: 1.1em;
  }
  #content .eventdb-search-result-item p {
    font-size: 0.9em;
  }
  /* Textpic Themenwelten */
  #content .textpic__text--teaser .textpic__text p {
    font-size: 2.4rem;
  }
  /* Schülerprogramm */
  .eventregistration-headcol7, .eventregistration-col7 {
    clear: both;
  }
  /* Navigation 3. Ebene */
  #nav-level3 ul {
    display: inline-block;
  }
  #nav-level3 ul li {
    margin: 0;
  }
  #nav-level3 ul li a, #nav-level3 ul li span {
    padding: 15px 18px 14px 18px;
  }
}

/*@media Tablet */

/* --------------------------------------------------------
    Screen
   -------------------------------------------------------- */

@media (min-width: 1108px) {
  /* Global */
  #content p, #content li {
    font-size: 1.2em;
  }
  #content h3 {
    font-size: 1.6em;
  }
  body.home {
    background-image: url(/internationale-grüne-woche/layout/images/igw_home_background_grass.jpg);
  }
  #nav-main {
    padding: 55px 0 20px 0;
  }
  #nav-main ul li a, #nav-main ul li>span {
    font-size: 1.5em;
    margin-bottom: 0.2em;
  }
  #nav-main ul li:hover ul.nav-second, #nav-main.on-scrolling ul li:hover ul.nav-second {
    opacity: 1;
    border-top: 2px solid #000;
  }
  #screen-fixed {
    background: #daf4dd;
  }
  /* Stage */
  .stage {
    height: 407px;
    min-height: unset;
    max-height: unset;
  }
  .stage.stage-text-full::before {
    height: auto;
  }
  /* ---- Stage background image v2 ---- */
  /*.stage .claim {
        font-size: calc(1.6rem + 2vw);
    }*/
  /* ---- Stage background image v3 ---- */
  .stage .claim b {
    font-size: calc(1.7rem + 2vw);
  }
  .stage p.claim::first-line {
    font-size: calc(1rem + 2vw);
  }
  .stage .stage-text p.claim a:hover {
    text-decoration: none;
  }
  body.en .stage .stage-text p b {
    font-size: calc(2.3rem + 2vw);
  }
  /* Scrolling navigation animation */
  #logo a img, #logo-alternate a img {
    transition: padding-top 0.3s, max-width 0.3s, max-height 0.3s;
  }
  #screen-fixed {
    transition: all 0.3s;
  }
  /* Leaf tiles */
  body.home .tile:nth-of-type(1) {
    border-radius: 20px 0 20px 0;
  }
  body.home .tile:nth-of-type(2) {
    border-radius: 0 20px 0 20px;
  }
  body.home .tile:nth-of-type(3) {
    border-radius: 20px 0 20px 0;
  }
  body.home .tile:nth-of-type(4) {
    border-radius: 0 20px 0 20px;
  }
  body.home .tile:nth-of-type(5) {
    border-radius: 20px 0 20px 0;
  }
  body.home .tile:nth-of-type(6) {
    border-radius: 0 0 20px 20px;
  }
  li.nav-level2:nth-child(1n), li.nav-level2-search .tile-search-inner, li.nav-level2-last:nth-child(1n) {
    border-radius: 0 12px 0 12px;
  }
  li.nav-level2:nth-child(2n), li.nav-level2-first:nth-child(1n) {
    border-radius: 12px 0 12px 0;
  }
  #nav-level2 ul #search-suggestions li {
    border-radius: 0;
  }
  #side-panel li.link-aside--sidepanel>a, #side-panel li.link-aside-3 a, #side-panel li.link-aside-5 a {
    border-radius: 0 12px 0 12px;
  }
  #side-panel li.link-aside-2 a, #side-panel li.link-aside-4 a, #side-panel li.link-aside-6 a {
    border-radius: 12px 0 12px 0;
  }
  table .visible-screen-up {
    display: inline-block !important;
  }
  /* Navigation flex */
  #nav-level2 ul li, #nav-level2.nav-level2-active ul li, #nav-level2.nav-level2-active ul li.nav-level2-li-active {
    display: flex;
    justify-content: flex-end;
  }
  #nav-level2 ul li a, #nav-level2 ul li a.tile-2rows, #nav-level2 ul li a.tile-3rows, #nav-level2 ul li a.tile-4rows, #nav-level2 ul li span.tile-2rows, #nav-level2 ul li.nav-level2-li-active span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-2rows {
    display: block;
    /*fallback*/
    height: 100%;
    /*fallback*/
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 19px !important;
    /* hack */
    font-size: 1em;
    font-weight: 600;
    padding: 8%;
    -webkit-text-stroke: transparent;
  }
  /* Logo */
  #logo, #logo-alternate {
    max-width: 302px;
  }
  body.content #logo img {
    max-height: 75px;
  }
  #nav-main, #nav-main.nav-main-active {
    padding-top: 22px;
  }
  body.content .on-scrolling #logo img {
    max-height: 50px;
  }
  body.content .on-scrolling #logo img[src$="svg"] {
    width: 224px;
  }
  /* Navigation */
  ul.nav-second {
    width: 24%;
  }
  #nav-main ul.nav-second li a, #nav-main ul.nav-second li.nav-second-li-active span, .home #nav-main ul.nav-second li a {
    font-size: 1em;
  }
  #nav-main ul li span, #nav-main ul li a.nav-main-current, #nav-main ul li a:hover {
    text-decoration: none;
    border-bottom: transparent;
  }
  ul.nav-second {
    margin: 0;
  }
  /*#nav-level2 ul li a,
    #nav-level2 ul li span,
    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current {
        padding-top:80px;
        font-size: 1.2em;
    }*/
  /*#nav-level2 ul li a.tile-2rows,
    #nav-level2 ul li span.tile-2rows,
    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-2rows {
        padding-top: 60px;
        height: 62px;
    }*/
  /*#nav-level2 ul li a.tile-3rows,
    #nav-level2 ul li span.tile-3rows,
    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-3rows {
        padding-top: 41px;
        height: 65px;
    }*/
  #nav-level2 ul li a.tile-4rows, #nav-level2 ul li span.tile-4rows, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-4rows {
    padding-top: 22px;
    height: 84px;
  }
  /* Navigation 3. Ebene */
  #nav-level3 ul {
    margin-top: 1px;
    margin-left: 114px;
    border-radius: 0 12px 0 12px;
  }
  #nav-level3 ul li a, #nav-level3 ul li span {
    padding: 18px 18px 17px 18px;
  }
  #nav-level3 ul li.nav-level3-first.nav-level3-li-active span, #nav-level3 ul li.nav-level3-first a:hover {
    border-radius: 0 0 0 12px;
  }
  #nav-level3 ul li.nav-level3-last.nav-level3-li-active span, #nav-level3 ul li.nav-level3-last a:hover {
    border-radius: 0 12px 0 0;
  }
  /* Home */
  a.tile-text-link, .tile-counter {
    padding-right: 10px;
    font-size: 1.36em;
  }
  body.home #logo img {
    max-height: 142px;
  }
  .home #nav-main {
    padding-top: 48px;
  }
  a.tile-text-link:hover {
    animation: color-animation 1s;
    -moz-animation: color-animation 1s;
    -webkit-animation: color-animation 1s;
  }
  /* Pressefotos */
  .pressphoto-item {
    min-height: 320px;
  }
  #content .pressreleases-item h3 a, #content .pressreleases-archive-item h3 a {
    padding: 0 0 0.3em 0;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: 700;
  }
  /* Suche */
  .gsa-search input {
    padding-top: 0.12em;
    padding-bottom: 0.12em;
  }
  /* Karten */
  .map-world {
    padding-left: 13%;
  }
  .map-germany {
    padding-bottom: 0.5em;
    padding-left: 34%;
  }
  /* Kacheln */
  .tile-2rows, a.tile-2rows {
    padding-top: 97px;
  }
  .tile-3rows, a.tile-3rows {
    padding-top: 74px;
  }
  .tile-4rows, a.tile-4rows {
    padding-top: 49px;
  }
  /* Fachbesucher-Bereich */
  .fb-box {
    min-height: 246px;
  }
  .de #professional_service.fb-box {
    min-height: 246px;
  }
  .de .fb-box-networking {
    min-height: 156px;
  }
  .de #fach_presse_stand.fb-box {
    min-height: 246px;
  }
  .en #professionalevents.fb-box {
    min-height: 264px;
  }
  .en #professionalcenter.fb-box {
    min-height: 269px;
  }
  .en #professional_service.fb-box {
    min-height: 269px;
  }
  .en #regionalstar.fb-box {
    min-height: 264px;
  }
  /* Die Messe */
  #infobox_termine_und_oeffnungszeiten_1 {
    min-height: 457px;
  }
  /* Ticketshop */
  #content .ticketlink .steps ul {
    margin-left: 16px;
  }
  #content .ticketlink .steps ul li .step-description {
    font-size: 1em;
  }
  #content .ticketlink p, #content .ticketlink li {
    font-size: 1em;
  }
  /* Flaggen */
  .flag {
    padding: 0.5em 1em 0.5em 0.5em;
    height: 150px;
  }
  /* Schülerprogramm */
  .eventregistration-headcol2, .eventregistration-col2 {
    width: 18%;
  }
  .eventregistration-headcol3, .eventregistration-col3 {
    width: 26.5%;
  }
  .eventregistration-headcol7, .eventregistration-col7 {
    width: 13.5%;
    clear: none;
  }
  /* Odometer / Facts */
  #page__section__facts_id .col-4 {
    width: 30%;
  }
}

/*@media Screen */

/* --------------------------------------------------------
    Widescreen
   -------------------------------------------------------- */

@media (min-width: 1780px) {
  /* Global */
  body.home {
    background-image: url(/internationale-grüne-woche/layout/images/igw_home_background_grass.jpg);
  }
  /* Navigation */
  ul.nav-second {
    width: 19%;
  }
  #nav-main ul li a, #nav-main ul li>span {
    font-size: 1.7em;
    margin-bottom: 0.2em;
  }
  /* Home */
  a.tile-text-link, .tile-counter {
    font-size: 1.5em;
    padding-right: 14px;
    padding-left: 29px;
  }
  /*#nav-level2 ul li a,
    #nav-level2 ul li span,
    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current {
        padding-top:116px;
        height:40px;
        padding-left:14px;
        font-size: 1.53em;
    }*/
  /*#nav-level2 ul li a.tile-2rows,
    #nav-level2 ul li span.tile-2rows,
    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-2rows {
        height: 67px;
        padding-top: 89px;
    }*/
  /*#nav-level2 ul li a.tile-3rows,
    #nav-level2 ul li span.tile-3rows,
    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-3rows {
        padding-top: 60px;
        height: 96px;
    }*/
  /*#nav-level2 ul li a.tile-4rows,
    #nav-level2 ul li span.tile-4rows,
    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-4rows {
        padding-top: 32px;
        height: 125px;
    }*/
  #nav-level2 ul li a, #nav-level2 ul li a.tile-2rows, #nav-level2 ul li a.tile-3rows, #nav-level2 ul li a.tile-4rows, #nav-level2 ul li span.tile-2rows, #nav-level2 ul li.nav-level2-li-active span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-2rows {
    display: block;
    /*fallback*/
    height: 100%;
    /*fallback*/
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 19px !important;
    /* hack */
    font-size: 1.2em;
    font-weight: 600;
    padding: 8%;
    -webkit-text-stroke: transparent;
  }
  #nav-level3 ul {
    margin-left: 174px;
  }
  /* Stage */
  .stage {
    height: 600px;
  }
  /* ---- Stage background image v2 ---- */
  /*.stage .claim {
        font-size: calc(1.9rem + 2vw);
    }*/
  /* ---- Stage background image v3 ---- */
  .stage .claim b {
    font-size: calc(2.1rem + 2vw);
  }
  .stage p.claim::first-line {
    font-size: calc(1.3rem + 2vw);
  }
  /* Typography */
  #content h3 {
    font-size: 1.8em;
  }
  /* Pressefotos */
  .pressphoto-item {
    min-height: 380px;
  }
  /* Suche */
  .gsa-search input {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
  }
  /* Karten */
  .map-world {
    padding-left: 23%;
  }
  .map-germany {
    padding-left: 39%;
  }
  /* Kacheln */
  .tile-2rows, a.tile-2rows {
    padding-top: 142px;
  }
  .tile-3rows, a.tile-3rows {
    padding-top: 107px;
  }
  .tile-4rows, a.tile-4rows {
    padding-top: 72px;
  }
  /* Fachbesucher-Bereich */
  .fb-box {
    min-height: 257px;
  }
  .de #fach_presse_stand.fb-box, .de #professionalcenter.fb-box, .de #professional_service.fb-box {
    min-height: 278px;
  }
  .en #fach_presse_stand.fb-box, .en #professionalevents.fb-box, .en #professionalcenter.fb-box, .en #professional_service.fb-box, .en #regionalstar.fb-box {
    min-height: 299px;
  }
  /* Die Messe */
  #infobox_termine_und_oeffnungszeiten_1 {
    min-height: 673px;
  }
  /* Ticketshop */
  #content .ticketlink p, #content .ticketlink li {
    font-size: 1.1em;
  }
  /* Flaggen */
  .flag {
    padding: 0.5em 1em 1.5em 1em;
    height: 110px;
  }
  /* Event Search Result */
  #content .eventdb-search-result-item h4, #content .eventdb-highlights-title h4, #content .eventdb-memolist-description h4 {
    font-size: 1.25em;
  }
  #content .eventdb-search-result-item p {
    font-size: 1em;
  }
  /* Textpic Themenwelten */
  #content .textpic__text--teaser .textpic__text p {
    font-size: 3.3rem;
  }
}

/*@media Widescreen */

/* ========================================================
   Colors
   ========================================================

   Primär:      #00a34a (IGW-Grün)
   Sekundär:    #ffffff (weiß)
   Tertiär:     #fbef6a
   Schrift:     #000000
   Links&Icons: #fef8ae
   Hintergrund: #daf4dd

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

body {
  background-color: #daf4dd;
  color: #000;
}

body.home {
  background-color: #6fa877;
}

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

#nav-main ul li a {
  color: #424242;
}

#nav-main ul li span {
  border-bottom: none;
  color: #fff;
}

#nav-main ul li.nav-main-li-active {
  background-color: #00a34a;
}

#nav-level2 ul li a {
  color: #00a34a;
}

#nav-level2 ul li.nav-level2-li-active a.nav-level2-current, #nav-level2 ul li.nav-level2-li-active span, #nav-level3 ul li.nav-level3-li-active span {
  background-color: transparent;
  color: #00a34a;
}

#nav-level3 ul li a, #nav-level3 ul li.nav-level3-li-active a {
  color: #4c775f;
  background-color: rgba(0, 163, 74, 0.2)
}

#nav-level2 ul li a:hover {
  text-decoration: none;
}

#nav-level3 ul li a:hover {
  color: #000;
}

#nav-level2, #nav-level3 {
  border-bottom-color: #fff;
}

.mobile-nav-toggle, .mobile-search-button {
  color: #fff;
}

.mobile-nav-toggle.mobile-nav-toggle-active {
  color: #00a34a;
}

.nav-mobile-wrap {
  background: #fff;
  color: #000;
}

.nav-mobile-wrap ul li a {
  border-bottom-color: #000;
}

.nav-mobile-wrap a {
  color: #000;
}

/* Side-Panel */

.home #side-panel li a {
  background-color: #fff;
  color: #000;
}

.content #side-panel li a {
  background-color: #aee4c0;
  color: #4c775f;
}

.home #side-panel li a:hover {
  background-color: #fff;
  color: #00a34a;
}

.content #side-panel li a:hover {
  background-color: #78cf9b;
  color: #000;
}

.icon-side-home-item1, .icon-side-home-item2, .icon-side-home-item3, .icon-side-home-item4, .icon-side-home-item5 {
  background-color: #fbef6a;
}

#side-panel li a:hover .icon-side-home-item1, #side-panel li a:hover .icon-side-home-item2, #side-panel li a:hover .icon-side-home-item3, #side-panel li a:hover .icon-side-home-item4, #side-panel li a:hover .icon-side-home-item5 {
  background-color: #00a34a;
}

/* Newsletter-Sidepanel */

.sidepanel__content {
  background-color: #f9b000;
}

.newsletter-sidepanel__disclaimer p {
  color: #fff;
  text-align: left;
  font-size: 14px;
}

a {
  color: #00a34a;
}

a.link-highlight, a.link-highlight-block {
  background-color: #fff101;
}

a.link-highlight:hover, a.link-highlight-block:hover {
  background-color: #fff101;
  color: #000;
}

.news a {
  color: #00a34a;
}

.icon-gallery-zoom:before {
  color: #00a34a;
}

.pressphoto-img {
  background-color: #fbef6a;
}

h2 {
  color: #00a34a;
  text-transform: uppercase;
}

h3, h4, h5, p, li, table {
  color: #000;
}

#content hr {
  border-bottom-color: #fff;
}

.table>thead>tr>th {
  background-color: #fef8ae;
  color: #000;
  font-weight: normal;
}

.table-color>thead>tr>th {
  background-color: #00a34a;
  color: #fff;
  font-weight: normal;
}

.table-striped tbody tr td.td-highlight {
  background-color: #fbef6a;
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  color: #000;
}

.table>tbody>tr>td.bg-fb {
  background-color: #f9b000;
  color: #fff;
}

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

#content li:before {
  color: #00a34a;
}

#content li li:before {
  color: #fff;
}

.col-highlight, #content .highlight {
  background-color: rgba(0, 163, 74, 0.12);
}

#content .border {
  padding-bottom: 0;
}

#content .border h3.highlight {
  padding-top: 0.4em;
  padding-bottom: 0.3em;
}

#content .border.first-content h3.highlight:first-child {
  margin-top: 0.2em;
}

.col-highlight a, #content .highlight a, a.link-highlight, a.link-highlight-block, table a, .tab-navigation a, .ui-accordion a, .text-success a, .text-error a, form a, #content .col-highlight li:before, #content .highlight li:before, #content .ui-accordion li:before, #content .pressdates-item li:before {
  color: #00a34a;
  font-weight: 800;
}

#content .col-highlight a.link-highlight, #content .col-highlight a.link-highlight-block {
  background-color: #00a34a;
  color: #fff;
}

#content .col-highlight a.link-highlight:hover, #content .col-highlight a.link-highlight-block:hover {
  background-color: #fbef6a;
  color: #000;
}

#content .tab-navigation hr, #content .ui-accordion hr, .pressdates-item {
  border-bottom-color: #00a34a;
}

#content p.text-error {
  color: #950016;
}

#content p.text-success {
  color: #4c775f;
}

/* Stage */

.stage a {
  color: #fff;
  /* IE11, Edge fix */
}

/* Hightlight-Überschriftsformatierung */

#content .hightlight-white h2 {
  background-color: #fff;
  padding: 0.6em 20px;
  font-size: 1.428em;
}

#content .hightlight-green h4 {
  background-color: #00a34a;
  color: #fff;
  font-size: 1em;
  padding: 0.4em 15px;
  font-weight: 400;
}

.news-headline h2, .news-headline h2:hover {
  background-color: #00a34a;
}

.icon-news-left:before, .icon-news-right:before {
  color: #00a34a;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span, #fancybox-buttons ul {
  background-color: #00a34a;
}

.img-border img {
  border-color: #fff;
}

#content .border {
  border-color: rgba(0, 163, 74, 0.12);
  border-width: 3px;
}

/* Formulare */

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

label, #content p.help-block {
  color: #000;
}

legend {
  color: #000;
}

#content button, #content input[type="submit"], #content input[type="button"] {
  background-color: #fff;
  font-weight: normal;
  color: #00a34a;
}

#content button.btn-colored, a.button-link {
  background-color: #fff101;
  color: #00a34a;
}

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

#content button.btn-colored:hover, a:hover.button-link {
  background-color: #fff101;
}

.table-row {
  background-color: #e1f3d7;
}

.table-row:nth-of-type(2n+1) {
  background-color: #d4edc6;
}

/* Tiles */

.tile-single-text {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.tile-single-text.background--yellow {
  background-color: #fff101;
  border-color: #fff101;
  color: #00a34a;
}

.tile:hover {
  border-color: #fff;
}

.tile-single-image {
  background-color: transparent;
}

/* Tile Links */

a.tile-text-link, div.tile-counter {
  background: #fff;
  color: #000;
}

.background--yellow a.tile-text-link {
  background: #fff101;
  color: #00a34a;
}

a.tile-text-link:hover {
  background-color: #fff;
  color: #00a34a;
}

/* Tile Search */

#tile-search {
  background-color: #fff;
  border-color: #fff;
}

/* Suche */

.gsa-search input {
  background-color: #fff;
  color: #000;
  font-family: "Overflow", sans-serif;
}

.tile-search-inner {
  background-color: #00a34a;
}

.tile .tile-search-inner, .nav-level2-search .tile-search-inner {
  border-color: #00a34a;
}

.tile-search-content h3 {
  background-color: #fbef6a;
  color: #000;
}

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

input.gsa-search-mobile-input {
  color: #000;
}

.gsa-search-mobile-button {
  background-color: #00a34a;
  color: #fff;
}

.gsa-search input, input.gsa-search-mobile-input, .gsa-search input::-webkit-input-placeholder, input.gsa-search-mobile-input::-webkit-input-placeholder, .gsa-search input:-moz-placeholder, input.gsa-search-mobile-input:-moz-placeholder, .gsa-search input:-ms-input-placeholder, input.gsa-search-mobile-input:-ms-input-placeholder {
  opacity: 1;
}

.gsa-dynamic-navigation-wrapper {
  background: transparent;
  color: #000;
}

.gsa-spellcheck, .gsa-related-queries, .gsa-keymatch, .gsa-result {
  border-bottom-color: #000;
}

a.gsa-spellcheck-link {
  color: #fff;
}

a.gsa-spellcheck-link b {
  color: #fef8ae;
}

/* GSA Content Search */

.gsa-content-search, #content .gsa-content-search-option, #content button.gsa-content-search-button, #content .gsa-content-search-button:hover {
  background-color: #00a34a;
  color: #fff;
}

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

/* Tab-Navigation */

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

#content ul.ui-tabs-nav li a {
  color: #000;
  font-weight: normal;
}

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

#content .tab-navigation-colored ul.ui-tabs-nav .ui-state-active {
  background-color: #00a34a;
  border-color: #00a34a;
}

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

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

#content .ui-tabs .ui-state-active a {
  color: #000;
  background: #fff;
}

#content .tab-navigation-colored.ui-tabs .ui-state-active a {
  color: #fff;
  background: #00a34a;
}

/* Sitemap */

#content .sitemap ul.sitemap-level1 li a {
  background-color: #00a34a;
  color: #fff;
}

#content .sitemap ul.sitemap-level2 li a {
  background-color: #fbef6a;
  color: #000;
}

#content .sitemap ul.sitemap-level3 li a {
  background-color: #fff;
  color: #000;
}

/* Akkordeon (+ Hallenbelegung) */

.accordion-navigation-link, .ui-accordion .ui-accordion-header {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  font-weight: normal;
}

.ui-accordion.accordion-navigation-colored .ui-accordion-header:hover, .ui-accordion.accordion-navigation-colored .ui-state-hover, .ui-accordion.accordion-navigation-colored .ui-state-active {
  color: #00a34a;
}

.ui-accordion .ui-state-active {
  border-color: #fff #fff #00a34a #fff;
}

.ui-state-default .ui-icon {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_down.svg);
}

.ui-state-active .ui-icon {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_up.svg);
}

.accordion-category, .ui-accordion-header.ui-state-active .accordion-category, .ui-accordion-header:hover .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category.png);
  background-color: #00a34a;
}

.halls .ui-accordion .ui-state-default {
  border-width: 0;
}

.halls .ui-accordion .ui-state-active {
  border-width: 0 0 2px 0;
}

.halls .accordion-category {
  width: 120%;
}

.halls .accordion-navigation-link.koch, .halls .accordion-navigation-link.mikro {
  background-image: url(/internationale-grüne-woche/layout/images/igw_kochmuetze_klein.gif);
  background-repeat: no-repeat;
  background-position: 10px 30px;
  padding-left: 33px;
}

.halls .accordion-navigation-link.mikro {
  background-image: url(/internationale-grüne-woche/layout/images/igw_mikro_klein.gif);
}

.halls .accordion-navigation-link.mikro-koch {
  background-image: url(/internationale-grüne-woche/layout/images/igw_kochmuetze_mikro_klein.gif);
  background-repeat: no-repeat;
  background-position: 10px 30px;
  padding-left: 55px;
}

.halls .accordion-navigation-link.mikro-koch-land {
  background-image: url(/internationale-grüne-woche/layout/images/igw_kochmuetze_mikro_partnerland_klein.gif);
  background-repeat: no-repeat;
  background-position: 10px 30px;
  padding-left: 100px;
}

.halls .koch span.accordion-category, .halls .mikro span.accordion-category {
  margin-left: -35px;
}

.halls .mikro-koch span.accordion-category {
  margin-left: -55px;
}

.halls .mikro-koch-land span.accordion-category {
  margin-left: -100px;
}

.halls-legende-icon .textimage-above-img {
  float: left;
  width: 80px;
}

.halls-legende-icon.col-highlight div:last-child.textimage-above {
  padding-bottom: 10px;
}

.blue .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_blue.png);
  color: #000;
}

.green .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_green.png);
  color: #000;
}

.lime .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_lime.png);
  color: #000;
}

.orange .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_orange.png);
  color: #000;
}

.purple .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_purple.png);
  color: #000;
}

.yellow .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_yellow.png);
  color: #000;
}

.skyblue .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_skyblue.png);
  color: #000;
}

.darkblue .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_darkblue.png);
  color: #fff;
}

.pink .accordion-category {
  background-image: url(/internationale-grüne-woche/layout/images/igw_accordion_category_pink.png);
  color: #fff;
}

.ui-accordion-header.ui-state-active .accordion-category, .ui-accordion-header:hover .accordion-category {
  color: #000;
}

/* Anker-Navigation */

#content .anchor-links li a {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  font-weight: 500;
}

#content .anchor-links li a:hover {
  background-color: #fff;
  border-color: #000;
  color: #000;
}

#content .anchor-links-color li a {
  background-color: #fff101;
  border-color: #fff101;
  color: #000;
  font-weight: 500;
}

#content .anchor-links-color li a:hover {
  background-color: #fff101;
  border-color: #000;
  color: #000;
}

/* Seiten-Navigation */

#content .page-navigation li a {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  font-weight: 400;
}

#content .page-navigation li span {
  color: #444;
  background: none;
  border-color: rgba(0, 0, 0, 0);
  color: #000;
  font-weight: 400;
}

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

/* Blätterkatalog */

.b-controls {
  color: #00a34a;
}

.b-selector .b-current, .b-selector ul, .booklet .b-tab, .booklet .b-tab:hover, .booklet .b-counter {
  background-color: #fef8ae;
  color: #000;
}

.b-selector a {
  color: #000;
}

.b-selector a:hover {
  color: #000;
}

/* Pressemitteilungen */

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

/* ePDF */

.epdf-step {
  background-color: #fff;
  font-weight: normal;
}

.epdf-step1-active, .epdf-step2-active {
  background-color: #00a34a;
  color: #fff;
}

.epdf-step1-inactive {
  color: #00a34a;
}

.epdf-step2-inactive {
  color: #00a34a;
}

.epdf-step a {
  color: #00a34a;
}

h4.epdf-category, h5.epdf-subcategory {
  color: #000;
}

#content ul.list-epdf.guidelines a {
  color: #fff;
}

/* Eventdatenbank */

.col-options, .eventdb-options, .downloadcenter-category {
  border-bottom-color: #fff;
  border-top-color: #fff;
}

.eventdb-details-description, .eventdb-summary-list-day, .eventdb-highlights-item-line, .eventdb-memolist-item-line, .eventdb-highlights-item-last .eventdb-highlights-item-line, .eventdb-memolist-item-last .eventdb-memolist-item-line {
  border-bottom-color: #fff;
}

.eventdb-speakers-details-relations {
  border-top-color: #fff;
}

#content .icon-event-add-active {
  color: #000;
}

#content .eventdb-search-result-icons [class^="icon-"]:hover, #content .eventdb-search-result-icons [class*=" icon-"]:hover, #content .eventdb-highlights-icons [class^="icon-"]:hover, #content .eventdb-highlights-icons [class*=" icon-"]:hover, #content .eventdb-memolist-icons [class^="icon-"]:hover, #content .eventdb-memolist-icons [class*=" icon-"]:hover, #content .eventdb-details-icons [class^="icon-"]:hover, #content .eventdb-details-icons [class*=" icon-"]:hover, #content .eventdb-speakers-list-sort [class^="icon-"]:hover, #content .eventdb-speakers-list-sort [class*=" icon-"]:hover {
  color: #00a34a;
}

/* SMOI-SD000267135 */

#content .eventdb-search-result-item, #content .eventdb-search-result-icons {
  background: #fef8ae;
}

.eventdb-search-result-category, .eventdb-details-category {
  background-color: #00a34a;
  border-color: #00a34a;
  color: #fff;
}

h3.eventdb-search-result-subtitle-date {
  background-color: #fff;
}

/* Schülerprogramm */

.eventregistration-category {
  background-color: #fef8ae;
}

.eventregistration-category-education, .eventregistration-category1 {
  background-color: #f39100;
}

.eventregistration-category-health, .eventregistration-category2 {
  background-color: #007bc2;
}

.eventregistration-category-agriculture, .eventregistration-category3 {
  background-color: #cd1316;
  color: #fff;
}

.eventregistration-category h3 {
  color: #000;
}

.eventregistration-category.eventregistration-category-health h3, .eventregistration-category.eventregistration-category-agriculture h3 {
  color: #fff;
}

.eventregistration-highlight {
  background-color: #bfe8d2;
}

.eventregistration-even {
  background-color: #e5f4dd;
}

.eventregistration-odd {
  background-color: #f2faee;
}

a.eventregistration-link {
  background-color: #00a34a;
  color: #fff;
  font-weight: normal;
}

.eventregistration-dates-item a {
  color: #00a34a;
}

/* Progress Bar */

progress {
  background-color: #fbef6a;
}

progress[role], progress[aria-valuenow]:before {
  background-color: #00a34a;
}

progress[aria-valuenow] {
  background: #fbef6a;
}

progress::-moz-progress-bar {
  background-color: #00a34a;
}

progress::-webkit-progress-bar {
  background-color: #fbef6a;
}

progress::-webkit-progress-value {
  background-color: #fbef6a;
}

progress[aria-valuenow]:before {
  background-color: #00a34a;
}

/* Loader */

.icon-loader-animation {
  border-color: #fff #fff #fff #00a34a;
}

/* Fachbesucher-Bereich */

.fb-box.col-highlight {
  background-color: #fff;
}

.fb-cta h3 a.link-highlight-block {
  background-color: #f9b000;
  color: #fff;
}

/* Ausgeblendet wegen Absage der IGW  
#nav-mobile .nav-mobile-wrap li.nav-second-2-2 a {
  background-image: url('/internationale-grüne-woche/layout/images/igw_fachbesucher_alert_hover.png');
  background-color: #fbef6a;
  background-position: right top;
  background-repeat: no-repeat;
  color: #000;
} */

/* Darksite (projektspezifisch) */

body.home--darksite #nav-mobile .nav-mobile-wrap li.nav-second-2-2 a {
  background-image: url('/internationale-grüne-woche/layout/images/igw_fachbesucher_alert_darksite.png');
  background-color: #d1d1d1 !important;
}

/* Neuheitenreport */

.newsreport-filter label {
  background-color: #fef8ae;
  color: #000;
}

.newsreport-filter label.active, #content .page-navigation li a.active, #content .page-navigation.cal-alphabet li.newsreport-select-all a, #content .newsreport-search-reset button, #content .newsreport-navigation a.item-square {
  background-color: #fbef6a;
  color: #000;
}

.newsreport-search-form, #content .newsreport-search .newsreport-search-button {
  background-color: #00a34a;
  color: #fff;
}

#content .newsreport-search button.newsreport-search-button {
  font-weight: bold;
}

#content .page-navigation li a.active, #content .page-navigation.cal-alphabet li.newsreport-select-all a, #content .newsreport-navigation a.item-square {
  border-color: #fbef6a;
}

#content .newsreport-item li:before {
  color: #000;
}

/* Suchfelder ausblenden */

#igw_neuheitenreport-tab2 .newsreport-search, #igw_neuheitenreport-tab2 .col-3 .newsreport-navigation, #igw_neuheitenreport-tab1 .newsreport-search, #igw_neuheitenreport-tab1 .col-3 .newsreport-navigation {
  display: none;
}

/* Professional Center */

body.pc .newsreport-item h3, body.pc .newsreport-item .textimage {
  background-color: #fef8ae;
  padding-left: 15px;
  padding-right: 15px;
}

body.pc .newsreport-item .textimage {
  padding-bottom: 15px;
}

/* Pop-Up-Content */

.pop-up__corona-info .fancybox-skin {
  background: #daf4dd url('/internationale-grüne-woche/layout/images/igw_popup_background_grass.jpg') no-repeat center top;
  background-size: contain;
}

.pop-up__corona-info .mb-popup__close::before {
  content: "";
  color: #00a34a;
}

/* CTA-Buttons */

.cta-wrapper--dark-light .cta-button {
  background-color: #fff101;
  border-color: #fff101;
  color: #00a34a;
}

.cta-wrapper--light-dark .cta-button {
  background-color: #00a34a;
  border-color: #00a34a;
  color: #fff;
}

.cta-wrapper--dark-light .cta-button:hover {
  background-color: #00a34a;
  border-color: #00a34a;
  color: #fff;
}

.cta-wrapper--light-dark .cta-button:hover {
  background-color: #fff101;
  border-color: #fff101;
  color: #00a34a;
}

/* Odometer / Facts */

#page__section__facts_id div.col-4 {
  border-right: 1px solid rgba(0, 163, 74, 0.12);
  border-bottom: 1px solid rgba(0, 163, 74, 0.12);
}

#page__section__facts_id div.col-4:nth-child(even) {
  border-right-width: 0;
}

#page__section__facts_id div.col-4:last-child {
  border-bottom-width: 0;
}

.fact h4 {
  color: #00a34a;
}

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

@media (min-width: 768px) {
  #content h2 {
    font-size: 2.2em;
    font-weight: 900;
    position: relative;
    text-indent: 10px;
    padding-bottom: 0.3em;
    margin-bottom: 0.7em;
  }
  #content h2:after {
    display: block;
    z-index: -1;
    content: "";
    position: absolute;
    bottom: 0;
    height: 26px;
    background-color: #fff101;
    width: 100%;
  }
  #nav-meta ul li a, #nav-lang ul li a, #nav-social ul li a, #nav-footer ul li a, #footer-copyright {
    color: #000;
  }
  .home #nav-footer ul li a, .home #footer-copyright {
    color: #fff;
  }
  #nav-meta ul li a:hover, #nav-lang ul li a:hover, #nav-social ul li a:hover {
    color: #000;
  }
  #nav-footer ul li a:hover {
    color: #fff;
  }
  /* Stage */
  .stage .stage-text p {
    color: #00a34a;
  }
  .stage a {
    color: #00a34a;
  }
  /* Navigation */
  .home #nav-main ul li a {
    color: #000;
  }
  #nav-main ul li span, #nav-main ul li a.nav-main-current {
    color: #00a34a;
  }
  #nav-main ul li.nav-main-li-active {
    background-color: transparent;
  }
  .home #nav-main ul li a:hover {
    border-bottom-color: #000;
    color: #000;
  }
  .content #nav-main ul li a:hover {
    border-bottom-color: #000;
    color: #000;
  }
  #nav-main ul.nav-second {
    background-color: #fff;
  }
  #nav-main ul.nav-second li a, .home #nav-main ul.nav-second li a, #nav-main ul.nav-second li.nav-second-li-active span, .content #nav-main ul.nav-second li a:hover {
    color: #000;
  }
  #nav-level2 ul li a {
    background-color: rgba(0, 163, 74, 0.2);
    color: #4c775f;
  }
  #nav-level2 ul li {
    border-color: rgba(0, 163, 74, 0.2);
  }
  #nav-level2 ul li:hover {
    border-color: rgba(0, 163, 74, 0.45);
  }
  #nav-level2 ul li a:hover, #nav-level2 ul li span {
    background-color: rgba(0, 163, 74, 0.45);
    color: #000;
  }
  #nav-level2 ul li.nav-level2-li-active a.nav-level2-current, #nav-level2 ul li.nav-level2-li-active span {
    background-color: #00a34a;
    color: #fff;
  }
  #nav-level2 ul li.nav-level2-li-active {
    border-color: #00a34a;
  }
  #nav-level3 ul {
    background-color: rgba(0, 163, 74, 0.2);
  }
  #nav-level3 ul li a, #nav-level3 ul li.nav-level3-li-active a {
    background-color: transparent;
    color: #4c775f;
  }
  #nav-level3 ul li a:hover, #nav-level3 ul li.nav-level3-li-active a:hover {
    background-color: rgba(0, 163, 74, 0.45);
    color: #000;
  }
  #nav-level3 ul li.nav-level3-li-active span {
    background-color: #00a34a;
    color: #fff;
  }
  #nav-level2 ul li.nav-level2-search {
    background-color: #00a34a;
    border-color: #fbef6a;
    color: #fff;
  }
  /* Seiten-Navigation */
  #content .page-navigation li a:hover {
    background-color: #fbef6a;
    border-color: #fbef6a;
    color: #000;
  }
  /* Formulare */
  .form-elements {
    background-color: rgba(0, 163, 74, 0.12);
  }
  .form-control {
    background-color: #fff;
    border-color: #00a34a;
    color: #000;
  }
  .form-control:focus {
    background-color: #fef8ae;
  }
  /* ePDF */
  .epdf-step1-inactive {
    background-color: #00a34a;
  }
  .epdf-step2-inactive {
    background-color: #00a34a;
  }
  /* Suche */
  .gsa-result-info {
    color: #000;
  }
  /* Schülerprogramm */
  a.eventregistration-link:hover {
    background-color: #fbef6a;
    color: #000;
  }
  /* Accordion-Navigation */
  .ui-accordion .ui-state-active, .ui-accordion .ui-state-active.ui-state-hover {
    border-color: #fff #fff #00a34a #fff;
  }
  /* Akkordeon Hallenbelegung */
  .halls span.accordion-category {
    display: inline-block;
    width: 80px;
    /*12% */
    margin-left: -13px;
    /* -2.5% */
    margin-right: 55px;
  }
  .halls .accordion-navigation-link, .halls .ui-accordion .ui-accordion-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .halls .accordion-navigation-link.koch, .halls .accordion-navigation-link.mikro, .halls .accordion-navigation-link.mikro-koch, .halls .accordion-navigation-link.mikro-koch-land {
    background-position: 112px 7px;
  }
  .halls .accordion-navigation-link {
    padding-left: 1.5%;
  }
  .halls .mikro-koch-land span.accordion-category {
    margin-left: -2.5%;
  }
  .halls .accordion-navigation-link.mikro-koch-land {
    padding-left: 1.5%;
  }
  /* Tab-Navigation */
  #content .tab-navigation .ui-state-hover {
    border-color: #00a34a;
  }
  #content .tab-navigation .ui-state-default.ui-state-hover a, #content .tab-navigation-colored .ui-state-default.ui-state-hover a {
    background-color: #00a34a;
    color: #fff;
  }
  #content .tab-navigation .ui-state-active.ui-state-hover a {
    background-color: #fff;
    color: #000;
  }
  #content .tab-navigation-colored .ui-state-active.ui-state-hover a {
    background-color: #00a34a;
    color: #fff;
  }
  #content ul.ui-tabs-nav .ui-state-active.ui-state-hover {
    border-color: #fff;
  }
  #content .tab-navigation-colored ul.ui-tabs-nav .ui-state-active.ui-state-hover {
    border-color: #00a34a;
  }
  /* Fachbesucher-Bereich */
  body.fachbesucher #nav-level2 ul li.nav-level2-2.nav-level2-li-active {
    border-color: #f9b000;
  }
  body.fachbesucher #nav-level2 ul li.nav-level2-2.nav-level2-li-active span, body.fachbesucher #nav-level2 ul li.nav-level2-li-active a.nav-level2-current.tile-2rows, body.fachbesucher #nav-level3 ul li a {
    background-color: #f9b000;
  }
  body.fachbesucher #nav-level3 ul li a {
    color: #fff;
  }
  body.fachbesucher #nav-level3 ul li a:hover {
    color: #000;
  }
  .fb-cta h3 a.link-highlight-block:hover, body.fachbesucher #nav-level3 ul li.nav-level3-li-active span {
    background-color: #fff;
    color: #f9b000;
  }
  /* Neuheitenreport */
  #content .page-navigation.cal-alphabet li.newsreport-select-all a:hover, .newsreport-filter label:hover, #content .newsreport-search-reset button:hover {
    background-color: #fef8ae;
    color: #000;
  }
  #content .page-navigation.cal-alphabet li.newsreport-select-all a:hover {
    border-color: #fef8ae;
  }
  /* Pressetermine */
  .pressdates-headline {
    background-color: #fbef6a;
    color: #000;
  }
  /* Pop-Up-Content */
  .pop-up__corona-info .fancybox-skin {
    background-size: cover;
  }
}

/*@media Tablet */

/* --------------------------------------------------------
   Screen Colors
   -------------------------------------------------------- */

@media (min-width: 1108px) {
  #screen-fixed.on-scrolling {
    box-shadow: 0px 36px 41px -44px rgba(0, 0, 0, 0.1);
  }
  #screen-fixed {
    background: linear-gradient( to bottom, rgba(218, 244, 221, 1) 0%, rgba(218, 244, 221, 1) 85%, rgba(218, 244, 221, 0.96) 92%, rgba(218, 244, 221, 0.95) 100%);
  }
  #content h2 {
    font-size: 2.8em;
    font-weight: 900;
    position: relative;
    text-indent: 10px;
    padding-bottom: 0.5em;
    margin-bottom: 0.7em;
  }
  #content h2:after {
    display: block;
    z-index: -1;
    content: "";
    position: absolute;
    bottom: 0;
    height: 26px;
    background-color: #fff101;
    /*top: 1.66em;*/
    width: 100%;
  }
  .headline {
    padding-bottom: 0 !important;
  }
  div.first-content#headline {
    padding-bottom: 1em;
  }
  #nav-main ul.nav-second li a:hover {
    font-weight: 700;
  }
  #nav-level2 ul li.nav-level2-search {
    background-color: #fff;
    border-color: #fff;
    color: #fff;
  }
  #nav-level2 ul li.nav-level2-li-active {
    border-color: #00a34a;
  }
  #nav-level2 ul li.nav-level2-li-active a.nav-level2-current, #nav-level2 ul li.nav-level2-li-active span, #nav-level2 ul li.nav-level2-li-active a {
    background-color: #00a34a;
    color: #fff;
  }
  /* Tab Navigation */
  #content ul.ui-tabs-nav li a {
    font-size: 1em;
  }
  /* Suche */
  .gsa-dynamic-navigation-headline {
    background-color: #fef8ae;
    color: #000;
  }
  .gsa-search input {
    box-sizing: border-box;
    border-radius: 0 12px 0 12px;
    padding-left: 0.9em;
  }
  div.gsa-result-preview:hover {
    background-color: #fef8ae;
  }
  div.gsa-result-preview:hover a {
    color: #00a34a;
  }
  /* Schülerprogramm */
  .eventregistration-headcol {
    background-color: #00a34a;
    font-weight: normal;
  }
  /* Fachbesucher-Bereich */
  /* Ausgeblendet wegen Absage der IGW 
  body.besucher #nav-level2 ul li.nav-level2-2 a.tile-2rows {
    background-image: url('/internationale-grüne-woche/layout/images/igw_fachbesucher_alert.png');
    background-position: right top;
    background-repeat: no-repeat;
  } */
  body.fachbesucher #nav-level2 ul li.nav-level2-2 a.tile-2rows {
    background-image: none;
  }
  /* Ausgeblendet wegen Absage der IGW 
  #nav-main ul li:hover ul.nav-second li.nav-second-2-2 {
    background-image: url('/internationale-grüne-woche/layout/images/igw_fachbesucher_alert_hover.png');
    background-color: #fff;
    background-position: right top;
    background-repeat: no-repeat;
  } */
  /* Darksite (projektspezifisch) */
  body.home--darksite #nav-main ul li:hover ul.nav-second li.nav-second-2-2 {
    background-image: url('/internationale-grüne-woche/layout/images/igw_fachbesucher_alert_darksite.png');
  }
  .content #nav-main ul.nav-second li.nav-second-2-2 a, .content #nav-main ul.nav-second li.nav-second-2-2 span {
    color: #000;
  }
  /* Professional Center */
  body.pc .newsreport-item h3, body.pc .newsreport-item .textimage {
    padding-left: 30px;
    padding-right: 30px;
  }
  body.pc .newsreport-item .textimage {
    padding-bottom: 30px;
  }
  /* Hallenbelegung */
  .halls .accordion-navigation-link.koch, .halls .accordion-navigation-link.mikro, .halls .accordion-navigation-link.mikro-koch, .halls .accordion-navigation-link.mikro-koch-land {
    background-position: 120px 7px;
  }
  /* Odometer / Facts */
  #page__section__facts_id div.col-4:nth-child(2n) {
    border-right-width: 1px;
  }
  #page__section__facts_id div.col-4:nth-child(3n) {
    border-right-width: 0;
  }
  #page__section__facts_id div.col-4:nth-child(7), #page__section__facts_id div.col-4:nth-child(8) {
    border-bottom-width: 0;
  }
  /* Landingpage */
  body.lp-global #header::before {
    background-color: #daf4dd;
  }
}

/*@media Screen */

/* --------------------------------------------------------
    Widescreen Colors
   -------------------------------------------------------- */

@media (min-width: 1780px) {
  #content h2 {
    font-size: 3.2em;
    font-weight: 900;
    position: relative;
    text-indent: 16px;
    padding-bottom: 0.8em;
  }
  #content h2:after {
    display: block;
    z-index: -1;
    content: "";
    position: absolute;
    bottom: 0;
    height: 28px;
    background-color: #fff101;
    /*top: 1.68em;*/
    width: 100%;
  }
  /* Hallenbelegung */
  .halls span.accordion-category {
    width: 130px;
    margin-right: 75px;
    margin-left: -18px;
  }
  .halls .accordion-navigation-link.koch, .halls .accordion-navigation-link.mikro, .halls .accordion-navigation-link.mikro-koch, .halls .accordion-navigation-link.mikro-koch-land {
    background-position-x: 180px;
    background-position-y: 10px;
  }
}

/*@media Widescreen */

/* --------------------------------------------------------
   Individual
   -------------------------------------------------------- */

/* Ticket Slider */

#content .karucatnav ul li {
  background-color: #2ea64d;
}

#content .karucatnav ul li a {
  color: #fff;
  text-transform: uppercase;
}

#content .karucatnav ul li.active a {
  color: #000;
}

#content .karucatnav ul li.active {
  background-color: #efea49;
}

#content .karucatnav ul li div.active {
  background-color: #efea49;
}

#content .karucatnav-arrow {
  width: 12px;
  height: 48px;
  background-image: url('/internationale-grüne-woche/layout/images/igw_layout_plugins_ticket_slider_arrowgreenpng.png');
}

#content .karucatnav-arrow.active {
  background-image: url('/internationale-grüne-woche/layout/images/igw_layout_plugins_ticket_slider_arrowyellowpng.png');
}

#content .karucatnav .karucategory-nr {
  background-color: #00823a;
  color: #f5e53a;
}

#content .karucatnav ul li.active .karucategory-nr {
  background-color: #efea49;
  color: #000;
}

#content .slider {
  margin-top: 0.5em;
  margin-bottom: 2em;
}

#content .slider .teaserall {
  background-color: #fff;
}

#content .slides {
  background-color: #fff;
}

#content .karumobile ul {
  background-color: #2ea64d;
}

#content .karumobile ul li {
  color: #fff;
  text-transform: uppercase;
}

#content .karumobile .karucategory-nr {
  background-color: #00823a;
  color: #f5e53a;
}

/* Memory */

.quizy-memorygame .quizy-mg-item {
  border: 1px solid #fbef6a;
}

.quizy-mg-item .quizy-mg-item-top {
  background-image: url('/internationale-grüne-woche/layout/images/memory/memory_0012_rueckseite.jpg');
}

.quizy-mg-notification-fly-neg {
  background-image: url('/internationale-grüne-woche/layout/images/memory/memory_0013_error.jpg');
}

.quizy-mg-notification-fly-pos {
  background-image: url('/internationale-grüne-woche/layout/images/memory/memory_0014_success.jpg');
}

#quizy-game-summary #gs-column2 {
  background-image: url('/internationale-grüne-woche/layout/images/memory/icn_time.png');
}

#quizy-game-summary #gs-column3 {
  background-image: url('/internationale-grüne-woche/layout/images/memory/icn_clicks.png');
}

#quizy-game-summary {
  background-color: #fef8ae;
  box-shadow: rgba(0, 0, 0, 0.7) 0 0 4px;
  border: none;
}

#quizy-game-summary div.gs-column {
  color: #121212;
  text-shadow: none;
}

#quizy-game-summary #gs-closebut, #quizy-game-summary #gs-replaybut {
  color: #fff;
  padding: 5px 10px;
  background: #00a34a;
}

/* Ausstellerliste */

.exhibitor-list-item h5 {
  color: #fef8ae;
}

/* Ticketlink */

.ticketlink .ticketlink-box {
  background-color: #fff;
}

.ticketlink .arrow-box {
  color: #fff;
  background-color: #00a34a;
}

.ticketlink .arrow-right-box a {
  color: #fff;
}

.ticketlink .arrow-down-tip {
  border-top-color: #00a34a;
}

.ticketlink .arrow:hover .arrow-right-box {
  background-color: #fff101;
}

.ticketlink .arrow:hover .arrow-right-tip {
  border-left-color: #fff101;
}

.ticketlink .stage {
  background: url('/internationale-grüne-woche/layout/images/igw_layout_images_ticketbutton.gif') no-repeat right top;
}

.ticketlink .arrow:hover .stage {
  background-image: url('/internationale-grüne-woche/layout/images/igw_layout_images_warenkorb.png');
}

.ticketlink .step-description {
  color: #00a34a;
}

/* Tablet Colors */

@media (min-width: 768px) {
  .ticketlink .arrow-down-tip {
    border-left-color: #00a34a;
  }
  .ticketlink .arrow-down-tip {
    border-top-color: transparent;
  }
}

/* Screen Colors */

@media (min-width: 1108px) {
  .ticketlink .arrow-right-tip {
    border-left-color: #00a34a;
  }
  .ticketlink .arrow-down-tip {
    border-top-color: #00a34a;
    border-left-color: transparent;
  }
}

/* Movie overlay */

.overlay-link {
  cursor: pointer;
}

@keyframes hud-overlay-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes hud-overlay-fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.hud-overlay-noscrolling {
  overflow: hidden;
  height: 100%;
  position: relative;
}

.overlay {
  position: absolute;
  z-index: 9997;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.hud-overlay {
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center center;
}

.hud-dimmed {
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
}

.border-content {
  max-width: 1280px;
  width: 80%;
  display: table;
  margin: 0 auto;
  color: white;
  font-family: "Overpass", sans-serif;
  font-weight: 700;
  font-size: 27px;
  height: 100%;
  padding-left: 10%;
  padding-right: 10%;
}

.vert-centered-content {
  pointer-events: none;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  position: relative;
}

.vert-centered-content>* {
  pointer-events: auto;
}

.theme-name {
  line-height: 1em;
  padding-top: 1em;
  padding-bottom: 0.4em;
  border-width: 0px;
  border-style: solid;
  border-bottom-width: 0.35em;
  margin-bottom: 0.5em;
  position: relative;
}

#close-button {
  position: absolute;
  width: 1em;
  height: 1em;
  right: -0.5em;
  top: 0.5em;
  background-size: 1em 1em;
  background-image: url('/internationale-grüne-woche/layout/images/firstspirit_1512378902853close-button.svg');
  cursor: pointer;
}

.movie-aspect-ratio {
  position: relative;
  width: 100%;
  margin-bottom: 0.7em;
}

.movie-aspect-ratio:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.movie {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.movie-description {
  font-size: 0.7em;
  line-height: 1.5em;
  padding-bottom: 1em;
}

@media (max-width: 600px) {
  .border-content {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }
}

.border-brown {
  border-color: #9b7242;
}

.border-green {
  border-color: #758440;
}

.border-black {
  border-color: #000;
}

.border-orange {
  border-color: #da8b38;
}

.border-darkyellow {
  border-color: #c0c035;
}

.border-magenta {
  border-color: #75145c;
}

.border-gray {
  border-color: #cecece;
}

.border-darkred {
  border-color: #982e24;
}

.border-blue {
  border-color: #316389;
}

.border-lightgreen {
  border-color: #8fa635;
}

.border-yellow {
  border-color: #baae4b;
}

/* --------------------------------------------------------
    Fachbesucher grid fix
   -------------------------------------------------------- */

.fachbesucher-home #content>.row {
  display: flex;
  flex-wrap: wrap;
}

.fachbesucher-home #content>.row .col-grouped {
  display: flex;
  flex-flow: column;
  margin-top: 1.8em;
}

.fachbesucher-home #content>.row .col-grouped .first-content {
  flex-grow: 1;
}

.fachbesucher-home #content>.row .col-grouped .textimage-img {
  padding: 0;
}

.fachbesucher-home #content>.row .col-grouped picture img {
  display: block;
  width: 100%;
}

.fachbesucher-home #content>.row .col-grouped textimage-above picture img {
  width: auto;
  margin: auto;
}

.fachbesucher-home #content>.row .col-grouped:last-child textimage-above picture img {
  width: auto;
  margin: auto;
}

.fachbesucher-home #content>.row .col-grouped:last-child .col-grouped-section {
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
  flex-grow: 1;
  flex-flow: column;
  justify-content: center;
  padding: 0;
}

.fachbesucher-home #content>.row .col-grouped:last-child .col-grouped-section.first-content {
  margin-top: 0;
  margin-bottom: 10px;
}