/*vars*/
* {
  padding: 0;
  margin: 0; }

html {
  overflow-x: hidden;
  overflow-y: auto; }

img {
  border: none; }

body {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.7em;
  background-color: #fff; }

h1 {
  font-size: 18px;
  line-height: 1.3em;
  color: #009640; }

h2 {
  font-size: 16px; }

h3 {
  font-size: 13px; }

a {
  text-decoration: none;
  color: #151515; }

.clear {
  clear: both; }
  .clear:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both; }

.outer {
  width: 1440px;
  margin: 0 auto; }

#wrapper {
  position: relative;
  margin-bottom: 20px;
  /*z.B.   .schatten(5px, 5px, 6px, 0.3);*/
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  border-top: none;
  background-image: url('/_intern/pics/hintergrund.jpg');
  /*background-image:url('/_intern/pics/bg_verlauf.jpg');*/
  background-repeat: no-repeat;
  background-position: 0px -360px; }

#wrapper_inner {
  width: 1260px;
  max-width: 100%;
  margin: 0 auto; }

#btn_mail {
  margin-right: -5px;
  position: fixed;
  /* right: -210px; */
  top: 210px;
  width: 68px;
  z-index: 9;
  font-size: 16px;
  font-weight: 300;
  text-align: left; }
  #btn_mail img {
    width: 100%;
    height: auto; }

#btn_rr {
  margin-right: -5px;
  position: fixed;
  /* right: -210px; */
  top: 285px;
  width: 68px;
  z-index: 9;
  font-size: 16px;
  font-weight: 300;
  text-align: left; }
  #btn_rr img {
    width: 100%;
    height: auto; }

#btn_form {
  margin-right: -5px;
  position: fixed;
  /* right: -210px; */
  top: 361px;
  width: 68px;
  z-index: 9;
  font-size: 16px;
  font-weight: 300;
  text-align: left; }
  #btn_form img {
    width: 100%;
    height: auto; }
/*Helpcenter*/
#helpcenter_ct {
  position: absolute;
  right: 66px;
  top: 0; }

#helpcenter {
  /*.transition(0.3s, ease-in-out);	*/
  margin-right: -5px;
  position: fixed;
  /*right: -210px; */
  right: -342px;
  top: 175px;
  width: 340px;
  z-index: 10;
  font-size: 16px;
  font-weight: 300;
  text-align: left; }
  #helpcenter #helpcenter_head {
    background-color: #009640;
    color: white;
    text-align: left;
    position: relative;
    cursor: pointer;
    padding: 10px 13px 5px 64px;
    line-height: 35px;
    position: relative; }
    #helpcenter #helpcenter_head #helpcenter_icon {
      position: absolute;
      left: -35px;
      border: 0;
      top: 0;
      width: 68px;
      height: auto; }
    #helpcenter #helpcenter_head img {
      position: absolute;
      left: 0;
      top: 0;
      border-right: 3px solid white;
      cursor: pointer; }
  #helpcenter #helpcenter_close {
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    color: white;
    border: 2px solid white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    right: 32px;
    top: 6px;
    padding-top: 0px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7; }
    #helpcenter #helpcenter_close:hover {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-opacity: 1;
      opacity: 1; }
  #helpcenter #helpcenter_content {
    display: none;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 1.5em;
    position: relative;
    background-color: white; }
    #helpcenter #helpcenter_content .rot {
      font-size: 14px;
      font-weight: bold; }
/*/Helpcenter*/
#header {
  max-width: 100%;
  margin: 0 auto;
  background-color: white;
  position: relative; }

#suche {
  position: absolute;
  top: 127px;
  right: 0;
  z-index: 1; }
  #suche:before {
    position: absolute;
    left: -30px;
    top: 1px;
    content: '';
    background-image: url('/_intern/pics/suchlupe_gr.png');
    background-repeat: no-repeat;
    height: 26px;
    width: 26px; }
  #suche input[type='text'] {
    background-color: #e3e3e3;
    border: 0;
    padding: 5px 8px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: 180px;
    margin-right: 8px;
    max-width: 100%; }
  #suche input[type='submit'] {
    color: #f3f3f3;
    background-color: #424241;
    border: 1px solid #424241;
    padding: 5px 8px;
    text-transform: uppercase;
    font-size: 11px; }
    #suche input[type='submit']:hover {
      background-color: black;
      /*z.B: .transition(all, 2s, linear, 0s);*/
      -webkit-transition: all linear 1s 0s;
      -moz-transition: all linear 1s 0s;
      -ms-transition: all linear 1s 0s;
      -o-transition: all linear 1s 0s; }

