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

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

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

html {
    height: 100%;
}

/* Webfonts */

@font-face {
    font-family: 'SignaCapsBlack';
    src: url(../fonts/signa-web/signascweb-black.eot) format('eot'), url(../fonts/signa-web/signascweb-black.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignaBlack';
    src: url(../fonts/signa-web/signaweb-black.eot) format('eot'), url(../fonts/signa-web/signaweb-black.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignaBook';
    src: url(../fonts/signa-web/signaweb-book.eot) format('eot'), url(../fonts/signa-web/signaweb-book.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignaBook';
    src: url(../fonts/signa-web/signaweb-bookitalic.eot) format('eot'), url(../fonts/signa-web/signaweb-bookitalic.woff) format('woff');
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: 'SignaBook';
    src: url(../fonts/signa-web/signaweb-bold.eot) format('eot'), url(../fonts/signa-web/signaweb-bold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SignaBook';
    src: url(../fonts/signa-web/signaweb-bolditalic.eot) format('eot'), url(../fonts/signa-web/signaweb-bolditalic.woff) format('woff');
    font-style: italic;
    font-weight: bold;
}

/* Global */

body, #content .sitemap ul ul ul.sitemap-level3 li a, .nav-level2-search #search-suggestions li, #content .gsa-content h3,.uc-embedding-wrapper h3, .uc-embedding-wrapper p, .uc-embedding-buttons button {
    font-family: 'SignaBook';
}

#nav-main {
    font-family: 'SignaCapsBlack';
}

.nav-second, .nav-second-first, .nav-second-last, #nav-level2, #nav-level3, a.tile-text-link, div.tile-counter, .nav-mobile-wrap ul li a, #content .sitemap ul.sitemap-level1 li a {
    font-family: 'SignaBook';
    font-weight: bold;
}

.home section#content-home {
    padding-top: 0.8em;
}

h2, #content .pressreleases-item h3, #content .pressreleases-archive-item h3 {
    font-family: 'SignaBlack';
    font-weight: normal;
}

h3, h4, #content .pressreleases-item h3, #content .pressreleases-archive-item h3 {
    font-family: 'SignaBook';
    font-weight: bold;
}

b, strong {
    font-weight: bold;
}

a.icon-list:before, a.icon-link-up:before, a.icon-link-down:before, a.icon-link-download:before, a.icon-link-email:before, a.icon-link-event:before, a.icon-link-left:before, a.icon-link-print:before, a.icon-event-list:before, a.icon-event-info:before, a.icon-link-right:before, a.icon-search:before, a.icon-news-up:before, a.icon-news-down:before, a.icon-news-left:before, a.icon-news-right:before, a.icon-file-ppt:before, a.icon-file-doc:before, a.icon-file-pdf:before {
    padding-top: 0.2em;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-top: 0;
}

#content ul.ui-tabs-nav li, #content .sitemap ul.sitemap-level2 li a, #content .anchor-links li a {
    font-weight: normal;
    text-transform: none;
}

#content .sitemap ul.sitemap-level1 li a {
    font-weight: normal;
    font-size: 1em;
}

.news-content-slider li {
    font-size: 0.95em;
}

a.tile-text-link, .tile-counter {
    font-size: 4.96vw;
    padding-right: 8%;
}

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

#nav-level2 {
    padding-bottom: 7px;
}

/*
#nav-level2,
#screen-fixed {
    background-color: #e2001a;
	padding-left: calc(50vw - 511px);
	padding-right: calc(50vw - 511px);
	margin-left: calc(-50vw + 511px);
	margin-right: calc(-50vw + 511px);
}
*/

/* Stage */

.stage .claim {
    font-family: 'SignaCapsBlack';
}

.stage .claim a {
    color: #fff;
}

.gsa-content-search {
    margin: 0.5em 0;
}

#content .gsa-content h3 {
    font-family: 'SignaBook';
}

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

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

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

/* Eventsuche */

.eventdb-search-results .row .eventdb-search-result {
    width: 97%;
}

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

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

.eventdb-search-result-date {
    padding-bottom: 0;
}

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

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

/* Event Detail */

