/*
    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 */

body {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: auto 5;
}


.overlaymessage {
    display: none;
}
#rootContent #haendler a {
    color: #000;
    text-decoration: underline;
}
#rootContent #haendler a:hover,
#rootContent #haendler a:focus {
    color: #5492C1;
    text-decoration: underline;
}
p {
    font-size: 14px;
}
a:hover,
a:focus {
    color: transparent;
    text-decoration: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: 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%;
}
.product_header .popover {
    max-width: 500px;
}
.lightbox-bubbles .popover {
    width: 500px;
}
/*
*Font
**/

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 400;
    src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url('../fonts/MyriadPro-Regular.otf');
}
@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 700;
    src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'), url('../fonts/MyriadPro-Semibold.otf');
}
@font-face {
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-weight: 400;
    src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'), url('../fonts/MyriadPro-LightCond.otf');
}
@import url("//hello.myfonts.net/count/305a94");
@font-face {
    font-family: 'Drina';
    src: url('../fonts/GotchaStandupHD.ttf');
}
@import url(//fonts.googleapis.com/css?family=Lato:400,700);

@font-face {
    font-family: 'Exo';
    src: url('../fonts/MyriadPro-LightCond.otf');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype');
}


/*
*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: 'Libre Baskerville', serif;
    font-size: 13px;
    color: #000;
}
h1,
h2,
h3,
h5,
h6 {
    font-weight: 700;
}
a {
    outline: none;
    -moz-outline-style: none;
}
a {
    outline: none;
}
.product_header ul li a , .content ul li a {
    color: inherit;
    text-decoration: underline;
    outline: none;
    -moz-outline-style: none;
}

.product_header ul li a , .content ul li a:hover {
    color: #5492C1;
    text-decoration: underline;
}

.product_header ul li a {
    color: inherit;
    text-decoration: underline;
    outline: none;
    -moz-outline-style: none;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 21px;
    list-style-image: none;
}

.product_header ul li a:hover {
    color: #5492C1;
    text-decoration: underline;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 21px;
    list-style-image: none;
}
:focus {
    outline: none;
}
::-moz-focus-inner {
    border: 0;
}
a:focus {
    outline: 0;
}
p a,
p a:focus,
p a:visited,
.news-single-item a,
.news-single-item a:focus,
.news-single-item a:visited,
.controls.row a,
.controls.row a:focus,
.controls.row a:visited,
.accordion-inner li a,
.accordion-inner li a:focus,
.accordion-inner li a:visited,
.tx-mb-linkliste a,
.tx-mb-linkliste a:focus,
.tx-mb-linkliste a:visited {
    color: #000;
    text-decoration: underline !important;
    cursor: pointer;
}
.accordion-inner li a {
    font-size: 13px;
}
p a:hover,
.news-single-item a:hover,
.controls.row a:hover,
.accordion-inner li a:hover,
.tx-mb-linkliste a:hover {
    color: #5492C1;
    text-decoration: underline;
}
.news-single-img .mediaelement.mediaelement-image {
    margin-bottom: 25px;
}
p a {
    text-decoration: none;
}
/*
*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 !important;
}
.mB20 {
    margin-bottom: 20px !important;
}
.mT50 {
    margin-top: 50px !important;
}
.pT50 {
    padding-top: 50px !important;
}
.mT20 {
    margin-top: 20px !important;
}
.p20 {
    padding: 20px !important;
}
.p10 {
    padding: 10px !important;
}
.pT20 {
    padding-top: 20px !important;
}
.pT10 {
    padding-top: 10px !important;
}
.pR20 {
    padding-right: 20px !important;
}
.pR10 {
    padding-right: 10px !important;
}
.pB20 {
    padding-bottom: 20px !important;
}
.pB10 {
    padding-bottom: 10px !important;
}
.pL20 {
    padding-left: 20px !important;
}
.pL10 {
    padding-left: 10px !important;
}
p a.btn-btn-green,
p a.btn-green {
    color: #fff;
    background: #5492C1;
    text-shadow: none;
    box-shadow: none;
    border: none;
    margin-right: 4px;
    height: 37px;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none !important;
}
p a.btn-btn-green:focus,
p a.btn-btn-green:hover,
p a.btn-green:focus,
p a.btn-green:hover{
    color: #fff !important;
    background: #003965 !important;
}

p a.btn-blue {
    color: #fff;
    background: #5492C1;
    text-shadow: none;
    box-shadow: none;
    border: none;
    margin-right: 4px;
    height: 37px;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none !important;
}

/*
* 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*/

div.newsBG h3 {
    display: block;
    position: relative;
    top: 42px;
    vertical-align: middle;
    text-align: center;
    font-family: Drina;
    font-size: 40px;
    color: #003964;
}
div.newsBG {
    background-color: #fff;
    height: 355px;
}
div.newsBG h5.newsteaser-title {
    max-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/*
Happy Dog Image Container Alignment
 */
.col-md-4 + div > .csc-textpic.csc-textpic-center.csc-textpic-above {
    padding: 0 15px;
}
.col-md-4 + div > .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-image img {
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    object-fit: cover;
}
.col-md-4 + div > .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-image {
    width: 100%;
    height: 355px;
    overflow: hidden;
    margin-bottom: 15px;
}
div.csc-textpic-center .csc-textpic-center-inner,
div.csc-textpic-center .csc-textpic-center-outer {
    float: none;
    right: auto;
}
/* Alignment END */
.header-logo-reposition {
    padding:10px 0;
    position: absolute;
    top: -15px;
    left: -10px;
}
.news-teaser-heading {
    margin: 0 20px 0 20px;
    background-color: #fff;
    padding-top: 40px;
    position: relative;
}
.news-teaser-heading span {
    text-align: center;
    font-size: 25px;
    background-color: #fff;
    display: table;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.news-teaser-heading::before {
    height: 2px;
    display: block;
    width: 100%;
    border-top: 2px dotted #979797;
    content: '';
    position: absolute;
    top: 55px;
    z-index: 1;
    margin: 0;
}
.news-teaser-padding {
    display: block;
    padding-left: 65px;
    padding-top: 0;
    padding-bottom: 10px;
    padding-right: 40px;
    background-color: #fff;
}
.newsteaser-title {
    font-size: 25px;
    margin-top: 25px;
}
.tab_nav_products {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 10;
    margin-top: 10px;
}

a.cc_btn.cc_btn_accept_all:hover {
    background-color: #fff;
    color: #000;
}

a.cc_btn.cc_btn_accept_all {
    background-color: #5492C1;
    color: #fff;
}

@media (max-width: 1200px) {
    .news-teaser-padding {
        padding-top: 85px;
        padding-right: 65px;
    }
    .news-teaser-padding h5 {
        font-size: 16px;
        line-height: 20px !important;
    }
}
a.filter-button,
a.category-button {
    margin-bottom: 15px;
}
}
#breadcrumb {
    margin-top: -35px;
    margin-bottom: 20px;
    margin-left: 210px;
}
.tx-ggheaderteaser-pi1 ~ .container.pT50 > #breadcrumb {
    margin-left: 0px;
}
#breadcrumb ~ .content > h1,
#breadcrumb ~ .content {
    margin-top: 50px;
}
#breadcrumb {
    margin-left: 210px;
    position: relative;
    z-index: 99;
}
#breadcrumbs {
    margin-top: 27px;
    margin-bottom: 20px;
    float: left;
}
.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: 23px;
    padding-top: 10px;
}


.more hr {
    margin-top: 0;
    margin-bottom: 0;
    visibility: hidden;
}
a.moreToggle {
    font-size: 19px;
    font-family: 'Exo', sans-serif;
    line-height: 25px !important;
    font-weight: 700;
    color: #000;
}
.toggleWrap .svg {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 33px;
    border-radius: 4px;
    background-color: #5492C1;
    margin-right: .5em;
    text-align: center;
    transition: all ease-in-out .3s;
}
.toggleWrap.active .svg {
    background-color: #003965;
    line-height: 32px;
}
.toggleWrap .svg svg {
    transform: rotate(0deg);
    transition: all ease-in-out .3s;
}
.toggleWrap.active .svg svg {
    transform: rotate(180deg);
}
.toggleWrap {
    display: inline-block;
    margin: 0 0 10px 0;
    cursor: pointer;
    margin: 25px 0;
}
.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: #5492C1 !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;
}
.news-text-wrap a {
    color: #000;
    text-decoration: underline;
}
.productlistwrap {
    float: left;
    margin-top: 25px;
}
.lW {
    float: left;
    clear: left;
    height: 15px;
}
.rW {
    float: right;
    clear: right;
    height: 15px;
}
.qualiCert {
    background: none;
    height: 500px;
    position: relative;
}
.qualiCert .qualiCertInner {
    background-color: #fff;
    margin-top: 90px;
    padding: 30px;
    margin-left: 100px;
    position: relative;
}
.qualiCert .qualiCertInner h5 {
    margin-left: 15px;
}
.qualiCert .qualiCertInner img {
    height: 180px;
    position: absolute;
    top: 10px;
    right: 30px;
}
.productList .qualiCert {
    background: none;
    height: 405px;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    margin-left: -35px;
    margin-top: -30px;
}
.productList .note,
.vetProducts .note{
    background-color: white;
    padding: 10px 20px 25px;
    display: inline-block;
    padding-left: 20px;
}
.productList .note h1,
.vetProducts .note h1 {
    margin-left: 40px;
}
.vetProducts .qualiCert {
    background: none;
    height: 415px;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    margin-left: -5px;
    margin-top: -30px;
}

