/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700');
*/

h1, h2, h3, h4, h5 {
    font-family: 'Titillium Web', sans-serif;
}

p {
    font-family: 'Roboto', sans-serif;
}

a:hover,
a:focus {
    color: #506e50;
}

header.kopa-page-header-1 {
    position: fixed;
    width: 100%;
    background-color: #fff;
    padding-bottom: 20px;
    padding-top: 18px;
}

header.kopa-page-header-1 .kopa-logo a > img {
    max-width: none;
    height: 100px;
}

header.kopa-page-header-1 .main-nav {
    padding-top: 35px;
}

.ct-box-1 span,
.ct-box-2 span,
.ct-box-3 span {
    font-family: 'Titillium Web', sans-serif;
}

#gmap-overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 480px; /* your iframe height */
    top: 480px; /* your iframe height */
    margin-top: -480px; /* your iframe height */
}

header .main-menu a {
    color: #252925;
}

header .main-menu li {
    height: 100%;
}

header .main-menu .current-menu-item a {
    color: #516E50;
}

header .main-menu .current-menu-item ul.sub-menu li.active a {
    color: #252925;
}

header .main-menu .current-menu-item ul.sub-menu li.active a:before {
    background: #252925;
}

.ti-menu:before {
    color: #000;
}

header .main-menu a:hover,
header .main-menu a:focus {
    color: #506e50;
}

header .main-menu .sfHover a {
    color: #506e50;
}

header .main-menu .sfHover ul li a:hover,
header .main-menu .sfHover ul li a:focus {
    color: #506e50;
}

header .main-menu .sfHover ul li,
header .main-menu .sfHover ul li {
    color: #506e50;
}

.main-menu > li ul.sub-menu {
    background-color: #506e50;
}

.main-menu > li ul.sub-menu li a {
    color: #fff;
}

.main-menu > li ul.sub-menu li a:hover {
    color: #252925;
}

.main-menu > li ul.sub-menu li a:hover:before {
    background: #252925;
}

section.kopa-area.kopa-area-no-space {
    /*position: relative;*/
    /*top: 138px;*/

    /*margin-top: 138px;*/
}

footer.kopa-footer-1 .kopa-logo img {
    width: 150px;
}

footer .footer-center p {
    text-align: center;
}

.kopa-footer-1 {
    background: #252925;
}

.kopa-footer-1 > * > * {
    margin-left: 0;
}

footer .copyright {
    font-size: 12px;
}

footer .imprint {
    font-size: 11px;
}

footer .imprint a:hover {
    color: #506e50;
}

.kopa-accordion .active .panel-title .tab-title {
    color: #506e50;
}

.panel-group .panel .panel-heading.active > .panel-title a {
    color: #506e50;
}

.panel-group .panel .panel-heading:hover .panel-title .tab-title {
    color: #506e50;
}

.panel-group .panel .panel-heading.active > .panel-title a .fa {
    background-color: #506e50;
    color: #fff;
}

.panel-group .panel .panel-heading:hover > .panel-title a .fa {
    color: #fff;
    background-color: #506e50;
}

.panel-group .panel .panel-heading:hover > .panel-title a {
    color: #506e50;
}

.panel-group .panel .panel-heading > .panel-title a .icon {
    width: 54px;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: center;
    background-color: #f4f4f4;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.panel-group .panel .panel-heading > .panel-title a .icon.icon-1 {
    background-image: url('../images/icons/fassade-gruen.png');
}

.panel-group .panel .panel-heading > .panel-title a .icon.icon-2 {
    background-image: url('../images/icons/flachdach-gruen.png');
}

.panel-group .panel .panel-heading > .panel-title a .icon.icon-3 {
    background-image: url('../images/icons/spitzdach-gruen.png');
}

.panel-group .panel .panel-heading > .panel-title a .icon.icon-4 {
    background-image: url('../images/icons/terrasse-gruen.png');
}

.panel-group .panel .panel-heading > .panel-title a .icon.icon-5 {
    background-image: url('../images/icons/rinne-gruen.png');
}

.panel-group .panel .panel-heading:hover > .panel-title a .icon,
.panel-group .panel .panel-heading.active > .panel-title a .icon {
    background-color: #506e50;
}

.panel-group .panel .panel-heading.active > .panel-title a .icon.icon-1,
.panel-group .panel .panel-heading:hover > .panel-title a .icon.icon-1 {
    background-image: url('../images/icons/fassade-weiss.png');
}

.panel-group .panel .panel-heading.active > .panel-title a .icon.icon-2,
.panel-group .panel .panel-heading:hover > .panel-title a .icon.icon-2 {
    background-image: url('../images/icons/flachdach-weiss.png');
}

.panel-group .panel .panel-heading.active > .panel-title a .icon.icon-3,
.panel-group .panel .panel-heading:hover > .panel-title a .icon.icon-3 {
    background-image: url('../images/icons/spitzdach-weiss.png');
}

