body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-image:none;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 ;
  padding: 0 0;
}

#container-body{padding: 0 0; margin: 0 0;  width:100%;}


#produkte {width:100%; }
#produkte img{float:left; width:220px; margin-right:23px; margin-bottom:23px;} 




@media (min-width:0px) and (max-width:549px) {
#fav-introwrap {margin-top:100px;}
#fav-mainwrap {position:relative; top:0px;}
#startseite {position:relative; top:0px; margin-top:0px;}
#startseite h1 {text-align:left;}
}



@media (min-width:0px) and (max-width:785px) {
#fav-intro {display:none;}
#fav-mainwrap {margin-top:100px;}
#fav-mainwrap {
    position: relative;
    top: -50px;
}
#fav-maincontent .item-page #intro-navi a {display:block!important; float:left!important; width:45%!important; max-width:210px!important;  height:auto; margin: 0 5px!important;}
#fav-maincontent .item-page #intro-navi img { width:100%!important; max-width:210px!important; }

.clear {clear:left;}
}


@media (min-width:550px) and (max-width:600px) {
#startseite {margin-top:50px;}

}

@media (min-width:601px) and (max-width:800px) {
#startseite {margin-top:0px;}

}

@media (min-width:750px) and (max-width:1000px) {
#startseite {margin-top:0px;}
#fav-introwrap {
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 53% ;
    width: 100% ;
}
}

@media (max-width: 480px){
body {background-image:none!important;}
#produkte {width:100%; }
#produkte img{float:left; width:320px; margin-right:23px; margin-left:7%; margin-bottom:23px;} 


/* individuell */
#fav-introwrap { position:absolute; top:80px!important; left:0; margin: 0 auto; width:200px!important; text-align:center;}
#fav-intro {  
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-left:0px!important;
  width:250px;  
  position:relative;
  top:-50px;
}
#fav-mainwrap {margin-top:50px;}

}




@media (min-width:480px) and (max-width:900px) {
div.text-links  {width:70%!important;}
}


@media (max-width: 750px) {
#fav-mainwrap {margin-top:0px;}
}

@media (max-width: 767px) {

  body {
    padding-left: 0;
    padding-right: 0;
  }

}

a {
  color: #09f;
  text-decoration: none;
}

a:hover {
  color: #444;
  text-decoration: none;
}

h1, h2, h3 {
  font-weight:normal;
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
}
h4, h5, h6 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none;
}

p { 
  margin: 0 0 10px; 
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #fff;
}


/* 2. ADVERT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-advert .moduletable,
#fav-advert div[class^="moduletable-"],
#fav-advert div[class*=" moduletable-"] { 
  margin: 0;
}


/* 3. HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-header {
  padding-bottom: 0px;
  margin-bottom: 0px;

}
#fav-headerwrap { 
  border-top: 4px solid #333;
  
}

/* Mobile */

@media handheld, only screen and (max-width: 979px) {

  #fav-header {
    padding-bottom: 20px;
    margin: 0;
  }
  #fav-headerwrap { 
    border-top: none; 
  }

}


/* 4. LOGO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-logo {  
  height: 58px; 
  padding: 0px 0 0; 
  position:relative;
  top:-6px;
}
#fav-logo h1 {  
  margin: 0; 
}
.defaultLogo,
.mediaLogo {
  display: block;
  width:270px!important; height:155px!important;
}


/* Mobile */

@media handheld, only screen and (max-width: 979px) {
body {background-image:url("../../../images/bg-mittel.jpg")!important; background-repeat:no-repeat!important; background-position: center top!important;}
  .row-fluid #fav-logo {
    width:100%;
    padding-top: 0;
  }

  #fav-logo { 
    text-align: center; 
  }

}


