/* roboto-condensed-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/roboto-condensed-v27-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body h1, h2, h3, h4 {
    color: #188537;
    font-weight: 400;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #4c4c4c;
}

@media screen and (min-width: 768px) {
    .no-sidebar .quiqqer-breadcrumb,
    .no-sidebar .content-body, .no-sidebar .grid-container section {
        background: #f6f3ea;
    }

}

.quiqqer-breadcrumb-container {
    padding-left: 10px;
}

.distance-container {
    padding: 1rem 1rem 0 1rem;
}

.header-bar-inner a {
    font-weight: 600;
}

li.quiqqer-menu-megaMenu-list-item:hover {
    background: #f6f3ea;
}

.start-page .body-container {
    background: #fff;
}

button {
    border-radius: 5px;
}

.grid-container {
    max-width: 1980px !important;
}

.bold-text {
    font-weight: 600;
}

.small-container {
    background-color: #fff;
    max-width: 1140px;
    margin-inline: auto;
}

@media screen and (min-width: 768px) {
    .big-title {
        font-size: 52px;
    }
}

.white-title {
    color: #fff;
}

/***** HEADER *****/

.brick-container__bh-header {
    padding-top: 0;
}

.brick-container__bh-header .grid-container {
    padding-inline: 0;
}

@media screen and (min-width: 768px) {
    .bh-header .wallpaperText {
        height: 50vh;
    }
}

.bh-header {
    position: relative;
}

.bh-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #239844 0%, #48bd69 100%);
    opacity: 0.2;
}

/**** Content ****/

.pb-content .control-content {
    padding-bottom: 0;
}

.bh-advantages .quiqqer-boxContentAdvanced-entry-title {
    font-weight: 400;
}

/**** 4 Vorteile ****/

.bh-advantages .quiqqer-boxContentAdvanced-entry {
    text-align: center;
}

.bh-advantages .quiqqer-boxContentAdvanced-entry-img img {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    background: #f0f0f0;
    line-height: 120px;
    text-align: center;
    margin: 0 auto;
    /* margin-bottom: 30px; */
    padding: 5px;
}

/**** Seitenlist ****/
.bg-none section,
.brick-container__bg-none section {
    background: none;
}

.brick-container__bh-page-list {
    padding-bottom: 0;
}

.bh-page-list .qui-control-childrenlist-3er-entry-content-footer {
    display: none;
}

.bh-page-list .qui-control-childrenlist-3er-entry-image,
.bh-page-list .qui-control-childrenlist-3er-entry-image img {
    height: 350px !important;
    margin-bottom: 0;
}

.bh-page-list .qui-control-childrenlist-3er-row {
    margin-bottom: 0;
}

.bh-page-list .qui-control-childrenlist-3er-entry-content header {
    margin-top: -13rem;
}

.bh-page-list .qui-control-childrenlist-3er-entry {
    padding: 0;
    position: relative;
}

/*** Startseite Seitenlist ***/

.qui-control-childrenlist-galleryOverlay {
    --bg-color: rgba(0, 0, 0, 0.5);
}

.qui-control-childrenlist-galleryOverlay__entry:hover .overlay-body {
    background-color: rgba(24, 133, 55, 0.65);
}

.qui-control-childrenlist-galleryOverlay :where(.overlay-body) {
    transition: var(--_effect-transition-duration) var(--_effect-transition-easing);

}

/*** Startseite News ***/
.brick-container__bh-news-slider,
.bh-news-slider .quiqqer-bricks-children-slider-child-content {
    background-color: rgb(240, 240, 240) !important;
}

.bh-news-slider .quiqqer-bricks-children-slider-child-image {
    display: none;
}

.bh-news-slider .quiqqer-bricks-children-slider-child-display {
    border: none !important;
}

@media screen and (min-width: 1000px) {
    .qui-control-childrenlist-galleryOverlay {
        grid-template-rows: 400px 400px;
    }
}

.bh-news-slider .control-content {
    padding-bottom: 10px;
}

.bh-news-slider .quiqqer-bricks-children-slider__imageAndText .quiqqer-bricks-children-slider-child-content {
    flex-grow: 0;
}

