/* 
    Document   : main.css
    Created on : 22.07.2013, 14:42:00
    Author     : Michael Geilenkirchen
    Project    : HappyCat & HappyDog
    Description: Basic and extended CSS rules        
*/

/* Browser Aktualisierung */

.overlaymessage {
display: none;
}


.brwsOpen {
overflow: hidden;
}
.no-inlinesvg .browseMsg{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow-x: hidden;
  overflow-y: auto;
  background: url('../img/trans_bg.png');
}

.browseMsg .close{font-size:14px;}

.no-inlinesvg .overlaymessage{
    width: 600px;
    margin-top: 8%;
    margin-left: -300px;
    left:50%;
    position: relative;
    z-index: 1000;
    display:block;
    
    
}

.blueTop{
  height: 40px;
  width: 100%;
  background: #003964;

}

.oldmsg{
    padding: 10px 30px 30px 30px;
  background-color: #fff;
}

.no-inlinesvg .overlaymessage .browseIcons{
  text-align: center;
  width: 400px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

.no-inlinesvg .overlaymessage .icon{
    float: left;
    width: 90px;
    margin: 0px 20px 25px 20px;
}

/*****************/




*:focus {
    outline: 0 !important;
}

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, input[type="time"]:focus, 
input[type="week"]:focus, input[type="number"]:focus, 
input[type="email"]:focus, input[type="url"]:focus, 
input[type="search"]:focus, input[type="tel"]:focus, 
input[type="color"]:focus, .uneditable-    
input:focus {
    border-color: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: -webkit-focus-ring-color auto 5px;
}

#haendler .customSelect.hasCustomSelect {
    position: relative;
    margin-bottom: 20px;
    background: url("../img/filter_arrow_white-trans.png") no-repeat scroll right center #fff;
}

#haendler select.hasCustomSelect {
    position: relative;
    z-index: 500;
}

DIV.csc-textpic .csc-textpic-imagewrap img {
    width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    DIV.csc-textpic .csc-textpic-imagewrap img {
        max-width: 100%;
        height: auto;
        width: auto;
    };
}

.product_header .popover {
    max-width: 500px;
}
/*
*Font
**/
@font-face {
    font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(//themes.googleusercontent.com/static/fonts/librebaskerville/v1/pR0sBQVcY0JZc_ciXjFsK2vhaIAz1NJzluD_h2UBN7c.woff) format('woff');
}

@font-face {
    font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'), url(//themes.googleusercontent.com/static/fonts/librebaskerville/v1/kH7K4InNTm7mmOXXjrA5v2bXv0mI0yfCBzn-qhU0FPM.woff) format('woff');
}

@font-face {
    font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'), url(//themes.googleusercontent.com/static/fonts/librebaskerville/v1/QHIOz1iKF3bIEzRdDFaf5dCpxY7g_VZuMtgz78Sasn8.woff) format('woff');
}

@import url(//fonts.googleapis.com/css?family=Lato:400,700);

/*
*Basics
**/
root {
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, code, del, em, font, img, small,
strike, strong, dl, dt, dd, ol, ul, li, fieldset, form,
label, table, caption, tbody, tfoot, thead, tr, th, td {
}

body {
    font-family: serif, 'Libre Baskerville';
    font-size: 16px;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

a {
    outline: none;
    -moz-outline-style: none;
}

a {
    outline: none;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

a:focus {
    outline: 0;
}

p a, 
p a:hover, 
p a:focus, 
p a:visited, 
.news-single-item a, 
.news-single-item a:hover,
.news-single-item a:focus,
.news-single-item a:visited {
    color: #756d64;
    text-decoration: underline;
}
/*
*Position
**/
.center {
    margin: 0 auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

.static {
    position: static;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*
* Spacers
**/
.mB50 {
    margin-bottom: 50px;
}

.mB20 {
    margin-bottom: 20px;
}

.mT50 {
    margin-top: 50px;
}

.pT50 {
    padding-top: 50px;
}

#rootContent > .pT50 {
/*  padding-top: 0 !important; */;
}

.mT20 {
    margin-top: 20px;
}

.p20 {
    padding: 20px;
}

.p10 {
    padding: 10px;
}

.pT20 {
    padding-top: 20px;
}

.pT10 {
    padding-top: 10px;
}

.pR20 {
    padding-right: 20px;
}

.pR10 {
    padding-right: 10px;
}

.pB20 {
    padding-bottom: 20px;
}

.pB10 {
    padding-bottom: 10px;
}

.pL20 {
    padding-left: 20px;
}

.pL10 {
    padding-left: 10px;
}

/*
* Sizes
**/
.max-width {
    width: 100%;
}

/*
*Fonts & Text
**/
.textCenter.mT24 {
    text-transform: uppercase;
}

.textCenter {
    text-align: center;
}

/*
*Colors
**/
/*colors*/
.c1 {
    color: #565655;
}/*grey*/
.c2 {
    color: #2686c2;
}/*blue*/
.c3 {
    color: #ffffff;
}/*white*/
.c4 {
    color: #1f82c0;
}/*blue second*/

/*background color*/
.bg1 {
    background-color: #565655;
}/*grey*/
.bg2 {
    background-color: #2686c2;
}/*blue*/
.bg3 {
    background-color: #f2f2f2;
}/*light grey*/
.bg4 {
    background-color: red;
}/*red*/
.col-md-4.newsBG {
    height: 360px;
    margin-top: -10px;
    background: url(../img/papier_360x360.jpg) top left no-repeat;
}

.news-teaser-padding {
    display: block;
    padding-left: 50px;
    padding-top: 80px;
    padding-right: 55px;
}

.tab_nav_products {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 10;
    margin-top: 10px;
}

@media (max-width:1200px) {
    .col-md-4.newsBG {
        height: 360px;
        margin-top: -10px;
        background: url(../img/papier_300x360.jpg) top left no-repeat;
    }

    .news-teaser-padding {
        padding-top: 85px;
        padding-right: 65px;
    }

    .news-teaser-padding h5 {
        font-size: 16px;
        line-height: 20px !important;
    };
}

@media (max-width: 991px) {
    .col-md-4.newsBG {
        margin-bottom: 30px;
        background: url(../img/news-teaser-pattern.jpg) top left repeat;
        margin-top: 0;
        box-shadow: 0 0 5px rgba(0,0,0,.4);
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
        margin-right: 15px;
        height: 350px;
        width: 220px;
    }

    .news-teaser-padding {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
        padding: 18px 20px;
    }

    .news-teaser-padding h5 {
        font-size: 14px;
        line-height: 18px !important;
    }

    .tab_nav_products {
        float: none;
        margin-top: 10px;
        margin-bottom: 10px;
    }

}

@media (max-width: 767px) {
    .col-md-4.newsBG {
        margin-top: 20px;
        padding: 10px 30px;
        width: auto;
        height: auto;
    }

    #prod_filter_sub_menu {
top: 73px;
}
}

#breadcrumb{
    margin-top: -35px;
    margin-bottom: 20px;
}

#breadcrumbs {
    margin-top: 27px;
    margin-bottom: 20px;
    float: left;
}

@media (max-width: 767px) {
    #breadcrumb, #breadcrumbs {
        display: none;
    }

    .btn-group .btn-green {
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    table h5 {
        font-size: .75em;
        line-height: 1.25em !important;
    };
}

.bread_arrow {
    background-image: url('../img/footer-desktop-linkarrow.png');
    width: 20px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 8px;
}

.link_arrow {
    background-image: url('../img/link_arrow_gruen.png');
    width: 15px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

.product_header p {
    line-height: 16px;
    padding-top: 10px;
}

.toolbar #breadcrumb {
    float: left;
    margin-bottom: 0;
}

#produkt_wrap #breadcrumb {
    margin-top: 8px;
    float: left;
    z-index: 10;
    position: relative;
}

#breadcrumb a, #breadcrumb a:active, #breadcrumb a:visited,
#breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited  {
    color: #252322;
    text-decoration: underline;
}

.toolbar #breadcrumb a, #produkt_wrap #breadcrumb a, .texture.productList #breadcrumbs a {
    background: url("../img/footer-desktop-linkarrow.png") no-repeat 4px 4px;
    padding-left: 15px;
}

#breadcrumb a:hover, #breadcrumb strong,
#breadcrumbs a:hover, #breadcrumbs strong {
    color: #98991C !important;
    font-weight: normal;
    text-decoration: underline;
}

.toolbar #breadcrumb strong, #produkt_wrap #breadcrumb strong,
.texture.productList #breadcrumbs strong {
    background: url("../img/footer-desktop-linkarrow.png") no-repeat 4px 4px;
    padding-left: 15px;
}

.toolbar #breadcrumb a:first-child, #produkt_wrap #breadcrumb a:first-child,
.texture.productList #breadcrumbs a:first-child {
    background: none;
    padding-left: 0;
}

.news-teaser-padding h5 {
    margin-bottom: 0;
}

.news-single-img{
    float:left;
    margin: 0 20px 10px 0;
}

.news-single-imgcaption,
figcaption.csc-textpic-caption {
    font-size: 12px;
    font-style: italic;
    background-color: #d3cdc7;
    padding: 5px 10px;
    line-height: 18px;
}

.qualiCert {
    background: url(../img/quali-desktop-background.png) center 110px no-repeat;
    height: 513px;
    position: relative;
}
.productList .qualiCert {
    background: url(../img/zettel_list_view.png) 95px 60px no-repeat;
    height: 405px;;
    position: relative;
    width: 100%;
}


.productList .qualiCert h5 {
    margin-top: 100px;
    margin-bottom: 15px;
    margin-left: 15.094%;
}

.productList .qualiCert .col-md-offset-2 {
margin-left: 14.666667%;
}

.productList .qualiCert ul{
    padding-left:20px;
}


.qualiCert a.btn {
    float: right;
    margin-right: -40px;
}

.qualiCert h5 {
    margin-top: 180px;
    margin-left: 17.094%;
    margin-bottom: 40px;
}

.qualiCert .img-responsive {
    position: absolute;
    top: 50px;
    right: 17.094%;
}

@media (max-width: 1200px) {
    .qualiCert, .productList .qualiCert {
        background: none;
        height: auto;
    }

    .productList .qualiCert h5 {
        margin-top: 80px;
    }
}

@media (max-width: 1024px) {
  
    .qualiCert .row-fluid .col-md-offset-2:first-child {
        margin-left: 8.51064%;
    }

    .qualiCert .row-fluid .col-md-4 {
        width: 40.0552%;
    }

    .qualiCert h5 {
        margin-left: auto;
        margin-bottom: 20px;
        margin-top: 40px;
        text-align: center;
    }
    .productList .qualiCert{
        margin-left: auto;
    }
    .productList .qualiCert h5{
        text-align: left;
    }

    .qualiCert .img-responsive {
        position: static;
        top: auto;
        right: auto;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }

    .qualiCert a.btn {
        margin-bottom: 20px;
    };

    #breadcrumbs{
        float: none;
    }


}
@media (min-width: 979px) and (max-width: 991px){
    #breadcrumbs{
        float: none;
    }

        .productList .qualiCert h5 {
        margin-top: 40px;
        margin-bottom: 15px;
        margin-left: 0;
        text-align: left;
    }
    .productList .qualiCert .col-md-offset-2 {
        margin-left: 0;
    }
    .productList .qualiCert ul {
        margin-bottom: 0;
    }
}

@media (max-width: 978px) {
    .qualiCert a.btn {
        margin-right: auto;
        float: none;
        display: inline-block;
        margin: 0 auto 20px;
    }

    #breadcrumbs{
        display:none;
    }

    .productList .qualiCert h5 {
        margin-top: 40px;
        margin-bottom: 15px;
        margin-left: 0;
        text-align: left;
    }
    .productList .qualiCert .col-md-offset-2 {
        margin-left: 0;
    }
    .productList .qualiCert ul {
        margin-bottom: 0;
    }

}

@media (max-width: 767px) {
    .qualiCert .row-fluid .col-md-4 {
        width: 100%;
    }

    .qualiCert .row-fluid .col-md-4.col-md-offset-2 {
        margin-left: 0;
    };
    #breadcrumbs{
        float:none;
    }

    .productList .qualiCert h5 {
        margin-top: 40px;
        margin-bottom: 15px;
        margin-left: 0;
        text-align: left;
    }
    .productList .qualiCert .col-md-offset-2 {
        margin-left: 0;
    }
    .productList .qualiCert ul {
        margin-bottom: 0;
    }
}

/*Background Images*/
.caption_top,
.caption,
.bi1 {
    background: -moz-linear-gradient(top,  rgba(0,57,100,0.9) 0%, rgba(0,57,100,0.9) 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,57,100,0.9)), color-stop(100%,rgba(0,57,100,0.9)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6003964', endColorstr='#e6003964',GradientType=0 );
 /* IE6-9 */;
}

/*
*Borders
**/
.b1 {
}

.b0 {
}
/*.bB1{border-bottom:1px solid #ccc;}*/

/*
*Fonts
**/
.accordion-inner > .row-fluid,
.accordion-inner > .row,
p {
    line-height: 23px;
}

.standard-input,
.standard-select,
li,
li > a,
ul.button-steps li .btn,
.btn,
.search,
button,
.f1 {
    font-family: serif, 'Libre Baskerville';
    font-size: 18px;
}

.btn.search,
.f2 {
    font-family: serif;
    font-style: italic;
}

h1 {
    font-family: 'Exo', sans-serif;
    line-height: 40px;
    font-size: 35px;
    color: #fff;
}

h1.csc-firstHeader {
    color: #000;
}

h1.csc-firstHeader:after {
    content: "";
    display: block;
    width: 60px;
    margin-top: .5em;
    margin-bottom: 1em;
    border-bottom: 2px solid #333;
}