#lupe {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: none; }

#logo {
  height: 160px;
  position: relative; }
  #logo img {
    max-width: 100%;
    height: auto; }

#logo_mobil {
  display: none;
  width: 70%;
  margin-top: 5px;
  min-height: 65px;
  margin: 10px auto 10px auto; }
  #logo_mobil img {
    width: 100%;
    height: auto; }

#page {
  padding-bottom: 30px; }

#arr_d {
  /*
   margin:0 auto;
   width:18px;
   display:block;
   */
  position: absolute;
  left: 50%;
  margin-left: 5px; }

#footer {
  position: relative;
  padding: 20px;
  min-height: 100px;
  background-color: #e3e3e3; }
  #footer:before {
    position: absolute;
    top: -1px;
    content: '';
    background-image: url('/_intern/pics/schatten_navi.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 12px;
    width: 100%;
    z-index: 10; }
  #footer .footer_inner {
    width: 1260px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.7em;
    color: #151515; }
    #footer .footer_inner a {
      color: #151515; }
    #footer .footer_inner .col {
      float: left;
      width: 180px; }
      #footer .footer_inner .col.top {
        float: right;
        text-align: right;
        margin-top: 35px; }
      #footer .footer_inner .col .desc, #footer .footer_inner .col .val {
        float: left; }
      #footer .footer_inner .col .desc {
        width: 60px;
        color: #009640; }
      #footer .footer_inner .col .val {
        width: 120px; }
    #footer .footer_inner #footernavi li {
      list-style-type: none; }
      #footer .footer_inner #footernavi li a {
        font-size: 11px;
        line-height: 1.7em; }
  #footer #toMobile {
    margin: 0 auto;
    width: 150px;
    margin-top: 20px; }
    #footer #toMobile a {
      color: White; }
    #footer #toMobile input[type="submit"] {
      background-color: transparent;
      border: none;
      color: white;
      background-color: #009640;
      padding: 15px 25px;
      text-align: center;
      margin: 20px auto; }

#content {
  padding: 10px 0 0 0;
  color: #151515;
  line-height: 1.4em; }
  #content ul {
    margin-left: 17px; }