#content .eventdb-details-icons, #content .eventdb-details-info p {
    padding-right: 10px;
    padding-left: 10px;
}

/* Landingpage */

#ifa_email_de label {
    display: none;
}

/* Alternate highlight column */

.highlight-info {
    background-color: rgba(244, 244, 244, 1);
    border-left: solid 4px #003872;
    padding: 18px;
    margin: 0 0 2.1em 0;
}

.content-centered, .col-highlight.content-centered {
    text-align: center;
    padding: 10px;
    background-color: rgba(244, 244, 244, 1);
    border: 1px solid #e5e5e5;
}

.img-width50 img {
    max-width: 50%;
}

#content .teaser-image h3 {
    font-family: 'SignaCapsBlack';
    padding-top: 0px;
    margin-left: 0.3em;
    margin-top: -1.7em;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.5em;
}

/* Popup: Newsletter */

.ifab2c-newsletter-popup {
    background: #003872 url(../images/ifab2c_newsletter_popup_bild.jpg) no-repeat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    background-size: cover;
}

.ifab2c-newsletter-popup h2 {
    padding-top: 30px !important;
    font-size: 40px;
    color: #003872;
    text-align: center;
}

.ifab2c-newsletter-popup p {
    padding-bottom: 20px;
    font-size: 15px;
    color: #000;
    text-align: center;
}

/*.ifab2c-newsletter-popup p:last-child {
    font-size: 10px;
    line-height: 1.5;
	color: #000;
}
*/

.ifab2c-newsletter-popup .popup-cta a, .ifab2c-newsletter-popup .popup-cta a:hover {
    font-size: 15px;
    text-transform: uppercase;
    padding: 15px 32px 10px;
    text-align: center;
    text-decoration: none;
    border: 1px solid;
    border-color: #003872;
}

.ifab2c-newsletter-popup .popup-cta a {
    color: #fff;
    background-color: #003872;
}

.ifab2c-newsletter-popup .popup-cta a:hover {
    color: #003872;
    background-color: #fff;
}

.ifab2c-newsletter-popup .fancybox-skin {
    background: none;
}

.ifab2c-newsletter-popup .pi-form {
    background: none;
    padding-left: 0;
}

.ifab2c-newsletter-popup .pi-form-control {
    margin-right: 0;
    margin-bottom: 5px;
    padding: 0;
    color: #000;
}

.ifab2c-newsletter-popup .pi-form-control span {
    font-size: 10px;
}

.ifab2c-newsletter-popup .pi-form-control br {
    display: none;
}

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

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

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

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

/*.ifab2c-newsletter-popup .pi-form-actions {
    padding-left: 20px;
}*/

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

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

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

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

.ifab2c-newsletter-popup .pinuts-widgets-loading {
    color: #fff;
}

.mb-popup__close {
    width: 23px;
    height: 21px;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #000 !important;
    background: #fff;
    font-size: 23px;
}

/* CTA-Button */

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

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

@media (min-width: 768px) {
    #nav-main>ul>li:not(:first-child) {
        margin-left: 1em;
    }
    #nav-main>ul>li {
        width: auto !important;
        margin-left: 1.5em;
        font-size: 0.9em;
    }
    /* Seitenwechsel-Navigation */
    /*
	body.home .nav-switch-page .page {
    	padding-left: 2.2rem;
   	}
	*/
    .nav-switch-page {
        background-color: #ccc;
    }
    .nav-switch-page ul {
        font-size: 0;
        text-align: center;
    }
    .nav-switch-page li {
        width: 50%;
        margin-right: 0;
        font-size: 12px;
        text-align: center;
        vertical-align: bottom
    }
    .nav-switch-page li a, .nav-switch-page li span {
        padding: 0.65em 1.2em 0.5em 1.2em;
        transition: all 0.3s ease-in-out;
    }
    .nav-switch-spacer {
        height: 2.3rem;
    }
    /*
     * Alt: mit Hintergrundbild
     body.home{
        background: url(/ifa-b2c/layout/images/ifab2c_layout_images_background_home.jpg) fixed center top #1F2A4F;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }*/
    .home section#content-home {
        padding-top: 0;
    }
    /* Werbebanner
    body.content #header {
        height: 290px;
    }*/
    body.nolevel2 #header {
        height: 165px;
    }
    /* Navigation */
    .home .header-alternate #nav-main, .content .header-alternate #nav-main {
        width: 75%;
    }
    #nav-main ul li.nav-main-1 {
        width: 15%;
    }
    #nav-main ul li.nav-main-2 {
        width: 50%;
    }
    #nav-main ul li.nav-main-3 {
        width: 19%;
    }
    #nav-main ul li.nav-main-4 {
        width: 16%;
    }
    /* Home */
    a.tile-text-link, .tile-counter {
        font-size: 1.39em;
        padding-right: 10px;
    }
    /* Suche */
    .gsa-content-search {
        margin: 0;
    }
    /* Footer */
    #nav-footer ul li a, #footer-copyright {
        font-size: 0.85em;
    }
}

