@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 27, 2021 */

@font-face {
	font-family: 'lora';
	src: url('fonts/lora-regular.woff2') format('woff2'),
		url('fonts/lora-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'lora';
	src: url('fonts/lora-italic.woff2') format('woff2'),
		url('fonts/lora-italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'lora';
	src: url('fonts/lora-bold.woff2') format('woff2'),
		url('fonts/lora-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'lora';
	src: url('fonts/lora-bolditalic.woff2') format('woff2'),
		url('fonts/lora-bolditalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'source_sans_pro';
	src: url('fonts/sourcesanspro-regular.woff2') format('woff2'),
		url('fonts/sourcesanspro-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'source_sans_pro';
	src: url('fonts/sourcesanspro-it.woff2') format('woff2'),
		url('fonts/sourcesanspro-it.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'source_sans_pro';
	src: url('fonts/sourcesanspro-bold.woff2') format('woff2'),
		url('fonts/sourcesanspro-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'source_sans_pro';
	src: url('fonts/sourcesanspro-boldit.woff2') format('woff2'),
		url('fonts/sourcesanspro-boldit.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}


/*   _____                           _________        _  _
    /     \                         |    __   \      (_)(_)
   /   _   \  __  _ ____ ____ ____  |__ |__)   )   _  ____  ____ _  __
  /   /_\   \|  \| |    \  __] __ \/ __] ___   \  | |/    \| __ \ |/ /
 /   _____   \ | | | |) |  __|    /\__ \|___)   )_| |  ()  |    /  -(
/___/     \___\|\__|____/____]_|\_\[___/_______/\___/\____/|_|\_\_|\_\
                          I D E E N J Ä G E R

	handmade css for edppartner.de by top



edp grün 
	#2D9E5F

dark green 
	#1A5E39

Highlight Color orange
	#ECBA4C

Verlauf Grün
background: linear-gradient(330deg, #1A5E39 18.3%, #2D9E5F 100%);

dark grey 
	#717171

light grey
	#C4C4C4
 */

body {
	font-family: "source_sans_pro", arial, helvetica, "sans serif" ;
	font-size: 22px;
}
body, html {
	scroll-behavior: smooth;
}html {
	position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: lora, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 1.2;
}
h1,
h2 {
	color: #2D9E5F;
	clear: both;
	padding: 1.5em 0 0.8em;
	font-size: min(8vw, 2.5em);
}
h3 {
	color: #2D9E5F;
	clear: both;
	padding: 1.0em 0 0.6em;
	font-size: min(7vw, 2.0em);
}
h4 {
	font-size: 1.3em;
	clear: both;
	padding: 1.0em 0 0.4em;
	font-size: clamp(1.1em, 5vw, 1.3em);
	
}
h5 {
	color: #2D9E5F;
	padding: 1.0em 0 0.2em;
	font-size: clamp(1em, 4vw, 1.2em);
}
h6 {
	padding: 1.0em 0 0.2em;
	font-size: clamp(1em, 4vw, 1.2em);
}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
	padding-top: 0;
}
p, 
main li {
	hyphens: auto;
	font-size: clamp(0.8em, 3vw, 1em);
}

sub, sup {
	font-size: 0.75em;
}

sub {
	vertical-align: text-bottom;
}

sup {
	vertical-align: text-top;
}

.clear {
	clear: both;
}

/* Link zum Seitenanfang */
#totop {
	display: none
}

@media screen and (min-width: 1240px) {
	#totop {
		display: block;
		position: absolute;
		top: 0;
		left: min(90%, calc(50% + 550px));
		z-index: 20;
		bottom: 260px;
		box-sizing: border-box;
		padding-top: 102vh;
	}
	#totop a {
		display: block;
		background-color: #0000;
		box-sizing: border-box;
		width: 30px;
		height: 30px;
		margin-left: -40px;
		position:  sticky;
		top: calc(100vh - 50px);
		border-top: solid 3px #2D9E5F00;
		border-left: solid 3px #2D9E5F00;
		transform: rotate(45deg);
		transition: all 300ms ease;
		box-shadow: 3px 3px inset #2D9E5F, 6px 6px inset #fff8;
	}
	#totop a:focus,
	#totop a:hover {
		border-color: #2D9E5Fff;
		box-shadow: 3px 3px inset #2D9E5F, 6px 6px inset #ffff;
		outline: none;
	}
}


header {
	display: block;
	background: linear-gradient(330deg, #1A5E39 18.3%, #2D9E5F 100%);
	position: relative;
	z-index: 100;
}
header > a:first-of-type {
	margin-left: 5%;
	max-width: 20%;
	min-width: 100px;
	top: 30px;
	top: 3vw;
	position: fixed;
	z-index: 1080;
}
/*
header > a:first-of-type img {
	width: 100%;
	height: auto; 
} /**/
header > .lang-switch {
	position: absolute;
	right: 10px;
	top: 10px;
}
header .lang-switch a {
	font-size: 15px;
	color: #2D9E5F;
	border: 1px;
	background: white;
	padding: 5px;
	border-radius: 14px;
	text-decoration: none;
}
header .lang-switch a.is_active {
	font-weight: bold;
}
header nav > .lang-switch { display: none; }
header > nav > ul a {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	line-height: 2em;
	display: inline-block;
	border-bottom: solid 3px transparent;
	white-space: nowrap;
}
header > nav > ul a.aktiv,
header > nav > ul a:hover {
	border-bottom: solid 3px #ECBA4C;
}
header > nav > ul .kontakt-button > a {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	line-height: 1.8em;
	display: inline-block;
	border: solid 3px #ECBA4C;
	border-radius: 0.5em;
	box-sizing: border-box;
	padding: 0 0.8em;
	background-color: #ECBA4C;
}
header > nav > ul .aktiv.kontakt-button > a,
header > nav > ul .kontakt-button > a:hover {
	background-color: transparent;
}

header input {
	position: fixed;
	top: 50vh;
	left: -4em;
}

.header-teaser > div > div {
	background-size: cover;
	background-position: top center;
	background-color: #fff;
	text-align: center;
	position: relative;
	transition: all 500ms linear;
	opacity: 0;
	overflow: hidden;
}
.header-teaser > div > label {
	font-size: 22px;
	line-height: 30px;
	padding: 10px 20px;
	color: #fff;
	background-color: #2D9E5F;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	text-align: center;
}
.header-teaser > div:first-of-type > label {
	margin: 0;
}
.header-teaser > input:checked ~ div:first-of-type > div,
.header-teaser > input:checked + div > div {
	z-index: 2;
	opacity: 1;
}
.header-teaser > input:checked ~ div:first-of-type > label,
.header-teaser > input:checked + div > label,
.header-teaser > div > label:hover {
	background-color: #fff ;
	color: #2D9E5F; 
}
.header-teaser h3 {
	font-size: 1.5em;
	padding: 30px 40px 0;
	line-height: 1.2;
	color: #2D9E5F; 
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 0;
}
.header-teaser p {
	padding: 20px 40px 0 40px;
	line-height: 1.2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.header-teaser .teaser-text {
	background-color: rgba(255,255,255,0.8);
	text-align: left;
}
.header-teaser .teaser-text + a {
	position: relative;
	display: inline-block;
	color: #fff;
	background-color: #2D9E5F;
	font-style: italic;
	text-decoration: none;
	padding: 4px 16px ;
	font-size: 0.8em;
	line-height: 1.2;
	border-radius: 0.5em;
	height: 30px;
	box-sizing: border-box;
}
.header-teaser .teaser-text + a:hover {
	background-color: #fff;
	color: #2D9E5F;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (max-width: 1239px) {
	.header-teaser .teaser-text {
		height: 0;
		margin-bottom: -30px;
		transition: all 500ms ease-in-out;
		box-shadow: inset 0px 16px 24px 0px rgba(0,0,0,0.1)
	}
	.header-teaser .teaser-text + a {
		width: auto;
		margin: 0;
		top: -30px;
	}
	.header-teaser > input:checked ~ div:first-of-type .teaser-text ,
	.header-teaser > input:checked + div  .teaser-text {
		height: 320px;
	}
	.header-teaser > div > label {
/*		border-top: solid 8px #1A5E39; /**/
		margin-top: 8px;
	}
	#bmenue {
		display: block;
		width: 2em;
		height: 1.6em;
		position: fixed;
		z-index: 2000;
		right: 5%;
		top: 5vw;
		cursor: pointer;
	}
	#bmenue span, 
	#bmenue span:before,
	#bmenue span:after {
		display: block;
		background-color: #fff;
		width: 100%;
		position: absolute;
		transition: all 500ms ease-in-out;
	}
	#bmenue span {
		top: 44%;
		height: 12.5%;
	}
	#bmenue span:before {
		content: " ";
		top: -320%;
		height: 100%;
	} 
	#bmenue span:after {
		content: " ";
		top: 320%;
		height: 100%;
	}
	#Burgermenue:checked + #bmenue span {
		background-color: rgba(255,255,255,0);
	}
	#Burgermenue:checked + #bmenue span:before {
		transform: rotate(315deg);
		top: 0%;
	}
	#Burgermenue:checked + #bmenue span:after {
		transform: rotate(225deg);
		top: 0%;
	}
	header > nav {
		text-align: center;
		height: 110vh;
		width: 100%;
		overflow-y: auto;
		box-sizing: border-box;
		padding: 3em 0 15vh;
		position: fixed;
		top: 0;
		z-index: 1000;
		background-color: #1A5E39;
		background: linear-gradient(330deg, #1A5E39 18.3%, #2D9E5F 100%);
		margin-top: -110vh;
		transition: all 500ms ease-in-out;
	}
	header > input:checked ~ nav {
		margin-top: 0;
	}
	header > nav > ul a {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.2;
		margin-top: 0.4em
	}
	header > nav > ul ul a {
		font-size: 1em;
	}
	header:after {
		display: block;
		content: " ";
		height: 170px;
		max-height: 15vw;
		min-height: 80px;
		background-color: #1A5E39;
		background: linear-gradient(330deg, #1A5E39 18.3%, #2D9E5F 100%);
		width: 100%;
		position: fixed;
		z-index: 100;
		top: 0;
	}
	header > nav > ul .sub_ul:not(.kontakt-button) > a {
		pointer-events: none;
		font-style: italic;
/*		color: #ccc; */
		font-weight: normal;
		line-height: 1;
		padding: 0.5em 0 0;
	}
	header > nav > ul .kontakt-button > ul li {
		display: inline-block;
		padding: 2em 1em;
	}
	#top {
		display: block;
		content: " ";
		height: 170px;
		position: relative;
		max-height: 15vw;
		min-height: 80px;
	} 
}