#kopfgrafik {
  line-height: 0;
  position: relative;
  text-align: center;
  padding-top: 40px; }
  #kopfgrafik img {
    /*background-color:rgba(0,0,0,0.2);*/
    width: 100%;
    max-width: 100%;
    height: auto; }
  #kopfgrafik.start img {
    max-width: 1000px;
    height: auto; }
  #kopfgrafik #kreise {
    line-height: initial;
    width: 100%;
    position: absolute;
    /*height:350px;*/
    left: 0;
    /*
     top: 50%;
     transform: translateY(-50%);
     left: 0;
     right: 0;
     bottom: 0;
     */
    /*
     background-image:url('/_intern/pics/kreise.png');
     background-position:center center;
     background-repeat:no-repeat;
     */
    /*CSS Kreise*/
    /*CSS Kreise*/ }
    #kopfgrafik #kreise #css_kreise {
      /*
       width: 433px;
       height: 433px;
       */
      /*
       width:350px;
       width:27%;
       */
      position: absolute;
      height: 100%;
      /*left:455px;*/
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      z-index: 1; }
      #kopfgrafik #kreise #css_kreise div {
        border-radius: 50%;
        border: 1px solid #009640; }
      #kopfgrafik #kreise #css_kreise .zwei, #kopfgrafik #kreise #css_kreise .drei, #kopfgrafik #kreise #css_kreise .vier, #kopfgrafik #kreise #css_kreise .center {
        position: absolute; }
      #kopfgrafik #kreise #css_kreise .eins {
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
        -webkit-opacity: 0.4;
        opacity: 0.4;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%; }
      #kopfgrafik #kreise #css_kreise .zwei {
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        -webkit-opacity: 0.6;
        opacity: 0.6;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 80%; }
      #kopfgrafik #kreise #css_kreise .drei {
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        -webkit-opacity: 0.8;
        opacity: 0.8;
        top: 20%;
        left: 20%;
        width: 60%;
        height: 60%; }
      #kopfgrafik #kreise #css_kreise .vier {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        top: 30%;
        left: 30%;
        width: 40%;
        height: 40%; }
      #kopfgrafik #kreise #css_kreise .center {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 1px; }
    #kopfgrafik #kreise #arrow {
      background-color: #009640;
      color: white;
      padding: 5px 10px;
      position: absolute;
      z-index: 1;
      font-size: 19px;
      font-weight: 300;
      line-height: 1.3;
      top: 50%;
      transform: translateY(-50%); }
      #kopfgrafik #kreise #arrow h1 {
        color: white;
        font-size: 19px;
        font-weight: 300;
        line-height: 1.3;
        margin: 0;
        padding: 0; }
      #kopfgrafik #kreise #arrow .fett {
        font-weight: bold; }
      #kopfgrafik #kreise #arrow.left {
        left: 51%; }
      #kopfgrafik #kreise #arrow.left:before {
        content: '';
        position: absolute;
        left: -19px;
        top: -1px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 19px 19px 17px 0;
        border-color: transparent #009640 transparent transparent; }
      #kopfgrafik #kreise #arrow.right {
        right: 51%; }
      #kopfgrafik #kreise #arrow.right:after {
        content: '';
        position: absolute;
        right: -19px;
        top: -1px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 19px 0 17px 19px;
        border-color: transparent transparent transparent #009640; }

#arrow_mobil {
  display: none;
  width: 100%;
  color: white;
  padding: 5px 0;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 2;
  font-size: 19px;
  font-weight: 300;
  line-height: 1.3; }
  #arrow_mobil .fett {
    font-weight: bold; }

