/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Global Colors (Elementor) */


:root {
    --accent-bau: #c9d300;
    --accent-mbau: #0088cc;
    --accent-immo: #c11926;
}

.cookieconsent-optout-marketing a {
    font-weight: bold;
    text-decoration: underline;
}

.cookieconsent-optout-marketing a:hover {
    text-decoration: none;
}

.projekt-loop-item h2 {
    opacity: 0;
    transition: opacity 500ms ease;
}

.projekt-loop-item:hover h2 {
    opacity: 1;
}

.projekt-loop-title {
    top: 50% !important;
    transform: translateY(-50%);
    pointer-events: none;
}

.boegl-bau-contact-list a:hover,
.boegl-metallbau-contact-list a:hover .boegl-immobilien-contact-list a:hover {
    text-decoration: underline;
}

.boegl-bau-contact-list svg,
.boegl-metallbau-contact-list svg,
.boegl-immobilien-contact-list svg {
    background-color: var(--e-global-color-1285e39);
    padding: 8px;
    border-radius: 100%;
}

.boegl-metallbau-contact-list svg {
    background-color: var(--e-global-color-d63b9f4);
}

.boegl-immobilien-contact-list svg {
    background-color: var(--e-global-color-96073ef);
}

/* .page-id-680 .mehr-erfahren-dynamic-background,
.page-ancestor-680 .mehr-erfahren-dynamic-background {
    background-color: var(--accent-bau);
}

.page-id-682 .mehr-erfahren-dynamic-background,
.page-ancestor-682 .mehr-erfahren-dynamic-background {
    background-color: var(--accent-mbau);
}

.page-id-684 .mehr-erfahren-dynamic-background,
.page-ancestor-684 .mehr-erfahren-dynamic-background {
    background-color: var(--accent-immo);
} */

.page-id-2488 .mehr-erfahren-container,
.page-id-2602 .mehr-erfahren-container,
.page-id-2819 .mehr-erfahren-container {
    display: none !important;
}

.verfuegbarkeit .elementor-icon-wrapper {
    line-height: 1;
}

.page-id-682 #CookiebotWidget .CookiebotWidget-logo svg circle,
.parent-pageid-682 #CookiebotWidget .CookiebotWidget-logo svg circle {
    fill: var(--accent-mbau);
}

.page-id-682 #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
.parent-pageid-682 #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: var(--accent-mbau);
    border-color: var(--accent-mbau);
}

/* DYNAMIC COOKIEBOT COLORS */

#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
    background-color: #9b9d9d !important;
    color: #fff !important;
}

.page-id-680,
.page-id-618,
.page-ancestor-680 {
    --dynamic-cookiebot: var(--accent-bau);
}

.page-id-682,
.page-ancestor-682 {
    --dynamic-cookiebot: var(--accent-mbau);
}

.page-id-684,
.page-ancestor-684 {
    --dynamic-cookiebot: var(--accent-immo);
}

#CookiebotWidget .CookiebotWidget-logo svg circle {
    fill: var(--dynamic-cookiebot) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: var(--dynamic-cookiebot) !important;
    border-color: var(--dynamic-cookiebot) !important;
}

#CookiebotWidget #CookiebotWidget-buttons {
    border-top-color: var(--dynamic-cookiebot) !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
    color: var(--dynamic-cookiebot) !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a {
    color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog form input[type="checkbox"][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    background-color: var(--dynamic-cookiebot) !important;
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: var(--dynamic-cookiebot) !important;
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: var(--dynamic-cookiebot) !important;
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper:not(:last-of-type) {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-color: var(--dynamic-cookiebot) !important;
    color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogNav {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogHeader {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover {
    color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog button:hover::before {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog .CookieCard {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a {
    color: var(--dynamic-cookiebot) !important;
}

.CybotCookiebotDialogBodyLevelButtonDescription:hover {
    color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
    color: var(--dynamic-cookiebot) !important;
}

#CookiebotWidget .CookiebotWidget-header {
    border-color: var(--dynamic-cookiebot) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    border-color: var(--dynamic-cookiebot) !important;
    background-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyEmptyCategoryMessage {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieGroup {
    border-color: var(--dynamic-cookiebot) !important;
}

.CybotCookiebotDialogDetailBodyContentCookieLink {
    color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
    color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialog a:hover::after {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfoWrapper::before {
    border-color: var(--dynamic-cookiebot) !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfoFooter {
    border-color: var(--dynamic-cookiebot) !important;
}

/* DYNAMIC COOKIEBOT COLORS END */

.youtube-video-wrapper iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.cookieconsent-optout-marketing {
    text-align: center;
    padding: 10px;
}

.dsgvo-text ul {
    margin-bottom: 15px;
}

.custom-headline-container {
    display: flex;
    flex-wrap: no-wrap;
}

.custom-headline-item {
    color: #ffffff;
}

.custom-headline-item1 {
    min-width: fit-content;
}

.custom-headline-item2 {
    font-size: 40%;
    text-transform: none;
    font-weight: normal;
    display: flex;
    align-items: end;
    padding-left: 5px;
}

@media(max-width:1024px) {
    .custom-headline-container {
        flex-direction: column;
    }

    .custom-headline-item2 {
        padding-top: 10px;
    }
}

.immobilien-back-to-overview {
    color: var(--e-global-color-96073ef) !important;
}

.immobilien-back-to-overview:hover {
    color: var(--e-global-color-text) !important;
}

.offene-stellen-akkordeon h3{
    color: #ffff;
    font-size: 16px;
    text-transform: none
}