/* 5. NAVIGATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-nav { 
  z-index: 100; 
  position: relative; 
  float:right; 
}
#fav-nav .navigation {
  margin-top: 28px;
}
#fav-nav .moduletable,
#fav-nav .moduletable_menu { 
  background: none; 
  overflow: visible; 
  margin: 0;
}
#fav-nav ul { 
  margin: 0; 
  padding: 0; 
  float:right; 
}
#fav-nav ul li { 
  float: left; 
  list-style: none; 
  line-height: 20px; 
  padding-left: 0;
  position:relative; 
  font-family:'PT Sans Narrow', sans-serif;
  font-weight:200;

}
#fav-nav li a { 
  color: #444; 
  padding: 14px 13px; 
  margin: 2px 0 0 14px; 
  font-size:18px;
  display:block; 
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

#fav-nav ul li.active a, 
#fav-nav ul li a:hover, 
#fav-nav ul li:hover a, 
#fav-nav ul li.sfHover a { 
  color: #FFF; 
  background-color:#8c3f95;  
  text-decoration: none; 
}
.lt-ie8 #fav-nav { 
  float: none; 
}


/* Subnav
---------------------------------------------------------------------- */

#fav-nav li ul { 
  position: absolute;
  top: 95%;
  left: -999em;
  z-index: 1000;
  width: 210px;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ddd;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
#fav-nav li ul ul { 
  margin:-44px 0 0 210px; 
}
#fav-nav li:hover ul, 
#fav-nav li.sfHover ul { 
  left: 10px; 
}
#fav-nav li:hover ul ul, 
#fav-nav li:hover ul ul ul, 
#fav-nav li:hover ul ul ul ul, 
#fav-nav li.sfHover ul ul, 
#fav-nav li.sfHover ul ul ul, 
#fav-nav li.sfHover ul ul ul ul { 
  left:-999em; 
}
#fav-nav li li { 
  padding: 0; 
  height: auto; 
  width: 210px; 
  border-left:none; 
}
#fav-nav li li a, 
#fav-nav li li.active a, 
#fav-nav li li a:hover { 
  height: 36px; 
  font-size: 0.8em;
  font-size: 1.5em;
  line-height: 36px; 
  border-bottom:1px solid #dddddd; 
  margin: 0; 
  padding: 4px 21px; 
}
#fav-nav li li.active a, 
#fav-nav li li li.active a, 
#fav-nav li li li li.active a,
#fav-nav li li li li li.active a, 
#fav-nav li li a:hover, 
#fav-nav li li li a:hover, 
#fav-nav li li li li a:hover, 
#fav-nav li li li li li a:hover  { 
  color: #FFF; 
  margin-right: 0; 
}
#fav-nav li li a, 
#fav-nav li.active li a { 
  font-weight: normal; 
  text-transform: none; 
}
#fav-nav li li:hover ul, 
#fav-nav li li li:hover ul, 
#fav-nav li li li li:hover ul, 
#fav-nav li li.sfHover ul, 
#fav-nav li li li.sfHover ul, 
#fav-nav li li li li.sfHover ul { 
  left:0; 
}
#fav-nav select { 
  display: none; 
}
.lt-ie8 #fav-nav ul li li:hover, 
.lt-ie8 #fav-nav ul li li.hover { 
  position: static; 
}
#fav-nav li ul:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0,0,0,0.2);
  content: '';
}
#fav-nav li ul:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
#fav-nav li li > ul:before {
  top: 10px;
  left: -7px;
  border-left: none;
  border-bottom: 7px solid transparent;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
}
#fav-nav li li > ul:after {
  top: 11px;
  left: -6px;
  margin-top: 0;
  border-left: none;
  border-top: 6px solid transparent;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
}


@media (min-width: 980px) {
body {background-image:url("../../../images/background.jpg")!important; background-repeat:no-repeat!important; background-position: center top!important;}
#fav-navbar { 
    display: none; 
  }

}


/* IE */

.lt-ie9 #fav-navbar { 
    display: none; 
}


