body {
    background-color:#EEE;
    font:14px arial,sans-serif;
    color:#444;
    overflow-y: scroll;
}
aside div.inside {
    overflow:hidden;
    padding-right:10px;
    padding-left:10px;
}
div#wrapper {
}
div#container {
    margin-top:10px;
    margin-bottom:10px;
    max-width:1248px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
}
header,
footer {
    background-color:#3d7953;
    color:#FFF;
}
header {
	position:sticky;
	height:80px;
	z-index:5;
	top:0px;
}
footer {
	position:relative;
	bottom:0px;
}
header a,
footer a {
    color:#FFF;
}
header div.inside,
footer div.inside {
	display:flex;
    padding:5px;
    margin-left:auto;
    margin-right:auto;
    max-width:1248px;
    margin-left:auto;
    margin-right:auto;
}
footer div.inside {
    padding:10px;
    text-align:center;
	display:block;
}
header h1 {
    margin:0;
    font-size:2.5em;
    font-weight:bold;
}
header h2 {
    margin:0;
    font-size:1.5em;
    font-style:italic;
}
div#searchbox {
	position:absolute;
    float:right;
    right:0px;
    padding-top:0px;
}
div#searchbox input {
	background-color: rgba(255, 255, 255, 0);
    border: 2px solid #FFF;
	border-radius: 0.5em;
	font-size: 1.2em;
	color:#FFF;
	width: 10em;
	transition: width 0.5s ease-in-out;
}
div#header-icons {
	position:absolute;
	display:flex;
	flex-flow:wrap;
	right:0px;
	margin-right:10px;
	width:200px;
	height:70px;
	overflow: hidden;
	justify-content:flex-end;
}
div#header-icons a{
	margin-left:5.0%;
	margin-bottom:0.5%;
	max-width:55px;
	max-height:55px;
}
div#header-icons a:hover {
	background-color: #3d7953;
}
div#mmenu-toggle {
    display:none;
    float:left;
}
#pagename {
	position:absolute;
	text-align:center;
    left:50%;
    transform: translateX(-50%);
}
.sectitle {
  line-height: 2px;
  position: relative;
  border: 0;
  font-size:1.5em;
  /* das ist die Farbe der Schrift */
  color: #FFF;
  text-align: center;
  height: 1.5em;
  margin-top:-4px;
  width:400px;
}
.sectitle::before {
    content: '';
    /* Farbe der Linie, hier kann auch linear-gradient verwendet werden für einen Fade-Effekt */
    background: linear-gradient(to right, transparent, #585b66 15%, #585b66 85%, transparent );
    position: absolute;
    left: 0;
    top: 45%;
    width: 100%;
    height: 3px;
  }
.sectitle::after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    line-height: 1.5em;
    /* einzige Stelle, die eine Anpassung erfordert: Hier muss die Hintergrundfarbe des Containers rein */
    background-color: #3d7953;
}
#logo-block {
    transition: top 0.2s ease 0s;
    position: absolute;
	display:flex;
	justify-content: flex-start;
	z-index:5;
	margin-left:5px;
}
#logo-scroll {
	display:none;
	position:absolute;
	right:0;
	z-index:6;
	padding-right:5px;
}
div#insta {
	position:absolute;
	display:flex;
	left:14%;
	top:5px;
	/*transform: rotate(-10deg);*/
}
div#shop {
	position:absolute;
	display:flex;
	left:25%;
	top:5px;
	transform: rotate(-10deg);
}
#mobile_shop {
	position:absolute;
	z-index:5;
	display:none;
	top:37px;
	height:30px;
	left:0;
	width:100%;
	background-color:#bf4553;
	/*color:#000000;*/
	padding-top:2px;
	
}
div.custom {
	position:sticky;
	/*top:85px;*/
	top:80px;
	z-index:1;
    background-color:#FFF;
}
/*Hintergrundfarbe der Items in Navigationsleiste*/
nav.standard ul {
    background-color:#585b66;
    height:32.5px;
    margin:0;
    padding:0;
    list-style-type:none;
    display:inline-block;
    max-width:1248px;
    margin-left:auto;
    margin-right:auto;
}
nav.standard{
	border-bottom: 2px solid #3d7953;
}
nav.standard,
nav.standard a {
    /*font-weight:bold;*/
    color:#FFF;
    max-height:29px;
}
nav.standard ul li {
	height:29px;
}
nav.standard li:hover, 
nav.standard li a:hover {
    background-color:#3d7953;
    color:#FFF;
}
nav.standard li.active,
nav.standard li.forward{
    background-color:#FFF;
    color:#585b66;
}
nav.standard a,
nav.standard strong.active,
nav.standard strong.forward {
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:6px 9px;
}
/*Hintergrundfarbe der gesamten Navigationsleiste*/
div#navigation {
	text-align: center;
    position:static;
    top: 0;
    clear:both;
    background: linear-gradient(to right, #3d7953 23%, #585b66, #585b66, #3d7953 77% );
}
div#navigation div.inside {
    position:static;
}
div#navigation .standard li.first {
    border-left:2px solid #3d7953;
}
div#navigation .standard li {
    width:8em;
    float:left;
    border-right:2px solid #3d7953;
}
div#navigation li ul {
    width:18em;
    left:-999em;
    position:absolute;
    z-index:2;
}
div#navigation li.active ul {
    display: flex; 
    position:relative;
    left:auto;
    background-color:#FFC373;
}
div.mod_onepage_navigation {
    background-color:#585b66;
    max-height: 32.5px;
}
div.mod_onepage_navigation ul{
    margin:0;
    padding:0;
    list-style-type:none;
    display:inline-block;
    height: 32.5px;
    max-width:1248px;
    margin-left:auto;
    margin-right:auto;
}
div.mod_onepage_navigation ul li {
    width:auto;
    padding:0;
    margin-top:5px;
    height: 22.5px;
    float: left;
    border-right:2px solid #3d7953;
}
div.mod_onepage_navigation ul li.first {
    border-left:2px solid #3d7953;
}
div.mod_onepage_navigation a {
	display:block;
	margin-right: auto;
	margin-left:auto;
	padding: 2px 9px;
    color:#FFFFFF;
}
div.mod_onepage_navigation a:hover {
    text-decoration:underline;
}
div.mod_onepage_navigation ul li.active,
div.mod_onepage_navigation ul li.active a {
    color:#3d7953;
}
.onepage_article:before{
	content:"";
    display:block;
	border-top: 5px solid #3d7953;
}
.onepage_article{
	background-color:#FFF;
	margin-top:-153px;
	padding-top:153px;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}
