/* Logo: Position geändert */


.logo {
    position: relative;
    left: 3.7037%;
}


@media screen and (max-width: 900px){
.logo img {
    max-height: 4.5rem;
}
}

@media screen and (max-width: 349px){
.logo img {
    max-height: 4rem;
}
}

/* Header */



@media (max-width:599px) {
.header-navigation {
    height: 1px;
}
}

.header-navigation-inner {
    height: 80px;
}

.page-header.is-fixed {
	background-color: #ffffff;
}

/* Breadcrumb */

.tagline {
	background: #ffffff;
}

.tagline .mod_breadcrumb {
    float: none;
    padding: 1rem 0 1rem 0;
}

@media (max-width:900px) {
.tagline .mod_breadcrumb {
    float: none;
    padding-left: 0;
}
}

@media (max-width:599px) {
.tagline .mod_breadcrumb {
    display: none;
}
}


/* Main Navigation: Hover-Border rausgenommen */

.main-navigation {
	float: none;
}

.main-navigation > ul > li {
	height: 100%;
}

@media screen and (max-width: 900px) {

.main-navigation > ul > li {
	height: 60%;
}
}

.main-navigation > ul > li > a:after,
.main-navigation > ul > li > strong:after,
.main-navigation > ul > li > span.active:after,
.main-navigation > ul > li > span.trail:after,
.main-navigation > ul > li > span.forward:after {
	/*content: "";
	position: absolute;
	top: -1px;
	right: 50%;
	left: 50%;*/
	border-top: 0px;
/*	-webkit-transition: right 0.4s ease-out, left 0.4s ease-out;
	-moz-transition: right 0.4s ease-out, left 0.4s ease-out;
	-o-transition: right 0.4s ease-out, left 0.4s ease-out;
	transition: right 0.4s ease-out, left 0.4s ease-out;*/
}

.main-navigation > ul > li > a:before,
.main-navigation > ul > li > span.active:before,
.main-navigation > ul > li > span.trail:before,
.main-navigation > ul > li > span.forward:before {
    height: 50%;
}

@media screen and (max-width: 900px) {
.main-navigation-search {
    top: -70%;
}
}

.main-navigation-mobile-search button:after {
	color: #636363;
}

.sub-navigation ul a.active, .sub-navigation ul span.active {
	font-weight: bold;
}

/* Main Content */

.main-content h2 {
	color: #669c03;
}

/* Tabellen */

tr {
	vertical-align: top;
}

table td {
    padding: 0.375em 0.625em 1.375em 0.625em;
}

/* Akkordeons */

.ce_accordion .accordion {
    background: #ffffff;
}

.ce_accordion .accordion .ce_image {
    padding-top: 1em;
}

/* News-Bereiche */
/* in main */
.news-image-teaser {
	border-bottom: 1px solid #d4dac8;
    position: relative;
    margin: 2.25em 0 4.5em 0;
    padding-left: 0;
}

.news-image-teaser h2 {
	border-bottom: none;
}

/* Seitenspalte */

/* News-Anzeige*/