header .image-with-text {
	position: relative;
	margin: 0 auto;
	width: 90%;
	max-width: 1100px;
	text-align: right;
}
header .image-with-text img {
	position: relative;
	margin: 0 max( -5vw, -33px) -88px 0;
}

main {
	max-width: 1100px;
	width: 90%;
	position: relative;
	margin: 0 auto;
}
main ul {
	list-style: disc outside;
	padding: 0 0 0.5em 1em;
}
main li {
	margin-bottom: 0.5em;
	line-height: 1.25;
	text-align: left;
}
main li:last-child {
	margin-bottom: 1em;
}
main p {
	margin-bottom: 1em;
	line-height: 1.25;
	text-align: left;
}
main p strong,
main li strong {
	font-weight: bold;
}
main p em,
main li em {
	font-style: italic;
}

main form {
	display: block;
}
main form select,
main form textarea,
main form input[type="text"],
main form input[type="email"],
main form input[type="file"] {
	border: solid 3px #2D9E5F;
	box-sizing: border-box;
	padding: 8px 8px;
	cursor: pointer;
	width: 100%;
	max-width: 815px;
	font-size: clamp(0.8em, 3vw, 1em);
}
main form select,
main form input[type="text"],
main form input[type="email"] {
	max-width: 400px;
	
}
main form textarea {
	min-height: 250px;
}
main form * {
	font-family: inherit;
}
main form select * {
	padding: 4px;
	margin: 0;
}
main form select {
	width: 100%;
	background-color: #fff;
}
main form input:focus,
main form textarea:focus,
main form select:focus {
	outline: solid 1px #2D9E5F;
}
main form label {
	display: block;
	box-sizing: border-box;
	margin: 0 0 1em 0;
	cursor: pointer;
	font-size: clamp(0.8em, 3vw, 1em);
}

main form label span:first-child {
	position: absolute;
	background-color: #fff;
	font-size: 0.7em;
	text-transform: uppercase;
	margin: -0.4em 0 0 1em;
	padding: 0 0.3em;
}
main form label input + span:before {
	display: inline-block;
	content: " ";
	width: 14px;
	height: 14px;
	vertical-align: baseline;
	border: solid 1px #888;
	margin-right: 6px;
	box-sizing: border-box;
}
main form label input[type="radio"] + span:before {
	border-radius: 7px; 
}
main form label input:checked + span:before {
	background-color: #2D9E5F;
	border: solid 0px #2D9E5F;
}
main form label input:focus + span:before {
	border: solid 1px #2D9E5F;
	outline: solid 1px #2D9E5F;
}
/* main form label span {
	cursor: pointer;
} */
main form label input[type="radio"],
main form label input[type="checkbox"] {
	position: absolute;
	left: -100vw;
}
main form button {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.8em;
	border: solid 3px #ECBA4C;
	border-radius: 0.5em;
	padding: 0 0.5em;
	background-color: #ECBA4C;
	color: #fff;
	font-family: "source_sans_pro", arial, helvetica, "sans serif";
	cursor: pointer;
}
main form button:focus,
main form button:hover {
	color: #ECBA4C;
	background-color: #fff;
}
main a {
	color: #2D9E5F;
	text-decoration: none;
}
main a:hover,
main a:focus {
	color: #ECBA4C;
	text-decoration: underline;
}


/* -------------------------------------------------------------- TITELSLIDER START */

.titelslider {
	position: relative;
	overflow: hidden;
	max-width: 1100px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 0 4em;
}
.titelslider h1 {
	font-size: min(7vw, 2.5em);
	color: #fff;
	position: absolute;
	bottom: calc(1em + 56px);
	z-index: 100;
	line-height: 1.5;
	margin-left: 0.2em;
	min-width: 90%;
/*
	text-decoration: underline #2D9E5FBB 1.2em;
	text-underline-offset: -1.0em;
	text-decoration-skip-ink: none;
	*/
}
.titelslider h1 span {
	padding: 0 0.25em;
	background-color: #2D9E5FBB;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 1.5;
}

.titelslider input {
	position: absolute;
	top: 48%;
	left: -3em;
}
.titelslider > div {
	position: absolute; 
	top:0;
/*	bottom: 0; */
/*	left: 0; */
	right: 0;
	overflow: hidden;
	text-align: center;
	z-index: 1;
	transition: opacity 1s linear; 
	opacity: 0;
	transition-delay: 1s;
	max-width: 800px; 

}
.titelslider > .tsabschnitt1 {
	position: relative;
	z-index: 50;
	opacity: 1;
	float: right;
}

.titelslider .blurbild {
	display: none;
}
.titelslider img {
	position: relative;
	width: 100%;
	max-width: 1440px;
	height: auto;
	margin: 0 -20%;
	vertical-align: bottom;
}
.titelslider .tstext {
	position: absolute;
	display: block;
	z-index: 10;
	right: 4%;
	width: 92%; 
	max-width: 720px;
	bottom: 40%;
	margin-bottom: -80px;
	text-align: left;
}
.titelslider .tstext h2 {
	font-size: 1.4em;
	line-height: 1.1;
	color: inherit;
}
.titelslider .tstext p {
	padding: 0 0 0.5em 0;
	line-height: 1.4;
	font-size: 0.8em;
}
.titelslider .tstext a {
	font-family: "open_sans", Helvetica, Arial, sans-serif;	
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-style: italic;
	padding: 0 2em;
	line-height: 3;
	border-radius: 2em;
	transition: all 500ms ease-in-out;
}

/* Slidernavigation */
.titelslider > .tsnavi {
	pointer-events: none;
	z-index: 100;
	opacity: 1;
	top: 90%;
	overflow: visible;
	background-color: transparent;
/*	opacity: 0.5; */
	max-width: 100%;
	left: 0;
}
/* Schaltflaechen fuer Bildpunkte */
.tsnavi label {
	display: inline-block;
	width: 32px;
	height: 32px;
	pointer-events: auto;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 0;
	margin: 0 2%;
	z-index: 130;
/*	vertical-align: top;
	background-color: rgba(0,255,0,0.2);  
	border-radius: 16px; /**/
}
/* Pfeile fuer vor/zurueck ‹ #2039 › #203a */
.tsnavi label:not(:first-child):after,
.tsnavi label:not(:first-child):before {
	font-family: "open_sans", Helvetica, Arial, sans-serif;	
	position: absolute;
	display: block;
	font-size: 3em;
/*	top: -600%; /**/
	top: -0.4em; /**/
	height: 1em;
	line-height: 1em;
	width: 1em;
	transition: color 300ms linear;
	color: #fff0; 
} 
/* Pfeile bei hover einblenden */
.titelslider:hover .tsnavi label:nth-of-type(2):before, 
.titelslider:hover .tsnavi label:nth-of-type(2):after {
	color: #fff8; 
} 

.tsnavi label:not(:first-child):before {
	content: "\2039";
	left: 0;
}
.tsnavi label:not(:first-child):after {
	content: "\203a";
	right: 0;
}

