@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//omni.immobilien/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//omni.immobilien/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//omni.immobilien/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//omni.immobilien/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//omni.immobilien/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//omni.immobilien/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//omni.immobilien/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//omni.immobilien/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//omni.immobilien/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 300;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(184,155,94);
	--wd-alternative-color: rgb(31,36,40);
	--btn-default-bgcolor: rgb(232,222,208);
	--btn-default-bgcolor-hover: rgb(31,36,40);
	--btn-default-color: rgb(31,36,40);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-bgcolor: rgb(184,155,94);
	--btn-accented-bgcolor-hover: rgb(31,36,40);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--btn-transform: capitalize;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,245,245);
	background-image: url(https://omni.immobilien/wp-content/uploads/2023/03/p-bg-3.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(31,36,40);
	background-image: none;
}
 {
	font-family: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 72px;
	color: rgb(255,255,255);
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	 {
		font-size: 60px;
	}

}

@media (max-width: 768.98px) {
	 {
		font-size: 44px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("//omni.immobilien/wp-content/uploads/2026/06/cormorant-garamond-v21-latin-300.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("//omni.immobilien/wp-content/uploads/2026/06/cormorant-garamond-v21-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("//omni.immobilien/wp-content/uploads/2026/06/cormorant-garamond-v21-latin-italic.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "DM Sans";
	src: url("//omni.immobilien/wp-content/uploads/2026/06/dm-sans-v17-latin-300.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "DM Sans";
	src: url("//omni.immobilien/wp-content/uploads/2026/06/dm-sans-v17-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "DM Sans";
	src: url("//omni.immobilien/wp-content/uploads/2026/06/dm-sans-v17-latin-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

.s5 {
text-align: justify;
}

/* Общий белый фон плашки */
.cky-consent-bar {
    background-color: #FFFFFF !important; 
    border-color: #F4F4F4 !important; 
}

/* Заголовок и основной текст (темные для читаемости на белом) */
.cky-title, 
.cky-notice-des, 
.cky-notice-des p {
    color: #212121 !important; 
}

/* Основная кнопка "Alle akzeptieren" (Принять все) — Primary */
.cky-btn-accept {
    background-color: #B89B5E !important; /* Champagne Gold */
    border-color: #B89B5E !important;     
    color: #FFFFFF !important; /* Если белый читается плохо, замени на #1F2428 */
}

/* Эффект при наведении для основной кнопки (опционально) */
.cky-btn-accept:hover {
    background-color: #1F2428 !important; /* Deep Graphite */
    border-color: #1F2428 !important;
    color: #E8DED0 !important; /* Warm Beige */
}

/* Кнопка "Alles ablehnen" (Отклонить все) — Secondary */
.cky-btn-reject {
    background-color: transparent !important; 
    border-color: #B89B5E !important; /* Champagne Gold */
		background: #B89B5E !important;
    color: white !important; 
}

/* Кнопка "Anpassen" (Настроить) — Secondary */
/* Сделал её графитовой, чтобы она визуально отличалась от кнопки отклонения */
.cky-btn-customize {
    background-color: transparent !important;
    border-color: #B89B5E !important; /* Deep Graphite */
		background: #B89B5E !important;
    color: white !important;
}

/* Скрываем логотип "Powered by CookieYes" */
[data-cky-tag="powered-by"] {
    display: none !important;
}




/* --- 1. Оверлей через внутреннюю тень (не ломает Middle) --- */
.hero-dark-overlay {
    position: relative !important;
    /* Накладывает плотное графитовое затемнение 85% прямо на фоновое фото */
    box-shadow: inset 0 0 0 9999px rgba(31, 36, 40, 0.85) !important; 
}

/* --- 2. Центрирование колонок и текста --- */
.hero-dark-overlay .wpb_column {
    text-align: center !important;
    margin: 0 auto !important;
}

/* --- 3. Центрирование блоков с кнопками --- */
.hero-dark-overlay .wd-button-wrapper {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Выравнивание внутренних строк (в которых лежат кнопки) */
.hero-dark-overlay .vc_inner {
    justify-content: center !important;
    text-align: center !important;
}



/* --- Главный заголовок H1 на первом экране --- */
.hero-main-title h1 {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 72px !important;
    line-height: 1.02 !important;
    color: #e8ded0 !important;
    margin-bottom: 20px !important;
}

/* Адаптив для планшетов */
@media (max-width: 1024px) {
    .hero-main-title h1 {
        font-size: 56px !important;
    }
}

/* Адаптив для мобильных (по ТЗ шрифты должны уменьшаться) */
@media (max-width: 767px) {
    .hero-main-title h1 {
        font-size: 42px !important; /* Удобный размер для экранов смартфонов */
        line-height: 1.08 !important;
    }
}
.wd-content-layout{
padding-block: 0;
}


/* --- Ограничение ширины контента до 1192px и центрирование --- */
.hero-dark-overlay > .wd-section-stretch-content,
.hero-dark-overlay > .vc_row-fluid {
    max-width: 1192px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* На всякий случай: если WPBakery использует стандартный внутренний контейнер */
.hero-dark-overlay > .wpb_column {
    max-width: 1192px !important;
    margin: 0 auto !important;
}



/* Выравниваем содержимое растянутого ряда строго по центру */
.hero-dark-overlay {
    justify-content: center !important;
}

/* Ограничиваем ширину и убиваем оранжевые марджины */
.hero-dark-overlay > .wpb_column {
    width: 100% !important;
    max-width: 596px !important; /* 596px + 596px = 1192px */
    flex: 0 0 auto !important; /* Запрещаем flexbox произвольно менять размер колонок */
    margin: 0 !important; /* Обнуляем оранжевые отступы, показанные на скриншоте */
}

/* Адаптив для мобильных устройств (колонки снова становятся 100% ширины) */
@media (max-width: 767px) {
    .hero-dark-overlay > .wpb_column {
        max-width: 100% !important;
    }
}


/* --- Заголовок H2 в блоке инвестиций --- */
.investment-title h2, 
h2.investment-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 60px !important;
    line-height: 1.08 !important;
    color: #1F2428 !important; /* Тот самый Deep Graphite */
    margin-bottom: 0px !important;
    text-transform: none !important;
}

/* Адаптив для мобильных (уменьшаем размер, чтобы не ломало экран) */
@media (max-width: 767px) {
    .investment-title h2, 
    h2.investment-title {
        font-size: 32px !important;
    }
}


/* --- Стили для профиля основателя (Левая колонка) --- */
.founder-profile {
    margin-top: 25px;
}

.founder-profile .founder-name {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 400 !important;
    font-size: 48px !important;
    color: #1F2428 !important; /* Deep Graphite */
    margin-bottom: 5px !important;
}

.founder-profile .founder-title {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #B89B5E !important; /* Champagne Gold */
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    margin-bottom: 15px !important;
}

.founder-profile .founder-bio {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #4A5047 !important; /* Olive Grey для экспертного тона */
}


/* ==========================================
   СТИЛИ ДЛЯ МИНИ-КЕЙСОВ (КЛАСС: omni-mini-case)
   ========================================== */

/* 1. Оформление самой карточки кейса */
.omni-mini-case.wd-info-box {
    margin-bottom: 25px !important;
    padding: 30px !important;
    background-color: #FFFFFF !important;
    border-left: 3px solid #E8DED0 !important; /* Мягкий бежевый акцент слева */
    box-shadow: 0 5px 15px rgba(31, 36, 40, 0.03) !important;
    transition: all 0.3s ease !important;
}

/* Эффект при наведении на карточку (Hover) */
.omni-mini-case.wd-info-box:hover {
    border-left-color: #B89B5E !important; /* Линия становится золотой */
    box-shadow: 0 10px 30px rgba(31, 36, 40, 0.08) !important;
    transform: translateY(-3px) !important;
}

/* 2. Стили для цифры (01, 02, 03) */
.omni-mini-case .info-box-icon {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 400 !important;
    font-size: 46px !important;
    line-height: 1 !important;
    color: #B89B5E !important; /* Золотой шампань */
    margin-bottom: 15px !important;
}

/* 3. Стили для заголовка (Wertsteigerung) */
.omni-mini-case h4.info-box-title {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #1F2428 !important; /* Глубокий графит */
    margin-bottom: 10px !important;
    text-transform: none !important;
}

/* 4. Стили для текста описания */
.omni-mini-case .info-box-content p {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #4A5047 !important; /* Оливково-серый тон */
    margin: 0 !important;
}



/* ==========================================
   БЛОК УСЛУГ (КЛАСС: omni-service-card) - ТЕМНАЯ ТЕМА
   ========================================== */

/* Настройка сетки для выравнивания карточек по высоте */
#leistungen .vc_row_inner {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 30px !important; /* Отступ между рядами карточек */
}

#leistungen .vc_row_inner > .wpb_column {
    display: flex !important;
}

/* Оформление самой карточки услуги */
.omni-service-card.wd-info-box {
    padding: 40px 30px !important;
    background-color: #25282B !important; /* Темный графитовый фон */
    border: 1px solid rgba(232, 222, 208, 0.1) !important; /* Тонкая полупрозрачная рамка */
    border-radius: 2px !important;
    width: 100% !important;
    transition: all 0.4s ease !important;
}

/* Hover-эффект при наведении */
.omni-service-card.wd-info-box:hover {
    background-color: #1F2428 !important; /* Чуть более глубокий темный цвет при наведении */
    border-color: #B89B5E !important; /* Рамка становится золотой (Champagne Gold) */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2) !important; /* Более выраженная тень для темного фона */
    transform: translateY(-5px) !important; /* Карточка слегка поднимается */
}

/* Стили иконки */
.omni-service-card .info-box-icon {
    transition: transform 0.4s ease !important;
}

/* Легкий зум иконки при наведении на карточку */
.omni-service-card.wd-info-box:hover .info-box-icon {
    transform: scale(1.1) !important;
}

/* Заголовок услуги */
.omni-service-card h4.info-box-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    color: #E8DED0 !important; /* Светлый Warm Beige для контраста */
    margin-bottom: 15px !important;
    transition: color 0.3s ease !important;
}

/* Заголовок становится золотым при наведении для дополнительного акцента */
.omni-service-card.wd-info-box:hover h4.info-box-title {
    color: #B89B5E !important; 
}

/* Текст описания услуги */
.omni-service-card .info-box-content p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: rgba(232, 222, 208, 0.7) !important; /* Приглушенный бежевый для основного текста */
    margin: 0 !important;
}

/* Адаптив для планшетов и мобильных */
@media (max-width: 991px) {
    #leistungen .vc_row_inner {
        flex-direction: column !important;
    }
    .omni-service-card.wd-info-box {
        margin-bottom: 20px !important;
    }
}



/* ==========================================
   БЛОК ПРОЕКТОВ (ГАЛЕРЕЯ)
   ========================================== */

/* Отступы между рядами проектов */
#projekte .vc_row_inner {
    margin-bottom: 40px !important;
}

/* Обертка для изображения */
.omni-project-img {
    margin-bottom: 20px !important;
    overflow: hidden !important; /* Чтобы фото не вылезало за края при увеличении */
    border-radius: 2px !important;
}

/* Эффект зума фото при наведении */
.omni-project-img img {
    transition: transform 0.6s ease !important;
    cursor: pointer !important; /* Указатель клика для лайтбокса */
}

.omni-project-img:hover img {
    transform: scale(1.03) !important;
}

/* Обертка для текста */
.omni-project-text {
    padding-left: 5px !important;
}

/* Заголовок проекта (ALFTER...) */
.omni-project-info .project-title {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #1F2428 !important; /* Глубокий графит */
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 8px !important;
}

/* Описание проекта (Мета-данные) */
.omni-project-info .project-meta {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #4A5047 !important; /* Оливково-серый */
    margin: 0 !important;
}

/* Мобильный адаптив */
@media (max-width: 767px) {
    #projekte .vc_row_inner {
        margin-bottom: 0 !important;
    }
    
    .omni-project-text {
        margin-bottom: 30px !important;
        text-align: center !important;
    }
    
    .omni-project-info .project-title {
        font-size: 16px !important;
    }
}




