.fa-chevron-circle-up {background: var(--white) none repeat scroll 0 0;}
body {color:var(--fliesstext)}

/*Grün - Vollton: var(--linkfarbe)*/
a, a:hover,#inhalt table h3,a p.more, p.more a, .themen p a, footer .tabs-title.is-active a,  footer .tabs-title a:hover,
.accordion-title::before,.is-active > .accordion-title::before  {color:var(--linkfarbe);}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl, span.medium {color: var(--fliesstext)}
span.medium {color: var(--fliesstext)}
.inhalt-column {background-color:var(--white)}

.panel {background:#f3f3f3}
.aside .panel {background:var(--hintergrund);}
div.callback,div.teaserlink {background-color:var(--white)}
div.teaserlink,.accordion .accordion-navigation > a, .accordion dd > a,
.accordion .accordion-navigation > a:link, .accordion dd > a:link,
.accordion .accordion-navigation > a:visited, .accordion dd > a:visited,
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover ,
.accordion .accordion-navigation > a:active, .accordion dd > a:active  
{color:var(--white);border: 1px solid #f1f1f1;background-color:var(--linkfarbe)}
.teaser-grau {background-color: #f2f2f2;border:1px solid #d8d8d8}

div.teaserlink a,.accordion .accordion-navigation > a, .accordion dd > a,
div.teaserlink a::after,.accordion .accordion-navigation > a::after, .accordion dd > a::after {color:var(--white)}

.accordion.suche-acc .accordion-navigation > a::after {color:var(--linkfarbe);}
.accordion.suche-acc .accordion-navigation > a::before {content:'';left:0;width:0}
.accordion.staff dd > a,.accordion.staff dd > a:link,.accordion.staff dd > a:visited,.accordion.staff dd > a:hover,.accordion.staff dd > a:active {
  color:var(--linkfarbe);border: 0px solid #f1f1f1;background-color:var(--white)}
.accordion.staff .accordion-navigation > .content.active, .accordion.staff dd > .content.active {background: var(--white)}

footer .accordion .accordion-navigation > a,footer .accordion dd > a,
footer .accordion .accordion-navigation > a:link,footer .accordion .accordion-navigation > a:visited {color:var(--metanavi);background-color:transparent}
footer .accordion .accordion-navigation > a::before {color:var(--metanavi)}
footer .accordion .accordion-navigation > a:hover::before,footer .accordion .accordion-navigation > a:active::before,
footer .accordion .accordion-navigation > a:hover,footer .accordion .accordion-navigation > a:active,
footer .accordion .accordion-navigation.active a#biooek,footer .accordion .accordion-navigation.active a#bioport,
footer .accordion .accordion-navigation.active a#biooek::before,footer .accordion .accordion-navigation.active a#bioport::before  {color:var(--linkfarbe)}
footer .accordion .accordion-navigation > .content.active {background-color:transparent;}
footer .accordion ul li a::before {color:var(--metanavi)}

header div.callback {background:transparent}

.back a:before,a.liste:before {color:var(--linkfarbe)}
.back a:hover:before{color:var(--white);}

aside ul.news a, span.datum,label {color:var(--fliesstext)}
#fuss {background-color: var(--linkfarbe)}
footer p, footer a,footer a:hover, footer a:focus {color:#4D4C44}
footer .fussleiste a, footer .fussleiste a:hover, .inhalt-column a.drucken,.inhalt-column a.drucken:hover {color:var(--white)}

h1,h2,h3 {color:var(--linkfarbe)}
h1.titel {color: var(--metanavi)}
h1.titel span.sub {color: var(--linkfarbe)}
h1.titel span.sub.dklgruen {color: #007d40}
h2,h3,h4 {color:var(--fliesstext)}
h2.teaser, h2.teaser a.header {color:var(--linkfarbe)}
.aside h2.teaser{border-bottom:1px solid var(--linkfarbe);background:var(--hintergrund)}
.aside h2.teaser, .aside h2.teaser a.header {color:var(--linkfarbe)}
h2.twitter:after {color:var(--linkfarbe)}
footer h2 {color:var(--white);}
aside h2 {color:var(--linkfarbe)}
.metanavi li {border-right:1px solid var(--metanavi)}
.metanavi li a {color:var(--metanavi)}

.breadcrumbs > li,.breadcrumbs > * a {color:var(--fliesstext)}
.breadcrumbs > *::before {color: #aaa}

#breadcrumb {color:var(--metanavi);border-bottom:1px solid #c0c0c0}
#breadcrumb a {color:var(--metanavi)}

.tw_bildnavi .csc-textpic-imagewrap {height:180px;overflow:hidden}
.tw_bildnavi img {width:100%;max-width:100%;height:auto}
.tw_bildnavi a,.tw_bildnavi p{background:var(--linkfarbe);color:var(--white);display:block;text-align:center;font-size:1.5rem;line-height:1.2;}
.tw_bildnavi a p{position:relative;background:var(--linkfarbe);border-top:4px solid var(--linkfarbe);}
.tw_bildnavi a:hover p{position:relative;background:var(--hintergrund);border-top:4px solid var(--hintergrund);}
.tw_bildnavi p:after, .tw_bildnavi p:before,.tw_bildnavi p:hover::after,.tw_bildnavi p:hover::before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.tw_bildnavi p a{padding:1.25rem 0;margin-bottom:.9375rem;}
.tw_bildnavi a .fa:before,.tw_bildnavi i{color:#453410;}
.tw_bildnavi:hover a,.tw_bildnavi p:hover,.tw_bildnavi a:hover,.tw_bildnavi a:hover p{background:var(--hintergrund);color:var(--linkfarbe);}
.tw_bildnavi a:hover .fa:before,.tw_bildnavi a:hover i{color:var(--linkfarbe);}

/*Footer*/
footer .fussleiste {background: var(--linkfarbe);}
footer .fussleiste .columns {color: var(--white)}

.themenportale {background: var(--vcard)}

footer .themenportale h2 {color: var(--linkfarbe)}

ul.themenportal2 li a span, #fuss ul.themenportal2 li a span {color:#4d4c44}
.inhalt-column a.drucken {color: var(--white);background-color:var(--linkfarbe)}

footer .fussleiste a.drucken{background:var(--linkfarbe)}
footer .fussleiste a:hover,footer .fussleiste a .fa:hover{background:var(--white);color:var(--linkfarbe);}

input.tx_mailform_submit,input[type="button"].tx_mailform_submit, input.tx_mailform_submitextended {background-color: var(--linkfarbe)}

div.csc-textpic .csc-textpic-imagewrap img {border:1px solid var(--fliesstext)}

table tr th, table thead tr th,th.kopf, th.sorting_asc, th.sorting_desc {background-color: var(--linkfarbe)}
table tr td {color:var(--fliesstext)}
td {vertical-align: top;color: #eat2e1 ;}
table tr:nth-of-type(2n) {background: var(--vcard)}

a.ebene2, a.ebene3,
a.ebene2:hover, a.ebene3:hover, .service a:hover,
.menu1 > li > a:hover,.menu1 .active > a,
.menu.nested > li.active a,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {color: var(--linkfarbe)}
.top-bar-container .submenu li {border-bottom: 1px solid var(--linkfarbe)}
.top-bar-container .submenu li:not(.has-form):not(.active) > a:hover,.top-bar-container .submenu li.active > a.active {
    border-left:5px solid var(--linkfarbe);
    color: var(--linkfarbe);
}

@media only screen and (max-width:39.9375rem){
.ebene2 .is-accordion-submenu-parent > a::after {color:var(--linkfarbe);top:.875rem}
.top-bar ul.ham-service li {border-bottom:1px solid var(--linkfarbe)}
.top-bar ul.ham-service li a {color:var(--linkfarbe)}
}

@media only screen and (min-width: 48em) {
    footer figcaption {background:var(--white);color: var(--fliesstext)}
    footer figure:hover figcaption {color:var(--linkfarbe)}
}

footer .tabs .tab-title > a {background: transparent linear-gradient(to bottom, var(--white) 20%, var(--vcard)) repeat scroll 0% 0%;}
.tabs .tab-title.active,.tabs .tab-title.active > a {background:var(--white);color: var(--linkfarbe);}


@media only screen and (min-width: 55em) {

}

@media only screen and (min-width:64.0625em){
ul.themenportal2, #fuss ul.themenportal2 {background:var(--white)}
}

a .teasertext p,.panel a p {color:var(--linkfarbe);}
.aside a {color:var(--fliesstext)}
.aside a:hover {color:var(--linkfarbe)}
a p.more,.aside p.more a {color:var(--linkfarbe)}
a .linktext,.panel a p.linktext,
a p.linktext span.date,a:hover p.linktext span.date {color:var(--fliesstext)}
a:hover p.linktext,.panel a:hover p.linktext,.panel a:hover strong {color:var(--linkfarbe)}

p.level4,ul.level4 li {border:0px solid #F3F3F3;border-bottom:1px solid var(--linkfarbe);background-color:var(--vcard)}
ul.level4 li:hover {background-color: var(--white)}
p.level4 {border-left:5px solid var(--linkfarbe)}

.inhalt-column .top-bar-4 {background-color: var(--vcard)}
.inhalt-column .top-bar-4.expanded .title-area {border-bottom:1px solid var(--linkfarbe);background-color: var(--vcard)}
.inhalt-column .top-bar-4 .toggle-topbar,.inhalt-column .top-bar-4 .toggle-topbar a,.inhalt-column .top-bar-4.expanded .toggle-topbar a {color: var(--linkfarbe)}

.top-bar-4 li.level4{border-bottom:1px solid var(--linkfarbe)}
ul.level4 li {border-bottom:1px solid var(--linkfarbe);background-color: #F7F7F7}
ul.level4 li:hover a,ul.level4 li:hover a:hover {background-color: var(--vcard)}
ul.level4 li a:hover {border-left:5px solid var(--linkfarbe);background-color: var(--vcard)}
.top-bar-4 li a,ul.level4 li a {color:var(--fliesstext);border-left:5px solid var(--vcard)}
.top-bar-4 ul.title-area li a {border-left:5px solid var(--linkfarbe)}
ul.level4 li a:before {color: var(--fliesstext)}
ul.level4 li a:hover,ul.level4 li a:hover:before {color:var(--linkfarbe);}
ul.level4 li a:hover {border-left:5px solid var(--linkfarbe)}

a.sidebar {color:var(--metanavi)}
p.level4,ul.level4 li a:hover,a.sidebar:hover {color:var(--linkfarbe)}

.columns.teaser{border-bottom:1px solid #c0c0c0}

.slider-nav .slick-slide {background-color: #F7F7F7;border-bottom:1px solid #b5b5b5}
.slider-nav .slick-current{background:#b5b5b5}

div.text p,
div.text h3 {color: var(--fliesstext)}
.kopfslider div.text:hover h3,.kopfslider div.text:hover p {color:var(--linkfarbe)}

@media only screen and (min-width: 64.0625rem) {
.slick-prev::before, .slick-next::before {color: var(--fliesstext);}
.slick-prev:hover::before, .slick-next:hover::before {color: var(--linkfarbe);}
}

@media only screen and (max-width: 37.5rem) {
.veranstaltungen {border-top:1px solid #c0c0c0}
}

.vcard1 {border:1px solid var(--linkfarbe);background-color:var(--vcard)}
.tabs.ma .tab-title > a,.tabs.ma .tab-title.active > a {color:var(--fliesstext)}
strong.h2 {background-color: var(--fliesstext)}

.aside .image a::after{color:var(--fliesstext)}
.aside .image a:hover::after{color:var(--linkfarbe);}



/*top-bar navi*/

.top-bar,.top-bar.expanded,.top-bar.expanded .title-area, .title-bar {background-color: var(--linkfarbe)}
.top-bar-section ul li > a,.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar-section .dropdown li.parent-link a {color: var(--linkfarbe)}
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button),.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section .dropdown li.parent-link a:hover,.top-bar-section .dropdown li.title h5 a:hover {color: var(--white);background-color: var(--linkfarbe)}
.top-bar-section .dropdown li.title h5 a,.top-bar-section li.active:not(.has-form) li.back h5 a {background-color: var(--white);color: var(--linkfarbe)}
.top-bar-section ul li:hover:not(.has-form) > a {background-color: #f4eee2;color: var(--linkfarbe)}
.top-bar-section .dropdown li {border-bottom:1px solid var(--linkfarbe)}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {color:#453410}
.top-bar-section .dropdown li.title h5 a,.top-bar-section ul li.back{background-color: var(--white);color:var(--linkfarbe)}
.top-bar-section .dropdown li.title h5 a:hover,.top-bar-section ul li.back:hover{color: var(--white);background-color:var(--linkfarbe)}
.top-bar-section .dropdown li.active:not(.has-form) > a {background-color: var(--linkfarbe);color:var(--white)}
.top-bar-section li:not(.has-form) a:hover:not(.button) {background-color: var(--white);color: var(--linkfarbe)}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) > a:hover {background-color: var(--linkfarbe);color: var(--white)}
.contain-to-grid {background-color: var(--linkfarbe)}
.top-bar-section .smart li:not(.has-form) a:not(.button) {background-color: var(--vcard);color:var(--fliesstext);}

.top-bar-section .dropdown li.title h5 a:hover,.top-bar-section .dropdown li.parent-link a:hover,
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button) {background-color: var(--white);color: var(--linkfarbe)}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background-color: var(--vcard)}
.top-bar-section .topmenu li.ebene-1  a{background-color: var(--linkfarbe)}
.top-bar-section .topmenu li:not(.ebene-1)  a{background-color: var(--vcard)}
.top-bar-section .submenu li a{background-color: var(--vcard)}
.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,.top-bar-section .dropdown li:not(.has-form) a:not(.button):active {border-left:5px solid var(--linkfarbe)}
.top-bar-section ul li:hover,.top-bar-section li:not(.has-form) a:not(.button):hover{background-color: var(--white);color:var(--linkfarbe)}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),.top-bar.expanded .toggle-topbar a,.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {color: var(--fliesstext)}
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button),.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {background-color: var(--white);color: var(--fliesstext)}
.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:hover:not(.button) {background-color: var(--white);color: var(--fliesstext)}
.top-bar-section li.active:not(.has-form) span:not(.button),.top-bar-section li.trail:not(.has-form) span:not(.button) {border-left:5px var(--linkfarbe);background-color: var(--white);color: var(--fliesstext)}
.top-bar-section ul li:hover:not(.has-form) > a {background-color: var(--white);color: var(--fliesstext)}
.top-bar-section li.search,
.top-bar-section li.search:not(.has-form){border-left: 0px solid var(--white)}
.top-bar-section ul li.search:hover,.top-bar-section ul li.toggle-search:hover {background-color:var(--linkfarbe);}
.toggle-search {color: var(--white)}
#search-kompakt-elm {border-top:1px solid var(--white)}
#search-kompakt-elm #search-feld{background-color: var(--linkfarbe)}
input[type="submit"] {border: 1px solid var(--fliesstext);background-color: var(--fliesstext);color: var(--white)}
input[type="submit"]:hover{background-color:var(--white);color: var(--fliesstext);border: 1px solid var(--fliesstext)}
.original-container #wasserfall .ebene-1 .menu-link:after {color: var(--white)}
.original-container #wasserfall .ebene-2 .menu-link:after {color: var(--fliesstext)}

.original-container #wasserfall .ebene-1:hover .menu-link:after,
.original-container #wasserfall .ebene-2:hover .menu-link:after,
.original-container #wasserfall .ebene-3:hover .menu-link:after {color: var(--linkfarbe)}

@media only screen and (min-width: 64rem) {
#search-kompakt-elm-1024 #search-feld {background-color: var(--linkfarbe)}
}
.top-bar-section ul.level4 li {border:0px solid #F3F3F3;border-left:5px solid var(--vcard);background-color: #f7f7f7}
.top-bar-section ul.level4 li:hover {border-left:5px solid var(--linkfarbe);background-color: var(--vcard)}
.top-bar-section ul.level4 li:hover a,.top-bar-section ul.level4 li:hover a:hover {background-color: var(--vcard);border-left:5px solid var(--vcard)}
.top-bar-section ul.level4 li a {color:var(--metanavi)}
.top-bar-section ul.level4 li a:hover {color:var(--linkfarbe);}