/*      additional ayhan 13.02.18  */

@media all and ( max-width: 1200px ) {
    .vetProducts .qualiCert {
        background: none;
    }
}

/*  end additional ayhan 13.02.18  */

.productList .col-md-8.offset,
.productList .col-md-4.offset,
.vetProducts .col-md-8.offset,
.vetProducts .col-md-4.offset {
    margin-left: 50px;
}
.productList .col-md-4,
.vetProducts .col-md-4 {
    width: 35%;
}
.productList .qualiCert h5,
.productList .qualiCert h1,
.vetProducts .qualiCert h5,
.vetProducts .qualiCert h1 {
    /*margin-top: 100px;
    margin-bottom: 15px;
     margin-left: 15.094%;

    margin-left: 65px;*/
    color: #000;
}
.productList .qualiCert .col-md-offset-2,
.vetProducts .qualiCert .col-md-offset-2 {
    margin-left: 14.666667%;
}
.productList .qualiCert ul,
.vetProducts .qualiCert ul {
    padding-left: 20px;
}
.prodTeaserWrap {
    position: absolute;
    top: 25px;
    right: -50px;
    background-image: url('/fileadmin/templates/img/foto_frame.png');
    width: 363px;
    height: 358px;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
.vetProducts .prodTeaserWrap {
    position: absolute;
    top: 45px;
    right: -50px;
    background-image: url('/fileadmin/templates/img/polaroid_VET_Service_Team.png');
    background-repeat: no-repeat;
    width: 390px;
    height: 335px;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
.prodTeaserWrap .teaserImg {
    margin-top: 41px;
    margin-left: 42px;
}
.vetProducts .prodTeaserWrap .teaserImg {
    margin-top: 28px;
    margin-left: 28px;
}
.prodTeaserWrap .pin {
    top: 18px;
    position: absolute;
    left: 36px;
}
.vetProducts .prodTeaserWrap .pin {
    top: -30px;
    position: absolute;
    left: 10px;
}
.qualiCert a.btn {
    float: right;
    margin-top: 15px;
    font-size: 18px;
}
.qualiCert h5,
.qualiCert h1 {
    /*margin-top: 180px;
    margin-left: 103px;
    margin-bottom: 20px;*/
}
.qualiCert .img-responsive {
    position: absolute;
    top: 50px;
    right: 17.094%;
}
.qualiCert .textRechts {
    margin-left: -10px;
}
.qualiCert .col-md-offset-1 {
    margin-left: 7.333333%;
}
/*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;
}
.accordion-inner h3 {
    margin-top: 0;
}
.standard-input,
.standard-select,
li,
li > a,
ul.button-steps li .btn,
.btn,
.search,
button,
.f1 {
    font-family: 'Libre Baskerville', serif;
}
.btn.search,
.f2 {
    font-family: serif;
    font-style: italic;
}
h1 {
    font-family: 'Exo', sans-serif;
    line-height: 40px;
    font-size: 30px;
    color: #fff;
}
h1.csc-firstHeader {
    color: #000;
}
.accordion-inner h1.csc-firstHeader:after {
    content: none;
}
#seotext h1.csc-firstHeader:after {
    border-bottom: none;
}
#seotext h3 span {
    font-weight: bold !important;
}
#seotext ul li {
    font-family: 'Lato', sans-serif;
    line-height: 18px;
}
#seotext a {
    text-decoration: none !important;
    color: #5492C1;
}
#seotext a:hover {
    color: #003965;
}
h2 {
    font-family: 'Exo', sans-serif;
    line-height: 30px;
    font-size: 17px;
}
h3 {
    font-size: 30px;
    font-family: 'Exo', sans-serif;
    line-height: 40px !important;
}
h4,
.f4 {
    /*font-family: 'Exo', sans-serif;*/

    font-family: 'Drina', sans-serif;
    line-height: 30px !important;
    font-size: 24.5px;
    font-weight: 700;
}
h5,
.f5,
.product-hover span,
.product-content span,
.qualiCert h1 {
    font-size: 23px;
    font-family: 'Exo', sans-serif;
    line-height: 25px !important;
}
.product-hover span,
.product-content span {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}
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,
.product-content span > hr {
    display: block;
    border: none;
    width: 60px;
    height: 1px;
    border-bottom: 2px solid #333333;
    margin-left: 0;
    text-align: left;
}
.circle-text hr,
a > h5 > hr,
h5 > hr,
.product-hover span > hr,
.product-content span > hr {
    width: 37px;
    margin: 10px auto;
}
.tx-ggcircleelement-pi1 > .text-center {
    margin: 0 15px;
}
.product-hover > h5,
.product-hover > span {
    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: 14px;
    line-height: 25px;
}
ol {
    -webkit-padding-start: 20px;
}
ol > li {
    font-size: 14px;
    line-height: 23px;
}
ol > li a {
    color: #000;
    text-decoration: underline;
    font-size: 14px;
}
ol > li a:hover {
    color: #756d64;
    text-decoration: underline;
}
/*
*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);
}
.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 13px #2D2E2D;
}
#navigation.fixed {
    top: 39px;
}
.startLogo {
    position: relative;
    left: -60px;
    float: left;
}
.smallerLogo {
    display: none;
}
.top-nav-container {
    left: 0;
    right: 0;
    z-index: 510;
    display: block;
}
.top-nav-container.fixed > .container {
    height: 39px;
    overflow: visible;
}
#navigation .col-md-12 {
    margin-left: 0px !important;
}
#navigation-spacer {
    /* height: 152px;*/

    height: 127px;
}
#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;
}
.btn.btn-blue,
.btn > .btn-blue {
    color: #5492C1;
    text-shadow: none;
    box-shadow: none;
    border: none;
    margin-right: 4px;
    font-size: 18px;
}
.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: 18px;
    color: #000;
}
#navigation .btn.subnavtarget a {
    color: #000;
}
#navigation .btn.subnavtarget.active a,
#navigation .btn.subnavtarget.aktiv a {
    color: #fff;
    text-decoration: none;
}
#navigation .btn.subnavtarget:hover a {
    color: #fff;
    text-decoration: none;
}
#navigation .btn.subnavtarget a:hover,
#navigation .btn.subnavtarget a:active {
    text-decoration: none;
}
#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: #5492C1;
}
.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,
.btn.subnavtarget:hover,
.btn.subnavtarget:focus {
    color: #fff !important;
    background: #5492C1 !important;
}
.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-blue,
.btn-blue,
.btn.subnavtarget:hover,
.btn.subnavtarget:focus {
    color: #fff !important;
    background: #5492C1 !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: #5492C1 !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: #003965 !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,
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus,
#produkt_wrap .tab_nav_products a.btn-blue.active {
    color: #fff !important;
    background: #5492C1 !important;
}
.btn.btn-blue a,
.btn.btn-blue 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: #003965 !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;
}
#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: 3px;
}
.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;
    position: relative;
    height: 32px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.27);
    box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.27);
    /* background: url(../img/search-desktop-inputbg.png) top left no-repeat; */
}
.input-search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.navbar {
    margin-bottom: 5px !important;
}
.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;
    box-shadow: none;
    font-size: 16px;
}
#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: 153px 0 0 0;*/

    padding: 128px 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,
