/*
Theme Name: Hestia Pro Child
Theme URI: https://themeisle.com/themes/hestia-pro/
Template: hestia-pro
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Hestia Pro is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Tags: blog,custom-logo,portfolio,e-commerce,rtl-language-support,post-formats,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,editor-style,footer-widgets,left-sidebar,right-sidebar,wide-blocks
Version: 3.0.24.1670936617
Updated: 2022-12-13 14:03:37

*/

a:not(.btn):not(.button):not(.added_to_cart):hover {
    opacity: 1;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
}

h2 {

}

h6 {
    margin-bottom: 0;
}

.white {
    color: #fff !important;
}

.purple {
    color: #59358c !important;
}

.gray {
    color: #777777 !important;
}

.hestia-top-bar {

    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(89, 53, 140, 1) 60%);
}

.navbar {
    box-shadow: none;
    border-bottom: 1px solid #777;
}

.navbar .title-logo-wrapper {
    /*max-width: 275px;*/
}

@media (min-width: 769px) {
    .navbar.hestia_left .title-logo-wrapper {
        min-width: 275px;
    }
}

.navbar .navbar-header .navbar-brand img {
    width: auto;
    max-height: inherit !important;
}

@media (max-width: 1200px) {
    .hestia-top-bar .container,
    .navbar .container {
        width: 100%;
    }
}

.navbar .navbar-nav > li {
    margin: 0 !important;
}

.header-filter::before {

    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, 0) 90%);
}

.carousel .item .container {

    padding: 100px 0 65px 0;
}

/*.carousel .page-header {*/

/*    min-height: 97vh !important;*/
/*}*/

.carousel .page-header .row {

    align-items: flex-end;
}

.carousel .big-title-slider-content {
    width: 100%;
    margin-left: 0;
}

.carousel .hestia-title {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif !important;
    margin-bottom: 0 !important;
}

.carousel span.sub-title {
    font-size: 45px;
    font-weight: bold;
    line-height: 1.2;
}


.carousel .arrow {
    position: absolute;
    z-index: 3;
    bottom: 15px;
    left: 50%;
    margin-left: -7px;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}


.carousel .arrow a {
    font-size: 50px;
    color: #fff;
    line-height: 1;

}

.hestia-title {
    margin-bottom: 25px !important;
}

.hestia-about {
    padding: 120px 0 0 0;
}


.hestia-blogs {
    padding: 0 !important;
    background-color: #59358c;

}

.hestia-blogs .container,
.hestia-features-three .container{
    position: relative;
}

div.hestia-blogs {
    background-color: #fff;
    padding: 100px 0;
}



.hestia-blogs .category a {
    color: #fff !important;
}

.hestia-blogs-title-area {
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    width: 100%;
}

.hestia-blogs-title-area .hestia-title {
    display: inline-block;
    background-color: #fff;
    padding: 10px 50px;
    margin-top: 0;
    color: #59358c;
}

.card-title a {
    text-transform: uppercase;
}

.hestia-blogs .hestia-blog-content .card-title a,
.hestia-blogs .hestia-blog-content .card-description,
.hestia-blogs .hestia-blog-content .card-description a {
    color: #fff !important;
}

.hestia-blogs .btn.btn-primary {
    background-color: #fff !important;
    color: #59358c !important;
    float: right;
    margin-bottom: 20px;
}

.hestia-blogs .btn.btn-primary:hover {
    background-color: #000 !important;
    color: #fff !important;
}


.hestia-blogs img.projekte {
    -webkit-animation: test 25s infinite;
    animation: test 25s infinite;
    animation-fill-mode: forwards;
    position: relative;
    animation-timing-function: linear;
    margin-top: 100px;
}

@-webkit-keyframes test {
    from {
        left: 0;
    }
    to {
        left: 800px;
    }
}

.title-in-content {
    color: #59358c;
}



.blog-posts-wrap {
    margin-left: 0;
    width: 100%;
}

div.hestia-blogs .card-blog .card-title,
div.hestia-blogs .card-title a {
    color: #59358c !important;
    text-align: left;
    font-size: 20px;
}


div.hestia-blogs .card-description {
    color: #000 !important;
    text-align: left;

}