.panel-group .panel .panel-heading.active > .panel-title a .icon.icon-4,
.panel-group .panel .panel-heading:hover > .panel-title a .icon.icon-4 {
    background-image: url('../images/icons/terrasse-weiss.png');
}

.panel-group .panel .panel-heading.active > .panel-title a .icon.icon-5,
.panel-group .panel .panel-heading:hover > .panel-title a .icon.icon-5 {
    background-image: url('../images/icons/rinne-weiss.png');
}

section.kopa-page-header-area-5 {
    height: 450px;
    background-size: cover;
}

body.page-leistungen section.kopa-page-header-area-5 {
    background-image: url('../images/slider/home_slide_03.jpg');
    /*background-image: url('../images/slider/head-leistungen.jpg');*/
    /*background-image: url('../images/page-titles/ref-1-2.jpg');*/
    /*height: 450px;*/

    /*background-position-y: -300px;*/
}

body.page-jobs section.kopa-page-header-area-5 {
    background-image: url('../images/slider/jobs-parallax.jpg');
    /*background-image: url('../images/slider/head-leistungen.jpg');*/
    /*background-image: url('../images/page-titles/ref-1-2.jpg');*/
    /*height: 450px;*/

    /*background-position-y: -300px;*/
}

body.page-wir-uber-uns section.kopa-page-header-area-5 {
    background-image: url('../images/slider/head-ueberuns.jpg');
    /*background-image: url('../images/page-titles/ref-1-2.jpg');*/
    /*height: 450px;*/
    background-position-y: -300px;
}

body.page-kontakt section.kopa-page-header-area-5 {
    background-image: url('../images/slider/head-kontakt.jpg');
    /*height: 450px;*/
    /*background-position-y: -300px;*/
}

body.page-dsimp section.kopa-page-header-area-5 {
    /*background-image: url('../images/slider/head-leistungen.jpg');*/
    background-image: url('../images/slider/home_slide_03.jpg');
    /*background-position-y: -300px;*/
}

.sp-slide {
    background-size: cover;
}

.slider-pro p {
    color: #fff;
}

.slider-pro .slide-green p {
    color: #506e50;
}

section.kopa-area-2 .widget-header .widget-title span {
    color: #506e50;
}

.testimonials {
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #516E50;
    color: white;
}

.testimonials h5 {
    color: white;
}

#map {
    height: 500px;
}

#home-parallax {
    height: 400px;
    background-image: url(../images/home/parallax-start.jpg);
    background-attachment: fixed;
}

#uberuns-parallax {
    height: 400px;
    background-image: url(../images/ueberuns/parallax-ueberuns.jpg);
    background-attachment: fixed;
}

#jobs-parallax {
    background-image: url(../images/jobs/jobs-parallax.jpg);
    background-attachment: fixed;
    z-index: 1;
    position: relative;
    padding: 150px 0;
    margin-top: 50px;
}

form#jobs-form input::placeholder {
    font-size: 14px !important;
}

.mt-40 {
    margin-top: 40px;
}

.bewerbung-btn {
    position: relative;
    padding: 5px 15px;
    background-color: #ffffff;
    border-radius: 1px;
    font-weight: 600;
}

.jobs-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 24, 12, .55);
    z-index: -1;
}

.sn-module-testimonial .entry-item footer span:last-child {
    color: white;
    opacity: 1;
}

.widget-title.style-11, .widget-title.style-15 {
    text-transform: none;
}

.kopa-area-15 {
    padding-top: 0;
    padding-bottom: 75px;
}

.pdb-0 {
    padding-bottom: 0;
}

.pdt-0 {
    padding-top: 0;
}

.sp-layer {
    transform: scale(1) translate3d(0px, 0px, 0px) !important;
}

.sn-module-slider-1 {
    background-color: #fff !important;
}

.ct-item-5 .entry-title, .ct-item-6 .entry-title {
    text-transform: none;
}

.leistungen .widget-header .ct div[class*='ct-box-'] {
    right: 0;
    left: auto;
    position: absolute;
}

#wig-leistungen {
    margin-top: 150px;
}

.leistungen {
    margin-top: -250px;
    padding-bottom: 0;
}

.leistungen .widget-header .ct .ct-box-2 {
    top: -100px;
}

.leistungen .widget-header .ct .ct-box-3 {
    top: 120px;
}

.leistungen .widget-header .ct {
    text-align: left;
}

.alternate-bg {
    background-color: #506e50;
    color: white;
}

ul li {
    list-style-position: outside;
    margin-left: 15px;
}

.alternate-bg .widget-header.style-01 .widget-header-top {
    background-color: transparent;
}

.widget-title.style-14:before {
    display: none;
}

.grid-item {
    /*width: calc(31% - 33px);*/
    margin: 0 5px 10px 5px;
}

.grid-item--width2 {
    width: 50%;
}

.referenzen .filter {
    text-align: center;
    margin-bottom: 30px !important;
}

.referenzen .filter a {
    cursor: pointer;
    font-size: 18px;
}

