/*
 * Overrides CSS
 */

.blurry-text { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); }

/*Aenderungen Mic*/

.pull-left.item-image {
    max-width: 200px;
}

.pull-right.item-image {
    max-width: 200px;
}

div.page-header h2 a {
    color: #E8884D;
}

body.site .item-page h1,
body.site .blog h1 {
    font-size: 25px;
    color: #587DC4;
}

h1, h2, h3 {
    line-height: 30px !important;
}

.label-success, .badge-success {
    background-color: #587DC4;
}


.ap_ajax_qc .success {
    color: rgb(88, 125, 196);
    background-color: rgb(255, 255, 255);
}

.breadcrumb {
    padding: 4px 10px;
    font-size: 10px;
    background-color: #fbfbfb;
}

/*Content*/

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.clr {
    clear: both;
}

.container.site_wrapper {
    box-shadow: 0px 0px 20px 2px rgba(208, 208, 208, 0.48);
}

.is_fullwidth {
    width: 134.49%;
}

.corp-color {
    color: #587dc4;
}

a {
    transition: all 0.4s ease-in-out;
}


.flexbox,
.flexbox .content-col,
.flexbox .sidebar-col {
    min-width: 1px;
    min-height: 1px;
}

.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flexbox;
  display: flex;
  overflow: hidden;
} 

.flexbox .sidebar-col {
    order: 1;
    flex: 1 1 100%;
    -webkit-flex: 1 1; /*iOS!*/
}

.flexbox .content-col {
    order: 2;
    flex: 1 1 100%;
    -webkit-flex: 1 1; /*iOS!*/
}

@media(max-width: 768px) {
  .flexbox {
    flex-direction: column;
  }
}

@media(min-width: 769px) {

  .flexbox .sidebar-col {
      flex: 1 1 21.85%;
      order: 2;
  }

  .flexbox .content-col {
      flex: 1 78.1%;
      order: 1;
  }
}


@font-face {
    font-family: 'michromaregular';
    src: url('../fonts/michroma-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/michroma-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

main#content {
    border-left: 16px solid #587dc4;
}

.container.content {
    padding-top: 0px;
}

.item-page {
    min-height: 500px;
    margin: 0 0 80px;
}

body.Firefox .item-page {
    margin: 0 0 65px;
}

img.mobile_logo {
  display: none;
}

body.site .sidebar-col {
    background-color: #587dc4;
    font-family: 'michromaregular';
    font-size: 18px;
}

.clear-right.pull-right {
    padding: 40px 24px 20px 16px;
}

body.itemid-111 .clear-slider {
    padding: 40px 0px;
}

.clear-slider {
    padding: 40px 0px 30px;
}

body.site.itemid-111 .item-page h1 {
    text-transform: none;
}

.blog div.items-row:last-child {
  margin: 0 0 80px;
  }

body.site div.items-row div.item.column-1 {
    margin: 0 0 20px;
}

body.site div.items-row div.item.column-2 {
    margin: 0 0 10px;
}

.item-page h1,
.blog h1 {
    font-size: 19px;
    text-transform: uppercase;
}

.item-page h2,
.blog h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #E8884D;
}

.content-col hr {
    border: 0;
    border-top: 12px solid #f6f7f8;
    position: absolute;
    z-index: 9;
    /* color: red; */
    left: 16px;
    margin: 0px;
    display: none;
}

hr.long-hr-top {
    top: 152px;
    width: 70% !important;
}

hr.short-hr-top {
    top: 250px;
    width: 7.8%;
}

hr.long-hr-bottom {
    bottom: 120px;
    width: 98.8%;
}

div#trenner-slider {
    z-index: 4 !important;
}

.logo-bottom {
    z-index: 11;
    position: relative;
}

.logo-bottom p {
    font-size: 10px;
    padding: 20px 0px;
    text-align: center;
}

body.site .logo-bottom img {
    width: 19%;
}

@media(min-width: 1025px) {

  div#xmap {
      min-height: 580px;
  }
}

body.site .pull-right.item-image {
    margin: 0 0 18px 10px;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
      background-color: #04305D;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 10%;
    bottom: 10%;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/*scrollToTop*/
.scroll-top-wrapper:hover {
  background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
  opacity: 0.6;
}
.scroll-top-wrapper i.fa {
  line-height: inherit;
}

/*body.site div.blog div.item.column-1,
body.site div.blog div.item.column-2 {
    min-height: 296px;
}*/


/*mobile leistungs Menue Link*/

body.site div#module_1 a.mobile_sub {
    padding: 10px 5px 10px 0px;
    margin: 1px;
    width: 1px;
    height: 1px;
}

li.mobile_li {
    display: inherit !important;
}

.itemid-130 figure.pull-left {
    padding: 0 20px 20px 0;
}
.itemid-130 figure.pull-right {
    padding: 0px 0px 20px 20px;
}