/*@media Tablet */

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

@media (min-width: 1108px) {
    /* Seitenwechsel-Navigation */
    .nav-switch-page li {
        font-size: 14px;
    }
    .nav-switch-spacer {
        height: 2.2rem;
    }
    /* SVG logo - position */
    #logo-alternate {
        padding: 0;
    }
    body.home #logo-alternate {
        padding-top: 10px;
    }
    body.content #logo-alternate {
        padding-top: 18px;
    }
    body.content.lp-global #logo-alternate {
        padding-top: 10px;
    }
    body.content #screen-fixed.on-scrolling #logo-alternate {
        padding-top: 23px;
    }
    body.content.lp-global #screen-fixed.on-scrolling #logo-alternate {
        padding-top: 10px;
    }
    body.home #logo-alternate img, body.content #logo img, body.content #logo-alternate img {
        max-height: 75px;
    }
    body.content .on-scrolling #logo img, body.content .on-scrolling #logo-alternate img {
        max-height: 65px;
    }
    body.content.lp-global .on-scrolling #logo-alternate img {
        max-height: 35px;
    }
    #nav-main ul.nav-second li.nav-second-li-active span, #nav-main ul.nav-second li a:hover {
        font-weight: bold;
    }
    /* Scolling navigation animation */
    #logo a img {
        transition: max-width 0.3s, max-height 0.3s;
    }
    #screen-fixed {
        transition: all 0.3s;
    }
    /* Werbebanner
	#body.content header {
		height: 397px;
	}*/
    body.nolevel2 #header {
        height: 235px;
    }
    /* Global */
    #screen-fixed.on-scrolling #nav-main {
        padding: 35px 0 13px 0!important;
    }
    body.content .on-scrolling #logo img {
        max-height: 50px;
    }
    body.content #logo img {
        padding-bottom: 10px;
    }
    /* Navigation */
    .home .header-alternate #nav-main, .content .header-alternate #nav-main {
        width: 75%;
    }
    #nav-main>ul>li>a {
        margin-bottom: 0;
        padding-bottom: 16px;
    }
    #nav-main ul li.nav-main-1 {
        width: 15%;
    }
    #nav-main ul li.nav-main-2 {
        width: 44%;
    }
    #nav-main ul li.nav-main-3 {
        width: 24%;
    }
    #nav-main ul li.nav-main-4 {
        width: 17%;
    }
    .home ul.nav-second {
        width: 25%;
        top: 31px;
        /* align dropdown menu to stage */
    }
    ul.nav-second {
        width: 25%;
        padding: 0.4em 0;
    }
    .home #nav-main {
        padding-top: 35px;
    }
    .home #nav-main, #nav-main, #nav-main.nav-main-active {
        padding-top: 38px;
        padding-bottom: 10px;
    }
    #nav-main ul li.nav-main-2:hover ul.nav-second {
        margin-left: 3.5%;
    }
    #nav-main ul li.nav-main-3:hover ul.nav-second {
        margin-left: 0;
    }
    #nav-main ul li.nav-main-4:hover ul.nav-second {
        margin-left: -8%;
    }
    #nav-level3 ul {
        margin-top: 1em;
    }
    #nav-level2 ul li a, #nav-level2 ul li span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current {
        font-size: 1.032em;
    }
    #nav-level3 ul li a, #nav-level3 ul li span {
        padding-bottom: 0.2em;
    }
    /* Home */
    a.tile-text-link, .tile-counter {
        padding-right: 10px;
        font-size: 1.36em;
    }
    /* Stage */
    .home div.stage {
        background-position: 0% 65%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .stage .stage-text {
        width: 57%;
    }
    .stage .claim {
        font-size: 2rem;
        font-size: calc(1.4rem + 2.2vw);
    }
    /* Footer */
    #nav-footer {
        width: 50%;
    }
    #footer-logos {
        width: 25%;
    }
    #footer-copyright {
        width: 25%;
    }
    .home #footer-logos, .content #footer-logos {
        padding: 0;
    }
    .ifab2c-newsletter-popup h2 {
        padding-top: 30px !important;
        font-size: 50px;
        color: #003872;
        text-align: center;
    }
    .ifab2c-newsletter-popup p {
        padding-bottom: 20px;
        font-size: 20px;
        color: #000;
        text-align: center;
    }
    /*.ifab2c-newsletter-popup p:last-child {
    	font-size: 10px;
    	line-height: 1.5;
		color: #000;
	}
	*/
    .ifab2c-newsletter-popup .popup-cta a, .ifab2c-newsletter-popup .popup-cta a:hover {
        font-size: 20px;
        text-transform: uppercase;
        padding: 15px 32px 10px;
        text-align: center;
        text-decoration: none;
        border: 1px solid;
        border-color: #003872;
    }
    .ifab2c-newsletter-popup .popup-cta a {
        color: #fff;
        background-color: #003872;
    }
    .ifab2c-newsletter-popup .popup-cta a:hover {
        color: #003872;
        background-color: #fff;
    }
}

