:root{

    --clr-white: #ffffff;
    --clr-black: #000000;

    --clr-font: #0073b6;
    --clr-font-dark: #00588b;
  
    --clr-corporate: #76B82A;
    --clr-corporate-dark: #599613;
}


header .topMenu li .nav-link:hover{
    background-color: var(--clr-secondary);
    border-color: var(--clr-secondary);
}
.topMenu ul li:first-of-type .nav-link:hover{
    background-color: var(--clr-secondary);
    border-color: var(--clr-secondary);
}
header.scrollToggle .topMenu li:first-of-type .nav-link:hover{
    background-color: var(--clr-orange);
    border-color: var(--clr-orange);
}
header.scrollToggle .topMenu li:not(:first-of-type) .nav-link:hover{
    background-color: transparent;
    border-color: white;
}
header.scrollToggle .topMenu.open li:first-of-type .nav-link:hover{
    background-color: var(--clr-secondary);
    border-color: var(--clr-secondary);
}
header.scrollToggle .topMenu.open li:not(:first-of-type) .nav-link:hover{
    background-color: var(--clr-secondary);
    border-color: var(--clr-secondary);
}


.keyvisual .keyvisual_content h1::after{
    background-image: url(/wp-content/themes/heimbeatmung/assets/2/img/key_h1_deco.png);
}


/***********************

    COLORS

***********************/


.siteHeader .siteLogo {
    background-color: var(--clr-font);
}
.teaser_tile_slim_element .content {
    background-color: var(--clr-corporate);
}
.buttons .btn{
    background-color: var(--clr-corporate);
    border-color: var(--clr-corporate);
}
.buttons .btn:hover{
    background-color: var(--clr-corporate-dark);
    border-color: var(--clr-corporate-dark);
}

h1, h2 {
    color: var(--clr-font);
}
.acf-block2 .cardList_counter {
    background-color: var(--clr-font);
}
.btn {
    border-color: var(--clr-font);
    color: var(--clr-font);
}
.btn:active,
.btn:focus,
.btn:focus-visible,
.btn:hover {
    background-color: var(--clr-font) !important;
    border-color: var(--clr-font) !important;
    color: var(--clr-white) !important;
}
main a {
    color: var(--clr-font);
}
footer a:hover,
main a:hover {
  color: var(--clr-font-dark) !important;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--clr-font);
}
.nav-link:focus, .nav-link:hover {
    color: var(--clr-font);
}
.footer-1 .top .left {
    color: var(--clr-font);
}
.post-edit-link {
    color: var(--clr-font) !important;
}

details::before {
    background-image: url(/wp-content/themes/heimbeatmung/assets/2/img/detailsPlus.svg);
}
details[open]::before {
  background-image: url('/wp-content/themes/heimbeatmung/assets/2/img/detailsMinus.svg');
}

.acf-block2 ul li::before {
    background-color: var(--clr-font);
}

.entry-content a[target="_blank"]::after {
  background-color: var(--clr-font);
}

.entry-content a[target="_blank"].btn:active::after,
.entry-content a[target="_blank"].btn:hover::after,
.entry-content a[target="_blank"].btn:focus::after,
.entry-content a[target="_blank"].btn:focus-visible::after {
  background-color: white !important;
  border-color: var(--clr-font) !important;
  color: var(--clr-white) !important;
}

.acf-block2 .balloon::before {
  background-image: url(/wp-content/themes/heimbeatmung/assets/2/img/haken.png);
}