#subnavigation > .container > .row > .col-md-4 {
    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: #5492C1;
}
#subnavigation ul li.subItem.aktuell ul.navlvl3 li.aktuell a {
    color: #003965;
}
#subnavigation li.subItem a:focus,
#subnavigation li.subItem a:active {
    text-decoration: none;
}
#subnavigation li.separator.first {
    border-top: none;
}
#subnavigation li.separator {
    color: #756d64;
    padding-left: 0px;
    font-size: 14px;
    list-style-image: none;
    border-top: 1px solid #dedede;
    /* padding: 5px 0 ;
    margin: 0px 10px;*/

    padding: 2px 0 0 0;
    margin: 10px 10px 0 10px;
}
.subnavrow {
    display: none;
    /*width: 770px;*/
    /* width: 300px;*/

    width: 280px;
}
.subnavrow.active {
    display: block;
}
.subnav {
    list-style: none;
}
#subnavigation ul {
    margin-left: 0;
    /*margin-right: 30px;*/

    list-style: none;
    padding-left: 0;
    margin-top: 10px;
    /* padding: 0 10px;*/
}
#subnavigation ul li.subItem:first-child {
    border-top: 0;
}
#subnavigation ul li.subItem {
    list-style: none;
    /*border-top: 1px solid #eee;*/

    padding: 2px 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 10px;
    color: #262322;
}
#subnavigation li.subItem a:hover {
    text-decoration: none;
    background-color: #5492C1;
    color: #fff;
    /*background-image: url(../img/linkarrow-white.png);*/
}
#subnavigation ul li.subItem.aktiv a,
#subnavigation ul li.subItem.aktuell a {
    background-color: #003965;
    color: #fff;
    /*background-image: url(../img/linkarrow-white.png);*/
}
#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;
}
.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: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;
    display: block;
    padding: 8px 0px;
}
#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);
}
#navigation-tablet .nav.container li .subnav_tablet li.separator {
    list-style: none;
    padding: 8px 15px 0;
    border-top: 1px solid #dedede;
    font-weight: 600;
}
#navigation-tablet .nav.container li .subnav_tablet li.separator:first-child {
    border-top: 1px solid transparent;
}
#navigation-tablet .nav-collapse .nav.container .subnav_tablet {
    border-bottom: 1px solid #dedede;
    margin-left: 0;
    padding-left: 50px;
}
/*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: 355px;
    max-height: 355px;
    border: 0px none;
    border-radius: 0px;
    box-shadow: 0;
    display: block;
    line-height: 20px;
    padding: 0px;
    transition: none;
    position: relative;
}
.thumbnail > .caption_top {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 118px;
    z-index: 50;
}
.thumbnail > .caption {
    width: 100%;
    position: absolute;
    height: 120px;
    z-index: 50;
    display: table;
}
.thumbnail > .caption_top {
    bottom: -350px;
    min-height: 350px;
    max-height: 350px;
    z-index: 25;
    cursor: pointer;
    display: table;
    width: 100%;
}
.thumbnail > .caption_top:hover {
    text-decoration: none;
}
.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 {
    display: block;
    text-align: center;
    line-height: 50px !important;
    padding: 5px 0 0 0;
    font-size: 40px;
    font-family: 'Drina', sans-serif;
    font-weight: 500;
}
.thumbnail > .caption > h4 {
    text-align: center;
    line-height: 45px !important;
    padding: 5px 0 0 0;
    font-size: 40px;
    font-family: 'Drina', sans-serif;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
}
.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,
.tx-ggtileselement-pi1 > .col-md-8 > .thumbnail article,
.tx-ggtileselement-pi1 > .col-md-4 > .thumbnail article {
    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 > .centerText > hr,
.thumbnail > .caption > hr {
    width: 80px;
    margin: 14px auto;
    /*box-shadow:0px 0px 5px #000;*/
}
.centerText {
    height: 350px;
    display: table-cell;
    vertical-align: middle;
}
.texture {
    background-color: #fff;
}
.texture.wood {
    background: url(../img/wood_bg.jpg) repeat;
    background-size: cover;
}
/*Footer*/

footer {
    margin: 0 0 0 0;
    color: #272622;
    padding-top: 20px;
    position: relative;
    margin-top: 182px;
}
footer a,
footer a:visited,
footer a:focus {
    color: #272622;
    line-height: 25px;
}
.news-teaser-padding a {
    color: #003964;
    text-decoration: underline;
    font-size: 17px;
}

.news-teaser-padding a {
    background: url(../img/footer-desktop-linkarrow.png) 0 4px no-repeat;
    padding-left: 12px;
}
.news-teaser-padding a:hover {
    color: #5492C1;
}
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;
}
.pre-footer-breaker {
    width: 100%;
    height: auto;
    position: absolute;
    top: -240px;
}
footer .footer-copyright {
    text-align: center;
}
footer .footer-outerwrap {
    border-bottom: 1px solid #dadae5;
}
footer .footercontent>strong {
    color: #2e4f67;
    font-size: 15px;
    line-height: 40px;
}
footer .footercontent a, .footer-copyright {
    color: #646c72;
}
.footercontent {
    padding-top: 0;
}
.formSelector {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
    width: 240px;
    margin-bottom: 40px;
}
.footercontent .customSelect .customSelectInner,
.formSelector .customSelectInner {
    padding: 10px;
}
.carousel.mB50 {
    margin-bottom: 0 !important;
}
.carousel-inner > .item {
    width: 100%;
}
.carousel.slide img {
    width: 100%;
}
.tx-ggheaderteaser-pi1 {
    position: relative;
}
.tx-gg-headerslider .carousel-caption ul {
    margin-left: 0;
    padding-left: 15px;
}
.carousel-caption {
    width: 37.2%;
    bottom: auto;
    background: transparent;
    text-shadow: -1px 0px 6px rgba(0, 0, 0, 0.25);
    text-align: left;
}
.caption-table {
    display: table;
}
.carousel-caption .additional {
    font-size: 12px;
    color: #000;
    background: #f1efe9;
    padding: 15px;
    width: 310px;
    line-height: normal;
    position: relative;
    right: 100px;
    float: right;
    text-shadow: none;
    font-family: 'Libre Baskerville';
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 0;
}
.carousel-caption.responsive {
    bottom: 0%;
    right: auto;
}
.carousel-caption a,
.carousel-caption p a,
.carousel-caption footer a {
    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 h1 {
    font-family: 'Drina', sans-serif;
    font-size: 85px;
    line-height: 95px !important;
    font-weight: normal;
    hyphens: none;
    text-align: left;
    margin-bottom: 50px;
    left: 0;
}

.carousel-caption h4 {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-family: 'Drina', sans-serif;
    font-size: 85px;
    line-height: 95px !important;
    font-weight: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    text-align: left;
    margin-bottom: 50px;
    left: 0;
}
.carousel-caption-text {
    margin-top: 15px;
}
.caption-row {
    display: table-row;
}
.carousel-caption h6 {
    color: #fff;
}
.carousel-caption p {
    width: 75%;
    font-size: 34px;
    font-family: 'Exo';
    font-weight: 600;
    line-height: 51px;
    margin-bottom: 20px;
}
.carousel-caption footer p a:hover,
.carousel-caption p a:hover {
    color: #5492C1;
}
.carousel-caption footer,
.carousel-caption footer p,
.carousel-caption footer p a,
.responsive.phone-caption footer,
.responsive.phone-caption footer p {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    line-height: 24px;
    margin-bottom: 0;
    padding-top: 0;
    font-family: 'Exo', serif;
    font-weight: 700;
}
.carousel-caption footer p a {
    text-transform: none;
}
.carousel-caption ul li {
    list-style: none;
    list-style-image: url(../img/linkarrow-white.png);
    font-size: 13px;
    line-height: 25px;
}
#myCarousel {
    position: relative;
}
.carousel-indicators {
    /*margin:0 auto;*/

    left: 50%;
    list-style: none outside none;
    margin: 0;
    position: absolute;
    right: auto;
    z-index: 5;
    top: auto;
    bottom: -29px !important;
    width: auto !important;
    transform: translateX(-50%);
}
.carousel-indicators > li {
    cursor: pointer;
    float: left;
    background: #FFF;
    border-width: 0;
    margin: 3px;
}
.carousel-indicators > li.active {
    background: #003964;
    width: 10px;
    height: 10px;
    margin: 3px;
}
.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;
    z-index: 20;
}
.right.carousel-control {
    left: auto;
    right: 15px;
    background-position: -56px 0;
}
#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,
.event-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 .btn-expand,
.btn-expand {
    width: 17px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    right: 30px;
    bottom: 30px;
    background: url(../img/icon_arrows_up.svg) no-repeat;
    transtion: all ease-in-out .3s;
}

.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.svg) 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 .pin {
    width: 66px;
    height: 69px;
    position: absolute;
    cursor: pointer;
    left: -7px;
    bottom: 17px;
    background: url(../img/pin_left.png) no-repeat;
    z-index: 10;
    display: block;
}
.accordion-toggle.collapsed .accordion-head span,
.accordion-toggle .accordion-head span {
    width: 87%;
    display: inline-block;
}
#rootContent .panel-heading {
    padding: 0;
}
.panel-heading a {
    background-color: #fff;
    display: block;
    font-family: 'Exo', sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0 7px 3px;
    line-height: 40px !important;
    padding: 18px 0 18px 75px;
    width: 99%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);
}
.accordion-inner {
    margin-left: 3px;
    padding-top: 55px;
}
.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: 30px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    margin-left: -10px;
    height: 100px;
}
*/
.newsletterhead span {
    /*height: 50px;
    display: block;*/
    font-size: 40px;
    color: #04305c;
    font-weight: normal;
    font-family: 'Drina', sans-serif;
}
.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;
}
.newsletter-input-wrap input.standard-input {
    width: 97%;
    border-right: none;
}
#haendler .handler_plz {
    border-right: none;
    font-style: italic;
    font-family: 'Libre Baskerville', serif;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
    background: #fff;
    margin-left: 0;
    width: 100%;
    border-radius: 3px;
    padding: 12px 15px 10px 15px;
}
#haendler .handler_plz {
    border: none;
    box-shadow: none;
    background: transparent;
}
.haendleranfragen {
    min-height: 150px;
    padding: 0;
}
.haendleranfragen a,
.haendleranfragen a:active,
.haendleranfragen a:visited {
    color: #5492C1;
}
.haendleranfragen a:hover {
    color: #003965;
}
.newsletter-input-wrap select.newsletter_type_select {
    width: 160px;
    margin-top: 4px;
}
.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 {
    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 30px 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%;
}
.square-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;
    border: 15px solid #fff;
    margin: 0 auto 0 -10px;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .25);
    margin-top: 45px;
}
.sticky-tape {
    position: absolute;
    z-index: 10;
    margin-top: -70px;
    float: left;
    margin-left: -60px;
}
.expertSaying .sticky-tape {
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.IEALL .expertSaying .sticky-tape {
    margin-left: 60px;
}
.IEALL .sticky-tape {
    margin-left: 90px;
}
.expertSaying .contains-circle-img {
    height: 300px;
}
.expertSaying h6 {
    margin-bottom: 0;
    line-height: 15px;
    text-transform: none;
}
.expertSaying p {
    /*width: 60%;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 auto;
  padding-bottom: 15px;*/

    line-height: 15px;
}
.expertSaying .square-img {
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
}
.expertSaying .btn.btn-green,
.expertSaying .btn.btn-blue {
    position: absolute;
    bottom: 90px;
    right: -15px;
    font-size: 18px;
    font-family: 'Exo', sans-serif;
    text-align: left;
}
.serviceSaying.offset-md-2 {
    margin-left: 16%;
}
.serviceSaying .contains-circle-img {
    margin: 5px 0 30px 0;
}
.serviceSaying .contains-circle-img .sticky-tape {
    margin-left: 50px;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.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: 15px 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: 13px;
    color: #fff;
    font-family: 'Libre Baskerville', serif;
}
.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; */

    padding-bottom: 20px;
    /*max-height: 150px;*/
}
/*Products / Mini-Products*/