.accordion-inner h1.csc-firstHeader:after{
    content: none;
}

#seotext h1.csc-firstHeader:after {
    border-bottom: none;
}

#seotext h3 span {
    font-weight: bold !important;
}

h2 {
    font-family: 'Exo', sans-serif;
    line-height: 30px;
    font-size: 24.5px;
}

h3 {
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    line-height: 40px !important;
}

h4,
.f4 {
    font-family: 'Exo', sans-serif;
    line-height: 30px !important;
    font-size: 24.5px;
}

h5,
.f5 {
    font-size: 19px;
    font-family: 'Exo', sans-serif;
    line-height: 25px !important;
}

h6,
.f6 {
    font-size: 13px;
    text-transform: uppercase;
}

.news-date,
h7,
f7 {
    font-size: 16px;
    font-family: 'Exo', sans-serif;
    line-height: 18px !important;
}

a > h1 > hr,
a > h2 > hr,
a > h3 > hr,
a > h4 > hr,
a > h5 > hr,
a > h6 > hr,
h1 > hr,
h2 > hr,
h3 > hr,
h4 > hr,
h5 > hr,
h6 > hr,
.short,
a > .accordion-head > hr,
.circle-text hr {
    display: block;
    border: none;
    width: 60px;
    height: 1px;
    border-bottom: 2px solid #333333;
    margin-left: 0;
    text-align: left;
}

/*.product-hover > h3 > hr,
.product-content > h3 > hr,
.product-teaser-FCE > h3 > hr,
*/
.circle-text hr,
a > h5 > hr,
h5 > hr {
    width: 37px;
    margin: 10px auto;
}

.product-hover > h5 {
    padding: 30px 20px 0 20px;
}

.product-hover > p {
    padding: 0 20px;
}

.product-hover hr {
    border-bottom: 2px solid #fff;
}

a.collapsed > h1 > hr,
a.collapsed > h2 > hr,
a.collapsed > h3 > hr,
a.collapsed > h4 > hr,
a.collapsed > .accordion-head > hr,
.wide {
    display: block;
    border: none;
    width: 100%;
    border-bottom: 2px solid #333333;
}

.wide {
    margin-top: 30px;
    margin-bottom: 50px;
}

/*
*Lists
**/
ul > li {
    list-style: none;
    list-style-image: url(../img/icon_list.png);
    font-size: 13px;
    line-height: 25px;
}

/*
*Forms and Input
**/
input::-webkit-input-placeholder {
    color: #756d64;
    opacity: 1 !important;
    font-style: italic;
}

:-webkit-input-placeholder {
    color: #756d64;
    opacity: 1 !important;
    font-style: italic;
}

:-moz-placeholder {
 /* Firefox 18- */
    color: #756d64;
    opacity: 1 !important;
    font-style: italic;
}

::-moz-placeholder {
  /* Firefox 19+ */
    color: #756d64;
    opacity: 1 !important;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #756d64;
    opacity: 1 !important;
    font-style: italic;
}

.topshadow {
    height: 6px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.10) 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.10)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#10000000',GradientType=0 );
 /* IE6-9 */;
}

.standard-input {
    font-size: 13px;
    font-style: italic;
    color: #756d64;
    padding: 10px 1% !important;
    -webkit-box-shadow: inset 0 0 5px #D1C5B8 !important;
    -moz-box-shadow: inset 0 0 5px #D1C5B8 !important;
    box-shadow: inset 0 0 5px #D1C5B8 !important;
    background: transparent;
    width: 97%;
    display: block;
}

select.standard-input {
    padding: 20px !important;
}

.standard-input:hover,
.standard-input:active,
.standard-input:focus {
    border-color: #756D64 !important;
    box-shadow: 0 0 10px #756D64 !important;
}

.standard-input[type=radio] {
    width: auto;
    display: inline;
}

.standard-select {
    width: 100%;
}

form.standard-form .row-fluid,
form.standard-form .row {
    min-height: 50px;
}

/*
*Functions
**/
.clear {
    clear: both;
}

/*
*Elements
**/

/*BootStrap Customize*/
#navigation {
    color: #000;
    z-index: 500;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 5px #2D2E2D;
}

#navigation.fixed {
    top: 39px;
}

.top-nav-container {
    left: 0;
    right: 0;
    z-index: 510;
  display: block;
}

#navigation .col-md-12 {
    margin-left: 0px !important;
}

#navigation-spacer {
    height: 152px;
}

#navigation-tablet .btn-group .btn,
#navigation .search,
#navigation-tablet .col-md-6 .btn,
ul.button-steps li .btn,
#navigation .btn-group .search,
#navigation .row-bottom .col-md-2 .btn:hover,
#navigation .row-bottom .col-md-2 .btn:active,
#navigation .row-bottom .col-md-2 .btn:focus,
#navigation .btn,
.btn.btn-green,
.btn > .btn-green {
    color: #756d64;
    text-shadow: none;
    box-shadow: none;
    border: none;
    margin-right: 4px;
    font-size: 13px;
}

.top-nav-container .searchPhoneContainerWrap {
  clear: both;
  left: 0;
  width: 100%;
  padding: 0 15px 10px;
  overflow: hidden;
}
.top-nav-container .searchPhoneContainerWrap .input-search {
  float: none;
  width: 100%;
  margin-left: 0;
  padding-bottom: 10px;
  background: transparent;
}

.top-nav-container .searchPhoneContainerWrap .input-search .icon-search {
  right: 15px;
    top: 14px;
}

.top-nav-container .searchPhoneContainerWrap .input-search .inputwrap {
  background-image: none;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6) inset;
  margin-left: 0;
  height: auto;
}

.top-nav-container .searchPhoneContainerWrap .input-search .inputwrap input.search {
  width: 85%;
  height: 38px;
  line-height: 38px;
}

#navigation .btn.subnavtarget {
    font-size: 15px;
}

#navigation .btn.subnavtarget a {
    color: #000;
}

#navigation .btn.subnavtarget.active a,
#navigation .btn.subnavtarget.aktiv a {
    color: #fff;
}

#navigation .btn.subnavtarget:hover a {
    color: #fff;
    text-decoration: none;
}

#navigation .btn.subnavtarget a:hover,
#navigation .btn.subnavtarget a:active {
    text-decoration: none;
}

@media (max-width: 1199px) {
    #navigation .btn.subnavtarget,
  #navigation .btn.subnavtarget a {
        font-size: 12px;
    };
}

#navigation-tablet .col-md-6 .btn:hover,
#navigation-tablet .col-md-6 .btn:active,
#navigation-tablet .col-md-6 .btn:focus,
ul.button-steps li .btn,
#navigation .row-top .btn:hover,
#navigation .row-top .btn:active,
#navigation .row-top .btn:focus {
    color: #fff;
    background: #003964;
}

#navigation-tablet .navbar-static-top {
  margin: 10px 0;
  z-index: 400;
}

#navigation .row-top .col-md-2 .btn {
    color: #fff;
    background: #97991c;
}

.subnavtarget {
    line-height: 35px;
}

.subnavtarget.active,
#navigation .row-bottom .col-md-8 .btn:hover,
ul.button-steps li .btn:hover,
ul.button-steps li .btn:active,
ul.button-steps li .btn:focus,
ul.button-steps li .btn.active,
.btn > .btn-green,.btn-green
 {
    color: #fff !important;
    background: #98991c !important;
}

#produkt_wrap .tab_nav_products a.btn-green{
    background: transparent !important;
    color: #000 !important;
    padding: 10px;
    margin-right: 2px;
}

#produkt_wrap .tab_nav_products a.btn-green:hover{
    color: #fff !important;
    background: #98991c !important; 
    padding: 10px;
}

#navigation .row-bottom .col-md-8 .btn:active,
#navigation .row-bottom .col-md-8 .btn:focus,
.btn.subnavtarget.aktiv,
.btn-green:hover,
.btn-green:active,
.btn-green:focus,
#produkt_wrap .tab_nav_products a.btn-green.active {
    color: #fff !important;
    background: #777b1b !important;
}

.btn.btn-green a,
.btn.btn-green a:hover{color:#fff; text-decoration:none;};


#navigation .row-bottom .col-md-8 .btn:active,
#navigation .row-bottom .col-md-8 .btn:focus,
.btn.subnavtarget.aktiv {
    background: #777b1b !important;
}

.row-top .search {
    border: none;
    margin: 0;
    padding: 0;
    /*max-width:168px;*/
    padding-left: 35px;
}

.top-nav-container {
    background: #003964;
 /* Old browsers */
    background: -moz-linear-gradient(top,  #003964 0%, #003964 80%, #001944 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003964), color-stop(80%,#003964), color-stop(100%,#001944));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  #003964 0%,#003964 80%,#001944 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003964', endColorstr='#001944',GradientType=0 );
 /* IE6-9 */
    color: #fff;
    height: 39px;
}

@media (max-width: 989px) {
    .top-nav-container.fixed {
        position: static;
    };
}

#phone-nav-bg {
    background: #003964;
 /* Old browsers */
    background: -moz-linear-gradient(top,  #003964 0%, #003964 80%, #001944 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003964), color-stop(80%,#003964), color-stop(100%,#001944));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  #003964 0%,#003964 80%,#001944 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003964', endColorstr='#001944',GradientType=0 );
 /* IE6-9 */
    color: #fff;
}

#phone-nav-bg a, #phone-nav-bg a:hover, #phone-nav-bg a:visited, #phone-nav-bg a:focus, #phone-nav-bg a:active {
    color: #fff;
}

.top-nav-container .toplinks {
    float: right;
}

#navigation-tablet .top-nav-container .toplinks a {
    line-height: 36px !important;
}

.top-nav-container .toplinks a {
    color: #fff;
    text-decoration: underline;
    line-height: 42px;
}

.top-nav-container .input-search {
    float: right;
    margin-left: 15px;
    width: 301px;
    height: 59px;
    padding-top: 10px;
    background: url(../img/search-desktop-bg.png) top left no-repeat;
}

.top-nav-container .search.tx-indexedsearch-searchbox-sword.ac_input.placeholder {
    background: transparent;
    border: 1px solid transparent;
    color: #333;
}

.top-nav-container .search.tx-indexedsearch-searchbox-sword.ac_input.placeholder:focus {
}

/*Navigation - BootStrap*/
#navigation > .container {
    padding-top: 15px;
}

#navigation .navbar-inner {
    padding: 10px 0 0;
    background: none;
    box-shadow: none;
    border: none;
    filter: none;
}

#navigation .row-top {
    margin-top: -5px;
}

#navigation .row-bottom .col-md-8 .btn {
    color: #000;
    background: none;
}

#navigation .col-md-8.text-right.nav-collapse {
    margin-top: 10px;
    float: right;
}

#navigation .row-top .search,
#navigation .row-top .btn-group,
#navigation .row-top .btn {
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#navigation .row-top .btn-group .btn.active,
#navigation-tablet .col-md-6 .btn_2.active {
    color: #fff;
    background: #003964;
}

#navigation .row-top .btn-group.relative {
    float: right;
}

#navigation .row-top .btn-group {
    float: left;
}

#indexedsearch {
    text-align: left;
}

#navigation #indexedsearch {
}

.top-nav-container .input-search .inputwrap {
    margin-left: 25px;
    background: url(../img/search-desktop-inputbg.png) top left no-repeat;
    position: relative;
    height: 32px;
}

.top-nav-container .input-search .search,
.top-nav-container .input-search .search:invalid,
.top-nav-container .input-search .search:-moz-submit-invalid,
.top-nav-container .input-search .search:required,
.top-nav-container .input-search .search:-moz-placeholder,
.top-nav-container .input-search .search:-webkit-input-placeholder,
.top-nav-container .input-search .search:optional,
.top-nav-container .input-search .search:focus {
    background: transparent;
    width: 240px;
    height: 32px;
    padding-left: 15px;
    margin-right: auto !important;
    font-style: italic;
    border: 0;
    outline: none !important;
    box-shadow: none !important;
    color: #333;
}

.top-nav-container #indexedsearch .search {
    background: transparent;
    color: #333;
    border: 1px solid transparent !important;
    font-style: italic;
}

#indexedsearch {
    padding: 3px 0 0 8px;
}

.row-bottom > .col-md-8 {
    padding-top: 15px;
}

#subnavigation {
    height: 0;
    display: none;
    padding: 0;
    color: #000;
    z-index: 499;
    width: 100%;
    list-style: none;
}

#subnavigation > .container {
    width: 100%;
    margin: 0 auto;
}

#subnavigation > .container > .row {
    margin: 0 auto;
}

#subnavigation.active {
    height: auto;
    display: block;
    padding: 143px 0 0 0;
}

#subnavigation h2 hr {
    text-align: left;
}

#subnavigation .teaser-wrap {
    position: relative;
    min-height: 170px;
}

#subnavigation .teaser-wrap h4 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#subnavigation .teaser-wrap .text {
    width: 48%;
    position: absolute;
    bottom: 0;
    right: 0;
}

#subnavigation .teaser-wrap .text {
}

#subnavigation .subnav-teaser-image {
    margin-left: 30px;
}

#subnavigation .subnav-teaser-image img {
    box-shadow: 0 0 5px rgba(0,0,0,.4);
}

#subnavigation > .container-fluid > .row-fluid > .col-md-10,
#subnavigation > .container > .row > .col-md-8 {
    box-shadow: 0 0 5px #2D2E2D;
    background: #fff;
}

#subnavigation .col-md-8 .row {
    padding: 30px 0;
    min-height: 300px;
}

#subnavigation .navlvl3 {
    display: none;
}

#subnavigation ul li.subItem ul.navlvl3 li {
    margin-left: 15px;
    border-top: 0;
}

