/* Farben
grün:#4e920b
grau:#515151 => #3f3f3f
rot:#c71e1e
hellgrün (Logo):#a7c784
hellgrau:#d3d3d3
sehr helles grau:#efefef => #f7f7f7
sehr helles grün:#e3f5d0
*/

:root {
	--color-gruen: #4e920b;
	--color-hellgruen: #a7c784;
	--color-hellgruen-flaeche: #e3f5d0;
	--color-grau: #3f3f3f; 
	--color-hellgrau: #d3d3d3;
	/* Grautöne aus Bootstrap */
	--color-hellgrau-flaeche: #f7f7f7;
	--color-hellgrau-linie: #d3d3d3; /* orig: #ced4da */
	--color-mittelgrau-linie: #9f9f9f; 
	--color-rot: #c71e1e;

	/* hier nochmal überdenken! */
	--color-x1:#515151;
	--color-x2:#dee2e6;
	--color-x3:#e9ecef;
	--color-x4:#f1f3f5;
	--color-x5:#9ec5fe;
	--color-x6:#f5efe1;
}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
    font-family: 'MuseoSlab500';
    src: url('../Fonts/Museo_Slab_500-webfont.eot');
    src: url('../Fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('../Fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('../Fonts/Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'MuseoSlab500Italic';
    src: url('../Fonts/Museo_Slab_500italic-webfont.eot');
    src: url('../Fonts/Museo_Slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Museo_Slab_500italic-webfont.woff') format('woff'),
         url('../Fonts/Museo_Slab_500italic-webfont.ttf') format('truetype'),
         url('../Fonts/Museo_Slab_500italic-webfont.svg#MuseoSlab500Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


#page {
	padding-top:0; 
}

#page > header {
	padding-top:0.5rem;
}

:focus {
	outline: 2px solid var(--color-hellgruen);
}

/* Logo */
#logo .logo-img {
	/*float:left;*/
	padding-right:1rem;
}

#logo .logo-img img {
    width:8rem;
	vertical-align:text-top;
}

#logo .logo-text {
	/*float:left;
	padding-left:1rem;*/
	color: var(--color-gruen);
	/*font-weight:bold;*/
}

#logo .logo-text span {
	display:block;
}

#logo .brandline {
	/*font: bold 1.1em 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif; */
	font-size:0.75rem;
	color:#515151;	
	margin-bottom:1rem;
	line-height:1.25em;
    display:block;
    height:auto;
    width:auto;
    text-indent:0;
}

#logo .slogan {
	font-size:1.5rem;
	line-height:1.25em;
}

#logo .sub-slogan {
	font-size:0.9rem;
	line-height:1.25em;
}


@media (min-width: 768px) { 
	#logo .brandline {
		font-size:0.85rem;
		margin-bottom:1.5rem;
	}

	#logo .slogan {
		font-size:2rem;
		line-height:1.25em;
	}

	#logo .sub-slogan {
		font-size:1rem;
		line-height:1.25em;
	}
}

@media (min-width: 992px) { 
	#logo .brandline {
		font-size:0.9rem;
		margin-bottom:1.25rem;
	}

	#logo .slogan {
		font-size:2.5rem;
		line-height:1.25em;
	}

	#logo .sub-slogan {
		font-size:1.25rem;
		line-height:1.25em;
	}
}

/* Hauptmenü */
#menue {
	font-family:'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif; 
	font-size:1.1rem;
	border-bottom: 1px solid #dee2e6;
}

#menue .navbar {
	clear:both;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	padding-top:1rem;
}

#menue .navbar-nav .nav-item a {
    text-decoration:none;
	padding-left:1rem;
	padding-right:1rem;
	color:#515151;
}

#menue .navbar-nav .nav-item a:hover {
	/*color:var(--color-gruen);*/
	background-color:var(--color-hellgruen-flaeche);
}

#menue .navbar-nav .nav-item.active > a {
	background-color:var(--color-gruen);
	color:var(--color-weiss);
}