/*sidebar*/

h2.slogan {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    margin: 60px 0px 10px 15px;
    line-height: 25px !important;
}

body.site h2.slogan span.slogan_1 {
    color: #E8884D;
    font-size: 20px;
}

body.site h2.slogan span.slogan_2 {
    font-size: 24px;
    letter-spacing: 3px;
}

.vcard {
    color: #fff;
    text-transform: uppercase;
}

body.site .vcard p.tel a,
body.site .vcard p.fn a {
    color: #fff;
    text-decoration: none;
}

.vcard p.tel {
    margin: 40px 20px 30px;
    font-size: 16px;
    text-align: right;
}

body.site .vcard p.tel a:hover {
    color: #EC8F4D;
}

.vcard p.adr {
    margin: 17px 20px;
    text-align: right;
    line-height: 30px;
    font-size: 14px;
    letter-spacing: 1px;
}

.vcard span.country-name,
.vcard p.fn  {
    display: none;
}

div.cat-tags {
    color: #fff;
    text-align: right;
    margin: 112px 20px 50px;
}

div.cat-tags h3 {
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
}

/*Icons*/

.icons {
    background-image: none;
}

.icons-row {
    background-image: none;
    display: flex;
}

.icons-cell {
    background-image: none;
    height: auto;
    flex: 1 33%;
    -webkit-flex: 1; /*iOS!*/
    transition: all 0.4s ease-in-out;
}

@media(min-width: 768px) {
/*  .icons-cell {
    -webkit-box-reflect: below 10px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, transparent 30%, transparent 100%);      
  }*/

  .icons-row {
      margin: 0px 0px 60px;
  }
}

.icons-cell:hover img {
    box-shadow: 0px 0 20px -20px #fff, 0px 0 20px -20px #fff;

}

.icons-cell img {
    max-width: 136px;
    /*box-shadow: 15px 0 20px -20px #000, -15px 0 20px -20px #444444;*/
    z-index: -1;
/*    transition: box-shadow 0.4s ease-in-out;*/
}

.icons-cell h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: #587DC4;
    text-align: right;
    vertical-align: top;
    display: inline;
    padding: 0px 10px;
}


/*footer*/

footer.clear-footer {
    min-height: 130px;
}

body.itemid-111 .footer-sidebar {
    position: relative;
    top: 100px;
}

.footer-sidebar {
    position: relative;
    top: 30px;
}

/*sb footer sitemap*/
body.itemid-132 .footer-sidebar,
body.itemid-135 .footer-sidebar,
body.itemid-140 .footer-sidebar,
body.itemid-121 .footer-sidebar {
    position: relative;
    top: 40px;
}

/*sb footer about*/
body.itemid-130 .footer-sidebar {
    position: relative;
    top: 90px;
}

/*sb footer kontakt*/
body.itemid-122 .footer-sidebar,
body.itemid-134 .footer-sidebar {
    position: relative;
    top: 60px;
}

/*sb unfall*/
body.itemid-136 .footer-sidebar {
    position: relative;
    top: 170px;
}

/*sb glas*/
body.itemid-139 .footer-sidebar {
    position: relative;
    top: 40px;
}

/*sb smart*/
body.itemid-138 .footer-sidebar {
    position: relative;
    top: 140px;
}

/*sb komfort*/
body.itemid-137 .footer-sidebar {
    position: relative;
    top: 210px;
}

/*sb reifen*/
body.itemid-141 .footer-sidebar {
    position: relative;
    top: 80px;
}

.clear-right-bottom {
    text-align: right;
    margin-right: 20px;
    position: relative;
}

ul.nav.menu.footer-nav li:first-child:after {
    content: '  |  ';
    color: #fff;
    position: relative;
    top: 3px;
}

ul.nav.menu.footer-nav li {
    display: inline;
}

ul.nav.menu.footer-nav a {
    color: #ededed;
    display: inline-block;
    font-size: 12px;
    padding: 0 5px;
}

ul.nav.menu.footer-nav a:hover {
    background-color: rgba(238, 238, 238, 0.35);
}



/*Resp overrides*/

@media (min-width: 1280px) {
  
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
      width: 1280px;
  }
}


/*Menue*/

body.site .navbar .nav>li>a:focus,
body.site .navbar .nav>li>a:hover {
    color: #E8884D;
  }

body.site .navbar-inner {
    /*background-image: none;*/
    background-color: transparent;
    border: none;
    box-shadow: none;
}


ul.nav.menu.nav-pills {
    margin: 0px;
}

