/* area-colors.css (Aktuelles, Auskunft...) */



/* AKTUELLES */

  /* Header-HG */
body.area-aktuelles > header {
  background-color: #0084bf !important;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(55%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
}

  /* Mainmenu */
#main-menu li.level-1.area-aktuelles:hover,
#main-menu li.level-1.area-aktuelles.current-area, .area-aktuelles #menu-button.icon-close,
#main-menu li.level-1.area-aktuelles.open
{
  background: #009fee !important;
}
#main-menu > #menu-top.area-aktuelles-open,
#menu-top.current-area-aktuelles,
.area-aktuelles .menu-popup:first-child .level-root,
.area-aktuelles .menu-popup li.level-2 > .level-column-inner,
.area-aktuelles .menu-popup .level-root > a, .area-aktuelles #menu-toolbar
{
  border-color: #009fee !important;
}
.menu-popup.area-aktuelles a.level-3 > span,
.menu-popup.area-aktuelles .level-footer > span,
.area-aktuelles .menu-popup .icon-toggle-submenu,
.news .article .header > [itemprop="headline"]  /* << letzter Punkt: Special für Aktuelles! */
{
  color: #009fee;
}
.menu-popup.area-aktuelles .level-2.level-header {
  color: #000;
}

  /* Teaser-Boxen etc.*/
.area-aktuelles .teaser-box, .area-aktuelles #teaser-pagination > .visible {
  background-color: #009fee;
}
.area-aktuelles .teaser-box-link {
  background-color: #007ab9;
}
.area-aktuelles #teaser-pagination > a {
  border: 1px solid #009fee;
}

  /* Inhaltsbereich */
.area-aktuelles #breadcrumbs a,
.area-aktuelles .ce > header,
.area-aktuelles .ce > header a,
.area-aktuelles .ce-body a {
  color: #009fee;
}
.area-aktuelles .ce-body table {
  border-bottom: 2px solid #009fee;
}
.area-aktuelles .ce-body thead {
  text-align: left;
  border-bottom: 2px solid #009fee;
}

  /* body */
.pagelayout-standard.area-aktuelles {
  background-color: #DCEDF6;
}


/* AUSKUNFT */

  /* Header-HG */
body.area-auskunft > header {
  background-color:#fdc100 !important;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(55%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 55%,rgba(0,0zz,0,0) 56%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
}

  /* Mainmenu */
#main-menu li.level-1.area-auskunft:hover,
#main-menu li.level-1.area-auskunft.current-area,
#main-menu li.level-1.area-auskunft.open, .area-auskunft #menu-button.icon-close
{
  background: #ffdd00 !important;  
}
#main-menu > #menu-top.area-auskunft-open,
#menu-top.current-area-auskunft,
.area-auskunft .menu-popup:first-child .level-root,
.area-auskunft .menu-popup li.level-2 > .level-column-inner,
.area-auskunft .menu-popup .level-root > a, .area-auskunft #menu-toolbar
{
  border-color: #ffdd00 !important;
}
.menu-popup.area-auskunft a.level-3 > span,
.menu-popup.area-auskunft .level-footer > span,
.area-auskunft .menu-popup .icon-toggle-submenu
{
  color: #ffdd00;
}
.menu-popup.area-auskunft .level-2.level-header {
  color: #000;
}

  /* Teaser-Boxen etc. */
.area-auskunft .teaser-box, .area-auskunft #teaser-pagination > .visible {
  background-color: #ffdd00;
}
.area-auskunft .teaser-box-link {
  background-color: #F1B700;
}
.area-auskunft #teaser-pagination > a {
  border: 1px solid #ffdd00;
}

  /* Inhaltsbereich */
.area-auskunft #breadcrumbs a,
.area-auskunft .ce > header,
.area-auskunft .ce > header a,
.area-auskunft .ce-body a {
  color: #D75F0F;
}
/*.area-auskunft .ce-body table {*/
  /*Ezeugt bei den Linien und Fahrpläne einen unerwünschen Rahmen*/
  /*wird/wurde das noch wo anders verwendet? sm*/
  /*border-top: 2px solid #ffdd00;*/
  /*border-bottom: 2px solid #ffdd00;*/