#subnavigation ul li.subItem ul.navlvl3 li a,
#subnavigation ul li.subItem.aktiv ul.navlvl3 li a, 
#subnavigation ul li.subItem.aktuell ul.navlvl3 li a {
    padding: 2px 10px 2px 25px;
    background-color: transparent;
    color: #333;
    background-image: url("../img/footer-desktop-linkarrow.png");
}

#subnavigation ul li.subItem.aktuell ul.navlvl3 li a:hover,
#subnavigation ul li.subItem ul.navlvl3 li a:hover{
   color: #98991C;
}

#subnavigation ul li.subItem.aktuell ul.navlvl3 li.aktuell a {
    color: #777b1b;
}

#subnavigation li.subItem a:focus,
#subnavigation li.subItem a:active {
    text-decoration: none;
}

@media (min-width: 1200px) {
    #subnavigation .col-md-8 .row {
        min-height: 180px;
    };
}

.subnavrow {
    display: none;
    width: 770px;
}

.subnavrow.active {
    display: block;
}

.subnav {
    list-style: none;
}

#subnavigation ul {
    margin-left: 0;
    margin-right: 30px;
    list-style: none;
    padding-left: 0;
}

#subnavigation ul li.subItem:first-child {
    border-top: 0;
}

#subnavigation ul li.subItem {
    list-style: none;
    border-top: 1px solid #eee;
    padding: 6px 0;
}

#subnavigation ul li.subItem.active {
    font-weight: bold;
}

#subnavigation li.subItem a {
    font-size: 15px;
    line-height: 18px;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url(../img/footer-desktop-linkarrow.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 7px 10px 7px 25px;
    color: #262322;
}

#subnavigation li.subItem a:hover {
    text-decoration: none;
    background-color: #97991c;
    color: #fff;
    background-image: url(../img/linkarrow-white.png);
}

#subnavigation ul li.subItem.aktiv a,
#subnavigation ul li.subItem.aktuell a {
    background-color: #777b1b;
    color: #fff;
    background-image: url(../img/linkarrow-white.png);
}

@media (max-width: 1200px) {
    #subnavigation .teaser-wrap .text {
        width: 44%;
    }

    #subnavigation li.subItem a {
        font-size: 12px;
        padding: 3px 10px 3px 25px;
    }

    #subnavigation .teaser-wrap .text {
        position: static;
        width: auto;
        padding-left: 30px;
        padding-top: 10px;
    };
}

#subnavigation h2.square {
    text-indent: 30px;
    background-image: url('../img/icon_listsquare.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.subnavrow .col-md-3 strong {
    cursor: pointer;
}


/*
div.row-fluid.row-top span.customSelect,
div.row span.customSelect{
        font-size:11px;
        background-color: #f5f0de;
        color:#7c7c7c;
        padding:5px 7px;
        border:1px solid #e7dab0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px;
}
*/


.leftShadow ul {
    margin: 0;
}

.leftShadow ul li {
    list-style: none;
}

.leftShadow ul li a,
.leftShadow ul li a:hover {
    color: #000;
    text-decoration: none;
}

/*Tablet Navigation*/
#navigation-tablet .navbar .navbar-inner {
    background: none !important;
    box-shadow: none !important;
    border: none;
}
/*
#navigation-tablet .search{
    background:#D1C5B8 !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-bottom-right-radius: 0px !important;
    width:100%;
    height:36px;
    padding:0 5px 0 5px;
}
*/
#navigation-tablet .search:active,
#navigation-tablet .search:focus,
#navigation-tablet .search:hover {
    border-color: transparent;
    box-shadow: none;
}

#navigation-tablet .btn-group {
    margin: -10px 0 0 -4px;
    padding: 0;
}

#navigation-tablet .btn-group .btn {
    background: #D1C5B8 !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 29px;
    margin: 0;
    padding: 8px 10px 0;
}

#navigation-tablet .col-md-6 .btn {
    margin: 0;
}

#navigation-tablet .col-md-6 .btn_1 {
    margin: 0;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#navigation-tablet .col-md-6 .btn_2 {
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#navigation-tablet .dropdown-menu {
    padding: 0px;
}

#navigation-tablet .dropdown-menu li {
    list-style: none !important;
}

.navigation-phone-collapse-button {
    width: 44px !important;
    height: 35px !important;
    background: url(../img/icon_collapsed.gif) repeat-y #fff !important;
    border: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 0;
    margin: 0;
}

#navigation-phone .navbar {
    margin-bottom: 0;
}

#navigation-phone .search-phone-link-wrap {
    line-height: 38px;
    text-align: right;
}

#navigation-phone .search-phone-wrap {
    position: relative;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
    height: 0;
    overflow: hidden;
    box-shadow: inset 0 0 5px rgba(0,0,0,.6);
}

#navigation-phone .search-phone-wrap form, #navigation-phone .search-phone-wrap input {
    margin: 0;
}

#navigation-phone .dropdown-toggle, 
#navigation-phone .dropdown-toggle:hover, 
#navigation-phone .dropdown-toggle:active, 
#navigation-phone .dropdown-toggle:focus {
    color: #fff;
    padding-top: 5px;
    margin-left: 20px;
    background: url("../img/filter_arrow-white.png")  right -4px no-repeat;
}

#navigation-phone .dropdown-toggle, 
#navigation-phone .dropdown-toggle:hover, 
#navigation-phone .dropdown-toggle:active, 
#navigation-phone .dropdown-toggle:focus {
    margin-left: 0;
    background: transparent;
    width: auto;
}

#navigation-phone .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

#navigation-tablet .nav-collapse ul.subnav_tablet, #navigation-phone .nav-collapse ul.subnav_tablet {
    padding-left: 25px;
  margin-left: 25px;
}

#navigation-tablet .nav-collapse ul li {
}

#navigation-tablet .nav-collapse ul li a {
    color: #000;
}

#navigation-tablet .navigation_shadow {
    margin-top: 0;
}

#navigation-tablet .subnav_tablet, #navigation-phone .subnav_tablet {
    display: none;
}

#navigation-tablet .subnav_tablet.active {
    display: block;
}

#navigation-tablet .nav-collapse {
    position: absolute;
    background-color: #fff;
    z-index: 300;
    width: 100%;
    margin-top: -8px;
}

#navigation-tablet .nav.container {
    margin-left: auto;
    margin: auto;
    padding: 15px 0;
}

#navigation-tablet .nav.container li {
    list-style: none;
}

#navigation-tablet .nav.container li .subnav_tablet li {
    list-style-image: url(../img/icon_list.png);
}
/*Phone Navigation*/
#navigation-phone {
    position: relative;
    z-index: 100000;
  /*height: 135px;*/;
}

#navigation-phone .navbar .navbar-inner {
    background: none !important;
    box-shadow: none !important;
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

#navigation-phone .navbar-static-top {
    margin-left: 0px;
    margin-right: 0px;
}

#navigation-phone .nav-collapse {
    width: 100%;
    position: absolute;
    background-color: #fff;
    z-index: 10;
    margin-top: 0px;
}

#navigation-phone .search {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    display: block;
    height: 38px;
    padding: 0;
    font-size: 13px;
    width: 90%;
    font-style: italic;
    color: #555;
}

#navigation-phone .icon-search {
    top: 10px;
    right: 15px;
}

#navigation-phone .search:active,
#navigation-phone .search:focus,
#navigation-phone .search:hover {
    border-color: transparent;
    box-shadow: none;
}

#navigation-phone .btn-group {
    margin: 0;
    padding: 0;
    width: 54%;
    float: right;
}

#navigation-phone .btn-group .dropdown-toggle {
    width: 100%;
    height: 30px;
}

#navigation-phone .btn-group .dropdown {
    width: 94%;
}

#navigation-phone .btn-group .btn-countries {
    background: #D1C5B8 url('../img/filter_arrow.png') right center no-repeat;
    !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin: 0 0 0 25px;
    padding: 10px 0 0 0;
    width: 100% !important;
    height: 30px;
    border: none;
    text-shadow: none;
    color: #756D64;
    font-size: 13px;
}

#navigation-phone .dropdown-menu {
    padding: 5px;
}

#navigation-phone .dropdown-menu li {
    list-style: none !important;
}

.navigation-phone-collapse-button {
    width: 44px !important;
    height: 35px !important;
    background: url(../img/icon_collapsed.gif) repeat-y #fff !important;
    border: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 0;
    margin: 0;
}

#navigation-phone .nav-collapse ul {
}

#navigation-phone .nav-collapse ul li {
}

#navigation-phone .nav-collapse ul li a {
    color: #000;
}

.navigation_shadow {
    height: 9px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22000000', endColorstr='#00000000',GradientType=0 );
 /* IE6-9 */
    margin-bottom: -9px;
    position: relative;
    z-index: 500;
}
/*Thumbnails*/
ul.thumbnails {
    padding-left: 0;
}

ul.thumbnails li {
    list-style: none !important;
}

.thumbnail {
    overflow: hidden;
    min-height: 350px;
    max-height: 350px;
    border: 0px none;
    border-radius: 0px;
    box-shadow: 0;
    display: block;
    line-height: 20px;
    padding: 0px;
    transition: none;
    position: relative;
}

.thumbnail > .caption_top,
.thumbnail > .caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 118px;
    z-index: 50;
}

.thumbnail > .caption_top {
    bottom: -350px;
    min-height: 350px;
    max-height: 350px;
    z-index: 25;
}

.thumbnail > .caption_top > h3,
.thumbnail > .caption > h3 {
    display: block;
    text-align: center;
    line-height: 34px !important;
    padding: 5px 5px 0 5px;
}

.thumbnail > .caption_top > h4,
.thumbnail > .caption > h4 {
    display: block;
    text-align: center;
    line-height: 50px !important;
    padding: 5px 0 0 0;
    font-size: 24.5px;
}

.thumbnail > .caption_top > h4 {
    margin-top: 50px;
}

.row > ul > li.col-md-8 > .thumbnail > div,
.row > ul > li.col-md-4 > .thumbnail > div {
    text-align: center;
    padding: 0;
}

.row-fluid > ul > li.col-md-8 > .thumbnail > div > p,
.row-fluid > ul > li.col-md-4 > .thumbnail > div > p,
.row-fluid > ul > li.col-md-8 > .thumbnail > div > h3,
.row-fluid > ul > li.col-md-4 > .thumbnail > div > h3,
.row > ul > li.col-md-8 > .thumbnail > div > p,
.row > ul > li.col-md-4 > .thumbnail > div > p,
.row > ul > li.col-md-8 > .thumbnail > div > h3,
.row > ul > li.col-md-4 > .thumbnail > div > h3,
.row-fluid > div > .col-md-8 > .thumbnail p,
.row-fluid > div > .col-md-4 > .thumbnail p,
.row-fluid > div > .col-md-8 > .thumbnail h3,
.row-fluid > div > .col-md-4 > .thumbnail h3,
.row > div > .col-md-8 > .thumbnail p,
.row > div > .col-md-4 > .thumbnail p,
.row > div > .col-md-8 > .thumbnail h3,
.row > div > .col-md-4 > .thumbnail h3,
.tx-ggtileselement-pi1 > .col-md-8 > .thumbnail p,
.tx-ggtileselement-pi1 > .col-md-4 > .thumbnail p {
    color: #fff;
    padding: 0 12%;
}

.row-fluid > ul > li.col-md-8 > .thumbnail > div > h3
.row-fluid > ul > li.col-md-4 > .thumbnail > div > h3,
.row > ul > li.col-md-8 > .thumbnail > div > h3,
.row > ul > li.col-md-4 > .thumbnail > div > h3 {
    /*text-shadow:0px 0px 5px #000;*/
    line-height: 24px;
}

.row-fluid > ul > li.col-md-8 > .thumbnail > div > p,
.row-fluid > ul > li.col-md-4 > .thumbnail > div > p,
.row > ul > li.col-md-8 > .thumbnail > div > p,
.row > ul > li.col-md-4 > .thumbnail > div > p {
    text-shadow: none;
    font-size: 13px;
    line-height: 26px;
}

.row-fluid > ul,
.row > ul {
    margin-bottom: 0;
}

.caption,
.caption_top {
    text-align: center !important;
    color: #fff !important;
}

.row-fluid > ul > li.col-md-4 > .thumbnail > .caption,
.row > ul > li.col-md-4 > .thumbnail > .caption {
}

.thumbnail > .caption_top > hr,
.thumbnail > .caption > hr {
    width: 80px;
    margin: 14px auto;
    /*box-shadow:0px 0px 5px #000;*/;
}

.texture {
    background: url(../img/segel_textur2.png) repeat;
}
/*Footer*/
footer {
    margin: 0 0 0 0;
    background: url(../img/segel_textur2.png) repeat;
    color: #272622;
    padding-top: 20px;
}

footer a, footer a:visited, footer a:focus {
    color: #272622;
    line-height: 25px;
}

.news-teaser-padding a {
    color: #272622;
    text-decoration: underline;
}

footer .footercontent a,
.news-teaser-padding a {
    background: url(../img/footer-desktop-linkarrow.png) 0 4px no-repeat;
    padding-left: 12px;
}

footer .footercontent a.btn {
    padding-left: 30px;
    padding-right: 30px;
}

footer a:hover {
    color: #756d64;
    text-decoration: underline;
}

.footercontent {
    padding: 45px 0;
}

.footercontent .customSelect, .formSelector {
    font-style: italic;
    border: 0;
    background: url('../img/filter_arrow_white-trans.png') right center no-repeat;
    width: 110px;
    height: 40px;
    line-height: 24px;
    overflow: hidden;
    width: 150px;
}

.formSelector{
    background-color:#fff;
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
    width:190px;
}


.footercontent .customSelect .customSelectInner, .formSelector .customSelectInner{
    padding: 10px;
}

.carousel.mB50 {
    margin-bottom: 0;
}