/* Temporaere Farbzahlen statt Pfeile */
/*
.tsnavi label:not(:first-child):after,
.tsnavi label:not(:first-child):before {	text-shadow: 0 0 16px #000; }
.tsnavi label:nth-of-type(2):before, .tsnavi label:nth-of-type(2):after {	content: "1";	color: #f00 !important;}
.tsnavi label:nth-of-type(3):before, .tsnavi label:nth-of-type(3):after {	content: "2";	color: #0f0 !important;}
.tsnavi label:nth-of-type(4):before, .tsnavi label:nth-of-type(4):after {	content: "3";	color: #00f !important;}
.tsnavi label:nth-of-type(5):before, .tsnavi label:nth-of-type(5):after {	content: "4";	color: #f0f !important;}
.tsnavi label:nth-of-type(6):before, .tsnavi label:nth-of-type(6):after {	content: "5";	color: #ff0 !important;}
.tsnavi label:nth-of-type(7):before, .tsnavi label:nth-of-type(7):after {	content: "6";	color: #0ff !important;}
.tsnavi label:nth-of-type(8):before, .tsnavi label:nth-of-type(8):after {	content: "7";	color: #f80 !important;}
.tsnavi label:nth-of-type(9):before, .tsnavi label:nth-of-type(9):after {	content: "8";	color: #80f !important;} 
.tsnavi label:nth-of-type(10):before, .tsnavi label:nth-of-type(10):after {	content: "9";	color: #fff !important;} 
.tsnavi label:nth-of-type(11):before, .tsnavi label:nth-of-type(11):after {	content: "0";	color: #000 !important;} 
/* */


/* Play-Button fuer Autoplay */
.tsnavi label:first-child {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	margin: -60px 0 0 -16px;
	cursor: inherit;
	z-index: 120;
	text-align: center;
	cursor: pointer;
	color: #fff8;
	border-radius: 50%;
	border: solid 1px #fff0;
	box-sizing: border-box;
	transition: all 300ms linear;
	line-height: 30px;
	padding-left:4px;
} 
.tsnavi label:first-child:hover {
	color: #ffff;
	border-color: #ffff;
}

.tsnavi label span {
	width: 32px;
	height: 32px;
	display: inline-block;
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0% 23%, rgba(255,255,255,0) 27% ); 
	border-radius: 50%;
	border: solid 1px #fff;
	box-sizing: border-box;
}
/* 
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Animation nach Bildanzahl 
*/

