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

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

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

/* Navigation */

.home #nav-main {
  padding-top: 0;
}

#nav-level2 ul li span span, #nav-level2 ul li a span, a.tile-text-link span, #nav-main ul.nav-second li a span, #nav-main ul.nav-second li span span {
    text-transform: none;
}

#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: 0;
}

#content .tab-navigation .ui-widget-header .ui-state-default a, li.span-no-text-transform span, li.span-no-text-transform a {
    text-transform: none !important;
}

.page-wrap {
    padding: 0;
}

header {
    padding-top: 8px;
}

footer {
    padding-bottom: 8px;
}

aside {
    padding-top: 10px;
}

/* Press Photos */

.pressphoto-thumb-landscape {
    margin-top: -5%;
}

.pressphoto-item223826 .pressphoto-thumb-landscape, .pressphoto-item224026 .pressphoto-thumb-landscape, .pressphoto-item224050 .pressphoto-thumb-landscape, .pressphoto-item224303 .pressphoto-thumb-landscape, .pressphoto-item224255 .pressphoto-thumb-landscape, .pressphoto-item223931 .pressphoto-thumb-landscape, .pressphoto-item224166 .pressphoto-thumb-landscape, .pressphoto-item224167 .pressphoto-thumb-landscape, .pressphoto-item224217 .pressphoto-thumb-landscape, .pressphoto-item224218 .pressphoto-thumb-landscape {
    margin-top: 0;
}

.pressphoto-item223795 .pressphoto-thumb-portrait, .pressphoto-item223808 .pressphoto-thumb-portrait, .pressphoto-item223836 .pressphoto-thumb-portrait, .pressphoto-item224083 .pressphoto-thumb-portrait, .pressphoto-item224290 .pressphoto-thumb-portrait, .pressphoto-item224376 .pressphoto-thumb-portrait, .pressphoto-item224387 .pressphoto-thumb-portrait {
    margin-top: -30%;
}

.pressphoto-item223958 .pressphoto-thumb-portrait, .pressphoto-item223959 .pressphoto-thumb-portrait, .pressphoto-item223837 .pressphoto-thumb-portrait, .pressphoto-item224220 .pressphoto-thumb-portrait, .pressphoto-item224385 .pressphoto-thumb-portrait, .pressphoto-item224412 .pressphoto-thumb-portrait, .pressphoto-item224165 .pressphoto-thumb-portrait, .pressphoto-item224284 .pressphoto-thumb-portrait, .pressphoto-item224351 .pressphoto-thumb-portrait {
    margin-top: -35%;
}

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

.pressphoto-item224073 .pressphoto-thumb-portrait, .pressphoto-item224133 .pressphoto-thumb-portrait, .pressphoto-item224290 .pressphoto-thumb-portrait {
    margin-top: -55%;
}

.pressphoto-item224067 .pressphoto-thumb-portrait, .pressphoto-item224336 .pressphoto-thumb-portrait {
    margin-top: -58%;
}

.pressphoto-item224239 .pressphoto-thumb-portrait, .pressphoto-item224061 .pressphoto-thumb-portrait, .pressphoto-item224094 .pressphoto-thumb-portrait, .pressphoto-item224131 .pressphoto-thumb-portrait, .pressphoto-item224288 .pressphoto-thumb-portrait {
    margin-top: -70%;
}

.pressphoto-item224069 .pressphoto-thumb-portrait, .pressphoto-item224070 .pressphoto-thumb-portrait {
    margin-top: -82%;
}

/* Careerpoint-Logo */

.cp-logo {
    background: url(/innotrans/layout/images/inno_cp_logo.png) no-repeat 120px center;
}

/* Weltpremiere-Button im Neuheitenreport*/

#content p.newsreport-full-download {
    padding: 0;
}

p.newsreport-full-download a {
    font-weight: 700;
    padding: 4px 0.6em 4px 0.4em;
}

/* CTA-Buttons */
.cta-button span {
    text-transform: none;
}

/* Blog */
#content .blog-filter__button {
    text-transform: none;
}

.blog-entry__author-link a {
    font-weight: bold;
}