/*@media Screen */

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

@media (min-width: 1780px) {
    /* Seitenwechsel-Navigation */
    .nav-switch-page li {
        font-size: 16px;
    }
    .nav-switch-spacer {
        height: 2.3rem;
    }
    /* Logo */
    body.home #logo-alternate img, body.content #logo-alternate img {
        padding-top: 8px;
    }
    body.content #screen-fixed.on-scrolling #logo-alternate {
        padding-top: 23px;
    }
    body.content #screen-fixed.on-scrolling #logo-alternate {
        padding-top: 23px;
    }
    body.home #logo-alternate img, body.content #logo img, body.content #logo-alternate img {
        max-height: 95px;
    }
    body.content .on-scrolling #logo img, body.content .on-scrolling #logo-alternate img {
        max-height: 70px;
    }
    /* Werbebanner
    body.content #header {
        height: 529px;
    }*/
    /* Navigation */
    .home #nav-main, #nav-main, #nav-main.nav-main-active {
        padding-top: 42px;
        padding-bottom: 10px;
    }
    .home ul.nav-second {
        width: 21%;
        top: 32px;
        /* align dropdown menu to stage */
    }
    ul.nav-second {
        width: 21%;
    }
    #nav-main ul li.nav-main-2:hover ul.nav-second {
        margin-left: 5.5%;
    }
    #nav-main ul li.nav-main-3:hover ul.nav-second {
        margin-left: 1.5%;
    }
    #nav-main ul li.nav-main-4:hover ul.nav-second {
        margin-left: -4%;
    }
    #nav-level3 ul {
        margin-top: 10px;
    }
    #nav-level2 ul li a, #nav-level2 ul li span, #nav-level2 ul li.nav-level2-li-active a.nav-level2-current {
        font-size: 1.2em;
    }
    /* Home */
    a.tile-text-link, .tile-counter {
        font-size: 1.72em;
        padding-right: 14px;
        padding-left: 29px;
    }
    /* Stage */
    .home div.stage {
        background-position: 0% 85%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .stage .stage-text {
        width: 52%;
    }
}

/*@media Widescreen */

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

   Primär:      #003872 (blau)
   Sekundär:    #e2001a (rot)
   Tertiär:     #000000
   Grau 1:      #575756
   Grau 2:      #878787
   Grau 3:      #999
   Grau 4:      #ddeaf5
   Highlight:   #ddeaf5
   Mobile:      #282828

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