.carousel-inner > .item {
    width: 100%;
}

.carousel.slide img {
    width: 100%;
}

.tx-ggheaderteaser-pi1 {
    position: relative;
}

.carousel-caption {
    width: 37.2%;
    bottom: auto;
    background: transparent;
    text-shadow: -1px 0px 6px rgba(0, 0, 0, 1);
    text-align: left;
}

.carousel-caption.responsive {
    left: 55%;
    bottom: 5%;
    right: auto;
}

.carousel-caption a,
.carousel-caption a:hover,
.carousel-caption a:visited, 
.carousel-caption a:focus {
    color: #fff;
    text-decoration: underline;
}

.carousel-caption hr {
    width: 60px;
    text-align: left;
    box-shadow: -1px 0px 6px rgba(0, 0, 0, 1);
    box-shadow: -1px 0px 6px rgba(0, 0, 0);
    margin-left: 0;
}

.carousel-caption h4 {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
    color: #FFFFFF;
    font-family: 'Exo',sans-serif;
    font-size: 35px;
    line-height: 40px !important;
}

.carousel-caption h6 {
    color: #fff;
}

.carousel-caption p {
    font-size: 24px;
    font-family: 'Exo';
    font-weight: 800;
    line-height: 36px;
    margin-bottom: 20px;
}

.carousel-caption footer,
.carousel-caption footer p,
.carousel-caption footer p a,
.responsive.phone-caption footer,
.responsive.phone-caption footer p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    line-height: 14.3px;
    margin-bottom: 0;
    padding-top: 0;
    font-family: serif, 'Libre Baskerville';
    font-weight: 700;
}

#myCarousel {
    position: relative;
}

.carousel-indicators {
    /*margin:0 auto;*/
    left: 50%;
    list-style: none outside none;
    margin: 0;
    position: absolute;
    right: 50%;
    z-index: 5;
    top: auto;
    bottom: -29px !important;
    width: 50px;
}

.carousel-indicators > li {
    cursor: pointer;
    float: left;
    background: #D1C5B8;
    border-width: 0;
}

.carousel-indicators > li.active {
    background: #003964;
}

.carousel-control.left, .carousel-control.right {
    background-image: url(../img/headerslider-icons.png);
    border: none;
    border-radius: 23px 23px 23px 23px;
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 100;
    height: 56px;
    left: 15px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 56px;
    display: none !important;
}

.carousel:hover .carousel-control {
    display: block !important;
}

.right.carousel-control {
    left: auto;
    right: 15px;
    background-position: -56px 0;
}

@media (max-width: 767px) {
    .carousel-control.right {
        right: 0;
    }

    .carousel-control.left {
        left: 0;
        background-position: -2px 0;
    }

    .carousel-control.left, .carousel-control.right {
        width: 54px;
    }

    .carousel .carousel-control.left, .carousel .carousel-control.right {
        display: block !important;
        top: 30%;
    };
}

#rootContent img {
    max-width: 100%;
}

.teaser.item {
    position: relative;
}

.teaser.item img {
    width: 100%;
    max-width: 100%;
    /*height: 100%;*/
    height:auto;
}

.row-border {
    border: none;
    border-bottom: 2px solid #000;
    padding: 0 0 20px 0;
}
.news-list-item.row-border{
    padding: 20px 0 20px 0;
}

.news-list-item .col-md-4{
  padding-left:0;
}


/*No Round Border / Keine runde Ecken*/
.carousel-control,
.un-round {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

/*News / Nachrichten*/
.accordion-toggle.collapsed .btn-expand,
.btn-expand {
    width: 17px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    right: 30px;
    bottom: 30px;
    background: url(../img/icon_arrows_down.png) no-repeat;
}

.accordion-toggle.collapsed .btn-expand:hover,
.btn-expand:hover {
    background-position: 0 -20px;
}

.accordion-toggle .btn-expand,
.btn-expand.active {
    background-position: -17px 0;
}

.accordion-toggle .btn-expand:hover,
.btn-expand.active:hover {
    background-position: -17px -20px;
}

.accordion-toggle.collapsed  .accordion-head span,
.accordion-toggle .accordion-head span {
    width: 87%;
    display: inline-block;
}

#rootContent .panel-heading {
    padding: 0;
}

.panel-heading a {
    display: block;
    line-heifht: 40px !important;
    font-family: 'Exo', sans-serif;
    font-size: 35px;
    font-weight: bold;
    margin: 10px 0;
    line-height: 40px !important;
}

.newsitemanchor {
    position: relative;
}

.newsitemteaser {
    position: absolute;
    top: 0;
    margin-top: -160px;
}

.newsitem .newsitem_start {
    padding: 20px 0 0 0;
}

.news-teaser {
    width: 87%;
}

.news-full {
    display: none;
    width: 87%;
}

/*
.btn.btn-green {
    height: 42px !important;
}
*/
/*
a.btn.btn-green{
  height: 34px !important;
  line-height: 34px;
}
*/

.newsletterhead {
  /*width: 298px;*/
    background: url(../img/newsletter-desktop-bg.png) top left no-repeat;
    background-size: contain;
    margin-top: -30px;
    padding-top: 40px;
    padding-left: 20px;
    -webkit-transform: rotate(-2deg);
  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(-2deg);
  /* Firefox 3.5-15 */
    -ms-transform: rotate(-2deg);
  /* IE 9 */
    -o-transform: rotate(-2deg);
  /* Opera 10.50-12.00 */
    transform: rotate(-2deg);
  /* Firefox 16+, IE 10+, Opera 12.10+ */;
}

.newsletterhead span {
    height: 50px;
    display: block;
}

.newsletter-input-wrap,
.haendler_input_wrap {
    width: 393px;
    height: 42px;
  /* background: url(../img/newsletter-desktop-inputbg.png) top left no-repeat; */
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
    float: left;
    margin-right: 15px;
    margin-bottom: 18px;
}

.haendler_input_wrap {
    width: 236px;
    height: 42px;
    margin-left: inherit;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
}

.newsletter-input-wrap input.standard-input,
#haendler .handler_plz {
    margin-left: 10px;
    border-right: 1px solid #ccc;
    border-radius: 0 !important;
    padding: 12px 1% 10px 1% !important;
    width: 220px;
    font-size: 13px;
}

#haendler .handler_plz {
    border-right: none;
    font-style: italic;
    font-family: serif, 'Libre Baskerville';
}

.haendleranfragen {
    min-height: 150px;
    padding: 0;
}

.haendleranfragen a, .haendleranfragen a:active, .haendleranfragen a:visited {
    color: #97991C;
}

.haendleranfragen a:hover {
    color: #777B1B;
}
/*.jumpto{margin-top: 38px;}*/
@media (max-width:767px) {
    .haendleranfragen {
        min-height: auto;
    }

    .jumpto a {
        margin-bottom: 20px;
    };
}
/*.jumpto a{margin-bottom: 20px}*/

.newsletter-input-wrap select.newsletter_type_select {
    width: 160px;
    margin-top: 4px;
}

@media (min-width: 768px) and (max-width: 837px) {
    .newsletter-input-wrap {
        width: 333px;
    }

    .newsletter-input-wrap input.standard-input {
        width: 180px;
    }

    .newsletter-input-wrap select.newsletter_type_select {
        width: 130px;
    }

    .footercontent .newsletter-input-wrap .customSelect {
        width: 130px;
    };
}

@media (max-width: 430px) {
    .newsletter-input-wrap {
        width: 100%;
    }

    .newsletter-input-wrap input.standard-input {
        width: 60%;
    }

    .newsletter-input-wrap select.newsletter_type_select {
        width: 30%;
    }

    .footercontent .newsletter-input-wrap .customSelect {
        width: 30%;
    };
}

.newsletter-input-wrap input.standard-input:hover, .newsletter-input-wrap input.standard-input:focus {
    border-right: 1px solid #ddd !important;
}

.newsletter-input-wrap input, .newsletter-input-wrap input:hover, .newsletter-input-wrap input:focus, .newsletter-input-wrap select, .haendler_input_wrap input {
    background: transparent;
    border: none;
    box-shadow: 0 0 0 transparent !important;
}

.newsitem .col-md-9 .news-teaser a,
.newsitem .col-md-9 .news-full a {
    color: inherit;
    font-style: italic;
    text-decoration: underline;
    cursor: help;
}
/* Accordion / Accordeon */
a.accordion-toggle strong.accordion-head span {
    color: #000;
}

/*Circle Images*/
.contains-circle-img {
    max-width: 250px;
    margin: 5px auto 20px auto;
}

.circle-img {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
    border: 10px solid #fff;
  /* max-width: 300px; */
    margin: 0 auto 0 -10px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    height: 0;
    width: 100%;
    padding-bottom: 100%;
}

@media (max-width:979px) {
    .circle-img {
        width: 80%;
        padding-bottom: 80%;
        margin: 0 auto;
    }

    .circle-img-content > div {
        bottom: 10%;
    }

    .circle-img-content > div > h4 {
        line-height: 17px !important;
        padding-bottom: 10px !important;
    }

    .circle-img-content > div > p {
        line-height: 17px;
    };
}

.circle-img img {
    -khtml-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.circle-img .circle-img-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: url(../img/image_circle_frame_bluetrans.png) no-repeat center;
    display: none;
}

table .circle-img {
    border: 6px solid #fff;
}

.circle-img img {
}

.circle-img-frame {
    position: absolute;
    width: 100%;
    /*min-height:350px;
    max-height:350px;*/
    min-height: 335px;
    max-height: 335px;
    z-index: 100;
    background: url(../img/image_circle_frame_white.png) no-repeat center;
    /*background-size: contain;*/
    top: -1px;
 /* seltsam da es im original Template ohne diese ging */;
}

.circle-img:hover .circle-img-frame {
    /*background-size:125%;*/;
}

.circle-img-content {
}

.circle-img:hover .circle-img-content {
    display: block;
}

.circle-img-content > div {
    text-align: center;
    position: absolute;
    bottom: 40%;
    left: 20%;
    width: 60%;
    top: 40%
}

.circle-img-content > div > p,
.circle-img-content > div > h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #fff;
    font-family: serif, 'Libre Baskerville';
}

.circle-img-content > div > h4 {
    text-transform: uppercase;
    line-height: 20px !important;
}

.circle-img-bg {
    position: absolute;
    /*min-height:350px;
    max-height:350px;*/
    min-height: 300px;
    max-height: 335px;
    width: 100%;
    z-index: 25;
    background-size: contain !important;
}

.circle-img-bg > img {
    display: none;
}

.circle-text {
    min-height: 150px;
}

/*Products / Mini-Products*/
.product-teaser {
    position: relative;
    min-height: 497px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 20px;
}

.product-content {
    z-index: 50;
    min-height: 497px;
    text-align: center;
}

.productSingleImage {
    margin: 0 auto;
    display: block;
    max-width: 100%;
      min-height: 75%;
max-height: 719px;

}

.product-teaser-FCE {
    text-align: center;
}

.product-hover {
    background: -moz-linear-gradient(top,  rgba(0,57,100,0.9) 0%, rgba(0,57,100,0.9) 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,57,100,0.9)), color-stop(100%,rgba(0,57,100,0.9)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6003964', endColorstr='#e6003964',GradientType=0 );
 /* IE6-9 */
    position: absolute;
    z-index: 100;
    top: 0;
    left: 15px;
    right: 15px;
    min-height: 497px;
    display: none;
    text-align: center;
}

.product-hover {
    color: #fff;
}

.product-hover > h3 > hr {
    border-color: #fff;
}

p.down_link {
    font-size: 13px !important;
    font-weight: bold;
    color: #000;
    line-height: 13px;
}

a.down_link {
    display: inline-block;
    line-height: 13px;
    font-size: 13px !important;
    text-indent: 12px;
    font-weight: bold;
    color: #000;
    background: url(../img/icon_list.png) no-repeat top left transparent;
}


/*Productslider / JQueryUI*/
.ui-slider-range-min {
    background: #d1c5b8 !important;
}

.ui-state-default {
    background: url('../img/Pfeil_Reiter.png')#97991C 6px 5px no-repeat!important;
    border: none !important;
    box-shadow: none;
    width: 200px;
    height: 200px;
}

.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover {
    background: url('../img/Pfeil_Reiter.png')#97991C 6px 5px no-repeat!important;
}

.product_meal_slider .ui-state-default {
    background: url('../img/Pfeil_Futterslider.png')#97991C 10px 13px no-repeat!important;
}

.product_meal_slider .ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover {
    background: url('../img/Pfeil_Futterslider.png')#003964 10px 13px no-repeat!important;
}

.ui-state-hover, 
.ui-state-focus, 
.ui-state-active {
    background: url('../img/Pfeil_Reiter.png')#97991C 6px 5px no-repeat!important;
}

.ui-widget-content {
    border: 1px solid #C0B5A9;
}