#content .blog-entry__header p,
#content .blog-entry__footer p,
#content .blog-entry__content p,
#content p.blog-entry__author {
    font-size: 17px;
}

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

@media (min-width: 768px) {
    .page-wrap {
        padding: 8px 0;
    }

    header {
        padding-top: 0;
    }

    footer {
        padding-bottom: 0;
    }

    body.home #logo img[src$="svg"] {
        width: auto;
    }

    #nav-main ul li a, #nav-main ul li>span {
        font-size: 1.5em;
    }

    /* Segmente & Schwerpunkte */
    .segments .ui-accordion .ui-state-default {
        border-width: 0;
    }

    .segments .accordion-navigation-link, .segments .ui-accordion .ui-accordion-header {
        padding-bottom: 0;
        padding-top: 1em;
        height: 2.3em;
    }

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

    .segments .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        bottom: 15px;
    }

    .segments .accordion-category {
        display: inline-block;
        width: 12%;
        float: left;
        padding: 1em 2.2%;
        margin-top: -1em;
    }

    .de .segments #ui-id-3.accordion-navigation-link, .de .segments #ui-id-3.ui-accordion .ui-accordion-header, .de .segments #ui-id-4.accordion-navigation-link, .de .segments #ui-id-4.ui-accordion .ui-accordion-header, .segments #ui-id-26.accordion-navigation-link, .segments #ui-id-26.ui-accordion .ui-accordion-header {
        padding-top: 0.4em;
        height: 2.85em;
    }

    .de .segments #ui-id-3 .accordion-category, .de .segments #ui-id-4 .accordion-category, .segments #ui-id-26 .accordion-category {
        margin-top: -0.4em;
    }

    .newsreport-full-download a:hover {
        text-decoration: none;
    }

    /* Press Releases */
    .pressreleases-item {
        min-height: 200px;
    }

    .form-inline p, .form-inline div {
        display: inline-block;
    }

    .form-inline input {
        position: relative;
    }

    .pretix-widget-wrapper {
        width: 100%;
    }
}

/*@media Tablet */

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

@media (min-width: 1108px) {
    .page-wrap {
        padding: 0;
    }

    header {
        padding-top: 8px;
    }

    footer {
        padding-bottom: 8px;
    }

    .on-scrolling #nav-main {
        padding: 8px 0 18px 0 !important;
    }

    body.content .on-scrolling #logo img {
        max-height: 35px;
        max-width: 155px;
    }

    body.content #logo img {
        padding-bottom: 25px;
    }

    body.fixed-footer, body.fixed-footer div.body-wrap {
        height: 100%;
    }

    #footer {
        padding-top: 5%;
    }

    #nav-main, #nav-main.nav-main-active {
        padding-bottom: 25px;
        padding-top: 10px;
    }

    .home #nav-main {
        padding-top: 62px;
    }

    .segments #ui-id-4.accordion-navigation-link, .segments #ui-id-4.ui-accordion .ui-accordion-header {
        padding-top: 0.4em;
        height: 2.85em;
    }

    .segments #ui-id-4 .accordion-category {
        margin-top: -0.4em;
    }

    .en .link-aside-3 .link-aside-text {
        padding: 0;
        font-size: 0.95em;
    }

    #nav-main ul li a, 
    #nav-main ul li>span {
        font-size: 31.5px;
        font-weight: 600;
    }

    /* Blog */
    .blog-entry__header {
        margin-top: 75px;
    }
}

}

/*@media Screen */

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

@media (min-width: 1780px) {

    /* Segmente & Schwerpunkte */
    .de .segments #ui-id-3.accordion-navigation-link, .de .segments #ui-id-3.ui-accordion .ui-accordion-header, .de .segments #ui-id-4.accordion-navigation-link, .de .segments #ui-id-4.ui-accordion .ui-accordion-header, .en .segments #ui-id-4.accordion-navigation-link, .en .segments #ui-id-4.ui-accordion .ui-accordion-header, .segments #ui-id-26.accordion-navigation-link, .segments #ui-id-26.ui-accordion .ui-accordion-header {
        padding-top: 1em;
        height: 2.3em;
    }

    .de .segments #ui-id-3 .accordion-category, .de .segments #ui-id-4 .accordion-category, .en .segments #ui-id-4 .accordion-category, .segments #ui-id-26 .accordion-category {
        margin-top: -1em;
    }

    /* Careerpoint-Logo */
    .cp-logo {
        background-position: 140px center;
    }
}