#menue .dropdown-menu .active > a {
    background-color:#e9ecef;
	background-color:var(--color-hellgruen-flaeche);
}

#menue .dropdown-menu {
	margin-top:0;
}

#menue .navbar-toggler {
	margin-bottom:0.5rem;
	text-align:right;
}


/* Suchfeld */
#searchbox {
	font-family:'Roboto', Arial, sans-serif;
}

.navbar .form-control {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5rem
}

#searchbox .tx-indexedsearch-searchbox-sword {
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;	
}

#searchbox .tx-indexedsearch-searchbox-sword {
	width:15rem;
}

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

@media (min-width: 992px) { 
	#searchbox .tx-indexedsearch-searchbox-sword {
		width:8rem;
	}

	#searchbox .bildbutton {
		padding-left:1rem;
		padding-right:1rem;
	}

	#searchbox .bildbutton .text {
		display:inline-block;
		text-indent:-99999px;
	}

	#searchbox .bildbutton .icon {
		margin-right:0;
	}
}

@media (min-width: 1200px) { 
	#searchbox .tx-indexedsearch-searchbox-sword {
		width:15rem;
	}
}


/* Seitenmenü */
.subnav {
}

.subnav .navheader {
	font-family:'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
	font-size:1.2rem;
	color:var(--color-weiss);
	background-color:var(--color-gruen);
	padding:0.5rem 1rem;
	margin-bottom:0;
}

.submenue {
	list-style:none;
	margin:0;
	padding:0;
	/*background-color:var(--color-hellgruen);*/
	background-color:#f1f3f5;
	background-color:var(--color-hellgrau-flaeche);
	padding:0.5rem 1rem;
}

.submenue .nav-item {
	border-bottom:1px solid rgba(52,58,64,.5); /*#343a40;*/
}

.submenue .nav-link {
	text-decoration:none;
	color:var(--color-grau);
	padding:0.5rem 0;
	border:none;
}

nav > .submenue .nav-item:last-child {
	border:none;
}

.submenue .submenue {
	padding:0;
	padding-bottom:0.5rem;
}

.submenue .submenue .nav-item {
	border:none;
}
.submenue .submenue .nav-link {
  padding-left: 2rem;
  background-color: var(--color-weiss);
}
.submenue .submenue .nav-link {
	padding:0.25rem 0 0.25rem 1em;
    background-image:url(../pics/chevron-right.svg);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:0.8em; /*contain;*/
	background-color:transparent;
	border:none;
}
.submenue .submenue .submenue .nav-link {
	padding-left:0;
}
.submenue .submenue .submenue .submenue .nav-link {
	padding-left:0;
}
.submenue .submenue .submenue .submenue .submenue .nav-link {
	padding-left:0;
}

.submenue .nav-link:hover, .submenue .rootline > .nav-link:hover {
	color:var(--color-gruen);
	background-color:transparent;
}

.submenue .active > .nav-link {
	color:var(--color-gruen);
	font-weight:bold;
	background-color:transparent;
  }

/* Brotkrumenmenü */
.breadcrumb {
    margin-left:0;
	background-color:var(--color-hellgrau-flaeche);
	color:var(--color-grau);
	border-radius:0;
}

/* Inhaltsbereich */
#content {
    /* padding-top:6em; Ausgleich für fixed-Header */
	padding-bottom:2rem;
	padding-top:0;
}
#banner + #content {
}

.inner-content {
    /*padding:1.5em 0;*/
	padding:1.5rem 0 0.5rem 0;
}


/* Allgemein */
a {
	color:var(--color-gruen);
}

h1 {
	font-family:'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif; 
	color:var(--color-gruen);
}

h5 {
	line-height:1.5em;
}

/* wie Absatz nur fett */
h6 {
	font-weight: bold;
	line-height:1.5em;
	margin-bottom:0;
}

.zierschrift {
	font-family:'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif; 
	color:var(--color-gruen);
}

.btn-primary {
	background-color:var(--color-gruen);
	border-color:var(--color-gruen);
}
.btn-primary:hover {
	background-color:var(--color-weiss);
	color:var(--color-gruen);
	border-color:var(--color-gruen);
}