/* ==========================================
   БЛОК КОНТАКТОВ (CF7) - ЦЕНТРАЛЬНЫЙ МАКЕТ
   ========================================== */

/* Ограничиваем ширину колонки и центрируем её */
.omni-center-form {
    max-width: 800px !important;
    margin: 0 auto !important;
    float: none !important;
}

/* Отступы между рядами формы */
.omni-contact-form .row {
    margin-bottom: 20px !important;
}

/* Стилизация лейблов */
.omni-contact-form label {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1F2428 !important; /* Deep Graphite */
    margin-bottom: 8px !important;
    display: block !important;
}

/* Стилизация полей ввода и выпадающего списка */
.omni-contact-form .wpcf7-form-control.form-control {
    width: 100% !important;
    background-color: #F8F9FA !important; /* Легкий серый фон */
    border: 1px solid #E8DED0 !important; /* Мягкая бежевая рамка */
    border-radius: 2px !important;
    padding: 15px 20px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    color: #1F2428 !important;
    transition: all 0.3s ease !important;
}

/* Акцент при клике на поле */
.omni-contact-form .wpcf7-form-control.form-control:focus {
    border-color: #B89B5E !important; /* Золотая рамка */
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 1px #B89B5E !important;
    outline: none !important;
}

/* Стилизация чекбокса согласия */
.omni-contact-form .gdpr-checkbox {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #4A5047 !important; /* Olive Grey */
    text-align: left !important;
}