#box_container, #boxmirror {
  margin-top: 30px; }
  #box_container.weg, #boxmirror.weg {
    display: none; }
  #box_container .box, #boxmirror .box, #box_container #mirror1, #boxmirror #mirror1, #box_container #mirror2, #boxmirror #mirror2, #box_container #mirror3, #boxmirror #mirror3 {
    float: left;
    width: 395px;
    max-width: 100%;
    margin-right: 37px;
    margin-bottom: 37px; }
    #box_container .box:nth-of-type(3n+0), #boxmirror .box:nth-of-type(3n+0), #box_container #mirror1:nth-of-type(3n+0), #boxmirror #mirror1:nth-of-type(3n+0), #box_container #mirror2:nth-of-type(3n+0), #boxmirror #mirror2:nth-of-type(3n+0), #box_container #mirror3:nth-of-type(3n+0), #boxmirror #mirror3:nth-of-type(3n+0) {
      margin-right: 0px; }
    #box_container .box .bild, #boxmirror .box .bild, #box_container #mirror1 .bild, #boxmirror #mirror1 .bild, #box_container #mirror2 .bild, #boxmirror #mirror2 .bild, #box_container #mirror3 .bild, #boxmirror #mirror3 .bild {
      line-height: 0;
      position: relative; }
      #box_container .box .bild img, #boxmirror .box .bild img, #box_container #mirror1 .bild img, #boxmirror #mirror1 .bild img, #box_container #mirror2 .bild img, #boxmirror #mirror2 .bild img, #box_container #mirror3 .bild img, #boxmirror #mirror3 .bild img {
        max-width: 100%;
        height: auto; }
      #box_container .box .bild:after, #boxmirror .box .bild:after, #box_container #mirror1 .bild:after, #boxmirror #mirror1 .bild:after, #box_container #mirror2 .bild:after, #boxmirror #mirror2 .bild:after, #box_container #mirror3 .bild:after, #boxmirror #mirror3 .bild:after {
        content: '';
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0px 15px 110px;
        border-color: transparent transparent #009640 transparent; }
    #box_container .box .head, #boxmirror .box .head, #box_container #mirror1 .head, #boxmirror #mirror1 .head, #box_container #mirror2 .head, #boxmirror #mirror2 .head, #box_container #mirror3 .head, #boxmirror #mirror3 .head {
      padding: 3px 15px;
      margin-bottom: 15px;
      background-color: rgba(0, 0, 0, 0.8); }
      #box_container .box .head:after, #boxmirror .box .head:after, #box_container #mirror1 .head:after, #boxmirror #mirror1 .head:after, #box_container #mirror2 .head:after, #boxmirror #mirror2 .head:after, #box_container #mirror3 .head:after, #boxmirror #mirror3 .head:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      #box_container .box .head h2, #boxmirror .box .head h2, #box_container #mirror1 .head h2, #boxmirror #mirror1 .head h2, #box_container #mirror2 .head h2, #boxmirror #mirror2 .head h2, #box_container #mirror3 .head h2, #boxmirror #mirror3 .head h2 {
        float: left;
        width: 62%;
        color: #aba8a8;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: normal;
        margin: 5px 0 0 0;
        padding: 0; }
      #box_container .box .head .button, #boxmirror .box .head .button, #box_container #mirror1 .head .button, #boxmirror #mirror1 .head .button, #box_container #mirror2 .head .button, #boxmirror #mirror2 .head .button, #box_container #mirror3 .head .button, #boxmirror #mirror3 .head .button {
        color: #f3f3f3;
        background-color: #424241;
        border: 1px solid #424241;
        padding: 5px 8px;
        text-transform: uppercase;
        font-size: 11px;
        background-color: #009640;
        float: right;
        color: black;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        display: inline; }
      #box_container .box .head .button:hover, #boxmirror .box .head .button:hover, #box_container #mirror1 .head .button:hover, #boxmirror #mirror1 .head .button:hover, #box_container #mirror2 .head .button:hover, #boxmirror #mirror2 .head .button:hover, #box_container #mirror3 .head .button:hover, #boxmirror #mirror3 .head .button:hover {
        background-color: black;
        /*z.B: .transition(all, 2s, linear, 0s);*/
        -webkit-transition: all linear 1s 0s;
        -moz-transition: all linear 1s 0s;
        -ms-transition: all linear 1s 0s;
        -o-transition: all linear 1s 0s; }
      #box_container .box .head .button:hover, #boxmirror .box .head .button:hover, #box_container #mirror1 .head .button:hover, #boxmirror #mirror1 .head .button:hover, #box_container #mirror2 .head .button:hover, #boxmirror #mirror2 .head .button:hover, #box_container #mirror3 .head .button:hover, #boxmirror #mirror3 .head .button:hover {
        color: white; }
  #box_container.produktuebersicht .box, #boxmirror.produktuebersicht .box {
    /*
     img
     {
     .schwarzweiss;
     .transition(all, 0.8s, linear, 0s);
     }
     &:hover
     {
     img
     {
     .bunt;
     .transition(all, 0.8s, linear, 0s);
     }
     }
     */ }
    #box_container.produktuebersicht .box .head h2, #boxmirror.produktuebersicht .box .head h2 {
      font-size: 16px;
      margin-top: 0;
      width: 100%; }
    #box_container.produktuebersicht .box .bild, #boxmirror.produktuebersicht .box .bild {
      position: relative;
      width: 395px; }

.highlight {
  background-color: #96ffc3; }

.text_galerie_footer {
  font-size: 12px; }

#galerie_footer {
  width: 88%;
  margin: 20px auto; }
  #galerie_footer div {
    height: 100px;
    margin-right: 30px; }