/* Base */

body {
    background-color: white;
}

.text-error, a.gsa-spellcheck-link {
    color: #e2001a;
}

body.content #header {
    background-color: white;
}

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

.header-alternate #nav-mblogo {
    float: right;
}

.header-alternate #nav-main {
    clear: right;
}

#logo-alternate {
    clear: none;
}

@media (min-width: 768px) {
    #logo-alternate {
        max-width: 150px;
    }
}

@media (min-width: 1108px) {
    #logo-alternate {
        max-width: 200px;
    }
}

.nav-switch-page li a {
    background-color: #003872;
    border-color: #003872;
    color: #fff;
}

.nav-switch-page li a:hover, .nav-switch-page li a:focus {
    background-color: #666;
    border-color: #666;
}

.nav-switch-page li.ifa a {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

#side-panel li a {
    background-color: #003872;
}

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

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

/* Ticket-Icon hervorgehoben
.content #side-panel li.link-aside-2 a{
    background-color: #e2001a;
}
.home #side-panel li.link-aside-2 a{
    background-color: #fff;
    color:#003872;
}*/

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

#nav-main ul li.nav-main-li-active {
    background-color: #fff;
    color: #e2001a;
}

#nav-level2 ul li a:hover, #nav-level3 ul li a:hover {
    background-color: #e2001a;
    color: #fff;
}

#nav-main ul li span {
    color: #e2001a;
    line-height: 37px;
    border-bottom-width: 0;
}

#nav-level2 ul li a, #nav-level3 ul li a {
    color: #f4f4f4;
    background-color: #003872;
}

#nav-level3 ul li a {
    border: 1px solid #003872;
}

#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: #fff;
    color: #e2001a;
}

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

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

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

.text-success {
    color: #003872;
}

a {
    color: #e2001a;
}

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

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

.text-success a, .text-error a, a.gsa-spellcheck-link b {
    color: #003872;
}

.news a {
    color: #003872;
}

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

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

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

.col-highlight, #content .highlight, #content .ui-tabs-panel .highlight {
    background-color: rgba(244, 244, 244, 1);
}

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

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

.img-border img, #content .border {
    border-color: #e2001a;
}

#nav-meta ul li a, #nav-lang ul li a {
    color: #fff;
}

.home #nav-footer ul li a, .home #footer-copyright {
    color: black;
}

.home #footer-logos .link-partner:nth-child(2n) {
    display: block;
}

.home #footer-logos .link-partner:nth-child(3n) {
    display: none;
}

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

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

/* Cookie-Hinweis */

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

.cookie-confirm:hover {
    background-color: #0058a1;
}

.cookie-background {
    opacity: 0.85;
}

/* Formulare */

.form-control {
    background-color: #ddeaf5;
    border-color: #ddeaf5;
    color: #000;
}

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

legend {
    color: #000;
}

#content button {
    background-color: #003872;
}

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

#content button:hover {
    background-color: #e2001a;
}

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

/* Tiles */

.tile {
    background-color: #003872;
    border-color: #003872;
    color: #fff;
}

.tile.tile-double {
    background-color: transparent;
}

/* Mit Counter
#tile-5.tile:hover{
    border-color: #003872;
}
*/

/* Tile Links */

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

/* Tile Search */

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

/* Suche */

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

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

/*.tile .tile-search-inner,
.nav-level2-search .tile-search-inner {
    border-color: #fff;
}*/

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

.gsa-search-mobile {
    background-color: #fff;
    border: 1px solid #003872;
}

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

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

.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 Content Search */

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

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

/* Page-Navigation */

#content .page-navigation li a {
    color: #003872;
}

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

/* Tab-Navigation */

#content .ui-tabs .ui-tabs-panel {
    background: #fff;
    border-color: #003872;
}

#content ul.ui-tabs-nav li a {
    color: #fff;
}

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

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

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

/* Akkordeon-Navigation */

.ui-state-default .ui-icon {
    background-image: url(../images/ifab2c_accordion-down.svg);
}

