.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h1 a:active,
.article-list .article .article-header h1 a:focus,
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h2 a:active,
.article-list .article .article-header h2 a:focus {
    color: #fff;
}



body{

    color: #1d1d1b;

    background-color: #1d1d1b;
    background-image: url(/images/headers/hg_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
}

#sp-top-bar {
    position: relative;
    z-index: 2;

    background: #38a133e8;
    background-image: linear-gradient(45deg, rgb(114, 182, 44) 0%, rgb(49, 159, 52) 100%);

    color: #1d1d1b;
}
#sp-top-bar a{
    color: #1d1d1b;
}

#sp-top-bar #sp-top2 .sp-column{
    display: flex;
    justify-content: end;
}
#sp-top-bar #sp-top2 .sp-column .social-icons{
    margin-right: 16px;
}

#sp-header {
    background: #23232300;
    margin: 0 0 -100px 0;
}
#sp-header.header-sticky {
    background: #232323e8;
    backdrop-filter: blur(5px);
}
#sp-header .logo-image {
    position: absolute;

    height: 300px;
    margin: -50px 0 0 0;
}
#sp-header.header-sticky .logo-image {
    height: 100px;
    margin: -25px 0 0 0;
}

@media ( max-width: 800px){
    
    #sp-top-bar {
        font-size: 1.25rem;
    }
    #sp-top-bar #sp-top2 .sp-contact-info li {
        font-size: 75%;
    }
    #sp-top-bar #sp-top2 .sp-column {
        flex-direction: column;
    }
    
    #sp-header .logo-image {
        height: 150px;
        margin: -20px 0 0 0;
    }
    
    #sp-slider .sppb-sp-slider-image img{
        height: auto !important;
    }
    #sp-slider .sp-nav-control{
        display: none;
    }

}


.sp-megamenu-parent > li > a {
    color: #ffffff;
}
.sp-megamenu-parent > li:hover > a {
    color: #65b22e;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #65b22e;
}

.burger-icon > span {
    background-color: #ffffff;
}

#sp-main-body{
    min-height: 500px;
}

#sp-main-body a{
    font-style: italic;
    color: #fff;
}

.sppb-addon-title {
    _color: #fff;
    text-transform: uppercase;
}

.sppb-align-center {
    justify-content: space-around;
}


.home-projekte-img .sppb-addon-content{
    display: flex;
}
.home-projekte-img .sppb-addon-content > div{
    width: 50%;
    margin: 25px 0 0 25px;
}
.home-projekte-img .sppb-addon-content > div:last-child{
    margin-right: 25px;
}
.home-projekte-img .sppb-addon-content img{
    width: 100%;
    filter: grayscale(1);
    transition: all 1s;
}
.home-projekte-img .sppb-addon-content img:hover{
    filter: grayscale(0.1);
}
#sppb-addon-d7a72bd2-ec32-4b68-a4fa-4ca42da2f91a .sppb-addon-content > div:nth-child(1){
    width: calc(100%/1721*662);
}
#sppb-addon-d7a72bd2-ec32-4b68-a4fa-4ca42da2f91a .sppb-addon-content div:nth-child(2){
    width: calc(100%/1721*399);
}
#sppb-addon-d7a72bd2-ec32-4b68-a4fa-4ca42da2f91a .sppb-addon-content div:nth-child(3){
    width: calc(100%/1721*660);
}


.projekte .newsflash{
    display: flex;
    flex-wrap: wrap;
}
.projekte .newsflash .mod-articlesnews__item{
    display: flex;

    width: calc(100%/4);
    padding: 10px;
}
.projekte .newsflash .mod-articlesnews__item .inner{

    border-radius: 3px 3px 0 0;

    background: rgba(49,159,53,1);

    background: -moz-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(49,159,53,1)), color-stop(100%, rgba(113,182,44,1)));
    background: -webkit-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -o-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#319f35', endColorstr='#71b62c', GradientType=1 );

}
.projekte .newsflash .mod-articlesnews__item img{
    border-radius: 3px 3px 0 0;
}
.projekte .newsflash .mod-articlesnews__item .newsflash-title{
    padding: 10px;
}
.projekte .newsflash .mod-articlesnews__item a{
    color: #ffffff;
}
.projekte .newsflash .mod-articlesnews__item .readmore{
    padding: 10px;
}

.sppb-title-heading{
    text-transform: uppercase;
}

