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

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

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

/* Global */

/* Pressefotos 2018 */
.pressphoto-item1275821 .pressphoto-thumb-portrait,
.pressphoto-item1275279 .pressphoto-thumb-portrait {
    margin-top: -40%;
}

.pressphoto-item1275831 .pressphoto-thumb-portrait,
.pressphoto-item1275290 .pressphoto-thumb-portrait {
    margin-top: -47%;
}

/* Event-DB */
.eventdb-search-result-count{
    display: none;
}

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

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

.eventdb-search-result-category {
    background-color: #c87f00;
    border-color: transparent;
    color: #fff;
}

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

/* Zielgruppen */
.target-groups a.link-highlight {
    padding: 0.5em;
    margin-right: 0.4em;
    margin-bottom: 0.7em;
}

/* --------------------------------------------------------
   Tablet
   -------------------------------------------------------- */
@media (min-width: 768px) {

    /* Eventsuche */
    #content .eventdb-search-result-item {
        min-height: 220px;
    }

} /*@media Tablet */

/* --------------------------------------------------------
    Screen
   -------------------------------------------------------- */
@media (min-width: 1108px) {

    /* Hover-Navigation */
   ul.nav-second {
       width: 28%;
   }


} /*@media Screen */

/* --------------------------------------------------------
    Widescreen
   -------------------------------------------------------- */
@media (min-width: 1780px) {

    #logo {
        max-width: 270px;
    }


} /*@media Widescreen */

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

   Primär:          #0059a3 (dunkelblau)
   Sekundär:        #f9b000 (gelb)
   Akzent 1:        #a3c689 (grün)
   Akzent 2:        #808284 (grau)
   Akzent 3:        #0072d2 (blau)
   Akzent 4:        #dae4f7 (hellblau)
   Akzent 5:        #fff4d8 (hellgelb)
   Icons & Links:   #c87f00 (dunkelgelb)
   Schrift:         #000000
   Hintergrund:     #40958f
   Highlight:       #fff4d8

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

/* Base */
#side-panel li a {
    background-color: #0059a3;
    color: #fff;
}

#side-panel li.link-aside-1 a {
    background-color: #f9b000;
    color: #000;
}

a .icon-side-home-item1 {
    background-color: #f9b000;
 }

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

a .icon-side-home-item4 {
    background-color: #fff;
}

a .icon-side-home-item5 {
    background-color: #0072d2;
}

a .icon-side-home-item7 {
    background-color: #808284;
}

a .icon-side-home-item3,
a .icon-side-home-item6,
a .icon-side-home-item8,
a .icon-side-home-item9 {
    background-color: #fff;
}

/* Ausklapp-Mobil-Navigation */
.mobile-nav-toggle,
.mobile-search-button {
    color: #f9b000;
}

.nav-mobile-wrap {
    background: #0059a3;
}

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

a {
    color: #c87f00;
}

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

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

h2, h3 {
    color: #0059a3;
}

h4 {
    color: #000;
}

h5 {
    color: #0072d2;
}

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

/* Cookie-Hinweis */
.cookie-confirm {
    background-color: #0059a3;
}

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

/* Forms */
.form-control:focus {
    border-color:#f9b000;
}

label {
    color: #0059a3;
}

legend {
    color: #0059a3;
}

.form-control {
    background-color: #fff;
    border-color: #0059a3;
    color: #000;
}

/* Tabellen */
.table-responsive {
    border-color: #dae4f7;
}

.table > thead > tr > th {
    background-color: #0059a3;
    color: #fff;
}

.table-color > thead > tr > th {
    background-color: #0059a3;
    color: #fff;
}

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

.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: #fff4d8;
    color: #000;
}

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

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

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

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

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

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

/* Content */
#content blockquote {
    border-left-color: #0059a3;
}

#content li:before {
    color: #0059a3;
}

#content ul ul li:before {
    color: #0072d2;
}

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

p.col-highlight,
#content .col-highlight h4,
#content h4.highlight,
.tab-navigation-content h4,
#content .col-highlight h5 {
    color: #000;
}

.col-highlight a,
#content .highlight a {
    color:#c87f00;
}

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

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

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

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

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

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

#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,
#nav-level3 ul li.nav-level3-li-active a {
    background-color: #f9b000;
    color:#000;
}

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

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

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

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

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

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

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

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

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

