/************************************/
/* --------- template.css --------- */
/* -------------------------------- */
/* Die alten Definitionen           */
/* (z.b. table.auto, formulare usw) */
/* befinden sich in normal.css      */
/*                                  */
/*   !normal.css NICHT einbinden!   */
/* -------------------------------- */
/************************************/
 
/* @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); */
/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,800,300,500,600);
@import url(https://fonts.googleapis.com/css?family=Tinos:400,700);
@import url(https://fonts.googleapis.com/css?family=Pacifico);*/

/****************************/
/** COOKIE OPT-IN SETTINGS **/
/****************************/
.cookie-opt-in input[type="submit"] {
	background: transparent;
	background-color: #eee;
}


/****************************/
/* Allgemeine Einstellungen */
/****************************/
[class*="fa-"] {
	font-family: "FontAwesome";
	font-style: normal;
}
.desktop {
	display: none;
}
.mobile {
	display: none;
}

.autoscale img {
	width: 100%;
	height: auto;
}
.flexbox {
	display: flex;
	align-items: center;
}
.flexbox.justify-center {
	justify-content: center;
}
.flexbox-column {
	display: flex;
	align-items: stretch;
	flex-direction: column;
}
.flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.arrow-down, .arrow-up {
	height: 30px;
	bottom: -50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.arrow-left {
	height: 60px;
	top: 50%;
	transform: translate(-50%, -50%);
}
.arrow-right {
	height: 60px;
	top: 50%;
	transform: translate(-50%, -50%);
}
.arrow-left {
	left: 0;
}
.arrow-right {
	right: 0;
}
.arrow-left, .arrow-right, .arrow-down, .arrow-up {
	width: 40px;
	position: absolute;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
.arrow-green div {
	background: #5AA500 !important;
}
.arrow-left div, .arrow-right div, .arrow-down div, .arrow-up div {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #4D4D4D;
	opacity: 1;
	left: 0;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.arrow-left div:nth-child(1), .arrow-right div:nth-child(1) {
	top: 13px;
}
.arrow-left div:nth-child(2), .arrow-right div:nth-child(2) {
	top: 45px;
}
.arrow-down div:nth-child(1), .arrow-up div:nth-child(1) {
	left: 0px;
}
.arrow-down div:nth-child(2), .arrow-up div:nth-child(2) {
	left: 32px;
}
.arrow-up div:nth-child(1), .arrow-down div:nth-child(2) {
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);
}
.arrow-up div:nth-child(2), .arrow-down div:nth-child(1) {
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
}
.arrow-left div:nth-child(1), .arrow-right div:nth-child(2) {
	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	-o-transform: rotate(-55deg);
	transform: rotate(-55deg);
}
.arrow-left div:nth-child(2),.arrow-right div:nth-child(1) {
	-webkit-transform: rotate(55deg);
	-moz-transform: rotate(55deg);
	-o-transform: rotate(55deg);
	transform: rotate(55deg);
}

.back-to-top {
	display: none;
	position: fixed;
	bottom:20px;
	right:20px;
	padding:.8em 1em;
	z-index: 100;
	border: solid 1px #5AA500;
	color: #5AA500;
	background-color: #fff;
	transition: color .3s linear, background-color .3s linear;
	cursor: pointer;
}
.back-to-top:hover {
	background-color: #5AA500;
	color: #F6F6F6;
}


/****************************/
/******* BUTTON NEU *********/
/****************************/
main .back-button {
	margin-top: 2em;
}
li.button {
	text-decoration: none;
	list-style: none;
	letter-spacing: 1.12px;
}
.button-submit {
	padding: 15.5px 24px !important;
}
.button:not(li) {
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	padding: 17px 24px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	overflow: hidden;
	background-color: #fff;
	transition: background-color .3s, color .3s;
	letter-spacing: 1.12px;
	text-align: center;
}
.button:not(li) span {
	display: inline-block;
	transform: translateY(0);
	transition: transform .3s;
}
.button:not(li):hover span {
	transform: translateY(-200%);
}
.button:not(li) span:after {
	position: absolute;
	content: attr(data-text);
	transform: translateY(200%);
	width: 100%;
	left: 0;
	right: 0;
	text-align: center;
	top: 0;
}

.button-black:not(li) {
	border: 2px solid #4D4D4D;
	color: #4D4D4D !important;
}
.button-submit:not(li),
.button-green:not(li),
.button[type="submit"] {
	border: 2px solid #5AA500;
	background-color: #fff;
	color: #5AA500 !important;
}
.button:not(li):hover {
	background-color: #5AA500;
	border: 2px solid #5AA500;
	color: #fff !important;
	text-decoration: none;

}
.button:active {
	position:relative;
	top:1px;
}



.f_slideshoweintrag {
	margin-bottom: 5.5em;
}

/* MOBILE MENU */
.menu-button-div {
	display: none;
}
#template_header .menu-button div {
	display: none;
	transition: .5s;
}
#template_header.scrolled .menu-button div {
	background-color: #fff;
}
.menu-button {
	width: 35px;
	height: 27px;
	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 1000;
}
.menu-button-div {
	height: 28px;
}

.menu-button div {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #4d4d4d;
  /*   border-radius: 9px; */
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.menu-button div:nth-child(1) {
	top: 0px;
}

.menu-button div:nth-child(2),.menu-button div:nth-child(3) {
	top: 11px;
}

.menu-button div:nth-child(4) {
	top: 23px;
}

.menu-button.menu-button-active div:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.menu-button.menu-button-active div:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-button.menu-button-active div:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu-button.menu-button-active div:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}


@media(max-width:991px) {
	.back-to-top {
		display: none !important;
	}
	.f_slideshoweintrag {
		width: 100vw !important;
		margin-bottom: 3em;
		transform: translateX(-50%);
		left: 50%;
	}
	.menu-button-div {
		display: block;
	}
}
@media(min-width:992px) {
	.logo-background {
		height: 100px;
		width: 100%;
		background-size: contain;
		background-position: left center;
		background-repeat: no-repeat;
	}
	.desktop {
		display: block;
	}
	#template_navigation_mobile {
		display:none !important;
	}
}


@media(max-width: 991px) {
	.logo-background {
		height: 57px;
		width: 100%;
		background-size: contain;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.mobile {
		display: block;
	}
	#mainNav {
		display: none;
	}
	#template_navigation {
		position: fixed;
		top: 0;
		left: 0;
		padding: 5em 0 0 0;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		background-color: #fff;
		z-index: 999;
		transform: translateX(100%);
		opacity: 0;
		transition: .5s;
	}
	#template_navigation.mobile-menu-active {
		transform: translateX(0);
		opacity: 1;
	}
	#template_navigation.mobile-menu-active {
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#template_navigation li {
		list-style: none;
	}
	#template_navigation li a {
		text-decoration: none;
	}
	#template_navigation_mobile > ul > li {
		border-top: 1px solid black;
		padding-left: 20% !important;
		padding-right: 20% !important;
	}
	#template_navigation_mobile > ul > li .navigationspunkte > li {
		padding-bottom: 1.5em;
	}
	#template_navigation_mobile > ul > li .navigationspunkte > li:first-of-type {
		padding-top: 1.5em;
	}
	#template_navigation ul > li:hover > a {
		color: black;
		font-weight: bold;
	}
	#template_navigation > nav > ul > li > ul {
		padding: 2em 2em 0.5em 2em;
	}
	.menu-button {
		display: block;
	}
	#template_navigation > nav > ul > li {
		width: auto;
		height: auto;
		float: none;
		padding: 1.5em 0;
	}
	#template_navigation_mobile > ul {
		padding: 0;
	}
	#template_navigation li .navigationspunkte {
		display: none;
	}
	#template_navigation li:hover .navigationspunkte {
		display: block;
	}
	#template_navigation .navigationspunkte .navigationspunkte {
		padding: 0em;
	}
	.mobile-menu {
		visibility: hidden;
		position: fixed;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 998;
		opacity: 0;
		background-color: #5AA500;
		transition: .5s;
	}
	.nav-off, .nav-off > ul {
		display: none;
		transform: translateX(-200%) !important;
	}

	/* === TEMPLATE MAVIGATION MOBILE === */
	#template_navigation_desktop {
		display:none !important;
	}
	#template_navigation_mobile {
		transform: translateX(0%);
		transition: transform 0.5s ease;
	}
	#template_navigation_mobile.active {
		transform: translateX(-200%);
	}
	.filiale_logoleiste {
		margin-bottom: 0em;
	}
	.filiale_logoleiste .row.flexbox.justify-center {
		display: block;
	}
	.filiale_logoleiste .row.flexbox.justify-center img {
		margin-bottom: 1.5em;
	}
}