/*@media Widescreen */

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

   Primär:        #004455 (Dunkelblau)
   Sekundär:      #e2ded3 (beige)
   Zusatzfarbe 2: #007e9a (Türkis)
   Icons:         #007e9a
   Links:         #007e9a (Türkis)
   Schrift:       #000000
   Highlight:     #E2DED4

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

/* Base */

body {
    background-color: #e2ded3;
}

#side-panel li a {
    background-color: #007e9a;
    color: #fff;
}

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

.icon-side-home-item2, .icon-side-home-item9 {
    background-color: #000;
}


/* Ausklapp-Mobil-Navigation */

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

.nav-mobile-wrap {
    background: #ffffff;
}

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

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

a, a.gsa-spellcheck-link b {
    color: #007e9a;
}

a.link-highlight, a.link-highlight-block {
    background-color: #007e9a;
    color: #fff;
}

p, li, table {
    color: #000;
}

h2, h3, h4 {
    color: #004455;
}

h5 {
    color: #000;
}

#content hr, .downloadcenter-category {
    border-bottom-color: #004455;
}

.text-error {
    color: #f24052;
}

.text-success {
    color: #007e9a;
}

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

/* Cookie-Hinweis */

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

.cookie-confirm:hover {
    background-color: #007e9a;
}

/* Forms */

.form-control:focus {
    border-color: #004455;
}

label {
    color: #000;
}

legend {
    color: #007e9a;
}

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

/* Tabellen */

.table-responsive {
    border-color: #004455;
}

.table>thead>tr>th {
    background-color: #E2DED4;
    color: #004455;
    border-bottom: 1px solid #004455;
}

.table-color>thead>tr>th {
    background-color: #004455;
    color: #E2DED4;
}

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

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

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

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

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

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

/* Content */

#content blockquote {
    border-left-color: #007e9a;
}

#content li:before {
    color: #007e9a;
}

#content ul ul li:before {
    color: #004455;
}

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

.img-border img {
  border-width: 0;
  outline: #004455 1px solid;
}

#content .border {
  border-width: 0;
  outline: #004455 1px solid;
  padding: 1em;
}

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

#nav-meta .link-navigation-active, #nav-footer .link-navigation-active {
    color: #007e9a;
}

header, aside {
    background-color: #004455;
}

#nav-level2 ul li.nav-level2-li-active a.nav-level2-current, #nav-level2 ul li.nav-level2-li-active span {
    background-color: #007e9a;
    color: #fff;
}

#nav-level3 ul li.nav-level3-li-active span, #nav-level3 ul li.nav-level3-li-active a {
    background-color: transparent;
    color: #004455;
}

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

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

#nav-level2, #nav-level3 {
    border-bottom-width: 0;
}

#nav-main ul li span {
    color: #73bcc5;
    border-bottom-color: #73bcc5;
}

.news, .news-noscript, .news-button {
    background-color: #ffffff;
}

.news-content-slider li p {
    color: #004455;
}

.news-content-slider li p a {
    color: #004455;
    text-decoration: underline;
}

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

h2.news-header {
    background-color: #004455;
    color: #ffffff;
}

.icon-gallery-zoom:before {
    color: #007e9a;
}

.quotation {
    background: #E2DED4;
}

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

/* Fancybox */

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

/* Tiles */

.tile {
    background-color: transparent;
    color: #004455;
}

.tile-double {
    background-color: #fff;
}

.tile-double.slider-default .nivoSlider {
    background-image: none;
    background-color: transparent;
}

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

/* Tile Links */

a.tile-text-link {
    background-color: #004455;
    color: #E2DED4;
}

/* Tile Search */