.omni-contact-form .gdpr-checkbox a {
    color: #B89B5E !important;
    text-decoration: underline !important;
}

.omni-contact-form .gdpr-checkbox a:hover {
    color: #1F2428 !important;
}

/* Фикс отступов чекбокса */
.omni-contact-form .wpcf7-list-item {
    margin-left: 0 !important;
}

/* Настройка кнопки (по центру, адекватной ширины) */
.omni-contact-form .form-submit-btn {
    text-align: center !important;
    margin-top: 20px !important;
}

.omni-contact-form .form-submit-btn input[type="submit"] {
    min-width: 280px !important;
    padding: 18px 30px !important;
    font-size: 16px !important;
}

/* Сообщения об успехе/ошибке CF7 */
div.wpcf7-response-output {
    border-radius: 2px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    margin-top: 25px !important;
    text-align: center !important;
}

div.wpcf7-mail-sent-ok {
    border-color: #4A5047 !important;
    background-color: #f1f8f1 !important;
    color: #1F2428 !important;
}



/* ==========================================
   ИСПРАВЛЕНИЯ: ВЫПАДАЮЩИЙ СПИСОК И КНОПКА
   ========================================== */

/* 1. Чиним поле "Ihr Anliegen" (Выпадающий список) */
.omni-contact-form select.wpcf7-form-control.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important; /* Убиваем системные стили браузера */
    min-height: 52px !important; /* Выравниваем по высоте с текстовыми полями */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 52px !important;
    /* Добавляем минималистичную стрелочку цвета Deep Graphite */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231F2428' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    cursor: pointer !important;
}


