/* wdj Allgemein ab 2019 */
body#wdj header.container-fluid.border-bottom {border: none; margin: 0;}
.container-fluid.wdj {position: relative; background: #3f584a; padding: 0; margin-bottom: 30px;}

.container-fluid.wdj picture.opener {display: none;}
.wdj  {}
.wdj .wdj-nav a {display: inline-block; width: 33.33333%; background-color: #3f584a; font: 15px Share-Regular, arial, sans-serif; color: #fff; text-align: center; height: 120px; padding-top: 30px; border-top: 1px solid #566a73; border-right: 1px solid #566a73; }
.wdj .wdj-nav a:before {font:300 53px var(--fontAwesome); display: block; position:relative; bottom: 14px;}
.wdj .wdj-nav a:first-of-type  {border-left: 1px solid #566a73;}
.wdj .wdj-nav a:hover, .wdj .wdj-nav a.current { background-color: #0d4023;  transition: background-color, 400ms;}
.wdj a.basics:before {content: '\f1b3';}
.wdj a.economy:before {content: '\f013';}
.wdj a.nature:before {content: '\f4bf';}
.wdj a.pedagogy:before {content: '\f19d';}
.wdj a.culture:before {content: '\f724';}
.wdj a.tips:before {content: '\f277';}
.wdj a.sights:before {content: '\f752';}
.wdj a.forest:before {content: '\f400';}
.wdj a.history:before {content: '\f70f';}
.wdj a.oak:before {content: '\f6f7';}
.wdj a.tree:before {content: '\f400';}
.wdj a.naturereserve:before {content: '\f4bf';}
.wdj a.tourism:before {content: '\f6ec';}
.wdj a.office:before {content: '\f1ad';}
.wdj a.region:before {content: '\f3c5';}
.wdj a.cowboy:before {content: '\f8ea';}
.wdj a.seedling:before {content: '\f4d8';}
.wdj a.squirrel:before {content: '\f71a';}
.wdj a.biking:before {content: '\f84b';}
.wdj a.users:before {content: '\f0c0';}
.wdj a.science:before {content: '\f610';}
.wdj a.partner:before {content: '\f4c6';}
.wdj a.chorin:before, .wdj a.mixedforest:before {content: '\f400' '\f1bb';}
.wdj a.forestresearch:before {content: '\f06c' '\f610';}
.wdj a.crane:before {content: '\f520';}
.wdj a.otter:before {content: '\f700';}
.wdj a.water:before {content: '\f4c1';}
.wdj a.halfperson:before {content: '\e548' '\f400' ;}
.wdj a.timeline:before {content: '\e29d';}
.wdj a.user:before {content: '\f007';}
.wdj a.pets:before {content: '\f701';}
.wdj a.treecity:before {content: '\e587';}
.wdj a.time:before {content: '\e29e';}

/* 5 Icons 2024+2025 */
.wdj .wdj-nav .jahr2024 .water, .wdj .wdj-nav .jahr2025 .pets { border-bottom: 1px solid #566a73; }

/*  Unterseiten*/
.wdj .wdj-logo { text-align: center; margin: 20px 0;}
.wdj .wdj-logo img { width: 164px; height: 164px; float: none; }

/*  Fix-Nav Mobil */
.wdj.mobile-banner .wdj-nav { background-color: #758681;position:fixed; bottom:0; left:0; z-index: 2; width: 100%; }
.wdj.mobile-banner .wdj-nav a { width: 16.6666%; font-size: 13px; height: 77px; padding-top: 18px;}
.wdj.mobile-banner .wdj-nav a span {display: none; }
.wdj.mobile-banner .wdj-nav a:before {font-size: 38px; bottom: 1px;}

.wdj.mobile-banner .wdj-nav .jahr2024 a { width: 20%; }

@media (min-width:768px) {

    .container-fluid.wdj picture.opener {display: block;}
    .container-fluid.wdj picture.opener img {width:100%;}
    .wdj .wdj-nav a { width: 16.66666%; border-top: none; font-size: 12px; }
    .wdj .wdj-logo { display:none;}

    /* 2024 */
    .wdj .wdj-nav .jahr2024 a {  width: 20%; }
    /* bei 5 Icons */ .wdj .wdj-nav .jahr2024 .water { border-bottom: none; }

    /*  Unterseiten*/
    .wdj.undersite .wdj-logo{ display: block;position: absolute; z-index: 2; left: 2%; top: 12px; text-align: left; margin:0;}
    .wdj.undersite .wdj-logo img { width: 96px; height: 96px; }
    .wdj.undersite .wdj-nav {text-align: right; }
    .wdj.undersite .wdj-nav a { width: 13.8%; font-size: 14px; }
    .wdj.undersite .wdj-nav a span {float: left; width: 100%;}
    .wdj.undersite .wdj-nav a:before {font-size: 44px;}

}
@media (min-width:992px) {

    .wdj .wdj-nav a {font-size: 15px; height: 120px; }
    .wdj .wdj-nav a:before {font-size: 56px; }

    /*  Unterseiten*/
    .wdj.undersite .wdj-nav a { width: 14.2%; font-size: 15px; }
    .wdj.undersite .wdj-logo{ top: 6px;}
    .wdj.undersite .wdj-logo img { width: 108px; height: 108px; }

}

@media (min-width:1200px) {

    .wdj .wdj-nav a {font-size: 17px; height: 126px; padding-top: 31px;  }

    /*  Unterseiten*/
    .wdj.undersite .wdj-logo img { width: 111px; height: 111px; }
    .wdj.undersite .wdj-nav a { width: 14.5%; height: 124px; }
    .wdj.undersite .wdj-nav a:before {font-size: 50px;}

 }

@media (min-width: 1500px){

    /*  Unterseiten*/
    .wdj.undersite .wdj-nav a { width: 16.6666%; font-size: 17px; }
    .wdj.undersite .wdj-nav a:before {font-size: 54px;}
    
}