.hestia-blogs article:nth-of-type(6n+1) .card-body .btn,
.hestia-blogs article:nth-of-type(6n+2) .card-body .btn,
.hestia-blogs article:nth-of-type(6n+3) .card-body .btn,
.hestia-blogs article:nth-of-type(6n+4) .card-body .btn,
.hestia-blogs article:nth-of-type(6n+5) .card-body .btn {
    background-color: #59358c;
    float: left;
}

.hestia-blogs article:nth-of-type(6n+1) .card-body .btn:hover,
.hestia-blogs article:nth-of-type(6n+2) .card-body .btn:hover,
.hestia-blogs article:nth-of-type(6n+3) .card-body .btn:hover,
.hestia-blogs article:nth-of-type(6n+4) .card-body .btn:hover,
.hestia-blogs article:nth-of-type(6n+5) .card-body .btn:hover {
    background-color: #000 !important;
}

.blog-post .section-text .author.meta-in-content,
.blog-post .section-blog-info,
.related-posts {
    display: none;
}

.hestia-blogs .hestia-blog-content .card-description,
.posted-by {
    display: none;
}

.blog-posts-wrap .card-plain,
.archive-post-wrap .card-plain {
    border-bottom: 1px solid #eee;
}

.blog-posts-wrap .card-plain .col-sm-5 {
    width: 33.3333333%;
}

.blog-posts-wrap .card-plain .col-sm-7 {
    width: 66.66666667%;
}

.card-plain .card-image img {
    border-radius: 0 !important;
}

.blog-posts-wrap .card-plain .card-image,
.archive-post-wrap .card-plain .card-image {
    box-shadow: none;
    padding-bottom: 25px;
    border-radius: 0 !important;
}

.blog-posts-wrap .card-plain .category a,
.archive-post-wrap .card-plain .category a {
    color: #59358c !important;
}

.hestia-ribbon {
    background-attachment: fixed;
    padding: 0;
    height: 380px;
}

.hestia-ribbon:after{
    display: none;
}


.hestia-features {
    padding: 0 0 100px 0;
    /*background-image: url(/wp-content/uploads/2023/03/Abbruch-Erdbau.jpg);*/
    /*background-position: top center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% auto;*/
    top: -60px;
    position: relative;
}

.hestia-features-title-area {
    margin-left: 0;

    text-align: left;
    width: 100%;
}

.hestia-features-two-content .hestia-title,
.hestia-features-title-area .hestia-title,
.contactus .hestia-title {
    display: inline-block;
    background-color: #fff;
    padding: 10px 50px;
    margin-top: 0;
    margin-bottom: 0 !important;
    color: #59358c;
    font-size: 37px !important;
}


.hestia-features-two-content .hestia-title {
    top: -30px;
    position: relative;
}

.hestia-features-three-content .hestia-title {
    margin-top: 0;
    margin-bottom: 0 !important;
    color: #59358c;
    font-size: 37px;
}

.hestia-features .description {
    background-color: #fff;
    padding: 30px 0 10px 0;
    color: #59358c;
    font-size: 22px;
}

.hestia-features-content {
    background-color: #fff;
}

.hestia-features-content .feature-box,
.hestia-features-content .feature-box .hestia-info {
    width: 100%;
    max-width: none;
    color: #000;
}

.hestia-features-content .feature-box .hestia-info {
    padding: 0 !important;
}


.hestia-features-content .feature-box .hestia-info,
.hestia-features .hestia-info p,
.hestia-features-two-content p,
.hestia-features-three-content p {
    font-size: 18px;
    text-align: left;
    color: #000;
}

.hestia-features-content .feature-box .hestia-info ul {
    width: 50%;
    float: left;
    padding-right: 15px;
}

.hestia-features-two {
    padding: 0;
    background-color: #eeeeee;
    position: relative;
}

.hestia-features-two img.Recycling {
    position: relative;
    top: -35px;
}

.hestia-features-two-content {

    text-align: left;

}

.hestia-features-two-content .description {
    position: relative;
    top: -10px;
}

.hestia-features-two-content .description,
.hestia-features-three-content .description {
    color: #59358c;
    font-size: 22px;
}

