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:969px) {
    #fav-intro {
        display: none;
    }

    #fav-mainwrap {
        margin-top: 100px;
    }

    #fav-mainwrap {
        position: relative;
    }

    #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){
    #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 #a6a6a6;
}

/* 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/background.jpg');
        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: 30px;
}

#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: #6a3c23;
    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 {
    height: auto;
    width: 210px;
    border-left: none;
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 0px;
}

#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');
        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: 56px;
}

#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: #453d38 */
    color: #ffffff;
    background-image: url('../../images/Hintergrund_Holz_Maserung01.jpg');
}

#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;
    }
}

@media (max-width:767px) {
    #fav-logo img {
        position: relative;
        top: -4px;
    }
}

@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:2800px) {
    #startseite {
        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: 98%;
        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 */
    .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: 100%;
    }

    #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: 7px;
}

#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;
}

.navbar-inverse .navbar-inner {
    background-image: -o-linear-gradient(top, rgb(146, 53, 140) 0%, #caa5c8 100%);
    background-image: -moz-linear-gradient(to top, rgb(146, 53, 140) 0%, #caa5c8 100%);
    background-image: -webkit-linear-gradient(top, rgb(146, 53, 140) 0%, #caa5c8 100%);
    background-image: -webkit-gradient(linear, rgb(146, 53, 140) 0%, #caa5c8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
    border-color: #a9a5a5;
}

.navbar-inverse .btn-navbar {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -moz-linear-gradient(top, #151515, #93348c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#93348c));
    background-image: -webkit-linear-gradient(top, #151515, #93348c);
    background-image: -o-linear-gradient(top, #151515, #93348c);
    background-image: linear-gradient(to top, #151515, #93348c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
    border-color: #040404 #040404 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #040404;

    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

@media (max-width:938px) {
    .footerrechts {
        width: 100% !important;
    }
}

/* pt-sans-narrow-regular - latin */
@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/pt-sans-narrow-v17-latin-regular.eot');

    /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/pt-sans-narrow-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-narrow-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-narrow-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-narrow-v17-latin-regular.svg#PTSansNarrow') format('svg');

    /* Legacy iOS */
}

/* fira-sans-regular - latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/fira-sans-v16-latin-regular.eot');

    /* IE9 Compat Modes */
    src: local(''),
       url('../fonts/fira-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-regular.svg#FiraSans') format('svg');

    /* Legacy iOS */
}