@media(min-width: 992px) {
	.subnav {
		/* width: 13.866em; */
		padding: 1.6em;
		box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, 0.2);
		border-radius: 5px;
		border: 1px solid #dfdfdf;
	}

	.subnav ul,
	.subnav ul li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.subnav li.head > a {
		font-size: 1.2em;
		font-weight: 800;
		text-transform: uppercase;
		display: block;
		margin: 0 1em 0.4em 0;
		color: #7ba115;
		text-decoration: none;
	}

	.subnav li.head > a:hover,
	.subnav li.head > a:focus {
		color: #000;
		text-decoration: underline;
	}

	.subnav > ul > li > a {
		text-decoration: none;
	}

	.subnav > ul > li > a:hover,
	.subnav > ul > li > a:focus {
		text-decoration: underline;
	}

	.subnav > ul > li > ul > li > a {
		display: block;
		margin: 0 0 0.2em 0;
	}

	.subnav > ul > li.aktiv {
	}

	.subnav > ul > li.aktiv > a {
		color: #7ba115;
		font-weight: bold;
	}

	.temFilialen .subnav > ul > li > ul {
		display: none;
	}

	.temFilialen .subnav > ul > li.aktiv > ul {
		display: block;
	}

	.subnav > ul > li.aktiv > ul > li.aktiv > a {
		color: #7ba115;
	}

	.temFilialen .subnav > ul > li > ul > li {
		padding: 0 0 0 0.7em;
		background: url("1pic/bullet.png") left center no-repeat;
	}

	.temFilialen .subnav > ul > li > ul > li > a,
	.temFilialen .subnav > ul > li > ul > li > a:visited {
		text-decoration: none;
	}
	ul.homebannersLink {
		margin-bottom: 5em !important;
	}
	.filiale_logoleiste {
		margin-bottom: 1.5em;
	}
	.filiale_logoleiste .row.flexbox.justify-center img {
		margin-bottom: 2.5em;
	}
}