#slider {
  margin: 0 auto;
  width: 97%;
  max-width: 100%; }
  #slider div {
    position: relative; }
    #slider div .sl_bild {
      position: relative;
      width: 395px; }
    #slider div .sl_bild .text1 {
      position: absolute;
      color: white;
      top: 10px;
      left: 10px;
      text-transform: uppercase;
      font-size: 20px;
      padding: 0; }
    #slider div .sl_bild .text2 {
      position: absolute;
      color: white;
      bottom: 10px;
      right: 50px;
      text-transform: uppercase;
      font-size: 25px;
      border-bottom: 4px solid white;
      font-style: italic;
      padding: 0; }
  #slider .decker {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5; }
    #slider .decker.blau {
      background-color: #0072bc; }
    #slider .decker.gelb {
      background-color: #fc0; }
    #slider .decker.gruen {
      background-color: #00a54f; }
    #slider .decker.orange {
      background-color: #f68b1f; }
    #slider .decker.rot {
      background-color: #ee1d23; }

#produkt_hauptseite .buex {
  float: left;
  margin: 0 15px 10px 0;
  width: 400px; }
  #produkt_hauptseite .buex:nth-of-type(3) {
    margin-right: 0; }
  #produkt_hauptseite .buex .sl_bild {
    position: relative;
    width: 395px; }
  #produkt_hauptseite .buex .sl_bild img {
    max-width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(/_intern/pics/desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
    /*z.B: .transition(all, 2s, linear, 0s);*/
    -webkit-transition: all linear 0.8s 0s;
    -moz-transition: all linear 0.8s 0s;
    -ms-transition: all linear 0.8s 0s;
    -o-transition: all linear 0.8s 0s; }
  #produkt_hauptseite .buex .sl_bild:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none;
    filter: none;
    -webkit-filter: grayscale(0);
    /*z.B: .transition(all, 2s, linear, 0s);*/
    -webkit-transition: all linear 0.8s 0s;
    -moz-transition: all linear 0.8s 0s;
    -ms-transition: all linear 0.8s 0s;
    -o-transition: all linear 0.8s 0s; }
  #produkt_hauptseite .buex .sl_bild .text2 {
    position: absolute;
    color: white;
    bottom: 10px;
    right: 50px;
    text-transform: uppercase;
    font-size: 25px;
    border-bottom: 4px solid white;
    font-style: italic;
    padding: 0; }
  #produkt_hauptseite .buex .text1 {
    color: white;
    top: 10px;
    left: 10px;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0; }
  #produkt_hauptseite .buex .langtext {
    font-size: 12px;
    line-height: 1.3em;
    color: white; }
  #produkt_hauptseite .buex .head {
    padding: 15px;
    margin-bottom: 15px;
    background-color: rgba(0, 0, 0, 0.7); }
  #produkt_hauptseite .buex.verpackungslinie .sl_bild {
    height: 280px; }

#breadcrumb {
  position: relative;
  top: 35px;
  font-size: 12px; }
  #breadcrumb a {
    color: #151515; }
  #breadcrumb a:aktiv {
    color: #009640; }

#produkt {
  margin-top: 30px;
  margin-bottom: 20px; }
  #produkt .anfrage {
    margin-top: 20px; }
  #produkt #prod_nav {
    position: absolute;
    top: -77px;
    left: -1px;
    z-index: 1; }
  #produkt #back {
    width: 142px;
    margin-right: 35px;
    float: left;
    background-color: #424241;
    padding: 9px 5px 8px 18px;
    color: white;
    background-image: url('/_intern/pics/arr_back.png');
    background-repeat: no-repeat;
    background-position: 7px 15px; }
  #produkt #back.empty {
    background-color: initial; }
  #produkt #back a {
    color: white; }
  #produkt #tabcontainer {
    float: left; }
  #produkt #li {
    width: 200px;
    float: left; }
  #produkt #li .sub_head {
    text-transform: uppercase;
    font-size: 27px; }
  #produkt #li .sub_head a {
    color: #009640;
    border-bottom: 4px solid #009640;
    font-style: italic; }
  #produkt #li .sub_item {
    margin-top: 20px; }
  #produkt #li .sub_item a.aktiv {
    color: #009640;
    border: none; }
  #produkt #mi {
    float: left;
    width: 640px;
    max-width: 100%;
    background-color: White;
    padding: 20px; }
  #produkt #mi.scroll {
    height: 400px;
    overflow-y: auto; }
  #produkt #mi h1, #produkt #mi h2, #produkt #mi h3 {
    color: black;
    margin-top: 0; }
  #produkt #mi ul {
    margin-left: 0px; }
  #produkt #mi ul li {
    list-style-type: none;
    position: relative;
    margin-left: 10px; }
  #produkt #mi ul li:before {
    position: absolute;
    top: -1px;
    left: -10px;
    content: '▪';
    font-size: 20px;
    color: #009640; }
  #produkt #re {
    width: 500px;
    float: right; }
  #produkt #re #produkt_slider div {
    width: 500px;
    position: relative;
    /*background-color: rgba(0, 0, 0, 0.6);*/ }
  #produkt #re #produkt_slider div img {
    float: left;
    max-width: 100%;
    height: auto; }
  #produkt #re #produkt_slider div .bild_bez {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 10px 10px;
    font-size: 16px; }

