@charset "utf-8";
@import "standard.css";
@import "slider.css";

/* -------------------------------------------------------------------------- global */
html {
  overflow-y:scroll;
}
hr {
  display:none;
}
.clear {
  clear:both;
}
.uk-container {
    max-width: 1030px;
}
/* -------- LINK STYLE */

.colMain a {
  text-decoration: none;
  color: #0171B9;
}
.colMain a:hover {
  color: #e2001a;
}
.colMain a:active {
  color: #e2001a;
}

/* -------- LIST STYLE */

.colMain ul li{
}

.colMain ul li ul li{
  list-style-type: disc;
}

.colMain ol {
  margin: 0 0 1em 2em;
}
.colMain ol li {
  list-style-type: decimal;
}

/*Buttons*/
.uk-button:hover::after {
  opacity: 1;
}
.uk-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
  background-image: linear-gradient(180deg, #d82a2a, #d8404c);
  z-index: -1;
}
.uk-button:hover {
  color: #fff;
}
.uk-button {
  background-image: linear-gradient(180deg, #007a90, #00657a);
  background-color: #007a90;
  color: #fff;
  border-radius: 4px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

/* -------------------------------------------------------------------------- items-more */
.items-more > ol {
    margin: 0 0 0 2em;
}

/* -------------------------------------------------------------------------- top nav */
#pageHead {
  box-shadow: 0px -20px 20px -20px #ccc inset, 0px 20px 20px -20px #555 inset;
}
#pageHead a.uk-navbar-brand {
  height: 100px;
  padding: 0;
}
#pageHead a.uk-navbar-brand > img {
  height: 100%;
}
#pageHead .madeInGermany {
  margin-right: 15px;
}
#pageHead div.navTop {
  background-image: linear-gradient(180deg, #007a90, #00657a);
  border-radius: 4px 4px 0 0;
  text-align: center;
  height: 34px;
}
#pageHead div.navTop ul {
  margin: 0;
  display: inline-block;
  list-style: none;
  overflow: auto;
}
#pageHead div.navTop ul > li:not(:first-child) {
  border-left: 1px solid #fff;
}
#pageHead div.navTop ul > li {
    float: left;
    margin: 0;
}
#pageHead div.navTop ul > li.active > a::after,
#pageHead div.navTop ul > li > a:hover::after {
  opacity: 1;
}
#pageHead div.navTop ul > li > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
  background-image: linear-gradient(180deg, #d82a2a, #d8404c);
  z-index: -1;
}
#pageHead div.navTop ul > li > a {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    display: block;
    padding: 0 30px;
    text-decoration: none;
    position: relative;
    z-index: 0;
}
#pageHead a[data-uk-offcanvas] {
  background-image: linear-gradient(180deg, #007a90, #00657a);
  border-radius: 4px 4px 0 0;
  height: 34px;
  color: #fff;
}
/* -------------------------------------------------------------------------- sub */
#pageBody {
  background-color: #f9f9f9;
  background-image: linear-gradient(90deg, #f5f5f5 0%,#ffffff 50%, #f5f5f5 100%);
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
}
#pageBody.vtSite .colMain { /*linke Spalte, sub nav*/
  width: 720px;
  float: left;
  margin: 0 0 50px 0px;
}
#pageBody .colRight {
  width: 180px;
  float: left;
  margin:11px 0 0 20px;
}
#pageBody .colMain {
  margin: 50px 0;
}
#pageBody .colMain .blog {
  margin: 56px 0;
}
/* -------------------------------------------------------------------------- sub nav */
.colLeft h3 {
  padding: 13px 25px;
  font-size: 15px;
  color: #e2001a;
  line-height: 2;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
.colLeft .menu {
  background-image: linear-gradient(180deg, #007a90, #00657a);
  padding: 0px;
  border: 2px solid #fff;
  box-shadow: 0px 0px 3px #ccc;
}
.colLeft ul li {
  line-height: 25px;
  list-style: none outside none;
  color: #c3c3c3;
  font-size:15px;
  margin: 0;
}
.colLeft ul li:last-child {
  border-bottom:none;
}
.colLeft ul li a {
    display: block;
    color: #ffffff;
    padding: 2px 25px;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
}
.colLeft ul li a:hover,
.colLeft ul li.active a:hover,
.colLeft ul li a:hover {
  color: #fff;
  background-color:#e2001a;
}
.colLeft ul li.active {
  margin: 0;
  border-bottom: 1px solid #ffffff;
  background-image: linear-gradient(180deg, #d82a2a, #d8404c);
}
.colLeft ul li.active a {
  color: #ffffff;
  line-height: 25px;
  padding-top:2px;
  padding-bottom:2px;
}
  .colLeft ul li.active a:hover {
    background-color: #006A7D;
    color:#fff;
  }

  .colLeft ul li ul {
    padding-top: 6px;
    display: none;
    background:url(../images/subnav_act_bg.gif) repeat-x 0 0px #fff;
    margin-bottom:0px;
  }
  .colLeft ul li ul li ul{
    padding-top: 6px;
    display: none;
    background:none;
  }
    .colLeft ul li ul li {
      border-bottom: 0;
      line-height:25px;
      padding-top:0px;
      padding-bottom:0px;
    }
  .colLeft ul li.active ul { /* Submenu*/
    display: block;
    padding-top:0px;
  }
    .colLeft ul li.active ul li a {
      color: #6f6f6f;
      padding: 0 35px;
    }
    .colLeft ul li.active ul li.active {
      color: #e2001a;
      background:none;
      margin-left:0px;
      line-height:25px;
      padding-top: 0px;
      padding-bottom: 0px;
      border-bottom:0px solid #e2001a;
    }
    .colLeft ul li.active ul li.active a {
      color: #e2001a;
    }
      .colLeft ul li.active ul li.active a:hover {
        color: #ffffff;
      }
    .colLeft ul li.active ul li ul{ /* Subsub-Menu*/
    display: block;
    margin-left:15px;
  }
/* -------------------------------------------------------------------------- sub nav contact*/

.contact {
  padding: 20px 25px;
  background-image: linear-gradient(to bottom, #eaeaea, #fff);
  border: 2px solid #fff;
  box-shadow: 0px 0px 3px #ccc;
}
.contact .head {
  color:#006A7D;
  font-weight:bold;
}
.contact .subhead {
  color:#0171b9;
  font-weight:bold;
}
.contact ul {
  margin: 0;
}
.contact ul > li {
  position:relative;
  display: block;
  width: 200px;
  font-size: 13px;
  color: #585858;
  min-height: 20px;
  line-height: 20px;
}
.contact ul > li a {
  color: #E2001A;
  display: inline;
  min-height: auto;
  padding: 0;
  width: auto;
}
.contact ul > li a:hover {color:#333333;background-color: transparent;}
/* -------------------------------------------------------------------------- footer nav*/

#pageFoot {
  box-shadow: 0px 20px 20px -20px #ccc inset;
}
#pageFoot div.navQuick {
  background-image: linear-gradient(180deg, #007a90, #00657a);
  border-radius: 0 0 4px 4px;
  text-align: right;
  height: 34px;
  margin-bottom: 10px;
  overflow: hidden;
}
#pageFoot div.navQuick ul::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 43px;
    top: 50%;
    left: -53px;
    margin-top: -5px;
    background-image: url("../images/footer_bullet.gif");
}
#pageFoot div.navQuick ul {
  margin: 0;
  display: inline-block;
  list-style: none;
  position: relative;
}
#pageFoot div.navQuick ul > li:not(:first-child) {
  border-left: 1px solid #fff;
}
#pageFoot div.navQuick ul > li {
  float: left;
  margin: 0;
}
#pageFoot div.navQuick ul > li.active > a::after,
#pageFoot div.navQuick ul > li > a:hover::after {
  opacity: 1;
}
#pageFoot div.navQuick ul > li > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
  background-image: linear-gradient(180deg, #d82a2a, #d8404c);
  z-index: -1;
}
#pageFoot div.navQuick ul > li > a {
    color: #fff;
    font-size: 12px;
    line-height: 34px;
    display: block;
    padding: 0 30px;
    text-decoration: none;
    position: relative;
    z-index: 0;
}