.tx-gg-interquell-products table {
    border-spacing: 2px;
}
.row.recommendations {
    margin-top: 35px;
}
.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;
    height: auto;
}
.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;
}
.product-hover:hover {
    color: #fff;
    text-decoration: none;
}
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: #fff !important;
}
.ui-state-default {
    background: url('../img/Pfeil_Reiter.png')#5492C1 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')#5492C1 6px 5px no-repeat!important;
}
.product_meal_slider .ui-state-default {
    background: url('../img/Pfeil_Futterslider.png')#5492C1 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')#5492C1 6px 5px no-repeat!important;
}
.ui-widget-content {
    border: 1px solid #d5d5d5;
    background: #ddd8d3;
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, .25);
}
.ui-slider .ui-slider-range {
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .25);
}
.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;
}


/*h3.drinaHeadline{
  font-family: 'Drina';
  font-size: 80px;
  color: #003964;
  line-height: 56px !important;
  font-weight: normal;
}*/



h3.drinaHeadline {
    font-family: 'Drina';
    font-size: 45px;
    color: #003964;
    line-height: 70px !important;
    font-weight: normal;
    /*-moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);*/

    margin-bottom: 35px;
}
    .product_header h3.drinaHeadline {
    	font-size: 65px;
    	margin: 0;
	}


h1.drinaHeadline {
    font-family: 'Drina';
    font-size: 70px;
    color: #003964;
    line-height: 56px !important;
    font-weight: normal;
}
@-moz-document url-prefix() {
    h3.drinaHeadline {
        line-height: 75px !important;
    }
}
.IEALL h3.drinaHeadline {
    line-height: 75px !important;
}
.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 > .bubble p {
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}
.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;
    float: right;
    margin: 0 0 0 3px;
    background-color: #5492C1;
    border-radius: 4px;
    text-align: center;
    position: relative;
    transition: all ease-in-out .3s;
}

.toolbar_bottom > a > svg,
.toolbar > a > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.toolbar_bottom > a:hover,
.toolbar_bottom > a:focus,
.toolbar > a:hover,
.toolbar > a:focus{
    background-color: #003965;
}

/*.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;
}
.productNoteBox {
    background-color: #fff;
    padding: 15px;
    padding-bottom: 15px;
    padding-top: 25px;
    margin: 20px 0;
}
.productNoteBox li {
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    font-size: 23px;
    line-height: 32px;
}
.product_header .productNote {
    margin: 0 auto;
    background: #fff;
    text-align: left;
    width: 540px;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #e9e4df;
}
.product_header .productNote .note_top {
    background: url(/typo3conf/ext/gg_interquell_products/Resources/Public/Icons/note_top.png);
    width: 530px;
    height: 20px;
}
.product_header .productNote .note_bottom {
    background: url(/typo3conf/ext/gg_interquell_products/Resources/Public/Icons/note_bottom.png);
    width: 540px;
    height: 44px;
}
.product_header .productNote .productNotePadding {
    padding: 30px 30px 20px 30px;
    background: url(/typo3conf/ext/gg_interquell_products/Resources/Public/Icons/note_content1.png) top left repeat-y;
}
.product_header .productNote .productNotePadding h4 {
    position: relative;
    top: -10px;
    font-size: 40px;
    color: #003964;
    display: block;
    text-align: center;
}
.product_header .productNote ul li {
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    font-size: 23px;
    list-style-image: none;
}
.product_header .productNote ul li:before {
    content: "\f105";
    font: normal normal normal 33px/1 FontAwesome;
    margin-right: 10px;
}
.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 .productNote .sticky-right,
.product_header .productNote .sticky-left {
    background: url(../img/stripe.png);
    width: 127px;
    height: 120px;
    position: fixed;
}
.product_header .productNote .sticky-left {
    left: -45px;
    transform: rotate(-30deg);
    top: -25px;
}
.product_header .productNote .sticky-right {
    transform: rotate(-33deg);
    right: -35px;
    bottom: -20px;
}
.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: 25px 13px 1px 13px;
    margin: 35px auto 0 auto;
}
h4.product_meal_slider_val_grams {
    font-size: 60px;
}
.product_meal_slider_info h4 hr {
    border-bottom-color: #fff;
    margin: 20px auto 0 auto;
    width: 100%;
}
.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
**/
/*
* 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 {
    padding-left: 42px;
    margin: 0 0 10px 0;
    cursor: pointer;
    font-weight: bold;
    position: relative;
}
.miniaccordion > .accordion_row.active > .accordion_head {
    /*background-position: 0 -22px;*/
}
.miniaccordion > .accordion_row > .accordion_head > .svg {
    display: inline-block;
    position: absolute;
    left: 0;
    top: -4px;
    width: 30px;
    height: 30px;
    line-height: 33px;
    border-radius: 4px;
    text-align: center;
    background-color: #5492C1;
    transition: all ease-in-out .3s;
}
.miniaccordion > .accordion_row.active > .accordion_head > .svg {
    background-color: #003965;
    line-height: 32px;
}
.miniaccordion > .accordion_row > .accordion_head > .svg > svg {
    transform: rotate(0deg);
    transition: all ease-in-out .3s;
}
.miniaccordion > .accordion_row.active > .accordion_head > .svg > svg {
    transform: rotate(180deg);
}
.miniaccordion > .accordion_row > .accordion_content {
    display: none;
    margin: 20px 0 0 0;
}
.miniaccordion > .accordion_row.active > .accordion_content {
    display: block;
}
.miniaccordion > .accordion_row > .accordion_head h4 {
    font-size: 23px;
    font-family: 'Exo', sans-serif;
    line-height: 25px !important;
}
/*
* Lifeconcept
**/