.btn-secondary {
	background-color:var(--color-weiss);
	color:var(--color-gruen);
	border-color:var(--color-gruen);
}
.btn-secondary:hover {
	background-color:var(--color-gruen);
	border-color:var(--color-gruen);
	color:var(--color-weiss);
}

.schrift-gruen {
	color:var(--color-gruen);
}


/* Gridelemente */
.tab-container .nav-link:hover {
	background-color:var(--color-hellgruen-flaeche);
	color:var(--color-gruen);
}

.tab-container .nav-pills .nav-link.active {
	background-color:var(--color-gruen);
	color:var(--color-weiss);
}

.bildbox h1, .bildbox h2 {
	/*font-size:2rem;*/
	font-family:'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif; 
	color:inherit;
}

.teaserbox h1, .teaserbox h2 {
	font-size:1.75em;
	font-family:'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif; 
	color:inherit;
	color:var(--color-gruen);
}

.bgrot h1, .bgblau h1, .bggruen h1, .bggelb h1, .bggrau h1, .bgdunkelblau h1, .bgorange h1, .bglila h1, .bgtuerkis h1, .bgpetrol h1, .bgbraun h1, .bgkostagruen h1,
.bgrot h2, .bgblau h2, .bggruen h2, .bggelb h2, .bggrau h2, .bgdunkelblau h2, .bgorange h2, .bglila h2, .bgtuerkis h2, .bgpetrol h2, .bgbraun h2, .bgkostagruen h2, 
.bgrot a, .bgblau a, .bggruen a, .bggelb a, .bggrau a, .bgdunkelblau a, .bgorange a, .bglila a, .bgtuerkis a, .bgpetrol a, .bgbraun a, .bgkostagruen a {
		color:var(--color-weiss);
}

.bgbox .btn-primary, .bgbox .btn-secondary:hover {
	color:var(--color-weiss);
}
.bgbox .btn-primary:hover, .bgbox .btn-secondary {
	color:var(--color-gruen);
}

.bgkostagruen {
    background-color:var(--color-gruen);
    color:var(--color-weiss);
}
.bgkostagruen .text-muted {
	color:var(--color-weiss) !important;
}
.bgkostagruen .zitatbox .boxicon, 
.bgkostagruen .zitatbox .blockquote-footer, 
.bgkostagruen h1, .bgkostagruen h2 {
	color:var(--color-weiss);
}

.bghellgruen {
    background-color:var(--color-hellgruen-flaeche);
}


/* mobile Optimierung für Slider */
@media (max-width: 991px) { 
	.carousel .bildbox {
		min-height:550px;
	}

	.carousel .bildbox .bildbox-hintergrundbild {
		margin-bottom:1.5rem;
	}

	.carousel .bildbox .bildbox-caption {
		position:static;
		padding-top:0;
		padding-bottom:0;
	}
}

@media (max-width: 767px) {
	.carousel .bildbox {
		min-height:420px;
	}

}

@media (max-width: 1199px) {
	#content .carousel .display-3, #banner .carousel .display-3 {
	font-size: 3.25rem;
	}
}

@media (max-width: 991px) {
	#content .carousel .display-3, #banner .carousel .display-3 {
	font-size: 2.5rem;
	}
}

@media (max-width: 767px) {
	#content .carousel .display-3, #banner .carousel .display-3 {
	font-size: 1.75rem;
	}
}

/* Kooperationspartner */
footer #kooperationspartner {
	padding:1.5rem 0;
	margin-bottom:1rem;
}

footer #kooperationspartner h3 {
	font-family:'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif; 
	font-size:1.5rem;
	color:var(--color-gruen);
	margin-bottom:1.5rem;
}

footer #kooperationspartner img {
	max-height:7rem;
	width:auto;
}

footer #kooperationspartner .row.logos {
	margin-bottom:1.5rem;
}

footer #kooperationspartner .row.logos .image {
	margin-bottom:1.5rem;
}