/* -------------------------------------------------------------------------- Joomfish */

#jflanguageselection{
  position:absolute;
  top:-5px;
  right:0px;
  margin: 0px;
}

/* -------------------------------------------------------------------------- Details */

.minilink {
  font-size:11px;
}
.table_white table {
  border: 0;
}
.table_white table td {
  padding: 0 5px 0 0;
  vertical-align:middle;
  text-align: center;
  border: 0;
  background-color:#ffffff;
}
.table_dl table {
        width: 690px;
  border: 0;
}
.table_dl table td {
  border: 0;
  background-color: #FFF;
}
.blue_arrow span {
    background: url("../images/readmore.gif") no-repeat 0 4px;
    margin-right:10px;
}
.automotive_rotator {
  margin: 0px !important;
  padding: 0px !important;
}
.automotive_rotator td {
  padding: 0px !important;
}
#karriere table {
  width: 680px;
  border: 0;
}
  #karriere table td {
    padding: 4px 0 0 0;
    vertical-align:top;
    border: 0;
    background-color: #FFF;
  }

#red_txt,.red_text  {color:#E2001A;}

.blue_txt  {color:#0171B9;}


/* ----------------------------------------- form */
form {
  margin:0 0 20px 0;
}
.form .fieldset {
  margin:0 0 0 -40px;
  padding:0;
  width:500px;
  overflow:hidden;
}
    input[type="text"],
    input[type="search"],
    select,
    textarea {
      border-top:1px solid #acadb2;
      border-right:1px solid #dadfe5;
      border-bottom:1px solid #e2e9ef;
      border-left:1px solid #e3e3eb;
      border-radius:2px;
      padding:4px;
      margin:0;
      color:#333333;
      font:13px/1.5 arial,helvetica,sans-serif;
    }
    textarea {
      clear:both;
      float:none;
      width:425px;
      height:140px;
      resize:vertical;
    }
    form div.wide {
        width:500px;
        float:none;
        clear:both;
      }
      form div label {
        display:block;
        margin-bottom:2px;
      }
#content div.divider {
  height:1px;
  border-bottom:1px solid #dedede;
  margin-bottom:0px;
  padding-top:0;
  margin-top:0;
  width:auto;
  float:none;
  clear:both;
}

