@font-face{
	font-family:"Roboto";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src: url('../fonts/Roboto-VariableFont_wdth,wght.woff2') format("woff2")
}
@font-face{
	font-family:"Flaticon";
	font-style:normal;
	font-weight:600;
	font-display:block;
	src: url('../fonts/Flaticon.woff2') format("woff2")
}
body:before{content:"";position:fixed;top:-10px;left:0;width:100%;height:10px;box-shadow:0 0 10px rgba(0,0,0,.8);z-index:10000000}
body{
    font-family: "Roboto";
    hyphens: auto;
}
i.flaticon{
    font-family: "Flaticon";
    font-size: 26px;
}
body h1,body h2,body h3,body h4,body h5,body h6,body h1.page-titel{
    font-family: "Roboto";
    color: #777 !important;
}
a, .footer #footer a{
    color:#a2c753 !important;
    text-decoration: none;
}
a:hover, .footer #footer a:hover {
    color:#2BA854 !important;
}
.span5{
    width: 40%;
    float: left;
}
.span7{
    width: 60%;
    float: left;
}
nodisplay,body .gav-help-region,body .site-branding__text,#cboxTitle{
    display: none !important;
}
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
.ml15{
    margin-left: 15px;
}
.w300r{
    width: 300px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.w300l{
    width: 300px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.bodyul{
    margin-left: 300px;
}
.main.main-page{
    margin-top: 124px;
}
body .topbar{
    background:#fff;
    color: #788592;
    padding: 5px 0;
    position: absolute;
    left: 0;
    top:0;
    z-index: 400;
    width: 100%;
}
body .topbar li{
    float: left;
    margin-left: 10px;
}
body .topbar li.toptelefon{
    padding-left: 30px;
    background-image: url("/sites/default/files/icons/telefon.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
}
body .topbar li.topmail{
    padding-left: 30px;
    background-image: url("/sites/default/files/icons/mail.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
}
body .topbar li.tophaendler{
    padding-left: 30px;
    background-image: url("/sites/default/files/icons/login.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
}
body .topbar .topbar-content-inner .topbar-content a {
  text-decoration: none;
}
body header.header-2 .header-main {
  padding: 0 0 20px 0;
  position: fixed;
  top: 48px;
  left: 0;
  z-index: 499;
  width: 100%;
  opacity: 1;
}
body header.header-2 .header-main.scrolling {
  top: 0;
  height: 60px;
  opacity: .9;
}
body header.header-2 .header-main.scrolling .site-branding-logo img {
  height: 20px;
  width: auto;
  opacity: .9;
}
 .col-md-12.branding{
    position: relative;
    height: 100px;
}
 .col-md-12.branding .sitelogo{
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1;
}
.main-menu{
    position: fixed;
    top: 177px;
    left: 0;
    width: 100%;
    z-index: 100000;
    opacity: 1;
}
.main-menu.scrolling{
    top: 88px;
    height: 0;
    opacity: .9;
}

body #block-daudo-subtheme-hauptnavigation{
    position: absolute;
    left: 0;
    top: -87px;
    z-index: 100;
}
body #block-daudo-subtheme-hauptnavigation li.sf-depth-1 > a{
    font-weight: 600;
}
body #block-daudo-subtheme-hauptnavigation li.sf-depth-1 > a,
body #block-daudo-subtheme-hauptnavigation li.sf-depth-2 > a,
body #block-daudo-subtheme-hauptnavigation li.sf-depth-3 > a,
body .gva-search-region .icon{
    color: #3a3a3a !important;
}
body #block-daudo-subtheme-hauptnavigation li.sf-depth-1 > a{
    text-transform: uppercase;
}
body #block-daudo-subtheme-hauptnavigation li.sf-depth-1 > a:hover,
body #block-daudo-subtheme-hauptnavigation li.sf-depth-2 > a:hover,
body #block-daudo-subtheme-hauptnavigation li.sf-depth-3 > a:hover,
body .gva-search-region .icon:hover{
    color: #2BA854 !important;
}
body #block-daudo-subtheme-hauptnavigation li.active-trail.sf-depth-1 > a,
body #block-daudo-subtheme-hauptnavigation li.active-trail.sf-depth-2 > a,
body .gva-search-region.show .icon{
    color: #a2c753 !important;
}
.active-trail.sf-depth-1 > ul,.active-trail.sf-depth-1 > ul > li,.active-trail.sf-depth-1 > ul,.active-trail.sf-depth-1 > ul > li > a{
    font-size: 14px;
}
ul.sf-menu.sf-horizontal.sf-shadow ul{
    width: 370px !important;
    border: 1px solid #a2c753;
}
ul.sf-menu.sf-horizontal.sf-shadow ul ul{
    width: 250px !important;
}
.main-menu ul ul a{
    font-size: 14px;
    min-width: 370px;
}
.main-menu ul ul ul a{
    min-width: 248px;
}
li.sf-depth-2{
    min-width: 370px;
}
ul.sf-menu.sf-style-white.sf-navbar > li > ul {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
body ul.sf-menu.sf-style-white li li, ul.sf-menu.sf-style-white.sf-navbar > li > ul {
  background: #fff; 
}
ul.sf-menu.sf-style-white li:hover, 
ul.sf-menu.sf-style-white li.sfHover, 
ul.sf-menu.sf-style-white a.is-active, 
ul.sf-menu.sf-style-white a:focus, 
ul.sf-menu.sf-style-white a:hover, 
ul.sf-menu.sf-style-white span.nolink:hover{
    background: rgb(236,242,224) !important;
}
ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-white.sf-navbar {
  background: #fff !important;
}
ul.sf-menu.sf-style-white li.sf-depth-1,
ul.sf-menu.sf-style-white a.sf-depth-1,
ul.sf-menu.sf-style-white a.sf-depth-1:focus, 
ul.sf-menu.sf-style-white a.sf-depth-1:hover{
    background-color: transparent !important;
}
article,.block-views{
    padding: 0 15px;
}
body header.header-2 .gva-search-region {
  position: absolute;
  left: 627px;
  top: -72px;
  z-index: 101;
}
body .gva-search-region .search-content{
    right: 260px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
body .breadcrumb-content-inner{
    max-height: 150px;
    padding: 0;
    margin-bottom: 20px;
}
body .breadcrumb-content-inner .breadcrumb-content-main {
  padding: 53px 15px 1px;
}
.breadcrumb-style.gva-parallax-background{
    background-image: none !important;
}
body .breadcrumb-content-inner .gva-block-breadcrumb .page-title{
    z-index: 1000;
}
body .breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links{
    top: 0;
    left: 0;
    padding: 10px 20px 10px;
}
.node,
#block-daudo-subtheme-views-block-teppichboeden-block-1,
#block-daudo-subtheme-views-block-teppichboeden-block-2,
#block-daudo-subtheme-views-block-teppichboeden-block-3,
#block-daudo-subtheme-views-block-teppichboeden-block-4,
#block-daudo-subtheme-views-block-teppichboeden-block-5,
#block-daudo-subtheme-views-block-teppichboeden-block-6,
#block-daudo-subtheme-views-block-teppichboeden-block-7,
#block-daudo-subtheme-views-block-teppichboeden-block-8,
#block-daudo-subtheme-primary-local-tasks,
#block-daudo-subtheme-unterbody{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
body .block .block-title{
    margin-bottom: 0;
}
#block-daudo-subtheme-unterbody{
    margin-bottom: 15px;
}
#block-daudo-subtheme-innendammunglinks, #block-daudo-subtheme-innendammungrechts{
    width: 45%;
}
body .node__content{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
body.startseite .startseitelehm a{
    color: #fff !important;
    font-weight: 600;
}
.startseitelehm .images{
    width: 800px;
}
.startseitelehm.gsc-images-parallax{
    width: 800px;
}
.startseitelehm.gsc-images-parallax .image-1 img{
    padding: 15px;
    border: 1px solid #a3a3a3;
}
.startseitelehm.gsc-images-parallax .image-2{
    border: 1px solid #a3a3a3;
}
body .gsc-images-parallax.style-v1.left .image-1{
    padding-left: 180px;
}
body .header-title .container{
    padding-left: 0;
}
.produkticons.floatleft{
    margin-top: 15px;
    margin-bottom: 20px;
    float: left;
    width: 65%;
}
.produkticons.floatleft .field__item{
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.field--name-field-technisches-merkblatt{
    float: right;
    width: auto;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: right;
    height: 46px;
    background-color: #a2c753;
    padding: 10px 15px 0 32px;
    border-radius: 80px 40px 40px 40px;
    box-shadow: 4px 4px 13px -8px rgba(0,0,0,0.75);
    background-image: url('/sites/default/files/icons/icon_pdf.gif');
    background-repeat:no-repeat;
    background-position: left 14px center;
}
.field--name-field-technisches-merkblatt a{
    color: #fff !important;
}
#fieldgroup-unter-topbild{
    width: 100%;
    height: 1px;
    clear: both;
}
.field--name-field-bilder-unten-rechts{
    float: right;
    width: 50%;
    max-width: 50%;
    margin-left: 15px;
}
.uebersichtsblock .view-list-item{
    width: 370px;
    height: 485px;
    min-height: 485px;
    max-height: 485px;
    margin: 15px 0 15px 15px !important;
    padding: 15px;
    border: 1px solid #a3a3a3;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    float: left;
    cursor: pointer;
}
.view-list-item:hover{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    background-color: #ecf2e0;
}
.uebersichtsblock .item-list ul li.view-list-item h3{
    margin-top: 10px;
}
#lock-daudo-subtheme-naturfarbenhersteller field--name-body p{
    height: 169px;
    margin-bottom: 0;
}
.field--type-text-with-summary,.field--name-field-produktabbildung{
    margin-top: 15px;
}
.field--name-field-produktabbildung .item-image{
    text-align: center;
}
.floatleft.w250.field--name-field-links-von-body{
    width: 300px;
    margin: -10px 15px -15px 0;
    padding: 0;
}
figcaption{
    font-size: 12px;
    text-align: center;
}
.field--name-field-rechts-neben-body{
    transform: rotate(7deg);
    margin: 40px 10px 10px 20px;
}
.field--name-field-rechts-neben-body .field-item{
    padding: 10px 20px;
    background-color: #a2c753;
    border-radius: 40px 40px 40px 40px;
    box-shadow: 4px 4px 13px -8px rgba(0,0,0,0.75);
    cursor: pointer;
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
}
.field--name-field-text-unten-links{
    float: left;
    width: 48%;
}
.field--name-field-bilder-unten-rechts .views-field-title{
    padding: 10px 0;
    text-align: center;
}
.field--name-field-bilder-unten-rechts .item-list ul{
    padding: 15px;
}
.farbfaecher{
    margin-top: -23px;
}
.node--type-article p.align-left img,.node--type-article figure.align-left img{
    margin-right: 27px;
    padding-top: 8px;
}
.node--type-article p.float-right img,.node--type-article figure.float-right img{
    margin-left: 15px;
}
body a.btn-theme{
    color: #fff !important;
    border-radius: 40px 40px 40px 40px;
    box-shadow: 4px 4px 13px -8px rgba(0,0,0,0.75) !important;
    padding: 10px 20px 10px 30px;
}
body a.btn-theme:hover{
    color: #a2c753;
}
body a.btn-theme span{
    color: #fff;
}
body .gsc-image-content.skin-v2 .box-content{
    padding: 10px 5px 1px 5px;
}
body .gsc-text-rotate .rotate-text{
    max-width: 1200px;
}
body figure.align-left{
    margin-right: 15px;
}
.oelbild .image{
    margin-top: 10px;
}
.oelbild .box-content{
    display: none;
}
a.btn-theme::before{
  content: '';
  width: 15px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 10px;
  z-index: 1;
  transition: all 0.35s;
    transform: rotate(90deg);
}
a.btn-theme:hover::before{
  transform: rotate(0deg);
}
body #footer .footer-center {
  padding: 50px 0 40px;
}
body #footer .footer-top {
  background: #fff;
  padding: 40px 0 0;
}
#block-daudo-subtheme-footerhead .span7 p{
    float: right;
}
.field--name-field-tags{
    display: block;
    width: 100%;
    clear: both;
    min-height: 80px;
}
.node--type-article .uebersichtsblock{
    max-width: 1200px;
    margin: -55px auto 0 !important;
}
.uebersichtsblock.themen,.themenblock,.themenbereichsprodukte{
    max-width: 1200px;
    margin: 0 auto;
}
.themenbereichsprodukte ul,#block-daudo-subtheme-views-block-teppichboeden-block-9, 
#block-daudo-subtheme-views-block-teppichboeden-block-9 ul{
    margin-top: 15px;
}
.themenblock li,.themenbereichsprodukte li{
    max-width: 930px;
    padding: 15px 0;
    cursor: pointer;
}
.themenblock .views-field-field-vorschaubild,
.themenbereichsprodukte .views-field-field-vorschaubild-wenn-kein-top img,
.themenbereichsprodukte .views-field-field-topbild img{
    float: left;
    margin-right: 20px;
    padding: 15px;
    border: 1px solid #a3a3a3;
}
.themenblock .views-field-field-body, .themenbereichsprodukte .views-field-field-body{
    max-width: 900px;
}
.after-content .container{
    padding: 0;
}
.footer-top #block-daudo-subtheme-gaviassliderlayerstartseite2-2{
    margin-top: -45px;
}
.partner p{
    float: left;
}
.partner p:nth-child(1){
    margin-right: 12px;
}
.partner p:nth-child(3){
    margin-right: 5px;
}
.partner p:nth-child(4){
    margin-right: 10px;
}
#block-daudo-subtheme-gaviassliderlayerstartseite2,#block-daudo-subtheme-gaviassliderlayerstartseite2-2{
    cursor: pointer;
}
@media (max-width: 1199px) {
    body .gsc-images-parallax.style-v1.left .image-1{
        padding-left: 0;
        left:-30px;
    }
}
@media (max-width: 1037px) {

}
@media (max-width: 1027px) {
    body .gsc-images-parallax.style-v1.left .image-1{
        left:-60px;
    }
}
@media (max-width: 991px) {
    body header.header-2 .header-main.scrolling {
        height: 50px;
    }
    body .col-md-12.branding .sitelogo {
      right: 10px;
      top: 15px;
    }
    body .gva-offcanvas-mobile{
        max-width: 400px;
    }
    body #block-daudo-subtheme-hauptnavigation{
        top: 58px !important;
    }
    body #block-daudo-subtheme-hauptnavigation ul.sf-menu li{
        float: none;
        width: 100%;
    }
    body header .area-main-menu .navigation ul.gva_menu{
        position: absolute;
        top: 320px;
        left: 6px;
    }
    body header .area-main-menu .navigation ul.gva_menu li{
        list-style:none;
    }
    body header .area-main-menu .navigation ul.gva_menu li a{
        text-transform: uppercase;
        font-size: 16px;
        color: #3a3a3a !important;
        font-weight: 600;
    }
    body.startseite .block-gavias-sliderlayer,body .gva-search-region .icon,.after-offcanvas #block-daudo-subtheme-breadcrumbs,.after-offcanvas h1.page-title{
        display: none !important;
    }
    body .gva-offcanvas-mobile #search-block-form{
        position: absolute;
        left: 25px;
        top: 350px;
    }
    body .gva-offcanvas-mobile .block{
        border-bottom: none !important;
    }
    body .gva-offcanvas-mobile #block-daudo-subtheme-hauptnavigation ul ul{
        z-index: 9999;
        top: 30px;
    }
    body .gva-offcanvas-mobile #block-daudo-subtheme-hauptnavigation ul ul ul{
        left: 5px !important;
        top: 30px;
        z-index: 10000;
    }
    header .header-main .site-branding-logo,body header.header-2 .header-main{
        padding: 0 !important
    }
    .p-static{
        position: relative !important;
    }
    body header.header-2 .main-menu {
      top: 88px;
      background-color: transparent;
    }
    body header.header-2 .menu-bar{
        top: 0;
        left: 10px;
        right: unset;
    }
    body header.header-2 .menu-bar.scrolling{
        top: -64px;
    }
    body .gsc-images-parallax.style-v1.left .image-1{
        display: none;
    }
    #page-main-content{
        padding-top: 25px;
        max-width: 800px;
        margin: 0 auto;
    }
    body .gsc-images-parallax.style-v1.left .image-2{
        top: 0;
        bottom: unset !important;
        left: 30px;
    }
    .gsc-images-parallax.style-v1 .content-box {
        width: 140px !important;
        height: 140px !important;
    }
    .gsc-images-parallax.style-v1 .content-box a{
        font-size: 12px;
        line-height: 13px;
    }
    #block-daudo-subtheme-footerhead h3{
        font-size: 18px;
    }
    #block-daudo-subtheme-footerhead .span7 p{
        margin-top: -8px;
    }
    #block-daudo-subtheme-footerhead .span7 p:nth-child(1){
        width: 150px;
    }
    #block-daudo-subtheme-footerhead .span7 p:nth-child(2){
        width: 70px;
    }
    #block-daudo-subtheme-footerhead .span7 p:nth-child(3){
        width: 150px;
        margin-top: -8px;
    }
    #block-daudo-subtheme-footerhead .span7 p:nth-child(4){
        width: 88px;
        margin-top: -20px;
    }
    #block-daudo-subtheme-footerhead .span7 p:nth-child(5){
        width: 110px;
        margin-top: -14px;
        margin-right: 36px;
    }
    body #footer .footer-column {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    #superfish-main-accordion{
        display: block;
    }
    #superfish-main-accordion.menu.sf-menu.sf-main.sf-style-white.sf-accordion.sf-hidden{
        background: inherit !important;
        border: inherit !important;
        clip: inherit !important;
        position: inherit !important;
        height: inherit !important;
        margin: inherit !important;
        overflow: inherit !important;
        padding: inherit !important;
        width: inherit !important;
    }
    .sf-accordion-toggle.sf-style-white{
        display: none;
    }
    #page-main-content{
        max-width: 510px;
    }
    body .field--name-field-bilder-unten-rechts,body .field--name-field-text-unten-links{
        float: none;
        width: 100%;
        max-width: 100%;
    }
    body .gbb-row-wrapper.gbb-row .bb-inner{
        padding-top: 0 !important;
    }
    body .gsc-images-parallax.style-v1.left .image-2{
        position: unset;
        width: 370px;
    }
    gsc-column col-xl-4 col-lg-4 col-md-4{
        width: 100%;
    }

}
@media (max-width: 500px) {
    body .uebersichtsblock .view-list-item{
        width: auto;
    }
    h1.page-title {
        margin-top: 25px;
    }
    .field--name-field-produktabbildung,.field--name-field-rechts-neben-body{
        display: block;
        float: none;
        width: 100%;
    }
    .field--name-body img{
        display: block;
        float: none !important;
        width: auto;
        clear: both;
    }
    #block-daudo-subtheme-naturfarbenhersteller .bild{
        max-width: 70%;
        margin: 0 auto;
    }
}