.quiqqer-bricks-children-slider .quiqqer-bricks-children-slider-prev, .quiqqer-bricks-children-slider .quiqqer-bricks-children-slider-next {
    color: #188537 !important;
    opacity: 1 !important;
}

/***** News Seiten *****/

.news-job .content-body {
    min-height: calc(100vh - 540px);
}

.news-job .news-entry-time {
    text-align: center;
}

.news-entry-time {
    font-size: 0.9rem;
}

.news-entry-content {
    background-color: #fff;
    padding: 2rem;
}

.news-content-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

section.news-entry-nav {
    padding-left: 10px;
}

/*** Startseite Kontakt ***/
.brick-container__bh-contact-section {
    padding-top: 0;
}


.brick-container__bh-contact-section a {
    color: #33c45c;
}

@media screen and (min-width: 768px) {
    .bh-contact-section .control-content,
    .bh-contact-section .quiqqer-simple-contact {
        max-width: 600px;
        margin-left: AUTO;
        margin-right: 10rem;
    }
}

.bh-contact-section .quiqqer-simple-contact,
.bh-contact-section .control-content {
    background-color: #0000005e;
    padding: 1rem 1.5rem;
}

.bh-contact-section .control-content,
.bh-contact-section .quiqqer-simple-contact {
    color: #d9d9d9;
}

.bh-contact-section .quiqqer-simple-contact-button__hideOnNoScript:hover {
    color: #fff;
}

.bh-contact-section .control-content h2 {
    color: #d9d9d9;
}

.bh-contact-section {
    background-image: url(/media/cache/bedachungen_heinen/Startseite/start-kontakt-beispiel.jpg);
    background-size: cover;
    padding: 3rem 1rem;
}

@media screen and (max-width: 768px) {
    .bh-contact-section {
        padding: 0;
    }
}

.bh-contact-section .quiqqer-simple-contact input,
.bh-contact-section .quiqqer-simple-contact textarea {
    background: #fff;
    border: none;
    border-radius: 5px;
}

.bh-contact-section .quiqqer-simple-contact-button__hideOnNoScript {
    margin-top: 1rem;
}

/*** Startseite Google maps ***/

.bh-google-maps .control-content {
    padding-bottom: 1rem;
}

.gmaps-icon svg {
    width: 39px;
    height: 39px;
    margin-bottom: 10px;
}

.small-content-container {
    max-width: 640px;
    margin-inline: auto;
}

.small-font {
    font-size: 13px;
}

p.small-font {
    margin-bottom: 0;
    line-height: 1.5;
}

.brick-container__bh-google-maps {
    padding-top: 0;
}

/***** FOOTER *****/

.page-footer-container.grid-container {
    max-width: 1200px !important;
}

.page-footer {
    padding-top: 45px;
}

.page-footer ul li a {
    color: inherit;
}

.page-footer ul li a:hover {
    color: #188537;
}

p.footer-icon {
    color: #188537;
}

.footer-icon > a {
    color: #333;
}

.footer-icon > .fa {
    margin-right: 5px;
}

.page-footer .control-content {
    padding-bottom: 0;
}

.page-footer-copyright-left {
    text-align: center;
    width: 100%;
}

/***** UNTERSEITEN *****/

/***** Leistungen Header *****/

.brick-container__distance-header {
    padding-top: 1rem;
}

.template-breadcrumb {
    border-bottom: none;
}

.services-header {
    position: relative;
}