#tile-search {
    background-color: #ffffff;
}

/* Suche */

.tile-search-icon {
    background-image: url(/innotrans/layout/images/inno_search.svg);
}

.gsa-search input {
    background-color: #E2DED4;
    color: #004455;
}

.tile .tile-search-inner {
    border-color: #004455;
    background-color: #004455;
}

.nav-level2-search .tile-search-inner {
    border-color: #004455;
    background-color: #004455;
}

.tile-search-content h3 {
    background-color: #fff;
    color: #004455;
}

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

input.gsa-search-mobile-input {
    color: #004455;
    background: #fff;
}

.gsa-search-mobile-button {
    background-color: #004455;
    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;
    color: #004455;
}

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

/* 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: #004455;
}

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

#content .gsa-content-search-button {
    color: #ffffff;
}

/* Tab-Navigation & Anker */

#content .tab-navigation .ui-widget-header .ui-state-default a {
    color: #004455;
    background-color: #ffffff;
}

#content .tab-navigation-colored .ui-widget-header .ui-state-default a {
    color: #004455;
    background-color: #E2DED4;
}

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

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

#content .tab-navigation .ui-state-default.ui-state-hover a {
    color: #fff;
    background: #007e9a;
}

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

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

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

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

#content .anchor-links-color li a {
    background-color: #E2DED4;
    color: #004455;
    border-color: #E2DED4;
}

/* Akkordeon-Navigation */

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

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

.accordion-category {
    background-color: #004455;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #004455;
    border-color: #004455;
    color: #fff;
}

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

.accordion-navigation .ui-state-default .ui-icon, .accordion-navigation-colored .ui-state-default .ui-icon {
    background-image: url(/innotrans/layout/images/inno_accordion_down.svg);
}

.accordion-navigation .ui-state-active .ui-icon, .accordion-navigation-colored .ui-state-active .ui-icon {
    background-image: url(/innotrans/layout/images/inno_accordion_up.svg);
}

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

.accordion-navigation-box {
    border-color: #004455;
}

/* Segmente und Schwerpunkte */

.yellow.ui-state-active .accordion-category {
    background-color: #fcec27;
}

.darkgreen.ui-state-active .accordion-category {
    background-color: #009607;
}

.lightgreen.ui-state-active .accordion-category {
    background-color: #b0ca05;
}

.red.ui-state-active .accordion-category {
    background-color: #e3010f;
}

.orange.ui-state-active .accordion-category {
    background-color: #f29102;
}

.career.ui-state-active .accordion-category {
    background-color: #ea930e;
}

.lightblue.ui-state-active .accordion-category {
    background-color: #afbce2;
}

.segments .ui-state-active .accordion-category {
    color: #002535;
}

.segments .ui-accordion .ui-accordion-header.ui-state-active {
    color: #fff;
}

.segments .accordion-navigation .ui-state-active .ui-icon, .segments .accordion-navigation-colored .ui-state-active .ui-icon {
    background-image: url(/innotrans/layout/images/inno_accordion_up_hover.svg);
}

/* A-Z-Liste */

#content .page-navigation li span {
    background-color: #E2DED4;
    color: #ffffff;
    border-color: #E2DED4;
}

#content .page-navigation li a, .newsreport-full-download a {
    background-color: #fff;
    color: #004455;
    border-color: #004455;
}

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

/* Buttons */

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

#content button.btn-colored, a.button-link {
    background-color: #007e9a;
    color: #fff;
}

/* Banner-Generator */

.banner-generator-image {
    border-color: #E2DED4;
    background-color: #E2DED4;
}

/* Newsletter */

.newsletter-selection {
    border-color: #E2DED4;
}

h3.newsletter-web-category {
    background-color: #E2DED4;
    color: #004455;
}

.scc-newsletter-popup .fancybox-skin {
    outline: 10px solid #fff;
    border: 3px solid #004455;
}

.mb-popup__close {
    color: #004455 !important;
}

/* Blätterkatalog */

.b-controls {
    color: #007e9a;
}