/* ==========================================
   ИЗОЛИРОВАННАЯ КНОПКА (ПЕРЕОПРЕДЕЛЕНИЕ ПЕРЕМЕННЫХ WOODMART)
   ========================================== */

div.wpcf7 .omni-contact-form input[type="submit"].omni-gold-btn {
    /* Жестко задаем цвета */
    background-color: #B89B5E !important; 
    color: #FFFFFF !important; 
    
    /* Переопределяем переменные темы, чтобы скрипт их не перезаписал */
    --btn-accented-bgcolor: #B89B5E !important;
    --btn-accented-color: #FFFFFF !important;
    --btn-accented-transform: none !important; /* Отключаем принудительный uppercase */
    
    border: none !important;
    border-radius: 2px !important;
    padding: 18px 30px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    min-width: 280px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

/* Эффект при наведении (Hover) */
div.wpcf7 .omni-contact-form input[type="submit"].omni-gold-btn:hover {
    background-color: #1F2428 !important; 
    color: #E8DED0 !important; 
    
    /* Меняем переменные и при ховере */
    --btn-accented-bgcolor: #1F2428 !important;
    --btn-accented-color: #E8DED0 !important;
    
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px rgba(31, 36, 40, 0.1) !important;
}



/* ==========================================
   ФУТЕР (DARK THEME: #1F2428)
   ========================================== */

/* Темный фон футера */
.footer-container {
    background-color: #1F2428 !important; /* Deep Graphite */
    padding-top: 60px;
}

/* Колонка 1: Бренд */
.omni-footer-logo {
    /* Убедись, что здесь используется светлая версия логотипа (SVG) */
}

.omni-footer-slogan {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    color: #FFFFFF !important; /* Чистый белый для контраста */
    margin-bottom: 15px;
}

.omni-footer-address {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #E8DED0 !important; /* Warm Beige */
}

/* Заголовки колонок */
.omni-footer-title {
    font-family: 'Cormorant Garamond', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF !important; 
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Списки ссылок и контактов */
.omni-footer-menu,
.omni-footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.omni-footer-menu li,
.omni-footer-contact li {
    margin-bottom: 12px;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    color: #E8DED0 !important;
}

/* Ссылки в футере */
.omni-footer-menu a,
.omni-footer-contact a {
    color: #E8DED0 !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Hover-эффект (золото при наведении) */
.omni-footer-menu a:hover,
.omni-footer-contact a:hover {
    color: #B89B5E !important; /* Champagne Gold */
}

/* Дисклеймеры (Мелкий текст) */
.omni-footer-disclaimers {
    padding-top: 30px;
    border-top: 1px solid rgba(232, 222, 208, 0.1) !important; /* Полупрозрачная бежевая линия */
}

.omni-footer-disclaimers p {
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(232, 222, 208, 0.6) !important; /* Приглушенный бежевый */
    margin-bottom: 10px;
    text-align: justify;
}

/* Строка Copyrights (Настройки темы WoodMart) */
.min-footer {
    background-color: #1F2428 !important;
    border-top: 1px solid rgba(232, 222, 208, 0.1) !important;
    color: #E8DED0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
}

.omni-footer-bottom-links a {
    color: #E8DED0 !important;
    transition: color 0.3s ease;
}

.omni-footer-bottom-links a:hover {
    color: #B89B5E !important;
}

.omni-footer-bottom-links .sep {
    margin: 0 10px;
    color: #E8DED0 !important;
    opacity: 0.5;
}


/* ==========================================
   РЕЗУЛЬТАТЫ В HERO СЕКЦИИ (omni-hero-stat)
   ========================================== */

/* Общая обертка стата (без эффектов при наведении) */
.omni-hero-stat.wd-info-box {
    margin-bottom: 25px !important;
    padding-left: 20px !important;
    border-left: 2px solid #B89B5E !important; /* Золотая линия Champagne Gold слева */
    background-color: transparent !important;

}


@media (min-width: 992px){
	
	
	.omni-hero-stat.wd-info-box {
	
		margin-left: 60px !important;
	
	}
	
	
}

/* Убираем отступ у последнего элемента, чтобы не ломать сетку */
.wpb_wrapper > .info-box-wrapper:last-child .omni-hero-stat {
    margin-bottom: 0 !important;
}

/* Стили для цифр (Seit 2014, 130+, 25 Mio. €) */
.omni-hero-stat .info-box-icon {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 40px !important;
    font-weight: 500 !important;
    color: #B89B5E !important; /* Золотой Champagne Gold (светлый акцент) */
    line-height: 1 !important;
    margin-right: 20px !important;
    /* Фиксированная ширина цифр, чтобы текст справа начинался на одной вертикальной линии */
    min-width: 95px !important; 
    text-align: left !important;
}

/* Стили для текста описания */
.omni-hero-stat .info-box-content p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #E8DED0 !important; /* Светлый Warm Beige для читаемости на темном фоне */
    line-height: 1.4 !important;
    margin: 0 !important;
    letter-spacing: 0.02em !important;
}

/* Адаптив для мобильных телефонов */
@media (max-width: 767px) {
    .omni-hero-stat .info-box-content p {
        font-size: 14px !important; /* Уменьшаем размер шрифта */
        line-height: 1.3 !important; /* Делаем строки чуть плотнее */
    }
	
	.omni-hero-stat .info-box-icon {
	
		font-size: 28px !important;
		
	}
	
	.omni-hero-stat.wd-info-box{

		margin-bottom: 15px !important;
		
	}
}

/* ==========================================
   ИДЕАЛЬНАЯ СЕТКА ФУТЕРА (ДЕСКТОП)
   ========================================== */
@media (min-width: 992px) {
    /* Превращаем строки футера в гибкие контейнеры */
    .footer-container .vc_row.wpb_row {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    /* ИСКЛЮЧЕНИЕ: Колонка на всю ширину (Дисклеймеры) остается 100% */
    .footer-container .vc_row.wpb_row > .wpb_column.vc_col-sm-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* 1. Первая колонка (Логотип): Строго 25% ширины (применяем ТОЛЬКО к колонкам 1/4) */
    .footer-container .vc_row.wpb_row > .wpb_column.vc_col-sm-3:first-child {
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
        padding-left: 0 !important;
    }

    /* 2. Остальные колонки 1/4: Ширина подстраивается под текст */
    .footer-container .vc_row.wpb_row > .wpb_column.vc_col-sm-3:not(:first-child) {
        width: auto !important;
        flex: 0 1 auto !important;
        max-width: none !important;
    }

    /* Отталкиваем вторую колонку (Leistungen) максимально вправо от первой */
    .footer-container .vc_row.wpb_row > .wpb_column.vc_col-sm-3:nth-child(2) {
        margin-left: auto !important;
    }

    /* Задаем равные отступы между колонками меню (2-3 и 3-4) */
    .footer-container .vc_row.wpb_row > .wpb_column.vc_col-sm-3:nth-child(3),
    .footer-container .vc_row.wpb_row > .wpb_column.vc_col-sm-3:nth-child(4) {
        margin-left: 60px !important; /* Шаг между колонками */
    }

    /* Убираем системный отступ у правой границы */
    .footer-container .vc_row.wpb_row > .wpb_column.vc_col-sm-3:last-child {
        padding-right: 0 !important;
    }
}


/* ==========================================
   ИНФО-БОКСЫ: ЦЕЛЕВЫЕ АУДИТОРИИ (omni-target-box) - КОМПАКТНЫЕ
   ========================================== */

/* Основная карточка с серой обводкой */
.omni-target-box.wd-info-box {
    background-color: #FFFFFF !important;
    padding: 20px 15px !important;
    border-radius: 2px !important;
    text-align: center !important;
    box-shadow: 0 4px 20px rgba(31, 36, 40, 0.05) !important;
    /* Добавлена плавная анимация для border-color */
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important;
    height: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #E5E5E5 !important; /* Светло-серая обводка по умолчанию */
}

/* Эффект при наведении: рамка становится золотой */
.omni-target-box.wd-info-box:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(31, 36, 40, 0.08) !important;
    border-color: #B89B5E !important; /* Золотая обводка Champagne Gold */
}

/* Применяем фирменный шрифт к цифрам вместо иконок */
.wd-info-box .box-icon-wrapper.box-with-text .info-box-icon {
    font-family: 'Cormorant Garamond', serif !important; /* Премиальный шрифт с засечками */
    color: #B89B5E !important; /* Золотой Champagne Gold */
    font-size: 48px !important; /* Размер цифры */
    line-height: 1 !important;
}

/* Настройка обертки иконки */
.omni-target-box .box-icon-wrapper {
    margin-bottom: 10px !important;
    display: flex !important;
    justify-content: center !important;
}

.omni-target-box .box-icon-wrapper img {
    width: 40px !important; 
    height: 40px !important;
}

/* Заголовок карточки */
.omni-target-box .info-box-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 24px !important; 
    font-weight: 500 !important;
    color: #1F2428 !important; 
    margin-bottom: 8px !important; 
    line-height: 1.2 !important;
}

/* Текстовое описание */
.omni-target-box .info-box-inner {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #4A5047 !important; 
    margin-bottom: 15px !important; 
}

/* Контейнер кнопки */
.omni-target-box .info-box-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.omni-target-box .info-btn-wrapper {
    margin-top: auto !important; 
    width: 100% !important;
    padding-top: 20px !important; /* Добавим небольшой отступ от текста, чтобы не слипалось */
}

/* Стилизация кнопки */
.omni-target-box .btn {
    background-color: transparent !important;
    color: #B89B5E !important; 
    border: 1px solid #B89B5E !important; 
    border-radius: 2px !important;
    padding: 8px 15px !important; 
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    width: 100% !important; 
}

/* Кнопка при наведении */
.omni-target-box .btn:hover {
    background-color: #B89B5E !important; 
    color: #FFFFFF !important; 
    box-shadow: none !important;
}


/* ==========================================
   ФИКС РАВНОЙ ВЫСОТЫ ДЛЯ ИНФО-БОКСОВ
   ========================================== */

/* Пробрасываем 100% высоты через все технические обертки WPBakery */
.vc_row-o-equal-height .wpb_column .vc_column-inner,
.vc_row-o-equal-height .wpb_column .wpb_wrapper,
.vc_row-o-equal-height .wpb_column .info-box-wrapper {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Заставляем саму карточку занять всё доступное пространство */
.omni-target-box.wd-info-box {
    flex-grow: 1 !important;
    width: 100% !important;
}


/* ==========================================
   СТИЛИ ДЛЯ СЕКЦИИ С ИНФО-БОКСАМИ И ЛИНИЕЙ
   ========================================== */

/* 1. Вертикальная линия-разделитель для правой колонки (2/5) */
.vc_col-sm-2\/5.wd-rs-6a2145dee7cf5 > .vc_column-inner {
    border-left: 1px solid rgba(31, 36, 40, 0.15) !important; /* Тонкая серо-графитовая линия */
}

/* 2. Настройка инфо-боксов (15+ и 120+) */
.wd-rs-6a2145dee7cf5 .wd-info-box {
    text-align: left !important;
}

/* Фирменные золотые цифры */
.wd-rs-6a2145dee7cf5 .info-box-icon {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    color: #B89B5E !important; /* Champagne Gold */
    line-height: 1 !important;
}

/* Аккуратные подписи под цифрами */
.wd-rs-6a2145dee7cf5 .info-box-inner .uppercase,
.wd-rs-6a2145dee7cf5 .text-xs {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important; /* Премиальный разряженный трекинг букв */
    color: #4A5047 !important; /* Olive Grey */
    margin-top: 5px !important;
    line-height: 1.3 !important;
}

/* Скрытие мусора/лишних секций, если они остались внутри контента */
.wd-rs-6a2145dee7cf5 .info-box-inner section {
    display: none !important;
}




/* ==========================================
   ВЫРАВНИВАНИЕ ВЫСОТЫ КАРТИНОК В КАРУСЕЛИ БАННЕРОВ
   ========================================== */

.banners-carousel .promo-banner .banner-image img,
.banners-carousel .promo-banner .banner-image video {
    aspect-ratio: 4 / 3 !important; /* Задаем единые пропорции */
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Заполняет рамку без искажений */
    object-position: center !important; /* Центрирует контент */
}


/* ==========================================
   СТИЛИ ДЛЯ ЛИПКОЙ ШАПКИ (STICKY HEADER)
   ========================================== */

/* Цвет фона при скролле */
.whb-sticked .whb-general-header,
.whb-sticked .whb-main-header,
.whb-clone.whb-sticked {
    background-color: #1F2428 !important; /* Графитовый цвет с легкой прозрачностью (95%) */
    backdrop-filter: blur(10px) !important; /* Трендовый эффект размытия фона под шапкой */
    -webkit-backdrop-filter: blur(10px) !important; /* Поддержка для Safari */
    border-bottom: 1px solid rgba(184, 155, 94, 0.1) !important; /* Тонкая золотая линия снизу для отбивки */
}


/* ==========================================
   ИСПРАВЛЕНИЕ АКТИВНОСТИ ЯКОРНЫХ ССЫЛОК В МЕНЮ
   ========================================== */

/* 1. Сбрасываем цвет активного пункта (делаем его как обычный пункт меню) */
.home .wd-nav.wd-nav-header > li.current-menu-item > a[href*="#"] {
    color: white !important;
}

/* 2. Подстраховка: иногда тема красит сам текст внутри ссылки */
.home .wd-nav.wd-nav-header > li.current-menu-item > a[href*="#"] .nav-link-text {
    color: inherit !important;
}

/* 3. Возвращаем золотой цвет (#B89B5E) ТОЛЬКО при наведении курсора */
.home .wd-nav.wd-nav-header > li.current-menu-item:hover > a[href*="#"],
.home .wd-nav.wd-nav-header > li.current-menu-item > a[href*="#"]:hover .nav-link-text {
    color: #B89B5E !important; 
}



/* Отмена UPPERCASE для всех стандартных кнопок WoodMart */
.btn, 
.wd-btn, 
button, 
input[type="submit"] {
    text-transform: none !important;
}


/* ==========================================
   ВЕРТИКАЛЬНАЯ ЛИНИЯ-РАЗДЕЛИТЕЛЬ ДЛЯ СЕКЦИИ
   ========================================== */

/* Применяем линию к левому краю правой колонки (3/5) */
.vc_col-sm-3\/5.wd-rs-6a2145dee7cf5 > .vc_column-inner {
    border-left: 1px solid rgba(31, 36, 40, 0.15) !important; /* Тонкая серо-графитовая линия */
    padding-left: 50px !important; /* Отступ текста от линии */
}

/* На мобильных экранах колонки встают друг под друга, поэтому убираем вертикальную линию */
@media (max-width: 767px) {
    .vc_col-sm-3\/5.wd-rs-6a2145dee7cf5 > .vc_column-inner {
        border-left: none !important;
        padding-left: 15px !important; /* Возвращаем стандартный мобильный отступ */
        padding-top: 30px !important; /* Добавляем отступ сверху от заголовка */
    }
}


/* ==========================================
   БЛОК 3: ЧЕКЛИСТ (ДЛЯ КОГО ЭТО)
   ========================================== */

.omni-checklist-section {
    padding: 20px 0;
    max-width: 1000px; /* Ограничиваем ширину для лучшей читаемости */
    margin: 0 auto;
}

/* Стили заголовка */
.checklist-headline {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 42px !important;
    font-weight: 400 !important;
    color: #1F2428 !important; /* Темный графит */
    margin-bottom: 50px !important;
    text-align: center;
}

/* Сетка для пунктов (2 колонки) */
.checklist-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px; /* 40px отступ по вертикали, 60px по горизонтали */
}

/* Оформление каждого отдельного пункта */
.checklist-item {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(31, 36, 40, 0.1); /* Тонкая линия-разделитель внизу */
}

/* Настройка золотой галочки */
.checklist-item .check-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    margin-top: 2px; /* Легкая корректировка по высоте относительно текста */
}