/*************/
/* SUBSEITEN/Homebannerslink */
/*************/

ul.homebannersLink,
ul.homebannersLink li {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
}
ul.homebannersLink li {
	margin: 0 0 1em 0;
}
ul.homebannersLink li a,
ul.homebannersLink li a:visited {
	padding: 1em;
	display: block;
	font-family: 'Tinos';
	font-weight: 500;
	font-size: 1.8em;
	text-decoration: none;
}

ul.homebannersLink li a img {
	height: auto;
}

.homebannersLink > li > a {
	border: 1px solid #707070;
	overflow: hidden;
	transition: background-color .3s, color .3s;
}
.homebannersLink > li > a:hover div[class*="arrow-"] > div {
	background-color: #FFFFFF;
}
.homebannersLink > li > a:hover {
	background-color: #5AA500;
	color: #FFF;
}

.homebannersLink .arrow-right {
	width: 20px;
	height: 40px;
	right: 1em;
	transform: translate(-50%, 0%);
	top: auto;
}
.homebannersLink .arrow-right div {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	opacity: 1;
	left: 0;
}

.homebannersLink .arrow-left div:nth-child(1), .homebannersLink .arrow-right div:nth-child(1) {
	top: 13px !important;
}
.homebannersLink .arrow-left div:nth-child(2), .homebannersLink .arrow-right div:nth-child(2) {
	top: 28px;
}
.homebannersLink > li .arrow-right > div {
	background-color: #5AA500;
}
.homebannersLink > li .arrow-right > div:hover {
	background-color: #FFFFFF;
}

ul.linkliste,
ul.linkliste li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

ul.linkliste li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1.4px;
}


#template_footer_bottom {
	background-color: #4D4D4D;
	height: auto;
}

#template_footer_bottom p,
#template_footer_bottom p {
	padding: 0;
	margin: 0 0 0.5em 0;
}

#template_footer_bottom p,
#template_footer_bottom a,
#template_footer_bottom a:visited {
	color: #FFF;
	text-decoration: none;
}
#template_footer_bottom a:hover,
#template_footer_bottom a:focus {
	color: #5AA500;
}
#template_footer_bottom span {
	display: inline-block;
}

#template_footer_bottom .template_footer_bottom_inner, #template_footer_bottom .intouch-footer {
	margin-top: 2em;
}
#template_footer_bottom .template_footer_bottom_inner > div {
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
}
#template_footer_bottom .intouch-footer {
	font: Bold 10px/24px Raleway;
	letter-spacing: 0.1px;
	text-align: center;
	margin-bottom: 2em;
}

@media(max-width: 991px) {
	#template_footer_bottom .template_footer_bottom_inner > div {
		display: block;
		margin-bottom: 15px;
	}

	#template_footer {
		font-size: 1.3em;
	}
	#template_footer_bottom .template_footer_bottom_inner {
		margin-top: 2.5em;
	}
	#template_footer_bottom .template_footer_bottom_img {
		text-align: center;
		padding: 0 !important;
	}
	#template_footer_bottom .template_footer_bottom_img img {
		top: 0;
		right: 10px;
		position: absolute;
	}
	.d-flex.flex-column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.d-flex.flex-row-reverse {
		display: flex;
		flex-direction: row-reverse;
	}
}


