body { font-size: 1.05em !important; }

:root {
    --linkColor: #e10066 ;
    --cdColor: #4168c1;
}

a { color: var(--linkColor); }
a:not(.logo):hover { color: var(--cdColor); }

header a.logo { display: block; background: url("../images/fwsv-logo.svg") no-repeat; width: 112px; height: 40px; grid-area: 1/1/-1/2; margin-top: 13px; }
header a.logo::after {content: 'Fachverband Wasserstraßen- und Schifffahrtsverwaltung'; font-size: .503em; display: block; padding-top: 36%; }
header .head-items { margin:10px 0 33px; grid-area: 1/2/-1/3; }
.head-border { background-color: var(--linkColor)}

.navbar-toggle { top: 12px; }

.breadcrumb { background-color: var(--linkColor)}

/* Regionalverbände */
.dce-member.layout-2 .zw-titel { border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: .4em; }

footer ul.sitemap h5 { font-size: 1.1em;}

/* Suche Anpassung */
.sortlink a { background-color: var(--cdColor) !important; }
#kesearch_results .result-list-item .result-number { color: var(--linkColor) !important;  }
#kesearch_results .result-list-item a { color: var(--linkColor) !important;  }
#kesearch_results .result-list-item .result-title a:hover { color: var(--cdColor) !important; }

@media (min-width: 768px) {

    header a.logo { width: 162px; height: 58px; margin-top: 1.7em; }
    header a.logo::after { font-size: .74em; }
    header .head-items { margin:24px 0 20px; gap: 16px; }
    header .head-border { height: 46px; }

    .fixed-navigation a.logo::after {display: none;}

    .navbar-toggle { top: 0; }

}

@media (min-width: 992px) {

    /* Head */
    header a.logo { width: 174px; height: 62px; margin-top: .8em;  }
    header a.logo::after { font-size: .84em; }
    header .head-border { height: 46px; }
    header .head-items { margin-top:18px; gap: 22px; }

    .fixed-navigation a.logo { width: 96px; left: 18px; margin-top: 12px; }

    /* Nav */
    nav ul a {font-size: 18px;}
    /* Nav 1 */
    nav>ul {gap: unset;}
    nav>ul>li>a {padding: 0 22px; }
    /* Nav 2 */
    nav ul li .nav-sec {padding-top: 30px; height: 90px;}
    nav ul>li.has-sub:hover:after {transform: translateX(30px); }
}

@media (min-width: 1200px) {

    /* Head */
    header a.logo { width: 200px; height: 71px; margin-top: -2px;  }
    header a.logo::after { font-size: .9em; }
    }