.services-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, #239844 0%, #48bd69 100%);
    background: -webkit-linear-gradient(left, #239844 0%, #48bd69 100%);
    background: linear-gradient(to right, #239844 0%, #48bd69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@verlauf1', endColorstr='@verlauf2', GradientType=1);
    opacity: 0.2;
}

.services-content-container {
    padding-inline: 0 2rem;
}

.brick-container__services-header .wallpaperText-container-content {
    margin-left: 2rem;
}

.brick-container__services-header {
    padding-bottom: 0;
    padding-top: 0;
}

/*** Leistungen content ***/

.subpage-list .qui-control-childrenlist-1er-entry {
    align-items: start;
    flex-direction: row !important;
    gap: 2rem;
}

@media screen and (max-width: 767px) {
    .subpage-list .qui-control-childrenlist-1er-entry-content {
        padding-inline: 2rem;
    }
}

.subpage-list .qui-control-childrenlist-1er-entry-image {
    height: auto;
}
.subpage-list .qui-control-childrenlist-1er-entry-content {
    display: block;
    text-align: start;
    width: 100%;
}
.subpage-list .qui-control-childrenlist-1er-entry {
    border-bottom: 0;
}

.subpage-list .qui-control-childrenlist-1er-entry-content-headerLink {
    color: #4c4c4c;
}

.subpage-list  .qui-control-childrenlist-1er-entry-content-footer-button {
    display: none;
}

.white-brick {
    background-color: #fff;
}

.brick-container__services-content {
    padding-top: 0;
}

@media screen and (min-width: 768px) {
    .services-content .control-content {
        padding: 2rem 0 0 1rem;
    }
}

.services-content .quiqqer-textImage__imageOnLeft {
    margin-block: 2rem !important;
}

/*** Dachfenster-Konfigurator ***/

@media screen and (min-width: 768px) {
    .velux-brick {
        background: #fff;
        padding: 4rem;
    }
}

.velux-content-container {
    display: flex;
}

.velux-container h2 {
    color: inherit;
}

.velux-content-container {
    display: flex;
    border-bottom: 1px solid #c6bfb7;
    margin-bottom: 1rem;
    padding-bottom: 2rem;
}

/***** Referenzen *****/

.bh-gallery-section .quiqqer-control-gallery-gridAdvanced-image-img {
    aspect-ratio: 11 / 8;
}

.bh-gallery-section section {
    background: #fff;
}

.bh-gallery-section .control-content {
    padding-bottom: 1rem;
}

/***** TEAM *****/

.team-header {
    height: 50vh !important;
}

@media screen and (max-width: 767px) {
    .team-header {
        height: 20vh;
    }
}

.services-header {
    height: 30vh;

}

.bh-gallery-section .quiqqer-control-gallery-gridAdvanced-image-img {
    object-position: top;
}

.brick-container__bh-gallery-section {
    padding-top: 0;
}

/***** Kontaktformular *****/
/*
.bh-contact .content-body, .bh-contact .grid-container section,
.bh-contact .quiqqer-breadcrumb {
    background-color: #fff;
}
*/

.salutation-field .qui-formfield-body {
    display: flex;
    gap: 3rem;
}

.bh-name-field .form-name-firstname,
.bh-name-field .form-name-lastname {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bh-name-field .form-name-firstname,
    .bh-name-field .form-name-lastname {
        width: 48%;
    }
}

.bh-name-field .qui-formfield-body {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.bh-name-field .form-name-lastname {
    padding-right: 0;
}

/*
div#quiqqer-contact-form,
.bh-contact-content {
    max-width: 750px;
    margin-inline: auto;
    padding-top: 0;
}
*/

.bh-contact div#quiqqer-contact-form {
    padding-top: 0;
}

.bh-contact form.qui-form.bh-contact-layout,
.bh-contact-content {
    width: 950px;
    background: #fff;
    margin-inline: auto;
    float: none;
    padding: 1rem;
}

.bh-contact .content-body {
    padding-bottom: 0;
}

.bh-contact input,
.bh-contact textarea,
.bh-contact select {
    border-color: #18853729;
}

.page-22 .main-content-wrapper {
    min-height: calc(100vh - 570px);
}

.page-2 .main-content-wrapper {
    min-height: calc(100vh - 530px);
}

.qui-form legend {
    font-size: 18px !important;
}

/***** Datenschutzerklärung ******/
div#revoke-cookies-button-wrapper {
    margin-top: 1rem;
    text-align: center;
}

/*** Suche ***/

.type-quiqqer-sitetypes-types-search section.content-body {
    background-color: #fff;
}

.qui-window-popup-buttons button {
    padding: 0;
}