.ui-corner-all, 
.ui-corner-top, 
.ui-corner-bottom, 
.ui-corner-left, 
.ui-corner-right, 
.ui-corner-br {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-slider-horizontal {
    height: 2em;
}

.ui-slider-handle {
    height: 1.7em !important;
    width: 1.7em !important;
}

.fuetterungstipps .ui-slider-handle {
  height: 2.7em !important;
  width: 2.7em !important;
}



/*Customized Icons*/
.ico-droplist {
    width: 10px;
    height: 14px;
    background: url(../img/icon_droplist.png) no-repeat;
}

.ico-droplist:hover,
.ico-droplist:active,
.ico-droplist:focus,
.btn:hover > .ico-droplist,
.btn:active > .ico-droplist,
.btn:focus > .ico-droplist,
button:hover > .ico-droplist,
button:active > .ico-droplist,
button:focus > .ico-droplist {
    background-position: 0 -14px;
}

.btn-countries > .ico-droplist {
    position: absolute;
    top: 12px;
    right: 5px;
}

.icon-search {
    top: 7px;
    right: 30px;
    background-image: url("../img/Icon_Lupe_gross-gruen.png");
    width: 20px;
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
/*Productdetail*/
.product_header {
    position: relative;

}

.product_header > .bubble {
    opacity: 0;
    position: absolute;
    width: 128px;
    height: 128px;
    background: url(../img/product_circle.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
    padding: 38px 0 0 0;
}

.product_header > .bubble:active,
.product_header > .bubble:hover,
.product_header > .bubble:focus {
    background-position: 0 -128px;
}

.product_header > .img {
}

.toolbar {
    width: auto;
    height: 42px;
}

.toolbar_bottom {
    width: auto;
    height: 42px;
}

.toolbar_bottom > a, 
.toolbar > a {
    display: block;
    width: 42px;
    height: 42px;
    background: url(../img/product_toolbar.png);
    float: right;
    margin: 0 0 0 3px;
}

.toolbar > a.ico-showall {
    background-position: 0 0;
}

.toolbar > a.ico-showall:hover {
    background-position: 0 -42px;
}

.toolbar > a.ico-next {
    background-position: -84px 0;
}

.toolbar > a.ico-next:hover {
    background-position: -84px -42px;
}

.toolbar > a.ico-prev {
    background-position: -42px 0;
}

.toolbar > a.ico-prev:hover {
    background-position: -42px -42px;
}

.toolbar_bottom > a.ico-hideall {
    background-position: -126px 0;
}

.toolbar_bottom > a.ico-hideall.active,
.toolbar_bottom > a.ico-hideall:hover {
    background-position: -126px -42px;
}

.product_header > .food-preview {
    opacity: 0;
}

.product_header .productNote {
    position: absolute;
    right: 10px;
    top: 90px;
    background: #fff;
    text-align: left;
    width: 270px;
    /*background: url("../img/news-teaser-pattern.jpg") repeat;*/
  background: url("../img/detail-teaser-pattern.png") repeat;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
    box-shadow: 2px 2px 4px rgba(0,0,0,.5);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.product_header .productNote .productNotePadding {
    padding: 75px 20px 20px 0;
}

.product_header .productNote ul li {
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: .5em;
}

.product_header .productNote .productNotePin {
    text-indent: -999em;
    background: url("../img/productNotePin.png") no-repeat;
    position: absolute;
    top: -40px;
    right: 0;
    width: 118px;
    height: 107px;
}

.product_header > .food-preview > .food-preview-mask,
.product_header > .food-preview {
    width: 267px;
    height: 266px;
    max-width: 267px;
    max-height: 266px;
    position: absolute;
    overflow: visible;
}

.product_header > .food-preview > .food-preview-mask {
    background: url(../img/image_circle_frame.png) no-repeat;
}

.product_header > .popover > .arrow {
    background-image: none !important;
}

.product_meal_slider {
}

.product_meal_slider_info {
    background: #003964;
    color: #fff;
    max-width: 225px;
    padding: 10px;
    margin: 35px auto 0 auto;
}

.product_meal_slider_info h4 hr {
    border-bottom-color: #fff;
    margin: 20px auto 0 auto;
}

.product_meal_slider_info h3 {
}

.ui-slider-handle.ui-state-default.ui-corner-all {
}

/*Round corners*/
.ui-slider-handle.ui-state-default.ui-corner-all,
.round {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*Timeline*/
.timeline {
}

.timeline .leftLine {
    width: 75px;
    height: 350px;
    margin: 0 auto;
    background: url(../img/leftline.png) no-repeat;
}

.timeline .rightLine {
    width: 75px;
    height: 350px;
    margin: 0 auto;
    background: url(../img/rightline.png) no-repeat;
}

.timeline .line {
    margin: 0 auto;
    width: 75px;
    height: auto;
    background: url(../img/timeline_sprites.jpg);
    min-height: 2px;
    height: 2px;
    max-height: 2px;
}

.timeline .line.baseLine {
}

.timeline .line.middleLine {
    background-position: -75px 0;
    background-repeat: repeat-y;
    min-height: 200px;
    height: 400px;
}

.timeline .line.leftLine {
    background-position: -225px 0;
}

.timeline .line.rightLine {
    background-position: -150px 0;
}

.timeline .timeline-left {
   /* margin:0 -40px 0 0; */;
}

.timeline .timeline-middle {
}

.timeline .timeline-right {
    margin: 0 0 0 -20px;
}
/*Hero Unit Customize*/
.hero-unit.hero-unit-max {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    background: none;
}

.hero-unit.hero-unit-max img {
    width: 100%;
}

/*FeedSuggest - FutterBerater*/
#feed_suggest {
    width: 335px;
    height: 694px;
    background: transparent;
    z-index: 100;
    top: 194px;
    left: -263px;
    overflow: hidden;
}

#feed_suggest > .feed_suggest_menu {
    width: 263px;
    height: 694px;
    background: #003964;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

#feed_suggest > .feed_suggest_btn {
    cursor: pointer;
    background: #003964;
    width: 72px;
    height: 287px;
    left: 263px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url(../img/bg_feedsuggest.png);
}

#feed_suggest > .feed_suggest_btn:hover,
#feed_suggest > .feed_suggest_btn:active,
#feed_suggest > .feed_suggest_btn:focus,
#feed_suggest > .feed_suggest_btn.active {
    background-position: -72px 0;
}

/*Button Steps / Workflow Schritte*/
ul.button-steps {
    margin: 0;
    padding: 0;
}

ul.button-steps li {
    list-style: none;
    float: left;
    margin: 0 0 20px 20px;
}

ul.button-steps li img {
    display: block;
    margin: 13px 0 0 0;
}

ul.button-steps li .btn {
}

/*
* Med       content: "";
        display: table;
        line-height: 0;
    }
    .container:after {
        clear: both;
    }
    .container:before, .container:after {
        content: "";
        display: table;
        line-height: 0;
    }
    .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .row:before, .row:after {
        content: "";
        display: table;
        line-height: 0;
    }
    .row:after {
        clear: both;
    }
    .row:before, .row:after {
        content: "";
        display: table;
        line-height: 0;
    }
    .row {
        width: 100%;
    }
}ia Queries / Fix
**/
@media (min-width: 978px) and (max-width: 1024px) {
}

/*
* Subnavigation Shadow / Schatten
**/
.leftShadow {
    min-height: 312px !important;
    background: url(../img/leftshadow.jpg) no-repeat right;
}

/*
* Miniaccordion
**/
.miniaccordion {
    clear: both;
}

.miniaccordion > .accordion_row {
    margin: 0 0 20px 0;
}

.miniaccordion > .accordion_row > .accordion_head {
    background: url(../img/icon_miniaccordion.png) no-repeat;
    padding-left: 35px;
    margin: 0 0 10px 0;
    height: 22px;
    cursor: pointer;
    font-weight: bold;
}

.miniaccordion > .accordion_row.active > .accordion_head {
    background-position: 0 -22px;
}

.miniaccordion > .accordion_row > .accordion_content {
    display: none;
    margin: 20px 0 0 0;
}

.miniaccordion > .accordion_row.active > .accordion_content {
    display: block;
}

/*
* Lifeconcept
**/
.lifeconcept-left {
}

.lifeconcept-right {
}

.lifeconcept-left > div,
.lifeconcept-right > div {
    width: 170px;
    height: 159px;
}

.lifeconcept-left > div {
    position: relative;
}

.lifeconcept-right > div {
    margin: 0 0 0 125px;
    position: relative;
}

.lifeconcept-left > div > .lifeconcept-mask,
.lifeconcept-right > div > .lifeconcept-mask {
    background: url(../img/lifeconcept-mask.png);
    width: 170px;
    height: 159px;
    position: absolute;
    z-index: 300;
}

.lifeconcept-left > div > .lifeconcept-bg ,
.lifeconcept-right > div > .lifeconcept-bg {
    display: block;
    position: absolute;
    width: 170px;
    height: 159px;
    background-position: center;
    z-index: 299;
}

.lifeconcept-left > div > .lifeconcept-tooltip {
    background: url("../img/button.png");
    cursor: pointer;
    height: 67px;
    left: 105px;
    position: absolute;
    top: 105px;
    width: 67px;
    z-index: 310;
}

.lifeconcept-right > div > .lifeconcept-tooltip {
    background: url("../img/button.png");
    cursor: pointer;
    height: 67px;
    left: 105px;
    position: absolute;
    top: 105px;
    width: 67px;
    z-index: 310;
}

.popover .arrow {
    background-image: none;
}


/*NEWS*/
.arrow {
    background-image: url('../img/icon_list.png');
    width: 9px;
    height: 11px;
    float: left;
    margin-top: 7px;
  /*margin-right: 10px;*/;
}

.hideable {
    display: none !important;
}

.btn-green {
    padding: 10px 25px;
    font-size: 13px;
    line-height: 20px;
}

.btn-green:hover {
    background: #777b1b;
}

a.internal-link.btn-green,
a.internal-link span.btn-green {
    box-shadow: none;
    border-width: 0;
    text-shadow: none;
    line-height: 34px;
    height: 34px;
    border-radius: 4px;
    text-decoration: none;
}

a.btn-green:hover {
    text-decoration: none;
}

/*Custom select*/
select.btn-countries {
    width: 24% !important;
}

.visible-tablet select.btn-countries {
    width: 18% !important;
}

.btn-group span.customSelect,
.visible-tablet span.customSelect {
    -moz-border-radius: 0px 0px 5px 0px !important;
    -webkit-border-radius: 0px 0px 5px 0px !important;
    border-radius: 0px 0px 5px 0px !important;
    background-color: #d1c5b8 !important;
    background: #fff url('../img/filter_arrow.png') right center no-repeat;
    font: 12px;
    /*font-style:italic;*/
    /*background:#fff url(http://i48.tinypic.com/2u7rpec.png) right center no-repeat;*/
    background-color: #d1c5b8 !important;
    border: none !important;
    color: #555;
    height: 28px;
}

.visible-desktop .btn-group span.customSelect {
    width: 25%;
}

.visible-tablet #indexedsearch .icon-search {
    left: inherit;
    margin-left: 5px;
}

.visible-tablet #indexedsearch {
    width: 33% !important;
}

.visible-tablet #indexedsearch input.search {
    padding-left: 24px;
}

.visible-tablet span.customSelect {
    width: 29% !important;
    line-height: 28px;
}

.visible-tablet .dropdown {
    width: 33%;
}

.visible-tablet .top-nav-container .dropdown {
    width: auto;
}

.visible-tablet .top-nav-container .dropdown-toggle, 
.visible-tablet .top-nav-container .dropdown-toggle:hover, 
.visible-tablet .top-nav-container .dropdown-toggle:active, 
.visible-tablet .top-nav-container .dropdown-toggle:focus {
    padding-top: 5px;
}

.visible-tablet .col-md-6 .btn {
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.btn-group span.customSelect .customSelectInner {
    padding: 5px 7px;
}

.visible-phone .btn-group span.customSelect .customSelectInner {
    padding: 0px 7px;
}

#haendler select {
    height: 42px !important;
}

#haendler .customSelect .customSelectInner {
    padding: 11px 9px;
}

#haendler .customSelect {
    font-style: italic;
    background: #fff url('../img/filter_arrow2.png') right center no-repeat;
    border: 1px solid #ddd;
    color: #555;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px;
    margin-left: 0;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
}

footer input.standard-input {
    width: 200px;
    float: left;
}

footer .btn.btn-green {
    height: 34px;
    float: left;
    margin-left: 0px;
    line-height: 24px;
    margin-top: 0px;
}

footer span.standard-select {
    float: left;
}

.dropdown {
    float: right;
    margin-left: 3px;
}

.dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:active, .dropdown-toggle:focus {
    display: block;
    height: 28px;
    z-index: 5000;
    background: url(../img/filter_arrow-white.png) right 0px no-repeat transparent;
    width: 95px;
    margin-left: 4px;
    font-size: 11px;
    text-align: left;
    padding-top: 8px;
    text-indent: 15px;
    text-decoration: underline;
    line-height: 28px;
    color: #fff;
}

.dropdown-toggle .flagge {
    margin-top: 6px;
    float: left;
    margin-left: 10px;
    margin-right: -6px;
}

.dropdown-menu {
    left: auto;
    right: 10px;
    text-align: left;
    box-shadow: none;
    border: 0px;
    background: #003964;
    border-radius: 0px;
    color: #fff;
    text-indent: 0px;
    min-width: 90px;
    top: 37px;
    font-size: 11px;
    z-index: 1500;
}

.dropdown-menu li {
    list-style-image: none;
}

.dropdown-menu li a {
    font-size: 11px;
    padding-left: 15px;
    color: #fff;
}

.dropdown-menu li a:hover {
    background: #e9e4df;
    color: #003964 !important;
}

.flagge {
    display: inline-block;
    width: 20px;
    height: 12px;
    margin-right: 10px;
    margin-bottom: 0px;
    background-image: url(../img/flags.png);
    background-repeat: no-repeat;
}

.flagge.de {
    background-position: 0 0;
}

.flagge.en {
    background-position: 0 -12px;
}

.flagge.il {
    background-position: 0 -24px;
}

.flagge.ua {
    background-position: 0 -36px;
}

.flagge.ru {
    background-position: 0 -48px;
}

.flagge.cz {
    background-position: 0 -60px;
}

.flagge.jp {
    background-position: 0 -72px;
}

.flagge.sg {
    background-position: 0 -98px;
}

.flagge.lu {
    background-position: 0 -84px;
}

.flagge.fr {
    background-position: 0 -215px;
}

.flagge.it {
    background-position: 0 -239px;
}

.flagge.es {
    background-position: 0 -191px;
}