/* Mobile
---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 979px) {

  #fav-nav { 
    display: none; 
  }

  /* Navbar */

  #fav-navbar .moduletable {
    margin: 0;
    padding: 7px 0 0;
  }
  #fav-navbar .navbar-inner { 
    padding: 0;
  }
  #fav-navbar a.btn.btn-navbar { 
    margin-bottom: 0;
  }
  #fav-navbar span.icon-bar {
    width: 10px;
  }
    

  /* Navbar collapse */

  #fav-navbar-collapse .moduletable ul li, 
  #fav-navbar-collapse ul { 
    background: none; 
    float: none;
    margin-bottom: 0;
  }
  #fav-navbar-collapse ul {
    list-style-type: none;
    margin: 0;
  }
  #fav-navbar-collapse li a {
    padding-left: 14px;
  }
  #fav-navbar-collapse li li a {
    padding-left: 28px;
  }
  #fav-navbar-collapse li li li a {
    padding-left: 42px;
  }
  #fav-navbar-collapse li li li li a {
    padding-left: 56px;
  }
  #fav-navbar-collapse li li li li li a {
    padding-left: 70px;
  }
  #fav-navbar-collapse a {
    display: block;
    padding: 4px 14px 2px;
    font-size:20px;
    line-height: 2em;
    font-family: 'BenchNine', sans-serif;
    font-weight:300;
    font-size:23px;
    text-decoration: none;
    margin: 0;
  }
  #fav-navbar-collapse a:before {
    font-family: FontAwesome;
    content: "\f054";
    padding-left: 10px;
    padding-top: 0;
    float: right;
    font-size:20px;
    line-height: 2em;
    font-weight: normal;
  }
  .navbar-inverse .nav .active > a,
  .navbar .nav .active > a,
  .navbar-inverse .nav .active > a:hover,
  .navbar .nav .active > a:hover, 
  .navbar-inverse .nav .active > a:focus,
  .navbar .nav .active > a:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }


  /* Navbar Light */

  div.navbar #fav-navbar-collapse li a:hover,
  div.navbar #fav-navbar-collapse li li:hover,
  div.navbar #fav-navbar-collapse li li li:hover,
  div.navbar #fav-navbar-collapse li li li li:hover,
  div.navbar #fav-navbar-collapse li a:focus,
  div.navbar #fav-navbar-collapse li li:focus,
  div.navbar #fav-navbar-collapse li li li:focus,
  div.navbar #fav-navbar-collapse li li li li:focus,
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active, 
  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active {
    background-color: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  div.navbar #fav-navbar-collapse li li:hover,
  div.navbar #fav-navbar-collapse li li li:hover,
  div.navbar #fav-navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar #fav-navbar-collapse li {
    border-top: 1px solid #ddd;
  }
  div.navbar #fav-navbar-collapse a {
    color: #444; 
  }
  div.navbar #fav-navbar-collapse a:before {
    color: #aaa;
  }
  div.navbar #fav-navbar-collapse li a:hover:before,
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active a:before, 
  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active a:before, 
  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active a:before {
    color: #777;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul {
      color: #333;
      background-color: #fff;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {
      color: #aaa;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {
      color: #444;
  }
  .navbar .btn-navbar .icon-bar {
    background-color: #444;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
  }


  /* Navbar Inverse */

  div.navbar.navbar-inverse #fav-navbar-collapse li a:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li a:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li a:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li a:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li a:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active, 
  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active {
    background-color: #444;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li li:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li {
    border-top: 1px solid #333;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse a {
    color: #fff; 
  }
  div.navbar.navbar-inverse #fav-navbar-collapse a:before {
    color: #777;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li a:hover:before,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active a:before, 
  div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active a:before, 
  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active a:before,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active a:before {
    color: #fff;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul {
    color: #fff;
    background-color: #111;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {
    color: #777;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {
    color: #fff;
  }
  div.navbar.navbar-inverse .btn-navbar .icon-bar {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  }

}


/* 6. SLIDE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-slidewrap {
  margin-bottom: 14px;
  margin-top:58px;
}
#fav-slide {  
  background: url('../images/bg-pattern.png') repeat-x bottom 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

#fav-slide .moduletable li,
#fav-slide div[class^="moduletable-"] li,
#fav-slide div[class*=" moduletable-"] li { 
  background:none; 
}

#fav-slide .moduletable li ul,
#fav-slide div[class^="moduletable-"] li ul,
#fav-slide div[class*=" moduletable-"] li ul { 
  margin-bottom: 1em; 
}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

  #fav-slide .moduletable li ul,
  #fav-slide div[class^="moduletable-"] li ul,
  #fav-slide div[class*=" moduletable-"] li ul { 
    margin-bottom: 0; 
  }

}


/* 7. INTRO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-intro {  
  padding-bottom: 14px;
  margin-bottom: 14px;
}

#fav-intro p.lead {
  margin-bottom: 0;
}

#fav-intro .hello {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  text-transform: uppercase; 
  font-size: 48px; 
  color: #555; 
  text-align: center;
  line-height: 1.2em; 
  text-shadow: 0px 0px 1px #999;
  margin-bottom: 0;
}

/* Mobile */