/*}*/

  /* body */
.pagelayout-standard.area-auskunft {
  background-color: #FFF5DC;
}



/* TICKETS */

  /* Header-HG */
body.area-tickets > header {
  background-color: #e17200 !important;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(55%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
}

  /* Mainmenu */
#main-menu li.level-1.area-tickets:hover,
#main-menu li.level-1.area-tickets.current-area,
#main-menu li.level-1.area-tickets.open, .area-tickets #menu-button.icon-close
{
  background: #f59e01 !important;
}
#main-menu > #menu-top.area-tickets-open,
#menu-top.current-area-tickets,
.area-tickets .menu-popup:first-child .level-root,
.area-tickets .menu-popup li.level-2 > .level-column-inner,
.area-tickets .menu-popup .level-root > a, .area-tickets #menu-toolbar
{
  border-color: #f59e01 !important;
}
.menu-popup.area-tickets a.level-3 > span,
.menu-popup.area-tickets .level-footer > span,
.area-tickets .menu-popup .icon-toggle-submenu
{
  color: #f59e01;
}
.menu-popup.area-tickets .level-2.level-header {
  color: #000;
}

  /* Teaser-Boxen etc. */
.area-tickets .teaser-box, .area-tickets #teaser-pagination > .visible {
  background-color: #f59e01;
}
.area-tickets .teaser-box-link {
  background-color: #C96500;
}
.area-tickets #teaser-pagination > a {
  border: 1px solid #f59e01;
}

  /* Inhaltsbereich */
.area-tickets #breadcrumbs a,
.area-tickets .ce > header,
.area-tickets .ce > header a,
.area-tickets .ce-body a {
  color: #f59e01;
}
.area-tickets .ce-body table {
  border-bottom: 2px solid #f59e01;
}
.area-tickets .ce-body thead {
  text-align: left;
  border-bottom: 2px solid #f59e01;
}

  /* body */
.pagelayout-standard.area-tickets {
  background-color: #F5D3AD;
}



/* SERVICE */

  /* Header-HG */
body.area-service > header {
  background-color: #98a906 !important;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(55%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
}

  /* Mainmenu */
#main-menu li.level-1.area-service:hover,
#main-menu li.level-1.area-service.current-area,
#main-menu li.level-1.area-service.open, .area-service #menu-button.icon-close
{
  background: #cfda03 !important;
}
#main-menu > #menu-top.area-service-open,
#menu-top.current-area-service,
.menu-popup.area-service a.level-3 > span,
.area-service .menu-popup:first-child .level-root,
.area-service .menu-popup li.level-2 > .level-column-inner,
.area-service .menu-popup .level-root > a, .area-service #menu-toolbar
{
  border-color: #cfda03 !important;
}
.menu-popup.area-service a.level-3 > span,
.menu-popup.area-service .level-footer > span,
.area-service .menu-popup .icon-toggle-submenu
{
  color: #cfda03;
}
.menu-popup.area-service .level-2.level-header {
  color: #000;
}

  /* Teaser-Boxen etc. */
.area-service .teaser-box, .area-service #teaser-pagination > .visible {
  background-color: #cfda03;
}
.area-service .teaser-box-link {
  background-color: #859305;
}
.area-service #teaser-pagination > a {
  border: 1px solid #cfda03;
}

  /* Inhaltsbereich */
.area-service #breadcrumbs a,
.area-service .ce > header,
.area-service .ce > header a,
.area-service .ce-body a {
  color: #81a815;
}
.area-service .ce-body table {
  border-bottom: 2px solid #cfda03;
}
.area-service .ce-body thead {
  text-align: left;
  border-bottom: 2px solid #cfda03;
}

  /* body */
.pagelayout-standard.area-service {
  background-color: #F9FADC;
}



/* PROJEKTE */

/* Header-HG */
body.area-projekte > header {
  background-color: #032950 !important;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(55%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
}

  /* Mainmenu */