.flagge.se {
    background-position: 0 -299px;
}

.flagge.hu {
    background-position: 0 -139px;
}

.flagge.nl {
    background-position: 0 -275px;
}

.flagge.fi {
    background-position: 0 -203px;
}

.flagge.bg {
    background-position: 0 -227px;
}

.flagge.ro {
    background-position: 0 -323px;
}

.flagge.dk {
    background-position: 0 -167px;
}

.flagge.sk {
    background-position: 0 -311px;
}

.flagge.pl {
    background-position: 0 -287px;
}

.flagge.hk {
    background-position: 0 -114px;
}

.flagge.eg{
  background-position: 0 -183px;
  height: 11px;
}

.flagge.ch {
    background-position: 0 -155px;
}

.flagge.lt {
    background-position: 0 -263px;
}

.flagge.si {
    background-position: 0 -130px;
}
.flagge.gr {
    background-position: 0 -335px;;
}

.modal {
    width: 770px;
    margin: 0 auto;
    background: #fff;
}

.modal-header {
    border-bottom: none;
}

.modal-header .close:hover, .modal-header .close:focus, .modal-header .close {
    color: #fff;
    opacity: 1;
    padding: 5px 10px;
    background-color: #97991c;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modal-footer {
    background-color: #fff;
    border-top: none;
}

.visible-phone .carousel-control {
    margin-top: -80px;
    display: block !important;
    opacity: 0.9;
}

.visible-phone .phone-caption,
.visible-tablet .phone-caption,
.responsive.visible-phone.phone-caption,
.responsive.visible-tablet.phone-caption {
    color: #000 !important;
    background: #D1C5B8;
    padding: 15px;
    display: block !important;
}

.visible-phone.phone-caption h1,
.visible-phone .phone-caption h1,
.visible-tablet.phone-caption h1 {
    font-size: 19px;
    line-height: 25px;
    color: #000;
}

.visible-phone.phone-caption p,
.visible-tablet.phone-caption p {
    line-height: 18px;
}

.responsive.phone-caption footer p {
    color: #000;
}

.carousel .visible-phone hr,
.carousel .visible-tablet hr,
.visible-phone .phone-caption hr,
.visible-tablet.phone-caption hr {
    display: none;
}

.visible-phone.phone-caption a,
.visible-phone .phone-caption a,
.visible-tablet.phone-caption a {
    color: #000;
    text-decoration: underline;
}

@media only screen and (max-width: 1200px) {
    .carousel-caption h4 {
        font-size: 24px;
    }

    .carousel-caption p {
        font-size: 18px;
        font-family: 'Exo';
        font-weight: 800;
        line-height: 25px;
    };
}

@media (max-width: 979px) {
    .carousel-inner .carousel-caption,
    .carousel-caption.responsive {
        text-align: left;
        position: static;
        bottom: 0;
        left: 0;
        right: 0;
        background: #d1c5b8;
        padding: 15px;
        width: 100%;
        text-shadow: none;
        color: #000;
    }

    .carousel-caption h4 {
        text-shadow: none;
        color: #000;
        font-size: 19px;
        line-height: 24px;
        font-weight: 800;
    }

    .carousel-caption hr {
        display: none;
    }

    .carousel-caption p {
        line-height: 18px;
        font-weight: 300;
        font-size: 16px;
        ffont-family: serif, 'Libre Baskerville';
    }

    .carousel-caption h6 {
        color: #000;
    }

   >/* .carousel-caption a {
        color: #000;
    };*/

   



}


@media screen and (min-width: 320px) and (max-width: 979px){
    .carousel-caption footer,
    .carousel-caption footer p,
    .responsive.phone-caption footer,
    .responsive.phone-caption footer p,
      .responsive.phone-caption footer p a{

        color:#000;
    }

    .carousel-caption a, 
    .carousel-caption a:hover, 
    .carousel-caption a:visited, 
    .carousel-caption a:focus,
    .carousel-caption footer p a{
        color: #000;
    }

}


.ac_results {
    z-index: 600;
}

.result-number {
    color: #003964;
}

.tx-indexedsearch-browsebox {
    text-align: center;
}

.tx-indexedsearch-browsebox a {
    color: #ffffff;
}

.tx-indexedsearch-title a {
    color: #003964;
    text-decoration: underline;
}

.tx-indexedsearch .tx-indexedsearch-browsebox LI {
    background: none repeat scroll 0 0 #97991C;
    border-radius: 4px;
    color: #FFFFFF;
    height: 30px;
    width: 30px;
    line-height: 32px;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    display: inline-block;
    font-size: 13px;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage {
    background-color: #ffffff;
    border: 2px solid #97991C;
    height: 26px;
    width: 26px;
    line-height: 29px;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
    color: #97991C;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    background-color: #97991C;
    color: #ffffff;
}
/*MEDIA QUERIES*/
/*KACHELN*/
@media (min-width: 320px) and (max-width: 570px) {
 
    
    .row-fluid > ul > li.col-md-8 > .thumbnail > div > p,
    .row-fluid > ul > li.col-md-4 > .thumbnail > div > p {
        line-height: 22px;
        padding: 0 4%;
    }

    .thumbnail > .caption_top > h4,
    .thumbnail > .caption > h4 {
        font-size: 20px;
    }

    .thumbnail > .caption_top > h4 {
        margin-top: 0px;
    };
}



@media(max-width: 980px) {
    #prod_filter_sub_menu ul.flist li a {
        font-size: 11px;
    }

    #prod_filter_sub_menu ul.flist {
        width: 130px;
    }

    #prod_filter_sub_menu label.pimp_label {
        width: 130px;
        font-size: 11px;
    }

    #prod_filter_sub_menu .first .pimp_label {
        width: 115px;
    }

    .dropdown-menu {
        top: 37px;
    };
}


/*FOOTER*/
@media (max-width: 320px) {
    footer > .container .col-md-6,
    footer > .container .col-md-5,
    footer > .container .col-md-12 {
        padding: 0 15px;
    }

    
}

@media (max-width: 380px) {
    .accordion-toggle.collapsed h3 span,
  .accordion-toggle h3 span {
        font-size: 24px;
        line-height: 30px;
    }
    .top-nav-container .container {
      padding: 0;
    }
}

@media (min-width: 320px) and (max-width: 430px) {
    
    footer > .container .col-md-6,
    footer > .container .col-md-5,
    footer > .container .col-md-12 {
        padding: 0 15px;
    }

    footer > .container .col-md-4 {
        width: 50%;
        float: left;
    };
}

#rootContent {
    background: #e9e4df;
   padding-bottom: 30px;
}

#rootContent .thumbnails li .thumbnail {
    margin-bottom: 30px;
    box-shadow: 0 0 6px rgba(0,0,0,.3);
}

#rootContent .thumbnails li.newsBG {
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

#seotext {
    padding: 60px 0 30px;
}

#seotext .container {
    padding: 0 20px;
}

#seotext, #seotext p {
    line-height: 18px;
    font-size: 12px;
    color: #272622;
    font-family: 'Lato',sans-serif;
}

#seotext h1 {
    color: #272622;
    font-family: serif, 'Libre Baskerville';
    font-size: 17px;
    font-weight: 700;
    line-height: 18px;
    margin: 9px 0;
}

.seo-text-wrap h3,
#seotext h2, #seotext h3 {
    color: #272622;
    font-family: 'Lato',sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px !important;
    margin: 0;
}

.corner-bottom-grey {
    height: 30px;
    background: url(../img/abgerissene_kante.png) center center repeat-x;
    margin-bottom: -30px;
    position: relative;
}

.corner-bottom-white {
    height: 30px;
    background: url(../img/abgerissene_kante.png) center top repeat-x;
    margin-bottom: -30px;
    position: relative;
}
/*
#seotext:after {
  content: "";
  display: block;
  width: 100%;
  background: url(../img/abgerissene_kante_weiss_30.png) top left repeat-x transparent;
  margin-bottom: -30px;
  height: 30px;
  position: relative;
}
*/
.corner-top-grey {
    height: 30px;
    background: url(../img/abgerissene_kante.png) center bottom repeat-x;
    position: relative;
}

@media (min-width: 431px) and (max-width: 768px) {
    
    footer > .container .col-md-4 {
        width: 33%;
        float: left;
    }

    footer > .container .col-md-6,
    footer > .container .col-md-5,
    footer > .container .col-md-12 {
        padding: 0 15px;
    };
}

@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }

    #rootContent .container {
        padding: 20px 20px 0;
    }

    .dropdown-menu {
        top: 36px;
    }

    .jumpto {
        margin-top: 0;
    };
}

@media (min-width: 768px) and (max-width: 989px) {
    footer > .container .col-md-5 {
        width: 44%;
    }

    .circle-img-frame {
        background: url("../img/image_circle_frame_white-sm.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    .thumbnail > .caption_top p {
        line-height: 20px;
        font-size: 13px;
    }

    .thumbnail > .caption_top > h4 {
        margin-top: 25px;
    }

    .haendleranfragen .jumpto a.btn.btn-green {
        height: auto;
        line-height: normal;
    }

    .haendleranfragen {
        min-height: 160px;
    };
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    .btn-green {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    };
}

@media (min-width: 980px) and (max-width: 1200px) {
    footer > .container .col-md-5 {
        width: 45%;
    };
}

.product-seo-text {
    font-size: 12px;
}

.product-seo-text .seo-text-wrap {
    background: #fff;
    padding: 90px 0 60px 0;
    font-family: 'Lato', sans-serif;
    color: #272622;
    line-height: 18px;
}

.product-seo-text p {
    line-height: 18px;
}

.product-seo-text a, .product-seo-text a:hover, .product-seo-text a:focus, .product-seo-text a:visited {
    color: #272622;
}

.product-seo-text h1 {
    color: #272622;
    font-family: serif, 'Libre Baskerville';
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    line-height: 18px;
    margin: 9px 0;
}

.product-seo-text h2 {
    color: #272622;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    margin: 0;
}

.accordion-inner h1 {
    font-size: 24.5px;
    line-height: 30px;
    color: #000;
}

.accordion-inner h2 {
    font-size: 19px;
    line-heihgt: 25px !important;
}

.KontaktFormular h3,
.accordion-inner h3 {
    font-size: 16px;
    line-height: 22px !important;
    margin-bottom: 0;
}

ul.filelist {
    margin-left: 0;
}

ul.filelist li {
    list-style-image: none;
}

.filelist-icon.filelist-icon-pdf,
.filelist-icon.filelist-icon-gif{
    list-style: none;
    background: url('../icons/pdf.png');
    width: 23px;
    height: 23px;
    display: inline-block;
    float: left;
    margin-right: 8px;
}

.filelist-name a {
    display: inline-block;
    color: #756d64;
    text-decoration: underline;
}

.row .col-md-6.row-border {
    padding: 0 15px;
}

.KontaktFormular table span {
    font-size: 13px;
    font-style: italic;
    color: #756d64;
}

.KontaktFormular td {
    height: 48px;
}

.KontaktFormular input,textarea,.uneditable-input {
}

.KontaktFormular input[type=text],.KontaktFormular textarea {
    height: 42px;
    font-style: italic;
    font-family: serif, 'Libre Baskerville';
    border: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 0 7px rgba(0,0,0,0.3);
}

.KontaktFormular textarea {
    height: auto;
    width: 100%;
}

.KontaktFormular .radio_btn {
    width: 25%;
    float: left;
}

.KontaktFormular .hasCustomSelect {
  width: 100%;
  margin-right: -15px;
}

.KontaktFormular select.hasCustomSelect {
  width: 100% !important;
  height: 40px !important;
}

.KontaktFormular input[type="radio"],input[type="checkbox"] {
    margin: 0 10px 0 25px;
}

.KontaktFormular {
    max-width: 650px;
}

.KontaktFormular span,.KontaktFormular label {
    font-size: 13px;
    font-style: italic;
    color: #756d64;
    line-height: 30px;
}

.KontaktFormular label {
    line-height: 15px;
}

.KontaktFormular .controls-row {
    margin: 10px 0;
}

.KontaktFormular .customSelect {
    position: relative;
    margin-bottom: 20px;
}

.KontaktFormular select.hasCustomSelect {
    position: relative;
    z-index: 500;
/*margin-left:1.564103% !important;*/;
}

.KontaktFormular .row {
  margin: 0 0 1em 0;
}
.KontaktFormular input.col-md-3 {
  margin: 0 0 0 3%;
  width: 22%;
}
.KontaktFormular input.col-md-4 {
  width: 30.3333%;
  margin: 0 0 0 3%;
}

.KontaktFormular input.col-md-9 {
  width: 72%;
  margin: 0 0 0 3%;
}

.KontaktFormular input.col-md-6 {
  width: 47%;
  margin: 0 0 0 3%;
}

.KontaktFormular .row input[class^="col-md-"]:first-child {
  margin: 0;
}
.KontaktFormular .row input.col-md-3:first-child {
  width: 25%;
}
.KontaktFormular .row input.col-md-4:first-child {
  width: 33.3333%;
}
.KontaktFormular .row input.col-md-6:first-child {
  width: 50%;
}
.KontaktFormular .row input.col-md-9:first-child {
  width: 75%;
}

.KontaktFormular .radio {
  display: inline;
}

.KontaktFormular .customSelect {
    position: relative;
    margin-bottom: 20px;
    background: url('../img/filter_arrow_white-trans.png') no-repeat scroll right center #fff;
    font-style: italic;
    border: 1px solid #ddd;
    color: #555;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px;
    margin-left: 0;
    box-shadow: inset 0px 0px 6px rgba(0,0,0,0.4);
}

.KontaktFormular .customSelect .customSelectInner {
    padding: 5px 9px;
}

.controls.controls-row>div>span.col-md-3 {
    margin-top: 15px;
}

.KontaktFormular .formdropdown.hasCustomSelect {
    margin-left: 0 !important;
}

das 
@media only screen and (max-width:767px) {
    .row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 0;
}
}