.lifeconcept-left {
    min-height: 200px;
}
.lifeconcept-right {
    min-height: 200px;
}
.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-right-lightblue.svg");
    cursor: pointer;
    height: 67px;
    left: 105px;
    position: absolute;
    top: 105px;
    width: 67px;
    z-index: 310;
}
.lifeconcept-left > div > .lifeconcept-tooltip:hover {
    background: url("../img/button-right-blue.svg");
}
.lifeconcept-right > div > .lifeconcept-tooltip {
    background: url("../img/button-right-lightblue.svg");
    cursor: pointer;
    height: 67px;
    left: 105px;
    position: absolute;
    top: 105px;
    width: 67px;
    z-index: 310;
}
.lifeconcept-right > div > .lifeconcept-tooltip:hover {
    background: url("../img/button-right-blue.svg");
}
.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, .btn-blue {
    padding: 10px 25px;
    font-size: 13px;
    line-height: 20px;
}
.fuetterungstipps .btn.btn-green,
.fuetterungstipps .btn.btn-blue {
    padding: 10px 15px;
}
.btn-green:hover {
    background: #003965;
}
.btn-blue:hover {
    background: #5492C1;
}
a.internal-link.btn-green,
a.internal-link span.btn-green,
a.internal-link.btn-blue,
a.internal-link span.btn-blue {
    box-shadow: none;
    border-width: 0;
    text-shadow: none;
    line-height: 34px;
    height: 34px;
    border-radius: 4px;
    text-decoration: none;
}
a.btn-green:hover, a.btn-blue: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, footer .btn.btn-blue {
    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;
    /*z-index: 9999;*/
}
.web_shop.drop_down {
    background: url(../img/filter_arrow-white.png) right 0px no-repeat transparent;
    height: 28px;
    width: 75px;
    display: inline-block;
    text-align: left;
    margin-left: 7px;
}
.web_shop.drop_down > a {
    display: block;
}
.web_shop.drop_down .dropdown-menu {
    right: auto;
    padding-bottom: 20px;
}
.web_shop.drop_down .dropdown-menu li a {
    line-height: 15px;
    text-decoration: none;
    font-size: 13px;
}
.web_shop.drop_down .dropdown-menu li a:before {
    content: '';
    width: 31px;
    height: 31px;
    display: inline-block;
    background-position: 0px 4px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.web_shop.drop_down .dropdown-menu li a.vet:before {
    background: url(../img/icon_vet.png);
}
.web_shop.drop_down .dropdown-menu li a.zuechter:before {
    background: url(../img/icon_zuechter.png);
}
.web_shop.drop_down .dropdown-menu li a.privat:before {
    background: url(../img/icon_privatkunde.png);
}
.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;
    cursor: pointer;
}
.dropdown-toggle . {
    margin-top: 6px;
    float: left;
    margin-left: 10px;
    margin-right: -6px;
}
.dropdown-menu {
    zoom: 1;
    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: 9998;
    width: 440px;
    padding-top: 0;
}
.prominent-links {
    border-bottom: 1px solid #012a4a;
    margin-bottom: 20px;
}
.prominent-links li {
    float: left;
    width: 50%;
    height: 55px;
    text-align: center;
}
.prominent-links li a {
    font-size: 15px !important;
    line-height: normal;
    padding-top: 20px !important;
}
.col-1,
.col-2,
.col-3 {
    width: 33%;
    float: left;
    padding: 0px 15px 15px;
}
.dropdown-menu li {
    background: #003964;
    list-style-image: none;
}
.dropdown-menu li a {
    font-size: 11px;
    /*padding-left: 15px;
    background: #003964;*/

    color: #fff;
    padding: 13px 25px;
    display: block;
}
.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;
}
.dropdown-toggle .flagge {
    margin-top: 6px;
    float: left;
    margin-left: 10px;
    margin-right: -6px;
}
.flagge.de {
    background-position: 0 0;
}
.prominent-links .flagge.de,
.prominent-links .flagge.en {
    width: 25px;
    height: 15px;
    background-image: url(../img/de_en_flags.jpg);
}
.prominent-links .flagge.de {
    background-position: 0 0;
}
.prominent-links .flagge.en {
    background-position: 0 -15px;
}
.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 -180px;
    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;
    ;
}
.flagge.ci {
    background-position: 0 -347px;
}
.flagge.id {
    background-position: 0 -360px;
}

.flagge.th{
  background-position: 0px -373px;
}

.flagge.tr{
  background-position: 0px -386px;
}
.flagge.sg {
    background-position: 0 -99px;
}
.flagge.ge {
    background-position: 0 -398px;
}

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


.modal.feeding-slider, .modal.feeding-table{
	width: auto;
    margin: 0 auto;
    background: transparent;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */

    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */

    width: inherit;
    height: inherit;
    /* To center horizontally */

    margin: 0 auto;
}
.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: #5492C1;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.modal-footer {
    background-color: #fff;
    border-top: none;
}
.lightbox-bubbles .modal.fade .modal-dialog {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
.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;
}
.ac_results {
    z-index: 600;
}
.result-number {
    color: #003964;
}
.tx-indexedsearch-browsebox {
    text-align: center;
}
.tx-indexedsearch-browsebox a,
ul.pager li a {
    color: #ffffff;
}
.tx-indexedsearch-title a {
    color: #003964;
    text-decoration: underline;
}
.pager li>a {
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.tx-indexedsearch .tx-indexedsearch-browsebox LI,
ul.pager li {
    background: none repeat scroll 0 0 #5492C1;
    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,
ul.pager .currentPage {
    background-color: #ffffff;
    border: 2px solid #5492C1;
    height: 26px;
    width: 26px;
    line-height: 24px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a,
ul.pager .currentPage {
    color: #5492C1;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    background-color: #5492C1;
    color: #ffffff;
}
/*FOOTER*/

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

    .qualiCert .qualiCertInner img {
        margin-left: 20%;
    }
}
#rootContent {
    background: #e9e4df;
    padding-bottom: 110px;
    margin-bottom: -20px;
}
#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: 21px;
    font-size: 14px;
    color: #272622;
    font-family: 'Lato', sans-serif;
}
#seotext h1 {
    color: #272622;
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 19px 0;
}
.seo-text-wrap h3,
#seotext h2,
#seotext h3 {
    color: #272622;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px !important;
    margin: 19px 0;
}
.image-box.image-box-seo {
    left: -15px;
    position: relative;
    margin-bottom: 15px;
}
.image-box.image-box-seo figure {
    border: 5px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 8px 0px rgba(204, 204, 204, 1);
}
.image-box.image-box-seo .csc-textpic-image {
    margin-top: 10px;
}

.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;
}
.product-seo-text {
    font-size: 12px;
}
.product-seo-text .seo-text-wrap {
    background: #fff;
    padding: 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: 'Libre Baskerville', serif;
    font-size: 23px;
    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;
}
.product-seo-text .corner-bottom-white {
    margin-bottom: -60px;
}
.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,
h3.lightheadline,
.miniaccordion h3 {
    font-size: 16px;
    line-height: 22px !important;
    margin-bottom: 0;
}
.downloadbtn {
    display: block;
    width: 100%;
    margin: 7px 0;
    text-align: left;
    padding: 10px 13px;
}
.previmg {
    margin-top: 25px;
}
.downloadbtn .btn_text {
    float: left;
}
.downloadbtn .file_desc {
    float: right;
}
.col-download {
    max-width: 292px;
    float: left;
    padding: 0 15px;
}
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: 'Libre Baskerville', serif;
    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);
    -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
    -webkit-appearance: none;
}
.KontaktFormular textarea {
    height: auto;
    width: 100%;
}
.KontaktFormular .radio_btn {
    width: 25%;
    float: left;
}
.KontaktFormular .hasCustomSelect {
    width: 100% !important;
    margin-right: -15px;
}
.KontaktFormular .birthday {
    width: 100% !important;
    float: right !important;
}
.KontaktFormular .birthday select.hasCustomSelect {
    width: 28% !important;
    margin-left: 1% !important;
    margin-right: 0px !important;
}
.KontaktFormular .birthday span.hasCustomSelect {
    width: 28% !important;
    margin-left: 1% !important;
    margin-right: 0px !important;
}
.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;
    width: 100% !important;
}
.controls.controls-row>div>span.col-md-3 {
    margin-top: 15px;
}
.KontaktFormular .formdropdown.hasCustomSelect {
    margin-left: 0 !important;
}
.panel.panel-default {
    background: transparent;
    border: none;
    box-shadow: none;
}
.panel.panel-default .panel-heading {
    padding: 0;
    background: transparent;
    border: none;
    height: auto;
}
#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;
}
.flist a.active {
    background-color: #5492C1;
    padding: 4px !important;
    display: inline;
    border-radius: 4px;
    color: #fff !important;
}
#prod_filter_main_menu ul.flist li a:hover,
#prod_filter_main_menu ul.flist li.aktiv a {
    color: white;
    background-color: #5492C1;
    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;
}
#prod_filter_sub_menu > .row > .col-md-12.filter_drop {
    padding: 20px 20px 10px;
}
/* das Menu mit den erweiterten Filtern */

#prod_filter_sub_menu {
    z-index: 10;
    background-color: #d1c5b8;
    color: #000;
    -webkit-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
    margin-top: 12px;
}
#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: #000;
    font-size: 13px;
    cursor: pointer;
}
#prod_filter_sub_menu span.fragezeichen, #flyoutfilter .filterwrap .fcontent span.fragezeichen {
    display: flex;
    cursor: pointer;
    width: 30px;
    border-radius: 15px;
    height: 30px;
    line-height: 37px;
    text-align: center;
    background-color: #5492c1;
    /* background-image: url(/fileadmin/templates/img/fragezeichen.png); */
    justify-content: center;
    align-items: center;
}
#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: block;
    text-indent: 6px;
    /* width: 202px;*/

    width: 260px;
    line-height: 20px;
    padding-top: 2px;
    cursor: pointer;
}
#prod_filter_sub_menu .pimped_checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    float: left;
    clear: both;
}
#prod_filter_sub_menu .first .pimped_checkbox {
    margin-left: 30px;
}
.tx-gg-interquell-products .buttonbar .button {
    display: inline-block;
    background: #d1c5b8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    color: #000;
    padding: 8px 10px;
    margin-right: 10px;
}
.tx-gg-interquell-products .buttonbar .button.filter-button {
    background-image: url('/fileadmin/templates/img/food_filter_down.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding: 8px 25px 8px 10px;
}
.tx-gg-interquell-products .buttonbar .filter-button.button.open {
    background-image: url('/fileadmin/templates/img/food_filter_up.png');
    background-repeat: no-repeat;
    background-position: right 8px;
    padding: 8px 25px 24px 10px;
}
.tx-gg-interquell-products .buttonbar .button.active {
    background-color: #5492C1;
    color: #fff;
}
.tx-gg-interquell-products .filter {
    margin-bottom: 30px;
}
.filter h6 {
    font-family: Exo, sans-serif;
    font-size: 19px;
    text-transform: none;
}
.tx-gg-interquell-products .buttonbar .button.open {
    /*padding: 8px 10px 24px;*/

    margin-bottom: -20px;
}
#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: #5492C1 !important;
}
#prod_filter_sub_menu button:focus.hovergreen {
    background: #5492C1 !important;
}
/*TOOL TIP*/