a.linkbutton {
  background-color: #009640;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #000;
  color: white;
  font-size: 14px;
  padding: 10px 15px;
  margin: 10px 0;
  display: inline-block;
  border-top: 1px solid #c4c4c4;
  border-left: 2px solid #c4c4c4;
  border-right: 3px solid #6a6a6a;
  border-bottom: 3px solid #6a6a6a; }
/*Produktfarben*/
.blau {
  color: #0072bc !important; }

.gelb {
  color: #fc0 !important; }

.gruen {
  color: #00a54f !important; }

.orange {
  color: #f68b1f !important; }

.rot {
  color: #ee1d23 !important; }

#map-canvas {
  float: left; }

.route {
  float: left;
  width: 200px;
  margin-left: 25px; }
  .route input[type="text"] {
    width: 195px;
    height: 25px;
    max-width: 100%; }
/* -------------------
 NAVIGATION
 ----------------------*/
#mm_container {
  background-color: #009640; }
  #mm_container:after {
    content: '';
    background-image: url('/_intern/pics/schatten_navi.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: -4px;
    height: 5px;
    width: 100%;
    z-index: 1; }
  #mm_container.fixed {
    position: fixed;
    top: 0;
    z-index: 2; }

#mainmenu {
  position: relative; }

#nav {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  /*/ul*/ }
  #nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #nav li {
    float: left;
    position: relative;
    color: white; }
  #nav li.first {
    padding-left: 0px; }
  #nav li.last {
    border-right: none;
    padding: 0 0 0 45px; }
  #nav a {
    display: block;
    padding: 5px 31px 6px 15px;
    text-decoration: none;
    color: white;
    background-color: #009640;
    position: relative;
    text-transform: uppercase;
    font-size: 13px; }
  #nav a.hasentries:after {
    content: '';
    width: 11px;
    position: absolute;
    top: 12px;
    right: 10px;
    height: 8px;
    background-repeat: no-repeat;
    background-image: url('/_intern/pics/menu_arr_open.png'); }
  #nav a.aktiv, #nav a:hover {
    background-color: white;
    color: black;
    /*z.B: .transition(all, 2s, linear, 0s);*/
    -webkit-transition: all linear 0.5s 0s;
    -moz-transition: all linear 0.5s 0s;
    -ms-transition: all linear 0.5s 0s;
    -o-transition: all linear 0.5s 0s; }
  #nav a.aktiv.hasentries:after, #nav a:hover.hasentries:after {
    background-image: url('/_intern/pics/menu_arr_open_aktiv.png'); }
  #nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    line-height: 20px;
    position: absolute;
    display: none;
    /*z.B.   .schatten(5px, 5px, 6px, 0.3);*/
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    top: 33px; }
  #nav ul li {
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #009640; }
  #nav ul a {
    float: left;
    font-size: 12px;
    width: 310px;
    padding: 6px;
    margin-bottom: 0; }
  #nav ul li ul {
    top: 0px; }
  #nav ul ul {
    left: 200px;
    margin: 0px 0 0 10px; }
  #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
    display: none; }
  #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
    display: block; }
/* -------------------
 NAVIGATION ENDE
 ----------------------*/