.panel.panel-default {
    background: transparent;
    border: none;
    box-shadow: none;
}

.panel.panel-default .panel-heading {
    padding: 0;
    background: transparent;
    border: none;
}

#produkt_wrap {
    position: relative;
    margin-top: 23px;
}

#prod_filter_main_menu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 10px;
    height: 50px;
}

#prodlinie_dropdown {
    display: inline-block;
}

#prod_filter_main_menu ul.flist {
    float: left;
    margin: 0;
    height: 42px;
}

#prod_filter_main_menu ul.flist li {
    list-style-type: none;
    list-style-image: none;
    text-decoration: none;
    float: left;
}

#prod_filter_main_menu ul.flist li a {
    padding: 4px;
    text-decoration: none;
    color: black;
}

#prod_filter_main_menu ul.flist li a:hover,
#prod_filter_main_menu ul.flist li.aktiv a {
    color: white;
    background-color: #97991c;
    cursor: pointer;
}

#prod_filter_main_menu > a {
/*    float: right;
    padding: 10px 30px;
    background-color: #003964;
    color: white;
    line-height: 22px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: top;*/
    float: right;
    padding: 10px 25px;
    background-color: #003964;
    color: white;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: top;
}

#prod_filter_main_menu > a > span {
    display: inline-block;
    /*background-image: url('/fileadmin/templates/img/2pfeile_down.png');*/
    background-image: url('/fileadmin/templates/img/lupe_plus.png');
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-position: center bottom;
    vertical-align: middle;
}

/* der Container fuer die Produkt Liste */
#prod_liste {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    min-height: 567px;
}

/*Products / Mini-Products*/
#prod_liste .product-teaser {
    position: relative;
    min-height: 497px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 20px;
}

#prod_liste .product-content {
    z-index: 50;
    min-height: 497px;
    text-align: center;
}

#prod_liste .product-hover {
    background: -moz-linear-gradient(top,  rgba(0,57,100,0.9) 0%, rgba(0,57,100,0.9) 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,57,100,0.9)), color-stop(100%,rgba(0,57,100,0.9)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,57,100,0.9) 0%,rgba(0,57,100,0.9) 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6003964', endColorstr='#e6003964',GradientType=0 );
 /* IE6-9 */
    z-index: 100;
    min-height: 497px;
    display: none;
    text-align: center;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
}

#prod_liste .product-hover {
    color: #fff;
}

#prod_liste .product-hover > h3 > hr {
    border-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    #prod_liste .product-hover p {
        line-height: 18px;
    };
}

#prod_filter_sub_menu  > .row > .col-md-12.filter_drop {
    padding: 20px 20px 10px;
}


/* das Menu mit den erweiterten Filtern */
#prod_filter_sub_menu {
    position: absolute;
    top: 95px;
    left: 30px;
    right: 45px;
    z-index: 10;
    background-color: #003964;
    color: #fff;
    -webkit-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
}

#prod_filter_sub_menu .labline {
    display: inline-block;
    margin-right: 20px;
}

#prod_filter_sub_menu .vert_slider {
    float: left;
    margin-left: 10px;
    top: 12.5px;
}

/* Hier Breitenangaben die mit Media Querries noch angepasst werden muessen */
#prod_filter_sub_menu ul.flist {
    float: left;
    margin: 0;
    padding: 0;
    width: 180px;
    margin-left: 6px;
}

#prod_filter_sub_menu ul.flist li {
    margin: 0;
    padding: 0;
    list-style-image: none;
    line-height: 30px !important;
}

#prod_filter_sub_menu ul.flist li a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
}

#prod_filter_sub_menu span.fragezeichen {
    display: block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-image: url('/fileadmin/templates/img/fragezeichen.png');
}

#prod_filter_sub_menu span.obenrechts {
    position: absolute;
    top: 0;
    right: 30px;
}

#prod_filter_sub_menu span.obenrechtsaussen {
    position: absolute;
    top: 0;
    left: 100%;
}

#prod_filter_sub_menu div.popover {
    color: black;
    min-width: 300px;
}

#prod_filter_sub_menu span.ttip {
    display: none;
}

#prod_filter_sub_menu label.pimp_label {
    display: inline-block;
    text-indent: 6px;
    width: 202px;
}

#prod_filter_sub_menu .pimped_checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    float: left;
}

#prod_filter_sub_menu .first .pimped_checkbox {
    margin-left: 30px;
}

#prod_filter_sub_menu .pimped_checkbox input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    vertical-align: middle;
    background: url('/fileadmin/templates/img/checkbox_hc.png') -20px 0px no-repeat;
    cursor: pointer;
}

#prod_filter_sub_menu .pimped_checkbox input[type="checkbox"] {
    display: none !important;
}

#prod_filter_sub_menu .pimped_checkbox input[type="checkbox"] + label {
    color: #F2F2F2;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

#prod_filter_sub_menu .pimped_checkbox input[type="checkbox"]:checked + label span {
    background: url('/fileadmin/templates/img/checkbox_hc.png') 0px 0px no-repeat;
}

#prod_filter_sub_menu button:hover.hovergreen {
    background: #97991C !important;
}

#prod_filter_sub_menu button:focus.hovergreen {
    background: #97991C !important;
}

/*TOOL TIP*/
.popover-content {
    font-size: 12px;
    line-height: 25px;
}

.popover.left .arrow {
    right: -11px;
}

.arrow {
    background-image: none;
}

/* jQuery UI Tweaks */
.ui-slider-vertical .ui-slider-handle {
    left: -4px !important;
    margin-left: 0 !important;
    margin-bottom: -12.5px !important;
}

.ui-slider-vertical {
    width: 18px !important;
}

.ui-slider-handle {
  /*height: 25px !important;
  width: 25px !important;*/;
}

.ui-slider-handle.ui-state-hover {
    background: url('/fileadmin/templates/img/Pfeil_Reiter.png') #97991C 6px 5px no-repeat !important;
}

.ui-slider-handle.ui-state-active {
    /background: url('/fileadmin/templates/img/Pfeil_Reiter.png') #97991C 6px 5px no-repeat !important;
    */;
}

.ui-slider-handle.ui-state-focus {
 /* background: url('/fileadmin/templates/img/Pfeil_Reiter.png') #97991C 6px 5px no-repeat !important;*/;
}

/* das angepasste Select Feld */

.filter_drop {
    position: relative;
}

.filter_drop span.customSelect {
    font: 12px;
    font-style: italic;
    background: #fff url('../img/filter_arrow.png') right center no-repeat;
    border: 1px solid #ddd;
    color: #555;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 2px;
    width: 319px;
}

option{color:#000;}


.filter_drop span.customSelect .customSelectInner {
    width: 275px !important;
    display: block;
    padding: 11px 9px;
    box-shadow: inset 0px 0px 5px 3px #D9D9D9;
}

.marker_headlines {
    font-size: 14px !important;
    font-weight: bold;
}

/*Media Querries*/

@media only screen and (min-width: 769px) and (max-width: 991px) {
    #prod_filter_sub_menu ul.flist li a {
        font-size: 11px;
    }

    #prod_filter_sub_menu ul.flist {
        width: 115px;
    }

    #prod_filter_sub_menu ul.flist.first {
        width: 99px;
    }

    #prod_filter_sub_menu label.pimp_label {
        width: 120px;
        font-size: 11px;
    }

    #prod_filter_sub_menu .first .pimp_label {
        width: 100px;
    }

    /*#prod_filter_sub_menu{top:40px;}*/


    #prod_filter_sub_menu {
    top: 119px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    #prod_filter_sub_menu .vert_slider, 
  #prod_filter_sub_menu .marker_headlines {
        margin-left: 30px;
    }

    #prod_filter_sub_menu ul.flist {
        width: 205px;
    }

    #prod_filter_sub_menu .first .pimp_label,
  #prod_filter_sub_menu label.pimp_label {
        width:90%;
    }

    #prod_filter_sub_menu .pimped_checkbox {
        margin-left: 30px;
    }

    #prod_filter_sub_menu .btn.btn-green {
        height: 30px;
        float: right;
        margin-bottom: 15px;
        margin-right: 15px;
        line-height: 11px;
    }

    #prodlinie_dropdown {
        bottom: 0;
        left: 20px;
        color: #333 !important;
    }
    #prod_filter_sub_menu .vert_slider {
        float: left;
        margin-left: 30px;
        top: 12.5px;
    }

    .filter_drop .customSelect {
        display: block !important;
    }

    #prod_filter_sub_menu label.pimp_label {
        font-size: 11px;
        
    }
    #prod_filter_sub_menu{top:40px;}
    #prod_filter_sub_menu > .row > .col-md-12.filter_drop {
    padding: 20px 30px 10px;


}


}

@media only screen and (min-width: 320px) and (max-width: 415px) {
    #prodlinie_dropdown {
        width: 227px !important;
    }

    .filter_drop span.customSelect {
        width: 225px;
    }

    .filter_drop span.customSelect .customSelectInner {
        width: 181px !important;
    }

    #prod_filter_sub_menu  .row-fluid {
        height: auto !important;
    }

    #prod_filter_sub_menu .labline {
        text-indent: 0 !important;
        margin-right: 0;
    }

    #prod_filter_sub_menu ul.flist {
        width: 200px;
    }

 
    #prod_filter_sub_menu .btn.btn-green {

         line-height: 11px;
    }

    #prod_filter_sub_menu > .row > .col-md-12.filter_drop {
    padding: 20px 30px 10px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 555px) {
    #prod_filter_sub_menu .first .pimp_label,
  #prod_filter_sub_menu label.pimp_label {
        width: 80%;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1201px) {
    #prod_filter_sub_menu ul.flist {
        width: 164px;
    }

    #prod_filter_sub_menu ul.flist.first {
        width: 130px;
    }

    #prod_filter_sub_menu label.pimp_label {
        width: 155px;
        font-size: 13px;
    };
}

#flyoutfilter {
    position: fixed;
    top: 170px;
    left: -300px;
    margin-top: 0;
    width: 350px;
    height: 300px;
    z-index: 50;
}

#flyoutfilter .filterwrap {
    background-color: #003964;
    width: 300px;
    position: relative;
    top: 0;
    left: -2px;
    box-shadow: 0 2px 5px #2D2E2D;
    color: #fff;
    z-index: 100;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

#flyoutfilter .filterwrap > .fheader {
    padding: 20px;
    box-shadow: -5px 0 5px #2D2E2D;
    margin-bottom: 10px;
}

#flyoutfilter .filterwrap .fcontent {
}

#flyoutfilter .filterwrap .fcontent .vert_slider {
    float: left;
    margin-left: 20px;
    top: 12.5px;
}

#flyoutfilter .filterwrap .fcontent ul.flist {
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 6px;
}

#flyoutfilter .filterwrap .fcontent ul.flist li {
    margin: 0;
    padding: 0;
    list-style-image: none;
    line-height: 30px !important;
}

#flyoutfilter .filterwrap .fcontent ul.flist li a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    clear: both;
    float: left;
}

#flyoutfilter .filterwrap .fcontent .sliderwrap {
    position: relative;
    margin-top: 20px;
}

#flyoutfilter .filterwrap .fcontent span.fragezeichen {
    display: block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-image: url('/fileadmin/templates/img/fragezeichen.png');
}

#flyoutfilter .filterwrap .fcontent span.obenrechts {
    float: left;
    margin-left: 5px;
}

#flyoutfilter .filterwrap .fcontent span.obenrechtsaussen {
    position: absolute;
    top: 0;
    left: 100%;
}

#flyoutfilter .filterwrap .fcontent div.popover {
    color: black;
    min-width: 400px;
}

#flyoutfilter .filterwrap .fcontent span.ttip {
    display: none;
}

#flyoutfilter .filterwrap .popover-content {
    color: #000 !important;
}

#flyoutfilter .filterwrap .fcontent .marker_headlines {
    font-size: 14px !important;
    font-weight: bold;
    text-indent: 20px;
}

#flyoutfilter .marker_headlines {
    display: inline-block;
    line-height: 30px;
    margin-bottom: -20px;
}

#flyoutfilter .marker_headlines span {
    float: left;
}

#flyoutfilter .ffooter {
    text-align: right;
}

#flyoutfilter .ffooter .subm {
    margin: 10px 10px 10px 0;
}

#flyoutfilter .filterwrap .fcontent label.pimp_label {
    display: inline-block;
    text-indent: 6px;
    width: 220px;
}

#flyoutfilter .filterwrap .fcontent .pimped_checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    float: left;
}

#flyoutfilter .filterwrap .fcontent .first .pimped_checkbox {
    margin-left: 30px;
}

#flyoutfilter .filterwrap .fcontent .pimped_checkbox input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    vertical-align: middle;
    background: url('/fileadmin/templates/img/checkbox_hc.png') -20px 0px no-repeat;
    cursor: pointer;
}

#flyoutfilter .filterwrap .fcontent .pimped_checkbox input[type="checkbox"] {
    display: none !important;
}

#flyoutfilter .filterwrap .fcontent .pimped_checkbox input[type="checkbox"] + label {
    color: #F2F2F2;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

#flyoutfilter .filterwrap .fcontent .pimped_checkbox input[type="checkbox"]:checked + label span {
    background: url('/fileadmin/templates/img/checkbox_hc.png') 0px 0px no-repeat;
}

#flyoutfilter .filterwrap .popover.right .arrow {
    top: 24%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

#flyoutfilter .filterwrap .popover-content {
    color: #000 !important;
    width: 375px;
}
#flyoutfilter .filterwrap .popover {
  max-width: 400px !important;
}