.popover-content {
    font-size: 14px;
    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') #5492C1 6px 5px no-repeat !important;
}
.ui-slider-handle.ui-state-active {
    /background: url('/fileadmin/templates/img/Pfeil_Reiter.png') #5492C1 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: 318px !important;
    display: block;
    padding: 11px 9px;
    box-shadow: inset 0px 0px 5px 3px #D9D9D9;
    background-color: #fff;
    background-image: url('../img/filter_arrow_white.png');
    background-repeat: no-repeat;
    background-position: right;
}
.marker_headlines {
    font-size: 14px !important;
    font-weight: bold;
}
/*Media Querries*/

#flyoutfilter {
    position: fixed;
    top: 170px;
    left: -300px;
    margin-top: 0;
    width: 350px;
    height: 300px;
    z-index: 5000;
    pointer-events: none;
}
#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;
    pointer-events: auto;
}
#flyoutfilter .filterwrap > .fheader {
    padding: 20px;
    box-shadow: -5px 0 5px #2D2E2D;
    margin-bottom: 10px;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}
#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: #5492C1 !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;
    pointer-events: auto;
}
#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')#5492C1 6px 5px no-repeat!important;
}
#flyoutfilter .ui-slider-handle.ui-state-active {
    background: url('/fileadmin/templates/img/Pfeil_Reiter.png')#5492C1 6px 5px no-repeat!important;
}
#flyoutfilter .ui-slider-handle.ui-state-focus {
    background: url('/fileadmin/templates/img/Pfeil_Reiter.png')#5492C1 6px 5px no-repeat!important;
}
.ac_results {
    background: #F5F5F5;
    width: 200px !important;
    /* 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 !important;
}
.ac_results ul {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    /* border: 1px solid #AAAAAA; */

    border: none !important;
    width: 100% !important;
}
.ac_results ul li.even {
    background: #D1C5B8 !important;
}
.ac_results ul li.odd {
    background: #FFFFFF !important;
}
.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;
    border: none;
}
.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: right;
    display: inline-block;
    font-size: 16px;
    font-family: 'Libre Baskerville', serif;
    font-weight: 300;
    line-height: 24px;
    padding: 8px 13px 8px 33px;
    margin-top: 12px;
    margin-right: 36px;
    border-radius: 5px;
    background: url('/fileadmin/templates/img/linkarrow-white-left.png') 14px 15px no-repeat #5492C1;
}
.mobilerBeraterHeadline .mobilerBeraterClose {
    background: #5492C1;
    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: 17px;
    font-weight: 600;
    font-family: 'Libre Baskerville', serif;
    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: 'Libre Baskerville', serif;
    font-weight: 300;
    padding: 9px 0;
}
.mobilerBeraterWrap .mItem .btn-group .btn.active {
    background-color: #5492C1;
}
.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: #5492C1;
    margin-top: -8px;
    cursor: pointer;
}
.mobilerBeraterWrap .mItem .slideToggle.isActive {
    background-color: #5492C1;
    -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: 17px;
    font-weight: 300;
    font-family: 'Libre Baskerville', serif;
    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;
    text-align: center;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .8);
    z-index: 10000;
}
.beraterSubmitWrap .beraterSubmitButton {
    background: #5492C1;
    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;
    position: fixed;
}
.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;
}
#subnavigation ul.topics {
    margin-top: 5px;
}
#subnavigation .separator.last {
    background-color: #e9e4df;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px 25px 20px 25px;
    margin-bottom: -10px;
    margin-top: 5px
}
li.moretopics {
    display: inline-block;
    padding: 0 20px 0 0;
}
li.moretopics a {
    color: #000;
    text-decoration: underline;
}
.video_container iframe,
.video_container object,
.video_container embed {
    position: absolute;
    top: 5%;
    left: 13%;
    width: 75%;
    height: 90%;
}
.video_container iframe.news-video {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 355px;
}
#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;
    font-family: 'Exo';
    font-weight: 700;
}
.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,
.addInner p {} .addInner .btn-blue {
    padding: 7px 20px;
}
/*NEW DETAILPAGE*/

.cat_icons {
    min-height: 170px;
}
p.cat_desc {
    font-family: 'Exo';
    font-size: 12px;
    font-weight: 800;
    color: #5f5141;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.1;
}
.btn.btn-green.shop,
.btn.btn-green.retailersearch,
.btn.btn-blue.shop,
.btn.btn-blue.retailersearch{
    padding: 10px 15px 10px 20px;
    font-size: 25px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    letter-spacing: .8px;
}
.btn.btn-green.shop:after,
.btn.btn-green.retailersearch:after,
.btn.btn-blue.shop:after,
.btn.btn-blue.retailersearch:after {
    font-family: 'Glyphicons Halflings';
    margin-left: 15px;
}
.btn.btn-green.shop:after,
.btn.btn-blue.shop:after {
    content: '\e116';
}
.btn.btn-green.retailersearch:after,
.btn.btn-blue.retailersearch:after {
    content: '\e003';
}
.lightbox-bubbles .offset-md-3 {
    margin-left: 18%;
}
.lightbox-bubbles .contains-circle-img {
    max-width: 180px;
    margin: 5px auto 30px 0;
}
.lightbox-bubbles .btn.btn-green,
.lightbox-bubbles .btn.btn-blue {
    position: absolute;
    top: 130px;
    right: 65px;
    font-size: 25px;
    line-height: 25px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    letter-spacing: .8px;
    max-width: 180px;
    word-break: break-word;
    white-space: normal;
    text-align: left;
    padding-right: 45px;
}
.expertSaying .btn.btn-green,
.expertSaying .btn.btn-blue {
    padding-right: 45px;
}
.lightbox-bubbles .btn.btn-green:before,
.expertSaying .btn.btn-green:before,
.lightbox-bubbles .btn.btn-blue:before,
.expertSaying .btn.btn-blue:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f101';
    font-size: 35px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lightbox-bubbles .btn.btn-green.expop:before,
.expertSaying .btn.btn-green.expop:before,
.lightbox-bubbles .btn.btn-blue.expop:before,
.expertSaying .btn.btn-blue.expop:before{
    content: '\f105';
}
.service-links {
    display: table;
}
.service-items {
    display: table-row;
}
.service-item-button .btn.btn-green,
.service-item-button .btn.btn-blue {
    font-size: 18px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    letter-spacing: .8px;
}
.service-links .service-item-text,
.service-links .service-item-button {
    display: table-cell;
}
.service-links .service-item-button {
    vertical-align: middle;
}
.service-links .service-item-text {
    padding-right: 40px;
}
.service-links .service-item-text h3:before {
    content: url('/typo3conf/ext/gg_interquell_products/Resources/Public/Icons/service-list-arrow.png');
    width: 14px;
    height: 22px;
    position: absolute;
    left: -15px;
}
.corner-top-white {
    height: 30px;
    background: url(../img/abgerissene_kante_white_top.png);
    margin-top: -23px;
    position: relative;
}
.text-right.nav-collapse ul {
    padding: 0;
}
.hider {
    margin-left: 15px;
}
#navigation-tablet .nav.container li .subnav_tablet li.add {
    list-style-position: inside;
    margin-left: -50px;
    padding-left: 50px;
    background-color: rgba(0, 0, 0, .05);
}
#navigation-tablet .nav.container li .subnav_tablet li.add:last-child {
    margin-bottom: -15px;
}
#navigation-tablet .nav.container li .subnav_tablet li.add.headline {
    padding-top: 5px;
    list-style-image: none;
}
#navigation-tablet .nav.container > li a {
    padding: 8px 15px;
}

#pftpSelfPlantedContainer .pftpPlantedTreesDescription,
#pftpCommunityPlantedContainer svg,
#pftpCommunityPlantedContainer .pftpPlantedTreesDescription ,
#pftpCommunityPlantedContainer span,
.treecounter_wrapper #pftpCommunityPlantedContainer .pftpPlantedTreesDescription  {
  display: none;
}

html.IEALL #navigation-spacer {
    height: 117px;
}






@media screen and (-webkit-min-device-pixel-ratio: 0) {
    DIV.csc-textpic .csc-textpic-imagewrap img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}