.ui-state-active .ui-icon {
    background-image: url(../images/ifab2c_accordion-up.svg);
}

.ui-accordion .ui-state-active {
    background-color: #003872;
    border-bottom-color: #003872;
}

/* Sitemap */

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

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

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

/* Eventsuche */

#content .eventdb-search-result-item, #content .eventdb-search-result-icons {
    background-color: rgba(244, 244, 244, 1);
}

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

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

.eventdb-speakers-details-relations-title, .eventdb-speakers-details-relations-date {
    color: #000;
}

/* Event Detail */

.eventdb-details-info {
    background-color: rgba(244, 244, 244, 1);
}

/* Progress Bar */

progress {
    background-color: #e2001a;
}

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

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

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

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

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

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

/* Loader */

.icon-loader-animation {
    border-color: #e2001a #e2001a #e2001a #003872;
}

/* CTA-Buttons */

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

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

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

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

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

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

/* Tablet Colors */

@media (min-width: 768px) {
    body.content #header {
        background-color: white;
    }
    .nav-switch-page {
        background-color: #ccc;
    }
    .nav-switch-page li a:hover {
        text-decoration: none;
        background-color: #666;
        border-color: #666;
        color: #fff;
    }
    .nav-switch-page li.ifa a:hover {
        background-color: #666;
        border-color: #666;
        color: #fff;
    }
    #nav-mblogo i, #nav-mblogo a, #nav-meta ul li a, #nav-lang ul li a, #nav-social ul li a {
        color: black;
    }
    #nav-social ul li a, #nav-footer ul li a, #footer-copyright {
        color: black;
    }
    #nav-meta ul li a:hover, #nav-lang ul li a:hover {
        color: #e2001a;
    }
    #nav-social ul li a:hover, #nav-footer ul li a:hover {
        color: #e2001a;
    }
    #nav-meta ul li span.link-navigation-active {
        color: #003872;
    }
    #nav-main ul li a {
        color: #003872;
        text-shadow: none;
    }
    #nav-main ul li a.nav-main-current, #nav-main ul li span {
        color: #e2001a;
        border-bottom-color: transparent;
        text-shadow: none;
    }
    #nav-main ul li a:hover {
        color: #003872;
        border-bottom-color: transparent;
        text-shadow: none;
    }
    #nav-main ul li span {
        border-bottom-width: 2px;
        line-height: 18px;
    }
    #nav-main ul.nav-second {
        background-color: #003872;
    }
    #nav-main ul.nav-second li.nav-second-li-active span, #nav-main ul.nav-second li a:hover {
        color: #fff;
    }
    #nav-main ul li.nav-main-li-active, #nav-level3 ul li a:hover {
        background-color: transparent;
        border color: #e2001a;
    }
    #nav-level2 ul li a {
        background-color: #003872;
        color: #f4f4f4;
        transition: all 0.35s ease-in-out;
    }
    #nav-level2 ul li, #nav-level2 ul li:hover {
        border-color: transparent;
    }
    #nav-level2 ul li a:hover, #nav-level2 ul li span {
        background-color: #e2001a;
        color: #fff;
    }
    #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: #e2001a;
        color: #fff;
    }
    #nav-level2 ul li.nav-level2-li-active {
        border-color: transparent;
    }
    #nav-level3 ul li a {
        color: #000;
        background-color: #fff;
    }
    #nav-level3 ul li.nav-level3-li-active span {
        border: 1px solid #e2001a;
    }
    #nav-level3 ul li a:hover {
        background-color: #e2001a;
        color: #fff;
        border-color: #e2001a;
    }
    #nav-level2 ul li.nav-level2-search {
        background-color: #fff;
        border-color: transparent;
        color: #fff;
    }
    .nav-level2-search .tile-search-inner {
        border-color: transparent;
        background-color: #003872;
    }
    /* .gsa-search input {
        background-color: #f4f4f4;
        color: #f4f4f4;
        font-family: 'SignaBook';
    }*/
    .form-elements, .pi-form {
        background: rgba(244, 244, 244, 1);
    }
    .form-control {
        background-color: #fff;
        border-color: #fff;
        color: #000;
    }
    /* Tiles */
    .tile:hover {
        border-color: #003872;
    }
    a.tile-text-link:hover {
        background-color: #fff;
        color: #e2001a;
    }
    /* Page-Navigation */
    #content .page-navigation li a:hover {
        background-color: #003872;
        border-color: #003872;
    }
    /* Tab-Navigation */
    #content .tab-navigation .ui-state-hover {
        border-color: #003872;
    }
    #content .tab-navigation .ui-state-default.ui-state-hover a, #content .tab-navigation-colored .ui-state-default.ui-state-hover a {
        background-color: #003872;
        color: #fff;
    }
    #content .tab-navigation .ui-state-active.ui-state-hover a, #content .tab-navigation-colored .ui-state-active.ui-state-hover a {
        background-color: #fff;
        color: #003872;
    }
    #content ul.ui-tabs-nav .ui-state-active.ui-state-hover {
        border-color: #003872;
    }

}