#flyoutfilter .filterwrap .popover.right {
    padding-right: 85px;
}

#flyoutfilter .filterwrap > .ffooter {
    height: 60px;
    box-shadow: 0 0 5px #2D2E2D;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

#flyoutfilter .filterwrap > .ffooter button {
    margin: 9px 20px 0px 0px;
    float: right;
}

#flyoutfilter .filterwrap > .ffooter button.hovergreen {
    background: #97991C !important;
}

#flyoutfilter .handlewrap {
    box-shadow: 0 0 5px #2D2E2D;
    width: 50px;
    position: absolute;
    top: 0;
    left: 298px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#flyoutfilter .handlewrap > .handle {
    background-color: #003964;
    cursor: pointer;
    z-index: 1;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#flyoutfilter .handlewrap > .handle span {
    display: block;
    width: 40px;
    padding: 5px 5px 5px 5px;
    height: 50px;
    background-image: url('/fileadmin/templates/img/pfeil_futterberater.png');
    background-repeat: no-repeat;
}

#flyoutfilter .handlewrap > .handle span.farrow_right {
    background-position: -36px 5px;
}

#flyoutfilter .handlewrap > .handle span.farrow_left {
    background-position: 5px 5px;
}

#flyoutfilter .handlewrap > .handle img {
    margin-left: 4px;
}

#flyoutfilter .ui-slider-vertical .ui-slider-handle {
    left: -4px !important;
    margin-left: 0 !important;
    margin-bottom: -12.5px !important;
}

#flyoutfilter .ui-slider-vertical {
    width: 18px !important;
}

#flyoutfilter .ui-slider-handle {
    height: 25px !important;
    width: 25px !important;
}

#flyoutfilter .ui-slider-handle.ui-state-hover {
    background: url('/fileadmin/templates/img/Pfeil_Reiter.png')#97991C 6px 5px no-repeat!important;
}

#flyoutfilter .ui-slider-handle.ui-state-active {
    background: url('/fileadmin/templates/img/Pfeil_Reiter.png')#97991C 6px 5px no-repeat!important;
}

#flyoutfilter .ui-slider-handle.ui-state-focus {
    background: url('/fileadmin/templates/img/Pfeil_Reiter.png')#97991C 6px 5px no-repeat!important;
}

@media (max-width:320px) {
    #flyoutfilter .filterwrap {
        width: 270px;
    }

    .slimScrollDiv {
        width: 270px !important;
    }

    #flyoutfilter .filterwrap .fcontent {
        width: 270px !important;
    }

    #flyoutfilter .handlewrap {
        left: 270px;
        width: 35px;
    }

    #flyoutfilter {
        width: 320px;
        left: -270px;
        top: 305px;
    }

    #flyoutfilter .handlewrap > .handle span {
        width: 25px;
    }

    #flyoutfilter .handlewrap img {
        width: 32px;
    };
}

.ac_results {
    background: #F5F5F5;
    width: 200px;
 /* This value is set in the javascript code, to match the width of the search box */
    cursor: pointer;
    position: absolute;
    left: 0;
    font-size: 90%;
    z-index: 601;
}

.ac_results ul {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    /* border: 1px solid #AAAAAA; */
    border: none;
}

.ac_results ul li.even {
    background: #D1C5B8;
}

.ac_results ul li.odd {
    background: #FFFFFF;
}

.ac_results ul li:first-child {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.ac_results ul li:last-child {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ac_results iframe {
    display: none;
/*sorry for IE5*/
    display/**/: block;
/*sorry for IE5*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.ac_results li {
    padding: 2px 5px;
    list-style: none;
}

.ac_results a {
    width: 100%;
}

.ac_loading {
    background: #FFFFFF url('../img/indicator.gif') no-repeat right center;
}

.over {
    background-color: #A7CDF0 !important;
}

#mobilerBerater,
.mobilerBeraterStep2,
.mobilerBeraterStepHelp {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5000;
  overflow: scroll;
  background: #e9e4df;
}
.mobilerBeraterStep2,
.mobilerBeraterStepHelp {
  left: 100%;
  right: auto;
  width: 100%;
}

.mobilerBeraterWrap {
  padding-top: 64px;
  padding-bottom: 63px;
  background: #e9e4df;
}
.mobilerBeraterHeadline {
  position: fixed;
  top: 0;
  left: auto;
  right: auto;
  width: 100%;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: #003964;
    background: -moz-linear-gradient(top,  #003964 0%, #003964 80%, #001944 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003964), color-stop(80%,#003964), color-stop(100%,#001944));
    background: -webkit-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
    background: -o-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
    background: -ms-linear-gradient(top,  #003964 0%,#003964 80%,#001944 100%);
    background: linear-gradient(to bottom,  #003964 0%,#003964 80%,#001944 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003964', endColorstr='#001944',GradientType=0 );
    color: #fff;
    font-family: Exo, sans-serif;
    font-weight: 600;
    font-size: 26px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    z-index: 6000;
}
.mobilerBeraterHeadline .mobilerBeraterBack,
.mobilerBeraterHeadline .mobilerBeraterClose {
  cursor: pointer;
  float: left;
  display: inline-block;
  font-size: 19px;
  font-family: serif, 'Libre Baskerville';
  font-weight: 300;
  line-height: 24px;
  padding: 8px 13px 8px 33px;
  margin-top: 12px;
  margin-left: 36px;
  border-radius: 5px;
  background: url('/fileadmin/templates/img/linkarrow-white-left.png') 14px 15px no-repeat #97991c;
}
.mobilerBeraterHeadline .mobilerBeraterClose {
  background: #97991c;
  padding: 8px 13px;
}

.mobilerBeraterWrap .mItem {
  border-bottom: 1px solid rgba(39,38,34,.2);
  padding: 20px;
}
.mobilerBeraterWrap .mItem:last-child {
  border-bottom: 0;
}

.mobilerBeraterWrap .mItem.isOpen {
  background-color: #e0dad5;
}

.mobilerBeraterWrap .mItem .ttip {
  display: none;
}
.mobilerBeraterWrap .mItem .mHeadline {
  font-size: 20px;
  font-weight: 600;
  font-family: serif, 'Libre Baskerville';
  color: #272622;
  display: block;
}
.mobilerBeraterWrap .mItem .btn-group {
  margin-top: 8px;
}
.mobilerBeraterWrap .mItem .btn-group .btn {
  background-color: #bab3ac;
  color: #fff;
  border-color: #e9e4df;
  font-family: serif, 'Libre Baskerville';
  font-weight: 300;
  padding: 9px 0;
}
.mobilerBeraterWrap .mItem .btn-group .btn.active {
  background-color: #787b1b;
}
.mobilerBeraterWrap .mItem .slideToggle,
.mobilerBeraterWrap .mItem .siteToggle {
  background-image: url("/fileadmin/templates/img/2pfeile_down.png");
  background-position:  center center;
  background-repeat: no-repeat;
  display: block;
  width: 34px;
  height: 34px;
  float: right;
  border-radius: 5px;
  background-color: #97991c;
  margin-top: -8px;
  cursor: pointer;
}
.mobilerBeraterWrap .mItem .slideToggle.isActive {
  background-color: #787b1b;
  -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.mobilerBeraterWrap .mItem .siteToggle {
  background-image: url('/fileadmin/templates/img/linkarrow-white.png');
}
.mobilerBeraterWrap .mItem label {
  font-size: 20px;
  font-weight: 300;
  font-family: serif, 'Libre Baskerville';
  color: #756d64;
  margin-left: 16px;
  height: 38px;
  line-height: 38px;
  margin-bottom: 0;
}
.mobilerBeraterWrap .mItem .valueItem label {
  font-size: 15px;
}
.has-js .mobilerBeraterWrap .mItem .label_check {
  background: url('/fileadmin/templates/img/checkbox_hc_v2_off.png') no-repeat center right;
  display: block;
}
.has-js .mobilerBeraterWrap .mItem .label_check.c_on {
  background: url('/fileadmin/templates/img/checkbox_hc_v2_on.png') no-repeat center right;
}

.mobilerBeraterWrap .mItem .radioBox {
  margin: 8px 0 -8px 0;
}
.mobilerBeraterWrap .mItem input[type=radio] {
  margin-left: 9px;
}

.beraterSubmitWrap {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 64px;
  background: url("../img/segel_textur2.png") repeat;
  text-align: center;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.8);
  z-index: 10000;
}
.beraterSubmitWrap .beraterSubmitButton {
  background: #97991c;
  margin-top: 10px;
  color: #fff;
  padding: 10px 12px;
  position: relative;
  z-index: 15000;
}

.mobilerBeraterStepHelpContent {
  padding: 20px;
  font-size: 16px;
  font-family: 'Libre Baskerville', serif;
}

body.noScroll {
  overflow: hidden;
}

.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }

#futterberater {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: auto;
  right: auto;
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background: #003964;
    background: -moz-linear-gradient(top,  #003964 0%, #003964 50%, #001944 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003964), color-stop(50%,#003964), color-stop(100%,#001944));
    background: -webkit-linear-gradient(top,  #003964 0%,#003964 50%,#001944 100%);
    background: -o-linear-gradient(top,  #003964 0%,#003964 50%,#001944 100%);
    background: -ms-linear-gradient(top,  #003964 0%,#003964 50%,#001944 100%);
    background: linear-gradient(to bottom,  #003964 0%,#003964 50%,#001944 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003964', endColorstr='#001944',GradientType=0 );
    color: #fff;
    font-family: Exo, sans-serif;
    font-weight: 600;
    font-size: 26px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    z-index: 500;
    -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#futterberater:before {
  content: "»";
  position: absolute;
  top: -37px;
  margin-left: -14px;
  left: 50%;
  width: 28px;
  height: 56px;
  line-height: 60px;
  background: #003964;
  color: #fff;
  font-weight: 300;  
  -webkit-transform: rotate(-90deg); 
        -ms-transform: rotate(-90deg); 
            transform: rotate(-90deg); 
    -webkit-border-top-right-radius: 28px;
  -webkit-border-bottom-right-radius: 28px;
  -moz-border-radius-topright: 28px;
  -moz-border-radius-bottomright: 28px;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
    z-index: 400;
}
#futterberater:hover {
  text-decoration: none;
}
#futterberater span {
  position: relative;
  z-index: 500;
}
.navbar-inner > .container{width: 100%;}
/*Fix Zoombalken Google Maps*/
#map_canvas img {
max-width: inherit;
}


.video_container iframe,
.video_container object,
.video_container embed {
position: absolute;
top: 5%;
left: 13%;
width: 75%;
height: 90%;
}

@media screen and (max-width:600px){
    .tab_nav_products {
        display: none;
    
    }
}

#rootContent .follow img{
    max-width: 32px;
}

.follow img{
  margin-bottom: 5px;
  margin-top: 5px;
}

.follow .col-md-4.col-sm-4{
  padding-left:0;
  margin-right: 10px;
  width:32px;
}

footer .follow .footercontent a{
  background:none;
}


/* Advert Overlay */

.additionalInfo{
    width: 275px;
    /*background-image: url('/fileadmin/templates/img/advert_bg.png');*/
    position: fixed;
    right: -235px;
    bottom: 20px;
    z-index: 100;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 0px 7px #2D2E2D;


}

.additionalInfo > .handle{
    width: 40px;
    position: absolute;
    display: block;
    height: 100%;
    background: #003964;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: url('/fileadmin/templates/img/pfeil_futterberater.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.additionalInfo > .handle.farrow_left{
    background-position: 0px 50%;
}

.additionalInfo > .handle.farrow_right{
    background-position: -39px 50%;
}

.addInner{
    width: 235px;
    display: block;
    float: right;
    padding: 70px 20px 20px;
    
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxYzViOCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QxYzViOCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(209,197,184,0.9) 0%, rgba(209,197,184,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,197,184,0.9)), color-stop(100%,rgba(209,197,184,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(209,197,184,0.9) 0%,rgba(209,197,184,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(209,197,184,0.9) 0%,rgba(209,197,184,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(209,197,184,0.9) 0%,rgba(209,197,184,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(209,197,184,0.9) 0%,rgba(209,197,184,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6d1c5b8', endColorstr='#e6d1c5b8',GradientType=0 ); /* IE6-8 */
    
    

    
}

.imageContainer{
    background: url('/fileadmin/templates/img/overlay_img_bg.png');
    background-repeat: no-repeat;
    width: 165px;
    height: 165px;
    background-position: -3px 1px;
    position: absolute;
    left: 40px;
    top: -97px;

}
.imageContainer img{
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    margin-left: 16px;
    margin-top: 21px;
}
.addInner a.removeAddLink{
    top: 10px;
    position: absolute;
    right: 20px;
    font-size: 10.5px;
    color: #333333;
    text-decoration: underline;
    padding-top: 28px;
    background-image: url('/fileadmin/templates/img/overlay_close.png');
    background-repeat: no-repeat;
    background-position: top right;
    display: inline-block;
    line-height: 1;
}

.addInner h4{
    font-size: 19px;
    line-height: 24px !important;
}

.addInner hr{
    border-top: 2px solid #333333;
    width: 40px;
    text-align: left;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.addInner p{

}

.addInner .btn-green{
    padding:7px 20px;
}

@media (min-width: 978px) and (max-width: 991px) {
    #prod_filter_sub_menu {
        top: 119px;
    }
}

@media (min-width: 601px) and (max-width: 768px) {

    #prod_filter_sub_menu {
        top: 74px;
    }
}

@media (min-width: 320px) and (max-width: 600px) {

    #prod_filter_sub_menu {
        top: 38px;
    }
}

.text-right.nav-collapse ul{
    padding:0;
}

.fuetterungstipps .col-md-8 {
	visibility: hidden;
}

.newsletter_type_select {
	position: relative; top: 8px; left: 6px;
}