.picture {
	position: relative;
}
.pictureQuelle {
	position: absolute;
	bottom: 6px;
	right: 8px;
	color: #fff;
	z-index: 1;
	font-weight: 500;
	font-size: 12px;
	width: calc(100% - 16px);
	text-align: right;
}
















@font-face{
	font-family: "FontAwesome";
	font-style:"normal";
	src: url('assets/fontawesome/fonts/fontawesome-webfont.ttf') format("truetype"),
		url('assets/fontawesome/fonts/fontawesome-webfont.eot') format("eot"),
		url('assets/fontawesome/fonts/fontawesome-webfont.woff') format("woff"),
		url('assets/fontawesome/fonts/fontawesome-webfont.woff2') format("woff2");
 }


body,html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	overflow-y: scroll;
}

img {
	border: none;
}

a,
a:visited {
	text-decoration: underline;
	color: #4d4d4d;
}

a:hover,
a:focus {
	color: #5AA500;
	text-decoration: underline;
}

.bold {
	font-weight: 700;
}

h1 a,
h2 a,
h3 a,
h4 a {
	text-decoration: none;
}

h1,h2,h3 {
	position: relative;
}

h1,h2,.formulare h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #4d4d4d;
}

h1,.formulare h3 {
	font-family: 'Tinos';
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 0.2em 0;
	padding: 0;
	line-height: 1em;
}

h2 {
	font-size: 2.5em;
	text-transform: uppercase;
}

h3 {
	font-family: 'Tinos';
	font-weight: 700;
	font-size: 1.3em;
}

h4 {
	font-family: 'Tinos';
	font-weight: 400;
	font-size: 1.3em;
}
@media(max-width: 991px) {
	h1, .formulare h3 {
		font-size: 2.3em;
	}
	h2 {
		font-size: 1.5em;
	}
}
@media(min-width: 992px) {
	h1, .formulare h3 {
		font-size: 3.6em;
	}
}

input {
	font-size: 1em;
}

input.text,
textarea,
select {
	height: 2.1em;
	padding: 0 0.5em 0 0.5em;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #4d4d4d;
}

input[type="submit"]:focus,
input.text:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 5px #5AA500;
    border-color: #5AA500;
}



select {
	background: url("1pic/bgselect.png") left center;
	height: 2.9em;
	padding: 0.65em 0.2em 0.45em 0.2em;
}

textarea {
	height: auto;
}

.line {
	display: block;
	height: 2.666em;
	width: 78em;
	margin: 2.666em 0;
	background: url("1pic/line.jpg") center center no-repeat;
}

h2 a.top,
h3 a.top {
	position: absolute;
	right: 1em;
	top: 0.4em;
}

hr {
	padding: 0;
	margin: 2em 0;
	height: 0;
	border: 0;
	border-top: 0.1em solid #4D4D4D;
}

p.error{
	color:red;
	font-weight:bold;
}

p {
	padding: 0;
	margin: 0 0 2em 0;
}

table.bilder tr td {
	vertical-align: top;
}

table.bilder tr td img {
	width: 100%;
	height: auto;
}


.contentBox {
	padding: 1em;
	border: 1px solid #e7e7e7;
	margin: 0 0 2em 0;
}

.contentBoxLinks {
	width: 26.8em;
	margin: 0 1em 0 0;
	float: left;
}

.contentBoxRechts {
	width: 22.666em;
	float: left;
}

h1 img.herz {
	margin: 0 0 20px 0;
}

body {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	/* font-size: 15px; */
	color: #4d4d4d;
}