/* Текст пункта */
.checklist-item p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #4A5047 !important; /* Оливково-серый */
    margin: 0 !important;
}


/* Правило для картинки-галочки */
.checklist-item .check-icon img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ==========================================
   МОБИЛЬНЫЙ АДАПТИВ
   ========================================== */
@media (max-width: 767px) {
    .checklist-headline {
        font-size: 32px !important;
        margin-bottom: 35px !important;
        text-align: left; /* На мобильных лучше смотрится по левому краю */
    }
    
    .checklist-grid {
        grid-template-columns: 1fr; /* Перестраиваем в 1 колонку */
        gap: 25px;
    }
}


/* ==========================================
   ФИНАЛЬНЫЙ CTA: РАЗДЕЛЬНЫЕ БЛОКИ
   ========================================== */

/* Заголовок CTA */
.omni-cta-content .cta-headline {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 48px !important;
    font-weight: 400 !important;
    color: #B89B5E !important; /* Золотой Champagne Gold */
    margin-bottom: 20px !important;
    text-align: center !important;
}

/* Подзаголовок CTA */
.omni-cta-content .cta-subtitle {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #E8DED0 !important; /* Мягкий бежевый Warm Beige */
    line-height: 1.5 !important;
    max-width: 650px !important;
    margin: 0 auto 30px auto !important; /* Отступ снизу до блока кнопки */
    text-align: center !important;
}