#main-menu li.level-1.area-projekte:hover,
#main-menu li.level-1.area-projekte.current-area,
#main-menu li.level-1.area-projekte.open, .area-projekte #menu-button.icon-close
{
  background: #005FA1 !important;
}
#main-menu > #menu-top.area-projekte-open,
#menu-top.current-area-projekte,
.area-projekte .menu-popup:first-child .level-root,
.area-projekte .menu-popup li.level-2 > .level-column-inner,
.area-projekte .menu-popup .level-root > a, .area-projekte #menu-toolbar
{
  border-color: #005FA1 !important;
}
.menu-popup.area-projekte a.level-3 > span,
.menu-popup.area-projekte .level-footer > span,
.area-projekte .menu-popup .icon-toggle-submenu
{
  color: #005FA1;
}
.menu-popup.area-projekte .level-2.level-header {
  color: #000;
}

  /* Teaser-Boxen etc. */
.area-projekte .teaser-box, .area-projekte #teaser-pagination > .visible {
  background-color: #005FA1;
}
.area-projekte .teaser-box-link {
  background-color: #02264b;
}
.area-projekte #teaser-pagination > a {
  border: 1px solid #005FA1;
}

  /* Inhaltsbereich */
.area-projekte #breadcrumbs a,
.area-projekte .ce > header,
.area-projekte .ce > header a,
.area-projekte .ce-body a {
  color: #005FA1;
}
.area-projekte .ce-body table {
  border-bottom: 2px solid #005fa1;
}
.area-projekte .ce-body thead {
  text-align: left;
  border-bottom: 2px solid #005fa1;
}

  /* body */
.pagelayout-standard.area-projekte {
  background-color: #B1C1CE;
}



/* KARRIERE */

/* Header-HG */
body.area-karriere > header {
  background-color: #b00f0a !important;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(55%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
}

  /* Mainmenu */
#main-menu li.level-1.area-karriere:hover,
#main-menu li.level-1.area-karriere.current-area,
#main-menu li.level-1.area-karriere.open, .area-karriere #menu-button.icon-close
{
  /*background: #E3001B !important;*/
  background: #43595f !important;
}
#main-menu > #menu-top.area-karriere-open,
#menu-top.current-area-karriere,
.area-karriere .menu-popup:first-child .level-root,
.area-karriere .menu-popup li.level-2 > .level-column-inner,
.area-karriere .menu-popup .level-root > a, .area-karriere #menu-toolbar
{
  /*border-color: #E3001B !important;*/
  border-color: #43595f !important;
}
.menu-popup.area-karriere a.level-3 > span,
.menu-popup.area-karriere .level-footer > span,
.area-karriere .menu-popup .icon-toggle-submenu
{
  color: #E3001B;
}
.menu-popup.area-karriere .level-2.level-header {
  color: #000;
}

  /* Teaser-Boxen etc. */
.area-karriere .teaser-box, .area-karriere #teaser-pagination > .visible {
  background-color: #E3001B;
}
.area-karriere .teaser-box-link {
  background-color: #980D08;
}
.area-karriere #teaser-pagination > a {
  border: 1px solid #E3001B;
}

  /* Inhaltsbereich */
.area-karriere #breadcrumbs a,
.area-karriere .ce > header,
.area-karriere .ce > header a,
.area-karriere .ce-body a {
  color: #E3001B;
}
.area-karriere .ce-body table {
  border-bottom: 2px solid #e3001b;
}
.area-karriere .ce-body thead {
  text-align: left;
  border-bottom: 2px solid #e3001b;
}

  /* body */
.pagelayout-standard.area-karriere {
  background-color: #FDDBCE;
}

#news-row > div.ce {
  background-color: #009fee;
}




/* UNTERNEHMEN (fungiert auch als Default-Farbwelt, falls keine Area eingestellt ist!) */

/* Header-HG */
body.area-unternehmen > header {
  background-color: #b00f0a !important;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.20)), color-stop(55%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
}

  /* Mainmenu */