/*@media Tablet */

/* Screen */

@media (min-width: 1108px) {
    .screen-scrolling {
        padding-top: 10.7em !important;
    }
    #nav-level2 ul li.nav-level2-search {
        background-color: #003872;
        border-color: transparent;
        color: #fff;
    }
    #nav-level2 ul li.nav-level2-li-active {
        border-color: transparent;
    }
    #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, #nav-level3 ul li.nav-level3-li-active span, #nav-level3 ul li a:hover {
        background-color: #e2001a;
        color: #fff;
    }
    #nav-level3 ul li a {
        background-color: #fff;
        color: #000;
    }
    #nav-level3 ul li a:hover {
        background-color: #e2001a;
        border-color: #fff;
        color: #fff;
    }
    /* Suche */
    .gsa-dynamic-navigation-headline {
        background-color: #003872;
    }
    body.content.on-scrolling {
        background-image: none;
    }
    #screen-fixed.on-scrolling {
        box-shadow: 0px 36px 41px -44px rgba(0, 0, 0, 0.25);
    }
    #screen-fixed {
        /* 	background-color: #fff; */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 63%, rgba(255, 255, 255, 0.96) 89%, rgba(255, 255, 255, 0.95) 100%);
    }
    /* Landingpage */
    body.lp-global #header::before {
        background-color: #ffffff;
    }
}

/*@media Screen */

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

/* Text Colors */

span.mobile {
    color: #000;
}

span.gray1 {
    color: #575756;
}

span.gray2 {
    color: #878787;
}

span.gray3 {
    color: #999;
}

span.gray4 {
    color: #ddeaf5;
}

/* ========================================================
   External Content
   ======================================================== */

/* TecWatch */

#searchContainer button {
    margin-bottom: 0;
    font-size: 1em;
    padding: 5px 12px;
}

#channelContainer h3, h4 {
    font-family: 'SignaBook';
}

.channelContent {
    display: block;
}

.subChannelContent {}

.imageContainer {
    text-align: left;
}

/* Responsive Video-Content (3 in a row / 2 in a row / 1 in a row)*/

.videoContent {
    padding-right: 1em;
    overflow: hidden;
    width: 30%;
    float: left;
}

.videoContent img, .videoContent span {
    cursor: pointer;
}

@media (max-width: 800px) {
    .videoContent {
        margin-right: 0.5em;
        overflow: hidden;
        width: 45%;
        float: left;
    }
}

@media (max-width: 500px) {
    .videoContent {
        padding-right: 1em;
        overflow: hidden;
        width: 100%;
        float: left;
    }
}

.videoContentSpacer {
    background: #aaa;
    width: 100%;
    display: block;
    clear: both;
}

.dialogDescription {
    width: 100%;
    text-align: center;
}

.videoContent img {
    max-width: 36.5em;
    height: auto;
}

.videoContent span {
    display: block;
}

.video-search {
    padding: 5px;
    background-color: #ddeaf5;
    border-color: #ddeaf5;
    color: #000;
    font-family: 'SignaBook';
}

/* jQuery styling extracted from ThemeRoller - Component containers */

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-resizable {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
}

.ui-dialog {
    z-index: 5001;
}