.hestia-features-content ul,
.hestia-features-three-content ul {
    padding-left: 15px;
}

.hestia-features-content ul li,
.hestia-features-three-content ul li {
    font-size: 18px;
    text-align: left;
    color: #000;
    list-style: none;
}

.hestia-features-content ul li .fa,
.hestia-features-two-content ul li .fa,
.hestia-features-three-content ul li .fa {
    content: "\f105";
    color: #59358c;
    font-size: 22px;

    left: -10px;
    position: relative;
}

.hestia-features-three {
    padding: 100px 0 0 0;
}

.hestia-features-three img.containerdienst {
    -webkit-animation: lkw 25s infinite;
    animation: lkw 25s infinite;
    animation-fill-mode: forwards;
    position: relative;
    animation-direction: reverse;
    animation-timing-function: linear;
    margin-top: 50px;

}


@-webkit-keyframes lkw {
    from {
        left: 0;
    }
    to {
        left: 800px;
    }
}

.contactus {
    padding: 0 0 70px;
    background-position: center center;
    background: fixed;
    background-repeat: no-repeat;
    background-image: url(http://lr-dotzauer.webentwicklung.haus-der-edv.de/wp-content/uploads/2022/12/Beispielbild.jpg);
}

.contactus .hestia-title {
    top: -1px;
    position: relative;
}

.contactus h5.description {
    color: #fff !important;
    font-size: 22px;
}


.contactus .card-contact {
    margin-top: 70px;
    border-radius: 0;
}

.card .header{
    border-radius: 0;
}

.card img{
    width: auto;
}

footer.footer.footer-black {
    background: #452178;
    padding-bottom: 0;
}

.footer-big hr {
    margin: 0;
}

.footer-big p {
    color: #fff;
    font-size: 16px;
}

.footer-big .footer-menu li a {
    padding: 10px;
}

.page-content-wrap {
    width: 100% !important;
    margin-left: 0;
    padding-bottom: 100px;
}

.single-post-wrap {
    padding-bottom: 100px;
}

@media (min-width: 992px) {
    .blog-sidebar-wrapper {
        border-left: 1px solid #eee;
    }


}




@media (max-width: 1200px) {

    @-webkit-keyframes test {
        from {
            left: 0;
        }
        to {
            left: 570px;
        }
    }

    @-webkit-keyframes lkw {
        from {
            left: 0;
        }
        to {
            left: 570px;
        }
    }

    img.ueberuns{
        margin-top: 60px;
        float: right;
    }
}

@media (max-width: 992px) {

    .navbar.hestia_left .title-logo-wrapper {
        min-width: auto !important;
        width: 250px;
    }

    .nav > li > a {

        padding: 10px;
    }

    @-webkit-keyframes test {
        from {
            left: 0;
        }
        to {
            left: 350px;
        }
    }

    @-webkit-keyframes lkw {
        from {
            left: 0;
        }
        to {
            left: 350px;
        }
    }

    img.ueberuns{
        margin-top: 0;
        width: 85%;
    }

    .hestia-features-two img.Recycling {

        top: 0;
        margin-top: 50px;
    }

    .hestia-features-three-content .hestia-title {
        margin-top: 50px;
    }

    .hestia-features-two{
        padding-bottom:100px;
    }

    .hestia-features-two img.Recycling-big{
        display: none;
    }
}

@media (max-width: 768px) {

    .hestia-top-bar .col-md-12, .hestia-top-bar .col-md-12.pull-right {

         text-align: right !important;
    }



    .hestia-blogs img.projekte,
    .hestia-features-three img.containerdienst
    {
        animation: none;
    }

    .hestia-features-three .container{
        padding-bottom: 250px;
    }

    .hestia-features-three img.containerdienst{
        right: 15px;
        bottom: 0;
        position: absolute;
    }

    .hestia-blogs img.projekte{
        left:0;
    }




}

@media (max-width: 680px) {
    .hestia-features-content .feature-box .hestia-info ul {
        width: 100%;
        margin-bottom: 0;
        float: none;
    }
}

@media (max-width: 580px) {
    .hestia-about img{
        width: 100%;
    }
}

@media (max-width: 480px) {
}

@media (max-width: 380px) {
}