@media screen {
	body,
	input,
	textarea,
	table {
		font-size: 14px;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) {
	body,
	input,
	textarea,
	table {
		font-size: 15px;
	}
}
@media screen and (min-width: 1400px) {
	body,
	input,
	textarea,
	table {
		font-size: 16px;
	}
}

input[type="submit"] {
    /* background: url("1pic/button_leer.png") center center no-repeat;
    background-size: 100% auto;
    width: 10em;
    height: 3em; */
    font-weight: bold;
    border: none;
    background-color: transparent;
}

input[type="submit"]:hover, 
input[type="submit"]:focus {
    text-decoration: underline;
    color: #7ba115;
}



/***********************/
/* Newsline-spezifisch */
/***********************/
.newslineEditLink a {
	display: block;
	clear: both;
	background-color: #c7e2ff;
	border: 1px solid #f0f0f0;
	padding: 3px;
	font-size: 11px;
	color: #4279bc;
	font-weight: bold;
	text-align: left;
}

.newslineEditLink a:hover {
	color: #4279bc;
	text-decoration: none;
}

.inhalte70Lay .bilderbox,
.inhalte75Lay .bilderbox {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.inhalte71Lay .bilderbox,
.inhalte76Lay .bilderbox {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.inhalte70Lay ul,
.inhalte75Lay ul,
.inhalte71Lay ul,
.inhalte76Lay ul {
	overflow: hidden;
}

.videosStandardLay {
	margin-bottom: 10px;
}

.seiten h1 {
	margin: 0;
	padding: 0 0 0 0;
	margin-bottom: 1em;
}
@media(max-width: 991px) {
	.seiten h1 {
		margin-top: 1em;
	}
}

.inhalteEintrag {
	margin-bottom: 3em;
}

.inhalteEintrag h2 {
	margin: 0;
	padding: 0 0 1em 0;
}

/************/
/* Template */
/************/

#template_topnav {
	width: 100%;
	background: url("1pic/nav_bg.png") center center;
}

#template_topnav_inner {
	width: 78em;
	margin: 0 auto;
}

#top_social {
	float: right;
	color: #FFF;
	height: 2.2em;
	line-height: 2.2em;
	margin: 0 10em 0 0;
}

#top_social img {
	vertical-align: middle;
	height: 1.6em;
	width: auto;
}

#template {
	width: 78em;
	margin: 0 auto;
}

.content_left {
	width: 22.666em;
	float: left;
}

.content_right {
	width: 52.666em;
	float: left;
}

#template_suche {
	float: right;
	width: 26.84em;
	height: 5.8em;
	padding: 0.4em 0 0.2em 2em;
	color: #4d4d4d;
	position: relative;
	font-size: 0.9em;
}

.sucheherz {
	position: absolute;
	right: -1.5em;
	top: -3em;
}

.sucheherz img {
	width: 12.4em;
	height: auto;
}
	

.suche_mobile {
	display: none;
}

#template_suche input.text {
	width: 12.733em;
}

#template_suche span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.4em;
	display: block;
	padding: 0 0 0.2em 0;
}

#template_suche label {
	display: block;
	padding: 0.1em 0;
}


/* width:234px; height:258px; */







/****************/
/* NAVIGATIONEN */
/****************/

#top_navigation {
	overflow: hidden;
	height: 2.2em;
	float: left;
}

#top_navigation ul,
#top_navigation ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#top_navigation > nav ul > li {
	float: left;
	color: #FFF;
}

#top_navigation > nav ul > li.delimiter {
	margin: 0 0.5em;
	height: 2.2em;
	line-height: 2.2em;
/* 	font-size: 1.5em; */
}

#top_navigation > nav ul > li > a,
#top_navigation > nav ul > li > a:visited {
	height: 2.2em;
	line-height: 2.2em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#top_navigation > nav ul > li > a:hover,
#top_navigation > nav ul > li > a:focus {
	text-decoration: underline;
    color: #000;
}


#template_header {
	padding: 1.333em 0 1.333em 0;
	position: relative;
}



/*************/
/* SUBSEITEN */
/*************/

ul.subseiten,
ul.subseiten li {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
}
ul.subseiten li {
	margin: 0 0 1em 0;
}
ul.subseiten li a,
ul.subseiten li a:visited {
	padding: 1em;
	display: block;
	font-family: 'Tinos';
	font-weight: 500;
	font-size: 1.8em;
	text-decoration: none;
}

ul.subseiten li a img {
	height: auto;
}

.subseiten > li > a {
	border: 1px solid #707070;
	overflow: hidden;
	transition: background-color .3s, color .3s;
}
.subseiten > li > a:hover div[class*="arrow-"] > div {
	background-color: #FFFFFF;
}
.subseiten > li > a:hover {
	background-color: #5AA500;
	color: #FFF;
}

.subseiten .arrow-right {
	width: 20px;
	height: 40px;
	right: 1em;
	transform: translate(-50%, 0%);
	top: auto;
}
.subseiten .arrow-right div {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	opacity: 1;
	left: 0;
}

.subseiten .arrow-left div:nth-child(1), .subseiten .arrow-right div:nth-child(1) {
	top: 13px;
}
.subseiten .arrow-left div:nth-child(2), .subseiten .arrow-right div:nth-child(2) {
	top: 28px;
}
.subseiten > li .arrow-right > div {
	background-color: #5AA500;
}
.subseiten > li .arrow-right > div:hover {
	background-color: #FFFFFF;
}

@media(max-width: 991px) {
	ul.subseiten li a,
	ul.subseiten li a:visited {
		font-size: 1.5em;
	}
	.seiteSubseiten ul li a {
		font-size: 1.5em;
	}
}