@media handheld, only screen and (max-width: 979px) {

  #fav-intro {  
    padding-bottom: 7px;
  }
  #fav-intro .hello {
    font-size: 36px;
  }
  #fav-intro .moduletable p.lead {
  margin-bottom: 0;
  line-height: 1.2em;
  }

}


/* 8. BREADCRUMBS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-breadcrumbs .moduletable,
#fav-breadcrumbs div[class^="moduletable-"],
#fav-breadcrumbs div[class*=" moduletable-"] {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 0.9em;
  padding: 0;
}

@media handheld, only screen and (max-width: 979px) {

  #fav-breadcrumbs .moduletable,
  #fav-breadcrumbs div[class^="moduletable-"],
  #fav-breadcrumbs div[class*=" moduletable-"] {
    margin-top: 10px;
    margin-bottom: 0;
  }

}


/* 9. TOP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-topwrap {
  background-color: #eee;
  margin-top: 14px;
  margin-bottom: 14px;
}
#fav-top {
  padding-top: 14px;
  padding-bottom: 14px;
}
#fav-top .moduletable a,
#fav-top div[class^="moduletable-"] a,
#fav-top div[class*=" moduletable-"] a { 
  color: #202020; 
}
#fav-top .moduletable a:hover,
#fav-top div[class^="moduletable-"] a:hover,
#fav-top div[class*=" moduletable-"] a:hover {  
  color: #8c3f95; 
}

#fav-top #fav-download p {
  float: left; 
  font-size: 30px; 
  margin-bottom: 0;
}
 #fav-top #fav-download #fav-download-btn {
  float: right;
}

@media handheld, only screen and (max-width: 979px) {

  #fav-top #fav-download p {
    font-size: 24px;
    float: none;
    text-align: center;
  }
  #fav-top #fav-download #fav-download-btn {
    float: none;
    margin-top: 14px;
    font-size: 16px;
    text-align: center;
  }

}



/* 10. MAIN
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-messagewrap .row-fluid [class*="span"] { 
  min-height:0; 
}


/* 11. FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-footerwrap { 
  background-color: #93348c; 
  color: #ffffff; 
}
#fav-footer {
  padding-top: 14px;
  padding-bottom: 14px;
}
#fav-footer .moduletable li,
#fav-footer div[class^="moduletable-"] li,
#fav-footer div[class*=" moduletable-"] li { 
  background: none; 
  padding-left:0; 
}
#fav-footer .moduletable li a,
#fav-footer div[class^="moduletable-"] li a,
#fav-footer div[class*=" moduletable-"] li a { 
  color: #eeeeee; 
  font-size: 1em; 
}
#fav-footer .moduletable li a:hover,
#fav-footer div[class^="moduletable-"] li a:hover,
#fav-footer div[class*=" moduletable-"] li a:hover { 
  color: #8c3f95; 
}
#fav-footer .moduletable a,
#fav-footer div[class^="moduletable-"] a,
#fav-footer div[class*=" moduletable-"] a, 
#fav-footer .moduletable p a,
#fav-footer div[class^="moduletable-"] p a,
#fav-footer div[class*=" moduletable-"] p a { 
  color: #8c3f95; 
  font-size: 1em; 
}
#fav-footer .moduletable a:hover,
#fav-footer div[class^="moduletable-"] a:hover,
#fav-footer div[class*=" moduletable-"] a:hover, 
#fav-footer .moduletable p a:hover,
#fav-footer div[class^="moduletable-"] p a:hover,
#fav-footer div[class*=" moduletable-"] p a:hover { 
  color: #eeeeee; 
}
#fav-footer .moduletable a:before,
#fav-footer div[class^="moduletable-"] a:before,
#fav-footer div[class*=" moduletable-"] a:before {
  color: #999;
}


/* 12. COPYRIGHT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-copyright ul { 
  float:right; 
  margin:0;
}
#fav-copyright ul li { 
  float:left; 
  list-style:none; 
  background: none; 
  line-height: 21px;
}
#fav-copyright ul li a { 
  display:block; 
  color: #1F1F1F; 
  padding: 12px 0 6px;
  margin-left: 21px;
}
#fav-copyright ul li.active a, 
#fav-copyright ul li a:hover, 
#fav-copyright ul li:hover a { 
  color: #8c3f95;  
  text-decoration:none; 
}


/* 13. BACKTOP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#fav-backtotop { 
  margin-bottom: 1em; 
}
#fav-backtotop img { 
  float:right; 
}

@media handheld, only screen and (max-width: 979px) {

  #fav-backtotop-mobile { 
    text-align: center; 
    padding-top: 10px;
  }
    
}

@media handheld, only screen and (max-width: 767px) {

  #fav-backtotop { 
    display: none; 
  }

}

@media (min-width: 767px) {
	

  
  #fav-backtotop-mobile { 
    display: none; 
  }

}

/* IE */