input.formerror,textarea.formerror {
  background-color:#00647A;
  color:#FFFFFF;
}
/*  ------ tabmenue ---*/
.colMain ul.menu {
  position:relative;
    display: block;
    margin: 20px 0;
    padding: 0;
  width:100%;
  border-bottom:1px solid #E2001A;
  height:30px;
}
.colMain ul.menu li:not(:first-child) {
  padding: 0 0 0 8px;
}
.colMain ul.menu li {
    display: block;
    float: left;
    font-weight: bold;
    height: 30px;
    padding: 0;
    margin: 0;
    width: auto;
    box-sizing: border-box;
}
.colMain .uk-dropdown ul li {
  float: none;
  width: 100%;
}
.colMain .uk-dropdown ul li:not(:first-child) {
  padding: 0;
}
.colMain ul.menu li a {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 0 solid #DDDDDD;
    color: #3A5A84;
    display: block;
    font-size: 13px;
    height: 29px;
    line-height: 30px;
    margin: 0;
    padding: 0 20px;
    text-decoration: none;
    width: auto;
}
.colMain ul.menu li.active a, .colMain ul.menu li a:hover, .colMain ul.menu li.uk-active a {
    background: none repeat scroll 0 0 #00647A;
    border-right-width: 1px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    height: 30px;
    margin: 0 -1px 0 0;
    padding-top: 4px;
    position: relative;
    top: -4px;
}
.colMain ul.menu li:first-child a {
    border-top-left-radius: 2px;
}
.colMain ul.menu li:last-child a {
    border-top-right-radius: 2px;
    border-width: 0 1px 0 0;
}
/*.colMain ul.menu-content {
    background-color: #FFFFFF;
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}
.colMain ul.menu-content > li {
    display: none;
    padding: 10px;
}
.colMain ul.menu-content > li.active {
    display: block;
}
.colMain ul.menu:before, ul.menu:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.colMain ul.menu:after {
    clear: both;
}*/