@media (min-width: 992px) { 
	footer #kooperationspartner .logos {
		margin-right: 3em;
	}
}


/* Verbundkarte */
.tx-verbundkarte .infolist ul {
	margin-bottom: 1.5rem;
}

.tx-verbundkarte .infolist ul ul {
	margin-bottom:0;
}

.tx-verbundkarte .teaserbox h5 {
	/*color:var(--color-gruen);
	font-weight:bold;*/
}


/* Slider */
/* hier in Basis übertragen */
.carousel-control-prev .control, .carousel-control-next .control {
	border: 2px solid rgba(255, 255, 255, 0.7);
}
.carousel.navhell .carousel-control-prev .control, .carousel.navhell .carousel-control-next .control {
	border: 2px solid rgba(0, 0, 0, 0.5)
}
.carousel-control-prev:focus .control, .carousel-control-next:focus .control, 
.carousel.navhell .carousel-control-prev:focus .control, .carousel.navhell .carousel-control-next:focus .control {
	border: 2px solid var(--color-hellgruen-flaeche);
}
.carousel.navhell .carousel-control-prev:focus .control, .carousel.navhell .carousel-control-next:focus .control {
	border: 2px solid var(--color-hellgruen);
}


/************************************ Börsen ************************************/
.boersen-form {
	border: 1px solid rgba(0,0,0,.125);
	padding: 1.25rem;
}

.boerse .btn {
	border: 1px solid var(--color-gruen);
}

.boerse legend {
	float: none;
}

.boerse .nocol .inner {
	padding: 0 15px; /* Achtung: hier auch in forms-buttons.css anpassen! */
}


/************************************ Suche ************************************/
.tx-indexedsearch-info-sword .tx-indexedsearch-sw, .tx-indexedsearch-redMarkup {
	color:var(--color-gruen);
	font-weight:bold;
}

.tx-indexedsearch-icon img {
	height:1em;
	width:auto;
}

.tx-indexedsearch-res-header {
}

ul.tx-indexedsearch-browsebox li strong a, ul.tx-indexedsearch-browsebox li strong a:hover {
	/* active */
	background-color:var(--color-gruen);
	color:var(--color-weiss);
}


/************************************ Cookie-Hinweis ************************************/
.cc-revoke.dp--revoke:focus {
	background-color:var(--color-gruen) !important;
	opacity:1 !important;
}

.cc-window .cc-message h2 {
	color:var(--color-weiss);
	font-size:1.75rem;
	font-family:'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif; 
}

.cc-window .cc-compliance.cc-highlight .cc-btn {
	background-color:var(--color-gruen) !important;
	color:var(--color-weiss) !important;
}

/* hier in Basis übertragen! */
.cc-btn:focus {
	border-color: #5468ff;
}

.dp--overlay .db--overlay-submit {
	cursor:pointer;
	text-decoration:none;
	font-weight:normal;
	border-radius:5px;
	background-color:var(--color-gruen);
	color:var(--color-weiss);
}
.dp--overlay .db--overlay-submit:hover {
	background-color:#f5efe1;
	color:var(--color-gruen);
}

/* neuer Cookie-Hinweis */
.cc-window a:hover {
	background:none;
}


.dp--overlay-button button {
    background-color:var(--color-weiss);
    color:var(--color-rot);
	border:1px solid var(--color-rot);
	opacity:1;
}

.dp--overlay-button button:hover, .dp--overlay-button button:focus {
	background-color:var(--color-rot);
	color:var(--color-weiss);
}


/* Zeitstrahl */
.timeline dt::after {
	/*background-color:var(--color-hellgruen);*/
	border: 4px solid var(--color-gruen);
	background-color:var(--color-weiss);
	/*border: 4px solid var(--color-hellgruen);*/
}


/* Formulare tx-forms */
.form-group label {
	font-weight: bold;
}

.form-group .input.checkbox .form-check {
	padding-left:0;
}

.form-group .input.checkbox .help-block {
	padding-left:1.15em;
	display: inline-block;
}