.lt-ie8 #fav-backtotop {
  padding-bottom: 1em;
}
.lt-ie8 #fav-backtotop-mobile { 
  display: none; 
}



/* 14. STYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (min-width: 979px) {

  #fav-styles { 
    width: 60px; 
    top: 180px; 
    left: 0; 
    position:fixed; 
  }
  #fav-styles .moduletable,
  #fav-styles div[class^="moduletable-"],
  #fav-styles div[class*=" moduletable-"] { 
    background-color: #ffffff; 
    border: 1px solid #dddddd; 
    margin-top:0; 
    padding: 0 0 10px 0; 
  }
  #fav-styles .moduletable h3,
  #fav-styles div[class^="moduletable-"] h3,
  #fav-styles div[class*=" moduletable-"] h3 { 
    font-size: 18px;
    text-align:center;
    margin-top: 0;
    margin-bottom: 1em;
  }
  #fav-styles p { 
    margin-bottom: 7px; 
    text-align:center; 
  }
  
  
  
/* individuell */
div.custom img {margin: 0 0;}
#startseite {padding-top:40px;}
#fav-intro {  
  padding-bottom: 14px;
  margin-bottom: 14px;
  margin-left:10px;
}
#fav-introwrap {height:200px; position:absolute; top:460px; left:0; margin: 0 auto; width:100%; text-align:center;}
#fav-logo img {position:relative; top:3px; }  

}

/* Mobile */

@media (max-width: 978px) {

  #fav-styles {
    background-color: #ffffff; 
    border: 1px solid #ddd;
    position:fixed; 
    bottom:0; 
    left:0; 
    width: 100%;
    z-index: 999;
  }
  #fav-styles .moduletable,
  #fav-styles div[class^="moduletable-"],
  #fav-styles div[class*=" moduletable-"] {  
    padding: 7px 0 0 14px; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
  }
   #fav-styles .moduletable h3,
  #fav-styles div[class^="moduletable-"] h3,
  #fav-styles div[class*=" moduletable-"] h3 {  
    display: none; 
  }
  #fav-styles .moduletable p,
  #fav-styles div[class^="moduletable-"] p,
  #fav-styles div[class*=" moduletable-"] p { 
    float: left;
    padding: 4px;
    line-height: 4px;
    margin: 0; 
  }


/* individuell */
div.custom img {margin: 0 0;}

#fav-intro {  
  padding-bottom: 14px;
  margin-bottom: 14px;
  margin-left:10px;
}

#fav-logo img {position:relative; top:3px; } 

}

@media (max-width: 780px) {
#fav-mainwrap {margin-top:20px;}
}


@media (min-width: 780px) {
#fav-introwrap {height:200px; position:absolute; top:470px; left:0; margin: 0 auto; width:100%; text-align:center;}

}


/* IE */

.lt-ie9 #fav-styles { 
  width: 60px; 
  top: 180px; 
  left: 0; 
  position:fixed; 
}
.lt-ie9 #fav-styles .moduletable,
.lt-ie9 #fav-styles div[class^="moduletable-"],
.lt-ie9 #fav-styles div[class*=" moduletable-"] { 
  background-color: #ffffff; 
  border: 1px solid #dddddd; 
  margin-top: 0; 
  padding: 0 0 10px 0; 
  }