.icon-gallery-zoom:before {
    color: #0059a3;
}

.pressphoto-img {
    background-color: #0059a3;
}

.quotation {
    background: #fff4d8;
}

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

/* Fancybox */
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span,
#fancybox-buttons ul {
    background-color: #0059a3;
}

/* Tiles */
.tile {
    background-color: #0059a3;
    border-color: #0059a3;
    color: #fff;
}

#tile-event {
    background-color: #0059a3;
}

.tile.yellow {
    border-color: #F9B000;
}

/* Tile Links */
a.tile-text-link {
    background: #0059a3;
    color: #fff;
}

.tile.yellow a.tile-text-link{
    background-color: #F9B000;
    color: #000;
}

.green-up a.tile-text-link {
    background: #d1dd2c;
    color: #000;
}

.lowercase a.tile-text-link{
    text-transform: none;
}

/* Tile Search */
#tile-search {
    background-color: #f9b000;
    border-color: #f9b000;
}

/* Suche */
.gsa-search input {
    background-color: #fff;
    color: #c87f00;
}

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

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

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

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

input.gsa-search-mobile-input {
    color: #c87f00;
    text-transform: none;
}

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

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

/* GSA Content Search */
.gsa-content-search,
#content button.gsa-content-search-button,
#content .gsa-content-search-button:hover {
    background-color: #f9b000;
}

#content #gsa-content-search-select,
#content .gsa-content-search-option {
    background-color: #0072d2;
    color: #fff;
}

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

/* Tab-Navigation */
#content .ui-tabs .ui-tabs-panel {
    background-color: #fff4d8;
    border-color: #fff4d8;
}

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

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

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

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

#content .tab-navigation-colored .ui-state-default a {
    color: #fff;
    background-color: #0059a3;
}

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

/* Akkordeon-Navigation */

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

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

.ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #fff4d8;
    border-color:#fff4d8 #fff4d8 #f9b000 #fff4d8;
    color: #000;
}

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

.ui-accordion .ui-accordion-content{
    background-color:#fff4d8;
}

.accordion-category {
    background-color: #f9b000;
    color: #000;
}

.accordion-navigation .ui-state-default .ui-icon {
    background-image: url(../bau_layout_images/bau_accordion_down.svg);
}

.accordion-navigation-colored .ui-state-default .ui-icon {
    background-image: url(../bau_layout_images/bau_accordion_down_color.svg);
}

.accordion-navigation .ui-state-active .ui-icon,
.accordion-navigation-colored .ui-state-active .ui-icon {
    background-image: url(../bau_layout_images/bau_accordion_up.svg);
}

/* A-Z-Liste */
#content .page-navigation li span {
    background-color: #dae4f7;
    border-color: #dae4f7;
    color: #0059a3;
}

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

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

/* Sitemap */
#content .sitemap ul.sitemap-level1 li a {
    background-color: #0059a3;
    color: #fff;
}

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

#content .sitemap ul.sitemap-level1 ul.sitemap-level2 ul.sitemap-level3 li{
    background-color: #fff4d8;
}

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

/* Buttons */
#content button,
#content form button span {
    background-color: #dae4f7;
    color: #000;
}

#content form button {
    background-color: #dae4f7;
}

#content form button span {
    color: #000;
}

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

a.registration-button.link-highlight {
    background-color: #f9b000;
    color: #000;
    font-size: 2em;
    padding: 0.6em;
}

.registration-icon:before {
    font-family: mb-icons;
    content: '\50';
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

/* Banner-Generator */
.banner-generator-image{
    border-color: #fff4d8;
    background-color: #fff4d8;
}

/* Blätterkatalog */
.b-controls {
    color: #000;
}

.b-selector .b-current,
.b-selector ul,
.booklet .b-tab,
.booklet .b-counter {
    background-color: #0059a3;
    color: #fff;
}

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

/* Pressemitteilungen */
.pressreleases-date,
.pressreleases-details-date,
.pressreleases-archive-date {
    color: #0059a3;
}

.pressdates-item {
    border-bottom-color: #0059a3;
}
/* Pressetermine */
#content .pressdates.ui-tabs .ui-tabs-panel {
    background-color: transparent;
    border-color:transparent;
}

/* Progress Bar */
progress {
    background-color: #dae4f7;
}

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

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