#main-menu li.level-1.area-unternehmen:hover,
#main-menu li.level-1.area-unternehmen.current-area,
#main-menu li.level-1.area-unternehmen.open, .area-unternehmen #menu-button.icon-close
{
  background: #E3001B !important;
}
#main-menu > #menu-top.area-unternehmen-open,
#menu-top.current-area-unternehmen,
.area-unternehmen .menu-popup:first-child .level-root,
.area-unternehmen .menu-popup li.level-2 > .level-column-inner,
.area-unternehmen .menu-popup .level-root > a, .area-unternehmen #menu-toolbar
{
  border-color: #E3001B !important;
}
.menu-popup.area-unternehmen a.level-3 > span,
.menu-popup.area-unternehmen .level-footer > span,
.area-unternehmen .menu-popup .icon-toggle-submenu
{
  color: #E3001B;
}
.menu-popup.area-unternehmen .level-2.level-header {
  color: #000;
}

  /* Teaser-Boxen etc. */
.area-unternehmen .teaser-box, .area-unternehmen #teaser-pagination > .visible {
  background-color: #E3001B;
}
.area-unternehmen .teaser-box-link {
  background-color: #980D08;
}
.area-unternehmen #teaser-pagination > a {
  border: 1px solid #E3001B;
}

  /* Inhaltsbereich */
.area-unternehmen #breadcrumbs a,
.area-unternehmen .ce > header,
.area-unternehmen .ce > header a,
.area-unternehmen .ce-body a {
  color: #E3001B;
}
.area-unternehmen .ce-body table {
  border-bottom: 2px solid #e3001b;
}
.area-unternehmen .ce-body thead {
  text-align: left;
  border-bottom: 2px solid #e3001b;
}

  /* body */
.pagelayout-standard.area-unternehmen {
  background-color: #FDDBCE;
}

#news-row > div.ce {
  background-color: #009fee;
}


/* MULTI-AREA Settings */

.area-aktuelles .teaser-box > p, .area-aktuelles .teaser-box-header, .area-aktuelles .teaser-box-header > a,
.area-projekte .teaser-box > p, .area-projekte .teaser-box-header, .area-projekte .teaser-box-header > a,
.area-karriere .teaser-box > p, .area-karriere .teaser-box-header, .area-karriere .teaser-box-header > a
.area-unternehmen .teaser-box > p, .area-unternehmen .teaser-box-header, .area-unternehmen .teaser-box-header > a
{
  color: white;
}

@media (min-width: 992px) {

  #main-menu .area-aktuelles a.level-1:hover,
  #main-menu .area-projekte a.level-1:hover,
  #main-menu .area-karriere a.level-1:hover,
  #main-menu .area-unternehmen a.level-1:hover,
  #main-menu li.level-1.current-area.area-aktuelles > a,
  #main-menu li.level-1.current-area.area-projekte > a,
  #main-menu li.level-1.current-area.area-karriere > a,
  #main-menu li.level-1.current-area.area-unternehmen > a,
  #main-menu li.level-1.open.area-aktuelles > a,
  #main-menu li.level-1.open.area-projekte > a,
  #main-menu li.level-1.open.area-karriere > a,
  #main-menu li.level-1.open.area-unternehmen > a
  {
    color: white;
  }

}


/* AREA-Farben NUR FÜRS MOBILE MENU */

@media (max-width: 991px) {

  .area-aktuelles #main-menu .menu-popup a.level-3 
  {
    border-color: #009fee !important;
  }
  .area-auskunft #main-menu .menu-popup a.level-3 
  {
    border-color: #ffdd00 !important;
  }
  .area-tickets #main-menu .menu-popup a.level-3 
  {
    border-color: #f59e01 !important;
  }
  .area-service #main-menu .menu-popup a.level-3 
  {
    border-color: #cfda03 !important;
  }
  .area-projekte #main-menu .menu-popup a.level-3 
  {
    border-color: #005FA1 !important;
  }
  .area-unternehmen #main-menu .menu-popup a.level-3 
  {
    border-color: #E3001B !important;
  }


}