body {
    /* background: transparent !important;
    background: transparent url(/_pics/1-verlauf.jpg) no-repeat 0% 100% !important;
   background: url(../../_pics/bg_trees.png) no-repeat center center fixed; */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -khtml-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-smooth: 1.3em;
    overflow-y: scroll;
    background: transparent url(../../_pics/hintergrund_grau.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; /**/
    font-size: 16px;
    line-height: 1.8;
}

body.level_shop {
    background: #FDFFF2 url(../../_pics/bg_trees.png) no-repeat center center fixed !important;
}

div.sharepanel {
    background: #C1D34B
}

.fa.fa-share {
    color: #C1D34B;
}

/*
div.padd.sidebar{
background: rgba(255,255,255,.7);
display:inline-block;
}*/
.main {
    background: cover;
}

div.logo > .pull-left > a.logoplank > img.img-responsive {
    float: left;
    width: 100% !important;
    height: auto;
    margin-bottom: 0em;
}

@media (min-width: 767px) {
    div.matter.fullscreen {
        display: none;
    }

    .posts .entry h1 {
        background: #C1D34B;
        text-transform: uppercase;
        font-size: 40px;
        line-height: 100%;
        padding: 20px 15px;
        color: #fff;
        margin-bottom: 10px;
    }

    div.shop_entry > div.shop_entry_product_titel {
        font-size: 20px;
        line-height: 100%;
    }
}

@media (min-width: 240px) and (max-width: 766px) {
    div.shop_entry_product_titel > em.preis,
    div.product-detail > div.outer1 > div.shop_entry_product_titel,
    div.shop_entry > div.shop_entry_product_titel > em.preis,
    div.shop_entry > div.shop_entry_product_titel {
        font-size: 20px;
        font-size: 4vw !important;
        line-height: 100%;
    }

    .posts .entry h1 {
        font-size: 20px;
        font-size: 6vw !important;
        line-height: 100%;
    }
}

div.navi > nav.collapse.navbar-collapse.bs-navbar-collapse > div.col-md-12.pull-right > ul.nav.navbar-nav {
    margin-top: 20px;
}

.fixedbar {
    color: #9D9D9D;
    height: auto;
    background: none !important;
    margin-bottom: 20px;
}

.fixedbar a, .fixedbar a:visited, .fixedbar a:hover {
    color: #9D9D9D;
    text-decoration: none;
    background: none !important;
}

div#ddtopmenubar.mattblackmenu > ul > li > a,
.fixedbar ul li a {
    color: #9D9D9D;
    background: none !important;
}

div#ddtopmenubar.mattblackmenu > ul,
div#ddtopmenubar.mattblackmenu > ul > li {
    background: none !important;
}

.whity {
    background: rgba(255, 255, 255, .7);
}

div.whity.content > div.posts > div.entry > div.padd > h2 {
    background: #C1D34B;
}

html.csstransforms.no-csstransforms3d.csstransitions > body > div#bh-fd9ab41e47a9ef4f6477a8a000bf404f > span.visible-md,
span.visible-md {
    background: #fff !important;
    display: block !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important; /**/
}

.entry {
    display: block !important;
    clear: both;
}

.posts .entry h1 {
    background: #BF1218 !important;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 100%;
    padding: 20px 15px;
    color: #fff;
    margin-bottom: 10px;
}

.posts .entry h2 {
    background: none !important;
    /*text-transform:uppercase;*/
    font-size: 30px;
    line-height: 25px;
    padding: 10px 15px;
    color: #9d9d9d;
    margin: 0 0 1em 0;
}

h3 {
    margin: 0 0 .5em 0;
}

/** Image Text **/
.imgtxt-top-left,
.imgtxt-bottom-left {
    position: relative;
    margin: 1em 0;
    clear: both;
}

.imgtxt-top-right,
.imgtxt-bottom-right {
    position: relative;
    float: right;
    margin: 1em 0;
    clear: both;
}

.imgtxt-top-center,
.imgtxt-bottom-center {
    position: relative;
    margin: 1em auto;
    clear: both;
}