progress::-moz-progress-bar {
    background-color: #0059a3;
}

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

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

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

/* Loader */
.icon-loader-animation {
    border-color: #dae4f7 #dae4f7 #dae4f7 #0059a3;
}

/* Neuheitenreport */
.newsreport-filter label {
   background-color: #dae4f7;
   color: #0059a3;
}

.newsreport-filter label.active,
#content .page-navigation li a.active {
    background-color: #F9B000;
    color: #000;
    border-color: #F9B000;
}

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

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

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

/* Grünbau */
.green h2, .green h3, .green h5 {
    color: #a3c689;
}

.green p a,
.green p.col-highlight a,
.green #content p.highlight a,
.green li a {
    color: #5C7746;
}

.green #content li::before {
    color: #a3c689;
}

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

.green a.link-highlight,
.green a.link-highlight-block,
.green .col-highlight a.link-highlight,
.green .col-highlight a.link-highlight-block,
.green #content .highlight a.link-highlight,
.green #content .highlight a.link-highlight-block,
.green #content .tab-navigation .ui-state-default a,
.green .table > thead > tr > th,
.green #content button.btn-colored,
.green a.button-link {
    background-color: #a3c689;
    color: #000;
}

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

.green .ui-accordion .ui-accordion-content {
    border-color: #a3c689;
    background-color: #fff;
}

.green .accordion-navigation-link,
.green .ui-accordion .ui-accordion-header,
.green #content .anchor-links li a {
    background-color: #a3c689;
    border-color: #a3c689;
    color: #000;
}

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

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

.green #content .tab-navigation .ui-state-default a {
    color: #000;
    background-color: #a3c689;
}

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

/* metall IT */
.grey h2, .grey h3, .grey h5{
    color: #808284;
}

.grey p a,
.grey .col-highlight a,
.grey #content .highlight a,
.grey li a {
    color: #333;
}

.grey #content li::before {
    color: #808284;
}

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

.grey a.link-highlight,
.grey a.link-highlight-block,
.grey .col-highlight a.link-highlight,
.grey .col-highlight a.link-highlight-block,
.grey #content .highlight a.link-highlight,
.grey #content .highlight a.link-highlight-block,
.grey #content .tab-navigation .ui-state-default a,
.grey .table > thead > tr > th,
.grey #content button.btn-colored,
.grey a.button-link {
    background-color: #808284;
    color: #fff;
}

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

.grey .ui-accordion .ui-accordion-content {
    border-color: #808284;
    background-color: #fff;
}

.grey .accordion-navigation-link,
.grey .ui-accordion .ui-accordion-header,
.grey #content .anchor-links li a {
    background-color: #808284;
    border-color: #808284;
    color: #fff;
}

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

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

.grey #content .tab-navigation .ui-state-default a {
    color: #fff;
    background-color: #808284;
}

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

.grey .form-elements,
.pi-form {
    background-color: #808284;
}

/* Event-DB */
.eventdb-details-subevent-title a {
    color: #0072d2;
    text-decoration: underline;
}

/* Eventsuche */
#content .eventdb-search-result-item,
#content .eventdb-search-result-icons {
    background-color: #fff4d8;
}


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

/* Event Detail */
.eventdb-details-info{
    background-color: #fff4d8;
}

/* Ticketlink version 1 */
a.link-highlight-block.animated-button {
    background: url('../bau_layout_images/bau_layout_images_ticketbutton_2.gif') no-repeat 1rem center #0072d2;
    padding: 2rem 0 1.6rem 7.7rem;
    text-transform: uppercase;
    font-size: 2.7rem;
}

a.link-highlight-block.animated-button:hover {
    color: #000;
}

/* Ticketlink version 2 */
    .ticketlink .ticketlink-box {
    background-color: #fff4d8;
}

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

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

.ticketlink .arrow-down-tip {
    border-top-color: #0059a3;
}

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

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

.ticketlink .stage {
    background: url('../bau_layout_images/bau_layout_images_ticketbutton2.gif') no-repeat right top;
}

.ticketlink .arrow:hover .stage {
    background-image: url('../bau_layout_images/bau_layout_images_warenkorb.png');
}

.ticketlink .step-description {
    color: #000;
}

/* GRÜNBAU */
.green legend {
    color: #a3c689;
}

.green label {
    color: #000;
}

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



