/*BMEL dkl-grün: rgb(35,97,79), #23614f
Kontrast zu grauem BG (rgb(238,238,238):6,3:1)
--> nur für Header

242/133/2 Orange 100 %
243/145/27
245/157/53 #f8c27d
246/170/78
247/182/103
248/194/128 #f8c27d
250/206/154
251/218/179
252/231/204
254/243/230 10 %

35/97/79 Dunkelgrün
216/233/208 Hellgrün für Farbflächen?
51/51/51 Dunkelgrau (anstatt Schwarz?)

*/
h1 {color:#333}
h2,.tabs-title > a,#anbietertabelle a, #anbietertabelle a:focus,a.liste,a.liste::before,a.icon-left,a.icon-left::before,
a,a.mail,a.download,a.internal-link,a.external-link-new-window,a:hover,a.magnificpopup:hover,a.magnificpopupgallery:hover, .card:hover h2 a,
.callout.secondary a {color: #23614f}
a.mail:hover,a.download:hover,a.internal-link:hover,a.external-link-new-window:hover,.callout.secondary a:hover,#anbietertabelle a:hover {background-color: #23614f;color: #fff}
.callout a,a.mail,a.download,a.internal-link,a.external-link-new-window {text-decoration:underline}
.callout a.button {text-decoration:none}
h3 {color: #333}
/*Fliesstext: #333*/
.title-bar a {padding: .25rem}
.title-bar a, .menu a, #main_nav a, #access_nav, button.access_aid, .callout, .callout.primary, .callout.secondary {color:#333}
.callout.primary.stack{margin-bottom:0;padding-bottom:0}
#access_nav:hover,#access_nav:focus,button.access_aid:hover, button.access_aid:focus,.title-bar a:hover, .title-bar a:active, .title-bar a:focus,.tabs-title > a:hover, .tabs-title > a:visited {color: #23614f;text-decoration:underline}
/*Hamburger*/
.icon-close::before {color:#333}
button#access_nav {background:#fff;font-size:1.125rem!important;padding-top: 3.5rem;position:fixed;left:1.875rem;top:0;z-index:10}
button#access_aid1 {padding-top: 3rem;position:relative;left:.9375rem;top:0;font-size:1.875rem !important;}
.icon-hamburger::before {left: 1.5rem;top: 1.25rem;width: .875rem;font-size:1.875rem;}

/*.menu a, #main_nav a {color:#23614f}*/
.menu li a:hover,.menu li a.ebene2-aktiv,#main_nav li a:hover,#main_nav li a.ebene2-aktiv,p.bodytext a:hover, p.bodytext a:focus, .callout a:hover, .callout a:focus,#inhalt .masonry-brick figcaption:hover,#inhalt .masonry-brick figcaption:focus 
,#inhalt .gridinfo figcaption:hover,#inhalt .gridinfo figcaption:focus 
{background:#23614f;color:#fff}
.menu .active a {background: #333;color:#fff}

#main_nav li.active a.ebene1-active, #main_nav li.active a.ebene2-active, #main_nav li a:hover, #main_nav li a:active, #main_nav li a:focus,.title-bar a:hover, .title-bar a:active, .title-bar a:focus
 {background:#23614f; color:#fff}


/*Orange durch BMEL dkl-grün ersetzen*/
[class^="icon-"], [class*=" icon-"], .news a,
[class^="icon-"]:link,[class^="icon-"]:hover, [class*=" icon-"]:link, [class*=" icon-"]:hover, .news a {color:#23614f}
[class^="icon-"]:hover, [class*=" icon-"]:hover,[class^="icon-"]:focus, [class*=" icon-"]:focus {text-decoration:underline}

[class^="icon-up"]:after {padding-bottom: 0rem;font-size: 1.875rem}

.detail {clear:both;display:block}
.read-more-show {font-weight:bold}
/*Kontrast weiß : dkl-grün = 7,3:1*/
button, a.button, a.button:link, a.button:visited, .callout.secondary a.button, [type="submit"], p.news-more a {background-color:#f8c27d;border-radius: 1rem;color:#333;border: 1px solid #f8c27d;}
/*button:hover,*/.button:focus,.button:hover,.button:active,a.button:focus,a.button:hover,a.button:active,[type="submit"]:hover, .callout.secondary a.button:hover,.callout.secondary a.button:active,.callout.secondary a.button:focus,p.news-more a:focus, p.news-more a:hover, p.news-more a:active
{background-color: #fff;border: 1px solid #333;color:#333;text-decoration:underline}

.button.prev:before,.button:after, .news-more a:after {content: "\e91a";font-family: "icomoon";font-weight: normal;line-height: 1.2;font-size: .8125rem;padding-left: .25rem;display: inline-block;}
.button.prev:after {content: "";padding-left: 0;}
.button.prev:before {transform: rotate(180deg)}
/*.callout.secondary {background-color: #d8e9d0}*/

footer a, #footer a {opacity:1;padding: .25rem;text-decoration:underline}
footer a:link,footer a:visited {color:#fff;}
footer a:hover, footer a:active, footer a:focus {background-color: #23614f}

footer a.cfh, a.bmel,a.bmel:hover, a.bmel:active, a.bmel:focus {background:transparent;opacity:1}

/*to top*/
a#scroll-top {background:#fff;border-radius:1rem;color:#333;font-size: 1.125rem;font-weight: bold;padding:2.25rem .25rem .75rem ;text-align:center;}
a#scroll-top:hover,a#scroll-top:focus {color:#23614f;text-decoration:underline}
a#scroll-top:before {background:#fff;content: "\e926";display: block;font-family: 'icomoon';font-size:1.875rem;height: 2px;left: .5rem;position: absolute;top: .25rem;width: .875rem;}
/*cookiebar*/
.cookiebar {background: #23614f}

.registrierung form {background-color:transparent}

a img {border:1px solid transparent;}
a:focus img {border:1px solid #23614f;}

[type="text"]::placeholder, [type="password"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333;
  font-style:italic;
  opacity: .7; /* Firefox */
}

[type="text"]:-ms-input-placeholder,[type="password"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;  font-style:italic;opacity: .9
}

[type="text"]::-ms-input-placeholder,[type="password"]:-ms-input-placeholder { /* Microsoft Edge */
  color: #333;  font-style:italic;opacity: .9
}
.gridinfo .panel {background:#fff;}
.gridinfo .panel img, .popup-gallery img {
  aspect-ratio: 4/3;
  height: auto;
  object-fit: cover;
  width: 100%;
}