.b-selector .b-current, .b-selector ul, .booklet .b-tab, .booklet .b-counter {
    background-color: #E2DED4;
    color: #004455;
}

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

.pressphoto-img {
    background-color: #007e9a;
}

/* Pressemitteilungen */

.pressreleases-date, .pressreleases-archive-date {
    color: #004455;
}

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

.pressreleases-archive-options {
    border-bottom-color: #004455;
    border-top-color: #004455;
}

/* Progress Bar */

progress {
    background-color: #E2DED4;
}

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

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

progress::-moz-progress-bar {
    background-color: #004455;
}

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

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

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

/* Loader */

.icon-loader-animation {
    border-color: #E2DED4 #E2DED4 #E2DED4 #004455;
}

/* Neuheitenreport */

.newsreport-filter label {
    background-color: #E2DED4;
    color: #004455;
}

.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 {
    background-color: #004455;
    color: #fff;
}

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

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

#content .newsreport-navigation.page-navigation li span.newsreport-filter-icon {
    color: #004455;
}

/* CTA-Buttons */

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

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

.cta-wrapper--dark-light .cta-button:hover, .cta-wrapper--light-dark .cta-button:hover {
    background-color: #007e9a;
    border-color: #007e9a;
    color: #fff;
}


/* Usercentrics Overlay / Embedding wrapper */
#content .uc-embedding-wrapper h3 {
  color: #004455;
}

#content .uc-embedding-wrapper button.uc-embedding-accept {
  background-color: #004455;
  border-color: #004455;
  color: #ffffff;
}

/* Blog */
#content .blog-filter__button {
    background-color: #E2DED4;
    border-color: #E2DED4;
    color: #0E2A3A;
}

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

.blog-list__entry,
.blog-list__entry:nth-child(n+4) {
    background-color: #E2DED4;
}

h2.blog-list__headline,
p.blog-list__info {
    color: #3A7F8E;
}

/* Tablet Colors */