.mod_article .ce_text{
	padding:10px;
}
/*.mod_article .ce_download,
.mod_article .mod_newslist{
	padding-left:10px;
}*/
.mod_article .ce_headline {
	padding-top:10px;
}
.mod_newsreader{
	padding:10px;
}
.mod_article:not(#article-3):not(.onepage_article):not(.banner){
	background-color:#FFF;
	border-top: 5px solid #3d7953;
}
#nav_extra ul {
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
nav#nav_extra li {
    display:inline;
}
nav#nav_extra li:before {
    content:" - "
}
nav#nav_extra li.first:before {
    content:none
}
aside nav.standard li {
    border-top:2px solid #FFC373;
}
aside nav.standard li.first {
    border-top:0px solid #FFC373;
}
div.mod_breadcrumb {
    margin-bottom:5px;
    padding-bottom:2px;
    border-bottom:5px solid #3d7953;
    font-weight:bold;
    color:#3d7953;
}
div.mod_breadcrumb a {
    color:#3d7953;
}
div.mod_breadcrumb ul {
    margin:0;
}
div.mod_breadcrumb li {
    display:inline-block;
}
div.mod_breadcrumb li:after {
    content: " > ";
}
div.mod_breadcrumb li.active:after {
    content: "";
}
#article-567 div.layout_latest{
	background-color:#FFF;
	border-top: 5px solid #3d7953;
}
#article-567 div.layout_latest h2{
	padding-top:2px;
	text-align:center;
}
#article-567 div.layout_latest figure{
	display:inline-block;
	position:relative;
	padding:3px;
	top:10px;
}
#article-567 div.layout_latest figure img{
	vertical-align:bottom;
}
#article-567 div.layout_latest h2,
#article-567 div.layout_latest div,
#article-567 div.layout_latest p.more{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
#article-567 div.layout_latest p.more{
	display:none;
}
#article-567 div.even{
	float:left;
	min-width:520px;
	max-width:49.5%;
	min-height:250px;
	max-height:250px;
	width:49.5%;
}
#article-567 div.odd{
	float:right;
	min-width:520px;
	max-width:49.5%;
	min-height:250px;
	max-height:250px;
	width:49.5%;
}
#article-567 div.mod_newslist{
	display:flex;
	justify-content:center;
}
.inf-scr-load-more-btn-container{
	display:flex;
	justify-content:center;
}
.inf-scr-load-more-btn-container button{
	background-color:#3d7953;
	border:2px solid #3d7953;
	color:#FFF;
	border-radius: 5px;
	transition-duration: 0.4s;
}
.inf-scr-load-more-btn-container button:hover {
	background-color:#585b66;
	border:2px solid #585b66;
}
aside h1 {
    margin-top:0;
    margin-bottom:5px;
    padding-bottom:2px;
    border-bottom:5px solid #5dd39e;
    font-size:1em;
    font-weight:bold;
    color:#5dd39e;
}
aside .block {
    margin-bottom:10px;
}
div.layout_upcoming a {
    display:block;
}
div.layout_upcoming {
    margin-top:10px;
}
/*.content-slider {
	display:inline-block;
	width:auto;
}
.slider-wrapper{
	width:1543px;
}
div.ce_hyperlink {
	display:flex;
	flex-shrink:0;
	height:100%;
	left:0;
	right:0;
}*/
.invisible {
    display:none;
}