aside .mod_newslist {
	background-color: #e8edde;
	border: 1px solid #669c03;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 3em;
	padding: 10px;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4 {
    margin: 0.25em 0 0.5em;
    padding: 0 0 0.42857em;
    color: #333333;
}

aside .news-footer-item {
    margin: 0.57143em 0 1.57143em 0;
    min-height: 2.57143em;
}

/* Auszeichnung externer Links */

a[href^="http:"], a[href^="https:"] {
  background-image: url(external.png);
  background-position: right top;
  background-repeat: no-repeat;
  padding-right: 24px;
}

a[href^="http:"]:hover, a[href^="https:"]:hover {
  background-image: url(external-hover.png);
}



@media screen and (max-width: 599px) {
.header-bar {
	display: block;
}

.header-bar {
	height: 44px;
	height: 2.75rem;
}

.main-navigation-mobile-open {
    position: absolute;
    top: 21px;
    left: 6.66667%;
    width: 44px;
    height: 39px;
    margin: -20px 0 0 -11px;
    padding: 11px;
    display: block;
    z-index: 200;
    text-indent: -99em;
    line-height: 0;
}

.main-navigation-mobile-open:after {
	background: #ffffff;
	box-shadow: 0 7px #ffffff, 0 14px #ffffff;
}

.header-dropdown {
	display: none;
}

.header-login > h3 {
	font-size: 1.25em;
}

}

.news-footer-item time {
    display: none;
}

.news-footer-item time + a {
    padding-left: 0;
}


aside .news-footer-item {
    margin: 0 0 1em 0;
    min-height: 1rem;
}














/* Contao 5: Bild- und Galerie-Styles aus Tao 1.6.7 */
/* ===========================================
 * Content elements
 * ======================================== */
.media > figure,
.content-image > figure,
.content-gallery figure,
.image_container {
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding: 0.75em;
	border: 1px solid #b2b9c4;
	border-radius: 2px;
	background: white;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.tagline .content-image > figure,
.tagline .image_container {
	position: relative;
	display: block;
	max-width: 100%;
	padding: 0;
	border: none;
	border-radius: 0;
	background: white;
	background-image: none;
	box-shadow: none;
}
.media > figure.float_above,
.content-image > figure.float_above,
.content-gallery figure.float_above,
.image_container.float_above {
	margin-top: 1.5em;
}
.media > figure.float_below,
.content-image > figure.float_below,
.content-gallery figure.float_below,
.image_container.float_below {
	margin-bottom: 1.5em;
}
.media > figure img,
.content-image > figure img,
.content-gallery figure img,
.image_container img {
	display: block;
	width: 100%;
	height: auto;
}
.media > figure a,
.content-image > figure a,
.content-gallery figure a,
.image_container a {
	position: relative;
	display: block;
	overflow: hidden;
	/* Fixes IE bug */
	text-decoration: none;
}
.media > figure a:hover:before, .media > figure a:focus:before,
.content-image > figure a:hover:before,
.content-image > figure a:focus:before,
.content-gallery figure a:hover:before,
.content-gallery figure a:focus:before,
.image_container a:hover:before,
.image_container a:focus:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
}
.media > figure a:hover:after, .media > figure a:focus:after,
.content-image > figure a:hover:after,
.content-image > figure a:focus:after,
.content-gallery figure a:hover:after,
.content-gallery figure a:focus:after,
.image_container a:hover:after,
.image_container a:focus:after {
	font: 1.5em/1 "RockSolid Icons";
	content: "\2b";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin: -0.5em;
	color: white;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.media > figure a:hover img, .media > figure a:focus img,
.content-image > figure a:hover img,
.content-image > figure a:focus img,
.content-gallery figure a:hover img,
.content-gallery figure a:focus img,
.image_container a:hover img,
.image_container a:focus img {
	filter: blur(2px);
	transform: scale(1.05);
}
.media > figure figcaption, .media > figure .caption,
.content-image > figure figcaption,
.content-image > figure .caption,
.content-gallery figure figcaption,
.content-gallery figure .caption,
.image_container figcaption,
.image_container .caption {
	/* overwrite elements style attribute */
	width: 100% !important;
	padding: 0.42857em 0 0;
	font-size: 0.875em;
	color: #717c8e;
}

.no-border.content-gallery figure,
.no-border.media > figure,
.no-border .media > figure,
.no-border.content-image > figure,
.no-border .content-image > figure,
.no-border.image_container,
.no-border .image_container {
	padding: 0;
	border: 0;
	box-shadow: none;
	background: none;}
.content-gallery.content-gallery--cols-1 > ul > li,
.content-gallery > ul.cols_1 > li,
.ce_gallery.content-gallery--cols-1 > ul > li,
.ce_gallery > ul.cols_1 > li {
	width: 97%;
}
.content-gallery.content-gallery--cols-2 > ul > li,
.content-gallery > ul.cols_2 > li,
.ce_gallery.content-gallery--cols-2 > ul > li,
.ce_gallery > ul.cols_2 > li {
	width: 47.75%;
}
.content-gallery.content-gallery--cols-3 > ul > li,
.content-gallery > ul.cols_3 > li,
.ce_gallery.content-gallery--cols-3 > ul > li,
.ce_gallery > ul.cols_3 > li {
	width: 31.33333%;
}
.content-gallery.content-gallery--cols-4 > ul > li,
.content-gallery > ul.cols_4 > li,
.ce_gallery.content-gallery--cols-4 > ul > li,
.ce_gallery > ul.cols_4 > li {
	width: 23.125%;
}
.content-gallery.content-gallery--cols-5 > ul > li,
.content-gallery > ul.cols_5 > li,
.ce_gallery.content-gallery--cols-5 > ul > li,
.ce_gallery > ul.cols_5 > li {
	width: 18.2%;
}
.content-gallery.content-gallery--cols-6 > ul > li,
.content-gallery > ul.cols_6 > li,
.ce_gallery.content-gallery--cols-6 > ul > li,
.ce_gallery > ul.cols_6 > li {
	width: 14.91667%;
}
.content-gallery.content-gallery--cols-7 > ul > li,
.content-gallery > ul.cols_7 > li,
.ce_gallery.content-gallery--cols-7 > ul > li,
.ce_gallery > ul.cols_7 > li {
	width: 12.57143%;
}
.content-gallery.content-gallery--cols-8 > ul > li,
.content-gallery > ul.cols_8 > li,
.ce_gallery.content-gallery--cols-8 > ul > li,
.ce_gallery > ul.cols_8 > li {
	width: 10.8125%;
}
.content-gallery.content-gallery--cols-9 > ul > li,
.content-gallery > ul.cols_9 > li,
.ce_gallery.content-gallery--cols-9 > ul > li,
.ce_gallery > ul.cols_9 > li {
	width: 9.44444%;
}
.content-gallery.content-gallery--cols-10 > ul > li,
.content-gallery > ul.cols_10 > li,
.ce_gallery.content-gallery--cols-10 > ul > li,
.ce_gallery > ul.cols_10 > li {
	width: 8.35%;
}
.content-gallery.content-gallery--cols-11 > ul > li,
.content-gallery > ul.cols_11 > li,
.ce_gallery.content-gallery--cols-11 > ul > li,
.ce_gallery > ul.cols_11 > li {
	width: 7.45455%;
}
.content-gallery.content-gallery--cols-12 > ul > li,
.content-gallery > ul.cols_12 > li,
.ce_gallery.content-gallery--cols-12 > ul > li,
.ce_gallery > ul.cols_12 > li {
	width: 6.70833%;
}
@media screen and (max-width: 599px) {
	.content-gallery.content-gallery > ul > li, .content-gallery.ce_gallery > ul > li,
	.ce_gallery.content-gallery > ul > li,
	.ce_gallery.ce_gallery > ul > li {
		/* doubled class for specificity */
		width: auto;
	}
}
.content-gallery.no-resize > ul > li,
.ce_gallery.no-resize > ul > li {
	width: auto;
}
.main-content .content-gallery, .main-content
.ce_gallery {
	margin: 1.5em 0;
}
.content-gallery > ul,
.ce_gallery > ul {
	zoom: 1;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.545% !important;
	padding: 0 0 1.545% 0 !important;
	list-style: none !important;
}
.content-gallery > ul:before,
.ce_gallery > ul:before {
	content: "";
	display: table;
}
.content-gallery > ul:after,
.ce_gallery > ul:after {
	content: "";
	display: table;
	clear: both;
}
.content-gallery > ul > li,
.ce_gallery > ul > li {
	float: left;
	width: 23.125%;
	margin: 1.5% 0 0 1.5%;
}
@media screen and (max-width: 599px) {
	.content-gallery > ul > li,
	.ce_gallery > ul > li {
		margin-right: 1.5%;
		margin-bottom: 1.5%;
	}
}
.content-gallery > ul > li > figure,
.content-gallery > ul > li > .image_container,
.ce_gallery > ul > li > figure,
.ce_gallery > ul > li > .image_container {
	display: block;
	width: 100%;
}
.content-gallery img,
.ce_gallery img {
	display: block;
	width: 100%;
	height: auto;
}

/* Besucherzähler */

.mod_visitors_fe_invisible {
    display: none;
}