/* 1 Bild statisch, navi ausblenden */
.tsa1 .tsnavi { 
	display: none;
}
/* Animationswerte bei 2 Bildern */
.tsa2 > input:first-child:checked ~ .tsnavi label span { 
	animation: tsnblend2 20s infinite forwards; 
}
@keyframes tsnblend2 {
  0%   { border-color: #fff0; opacity: 0.5; }
  10%  { border-color: #ffff; opacity: 1; }
  50%  { border-color: #ffff; opacity: 1; }
  60%  { border-color: #fff0; opacity: 0.5; }
  100% { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren  */
.tsa2 > input:first-child:checked ~ .tsnavi label:before, 
.tsa2 > input:first-child:checked ~ .tsnavi label:after { 
	animation: tsablend2 20s infinite forwards; 
}
@keyframes tsablend2 {
  0%   { z-index: 30;}
  10%  { z-index: 25;}
  60%  { z-index: 20;}
  70%  { z-index: 10;}
  100% { z-index: 10;}
}
/* Bildfolge animieren  */
.tsa2 > input:first-child:checked ~ div:not(.tsnavi) { 
	animation: tsblend2 20s infinite forwards; 
}
@keyframes tsblend2 {
  0%   { opacity: 0; z-index: 30;}
  10%  { opacity: 1; z-index: 25;}
  60%  { opacity: 1; z-index: 20;}
  70%  { opacity: 0; z-index: 10;}
  100% { opacity: 0; z-index: 10;}
}

/* Animationswerte bei 3 Bildern */
.tsa3 > input:first-child:checked ~ .tsnavi label span {
	animation: tsnblend3 30s infinite forwards;
}
@keyframes tsnblend3 {
  0%      { border-color: #fff0; opacity: 0.5; }
  6.666%  { border-color: #ffff; opacity: 1; }
  33.333% { border-color: #ffff; opacity: 1; }
  40%     { border-color: #fff0; opacity: 0.5; }
  100%    { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren */
.tsa3 > input:first-child:checked ~ .tsnavi label:before, 
.tsa3 > input:first-child:checked ~ .tsnavi label:after {
	animation: tsablend3 30s infinite forwards;
}
@keyframes tsablend3 {
  0%      { z-index: 30;}
  6.666%  { z-index: 25;}
  40%     { z-index: 20;}
  46.666% { z-index: 10;}
  100%    { z-index: 10;}
}
/* Bildfolge animieren */
.tsa3 > input:first-child:checked ~ div:not(.tsnavi) {
	animation: tsblend3 30s infinite forwards;
}
@keyframes tsblend3 {
  0%      { opacity: 0; z-index: 30;}
  6.666%  { opacity: 1; z-index: 25;}
  40%     { opacity: 1; z-index: 20;}
  46.666% { opacity: 0; z-index: 10;}
  100%    { opacity: 0; z-index: 10;}
}

/* Animationswerte bei 4 Bildern */
.tsa4 > input:first-child:checked ~ .tsnavi label span {
	animation: tsnblend4 40s infinite forwards;
}
@keyframes tsnblend4 {
  0%   { border-color: #fff0; opacity: 0.5; }
  5%   { border-color: #ffff; opacity: 1; }
  25%  { border-color: #ffff; opacity: 1; }
  30%  { border-color: #fff0; opacity: 0.5; }
  100% { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren  */
.tsa4 > input:first-child:checked ~ .tsnavi label:before, 
.tsa4 > input:first-child:checked ~ .tsnavi label:after {
	animation: tsablend4 40s infinite forwards;
}
@keyframes tsablend4 {
  0%   { z-index: 30;}
  5%   { z-index: 25;}
  30%  { z-index: 20;}
  35%  { z-index: 10;}
  100% { z-index: 10;}
}
/* Bildfolge animieren  */
.tsa4  > input:first-child:checked ~ div:not(.tsnavi) {
	animation: tsblend4 40s infinite forwards;
}
@keyframes tsblend4 {
  0%   { opacity: 0; z-index: 30;}
  5%   { opacity: 1; z-index: 25;}
  30%  { opacity: 1; z-index: 20;}
  35%  { opacity: 0; z-index: 10;}
  100% { opacity: 0; z-index: 10;}
}


/* Animationswerte bei 5 Bildern */
.tsa5 > input:first-child:checked ~ .tsnavi label span {
	animation: tsnblend5 50s infinite forwards;
}
@keyframes tsnblend5 {
  0%   { border-color: #fff0; opacity: 0.5; }
  4%   { border-color: #ffff; opacity: 1; }
  20%  { border-color: #ffff; opacity: 1; }
  24%  { border-color: #fff0; opacity: 0.5; }
  100% { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren  */
.tsa5 > input:first-child:checked ~ .tsnavi label:before, 
.tsa5 > input:first-child:checked ~ .tsnavi label:after {
	animation: tsablend5 50s infinite forwards;
}
@keyframes tsablend5 {
  0%   { z-index: 30;}
  4%   { z-index: 25;}
  24%  { z-index: 20;}
  28%  { z-index: 10;}
  100% { z-index: 10;}
}
/* Bildfolge animieren  */
.tsa5 > input:first-child:checked ~ div:not(.tsnavi) {
	animation: tsblend5 50s infinite forwards;
}
@keyframes tsblend5 {
  0%   { opacity: 0; z-index: 30;}
  4%   { opacity: 1; z-index: 25;}
  24%  { opacity: 1; z-index: 20;}
  28%  { opacity: 0; z-index: 10;}
  100% { opacity: 0; z-index: 10;}
}


/* Animationswerte bei 6 Bildern */
.tsa6 > input:first-child:checked ~ .tsnavi label span {
	animation: tsnblend6 60s infinite forwards;
}
@keyframes tsnblend6 {
  0%      { border-color: #fff0; opacity: 0.5; }
  3.333%  { border-color: #ffff; opacity: 1; }
  16.666% { border-color: #ffff; opacity: 1; }
  20%     { border-color: #fff0; opacity: 0.5; }
  100%    { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren  */
.tsa6 > input:first-child:checked ~ .tsnavi label:before, 
.tsa6 > input:first-child:checked ~ .tsnavi label:after {
	animation: tsablend6 60s infinite forwards;
}
@keyframes tsablend6 {
  0%      { z-index: 30;}
  3.333%  { z-index: 25;}
  20%     { z-index: 20;}
  23.333% { z-index: 10;}
  100%    { z-index: 10;}
}
/* Bildfolge animieren  */
.tsa6 > input:first-child:checked ~ div:not(.tsnavi) {
	animation: tsblend6 60s infinite forwards;
}
@keyframes tsblend6 {
  0%      { opacity: 0; z-index: 30;}
  3.333%  { opacity: 1; z-index: 25;}
  20%     { opacity: 1; z-index: 20;}
  23.333% { opacity: 0; z-index: 10;}
  100%    { opacity: 0; z-index: 10;}
}


/* Animationswerte bei 7 Bildern */
.tsa7 > input:first-child:checked ~ .tsnavi label span {
	animation: tsnblend7 70s infinite forwards;
}
@keyframes tsnblend7 {
  0%      { border-color: #fff0; opacity: 0.5; }
  2.857%  { border-color: #ffff; opacity: 1; }
  14.286% { border-color: #ffff; opacity: 1; }
  17.143% { border-color: #fff0; opacity: 0.5; }
  100%    { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren  */
.tsa7 > input:first-child:checked ~ .tsnavi label:before, 
.tsa7 > input:first-child:checked ~ .tsnavi label:after {
	animation: tsablend7 70s infinite forwards;
}
@keyframes tsablend7 {
  0%      { z-index: 30;}
  2.857%  { z-index: 25;}
  17.143% { z-index: 20;}
  20%     { z-index: 10;}
  100%    { z-index: 10;}
}
/* Bildfolge animieren  */
.tsa7  > input:first-child:checked ~ div:not(.tsnavi) {
	animation: tsblend7 70s infinite forwards;
}
@keyframes tsblend7 {
  0%      { opacity: 0; z-index: 30;}
  2.857%  { opacity: 1; z-index: 25;}
  17.143% { opacity: 1; z-index: 20;}
  20%     { opacity: 0; z-index: 10;}
  100%    { opacity: 0; z-index: 10;}
}


/* Animationswerte bei 8 Bildern */
.tsa8 > input:first-child:checked ~ .tsnavi label span {
	animation: tsnblend8 80s infinite forwards;
}
@keyframes tsnblend8 {
  0%    { border-color: #fff0; opacity: 0.5; }
  2.5%  { border-color: #ffff; opacity: 1; }
  12.5% { border-color: #ffff; opacity: 1; }
  15%   { border-color: #fff0; opacity: 0.5; }
  100%  { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren  */
.tsa8 > input:first-child:checked ~ .tsnavi label:before, 
.tsa8 > input:first-child:checked ~ .tsnavi label:after {
	animation: tsablend8 80s infinite forwards;
}
@keyframes tsablend8 {
  0%    { z-index: 30;}
  2.5%  { z-index: 25;}
  15%   { z-index: 20;}
  17.5% { z-index: 10;}
  100%  { z-index: 10;}
}
/* Bildfolge animieren  */
.tsa8  > input:first-child:checked ~ div:not(.tsnavi) {
	animation: tsblend8 80s infinite forwards;
}
@keyframes tsblend8 {
  0%    { opacity: 0; z-index: 30;}
  2.5%  { opacity: 1; z-index: 25;}
  15%   { opacity: 1; z-index: 20;}
  17.5% { opacity: 0; z-index: 10;}
  100%  { opacity: 0; z-index: 10;}
}


/* Animationswerte bei 9 Bildern */
.tsa9 > input:first-child:checked ~ .tsnavi label span {
	animation: tsnblend9 90s infinite forwards;
}
@keyframes tsnblend9 {
  0%      { border-color: #fff0; opacity: 0.5; }
  2.222%  { border-color: #ffff; opacity: 1; }
  11.111% { border-color: #ffff; opacity: 1; }
  13.333% { border-color: #fff0; opacity: 0.5; }
  100%    { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren */
.tsa9 > input:first-child:checked ~ .tsnavi label:before, 
.tsa9 > input:first-child:checked ~ .tsnavi label:after {
	animation: tsablend9 90s infinite forwards;
}
@keyframes tsablend9 {
  0%      { z-index: 30;}
  2.222%  { z-index: 25;}
  13.333% { z-index: 20;}
  15.555% { z-index: 10;}
  100%    { z-index: 10;}
}
/* Bildfolge animieren  */
.tsa9 > input:first-child:checked ~ div:not(.tsnavi) {
	animation: tsblend9 90s infinite forwards;
}
@keyframes tsblend9 {
  0%      { opacity: 0; z-index: 30;}
  2.222%  { opacity: 1; z-index: 25;}
  13.333% { opacity: 1; z-index: 20;}
  15.555% { opacity: 0; z-index: 10;}
  100%    { opacity: 0; z-index: 10;}
}


/* Animationswerte bei 10 Bildern */
.tsa10 > input:first-child:checked ~ .tsnavi label span {
	animation: tsnblend10 100s infinite forwards;
}
@keyframes tsnblend10 {
  0%   { border-color: #fff0; opacity: 0.5; }
  2%   { border-color: #ffff; opacity: 1; }
  10%  { border-color: #ffff; opacity: 1; }
  12%  { border-color: #fff0; opacity: 0.5; }
  100% { border-color: #fff0; opacity: 0.5; }
}
/* vor/zurueck animieren  */
.tsa10 > input:first-child:checked ~ .tsnavi label:before, 
.tsa10 > input:first-child:checked ~ .tsnavi label:after {
	animation: tsablend10 100s infinite forwards;
}
@keyframes tsablend10 {
  0%   { z-index: 30;}
  2%   { z-index: 25;}
  12%  { z-index: 20;}
  14%  { z-index: 10;}
  100% { z-index: 10;}
}
/* Bildfolge animieren  */
.tsa10 > input:first-child:checked ~ div:not(.tsnavi) {
	animation: tsblend10 100s infinite forwards;
}
@keyframes tsblend10 {
  0%   { opacity: 0; z-index: 30;}
  2%   { opacity: 1; z-index: 25;}
  12%  { opacity: 1; z-index: 20;}
  14%  { opacity: 0; z-index: 10;}
  100% { opacity: 0; z-index: 10;}
}

/* allgemeiner Zeit-Versatz der Bildpunkte, Bildbloecke und vor/zurueck  */
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(2) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(3):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt1 { animation-delay: -25202s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(3) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(2):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(4):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt2 { animation-delay: -25192s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(4) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(3):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(5):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt3 { animation-delay: -25182s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(5) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(4):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(6):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt4 { animation-delay: -25172s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(6) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(5):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(7):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt5 { animation-delay: -25162s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(7) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(6):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(8):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt6 { animation-delay: -25152s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(8) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(7):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(9):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt7 { animation-delay: -25142s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(9) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(8):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(10):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt8 { animation-delay: -25132s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(10) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(9):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(11):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt9 { animation-delay: -25122s; }
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(11) span, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(10):before, 
.titelslider > input:first-child:checked ~ .tsnavi label:nth-of-type(2):after,
.titelslider > input:first-child:checked ~ div.tsabschnitt10 { animation-delay: -25112s; }

/* vor/zurueck Versatz beim letzem Slide korrigieren */
.tsa1 .tsnavi label:nth-of-type(2):after { animation-delay: -25202s; } 
.tsa2 .tsnavi label:nth-of-type(2):after { animation-delay: -25192s; }
.tsa3 .tsnavi label:nth-of-type(2):after { animation-delay: -25182s; }
.tsa4 .tsnavi label:nth-of-type(2):after { animation-delay: -25172s; }
.tsa5 .tsnavi label:nth-of-type(2):after { animation-delay: -25162s; }
.tsa6 .tsnavi label:nth-of-type(2):after { animation-delay: -25152s; }
.tsa7 .tsnavi label:nth-of-type(2):after { animation-delay: -25142s; }
.tsa8 .tsnavi label:nth-of-type(2):after { animation-delay: -25132s; }
.tsa9 .tsnavi label:nth-of-type(2):after { animation-delay: -25122s; }

/* manuell aktivierten Slide nach vorne stellen */
.titelslider > input + div {
	transition-delay: 1s;
}
.titelslider > input:first-child:not(:checked) ~ input:not(:checked) + div {
	transition: opacity 1s linear;
	opacity: 0 !important; 
	z-index: 1 !important;
}
.titelslider > input:first-child:not(:checked) ~ input:checked + div {
	transition: opacity 1s linear;
	transition-delay: 0s;
	opacity: 1 !important; 
	z-index: 80 !important;
}

/* Listenpunkt per Klick markieren */
.titelslider > input:first-child:not(:checked) ~ div.tsnavi label span { border-color: #fff0; opacity: 0.5; }
.titelslider div.tsnavi label span:hover { border-color: #ffff !important; }

.titelslider input.slide1:checked ~ div.tsnavi label:nth-of-type(2) span,
.titelslider input.slide2:checked ~ div.tsnavi label:nth-of-type(3) span,
.titelslider input.slide3:checked ~ div.tsnavi label:nth-of-type(4) span,
.titelslider input.slide4:checked ~ div.tsnavi label:nth-of-type(5) span,
.titelslider input.slide5:checked ~ div.tsnavi label:nth-of-type(6) span,
.titelslider input.slide6:checked ~ div.tsnavi label:nth-of-type(7) span,
.titelslider input.slide7:checked ~ div.tsnavi label:nth-of-type(8) span,
.titelslider input.slide8:checked ~ div.tsnavi label:nth-of-type(9) span,
.titelslider input.slide9:checked ~ div.tsnavi label:nth-of-type(10) span,
.titelslider input.slide10:checked ~ div.tsnavi label:nth-of-type(11) span { border-color: #ffff; opacity: 1; }

/* vor/zurueck Schalter nur per Klick ansprechbar */
.titelslider > input:first-child:not(:checked) ~ div.tsnavi label:before,
.titelslider > input:first-child:not(:checked) ~ div.tsnavi label:after { pointer-events: none; }

.titelslider input.slide1:checked ~ div.tsnavi label:last-child:before,
.titelslider input.slide1:checked ~ div.tsnavi label:nth-of-type(3):after,
.titelslider input.slide2:checked ~ div.tsnavi label:nth-of-type(2):before,
.titelslider input.slide2:checked ~ div.tsnavi label:nth-of-type(4):after,
.titelslider input.slide3:checked ~ div.tsnavi label:nth-of-type(3):before,
.titelslider input.slide3:checked ~ div.tsnavi label:nth-of-type(5):after,
.titelslider input.slide4:checked ~ div.tsnavi label:nth-of-type(4):before,
.titelslider input.slide4:checked ~ div.tsnavi label:nth-of-type(6):after,
.titelslider input.slide5:checked ~ div.tsnavi label:nth-of-type(5):before,
.titelslider input.slide5:checked ~ div.tsnavi label:nth-of-type(7):after,
.titelslider input.slide6:checked ~ div.tsnavi label:nth-of-type(6):before,
.titelslider input.slide6:checked ~ div.tsnavi label:nth-of-type(8):after,
.titelslider input.slide7:checked ~ div.tsnavi label:nth-of-type(7):before,
.titelslider input.slide7:checked ~ div.tsnavi label:nth-of-type(9):after,
.titelslider input.slide8:checked ~ div.tsnavi label:nth-of-type(8):before,
.titelslider input.slide8:checked ~ div.tsnavi label:nth-of-type(10):after,
.titelslider input.slide9:checked ~ div.tsnavi label:nth-of-type(9):before,
.titelslider input.slide9:checked ~ div.tsnavi label:nth-of-type(11):after,
.titelslider input.slide10:checked ~ div.tsnavi label:nth-of-type(10):before,
.titelslider input:last-of-type:checked ~ div.tsnavi label:nth-of-type(2):after { pointer-events: auto; }

/* Play ausblenden */
.titelslider > input:first-child:checked ~.tsnavi label:first-child { display: none; }


/* ---------------------------------------------------- TITELSLIDER END */




.vorort:after {
	content: " ";
	display: block;
	clear: left;
}

.vorort + .vorort {
		position: relative;
	clear: left;
}
.vorort .imgtxt-top-left {
	overflow: hidden;
	float: left;
	width: 32%;
	margin-right: 2%;
}
.vorort .image-td img {
	width: 200%;
	max-width: 200%;
	height: auto;
	transition: all 1500ms ease-in-out;
	margin-bottom: 0.5em;
}
.vorort:hover .image-td img {
	margin-left: -100%;
	transition: all 500ms ease-out;
}
.vorort h4 {
	display: inline-block;
	line-height: 1.25;
	font-family: "source_sans_pro", arial, helvetica, "sans serif";
	max-width: 60%;
	padding: 0;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/*@media screen and (min-width: 960px) { */
@media screen and (min-width: 740px) {
	
	.vorort {
	/*	width: 22%; */
		width: 32%;
		float: left;
}
.vorort .imgtxt-top-left {
	overflow: hidden;
	float: none;
	width: auto;
	margin-right: 0;
}

	.vorort + .vorort {
	/*	margin-left: 4%; */
		margin-left: 2%;
	clear: none;
	}
	.vorort .image-td {
	}
	.vorort .image-td img {
	}
	.vorort:hover .image-td img {
	}
	.vorort h4 {
	max-width: 220px;
	min-height:  2.8em;
	}
	
}
.kontaktbox {
	background-color: #2D9E5F;
	box-sizing: border-box;
	padding: 1em;
		padding: 2%;
	margin-bottom: 2%;
}
.kontaktbox.trittau {
	margin-bottom: 0;
}
.kontaktbox img {
	max-width: 48%;
	float: left;
	margin: 0;
	vertical-align: bottom;
}
.kontaktbox p {
	margin:  0 0 0 50%;
	color: #fff;
}
.kontaktbox p:first-of-type {
/*	min-height: 6em; */
	margin-bottom: 1em;
}
.kontaktbox p:last-child:after {
	display: block;
	content: " ";
	clear: left;
	height: 1px;
}
.kontaktbox a {
	color: #fff;
	text-decoration: none;
}
.kontaktbox a:hover {
	text-decoration: underline;
}
.kontaktbox a[href^="tel:"]:before {
	content: url("data:image/svg+xml;charset=UTF-8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cg clip-path='url(%23clip0)' fill='%23fff'>%3Cpath d='M13.685 11.907c-.588-.58-1.323-.58-1.907 0-.446.442-.891.884-1.33 1.334-.12.123-.22.15-.367.067-.288-.157-.595-.284-.872-.457-1.293-.813-2.375-1.858-3.334-3.034-.476-.584-.899-1.21-1.195-1.914-.06-.142-.049-.236.068-.352.445-.43.88-.873 1.318-1.315.61-.614.61-1.333-.004-1.951-.348-.352-.696-.697-1.045-1.049-.36-.36-.715-.723-1.079-1.079-.588-.573-1.322-.573-1.906.004-.45.442-.88.895-1.337 1.33-.424.4-.637.891-.682 1.464-.071.933.157 1.813.48 2.671.659 1.776 1.663 3.352 2.88 4.798a17.824 17.824 0 005.903 4.619c1.034.502 2.105.887 3.27.951.802.045 1.498-.157 2.056-.783.382-.427.813-.816 1.218-1.225.599-.607.603-1.34.007-1.94a576.01 576.01 0 00-2.142-2.139zM13.616 8.812a.7.7 0 00.553-.895 6.192 6.192 0 00-1.544-2.565A6.146 6.146 0 009.88 3.755a.702.702 0 00-.88.579L9 4.335a.7.7 0 00.51.774 4.76 4.76 0 012.126 1.236 4.761 4.761 0 011.19 1.976c.104.34.44.55.79.49zM15.13 2.914A10.186 10.186 0 0010.026.13a.701.701 0 00-.84.589V.72a.698.698 0 00.54.78 8.835 8.835 0 014.415 2.406 8.832 8.832 0 012.344 4.142.7.7 0 001.36-.337 10.268 10.268 0 00-2.715-4.798z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); 
	padding-right: 0.3em;
}
.kontaktbox a[href^="tel:"] {
	font-size: 120%;
	font-weight: bold;
}
.kontaktbox a {
	display: inline-block;
	margin-right: -3%;
	hyphens: none;
	
}

blockquote > * {
	font-size: min(6vw, 2.5em);
	text-align: left;
	color: #000;
	line-height: 1.1;
	padding: 0;
}
blockquote > *:before {
	content: "»";
}
blockquote > * > :last-child:after {
	content: "«";
}
blockquote > * > em {
	display: block;
	text-align: right;
}
blockquote > * > strong {
	display: block;
	text-align: center;
}

.brechts {
	box-sizing: border-box;
	width: min(750px, 100%);
	padding: 80px 0 0 0;
}
.brechts blockquote {
/*	float: left; */
	margin: 0 min(15vw, 120px) 20px;
}
main > footer {
	display: block;
	padding-top: 3em;
	clear: both;
}

main > footer p {
	text-align: right;
}
main > footer a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	font-style: italic;
	margin-left: 1em; 
}
main > footer a:hover {
	text-decoration: underline;
}

body > footer {
	background: linear-gradient(330deg, #1A5E39 18.3%, #2D9E5F 100%);
}
.mgschaft {
	width: 95%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding:  1em 0 2em;
}
.mgschaft h3 {
	text-align: left;
	color: #fff;
	font-family: "source_sans_pro", arial, helvetica, "sans serif";
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	padding: 0;
	margin: 0;
}
.mgschaft > div {
	display: inline-block;
	max-width: 14.0%;
	position: relative;
	padding: 0 1% 0 1%;
}
.mgschaft > div + div:before {
	display: block;
	position: absolute;
	content: "";
	width: 1px;
	top: 20%;
	left: 0;
	height: 60%;
	background-color: #fff;
}
/*
.mgschaft > div:first-of-type:before {
	display: none;
} 
/* */
.mgschaft > div img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/*@media screen and (min-width: 960px) { */
@media screen and (min-width: 800px) {
	.kontaktbox {
/*		width: 24.1%;
		margin: 0 1.2% 0 0; */
		width: 32%;
		margin: 0 2% 0 0;
		float: left;
		padding: 2%;
	}
	.kontaktbox.meerbusch {
		margin: 0;
	}
	.kontaktbox.trittau {
		margin: 0;
		padding-right: 3.0%;
		width: 25.1%;
	}
	.kontaktbox img {
		float: none;
		max-width: 100%;
		margin: 0 0 1em;
	}
	.kontaktbox p {
		margin: 0;
		font-size: 80%;
		min-height: 3em;
	}
	.kontaktbox p:first-of-type {
		min-height: 7em;
	}
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 1240px) {
	
	.kontaktbox p {
		font-size: 90%;
	}
	header > a:first-of-type {
		top: 30px;
		left: 50%;
		margin-left: -550px;
		position: absolute;
	}
	header > nav {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 60px 0;
		width: 1100px;
		text-align: right;
	}
	header > nav > ul > li {
		display: inline-block;
		margin-left: 2em;
		position: relative;
	}
	header > nav > ul > li > ul {
		position: absolute;
		left: 0;
		text-align: left;
		background-color: #1A5E39;
		padding: 8px;
		top: -24em;
		pointer-events: none;
		transition: all 500ms ease-in-out;
		z-index: 190;
	}
	header > nav > ul > li > ul:after {
		/*display: block;
		content: "";
		border-top: solid 21em rgba(0,0,0,0.0);
		position: absolute;
		width: 100%;
		left: 0;*/
	}
	header > nav > ul > li a:focus + ul, /* Temporaer bis Touch-Ergaenzung */
	header > nav > ul > li:hover > ul {
		transition: all 1ms ease-in-out;
		top: 1.75em;
		pointer-events: auto;
	}
	header > nav > ul .kontakt-button > ul {
		display: none;
	}
	
	.header-teaser input {
		left: -50vw;
	}
	.header-teaser {
		display: block;
		position: relative;
		max-width: 1100px;
		margin: 0 auto 32px;
		z-index: 20;
		/*	overflow: hidden; */ 
	}
	.header-teaser h3 {
		padding: 90px 40px 0;
	}
	.header-teaser > div > div {
		transition: all 500ms linear;
		width: 680px;
		position: absolute;
		right: 0;
		bottom: 0;
		top: 0;
		opacity: 0.01;
	}
	.header-teaser > div > label {
		width: 400px;
		margin: 10px 0 0;
	}
	.header-teaser > div:first-of-type > label {
		margin: 0;
	}
	.header-teaser .teaser-text {
		position: absolute;
		top: 0;
		bottom: 0;
	}
	.header-teaser .teaser-text + a {
		top: 80%;
	}
	
	.brechts {
		box-sizing: border-box;
		width: 100%;
		padding: 200px 0 0 50%;
		border-left: solid 10px transparent;
	}
	.brechts blockquote {
		width: 97.5%;
		float: left;
		margin: -100px 0 0 -100%;
	}
	.imgtxt-column-right-text {
		box-sizing: border-box;
		padding-right: 10px;
		width: 50%;
		float: left;
	}
	.imgtxt-column-right-image {
		box-sizing: border-box;
		padding-left: 10px;
		width: 50%;
		float: right;
	}
	
	.standort + .frechts .imgtxt-column-right-image {
		width: 37.36%;
	}
	.standort + .frechts .imgtxt-column-right-text {
		width: 60%;
	}
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (max-width: 1239px) {
	.standort + .frechts img {
		float: right;
		margin-top: 1em;
	}
	header nav > .lang-switch { display: block }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 720px) {
	div.images.frechts,
	div.images.flinks {
		max-width: 48%;
	}
	div.images.frechts {
		float: right;
	}
	div.images.flinks {
		float: left;
	}
}


div.images.frechts .imageEntry,
div.images.flinks .imageEntry {
	text-align: center;
	margin: 0 0 2em 0;
}
div.images.frechts .imageEntry img,
div.images.flinks .imageEntry img{
	display: block;
	margin: 0 auto;
}


div.iconslider  {
	text-align: center;
	display: block;
	border-bottom: solid 2em #fff0;
	position: relative;
	clear: both;
}

div.iconslider > *:not(label) {
	text-align: left;
}
div.iconslider input {
	position: absolute;
	left: -50vw;
}
div.iconslider label {
	width: 1.5em;
	display: inline-block;
	cursor: pointer;
}
div.iconslider label span {
	transition: all 300ms ease;
}
div.iconslider > label span:nth-child(2) {
	position: absolute;
	top: 102%;
	width: 1.10em;
	margin-left: -0.6em;
	height: 1.1em;
	border: solid 0.05em #0000;
	border-radius: 1em; 
}
div.iconslider > input:checked + label span:nth-child(2) {
	border-color: #000f;
}
div.iconslider > label span:first-child,
div.iconslider > label span:last-child {
	top: 66%;
	position: absolute;
	font-size: 2em;
	font-family: lora, "Times New Roman", Times, serif;
	z-index: 5;
	color: #0000;
}
div.iconslider label:first-of-type span:last-child {
	z-index: 6;
}
div.iconslider > label span:first-child {
	left: -2.5%;
}
div.iconslider > label span:last-child {
	right: -2.5%;
}
div.iconslider input:checked + label span:first-child {
	color: #000f;
}
div.iconslider input:checked ~ label span:first-child {
	z-index: 3;
}
div.iconslider input:checked + label+ input + label span:last-child {
	z-index: 7;
	color: #000f;
}
div.iconslider input:last-of-type:checked + label span:last-child {;
	color: #000f;
}

div.iconslider label span:hover {
	color: #2D9E5F !important;
	border-color: #2D9E5F;
	text-shadow: 2px 2px 4px #fff, -2px 2px 4px #fff, 2px -2px 4px #fff, -2px -2px 4px #fff,  0 0 16px #fff;
}
div.iconblock  {
	width: 100%;
	overflow: hidden;
	position: relative;
	/*
	word-spacing: -0.5em;
	text-align: left;
	white-space: nowrap; /**/
}

div.iconblock > div {
	background-color: #2D9E5F;
	text-align: center;
	white-space: normal;
	transition: all 300ms ease;
	word-spacing: 0;
	opacity: 0.1;
	display: block;
	position: absolute;
}

div.iconblock > div:last-child {
	position: relative;
}
div.iconblock > div img {
	display: block;
	position: relative;
	margin: 0.0em auto -1.0em;
}
div.iconblock > div strong,
div.iconblock > div span {
/*	margin: 0 13%; /**/
	color: #fff;
}
div.iconblock > div span {
	font-size: 0.75em;
	line-height: 1.2;
	display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;  
  overflow: hidden;
	/*
	display: block;
	box-sizing: content-box;
	height: 10.75em;
	overflow: hidden; /**/
}
div.iconblock > div span:before {
	display: block;
	content: " ";
	border-top: solid 3px #ECBA4C;
	height: 1em;
	box-sizing: border-box;
}
div.iconblock > div strong {
	width: 50%;
	display: table-cell; 
	height: 3em;
	vertical-align: middle;
	font-weight: bold;
	font-style: italic;
} 
div.iconblock > div a {
	display: block;
	padding: 1em 13% 2em;
	text-align: center; 
} 
div.iconblock > div a:hover {
	text-decoration: none;
} 
div.iconblock > div:hover {
	box-shadow: inset 0 0 0 4px #2D9E5F, inset 0 0 0 6px #ECBA4C;
}

	div.iconblock > div {
		width: 100%;	
		opacity: 0; 
		left: -104%; 
	}	
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(12):checked ~ div.iconblock > div.row12 { opacity: 1; left: 0; }
	
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (max-width: 479px) {
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row12,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row1 { opacity: 1; left: 104%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row1,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row2 { opacity: 0; left: 104%; }
	
		
	div.iconslider input:first-of-type:checked ~ div.iconblock > div:last-of-type,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(12):checked ~ div.iconblock > div.row11 { opacity: 1; left: -104%; }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 480px) {
	div.iconblock > div {
		width: 48%;	
		opacity: 0; 
		left: -52%; 
	}	

	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row12,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row1 { opacity: 1; left: 52%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row1,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row2 { opacity: 1; left: 104%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(3):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row2,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row3 { opacity: 0; left: 104%; }
		
	div.iconslider input:first-of-type:checked ~ div.iconblock > div:last-of-type,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(12):checked ~ div.iconblock > div.row11 { opacity: 1; left: -52%; }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 720px) {
	div.iconslider > label span:first-child {
		left: -0.5em;
	}
	div.iconslider > label span:last-child {
		right: -0.5em;
	}
	div.iconblock > div {
		width: 32%;	
		opacity: 0; 
		left: -34%; 
	}	
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row12,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row1 { opacity: 1; left: 34%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row1,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row2 { opacity: 1; left: 68%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(3):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row2,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row3 { opacity: 1; left: 102%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(4):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-last-of-type(3):checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row3,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row4 { opacity: 0; left: 102%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div:last-of-type,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(12):checked ~ div.iconblock > div.row11 { opacity: 1; left: -34%; }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 1240px) {
	div.iconslider > label span:first-child {
		left: -0.75em;
	}
	div.iconslider > label span:last-child {
		right: -0.75em;
	}
	div.iconblock > div {
		width: 23%;	
		opacity: 0; 
		left: -25.666%; 
	}	
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row12,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row1 { opacity: 1; left: 25.666%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row1,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row2 { opacity: 1; left: 51.333%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(3):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row2,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row3 { opacity: 1; left: 77%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(4):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-last-of-type(3):checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row3,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row4 { opacity: 1; left: 102.666%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row11,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row12,
	div.iconslider input:nth-last-of-type(5):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-last-of-type(4):checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-last-of-type(3):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-last-of-type(2):checked ~ div.iconblock > div.row4,
	div.iconslider input:last-of-type:checked ~ div.iconblock > div.row5 { opacity: 0; left: 102.666%; }
	
	div.iconslider input:first-of-type:checked ~ div.iconblock > div:last-of-type,
	div.iconslider input:nth-of-type(2):checked ~ div.iconblock > div.row1,
	div.iconslider input:nth-of-type(3):checked ~ div.iconblock > div.row2,
	div.iconslider input:nth-of-type(4):checked ~ div.iconblock > div.row3,
	div.iconslider input:nth-of-type(5):checked ~ div.iconblock > div.row4,
	div.iconslider input:nth-of-type(6):checked ~ div.iconblock > div.row5,
	div.iconslider input:nth-of-type(7):checked ~ div.iconblock > div.row6,
	div.iconslider input:nth-of-type(8):checked ~ div.iconblock > div.row7,
	div.iconslider input:nth-of-type(9):checked ~ div.iconblock > div.row8,
	div.iconslider input:nth-of-type(10):checked ~ div.iconblock > div.row9,
	div.iconslider input:nth-of-type(11):checked ~ div.iconblock > div.row10,
	div.iconslider input:nth-of-type(12):checked ~ div.iconblock > div.row11 { opacity: 1; left: -25.666%; }
	
}



.standort  {
	margin-bottom: 4em;
}
.standort .imgtxt-column-left * ,
.standort .imgtxt-column-left a {
	color: #fff;
}
.standort .imgtxt-column-left  {
	position: relative;
	display: block;
	background-color: #2D9E5F;
}
.standort .imgtxt-column-left-image {
	display:  block;
	vertical-align: bottom;
	width: 63.63%;
	background-color: #fff;
	padding-right: 3%;
	box-sizing: border-box;
}
.standort .imgtxt-column-left-image img {
	vertical-align: bottom;
}
.standort .imgtxt-column-left-text {
	color: #fff;
	width: 32%;
	position: absolute;
	right: 0;
	bottom: 6%;
	vertical-align: bottom;
	@media screen and (max-width: 539px) {
		font-size: 0.8em;
		bottom: 0px;
		top: 3px;
	}
}
.standort .imgtxt-column-left a[href^="tel:"] {
	font-size: 1.25em;
	font-weight: bold;
}
.standort .imgtxt-column-left a[href^="tel:"]:hover {
	color: #ECBA4C;
}
.standort .imgtxt-column-left a[href^="tel:"]:before {	
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0.2em -0.2em 0;
	@media screen and (max-width: 539px) {
		content: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11_201)'%3E%3Cpath d='M22.8081 19.8456C21.8281 18.878 20.6044 18.878 19.6306 19.8456C18.8878 20.5822 18.1449 21.3189 17.4145 22.068C17.2147 22.274 17.0462 22.3177 16.8027 22.1803C16.322 21.9181 15.8101 21.7059 15.3481 21.4187C13.1943 20.0642 11.3903 18.3224 9.79206 16.3621C8.99924 15.3883 8.29381 14.3457 7.8007 13.1721C7.70075 12.9349 7.71948 12.7788 7.913 12.5853C8.65589 11.8674 9.38004 11.1307 10.1105 10.3941C11.128 9.37032 11.128 8.17172 10.1042 7.14167C9.52369 6.55486 8.94305 5.98046 8.36254 5.39371C7.76318 4.79435 7.17012 4.18887 6.56458 3.59581C5.58453 2.64061 4.3609 2.64061 3.38703 3.60205C2.63791 4.33869 1.91999 5.09406 1.15845 5.81822C0.452956 6.48619 0.097184 7.30398 0.022209 8.25906C-0.0963402 9.81355 0.284466 11.2806 0.821277 12.7102C1.91999 15.6692 3.59311 18.2973 5.62199 20.7071C8.36254 23.9658 11.6337 26.544 15.4605 28.4044C17.1835 29.2409 18.9689 29.8839 20.9104 29.99C22.2463 30.0648 23.4075 29.7278 24.3377 28.6853C24.9743 27.9736 25.6923 27.3244 26.3665 26.6439C27.3654 25.6325 27.3716 24.409 26.379 23.4102C25.1928 22.2178 24.0005 21.0317 22.8081 19.8456Z' fill='white'/%3E%3Cpath d='M22.6936 14.6861C23.387 14.5677 23.8211 13.8673 23.6153 13.1946C23.1234 11.5867 22.2458 10.1299 21.0416 8.92076C19.7535 7.63264 18.1918 6.72682 16.4695 6.25825C15.7887 6.07296 15.0991 6.52394 15.0011 7.22268L15.0007 7.22568C14.919 7.80844 15.2837 8.36029 15.8515 8.51486C17.1852 8.87788 18.396 9.57756 19.3935 10.5751C20.3226 11.5042 20.9974 12.6289 21.3776 13.8687C21.5508 14.4334 22.1113 14.7855 22.6936 14.6861Z' fill='white'/%3E%3Cpath d='M25.2178 4.85679C22.8559 2.49492 19.9376 0.90615 16.7122 0.217204C16.0494 0.0756812 15.4053 0.52628 15.3113 1.1975L15.3108 1.20118C15.2263 1.80385 15.6177 2.37569 16.2129 2.50291C19.0023 3.09915 21.5277 4.47467 23.5697 6.51111C25.4925 8.43381 26.8317 10.8039 27.476 13.4152C27.6221 14.0072 28.2034 14.384 28.8045 14.2814C29.4722 14.1674 29.9057 13.5103 29.7426 12.8528C28.9928 9.82868 27.4431 7.08756 25.2178 4.85679Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_201'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	};
	@media screen and (min-width: 540px) {
		content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11_201)'%3E%3Cpath d='M22.8081 19.8456C21.8281 18.878 20.6044 18.878 19.6306 19.8456C18.8878 20.5822 18.1449 21.3189 17.4145 22.068C17.2147 22.274 17.0462 22.3177 16.8027 22.1803C16.322 21.9181 15.8101 21.7059 15.3481 21.4187C13.1943 20.0642 11.3903 18.3224 9.79206 16.3621C8.99924 15.3883 8.29381 14.3457 7.8007 13.1721C7.70075 12.9349 7.71948 12.7788 7.913 12.5853C8.65589 11.8674 9.38004 11.1307 10.1105 10.3941C11.128 9.37032 11.128 8.17172 10.1042 7.14167C9.52369 6.55486 8.94305 5.98046 8.36254 5.39371C7.76318 4.79435 7.17012 4.18887 6.56458 3.59581C5.58453 2.64061 4.3609 2.64061 3.38703 3.60205C2.63791 4.33869 1.91999 5.09406 1.15845 5.81822C0.452956 6.48619 0.097184 7.30398 0.022209 8.25906C-0.0963402 9.81355 0.284466 11.2806 0.821277 12.7102C1.91999 15.6692 3.59311 18.2973 5.62199 20.7071C8.36254 23.9658 11.6337 26.544 15.4605 28.4044C17.1835 29.2409 18.9689 29.8839 20.9104 29.99C22.2463 30.0648 23.4075 29.7278 24.3377 28.6853C24.9743 27.9736 25.6923 27.3244 26.3665 26.6439C27.3654 25.6325 27.3716 24.409 26.379 23.4102C25.1928 22.2178 24.0005 21.0317 22.8081 19.8456Z' fill='white'/%3E%3Cpath d='M22.6936 14.6861C23.387 14.5677 23.8211 13.8673 23.6153 13.1946C23.1234 11.5867 22.2458 10.1299 21.0416 8.92076C19.7535 7.63264 18.1918 6.72682 16.4695 6.25825C15.7887 6.07296 15.0991 6.52394 15.0011 7.22268L15.0007 7.22568C14.919 7.80844 15.2837 8.36029 15.8515 8.51486C17.1852 8.87788 18.396 9.57756 19.3935 10.5751C20.3226 11.5042 20.9974 12.6289 21.3776 13.8687C21.5508 14.4334 22.1113 14.7855 22.6936 14.6861Z' fill='white'/%3E%3Cpath d='M25.2178 4.85679C22.8559 2.49492 19.9376 0.90615 16.7122 0.217204C16.0494 0.0756812 15.4053 0.52628 15.3113 1.1975L15.3108 1.20118C15.2263 1.80385 15.6177 2.37569 16.2129 2.50291C19.0023 3.09915 21.5277 4.47467 23.5697 6.51111C25.4925 8.43381 26.8317 10.8039 27.476 13.4152C27.6221 14.0072 28.2034 14.384 28.8045 14.2814C29.4722 14.1674 29.9057 13.5103 29.7426 12.8528C28.9928 9.82868 27.4431 7.08756 25.2178 4.85679Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_201'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	};
}


.fmitte {
	max-width: 600px;
	margin: 0 auto;
}

.faq {
	position: relative;
	padding-bottom: 2em;
/*	clear: both; /**/
}
.faq h3 {
	font-size: 1.6em;
	font-weight: normal;
	font-family: "source_sans_pro", arial, helvetica, "sans serif" ;
	font-style: italic;
	margin: 0 0 -100px 80%;
	padding: 100px 0 0.8em 0;
	transform: translateY(-100px); 
}
.faq h3 a {
	transition: all 200ms ease;
}
.faq h3 a:after {
	display: block;
	content: " ";
	border-bottom: solid 2px #2D9E5F;
	border-right: solid 2px #2D9E5F;
	width: 0.6em;
	height: 0.6em;
	transform: rotate(45deg);
	position: relative;
	margin: 0 0 0.3em 0.3em ;
	transition: all 200ms ease;
	position: absolute;
	bottom: 0em;
}
.faq h3 a:hover {
	text-decoration: none;
}
.faq h3 a:hover:after {
	border-color: #ECBA4C;	
}
.faq h3:target a:after {
	border-color: #ECBA4C00;	
}
.faq h3:target a {
	pointer-events: none;
}

.faq-answer {
	overflow: hidden;
	max-height: 1px;
	transition: all 800ms ease;
	box-sizing: border-box;
	padding-bottom: 0em;
}
.faq h3:target + .faq-answer {
	max-height: 1000px;
	padding-bottom: 2em;
}

.vita .faq-answer {
	width: 80%;
	max-width: 600px;
	position: relative;
	margin: 0 0 0 auto;
}

a.faqclose {
	display: block;
	content: " ";
	border-left: solid 2px #ECBA4C00;
	border-top: solid 2px #ECBA4C00;
	width: 1em;
	height: 1em;
	transform: rotate(45deg);
	position: absolute;
	right: 30%; 
	bottom: 1em;
	pointer-events: none;
	transition: all 200ms ease;
}
.faq h3:target + .faq-answer a.faqclose {
	border-color: #2D9E5FFF;	
	pointer-events: auto;
}
.faq h3:target + .faq-answer a.faqclose:hover {
	border-color: #ECBA4CFF;	
}


.downloads {
	clear: both;
}
.downloads .fileEntry {
	margin: 1em 0 0em 0;
	border: dotted 1px #888;
	box-sizing: border-box;
	padding: 16px 16px 0;
	box-shadow: inset 6px 6px 12px #0002;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 620px) {
	.downloads .fileEntry {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	.downloads .fileEntry:nth-of-type(2n+1) {
		clear: both;
	}
	.downloads .fileEntry:nth-of-type(2n) {
		margin-right: -1px;
	}
}
@media screen and (min-width: 920px) {
	.downloads .fileEntry,
	.downloads .fileEntry:nth-of-type(2n) {
		width: 31.333%;
		margin-right: 3%;
	}
	.downloads .fileEntry:nth-of-type(2n+1) {
		clear: none;
	}
	.downloads .fileEntry:nth-of-type(3n+1) {
		clear: both;
	}
	.downloads .fileEntry:nth-of-type(3n) {
		margin-right: -1px;
	}
}
@media screen and (min-width: 1240px) {
	.downloads .fileEntry,
	.downloads .fileEntry:nth-of-type(2n),
	.downloads .fileEntry:nth-of-type(3n) {
		width: 23.5%;
		margin-right: 2%;
	}
	.downloads .fileEntry:nth-of-type(3n+1) {
		clear: none;
	}
	.downloads .fileEntry:nth-of-type(4n+1) {
		clear: both;
	}
	.downloads .fileEntry:nth-of-type(4n) {
		margin-right: -1px;
	}
}

/* 
.downloads .fileEntry a {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	position: relative;
		margin-right: -16px;
}
.downloads .fileEntry a:after {
	display: block;
	content: " ";
	position: absolute;
	width: 4em;
	height: 1.3em;
	top: 0;
	right: 0;
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	text-decoration: none;
}

/* */
.downloads .fileEntry a {
	display: block;
	text-align: left;
	overflow: hidden;
}
.downloads .fileEntry a span {
	text-transform: uppercase;
}
.downloads .fileEntry a:before {
	content: url(../img/icons/file-empty.svg);
	transform: scale(0.5);
	display: inline-block;
	vertical-align: top;
	margin: -5px -4px -16px -8px;
}
.downloads .fileEntry a[href*=".wav"]:before,
.downloads .fileEntry a[href*=".mp3"]:before {
	content: url(../img/icons/file-music.svg);
}
.downloads .fileEntry a[href*=".mov"]:before,
.downloads .fileEntry a[href*=".mpg"]:before,
.downloads .fileEntry a[href*=".mpeg"]:before,
.downloads .fileEntry a[href*=".webm"]:before,
.downloads .fileEntry a[href*=".mp4"]:before {
	content: url(../img/icons/file-play.svg);
}
.downloads .fileEntry a[href*=".zip"]:before,
.downloads .fileEntry a[href*=".rar"]:before {
	content: url(../img/icons/file-zip.svg);
}
.downloads .fileEntry a[href*=".jpg"]:before,
.downloads .fileEntry a[href*=".jpeg"]:before,
.downloads .fileEntry a[href*=".png"]:before,
.downloads .fileEntry a[href*=".svg"]:before,
.downloads .fileEntry a[href*=".webp"]:before,
.downloads .fileEntry a[href*=".gif"]:before {
	content: url(../img/icons/file-picture.svg);
}
.downloads .fileEntry a[href*=".txt"]:before {
	content: url(../img/icons/file-text2.svg);
}
.downloads .fileEntry a[href*=".doc"]:before {
	content: url(../img/icons/file-word.svg);
}
.downloads .fileEntry a[href*=".xls"]:before {
	content: url(../img/icons/file-excel.svg);
}
.downloads .fileEntry a[href*=".pdf"]:before {
	content: url(../img/icons/file-pdf.svg);
}

main a[target="_blank"] {
	padding-right: 1em;
	margin-right: -1em;
}

main a[target="_blank"]:after {
	content: url(../img/icons/new-tab.svg);
	transform: scale(0.5);
	display: inline-block;
	vertical-align: top;
	margin: -6px -4px -12px -8px;
}

.newsEntry {
	border: solid 2px #2D9E5F;
	padding: 0.5em 0.75em;
	margin: 0 0 1em;
	position: relative;
	box-sizing: border-box;
}

.newsEntry:hover {
	border-color: #ECBA4C;
}

.newsEntry h2,
.newsEntry h3,
.newsEntry p {
	margin: 0;
	padding: 0;
	text-align: left;
	hyphens: auto;
}

.newsEntry h2 {
	font-size: 1.2em;
}
.newsEntry h3 {
	font-size: 1em;
}

.newsEntry *:last-child a:after {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
}

.newsEntry + p {
	clear: left;
}

.newsEntry  p.link {
	text-align: right;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 620px) {
	.newsEntry {
		float: left;
		width: 48%;
		margin-left: 4%;
	}
	.newsEntry:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 920px) {
	.newsEntry {
		float: left;
		width: 31%;
		margin-left: 3.5%;
	}
	.newsEntry:nth-of-type(2n+1) {
		margin-left: 3.5%;
		clear: none;
	}
	.newsEntry:nth-of-type(3n+1) {
		margin-left: 0%;
		clear: left;
	}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 1240px) {
	.newsEntry {
		float: left;
		width: 23%;
		margin-left: 2.66%;
	}
	.newsEntry:nth-of-type(2n+1),
	.newsEntry:nth-of-type(3n+1)  {
		margin-left: 2.66%;
		clear: none;
	}
	.newsEntry:nth-of-type(4n+1) {
		margin-left: 0%;
		clear: left;
	}
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media print { 
	nav, 
	header label,
	header input,
	footer form,
	body > footer p:last-child,
	iframe {
		display: none;
	}
	header {
		position: relative;
	}
}

/* kurzzeitige Anpassung -> Ausblenden des Sprachmenüs
.lang-switch {display: none !important;} */