#burgerbutton {
  position: fixed;
  z-index: 5;
  left: 15px;
  top: 35px;
  display: none;
  width: 40px;
  height: 20px;
  border-top: 5px solid #009640;
  border-bottom: 5px solid #009640; }
  #burgerbutton:after {
    content: '';
    position: absolute;
    width: 40px;
    border-top: 5px solid #009640;
    left: 0;
    top: 8px; }
/*-------------------------
 Mobile Navigation
 --------------------------*/
/*fastschwarz*/
#mobilenav li.head {
  cursor: pointer; }
  #mobilenav li.head .home {
    padding-top: 5px;
    height: 31px; }

#mobile_menuicon {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 3; }

#mobilemenu {
  display: none;
  position: absolute;
  left: -1%;
  top: 0px;
  top: 14px;
  padding-left: 12px;
  z-index: 5; }

#mobilemenu ul {
  margin: 0px;
  padding: 0px; }

#mobilenav li {
  list-style-type: none;
  margin-left: 0; }

#mobilenav {
  border-right: 1px solid #424241;
  position: absolute;
  top: 0px;
  background-color: #009640;
  width: 250px;
  left: -250px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*z.B.   .schatten(5px, 5px, 6px, 0.3);*/
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5); }
  #mobilenav ul {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.dlevel1, .ulevel2 {
  display: none; }

#mobilenav li .icon {
  float: left;
  width: 20px;
  height: 20%;
  margin-right: 7px;
  margin-top: 1px; }
  #mobilenav li .icon img {
    width: 100%;
    height: auto; }

#mobilenav li.head {
  color: #009640;
  font-weight: bold;
  font-size: 19px;
  text-transform: uppercase;
  text-align: center;
  height: 64px;
  line-height: 64px;
  padding: 0px 8px;
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #fff 46%, #e8e8e8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(46%, #fff), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #fff 46%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #fff 46%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #fff 46%, #e8e8e8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #fff 46%, #e8e8e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0);
  /* IE6-9 */ }
  #mobilenav li.head div {
    float: left; }
  #mobilenav li.head div.menu {
    margin-left: 50px; }
  #mobilenav li.head div.close {
    float: right;
    color: #009640; }

#mobilenav li {
  border-bottom: 1px solid white; }
  #mobilenav li a {
    font-size: 18px;
    display: block;
    color: white;
    text-decoration: none;
    padding: 0px 15px;
    line-height: 45px; }

input[type='button'] {
  margin-bottom: 20px; }

#mobilenav .dlevel1 li {
  border: none; }

#mobilenav .dlevel1 li > a {
  font-size: 15px;
  color: #e6e6e6;
  text-decoration: none;
  display: block;
  padding: 9px 15px 9px 25px;
  line-height: 1.3em; }

#mobilenav li ul li ul li a {
  background-color: #00c956 !important;
  padding-left: 35px !important; }

#mobilenav .desktopbutton {
  text-align: center; }
  #mobilenav .desktopbutton a {
    color: white;
    background-color: #00c956 !important; }
  #mobilenav .desktopbutton .button {
    border-top: 1px solid #540404;
    height: 48px;
    margin: 20px auto; }
  #mobilenav .desktopbutton input[type="submit"] {
    background-color: transparent;
    border: none;
    color: white;
    background-color: #00c956 !important;
    padding: 15px 25px;
    text-align: center;
    margin: 20px auto; }
  #mobilenav select {
    position: relative;
    top: -12px;
    width: 215px;
    color: black; }
/*-------------------------
 Ende mobile Navigation
 ---------------------------*/
#referenzen .item, #referenzen .grid-sizer {
  /*width:290px;*/
  width: 180px; }

#referenzen .gutter-sizer {
  /*width: 5px;*/
  width: 19px; }

#referenzen .item {
  background-color: white;
  margin-bottom: 25px; }
  #referenzen .item .logo {
    padding-top: 20px;
    text-align: center; }
  #referenzen .item .logo img {
    margin: 0 auto; }
  #referenzen .item .text {
    padding: 5px; }