.lt-ie9 #fav-styles .moduletable h3,
.lt-ie9 #fav-styles div[class^="moduletable-"] h3,
.lt-ie9 #fav-styles div[class*=" moduletable-"] h3 { 
  font-size: 18px;
  text-align:center; 
  padding: 7px;
  margin-top: 0;
  margin-bottom: 1em;
  }
.lt-ie9 #fav-styles p { 
  margin-bottom: 7px; 
  text-align:center; 
  }
  
  @media (max-width: 678px) {
/* individuell */
#fav-introwrap { position:absolute; top:30%!important; left:0; margin: 0 auto; width:500px!important; text-align:center;}
#fav-intro {  
  padding-bottom: 14px;
  margin-bottom: 14px;
  padding-left:0px!important;
  width:90%;  
}



}
  
  

  
  







@media (max-width: 918px) {
/* individuell */
#fav-intro {  
  padding-bottom: 14px;
  margin-bottom: 14px;
  padding-left:0px!important;
  width:90%;
}

}



@media (max-width: 942px) {
/* individuell */
#fav-intro {  
  padding-bottom: 14px;
  margin-bottom: 14px;
  padding-left:0px!important;
  width:98%;
}

}


@media (max-width: 980px) {
/* individuell */
#fav-intro {  
  padding-bottom: 14px;
  margin-bottom: 14px;
  padding-left:40px;
  width:98%;
}

}

@media (max-width: 939px) {
/* individuell */
#startseite h1 {margin-top:20px; font-size: 30px;}
	
}



@media (max-width: 1034px) {
/* individuell */

#fav-intro {  
  margin-left:0px;
}

.text-links ul li {text-align:left!important;}
}





@media (min-width:970px) and (max-width:1800px) {
#startseite {width:90%; padding-right:20px; line-height:1.2em; text-align:left;}
#startseite p, div.item-page p {width:70%;}
div.text-links {width:44%; float:left; text-align:left;}
div.text-links p {width:100%!important;}
div.bilder-rechts{float:right; width:510px;  margin: 0 0 0 0; }

.moduletable {margin-bottom:0!important;}
#fav-maincontent .item-page #intro-navi {position:relative!important; z-index:5000!important; width: 90%; padding-left:5%;}
#fav-maincontent .item-page #intro-navi a {display:block!important; float:left!important; width:25%!important; max-width:210px!important;  height:auto; margin: 0 5px!important;}

}



@media (min-width:750px) and (max-width:970px) {
/*  Seite Service  */

#startseite p, div.item-page p {width:70%; }
.text-links {width:100%; position:relative;  text-align:left;}
.text-links p {width:100%!important;}
.bilder-rechts{position:relative; top:0; left:0; width:510px;  margin: 0 0 0px 0;}

}



@media (min-width:750px) and (max-width:1800px) {

/* individuell */
#fav-introwrap { position:absolute; top:55%; left:0; margin: 0 auto; width:90%; text-align:center;}
#fav-intro {  
  padding-bottom: 14px;
  margin-bottom: 14px;
  padding-left:5%!important;
  width:90%;  
}
#startseite {margin-top:0;}
#fav-mainwrap {margin-top:0px;}

}

@media (min-width:900px) {
#fav-maincontent p {width:70%;}
#fav-introwrap { position:absolute; top:55%; }
}


#team img {float:left; width:475px; margin-bottom:20px;}
.abstand-rechts {margin-right:20px;}
.rechts {float:right; margin-left:20px;}
.big {font-size:17px; line-height:1.5em;}
#clear {clear:both; padding:  0 0; margin: 0 0;}

#produkte img { width:180px!important; float:left; margin-right:13px;}
#produkte {padding-top:20px;}
a.kleinklein , a.kleinklein:visited {font-size:12px!important;  text-decoration:none; color:#FFF!important;}
a.kleinklein:hover {text-decoration:underline;  color:#FFF;}
p.treibsatz { text-align:left; padding-top:75px; }

#marken img {margin: 5px 6px 20px 6px;}

#fehlerseite {font-size:17px!important; line-height:1.5em!important;}
#fehlerseite p {font-size:17px!important; line-height:1.5em!important;}
#fehlerseite a {font-size:17px!important; line-height:1.5em!important;}