@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;*/

        width: 175px;
        font-size: 13px;
    }
}
@media (max-width: 1200px) {
    .qualiCert,
    .productList .qualiCert {
        background: none;
        height: auto;
        margin-top: 75px;
        margin-bottom: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .texture.wood .qualiCert {
        background-color: #fff;
    }
    .productList .qualiCert h5,
    .qualiCert h5 {
        margin-top: 40px;
    }
    .news-teaser-padding {
        padding-top: 85px;
        padding-right: 65px;
    }
    .news-teaser-padding h5 {
        font-size: 16px;
        line-height: 20px !important;
    }
    /* TREE COUNTER  */
    .treecounter_wrapper #pftp-treecounter-widget {
      padding: 15px 0 0;
      background-image: none;
      border: 1px solid #E9E4DF;
      width: 53%;
    }

    #pftpSelfPlantedContainer .pftpPlantedTreesDescription,
    #pftpCommunityPlantedContainer svg,
    #pftpCommunityPlantedContainer .pftpPlantedTreesDescription ,
    #pftpCommunityPlantedContainer span,
    .treecounter_wrapper #pftpCommunityPlantedContainer .pftpPlantedTreesDescription  {
      display: none;
    }

  


    #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;
    }
    .carousel-caption p {
        font-size: 18px;
        font-family: 'Exo';
        font-weight: 800;
        line-height: 25px;
        width: 100%;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .carousel-caption h4 {
        font-size: 45px;
        line-height: 55px !important;
        margin-bottom: 38px;
    }
}
@media screen and (min-width: 990px) and (max-width: 1199px) {
    #subnavigation li.subItem a {
        font-size: 12px;
        padding: 3px 10px 3px 10px;
    }
    #subnavigation li.separator {
        font-size: 12px;
    }
    #subnavigation ul > li {
        line-height: 22px;
    }
    li.moretopics a {
        font-size: 13px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
    .btn-green, .btn-blue {
        -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%;
    }
}
@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;
    }
    .product_header .productNote,
    .product_header .productNote .note_top,
    .product_header .productNote .note_bottom {
        width: 440px;
    }
    .productSingleImage {
        min-height: 0;
    }
    .product_header h3.drinaHeadline {
    	font-size: 60px;
    	margin: 0;
	}

    h1.drinaHeadline,
    h3.drinaHeadline {
        font-size: 55px;
        line-height: 55px !important;
    }
}
@media (min-width: 979px) and (max-width: 1200px) {
    div.newsBG h3 {
        transform: none;
        top: 15px;
    }
    .news-teaser-padding {
        transform: none;
        padding: 25px 20px;
    }
}
@media (max-width: 1199px) {
    #navigation .btn.subnavtarget,
    #navigation .btn.subnavtarget a {
        font-size: 12px;
    }
    #subnavigation li.separator {
        font-size: 12px;
        padding: 2px 0;
    }
    li.moretopics a {
        font-size: 13px;
    }
}
@media (min-width: 978px) and (max-width: 1024px) {
    .carousel-caption h4 {
        font-size: 30px;
        line-height: 40px !important;
        margin-bottom: 45px;
    }
    .carousel-caption p,
    .carousel-caption footer p a {
        font-size: 16px;
    }
    .carousel-caption .additional {
        font-size: 10px;
    }
}
@media (max-width: 991px) {
    #breadcrumb {
        margin-left: 0;
    }
    div.newsBG {
        margin-bottom: 30px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    }
    .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;
    }
    .qualiCert .col-md-offset-1,
    .qualiCert .textRechts {
        margin-left: 0;
    }

    .qualiCert .qualiCertInner {
        padding: 0;
        margin-left: 0;
    }
    .qualiCert .qualiCertInner img {
        top: -90px;
        right: -10px;
    }
}
@media (max-width: 989px) {
    .top-nav-container.fixed {
        position: static;
    }
}
/*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: 30px;
    }
    .thumbnail > .caption_top > h4 {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .dropdown-toggle,
    .dropdown-toggle:hover,
    .dropdown-toggle:active,
    .dropdown-toggle:focus {
        width: 75px;
        background-position: 48px 0px;
    }
    .web_shop.drop_down {
        width: 50px;
        background-position: 24px 0px;
    }
    .dropdown-menu {
        right: 0;
    }
    .web_shop.drop_down .dropdown-menu {
        left: 50px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {

    body.modal-open{
      position: fixed;
      right: 0;
      left: 0;
    }

    .qualiCert {
        padding: 0;
        margin-left: 20px;
    }
    .qualiCert .qualiCertInner img {
        position: relative;
        margin-left: 40%;
        top: 0;
        right: 0;
    }

    .searchPhoneContainerWrap {
        display: none;
    }

    #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%;*/

        width: auto;
    }
    #prod_filter_sub_menu .pimped_checkbox {
        margin-left: 30px;
    }
    #prod_filter_sub_menu .btn.btn-green, #prod_filter_sub_menu .btn.btn-blue {
        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;
    }
    #prod_filter_sub_menu ul.flist {
        width: 95px;
    }
    ul#slider3values.flist {
        width: auto;
    }
    /*#prod_filter_sub_menu .pimped_checkbox{
        margin-left: 10px;
    }*/

    .news-list-item .col-md-4 {
        padding-left: 15px;
    }
    #rootContent .panel-heading {
        padding: 10px 0px;
    }
    .panel.panel-default .panel-heading {
        height: auto;
    }
    .accordion-inner > .row > .col-md-12 > .row,
    .timeline-mobile .accordion-inner > .row {
        margin-left: 0;
        margin-right: 0;
    }
    .tooltip_change {
        margin-left: 15px;
    }
    .expertSaying .contains-circle-img {
        margin-top: 35px;
    }
    .KontaktFormular input[type=text],
    .KontaktFormular textarea {
        padding: 0 15px;
        margin-bottom: 10px !important;
    }
    .KontaktFormular {
        margin-top: 20px;
    }
    .shopFood hr,
    .fuetterungstipps hr,
    .product_header hr {
        border-top: 2px solid #000;
        margin: 40px 0;
    }
    h1.drinaHeadline,
    h3.drinaHeadline {
        font-size: 65px;
        line-height: normal !important;
    }
}
@media (min-width: 320px) and (max-width: 600px) {
    #prod_filter_sub_menu {
        top: 38px;
    }

    .qualiCert {
        margin-left: 0;
    }

    .qualiCert .qualiCertInner img {
        margin-left: 30%;
        top: 0;
        right: 0;
    }

}
@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;
        font-family: 'Libre Baskerville';
        font-size: 13px;
        font-weight: normal;
    }
    .accordion-inner {
        padding-top: 0;
    }
}
@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;
    }
    .qualiCert .col-md-offset-1,
    .qualiCert .textRechts {
        margin-left: 0;
    }
}
@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: 768px) and (max-width: 980px) {
    #prod_liste .product-hover p {
        line-height: 18px;
    }
}
@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;
    }
}
@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;
    }
}
@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: 40px;
        line-height: 45px !important;
        font-weight: 800;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        margin-bottom: 10px;
        text-align: left;
    }
    .carousel-caption h4 br {
        display: none;
    }
    .carousel-caption hr {
        display: none;
    }
    .carousel-caption p {
        line-height: 18px;
        font-weight: 300;
        font-size: 13px;
        font-family: 'Libre Baskerville', serif;
    }
    .carousel-caption h6 {
        color: #000;
    }
    .carousel-caption .additional {
        float: none;
        width: 100%;
        left: 0;
        background: transparent;
        padding-left: 0;
    }
    .carousel-caption ul li {
        list-style-image: url(../img/footer-desktop-linkarrow.png);
    }
    .carousel-caption-text {
        transform: none;
    }
    .carousel-caption-text a,
    .carousel-caption a,
    .carousel-caption p a {
        color: #000;
    }
    .carousel .carousel-control.left,
    .carousel .carousel-control.right {
        top: 135px;
    }
    div.newsBG h3 {
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        top: 15px;
    }
    .news-teaser-padding {
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        padding: 25px 20px;
    }
    .qualiCert .col-md-offset-1,
    .qualiCert .textRechts {
        margin-left: 0;
    }

    .image-box.image-box-seo {
        left:0;
    }
}
@media (min-width: 978px) and (max-width: 991px) {
    #prod_filter_sub_menu {
        top: 119px;
    }
}
@media (max-width: 978px) {
    .qualiCert a.btn {
        margin-right: auto;
        float: none;
        display: inline-block;
        margin: 0 auto 20px;
    }
    .productList .qualiCert h5,
    .productList .qualiCert h1 {
        margin-top: 0;
        margin-bottom: 15px;
        margin-left: 0;
        color: #000;
    }
    .productList .col-md-4,
    .productList .col-md-4.offset,
    .productList .col-md-8.offset {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    .textLinks p,
    .textRechts p {
        margin: 0;
    }
    .carousel-caption ul li {
        list-style-image: url(../img/footer-desktop-linkarrow.png);
    }
    #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 (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, .haendleranfragen .jumpto a.btn.btn-blue {
        height: auto;
        line-height: normal;
    }
    .haendleranfragen {
        min-height: 160px;
    }
    .product_header .productNotePadding ul {
        -webkit-padding-start: 20px;
        margin-bottom: 25px;
    }
    .product_header .productNotePadding ul li {
        font-family: 'Exo', sans-serif;
        font-weight: 700;
        font-size: 23px;
        list-style-image: none;
    }
    .product_header .productNotePadding ul li {
        list-style-image: none;
    }
    .product_header .productNotePadding ul li:before {
        content: "\f105";
        font: normal normal normal 33px/1 FontAwesome;
        display: inline-block;
        margin-left: -.6em;
        width: .6em;
    }
    .service-items h3 {
        font-size: 25px;
        line-height: 30px !important;
    }
    .service-links .service-item-text h3:before {
        content: none !important;
    }
    .service-item-text {
        padding-right: 10px;
    }
}
@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 only screen and (min-width: 768px) {
    ul#tabletNavigationList.nav.container {
        margin-left: 50px;
    }
    #tabletNavigationList.container {
        width: auto;
    }
}
@media (max-width: 767px) {
    .fade.in {
        width: auto !important;
    }
    #productDetailView #breadcrumb {
        margin-left: 0;
    }
    .productSingleImage {
        min-height: 0;
    }
    .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;
    }
    #prod_filter_sub_menu {
        top: 73px;
    }
    #breadcrumb,
    #breadcrumbs {
        display: none;
    }
    .btn-group .btn-green, .btn-group .btn-blue {
        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;
    }
    .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%;
    }
    .haendleranfragen {
        min-height: auto;
    }
    .jumpto a {
        margin-bottom: 20px;
    }
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    #rootContent .container {
        padding: 20px 20px 0;
    }
    .dropdown-menu {
        top: 36px;
    }
    .jumpto {
        margin-top: 0;
    }
    .product_header .productNotePadding ul {
        -webkit-padding-start: 20px;
        margin-bottom: 25px;
    }
    .product_header .productNotePadding ul li {
        font-family: 'Exo', sans-serif;
        font-weight: 700;
        font-size: 23px;
        list-style-image: none;
    }
    .product_header .productNotePadding ul li {
        list-style-image: none;
    }
    .product_header .productNotePadding ul li:before {
        content: "\f105";
        font: normal normal normal 33px/1 FontAwesome;
        display: inline-block;
        margin-left: -.6em;
        width: .6em;
    }
    .service-items h3 {
        font-size: 25px;
        line-height: 30px !important;
    }
    .service-links .service-item-text h3:before {
        content: none !important;
    }
    .service-item-text {
        padding-right: 10px;
    }
    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left: 0;
    }
    .col-md-4 + div > .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-image {
        height: auto;
    }
}
@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%;
    }
    .carousel .carousel-control.left,
    .carousel .carousel-control.right {
        top: 120px;
    }

    .cat_icons img{
      display: block;
      margin: 0 auto;
    }
}
@media (min-width: 601px) and (max-width: 768px) {
    #prod_filter_sub_menu {
        top: 74px;
    }
}
@media screen and (max-width: 600px) {
    .tab_nav_products {
        display: none;
    }
}
@media (max-width: 568px) {
    .thumbnail {
        max-width: 350px;
        margin: 20px auto;
    }
    .news-single-img {
        float: none;
    }
    .panel-heading a {
        font-size: 20px;
        line-height: 24px !important;
        min-height: 75px;
    }
}
@media only screen and (max-width: 500px) {
    .KontaktFormular input[type=text],
    .KontaktFormular textarea {
        width: 100%;
    }
    .KontaktFormular input[type="radio"],
    input[type="checkbox"] {
        margin: 0 10px 20px 25px;
    }
    .shopFood hr,
    .fuetterungstipps hr,
    .product_header hr {
        border-top: 2px solid #000;
    }
    #productDetailView h3 {
        font-size: 25px;
        line-height: 30px !important;
    }
    .product_header h1 {
        line-height: normal !important;
        font-size: 55px;
    }
    .product_header .productNotePadding ul li {
        font-size: 17px;
    }
    .product_header .productNotePadding ul li:before {
        font: normal normal normal 25px/1 FontAwesome;
    }
}
@media only screen and (max-width: 480px) {
    #productDetailView h3.drinaHeadline {
        font-size: 50px;
        line-height: 60px !important;
    }
    .service-links .service-item-text,
    .service-links .service-item-button {
        display: block;
    }
}
@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;
    }
    .product_size h3 {
        font-size: 20px;
    }
    h3.drinaHeadline ~ h3 {
        margin-top: 0;
    }
    #productDetailView .mt50.mB50 {
        margin-top: 15px;
    }
    .fuetterungstipps .row.mT50 {
        margin-top: 0;
    }
    .product_header .productNotePadding ul {
        -webkit-padding-start: 20px;
        margin-bottom: 25px;
    }
    .product_header .productNotePadding ul li {
        font-family: 'Exo', sans-serif;
        font-weight: 700;
        font-size: 23px;
        list-style-image: none;
    }
    .product_header .productNotePadding ul li {
        list-style-image: none;
    }
    .product_header .productNotePadding ul li:before {
        content: "\f105";
        font: normal normal normal 33px/1 FontAwesome;
        display: inline-block;
        margin-left: -.6em;
        width: .6em;
    }
    .service-items h3 {
        font-size: 20px;
        line-height: 30px !important;
    }
    .service-links .service-item-text h3:before {
        content: none !important;
    }
    .service-item-text {
        padding-right: 10px;
    }
    .expertSaying .contains-circle-img {
        margin-top: 50px;
    }
    .open>.dropdown-menu {
        display: block;
        width: auto;
        right: -15px;
        min-width: 320px;
    }
    .prominent-links {
        margin-bottom: 10px;
    }
    .dropdown-menu li a {
        padding: 10px 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: 223px !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, #prod_filter_sub_menu .btn.btn-blue {
        line-height: 11px;
    }
    #prod_filter_sub_menu > .row > .col-md-12.filter_drop {
        padding: 20px 30px 10px;
    }
}
@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;
    }
    .tx-ggtileselement-pi1 > .col-md-8 > .thumbnail p {
        padding: 0 5px !important;
    }
    .news-img-wrap {
        margin-top: 20px;
    }
    .news-list-item h3,
    .event-list-item h3 {
        font-size: 24px;
    }
    .newsitem_start {
        margin-top: 10px;
    }
    .open>.dropdown-menu {
        display: block;
        width: auto;
        right: -15px;
        min-width: 320px;
    }
    .dropdown-menu li a {
        padding: 10px 10px;
    }
    .prominent-links {
        margin-bottom: 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%;
    }
    .tx-ggcircleelement-pi1 {
        margin-top: 50px;
    }
    .panel.panel-default .panel-heading {
        height: 125px;
        display: block;
        vertical-align: middle;
    }
    .panel.panel-default {
        display: block;
        width: 100%;
        min-height: 85px;
    }
    .panel-heading a {
        min-height: 90px;
        padding: 18px 40px 18px 15px;
        display: block;
    }
    .panel-heading .accordion-head {
        display: block;
        vertical-align: middle;
    }
    .panel-collapse.collapse.in {
        display: block;
    }
}
@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;
    }
    .news-list-view .newsitem_start {
        margin-top: 20px;
    }
}
@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;
    }
}
@media (min-width: 1200px) {
    #subnavigation .col-md-8 .row {
        min-height: 180px;
    }
    #subnavigation li.subItem a {
        font-size: 16px;
        /*  line-height: 15px;
         padding: 5px 10px 5px 10px;*/

        line-height: 21px;
        padding: 2px 10px 2px 10px;
    }
    #subnavigation li.separator {
        font-size: 12px;
    }
    #subnavigation ul > li {
        line-height: 22px;
    }
    li.moretopics a {
        font-size: 11.5px;
    }
    #subnavigation .subnavrow.first li.subItem a,
    #subnavigation .subul-2 li.subItem a {
        padding: 2px 10px 2px 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .carousel-caption h4 {
        font-size: 60px;
        line-height: 66px !important;
        margin-bottom: 25px;
    }
    .carousel-caption p {
        width: 100%;
        font-size: 18px;
    }
}

/*   Additional Ayhan 15.02.18  */

.web_shop.drop_down .dropdown-menu li a.veterinaer:before {
    background: url(../img/veterinaer.png);
    background-repeat: no-repeat;
	background-position-y: 7px;
}

/*   Additional Ayhan 20.02.18  */

.web_shop.drop_down .dropdown-menu li a.privatcat:before {
    background: url(../img/singlecat.png);
    background-repeat: no-repeat;
	background-position-y: 7px;
}

/*      additional ayhan 7.03.18  */

@media all and ( max-width: 1200px ) {
    .vetProducts .qualiCert {
        background: none;
        height: auto;
        margin-top: 75px;
        margin-bottom: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

/*   Additional 08.03.2018  */

.productList .col-md-4, .vetProducts .col-md-4 {
    width: 35%;
    margin-left: 10px;       
}

@media ( max-width: 1099px ) {

    .productList .col-md-4, .vetProducts .col-md-4 {
    width: 85%;
    margin-left: 60px;       
  }
}

@media ( max-width: 991px ) {

    .productList .col-md-4, .vetProducts .col-md-4 {
    width: 85%;
    margin-left: 50px;       
  }
}