/************/
/* Layouts */
/**********/

.inhalte25Lay table.bilder {
    margin-bottom: 2.5em;
}




/********/
/* Misc */
/********/
.clear {
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	clear: both;
	display: block;
	visibility: hidden;
}



/* ie 11 und edge zusatzfunktionen fix */

input::-ms-clear {
    display: none;
}

/* browserstyles fix inkl safari */

input[type="text"],
input[type="password"],
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    border-radius: 0;
}

/* ie select fix */

select::-ms-expand {
    display: none;
}






.btn,
.btn:visited {
	background: url("1pic/button_leer.png") center center no-repeat;
	background-size: 100% auto;
	width: 14.8em;
	height: 3.666em;
	line-height: 3.666em;
	display: block;
	text-align: center;
	text-decoration: none;
    font-weight: bold;
}

.btn:hover,
.btn:focus {
	text-decoration: underline;
}

.btn span:hover,
.btn span:focus {
	text-decoration: underline;
}

.btn-center {
	margin: 0 auto;
}

.btn-news {
	margin-top: 1em;
	margin-bottom: 4em;
}

.btn-events {
	margin-top: 2em;
}

.btn-aerzte {
	margin-top: 2em;
}

.btn span {
	height: 3.666em;
	line-height: 3.666em;
	background: url("1pic/arrow_right.png") right center no-repeat;
	display: inline-block;
	padding: 0 2em 0 0;
}

.backbutton,
.backbutton:visited {
	width: 11.466em;
	height: 3.533em;
	line-height: 3.3em;
	padding: 0 0 0 4em;
	margin: 3em 0 0 0;
	display: block;
	background: url("1pic/button.png") center center no-repeat;
	background-size: 100% 100%;
	text-decoration: none;
    font-weight: bold;
}

.backbutton:hover,
.backbutton:focus {
	text-decoration: underline;
}

.imagebild {
	margin: 0 0 2em 0;
}

.tc { text-align: center; }
.tc table.bilder td,
.tc table.bilder td a { 
	text-align: center; 
}
.tr { text-align: right; }
.tl { text-align: left; }

.dontDisplay,
#template_content .dontDisplay {
	display: none;
}

/***************/
/* BREADCRUMBS */
/***************/

.breadcrumbs,
.breadcrumbs ul,
.breadcrumbs ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.breadcrumbs {
	margin: 0 0 1.333em 0;
}

.breadcrumbs ul {
	position: relative;
	display: inline-block;
}

.breadcrumbs ul li a,
.breadcrumbs ul li a:visited {
	font-size: 1.2em;
	font-weight: 800;
	color: #7ba115;
	text-decoration: none;
}

.breadcrumbs ul li a:hover,
.breadcrumbs ul li a:focus {
 	text-decoration: underline; 
    color: #000;
}

/*************/
/* FORMULARE */
/*************/

/* form .formularfeldgruppen table.formular td { */
/* 	padding: 0 0 0.8em 0; */
/* } */


.formulareEintrag input.button {
	margin: 1em 0 0 0;
}



@media(max-width: 991px) {
	.formularfeldgruppeninstanzenEintrag,
	.formularfeldgruppenLetzterEintrag {
		width: 100% !important;
		overflow: scroll;
	}

	table.formular tr,
	table.formular th,
	table.formular td,
	table.formular input[type="text"],
	table.formular textarea,
	table.submit.layout-table tr,
	table.submit.layout-table th,
	table.submit.layout-table td {
		display: block;
		width: 100% !important;
	}
}

/**********/
/* ZEITEN */
/**********/

table.zeitenTable {
	width: 100%;
	border-left: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    background-color: #f2f2f2;
	margin: 0 0 2em 0;
}

table.zeitenTable td,
table.zeitenTable th {
	border-bottom: 1px solid #cdcdcd;
	text-align: left;
	vertical-align: top;
	padding: 0.5em;
}

table.zeitenTable th {
    background-color: #fff;
}


table.zeitenTable td {
	text-align: left;
	padding: 0.5em;
	background: #f2f2f2;
}

.formulare h2 {
    font-family: 'Tinos';
    font-weight: 400;
    font-size: 1.4em;
    text-transform: none;
    margin: 1.3em 0;
}

.formularfeldgruppeninstanzenEintrag table.formular {
	width: 100%;
	border-left: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	margin: 0 0 2em 0;
}

.formularfeldgruppeninstanzenEintrag table.formular td,
.formularfeldgruppeninstanzenEintrag table.formular th {
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	text-align: left;
	vertical-align: top;
	padding: 0.5em;
}

.formularfeldgruppeninstanzenEintrag table.formular td {
	text-align: left;
	padding: 0.5em;
	background: #f2f2f2;
}