/* УНИВЕРСАЛЬНЫЙ КЛАСС ДЛЯ ЗОЛОТОЙ КНОПКИ (Extra class name) */
.omni-gold-btn {
    display: inline-block !important;
    background-color: #B89B5E !important;
    color: #FFFFFF !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 15px 35px !important;
    border: 1px solid #B89B5E !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Эффект при наведении на кнопку */
.omni-gold-btn:hover {
    background-color: transparent !important;
    color: #B89B5E !important;
    border-color: #B89B5E !important;
}

/* ==========================================
   МОБИЛЬНЫЙ АДАПТИВ
   ========================================== */
@media (max-width: 767px) {
    .omni-cta-content .cta-headline {
        font-size: 34px !important;
        line-height: 1.1 !important;
    }
    
    .omni-cta-content .cta-subtitle {
        font-size: 16px !important;
        margin-bottom: 25px !important;
    }
    
    /* Растягиваем кнопку на весь экран телефона */
    .omni-gold-btn {
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}


/* ==========================================
   МИНИМАЛЬНАЯ ВЫСОТА 44PX ДЛЯ ВСЕХ КНОПОК (ТЗ)
   ========================================== */

/* 1. Наша кастомная золотая кнопка CTA */
.omni-gold-btn {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Все системные кнопки темы WoodMart и форм (отправка писем и т.д.) */
.btn, 
.button, 
button, 
input[type="submit"], 
input[type="button"] {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. Ссылки в нижнем футере (чтобы они тоже отвечали требованиям кликабельности) */
.omni-footer-bottom-links a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
}