body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url('../images/logo-bg.png') no-repeat center center;
    background-size: 50%;
    opacity: 0.2;
    z-index: -1;
    pointer-events: none;
}

/* Фирменные цвета Mediphysiotherapie GbR */
:root {
  --primary-color: #28a795;
  --primary-color-dark: #208677;
  --secondary-color: #bed62f;
  --secondary-color-dark: #a3b824;
  --dark-color: #333333;
}

a {
    color: var(--primary-color);
}
a:hover, a:focus {
    color: var(--secondary-color-dark);
    text-decoration: none;
}

.btn.btn-primary {
    background: var(--primary-color) !important;
    border-color: var(--primary-color-dark) !important;
    color: #fff !important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
    background: var(--primary-color-dark) !important;
    border-color: var(--primary-color-dark) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--dark-color);
}

#header .navbar-section .active > a {
    color: var(--primary-color) !important;
    border-bottom: 2px solid var(--secondary-color);
    padding-bottom: 2px;
}
#header .navbar-section a:hover {
    color: var(--secondary-color-dark) !important;
}

::selection {
    background: var(--secondary-color);
    color: var(--dark-color);
}

/* Исправление цвета для активного пункта меню */
#header a.active, 
ul.navigation a.active, 
.dropmenu a.active {
    color: var(--primary-color) !important;
}

/* Цвет иконки мобильного меню (гамбургер) */
.mobile-menu .button_container span {
    background: var(--primary-color) !important;
}

/* Мобильное (выпадающее) меню: светлый фон и цвета ссылок */
.overlay {
    background: rgba(255, 255, 255, 0.95) !important;
}

.overlay-menu a, 
.overlay-menu ul li a, 
.treemenu li a,
.treemenu.treemenu-root li a {
    color: var(--dark-color) !important;
}

.overlay-menu a:hover, 
.overlay-menu ul li a:hover, 
.treemenu li a:hover,
.treemenu.treemenu-root li a:hover,
.overlay-menu a.active, 
.treemenu li a.active {
    color: var(--primary-color) !important;
}