.formularfeldgruppeninstanzenEintrag table.formular td input.text,
.formularfeldgruppeninstanzenEintrag table.formular td select,
.formularfeldgruppeninstanzenEintrag table.formular td textarea {
	width: 100%;
	box-sizing: border-box;
}

/* Veranstaltungswuensche/Feedback Formular */


#formularfeldgruppenWir-wollen-uns-verbessern th {
    width: 0;
}

#formularfeldgruppenWebauftritt .option,
#formularfeldgruppenDarstellung .option,
#formularfeldgruppenGrafischAnsprechend .option,
#formularfeldgruppenSchnellGefunden .option {
    float: left;
}


.eintrag.eingabeLay.formularfeldgruppenEintrag.formularfeldgruppenEingabeLay {
    /* width: 51.266em; */
    width: 100%;
}

/*
#formularfeldgruppenWir-wollen-uns-verbessern textarea {
    width: 44.866em;
}
*/
/*
#formularfeldgruppenWoher-kommen-sie .text,
#formularfeldgruppenVeranstaltungsstilGruppe .text,
#formularfeldgruppenInDenMedien .text,
#formularfeldgruppenPer-mail .text {
    width: 32em;
}

#formularfeldgruppenWeitereInhalte textarea,
#formularfeldgruppenWeiterVerbessern  textarea {
    width: 610px;
}


#formularfeldgruppenSchnellGefundenAnmerkung .text,
#formularfeldgruppenWebauftrittAnmerkungGruppe .text {
    width: 33.333em;
}
*/
/*
#formularfeldgruppenWebauftritt > h4,
#formularfeldgruppenDarstellung > h4,
#formularfeldgruppenGrafischAnsprechend > h4,
#formularfeldgruppenSchnellGefunden > h4,
#formularfeldgruppenWeitereInhalte > h4,
#formularfeldgruppenWeiterVerbessern > h4,
#formularfeldgruppenVeranstaltungsstilGruppe > h4,
#formularfeldgruppenWoher-kommen-sie > h4,
#formularfeldgruppenWir-wollen-uns-verbessern > h4,
#formularfeldgruppenWie-informieren > h4,
#formularfeldgruppenPer-mail > h4 {
    font-size: 1.5em;
    margin: 45px 0 30px 0;
    font-family: 'Tinos';
    font-weight: normal;
}
*/
/*
#formulareFeedback2 .formularfeldgruppenEintrag h4{
    font-size: 1.5em;
    margin: 45px 0 30px 0;
    font-family: 'Tinos';
    font-weight: normal;
}
*/
#formulareFeedback2 .formularfeldgruppenEintrag table.formular,#formulareVeranstaltungswuensche .formularfeldgruppenEintrag table.formular{
margin-bottom:0.1em;
}


#formularfeldgruppenStellengesucheFormGruppe textarea,
#formularfeldgruppenStellengesucheFormGruppe input.text,
#formularfeldgruppenOffenestellenFormGruppe input.text {
	width: 33.333em;
}

#formularfeldgruppenStellengesucheFormGruppe textarea,
#formularfeldgruppenOffenestellenFormGruppe textarea {
	width: 33.333em;
	height: 13.333em;
}

/* SUCHE */

.sucheOverlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url("1pic/50pWhite.png") repeat;
	z-index: 999;
	text-align:center;
}

.sucheOverlayInner {
	height: 100%
}

.sucheOverlayInner table {
	width: 100%;
	height: 100%;
}

.sucheOverlayInner table tr td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	color: #000000;
}



.suche-hinweis {
    margin-bottom: 10px;
}


#suche_seite {
    margin-bottom: 20px;
}


#suche_seite #go-search input {
    width: 100%;
}


#suche_seite #go-search {
    float: left;
    width: 50%;
}

.suche-button a {
    float: left;
    width: 9.466em;
    height: 2.4em;
    line-height: 2.3em;
    padding: 0px 0px 0px 2em;
    margin-left: 30px;
    display: block;
    background: transparent url("1pic/suche_button.png") no-repeat scroll center center / 100% 100%;
    text-decoration: none;
    font-weight: bold;
}

.suche-button a:hover,
.suche-button a:focus {
    text-decoration: underline;
    box-shadow: 0 0 5px #7ba115;
    border-color: #7ba115;
}

.suche-message {
/*    border: solid 3px #B2D255;*/
    background-color: #B2D255;
    margin-top: 30px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
}






/* TABS */

.tabs {
	float: left;
	margin-right: 1.33em;
}