@media (min-width: 768px) {
    body {
        background-image: url(/innotrans/layout/images/inno_layout_images_background_content_tablet.gif);
        /*background-image: url();*/
        background-position: left top;
        background-repeat: repeat-x;
        background-color: #ffffff;
    }

    body.home {
        background: url(/innotrans/layout/images/inno_layout_images_background_home_tablet.jpg) top center #E2DED4 no-repeat;
    }

    body.lp-global, body.lp-global.content.on-scrolling {
        background-image: none;
    }

    body.lp-global #header::before {
        background-image: url(/innotrans/layout/images/inno_layout_images_background_content_tablet.gif);
        background-position: left top;
        background-repeat: repeat-x;
        background-color: #004455;
    }

    header {
        background-color: transparent;
    }

    /* Side-Panel */
    aside {
        background-color: transparent;
    }

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

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

    a:hover .icon-side-home-item2 {
        background-color: #000;
    }

    a:hover .icon-side-home-item3, a:hover .icon-side-home-item4, a:hover .icon-side-home-item5 {
        background-color: #007e9a;
    }

    /* Tiles */
    .tile:hover {
        border-color: #ffffff;
    }

    a.tile-text-link:hover {
        color: #007e9a;
        background-color: #ffffff;
    }

    /* Navigation */
    #nav-main ul li a.nav-main-current, #nav-main ul li a.nav-main-active, #nav-main ul li span {
        color: #007e9a;
        border-bottom-color: #007e9a;
    }

    #nav-main ul li a, #nav-meta ul li a, #nav-lang ul li a, #nav-social ul li a {
        color: #004455;
    }

    #nav-main ul li a:hover {
        color: #007e9a;
        border-bottom-color: #007e9a;
    }

    #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: #007e9a;
    }

    #nav-main ul.nav-second li.nav-second-li-active span, #nav-main ul.nav-second li a:hover {
        color: #004455;
    }

    #nav-main ul li.nav-second span {
        border-width: 0;
    }

    #nav-main ul.nav-second li a:hover span {
        color: #007e9a;
    }

    #nav-level2 ul li {
        border-color: #004455;
    }

    #nav-level2 ul li.nav-level2-search {
        background-color: #004455;
        color: #fff;
    }

    .tile .tile-search-inner {
        border-color: #004455;
        background-color: #ffffff;
    }

    .nav-level2-search .tile-search-inner {
        border-color: #004455;
        background-color: #004455;
    }

    #nav-level2 ul li:hover {
        border-color: #007e9a;
    }

    #nav-level2 ul li a {
        background-color: #ffffff;
        color: #004455;
    }

    #nav-level2 ul li a:hover {
        background-color: #007e9a;
        color: #ffffff;
    }

    #nav-level2 ul li.nav-level2-li-active {
        border-color: #007e9a;
    }

    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current, #nav-level2 ul li.nav-level2-li-active span {
        background-color: #007e9a;
        color: #fff;
    }

    #nav-level3 ul li a {
        color: #E2DED4;
        background-color: #004455;
    }

    #nav-level3 ul li a:hover {
        background-color: #007e9a;
        color: #ffffff;
    }

    #nav-level3 ul li.nav-level3-li-active span {
        background-color: #E2DED4;
    }

    /* Forms */
    .form-control {
        background-image: none;
        background-color: #fff;
        border-color: #E2DED4;
    }

    .form-elements {
        background-color: #E2DED4;
    }

    label {
        color: #004455;
    }

    /* Bahn-Widget */
    #dbAsL7 label {
        color: #000;
    }

    legend, #content p.help-block {
        color: #004455;
    }

    /* Tabellen */
    .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th, .table-hover.table-color>tbody>tr:hover>td {
        background-color: #f2f1ee;
    }

    /* Akkordeon */
    .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='%23004455'/%3E%3C/svg%3E%0A");
        background-color: #ffffff;
        color: #fff;
        background-size: cover;
    }

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

    .ui-accordion-header.ui-state-active .accordion-category, .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='%23004455'/%3E%3C/svg%3E%0A");
        background-size: cover;
    }

    .ui-accordion .ui-accordion-header.ui-state-hover {
        background-color: #007e9a;
        border-color: #007e9a;
        color: #ffffff;
    }

    .ui-accordion.accordion-navigation .ui-accordion-header:hover, .ui-accordion.accordion-navigation-colored .ui-accordion-header:hover, .ui-accordion .ui-state-hover {
        background-color: #007e9a;
        color: #ffffff;
    }

    .accordion-navigation .ui-state-default.ui-state-active.ui-state-hover, .accordion-navigation-colored .ui-state-default.ui-state-active.ui-state-hover {
        border-color: #004455;
    }

    .accordion-navigation .ui-state-default.ui-accordion-header:hover .ui-icon, .accordion-navigation-colored .ui-state-default.ui-accordion-header:hover .ui-icon {
        background-image: url(/innotrans/layout/images/inno_accordion_down_color.svg);
    }

    .accordion-navigation .ui-state-default.ui-state-active.ui-state-hover .ui-icon, .accordion-navigation-colored .ui-state-default.ui-state-active.ui-state-hover .ui-icon {
        background-image: url(/innotrans/layout/images/inno_accordion_up_hover.svg);
    }

    /* Segmente & Schwerpunkte */
    .segments .ui-accordion.accordion-navigation .ui-accordion-header:hover, .segments .ui-accordion.accordion-navigation-colored .ui-accordion-header:hover, .segments .ui-accordion .ui-state-hover {
        color: #fff;
        background-color: #004455;
    }

    .yellow.ui-accordion-header:hover .accordion-category, .darkgreen.ui-accordion-header:hover .accordion-category, .lightgreen.ui-accordion-header:hover .accordion-category, .red.ui-accordion-header:hover .accordion-category, .orange.ui-accordion-header:hover .accordion-category, .career.ui-accordion-header:hover .accordion-category, .lightblue.ui-accordion-header:hover .accordion-category, .yellow.ui-accordion-header.ui-state-active .accordion-category, .darkgreen.ui-accordion-header.ui-state-active .accordion-category, .lightgreen.ui-accordion-header.ui-state-active .accordion-category, .red.ui-accordion-header.ui-state-active .accordion-category, .orange.ui-accordion-header.ui-state-active .accordion-category, .career.ui-accordion-header.ui-state-active .accordion-category, .lightblue.ui-accordion-header.ui-state-active .accordion-category {
        color: #000;
        background-color: #004455;
        background-size: cover;
    }

    .yellow.ui-accordion-header:hover .accordion-category, .yellow.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='%23fcec27'/%3E%3C/svg%3E%0A");
    }

    .darkgreen.ui-accordion-header:hover .accordion-category, .darkgreen.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='%23009607'/%3E%3C/svg%3E%0A");
    }

    .lightgreen.ui-accordion-header:hover .accordion-category, .lightgreen.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='%23b0ca05'/%3E%3C/svg%3E%0A");
    }

    .red.ui-accordion-header:hover .accordion-category, .red.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='%23e3010f'/%3E%3C/svg%3E%0A");
    }

    .orange.ui-accordion-header:hover .accordion-category, .orange.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='%23f29102'/%3E%3C/svg%3E%0A");
    }

    .career.ui-accordion-header:hover .accordion-category, .career.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='%23ea930e'/%3E%3C/svg%3E%0A");
    }

    .lightblue.ui-accordion-header:hover .accordion-category, .lightblue.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='%23afbce2'/%3E%3C/svg%3E%0A");
    }

    /* Tab-Navigation */
    #content ul.ui-tabs-nav li a:hover, #content .tab-navigation-colored .ui-state-default:hover, #content ul.ui-tabs-nav .ui-state-active {
        background-color: #002535;
        color: #7d9fb5;
    }

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

    #content .tab-navigation .ui-state-default.ui-state-active.ui-state-hover a {
        background: #004455;
    }

    /* Pressemitteilungen */
    .pressreleases-item {
        background-color: #E2DED4;
    }

    /* Pressetermine */
    .pressdates.ui-widget-content {
        color: #ffffff;
    }

    .pressdates-item {
        border-bottom-color: #004455;
    }

    .pressdates-headline {
        background-color: #004455;
    }

    .pressdate-time, .pressdate-headline-time, .pressdate-title, .pressdate-headline-info, .pressdate-headline-location, .pressdate-location {
        color: #fff;
    }

    /* Event-DB */
    .eventdb-speakers-list-item {
        border-bottom-color: #004455;
    }

    /* Neuheitenreport */
    #content .page-navigation.cal-alphabet li.newsreport-select-all a:hover, .newsreport-filter label:hover, #content .newsreport-search-reset button:hover {
        background-color: #007e9a;
        color: #fff;
    }

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

    /* Blog */
    #content .blog-filter__button:hover,
    #content .blog-filter__button:focus {
        background-color: #007e9a;
        border-color: #007e9a;
        color: #ffffff;
    }
}