.referenzen .filter a:hover,
.referenzen .filter a.active {
    color: #506e50;
}

body.page-home .kopa-area.kopa-area-2 {
    padding-bottom: 180px;
}

.kunenmeinung {
    padding-left: 10px;
    margin-top: -450px;
}

.ta-left {
    text-align: left;
}

.nopadtop {
    padding-top: 0 !important;
}

.nopadbot {
    padding-bottom: 0 !important;
}

.kunenmeinung div.owl-prev {
    left: 100px !important;
}

.kunenmeinung div.owl-next {
    right: 100px !important;
}

.spaced-from-header {
    margin-top: 140px;
}

.small-header {
    height: 500px;
    overflow: hidden;
}

@media (max-width: 480px) {

    .small-header {
        height: 220px;
    }

    .home#main-content {
        /*top: 135px;*/
        position: relative;
    }

    .title-content {
        top: 270px;
    }

    .kopa-pull-right {
        float: none;
        margin-top: 15px;
        text-align: center;
    }

    footer.kopa-footer-1 .kopa-logo {
        margin-bottom: 15px;
    }

    .slider-pro p.sp-txt-1 {
        font-size: 18px;
    }

    .slider-pro p.sp-txt-9 {
        font-size: 12px;
    }

    .spaced-from-header {
        margin-top: 50px;
    }

    .isotope-filter a {
        padding-right: 10px;
    }

    .isotope-filter a:last-child {
        padding-right: 0;
    }

}

/* desktop */
@media (min-width: 480px) {
    .slider-pro p.sp-txt-1 {
        font-size: 90px;
    }

    .slider-pro p.sp-txt-9 {
        font-size: 20px;
        font-family: 'Titillium Web', sans-serif;
    }

    .grid-item {
        width: calc(31% - 33px);
    }

}

/* mobile */
@media (max-width: 480px) {

    header.kopa-page-header-1 .kopa-logo a > img {
        height: 40px;
    }

    section.kopa-page-header-area-5 {
        height: 250px;
    }

    body.page-leistungen section.kopa-page-header-area-5 {
        /*background-position-x: -500px;*/
        /*background-position-y: -250px;*/
    }

    body.page-wir-uber-uns section.kopa-page-header-area-5 {
        background-position-y: 0;
    }

    body.page-kontakt section.kopa-page-header-area-5 {
        background-position-y: 40px;
    }

    body.page-home .kopa-area.kopa-area-2 {
        padding-bottom: 40px;
    }

    .sp-layer-override-1 {
        top: 85px !important;
    }

    .sp-layer-override-2 {
        top: 100px !important;
    }

    .sp-layer-override-3 {
        top: 115px !important;
    }

    body.page-leistungen .kopa-area-15 {
        padding-bottom: 0px;
    }

    #uberuns-parallax {
        background-size: cover;
        /*background-position-x: -400px;*/
    }

    #home-parallax {
        background-size: cover;
        /*background-position-x: -400px;*/
    }

}

/* small height device / browser viewport */
@media only screen and (max-height: 800px) {
    body.page-leistungen section.kopa-page-header-area-5 {
        background-position-y: 50px;
    }

    .kopa-page-header-area-5 {
        background-attachment: initial !important;
    }
}

#map {
    min-height: 600px;
}
#map.sm_map-uninitialized {
    display: table;
    width: 100%;
}
/* {{-- DONT REMOVE THE FOLLOWING COMMENTS (those which contain if conditions); the code within is evaluated/parsed by bladeOne but putting them into a commented line prevents IDE/editor syntax errors... so brought to a point, these comments are NEEDED and USED at all! --}} */
/* @if($lime->browser->getName() === $lime->browser::BROWSER_FIREFOX) */
/* FireFox specific/dedicated styles: */
#map.sm_map-uninitialized {
    min-height: 0;
    padding: 68px 0;
}
body.page-home #map.sm_map-uninitialized {
    padding: 0;
}
/* @endif */
#map.sm_map-uninitialized a {
    /*font-size: 20px;*/
    transition: all 0.5s;
}
#map.sm_map-uninitialized a:hover {
    color: #048a88;
}
#map.sm_map-uninitialized > div#sm_google-opt-in {
    display: table-cell;
    vertical-align: middle;
}
body #map.sm_map-uninitialized > div#sm_google-opt-in {
    padding: 0 20%;
    text-align: center;
}
.gm-style-iw p {
    margin-bottom: 8px;
    line-height: normal;
}
.gm-style-iw p:last-child { margin-bottom: 0; }

.consent-message{
    background-color: #f4f4f4;
    border-radius: 2px;
    padding: 20px;
    max-width: 100%;
}
@media (pointer:coarse) and (max-width: 575.98px) {
    .consent-message {
        padding: 10px;
    }
    body #map.sm_map-uninitialized > div#sm_google-opt-in{
        padding: 0 5px!important;
    }
}
#sm_set-google-opt-in-cookie{
    margin-top: 10px;
}