#downloads .item {
  float: left;
  width: 190px;
  height: 270px;
  margin: 0 20px 25px 0; }
  #downloads .item .typ {
    /*height:38px;*/ }

.suchergebnis {
  margin-bottom: 15px;
  background-color: white;
  padding: 20px 10px;
  border-bottom: 1px solid #424241; }
  .suchergebnis .mehrlesen {
    color: #009640; }
  .suchergebnis img {
    max-width: 100%;
    height: auto; }

#formular .req {
  color: red; }
  #formular .row {
    margin: 3px 0px; }
  #formular .row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #formular .row .value {
    position: relative;
    display: inline-block;
    float: left; }
  #formular .row .value.binweg {
    display: none; }
  #formular .row .desc {
    float: left;
    width: 170px; }
  #formular input[type="text"], #formular input[type="url"], #formular input[type="email"], #formular input[type="password"], #formular textarea, #formular select.webselect {
    background-color: #fff;
    border: 1px solid #000;
    width: 300px;
    max-width: 100%;
    padding: 8px 5px; }
  #formular input[type="checkbox"], #formular input[type="radio"] {
    margin-right: 3px; }
  #formular select.webselect {
    width: 311px; }
  #formular textarea {
    width: 300px;
    height: 200px; }
  #formular input[type="submit"], #formular input[type="button"], #formular button {
    background-color: #009640;
    border: 1px solid #000;
    color: white;
    width: calc(width + 11px);
    font-weight: bold;
    padding: 12px 7px;
    /*z.B: .transition(all, 2s, linear, 0s);*/
    -webkit-transition: all ease 0.5s 0s;
    -moz-transition: all ease 0.5s 0s;
    -ms-transition: all ease 0.5s 0s;
    -o-transition: all ease 0.5s 0s; }
  #formular .hidden {
    display: none; }
  #formular .abhaengig {
    display: none; }
  #formular .radio_ul, #formular .checkbox_ul {
    list-style-type: none;
    list-style-position: outside; }
/*/formular*/
.form_edit_container {
  background-color: white;
  border: 1px solid #3b3b3b;
  padding-bottom: 20px; }

.form_controller {
  background-color: #ef8c11;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px; }

#sitemap {
  padding-left: 15px; }
  #sitemap ul {
    padding-left: 15px; }
/* -------------------
 FORM VALIDATOR START
 ----------------------*/
#formular input.error, #formular textarea.error, #formular select.error {
  border: 1px solid rgba(255, 0, 0, 0.9); }

#formular input.valid, #formular textarea.valid, #formular select.valid {
  /* border: 1px solid green; */ }

#formular label.error {
  width: 240px;
  position: absolute;
  right: 0;
  top: -8px;
  padding: 8px;
  border: 1px solid #000;
  background-color: rgba(255, 0, 0, 0.9);
  color: #151515;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*z.B.   .schatten(5px, 5px, 6px, 0.3);*/
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5); }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset; }
/* -------------------
 FORM VALIDATOR ENDE
 ----------------------*/
#boxmirror {
  margin-top: 30px; }
  #boxmirror #mirror1, #boxmirror #mirror2, #boxmirror #mirror3 {
    float: left;
    width: 395px;
    margin-right: 37px;
    margin-bottom: 37px; }
  #boxmirror #mirror3 {
    margin-right: 0; }

#cookiebanner {
  text-align: center;
  border-bottom: 1px solid black;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  position: fixed;
  bottom: 0px;
  z-index: 10000;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 10px; }
  #cookiebanner a {
    color: #fff;
    text-decoration: underline; }
  #cookiebanner div {
    padding: 10px;
    padding-right: 40px; }

#cookiebannerCloser {
  color: #2f2f2f;
  font: 14px/100% arial, sans-serif;
  /*
   position: absolute;
   right: 5px;
   */
  margin: 0 auto;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 5px;
  cursor: pointer;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #7b92a9;
  border-right: 1px solid #7b92a9;
  padding: 4px;
  background: #ced6df;
  /* Old browsers */ }
  #cookiebannerCloser:hover {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid #7b92a9;
    border-left: 1px solid #7b92a9; }