ul.nav.menu.nav-pills li {
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

body.site .navbar .nav>li>a {
    float: none;
    padding: 10px 5px 10px;
}

body.site .navbar .nav li a,
body.site .navbar .nav li.item-112 {
    font-weight: bold;
    color: #587dc4;
}

body.site .navbar .nav>.active>a,
body.site .navbar .nav>.active>a:hover,
body.site .navbar .nav>.active>a:focus {
    color: #e8884d;
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
@media(min-width: 1201px) {
  
  body.site ul.nav.menu.nav-pills li.current.active {
      background: url('../../../images/content/menue_active.png') no-repeat top left;
      background-position: 50% 50%;
  }
}

body.site .navbar ul.nav li.dropdown ul {
    padding: 0px;
}

body.site .navbar ul.nav li.dropdown ul li {
    margin: 0px;
    padding: 0px;
}

body.site .navbar ul.nav li.dropdown ul a:hover,
body.site .navbar ul.nav li.dropdown ul a:focus {
    color: #fff !important;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
     color: #e8884d; 
     background-color: transparent; 
}

body.site .navbar ul.nav li.dropdown ul li.current.active {
      background: none; 
}

body.site .navbar ul.nav li.dropdown ul li.current.active a {
      color: #e8884d;
      background-color: transparent;
      background-image: none; 
}


body.site ul.nav li.dropdown ul a:hover,
body.site .navbar ul.nav li.dropdown ul li.current.active a:hover {
      background-color: #587dc4 !important;
      background-image: none;
}

.navbar .nav li {
  display: block;
}


 /* Activates hovering the main items to show the sub items */
@media (min-width: 1025px) {
   .nav-pills > li > a,
   .dropdown-menu {
      margin: 0;
   }
 
   .nav-pills > li.dropdown:hover ul.dropdown-menu,
   .nav-tabs > li.dropdown:hover ul.dropdown-menu {
      display: block;
   }
 
   .nav-pills > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu,
   .nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu .dropdown-menu {
      display: none;
   }
 
   .nav-pills > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu,
   .nav-tabs > li.dropdown ul.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
      display: block;
   }
}

/* Submenus below each other */
@media (max-width: 733px) {
   .dropdown,
   .dropdown-submenu {
      display: block;
      position: static;
      float: none;
   }
   .dropdown-menu {
      position: static;
      float: none;
   }
   .open .nav-child.dropdown-menu {
      display: block;
      background-color: transparent;
      border: none;
      border-radius: 0;
      box-shadow:none;
   }
}

/*Resp-Menu*/
h4.menue_bt_header {
    text-transform: uppercase;
    color: #587DC4;
    font-weight: 400;
    font-size: 12px;
}


/*bootstrap Carousel*/

.item {
   max-width: 100%;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition: opacity 2.0s ease;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/*!<-- end BS carousel

/*icons hover shadow*/

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.icons-cell:hover .hover-shadow,
.icons-cell:focus .hover-shadow,
.icons-cell:active .hover-shadow {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.icons-cell:hover .hover-shadow:before,
.icons-cell:focus .hover-shadow:before,
.icons-cell:active .hover-shadow:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}




body#body ul.nav.menu.footer-nav li:after {
    content: '|';
    color: #fff;
    position: relative;
    top: 3px;
}
body#body ul.nav.menu.footer-nav li:last-child:after {
    content: ' ';
}
ul.nav.menu.footer-nav {
    white-space: nowrap;
}
body#body ul.nav.menu.footer-nav a {
    font-size: 11px;
}

/*cookie control*/
body#body #cookiesck .cookiesck_inner a,
a.cookieImp {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
}
body#body #cookiesck_accept {
    background: #e18844;
    float: none;
    width: 100px;
    margin: 20px auto 0px !important;
    border: 1px solid #fff;
}
body#body #cookiesck_readmore {
    margin: 1px 0px 1px 1px;
    color: #fff;
    float: none;
    text-decoration: underline;
    text-shadow: 0px 3px 5px #525252;
    padding: 10px 10px 10px 0px;
}
body#body #cookiesck {
    padding: 5px 10px 5px;
    font-size: 16px;
}
body#body #cookiesck_readmore:hover,
body#body a.cookieImp:hover {
    color: #e18844;
    text-shadow: none;
}
body#body #cookiesck .cookiesck_inner,
a.cookieImp {
    display: initial;
    line-height: 20px;
    text-shadow: 0px 3px 5px #525252;
}
body#body #cookiesck_accept:hover {
    font-size: initial;
    background: #fff;
    color: #e18844;
    border-color: #e18844;
}
@media(max-width: 1280px) {
  body#body.site div#cookiesck span {
      font-size: 14px !important;
  }
  body#body.site #cookiesck_readmore {
      padding: 10px 10px 10px 0 !important;
  }
  body#body.site #cookiesck_accept {
      float: none !important;
      margin: 10px auto !important;
  }
  body#body.site #cookiesck {
      text-align: left !important;
      line-height: 25px !important;
  }
}
@media(max-width: 1366px) {
  body#body.mobile #cookiesck_accept {
      width: 85px;
  }
}