/*@media Tablet Colors */

/* Screen Colors */

@media (min-width: 1108px) {

    /* Global */
    body {
         background-image: url(/innotrans/layout/images/inno_layout_images_background_content_screen.jpg);
        background-position: center top;
        background-repeat: no-repeat;
    }

    body.home {
        background-image: url(/innotrans/layout/images/inno_layout_images_background_home_screen.jpg);
    }

    body.content header {
        background-color: #E2DED4;
        background-image: url(/innotrans/layout/images/inno_layout_images_background_content_screen.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    body.en.events.longsecondnav #header, body.en.marketing.longsecondnav #header {
        padding-bottom: 9px;
    }

    body.content.on-scrolling, body.en.events.on-scrolling.longsecondnav, body.en.marketing.on-scrolling.longsecondnav {
        background-image: url(/innotrans/layout/images/inno_layout_images_background_content_screen_scroll.gif);
        background-position: left top;
        background-repeat: repeat-x;
        background-color: #ffffff;
        background-attachment: fixed;
    }

    #screen-fixed {
        background-color: transparent;
    }

    #screen-fixed.on-scrolling {
        background-image: url(/innotrans/layout/images/inno_layout_images_background_content_screen_scroll.gif);
        background-position: left top;
        background-repeat: repeat-x;
        background-color: #ffffff;
        margin-top: -8px;
    }

    body.nolevel2 header, body.content.on-scrolling header, body.en.events.longsecondnav header, body.en.marketing.longsecondnav header {
        background-image: none;
        background-color: transparent;
    }

    #footer-logos {
        padding-top: 1.8em;
    }

    .tile-single-text {
        border-color: #004455;
    }

    a.tile-text-link, .tile .tile-search-inner, .tile-double {
        background-color: #004455;
    }


    #tile-search, .tile-double.slider-default .nivoSlider {
        background-color: transparent;
    }

    .search-field-and-icon, .tile-search-icon, .tile .tile-search-inner {
        border-color: transparent;
    }

    #nav-main ul.nav-second {
        background-color: #ffffff;
    }

    #nav-main ul.nav-second li a, #nav-main ul.nav-second li span {
    color: #004455;
    }

    #nav-level2 ul li {
        border-color: #004455;
    }

    #nav-level2 ul li:hover {
        border-color: #ffffff;
    }

    #nav-level2 ul li.nav-level2-li-active {
        border-color: #007e9a;
    }

    #nav-level2 ul li a {
        background-color: #004455;
        color: #E2DED4;
    }

    #nav-level2 ul li a:hover {
        background-color: #ffffff;
        color: #007e9a;
    }

    #nav-level2 ul li.nav-level2-li-active a.nav-level2-current, #nav-level2 ul li.nav-level2-li-active span {
        background-color: #007e9a;
        color: #fff;
    }

    .on-scrolling #nav-level2 ul li, .on-scrolling .tile .tile-search-inner, .on-scrolling .nav-level2-search .tile-search-inner {
        border-color: #004455;
    }

    .on-scrolling #nav-level2 ul li.nav-level2-li-active {
        border-color: #007e9a;
    }

    .on-scrolling #nav-level2 ul li:hover {
        border-color: #007e9a;
    }

    #content .page-navigation li a:hover, .newsreport-full-download a:hover, #content .newsreport-navigation.page-navigation li a:hover span.newsreport-filter-icon {
        background-color: #007e9a;
        border-color: #007e9a;
        color: #fff;
    }

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

    a.link-highlight:hover, a.link-highlight-block:hover {
        background-color: #004455;
        color: #fff;
    }

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

    #content .quotation button:hover {
        background-color: #E2DED4;
    }

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

    /* Buttons */
    #content button:hover, #content input[type="submit"]:hover, #content input[type="button"]:hover {
        background-color: #007e9a;
        color: #fff;
    }

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

    /* Suche */
    .gsa-dynamic-navigation-headline {
        background-color: #E2DED4;
        color: #004455;
    }

    #content .gsa-content-search-button:hover {
        color: #E2DED4;
    }

    /* Blätterkatalog */
    .booklet .b-tab:hover {
        background-color: #007e9a;
        color: #fff;
    }

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

}

/*@media Screen Colors */

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

@media (min-width: 1780px) {
    body.home {
        background: url(/innotrans/layout/images/inno_layout_images_background_home_wide.jpg) top center #E2DED4 no-repeat;
    }

    body.content header, body.en.marketing.longsecondnav {
        background-image: url(/innotrans/layout/images/inno_layout_images_background_content_wide.jpg);
    }


    body.events.longsecondnav.on-scrolling {
        background-image: url(/innotrans/layout/images/inno_layout_images_background_content_screen_scroll.gif);
    }

    body.nolevel2 {
         background-image: url(/innotrans/layout/images/inno_layout_images_background_content_screen_nolevel2.gif);
    }

    body.content header, body.en.events.longsecondnav header, body.en.marketing.longsecondnav header {
        background-image: url(/innotrans/layout/images/inno_layout_images_background_content_wide.jpg);
    }

    body.nolevel2 header, body.content.on-scrolling header, body.en.events.longsecondnav header, body.en.marketing.longsecondnav header {
        background-image: none;
        background-color: transparent;
    }

    .on-scrolling #nav-main {
        padding: 4px 0 19px 0 !important;
    }
}