.imgtxt-left {
    position: relative;
    float: left;
    margin: .5em 1.5em 1em 1em;
}

.imgtxt-left.img-responsive > img.image-thumb {
    width: 100%;
    height: auto;
}

.entry img {
    padding: 2px;
    border: 0px solid #aaa;
    width: 100%;
    height: auto;
}

div.search-results > div.search-listing > div.search-item.search-item-ranking-1 > div.search-item-details > img.search-item-image {
    width: auto;
    height: auto;
    float: left;
    margin: .5em .5em 0 0
}

div.search-results > div.search-listing > div.search-item.search-item-ranking-1 > div.search-item-details {
    overflow: hidden;
    clear: both;
}

.imgtxt-right {
    position: relative;
    float: right;
    margin: .5em 1em 1em 1.5em;
}

.imgtxt-column-left {
    position: relative;
    clear: both;
    width: 100%;
}

.imgtxt-column-left .imgtxt-column-left-text {
    position: relative;
    float: left;
    margin: 0 1em 1em 0;
    width: 60%;
}

.imgtxt-column-left .imgtxt-column-left-image {
    position: relative;
    float: left;
    margin: 0 0 1em 1em;
    width: 35%;
}

.imgtxt-column-right {
    position: relative;
    clear: both;
    width: 100%;
}

.imgtxt-column-right .imgtxt-column-right-text {
    position: relative;
    float: right;
    margin: 0 0 1em 1em;
    width: 60%;
}

.imgtxt-column-right .imgtxt-column-right-image {
    position: relative;
    float: left;
    margin: 0 1em 1em 0;
    width: 35%;
}

div.posts > .image-with-text {
    clear: both;
    margin: 1em 0 2em 0;
    display: inline-block;
}

/*div.posts > .image-with-text > div.imgtxt-left{
margin:1em 1.5em 0 0;
}*/
div.posts > div.entry > div.padd > div.article-summary-image.imgtxt-left.img-responsive > img.image-thumb,
div.posts > .image-with-text > div.imgtxt-left > div.image_td > a.image-lightbox > img.image_img {
    width: 100%;
    height: auto;
}

div.article-summary-image img {
    border: none;
    float: left;
    margin: 1.5em 1.5em 0em 0em;
}

div.article-summary-text {
    margin: 1.5em;
}

.off {
    text-indent: -999em;
}

ul.nav.navbar-nav > li.active.active > a,
ul.nav.navbar-nav > li.dropdown.sub_ul.active.open > ul.dropdown-menu.active > li.active.active > a,
ul.nav.navbar-nav > li.dropdown.sub_ul.active.open > ul.dropdown-menu.active > li.active.active > a,
ul.nav.navbar-nav > li.dropdown.sub_ul.active.active > a.dropdown-toggle,
ul.nav.navbar-nav > li.dropdown.sub_ul.active.active.open > a.dropdown-toggle,
ul.nav.navbar-nav > li.dropdown.sub_ul.active.active.open > ul.dropdown-menu.active > li.active > a {
    color: #222;
}

ul.nav.navbar-nav > li > a:hover,
ul.nav.navbar-nav > li.dropdown.sub_ul.active.open > ul.dropdown-menu.active > li.active.active > a:hover,
ul.nav.navbar-nav > li.dropdown.sub_ul.active.active.open > ul.dropdown-menu.active > li > a:hover,
ul.nav.navbar-nav > li.dropdown.sub_ul.active.active.open > ul.dropdown-menu.active > li > a:hover {
    color: #aaa !important;
}

div.foot {
    background: #C1D34B;
}

footer a, footer a:visited,
div.foot a, div.foot a:visited {
    color: #000 !important;
}

div.foot a:hover {
    color: #c9ffc2;
}

footer a {
}

div.padd.sidebar > div.widget,
.matopen {
    width: 100%;
    float: left;
}

.matopen {
    /* for Jo */
}

.btn-primary {
    color: #596024;
    background-color: #FCAF3B;
    border-color: #596024;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #596024;
    border-color: #FCAF3B;
}


div.padd.sidebar > div.widget > div.matter > form.form-inline > input.form-control {
    display: inline-block;
}