/* Blog/Aktuelles */
.blogbuttons {
  position:absolute;
  right:10px;
  margin-top:-20px;
}

.readon {
  margin-left:0px;
}

.colMain .small, .colMain .createdate {
  margin-right:25px;
  color:#aaa;
  font-style: italic;
}

.blogItem {
    background: url("../images/teaser.gif") no-repeat;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
    line-height: 1.5em;
    margin: 10px 0 20px;
    padding: 10px 20px;
    position: relative;
    background-color: #fff;
}

#pageBody  .blogItem p {
    margin: 5px 0;
}

#pageBody  .blogItem h2 {
  margin:0px 50px 5px;
}

#pageBody  .blogItem h3 {
  margin-left:0px;
}

.blog_more,.pagination {
  margin-left:20px;
}
/* START Pagination */
.pagination {
  overflow: hidden;
  margin: 0;
}

.pull-right {
    float: right;
}
.cat-children + .pagination {
  margin-top: 20px;
}
.pagination ul {
  margin: 0;
}
.pagination li {
  display: inline-block;
  margin: 0;
}
.pagination a, .pagination span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none;
}
.pagination a:hover, .pagination .active a, .pagination .active span {
    background-color: #F5F5F5;
}
.pagination .active a, .pagination .active span {
    color: #999999;
    cursor: default;
}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #999999;
    cursor: default;
}
.pagination li:first-child a, .pagination li:first-child span {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a, .pagination li:last-child span {
    border-radius: 0 3px 3px 0;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}

/* END Pagination */


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*Navigation*/
#pageHead div.mod-languages ul > li:not(:first-child) {
    margin-left: 10px;
}
#pageHead div.mod-languages ul > li {
    margin: 10px 0 0;
    display: inline-block;
}
#pageHead div.mod-languages ul > li > a {
    display: block;
    height: 24px;
    width: 24px;
}

/*Mobile Navigation*/
#mobile-nav > div {
    background-image: linear-gradient(180deg, #007a90, #00657a);
    box-shadow: 2px 0 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}
#mobile-nav a.uk-navbar-brand {
    padding: 10px 0;
    display: block;
    height: auto;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
#mobile-nav ul.menu {
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-top: 1px solid rgba(0,0,0,0.1);
}
#mobile-nav ul.menu,
#mobile-nav ul.menu > li {
  margin: 0;
}
#mobile-nav ul.menu > li.active > a,
#mobile-nav ul.menu > li > a:hover {
  background-color: rgba(0,0,0,0.1);
}
#mobile-nav ul.menu > li > a {
    padding: 10px 15px;
    display: block;
    color: #fff;
    font-weight: 700;
    border-top: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 -1px rgba(0,0,0,0.1) inset;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
}
#mobile-nav ul.lang-inline {
    padding: 10px 0;
    display: flex;
    justify-content: space-around;
    background-color: rgba(0,0,0,0.2);
}
#mobile-nav ul.lang-inline > li {
    margin: 0;
}
#mobile-nav ul.lang-inline > li > a {
    display: block;
    padding: 3px;
    background-color: #fff;
    border-radius: 50%;
}
#mobile-nav ul.lang-inline > li > a > img {}
#mobile-nav .mod-languages {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}