.blog-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;

    background: rgba(49,159,53,1);

    background: -moz-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(49,159,53,1)), color-stop(100%, rgba(113,182,44,1)));
    background: -webkit-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -o-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#319f35', endColorstr='#71b62c', GradientType=1 );

}
.blog-title h1{
    text-transform: uppercase;
}
.blog-cat-children .cat-children {
    display: flex;
}
._blog-cat-children .cat-children > div{
    display: flex;

    width: calc(100%/4);
    padding: 20px;
}
.blog-cat-children .cat-children > div h3{
    display: flex;
    justify-content: center;

    width: 100%;

    margin: 0;
    padding: 25px;

    _border: solid 2px #1d1d25;
}
.blog-cat-children .cat-children > div h3 a{
    padding-left: 50px;

    font-size: 1.375rem;
    font-weight: 500;
    color: #1d1d25;
    line-height: 45px;

    text-transform: uppercase;


    background-image: url(../images/kleeba_symbol_weis_10.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40px;

    _filter: grayscale(100%) brightness(30%);
}

@media ( max-width: 800px){
    .blog-cat-children .cat-children {
        flex-direction: column;
    }
}

.projektBlog {
    padding: 20px;
}
.projektBlog > div {
    display: flex;
}
.projektBlog .article {
    position: relative;

    margin-bottom: 30px;
    padding: 0px !important;

    background: rgba(49,159,53,1);

    background: -moz-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(49,159,53,1)), color-stop(100%, rgba(113,182,44,1)));
    background: -webkit-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -o-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#319f35', endColorstr='#71b62c', GradientType=1 );

}
.projektBlog .article::before {
    content: "";
    display: block;

    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;

    width: 100%;
    padding-top: 50px;

    background-image: url(../images/kleeba_symbol_weis_10.png);
    background-repeat: no-repeat;
    background-position-x: -5px;
    background-position-y: 5px;
    background-size: contain;
}
.projektBlog .article .article-body{
    padding: 0 10px;
}
.projektBlog .article .article-header,
.projektBlog .article .article-info  {
    background: transparent !important;
}
.projektBlog .article .article-intro-image{
    margin: 0 !important;
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
    overflow: hidden;
}




.article-header{
    display: flex;
    justify-content: center;

    padding: 15px 0 0 0;

    background-color: #65b22e;

    text-transform: uppercase;
}
.article-can-edit{
    display: none !important;
}
.article-info{
    display: flex;
    justify-content: center;

    padding: 0 0 15px 0;

    background-color: #65b22e;
}

.article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    border: 0;
    border-radius: 3px;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    margin: -20px -20px 20px -20px;
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
    overflow: hidden;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #1d1d25;
}
.article-info>span a {
    color: #f7f7f7;
}


.gardient_01{

    background: rgba(49,159,53,1);

    background: -moz-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(49,159,53,1)), color-stop(100%, rgba(113,182,44,1)));
    background: -webkit-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -o-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    background: linear-gradient(45deg, rgba(49,159,53,1) 0%, rgba(113,182,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#319f35', endColorstr='#71b62c', GradientType=1 );

}
.gardient_01::before{
    content: "";
    display: block;

    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;

    width: 100%;
    padding-top: 35%;

    background-image: url(../images/kleeba_symbol_weis_10.png);
    background-repeat: no-repeat;
    background-position-x: -25px;
    background-position-y: 25px;
}

.gardient_01 a{
    color: #000000 !important;
    font-style: italic;
}

.wood_bg {
    color: #fff;
}


/* datenschutzerklaerung *******************************************************/
.datenschutzerklaerung li{

    margin-bottom: 10px;

}
.datenschutzerklaerung .bold{

    font-weight: bold;

}
.datenschutzerklaerung .title{

    margin: 0 0 10px 0;

}
.datenschutzerklaerung .txt,
.datenschutzerklaerung .txt{


    font-weight: normal;

}



/* Kontaktformular ********************************************************** */
.kontaktformular .inner .flex {
    display: flex;
    margin: 0 -15px 0 -15px;
}
.kontaktformular .inner .flex > div{
    margin: 0 0 15px 0;
    padding: 0 15px;
}
.kontaktformular .inner .anrede {
    
}
.kontaktformular .inner .vorname {
    width: 50%;
}
.kontaktformular .inner .nachname {
    width: 50%;
}
.kontaktformular .inner .tel {
    width: 50%;
}
.kontaktformular .inner .email {
    width: 50%;
}

.msg_err{
    color: #ffffff;
    font-style: italic;
}
.msg_ok{
    color: #ffffff;
    font-style: italic;
}


/* Pages */
@media ( max-width: 800px){
    #column-wrap-id-2970de1a-fbf0-4340-92e1-46496886deba{
        padding-top: 15px;
    }
    
    .page-leistungen #sp-main-body section img,
    .page-leistungen #sp-main-body section .sppb-column-addons > div > div{
        padding-bottom: 15px !important;
    }
}