/* Social CSS */
.social a i {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.social a.facebook i {
    background: #666 !important;
}

.social a.twitter i {
    background: #666 !important;
}

.social a.google-plus i {
    background: #666 !important;
}

.social a.linkedin i {
    background: #666 !important;
}

.social a.pinterest i {
    background: #666 !important;
}

.social a:hover i {
    background: #222 !important;
}

.social-click {
    color: #666;
}

span.highlight {
    font-weight: bold;
    background: yellow;
}

/* search */
.pagination a, .pagination a:link, .pagination a:visited {
    color: #FBB03B;
    text-decoration: none;
    font-weight: bold;
}

.pagination a:hover, .pagination a:active {
    color: #C1D34B;
    font-weight: bold;
}

div#bs-navbar-collapse.navbar-collapse.collapse.in > .col-xs-12 > div.navi > ul.nav.navbar-nav > li > a {
    font-size: 14px !important;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 760px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
        font-size: 1.8em;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    div#bs-navbar-collapse.navbar-collapse.collapse.in > .col-xs-12 > div.navi > ul.nav.navbar-nav > li > a {
        font-size: 1.8em !important;
    }

    .navi {
        margin-top: 32px;
        font-size: 1.8em !important;

    }
}

@media (min-width: 368px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }

    div#bs-navbar-collapse.navbar-collapse.collapse.in > .col-xs-12 > div.navi > ul.nav.navbar-nav > li > a {
        font-size: 20px !important;
    }

    div.navi > ul.nav.navbar-nav > li > a {
        font-size: 32px !important;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: right;
    padding: 16px 15px;
    font-size: 17px;
    line-height: 18px;
    height: 150px;
    visibility: hidden;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-default {
    background: none;
    border: none;
}

@media (min-width: 368px) and (max-width: 760px) {
    div.padd.sidebar,
    .sidebar {
        background: #fff !important;
        margin-bottom: 20px;
    }
    div.padd.sidebar > .widget {
        position: relative;
        float: none !important;
    }
}

span.visible-sm,
span.visible-xs,
span.visible-lg {
    display: none;
    height: 0 !important
}

a {
    -ms-word-break: keep-all;
    word-break: keep-all;
    /*word-wrap: break-word;*/
}

div.matter > p > a, div.matter > p > a:visited {
    color: #FCAF3B;
}

div.matter > p > a:hover, div.matter > p > a:active {

    color: #C1D34B;
    text-decoration: none;
}

.image-with-text a:link, .image-with-text a:visited,
.search-listing a:link, .search-listing a:visited,
.product.product-listing a:link, .product.product-listing a:visited,
.product-detail a:link, .product-detail a:visited {
    color: #999 !important;
    text-decoration: none;
}

.image-with-text a:hover,
.image-with-text a:active,
.search-listing a:hover,
.search-listing a:active,
.product.product-listing a:hover,
.product.product-listing a:active,
.product-detail a:hover,
.product-detail a:active {
    color: #999 !important;
    text-decoration: none;
}

a, a:visited {
    color: #FCAF3B;
    text-decoration-line: none;
    text-decoration-style: solid;
}

/* Zeile 8 */
a:hover {
    color: #C1D34B;
    text-decoration-line: underline;
    text-decoration-style: solid;
}

span.highlight {
    background: none repeat scroll 0 0;
    font-weight: bold;
    color: #FCAF3B;
}


div.navi > ul.nav.navbar-nav > li > a {
    font-family: Dosis, sans-serif;
    font-weight: 600;
}

/*div.entry  ul > li{
  list-style-image:url(../../_pics/baum_solo-small.png);
}
*/

div.entry ul {
    overflow: auto;
    zoom: 1;
    padding-left: 25px;
}

div.entry ul > li {
    list-style-position: inside;
    text-indent: -18px
}

.youtube-container {
    display: block;
    margin: 20px auto;
    width: 100%;
    max-width: 100%;
    -moz-box-shadow: 0 0 5px rgba(55, 55, 55, .8);
    -webkit-box-shadow: 0 0 5px rgba(55, 55, 55, .8);
    box-shadow: 0 0 5px rgba(55, 55, 55, .8);
}

.youtube-player.audio {
    padding-bottom: 90px;
    border: 1px solid #fff;
}

.youtube-player.video {
    padding-bottom: 56.25%;
    border: 1px solid #fff;
}

.youtube-player {
    display: block;
    width: 100%; /* assuming that the video has a 16:9 ratio */
    overflow: hidden;
    pos ition: relative;
    width: 100%;
    height: 100%;
    cursor: hand;
    cursor: pointer;
}

img.youtube-thumb {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

/*div.play-button {
                height: 72px;
                width: 72px;
                left: 50%;
                top: 50%;
                margin-left: -36px;
                margin-top: -36px;
                position: absolute;
                background: url("http://i.imgur.com/TxzC70f.png") no-repeat;
}*/
.video-play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    text-align: center;
    line-height: 72px;
    font-size: 70px;
    color: #fff;
}

.video-play:hover {
    color: #aaa;
    cursor: pointer;
}

#youtube-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* Änderungen 2017 */
div.whity > div.posts > div.entry.padd-zero > div.entry > div.padd > h1,
div.shop.clearfix > form#name.preset_clean > h1,
div.outer1 > div.shop_entry_product_titel,
div > form#name.preset_clean > p.agb-ja,
html#brennholz-plank-de.csstransforms.csstransforms3d.csstransitions > body > div.foot,
div.entry.padd-zero > div.entry > div.padd > div.shop.clearfix > h1 {
    background-color: #999;
}

div.entry > div.padd > h1.h1-verlauf,
div.whity > div.posts > div.entry.padd-zero > h1 {
    background-color: #BF1218;
}

.lieferkosten > a,
div.product.product-listing > div.outer1 > div.shop_entry_product_titel > span.lieferkost > a,
div.col-md-4.col-sm-4 > div.padd > div.widget > p > a,
div.col-md-4 > div.fpadd.footer4 > p > a,
div.row > div.col-md-4 > div.fpadd.footer6 > a,
div.row > div.col-md-4 > div.fpadd.footer6,
h3.matopen_teaser,
h3.matopen_teaser > a,
div.shop.clearfix > div > table > tbody > tr > td > a,
div.padd > div.image-with-text.img-responsive.clearfix.padd > p > a,
div.whity > div.posts > div.entry.padd-zero > p > a,
div.visible-lg > div.col-md-3.col-sm-3.sidey > div.padd.sidebar > div.widget > div.matter.fullscreen > p > a,
div.entry.padd-zero > div.padd > div.padd > div > p > a {
    color: #BF1218 !important;
}

div.modal-content > div.modal-footer > button.btn.btn-default,
div.cart_small > p > a.btn.btn-primary,
div.cart.table-responsive > div > div.btn.btn-primary.fortsetzen > a,
input.btn,
div > span.btn.btn-primary > input.cart-update-button,
div > span.btn.btn-primary > input.cart-checkout-button,
div.padd > div.shop.clearfix > div > p > a.btn.btn-primary {
    background-color: #BF1218;
}

div.cart_small > p > a.btn.btn-primary {
    color: #FFF;
}

div.modal-content > div.modal-footer > button.btn.btn-default:hover,
div.cart_small > p > a.btn.btn-primary:hover,
div > div.btn.btn-primary.fortsetzen > a:hover,
input.btn:hover,
div > span.btn.btn-primary > input.cart-update-button:hover,
div > span.btn.btn-primary > input.cart-checkout-button:hover,
div.padd > div.shop.clearfix > div > p > a.btn.btn-primary:hover,
div.shop.clearfix > form#name.preset_dirty > h1 {
    background-color: #999;
}

div.foot {
    background-color: #999 !important;
}

p.notavailable {
    font-size: 14px !important;
    font-weight: bold !important;
    color: blue !important;
}

/* Menu Toggle */
.logo > .pull-right > .navbar-toggle {
    margin-right: 0 !important;
}

#u_0_4 {
border: 1px solid red !important;
display: none;
}