/*Slider*/
#slider::after {
    content: "";
    height: 30px;
    left: 0;
    right: 0;
    bottom: 40px;
    background-image: url("../images/navshadow.png");
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}
#slider {
    box-shadow: 0 0 3px #CCCCCC;
    border: 2px solid #fff;
    margin: 10px 0;
    background-image: linear-gradient(to left, #D2D2D2, #ffffff, #D2D2D2);
    padding-bottom: 40px;
    position: relative;
}
#slider .uk-slideshow > li img {
    padding: 10px 0;
}
#slider .uk-slideshow > li h3 {
    color: #585858;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 1em;
}
#slider .uk-slideshow > li h4 {
    font-size: 18px;
    line-height: 1em;
    margin-bottom: 10px;
}
#slider .uk-slideshow > li ul {
    margin: 0;
    padding: 0 10px 0 35px;
}
#slider .uk-slideshow > li ul > li {
    font-size: 16px;
    margin: 0;
    line-height: 1.4em;
}
#slider .uk-slideshow > li a.da-link {
    background: url(../images/readmore.gif) no-repeat scroll 0 4px transparent;
    color: #006A7D;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 10px 0 20px;
    padding-left: 20px;
}
#slider .uk-slidenav.uk-slidenav-previous {
    left: 0;
}
#slider .uk-slidenav.uk-slidenav-next {
    right: 0;
    background-position: 27px;
}
#slider .uk-slidenav-position:hover .uk-slidenav {
    opacity: 1;
}
#slider .uk-slidenav {
    display: block;
    height: 27px;
    width: 27px;
    color: transparent;
    background-image: url(../images/arrows2.jpg);
    margin: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}
#slider .uk-dotnav {
    bottom: -40px;
    margin: 0;
    background-image: linear-gradient(to left, #B0B0B0, #ffffff, #B0B0B0);
    padding: 0 30px;
    height: 40px;
}
#slider .uk-dotnav > li:last-child {
    border-right: 1px solid rgba(0,0,0,0.1);
}
#slider .uk-dotnav > li {
    border-left: 1px solid rgba(0,0,0,0.1);
    margin: 0;
    padding: 0;
}
#slider .uk-dotnav > li.uk-active > a,
#slider .uk-dotnav > li > a:hover {
  background-color: #006A7D;
}
#slider .uk-dotnav > li > a {
    border-radius: 0;
    height: 40px;
    width: auto;
    background-color: transparent;
    text-indent: 0;
    padding: 0 20px;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
}
#slider .uk-dotnav > li.uk-active > a > *,
#slider .uk-dotnav > li > a:hover > * {
    color: #fff !important;
}
#slider .uk-dotnav > li > a > * {
    display: block;
    transition: all 0.3s ease-in-out 0s;
}
#slider .uk-dotnav > li > a > span:nth-child(1) {
    color: #585858;
    font-size: 16px;
    font-weight: bold;
}
#slider .uk-dotnav > li > a > span:nth-child(2) {
    color: #006A7D;
    font-size: 14px;
}

/*ReCaptcha*/
#g-recaptcha:disabled {
  opacity: 0.3;
  pointer-events: none;
}

input.uk-form-danger[type="checkbox"], input.uk-form-danger[type="radio"] {
    outline: 1px solid #e2001a;
}
form div label.checkboxradio-label {
	display:inline;
}


/*xLarge and higher*/
@media (max-width: 1220px) {
}

/*Large and higher*/
@media (max-width: 960px) {
}

/*Medium and higher*/
@media (max-width: 768px) {
  #slider .uk-slideshow > li .uk-overlay-slide-right {
    padding: 0 30px ;
  }
  #slider .uk-dotnav > li:not(:first-child) {
    margin-left: 10px;
  }
  #slider .uk-dotnav > li {
    border: none !important;
  }
  #slider .uk-dotnav > li > a {
    text-indent: 100%;
    padding: 0;
    width: 20px;
    height: 20px;
    margin: 10px 0;
    background-color: rgba(0,0,0,0.2);
  }
  #pageBody .colMain {
    margin: 20px 0;
  }
  .colMain ul.menu + h1 {
    margin-top: 10px;
  }
  .banner {
    margin-top: -40px;
  }
}

/*Small and higher*/
@media (max-width: 480px) {
  #pageHead a.uk-navbar-brand {
    width: 100%;
    text-align: center;
  }
  #pageHead .uk-float-right {
    display: none;
  }
  .colMain ul.menu li a {
    font-size: 12px;
    padding: 0 10px;
  }
}

/*Portrait Orientation*/
@media all and (orientation:portrait) {
}

/*Landscape Orientation*/
@media all and (orientation:landscape) {
}