/*
hell:   #F4A77B
dunkel: #F45900
*/

/* load default graphics */
#header .logo {
  background-image: url('/layout/image/farbe/orange/myFanbaseLogo.png');
}

#header .claim {
  background-image: url('/layout/image/farbe/orange/myFanbaseClaim.png');
}

.top-searchbox-button {
  background-image: url('/layout/image/orange/suche.png');
}

/* load retina graphics */
@media all and 
  (-webkit-min-device-pixel-ratio: 1.5), 
  (min--moz-device-pixel-ratio: 1.5), 
  (-o-min-device-pixel-ratio: 3/2), 
  (min-resolution: 1.5dppx) {
    
    #header .logo {
      background-image: url('/layout/image/farbe/orange/myFanbaseLogo@2x.png');
      background-size: 166px 83px;
    }

    #header .claim {
      background-image: url('/layout/image/farbe/orange/myFanbaseClaim@2x.png');
      background-size: 306px 25px;
    }

    .top-searchbox-button {
      background-image: url('/layout/image/farbe/orange/suche@2x.png');
      background-size: 30px 25px;
    }
}

/* load vector graphics with color fill */
#header .logo {
  background-image: url('/layout/image/farbe/orange/myFanbaseLogo.svg'), none;
}

#header .claim {
  background-image: url('/layout/image/farbe/orange/myFanbaseClaim.svg'), none;
}

.top-searchbox-button {
  background-image: url('/layout/image/farbe/orange/suche.svg'), none;
}

.top-searchbox-textbox,
.top-searchbox-textbox::placeholder {
  color: #F45900;
}

/* load vector graphics as image mask */
@supports ((-webkit-mask-image: url("")) or 
          (-o-mask-image: url("")) or 
          (-moz-mask-image: url("")) or 
          (mask-image: url(""))) {

  #header .logo,
  #header .claim {
    background-image: url('') !important;
    background-color: #F45900;
  }

  .top-searchbox-button {
    background: -moz-linear-gradient(top, #F4A77B 20%, #F45900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#F4A77B), color-stop(100%,#F45900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F4A77B 20%,#F45900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F4A77B 20%,#F45900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F4A77B 20%,#F45900 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F4A77B 20%,#F45900 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4A77B', endColorstr='#F45900',GradientType=0); /* IE6-8 */
    overflow: auto; /* IE7 fix to display gradient */
  }
}

#serientitel p, #serientitel h1, h1, h2, h3 {
  color: #F45900;
}

.content-box h2:first-child, .tvpreview h2, .buyteaser h2, .withinfo h2 {
  background-color: #F45900;
}

#left .content-box #text h2:first-child {
  color: #F45900;
  background-color: initial;
}

.editorial-links a {
  color: #ffffff/*#F45900*/;
}

/* background alternative image */
.editorial-banner {
  background: rgba(244, 89, 0, 0.8);
}

table.wahlergebnis div.status {
  background-color: #F45900;
}

/* top + submenu navigation */
#top-navigation,
/*#top-navigation ul.dropdown,*/
#top-navigation ul.dropdown li,
#serien-menu,
#serien-menu ul.dropdown {
  background-color: #F45900;
  /* gradient background */
  background: #F45900; /* Old browsers */
  background: -moz-linear-gradient(top,  #F4A77B 0%, #F45900 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4A77B), color-stop(100%,#F45900)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #F4A77B 0%,#F45900 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #F4A77B 0%,#F45900 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #F4A77B 0%,#F45900 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #F4A77B 0%,#F45900 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4A77B', endColorstr='#F45900',GradientType=0 ); /* IE6-8 */
}
#top-navigation ul.dropdown li,
#serien-menu ul.dropdown li {   
  border-color: #F4A77B;
}
#top-navigation ul.dropdown li:hover,
#serien-menu ul.dropdown > li:hover {
  background-color: #F45900;
  /* gradient background */
  background: #F45900; /* Old browsers */
  background: -moz-linear-gradient(top,  #F45900 0%, #F4A77B 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F45900), color-stop(100%,#F4A77B)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #F45900 0%,#F4A77B 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #F45900 0%,#F4A77B 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #F45900 0%,#F4A77B 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #F45900 0%,#F4A77B 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F45900', endColorstr='#F4A77B',GradientType=0 ); /* IE6-8 */
}
#top-navigation ul.dropdown .menu-list,
#serien-menu ul.dropdown ul li, #top-searchbox-result {
  background-color: #F4A77B;
}
#top-navigation .menu-list table {
  margin: 10px 0px;
  background-color: #F4A77B;
}
#top-navigation .menu-list td a:hover, #top-searchbox-result a:hover {
  color: #F45900;
}
#serien-menu ul ul li:hover {
  background-color: #F45900;
}