/* Selektieren und Kopieren von Text erlauben */
main {
    user-select:text;
}
button {
	cursor:pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color:#585b66;
    margin:0 0 .25em;
    font-weight:normal;
}
h1 {
    font-size:2em;
    text-align:center;
}
#article-572 h1 {
	text-decoration: underline;
}
h2 {
    font-size:1.5em;
}
#article-559 h2 {
	text-decoration: underline;
}
h3 {
    font-size:1.25em;
}
.ce_download h4 {
	color: #c04554;
	font-weight: bold;
}
figure {
    margin:0;
    padding:0;
}
a {
    font-weight:bold;
    text-decoration:none;
    color:#585b66;
}
#main a:active,
#main a:hover {
    text-decoration:underline;
}

/* leere Blöcke nicht anzeigen */
.hideifempty .empty {
    display:none;
}

/* content soll nicht aus den Blöcken laufen, floats sind lokal */
.block {
    overflow:hidden;
}
.centered {
    text-align:center;
}
.downloadlink p a {
	color:#c04554;
	font-size:1.5em;
}
table {
    width:auto;
    margin-bottom:.5em;
    border-top:2px solid #888;
    border-bottom:2px solid #888;
    display:inline;
}
tbody
{
	align-content:center;
	position:relative;
	left:50%;
	transform: translateX(-50%);
}
table th,
table td {
    padding:.5em;
    vertical-align:top;
    border-bottom:1px solid #eee;
}
table.fullwidth {
    width:100%;
}
table p {
    margin:0;
}
div.ce_gallery > ul > li:not(#sparten-icon) {
	padding-top:10px;
	padding-left:10px;
}
div.ce_gallery > ul > li {
    padding-top:1%;
    justify-content: center;
	display: flex;
}
div.ce_gallery > ul > li.row_first {
    padding-top:1%;
}
div.ce_gallery > ul > li.col_first {
    padding-left:0;
}
div.hiddengallery > ul > li {
    padding-top:0;
    padding-left:0;
    border-style:hidden;
    !important
}
div.hiddengallery div.pagination {
    display:none;
}
div.pagination {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
div.pagination ul,
div.pagination li {
    display:inline-block;
}
div.pagination li {
    display:inline-block;
    padding-right:5px;
    padding-left:5px;
}

/* Newsarchiv Vertikaler Abstand */
div.layout_simple {
    margin-bottom:10px;
}

/* Newsarchiv Horizontaler Abstand */
div.layout_simple > time {
    float:left;
    padding-right:10px;
}

/* Newsarchiv Headline einrücken */
div.layout_simple > a {
    display:block;
    margin-left:7em;
}
.float_left {
    float:left;
    margin-right:0px;
    margin-bottom:10px;
}
.float_right {
    float:right;
    margin-bottom:0px;
    margin-left:10px;
}
div.dlh_googlemap {
    margin-right:auto;
    margin-left:auto;
}
main .block:not(.banner):not(.hideifempty) {
    margin-bottom:10px;
}
div.comment_default {
    margin-bottom:10px;
    border-bottom:2px dashed #FFAD40;
}
hr {
    margin:0;
    padding:0;
    border-top:1px solid #3d7953;
    border-right:0px solid #3d7953;
    border-bottom:1px solid #3d7953;
    border-left:0px solid #3d7953;
}
div.ce_download.block {
    margin-bottom:0;
}
div.layout_teaser {
    clear:both;
}
ul,
ol {
    margin-left:10px;
    padding-left:20px;
}
ul {
    list-style-type:disc;
}
div.poll_default fieldset.radio_container span {
    display:block;
    padding-bottom:10px;
    padding-left:10px;
}
div.poll_default p.poll_title {
    display:none;
}
div.poll_default div.result_bar > div {
    height:10px;
    background-color:#FFAD40;
}
div.poll_default div.results ul {
    padding-left:0;
    list-style-type:none;
}
div.poll_default div.results ul li {
    padding-bottom:10px;
}
table.calendar {
    width:100%;
    table-layout:fixed;
}
table.calendar th,
table.calendar td {
    border:1px solid #EEE;
}
table.calendar .col_first {
    border-left: none;
}
table.calendar .col_last {
    border-right: none;
}
table.calendar th.head {
    border-left: none;
    border-right: none;
}
table.calendar td.empty {
    border: none;
}
table.calendar th.head.previous {
    text-align:left;
}
table.calendar th.head.current {
    text-align:center;
}
table.calendar th.head.next {
    text-align:right;
}
table.calendar th.label {
    padding:6px 2px;
    vertical-align:middle;
}
table.calendar td {
    width:14%;
    height:6em;
    padding:0;
}
table.calendar .event {
    overflow:hidden;
    padding:2px;
}
table.calendar .header {
    width:2em;
    margin-left:auto;
    padding:1.5px;
    text-align:center;
    background-color:#EEE;
}
table.calendar .empty .header {
    display:none;
}
table.calendar .today .header {
    background-color:#FFAD40;
    color:#FFF;
}
table.calendar .event span {
    font-weight:bold;
    color:#585b66;
}
table.calendar .event .time {
    font-weight:normal;
}
.ce_downloads ul {
    padding-left:0;
    list-style-type:none;
}
figcaption {
	text-align:center;
	font-weight:bold;
	color:#585b66;
}
#sparten-icon ul{
	justify-content: center;
	display: grid;
	grid-template-columns: 19.5% 19.5% 19.5% 19.5% 19.5%;
}
#sparten-icon ul li{
	margin-top: 1vw;
	margin-bottom: 2vw;
}
#sparten-icon figcaption {
	font-size: 1.4vmax;
}
#sparten-icon img{
	transition: transform .3s;
}
#sparten-icon img:hover{
	transform: scale(1.05);
}
.showonmobile {
	display:none;
}
@media print {
	aside,
	footer,
	header,
	div#navigation {
		display:none;
	}
}
@media screen and (max-width:1080px){
	#article-3 div.even,
	#article-3 div.odd
	{
		min-width:100%;
		width:auto;
		height:auto;
		min-height:auto;
		max-height:100%;
	}
	/*#sparten-icon ul{
		grid-template-columns: 25% 25% 25% 25%;
	}*/
}

@media screen and (max-width: 900px) {
	.hideonmobile {
		display:none;
	}
	header {
		height:70px;
    }
    #mobile_shop{
		display:block;
    }
    #logo-scroll {
		display:block;
	}
	div#mmenu-toggle {
		display:block;
	}
	header h1 {
		font-size:24px;
	}
	aside {
		display:none;
	}
	main {
		margin-right:0;
		margin-left:0;
		/*padding-right:10px;
		padding-left:10px;*/
	}
	table.calendar th.label span {
		display:none;
	}
	#sparten-icon figcaption {
		font-size: 16px;
	}
	/*#sparten-icon ul{
		grid-template-columns: 33% 33% 33%;
	}*/
}


@media screen and (max-width: 580px) {
	.hideonsmallmobile {
		display:none;
	}
	.showonmobile {
		display:block;
	#sparten-icon figcaption {
		font-size: 9px;
	}
}