/* Animation Fassade 2018 - bka */
.bau-kongress-anim {
    display: flex;
    flex-direction: column;
}
.bau-kongress-anim > div {
    padding:0;
}

.bau-kongress-anim .bka-logo {
    background: url('../bau_layout_images/logo-fassade.jpg') no-repeat left top;
    width: 500px;
    height: 80px;
}
.bau-kongress-anim .bka-orange {
    color:#f9b000;
}
#content .bau-kongress-anim .bka-orange hr {
    border-top: 1px solid #f9b000;
    width: 110px;
    margin-left: 0;
    border-bottom: 0 none;
}
.bau-kongress-anim .bka-imglines {
    position: absolute;
    width: 100%;
    min-height: 300px;
    background: url('../../bau_images/bau_images_animationen/welle.png') no-repeat left top;
    clip: rect(0px 800px 800px 0px);
    background-size: contain;
    top: 0;
}
.bau-kongress-anim .bka-pics {
    background: url('../../bau_images/bau_images_animationen/pics.png') no-repeat left top;
    background-size: auto auto;
    width: 100%;
    height: 100%;
    min-height: 300px;
}
.bau-kongress-anim .bka-btn {
    color: #fff;
    background-color: #f9b000;
    display: inline-block;
    text-align: center;
    padding: 0.375rem 0.75rem;
    border-radius: 0.3rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}





/* Tablet Colors */
@media (min-width: 768px) {

    body {
        background: #fff;
    }

    /* Side-Panel */
    #side-panel li a:hover {
        background-color: #0072d2;
        color: #fff;
    }

    #side-panel li.link-aside-1 a:hover {
        background-color: #000;
        color: #f9b000;
    }

    a:hover .icon-side-home-item1 {
        background-color: #dae4f7;
     }

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

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

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

    a:hover .icon-side-home-item7 {
        background-color: ;
    }

    a:hover .icon-side-home-item3,
    a:hover .icon-side-home-item6,
    a:hover .icon-side-home-item7,
    a:hover .icon-side-home-item8 {
        background-color: #f9b000;
    }

    a:hover .icon-side-home-item9 {
        background-color: #808284;
    }

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

    a.tile-text-link:hover {
        background-color: #f9b000;
        color: #000;
    }

    .grey.tile:hover{
        border-color: #808284;
    }

    .grey a.tile-text-link:hover {
        background: #808284;
        color: #fff;
    }

    .green.tile:hover{
        border-color: #a3c689;
    }

    .green a.tile-text-link:hover {
        background: #a3c689;
        color: #000;
    }
	.green-up a.tile-text-link:hover {
        background: #d1dd2c;
        color: #000;
    }

    .yellow.tile:hover{
        border-color: #0059a3;
    }

    .yellow a.tile-text-link:hover {
        background: #0059a3;
        color: #fff;
    }

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

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

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

    #nav-main ul li a:hover {
        color: #0059a3;
        border-bottom-color: #0059a3;
    }

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

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

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

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

    #nav-level2 ul li a:hover {
        background-color: #0072d2;
        color: #fff;
    }

    #nav-level2 ul li span {
        background-color: #f9b000;
        color: #000;
    }

    #nav-level2 ul li.nav-level2-search {
        background-color: #f9b000;
        color: #000;
    }

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

    #nav-level3 ul li a:hover {
        background-color:#0072d2;
        color: #fff;
    }

    #nav-level3 ul li span {
        background-color: #f9b000;
        color: #000;
    }

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

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

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

    a.registration-button.link-highlight:hover {
        background-color: #000;
        color: #f9b000;
    }

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

    .form-elements {
        background-color: #0059a3;
    }

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

    form p,
    form span{
        color: #f9b000;
    }

    .bahn-widget label,
    .bahn-widget legend {
        color: #000;
    }

    .captcha-group a {
        color: #c87f00;
    }

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

    /* Akkordeon */
    .accordion-category {
        background-image: url(../bau_layout_images/bau_accordion_category.png);
        background-color: #dae4f7;
        color: #000;
    }

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

    .ui-accordion-header.ui-state-active .accordion-category,
    .ui-accordion-header:hover .accordion-category{
        background-image: url(../bau_layout_images/bau_accordion_category.png);
    }

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

    .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(../bau_layout_images/bau_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(../bau_layout_images/bau_accordion_up_hover.svg);
    }

    /* Tab-Navigation */
    #content .tab-navigation .ui-state-hover {
        border-color: #0072d2;
    }

    #content .tab-navigation .ui-state-default.ui-state-hover a,
    #content .tab-navigation-colored .ui-state-default.ui-state-hover a {
        background-color: #0072d2;
        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: #f9b000;
        color: #000;
    }

    #content ul.ui-tabs-nav .ui-state-active.ui-state-hover,
    .grey #content ul.ui-tabs-nav .ui-state-active.ui-state-hover,
    .green #content ul.ui-tabs-nav .ui-state-active.ui-state-hover {
        border-color: #f9b000;
    }

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

    #content .pressreleases-item h3 a,
    #content .pressreleases-archive-item h3 a {
        color: #c87f00;
    }

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

    .pressdates-item {
        border-bottom-color: #0059a3;
        background-color: #fff;
    }

    .pressdates-headline {
        background-color: #0059a3;
    }

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

    .pressdate-time,
    .pressdate-title,
    .pressdate-location {
        color: #000;
    }

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

    .eventdb-search-result-sort label {
        color: #000;
    }

    .eventdb-search-result-sort select {
        border-color: #0059a3;
    }

    /* Ticket-Link version 1 */
    #content p a.link-highlight-block.animated-button {
        width: 100%;
        font-size: 2rem;
        padding: 1rem 0 0.6rem 7.7rem;
    }

    /* Ticketlink version 2 */
    .ticketlink .arrow-down-tip {
        border-left-color: #0059a3;
    }

    .ticketlink .arrow-down-tip {
        border-top-color: transparent;
    }


    /* Neuheitenreport */
    #content .page-navigation.cal-alphabet li.newsreport-select-all a:hover,
    .newsreport-filter label:hover {
       background-color: #0072d2;
        color: #fff;
    }

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

    /* GRÜNBAU */
    .green .form-elements {
        background-color: #a3c689;
    }

    .green legend {
        color: #fff;
    }

    .green form p,
    .green form span {
        color: #111;
    }

    body.bau-events .form-elements {
        background: #c9c9c9;
    }

    body.bau-events .form-elements label,
    body.bau-events #content p.help-block {
        color: #000;
    }

    body.bau-events #content button.btn-colored {
        background-color: #c9c9c9;
    }

} /*@media Tablet Colors */