.tabs a {
	background: #fafafa;
	border-radius: 5px;
	padding: 0.333em 0.666em 0.333em 0.666em;
	font-size: 1.1em;
	color: #7ba115;
	margin: 0;
	text-decoration: none;
    display: block;
}

.tabsAktiv a {
	background: #7ba115;
	color: #ffffff;
}


.tabsAktiv a:hover,
.tabsAktiv a:focus {
	color: #ffffff;
	text-decoration: underline;
    background-color: #000;
}

.tabs a:hover,
.tabs a:focus {
	color: #ffffff;
	text-decoration: underline;
    background-color: #000;
}



ul.dateien,
ul.dateien li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.dateien li a {
	display: block;
	padding: 1em;
	margin: 0 0 1em 0;
	border: 1px solid #e7e7e7;
	text-decoration: none;
}

ul.dateien li a img {
	vertical-align: middle;
}


/* Logoleiste */



div#template_footer_middle {
    width: 61em;
    margin: 0 auto;
    border-top: 1px solid #d0d0d0;
    margin-top: 2.5em;
}


@media print {
	#template_navigation,#template_suche,#template_topnav,#template_footer_top,#template_footer_bottom_right{
		display:none !important;
	}
	#template_header{
		padding:0;
		margin-bottom:2em;
	}
	#template_footer_bottom_left{
		margin:0;
		color:#000;
	}

}
/*MISC*/

#socialshareprivacy_events > ul {
	margin:0px !important;
}

/*Barrierefrei*/

#skiplinks a {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

#skiplinks a:focus,
#skiplinks a:active {
  top: 0 !important;
  left: 0 !important;
  height: auto !important;
  width: auto !important;
  z-index: 999;
  background: #FFF;
  padding: 2px;
}

.hidden {
	width: 0;
	height: 0;
    line-height: 0;
	overflow: hidden;
	display: block;
    margin: 0;
    padding: 0;
}

caption.hidden {
	display: table-caption;
}
 /*FONTS*/

 /* raleway-300 - latin */
 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 300;
   src: url('fonts/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */
   src: local('Raleway Light'), local('Raleway-Light'),
        url('fonts/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
 }

 /* raleway-regular - latin */
 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('Raleway'), local('Raleway-Regular'),
        url('fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
 }

 /* raleway-500 - latin */
 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/raleway-v12-latin-500.eot'); /* IE9 Compat Modes */
   src: local('Raleway Medium'), local('Raleway-Medium'),
        url('fonts/raleway-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/raleway-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/raleway-v12-latin-500.woff') format('woff'), /* Modern Browsers */
        url('fonts/raleway-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/raleway-v12-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
 }

 /* raleway-600 - latin */
 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 600;
   src: url('fonts/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */
   src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
        url('fonts/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/raleway-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/raleway-v12-latin-600.woff') format('woff'), /* Modern Browsers */
        url('fonts/raleway-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
 }

 /* raleway-700 - latin */
 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/raleway-v12-latin-700.eot'); /* IE9 Compat Modes */
   src: local('Raleway Bold'), local('Raleway-Bold'),
        url('fonts/raleway-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/raleway-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/raleway-v12-latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/raleway-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/raleway-v12-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
 }

 /* raleway-800 - latin */
 @font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 800;
   src: url('fonts/raleway-v12-latin-800.eot'); /* IE9 Compat Modes */
   src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'),
        url('fonts/raleway-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/raleway-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/raleway-v12-latin-800.woff') format('woff'), /* Modern Browsers */
        url('fonts/raleway-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/raleway-v12-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
 }

 /* tinos-regular - latin */
 @font-face {
   font-family: 'Tinos';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/tinos-v11-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('Tinos Regular'), local('Tinos-Regular'),
        url('fonts/tinos-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/tinos-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/tinos-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/tinos-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/tinos-v11-latin-regular.svg#Tinos') format('svg'); /* Legacy iOS */
 }

 /* tinos-700 - latin */
 @font-face {
   font-family: 'Tinos';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/tinos-v11-latin-700.eot'); /* IE9 Compat Modes */
   src: local('Tinos Bold'), local('Tinos-Bold'),
        url('fonts/tinos-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/tinos-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/tinos-v11-latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/tinos-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/tinos-v11-latin-700.svg#Tinos') format('svg'); /* Legacy iOS */
 }

 /* pacifico-regular - latin */
 @font-face {
   font-family: 'Pacifico';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/pacifico-v12-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('Pacifico Regular'), local('Pacifico-Regular'),
        url('fonts/pacifico-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/pacifico-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/pacifico-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/pacifico-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/pacifico-v12-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
 }


/* Download Bilder Fix */
.newsberichte .dateien a img {
	width: unset !important;
	height: auto !important;
}