/* Screen Colors */
@media (min-width: 1108px) {

    /* Global */
    #screen-fixed {
        background-color: transparent;
    }

    #screen-fixed.on-scrolling {
        background-color: #fff;
    }

    body.header--fullsize #header::before {
        background-color: #fff;
    }
    body.header--fullsize #screen-fixed.on-scrolling {
      background-color: transparent;
      box-shadow: none;
    }

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

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

    #nav-main ul li a.nav-main-current,
    #nav-main ul li a.nav-main-active,
    #nav-main ul li span {
        color: #f9b000;
    }

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

    #content .quotation button:hover {
        background-color: #fff4d8;
        color: #0072d2;
    }

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

    /* Buttons */
    #content button:hover {
        background-color: #0072d2;
        color:#fff;
    }

    form #content button:hover{
        background-color: #0072d2;
    }

    form #content button:hover span {
        color:#fff;
    }

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

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

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

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

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

    /* Event-DB */

    .eventdb-speakers-list-headcol {
        background-color: #0059a3;
        color: #fff;
    }

    .eventdb-speakers-list-sort {
        color: #fff;
    }
    .eventdb-speakers-list-sort-active {
        color: #f9b000;
    }

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

    /* Ticket-Link version 1 */
    #content p a.link-highlight-block.animated-button {
        padding: 1rem 0 0.6rem 6.6rem;
        background-position: 0.8rem center
    }

    /* Ticketlink  version 2 */
    .ticketlink .arrow-right-tip {
        border-left-color: #0059a3;
    }

    .ticketlink .arrow-down-tip {
        border-top-color: #0059a3;
        border-left-color: transparent;
    }

} /*@media Screen Colors */

/* --------------------------------------------------------
    Widescreen
   -------------------------------------------------------- */
@media (min-width: 1780px) {
    /* Ticket-Link */
    #content p a.link-highlight-block.animated-button {
        padding: 2rem 0 1.6rem 7.7rem;
        background-position: 1rem center
    }
}