/* ********************************** *
*  styles for lb-digitalwerkstatt.com *
*           from Lothar Beck          *
* *********************************** */
		*{
			border:0;
			margin:0;
			padding:0;
		}
		html, body{
			display:block;
			position:absolute;
			width:100%;
			height:100%;
		}
		main{
			display:block;
		}
		h1, h2, h3, h4, h5{
			text-align:center;
                        line-height: 2.1em;
		}
		ul{
			list-style:none;
			color:white;
		}
		li{
			padding:1em 2em;
		}
		a{
			display:inline-block;
			height:100%;
			width:100%;
			color:white;
			text-decoration:none;
		}
		header{
			display:block;
			position:absolute;
			height:1.2em;
			width:100%;
			color:white;
			font-weight:bold;
			text-indent:2.4em;
			padding:0.4em 0em;
			letter-spacing:0.81em;
			background-color:rgba(12,21,221,0.65);
			z-index:100;
		}
		button{
			outline:none;
		}
		#overlaylogo{
			display:block;
			position:absolute;
			height:3.2em;
			width:4em;
			background-color:transparent;
			background-image:url("../images/LB-Digitalwerkstatt.png");
			background-repeat:no-repeat;
			background-size:2.64em 3.0em;
			background-position:1.2em 0em;
		}
		span#bannertitle{
			display:inline-block;
			width:calc(100% - 4em - 3em);
			margin-left:0.2em;
			height:auto;
			text-align:left;
			background-color:transparent;
		}
		nav{
			display:block;
			position:absolute;
			height:2.0em;
			width:12%;
			height:calc(100% - 2.0em);
			top:2.0em;
			bottom:0px;
			left:0px;
			background-color:rgba(12,21,21,0.95);
			visibility:visible;
			overflow:auto;
			z-index:11;
		}
		ul.ulm{
			display:block;
			position:absolute;
			text-indent:0em;
			top:2.5rem;
			width:95%;
			right:2%;
		}
		.listm{
			display:block;
			position:relative;
			height:2.2em;
			padding:1px;
			top:0px;
			width:85%;
			margin-right:3%;
			color:white;
			border-bottom:2px solid  rgb(95,158,160);
			
		}
		.listm:nth-child(2n){
			display:block;
			position:absolute;
			margin-top:0px;
			top:0px;
			z-index:-1;
/*			
			visibility:hidden;
			-moz-transition:all 5s ease;
			transition:all 3s ease;
*/
		}
		.listm:nth-child(2n+1){
			display:block;
			position:absolute;
			margin-top:0px;
			top:0px;
			z-index:-1;
/*
			visibility:hidden;
			-moz-transition:all 5s ease;
			transition:all 3s ease;
*/		}
		.listm:nth-child(1){
			display:block;
			position:absolute;
			margin-top:0px;
			top:0px;
			visibility:visible;
/*			-moz-transition:all 5s ease;
			transition:all 3s ease;
*/		
		}

/*		body:hover listm:nth-child(1){
			display:block;
			position:absolute;
			margin-top:0px;
			z-index:11;
		}
		body:hover .listm:nth-child(2){
			margin-top:50px;
			visibility:visible;

		}	
		body:hover .listm:nth-child(3){
			margin-top:calc(50px * 2);
			visibility:visible;
		}	
		body:hover .listm:nth-child(4){
			margin-top:calc(50px * 3);
			visibility:visible;
		}	
		body:hover .listm:nth-child(5){
			margin-top:calc(50px * 4);
			visibility:visible;
		}	
		body:hover .listm:nth-child(6){
			margin-top:calc(50px * 5);
			visibility:visible;
		}	
		body:hover .listm:nth-child(7){
			margin-top:calc(50px * 6);
			visibility:visible;
		}	
		body:hover .listm:nth-child(8){
			margin-top:calc(50px * 7);
			visibility:visible;
		}	
		body:hover .listm:nth-child(9){
			margin-top:calc(50px * 8);
			visibility:visible;
		}
*/
		listm:nth-child(1){
			display:block;
			position:absolute;
			margin-top:0px;
			z-index:11;
		}
		.listm:nth-child(2){
			margin-top:50px;
			visibility:visible;

		}	
		.listm:nth-child(3){
			margin-top:calc(50px * 2);
			visibility:visible;
		}	
		.listm:nth-child(4){
			margin-top:calc(50px * 3);
			visibility:visible;
		}	
		.listm:nth-child(5){
			margin-top:calc(50px * 4);
			visibility:visible;
		}	
		.listm:nth-child(6){
			margin-top:calc(50px * 5);
			visibility:visible;
		}	
		.listm:nth-child(7){
			margin-top:calc(50px * 6);
			visibility:visible;
		}	
		.listm:nth-child(8){
			margin-top:calc(50px * 7);
			visibility:visible;
		}	
		.listm:nth-child(9){
			margin-top:calc(50px * 8);
			visibility:visible;
		}
		
		.listm a:focus{
			color:rgba(240,140,240,0.95);
		}	
		main{
			position:absolute;
			height:calc(100% - 10% - 2.0em);
			top:2.0em;
			right:0;
			bottom:0;
			left:12%;
			width:calc(100% - 12%);
			background-color:rgba(240,240,255,0.75);
			z-index:10;
			overflow:hidden;
		}
		maine h1{
			margin-top:0.0em;
			font-size:1.6em;
		}
		section{
			display:block;
			position:relative;
			overflow-x:hidden;
			overflow-y:auto;
			margin-top:1.5rem;
			margin-bottom:0em;
			height:calc(100% - 0%);
		}
		#notewrite{
			display:none;
			position:absolute;
			margin:20px auto 20px auto;
			background-color:rgba(104,104,254,0.88);
			height:640px;
			width:350px;
			padding:20px;
			cursor:move;
			z-index:1;
		}
		article{
			display:inline-block;
			height:auto;
			position:relative;
		}
		article.content_l01{
			display:inline-block;
			position:relative;
			width:28%;
			min-width:300px;
			height:auto;
			margin:10px 2%;
			float:none;
		}
		article.content_l01 img.img01{
			display:block;
			position:relative;
			width:88%;
			height:auto;
			margin-top:10px;
			margin-left:1%;
			margin-bottom:100%;
			overflow-y:auto;
		}
		article.content_l01:nth-of-type(1){
			display:inline-block;
			position:relative;
			margin-top:0%;
			float:left;
		}
		article.content_l01:nth-of-type(2){
			display:inline-block;
			position:relative;
			margin-top:0%;
			float:left;
		}
		article.content_l01:nth-of-type(3){
			display:inline-block;
			position:relative;
			margin-top:0%;
			overflow-y:auto;
			margin-left:2.5%;
			float:none;
		}
		article h2{
			font-size:1.20em;
		}
		article p{
			margin-top:1.0em;
			text-indent:1.5em;
			text-justify:auto;
			margin-right:1.0em;
			margin-left:1.0em;
		}
		article#postaddress{
			width:43%;
			float:left;
			margin:60px auto 30px 15%;
		}
		article.calendar{
			display:block;
			width:30%;
			height:100%;
			margin:30px auto 30px 1%;
			float:left;
		}
		article.content_l01 p{
			display:block;
			position:relative;
			width:100%;
			-moz-hyphens: auto;
			-o-hyphens: auto;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
		}
		article.content_l01 h2{
			font-size:1.20em;
		}
		article.content_l01 ul{
			list-style:square ;
			margin-left:1.6em;
		}
		article.content_l01 ul li{
			padding:0.3em 1.0em;
			text-indent:0.08em;
			color:black;
		}
		article#picturesimp{
			width:33%;
		}
		img.logolbdw{
			display:block;
			position:relative;
			width:250px;
			height:250px;
			margin:60px auto 30px auto;
		}
		article.content_l01 p#calendarpage{
			display:block;
			position:absolute;
			width:100%;
			height:300px;
			margin:5px;
		}
		footer{
			display:block;
			position:fixed;
			width:calc(100% - 12%);
			height:10%;
			bottom:0px;
			left:12%;
			background-color:rgba(22,22,24,0.58);
			color:rgb(255,248,220);
		}
		div#copyright{
			display:block;
			position:relative;
			width:100%;
			height:28px;
			margin:1.0em auto 0.8em auto;
			text-align:center;
			background-color:transparent;
			color:rgb(223, 244, 244);
		}
		button#settings{
			display:block;
			visibility:hidden;
			background-color:transparent;
			border-color:transparent;
			cursor:pointer;
			outline:none;
		}
		.ui-icon-grip-dotted-vertical{
			-ms-transform: scale(2); /* IE 9 */
			-webkit-transform: scale(2); /* Chrome, Safari, Opera */
			transform: scale(2);
			border-color:transparent;
			color:rgb(255,255,255);
		}
		.mtext{
			display:inline-block;
		}
		/*.ui-widget-content{
			alignment-adjust:border:1px solid #666;background:#000 url("../javascripts/jqueryUI/jquery-ui-1.12.0.customimages/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom no-repeat;color:#fff
		}*/
/* ****************** Beginn E-Mail-Form ****************** */
div.target_mail{
	display:block;
	position:relative;
	height:560px;
	width:100%;
	margin:20px auto 10px auto;
	background-color:rgb(255,255,255);
}

form#mailform{
	display:block;
	position:relative;
	margin:10px auto 2px auto;
	height:calc(100% - 20px - 20px);
	width:98%;
	font-size:1.05em;
	background-color:rgb(222,230,233);
}
div#formset{
	display:block;
	position:relative;
	height:auto;
	margin:0px;
	min-width:calc(340px - 4px);
}
legend{
	display:block;
	position:relative;
	width:100%;
	min-width:calc(340px - 4px);
	height:auto;
	min-height:2.0em;
	margin:0px;
	background-color:rgb(255,255,255);
	font-weight:600;
}
label{
	display:inline-block;
	position:relative;
	width:calc(28% - 20px);
	min-width:calc(28% - 20px);
	height:1.2em;
	margin-top:1.0em;
	margin-left:0.6em;
	margin-bottom:0.25em;
	white-space:nowrap;
}
label#lbcomment{
	width:calc(100% - 24px);
	height:2.0em;
}
input{
	display:inline-block;
	position:relative;
	width:calc(72% - 20px);
	min-width:calc(72% - 20px);
	margin-left:0.6em;
	height:2.0em;
	padding:0.2em;
	letter-spacing:0.15em;
}
textarea{
	display:inline-block;
	position:relative;
	width:calc(100% - 24px);
	min-width:calc(100% - 24px);
	height:auto;
	margin-left:0.6em;
	padding:0.2em;
}
input:focus, textarea:focus{
	background-color:rgb(242,252,255);
}
input#submitEmail,input#reset{
	display:inline-block;
	position:relative;
	width:calc(50% - 1.2em);
	min-width:calc(50% - 1.2em);
	height:2.0em;
	margin-left:0.6em;
	margin-top:0.8em;
}
input#submit:hover, input#submit:focus,input#reset:focus{
	display:inline-block;
	position:relative;
	background-color:rgb(202,202,250);
	color:rgb(23,41,48);
}
input#reset:hover{
	display:inline-block;
	position:relative;
	background-color:rgb(202,202,220);
	color:rgb(253,41,48);
}
#autoresponse #warning{
	color:rgb(255,5,5);
}
/* ************* ENDE E-Mail-Formular **************** */
		
@media screen and (max-width: 800px) and (min-width: 401px) and (orientation:portrait) {
	
		header{
			font-weight:bold;
			letter-spacing:0.21em;
		}
		span#bannertitle{
			display:inline-block;
			width:calc(100% - 4em - 3em);
			margin-left:0.2em;
			height:auto;
			text-align:left;
			background-color:transparent;
		}
		button#settings{
			display:inline-block;
			position:absolute;
			visibility:visible;
			background-color:transparent;
			border-color:transparent;
			cursor:pointer;
			right:0.6em;
		}
		img.logo01{
			display:none;
		}
		img.logolbdw{
			display:none;
		}
		img.img01{
			display:none;
			width:120px;
			margin:10px auto 30px auto;
		}
		nav{
			width:40%;
			background-color:rgba(1,2,2,0.80);
			visibility:hidden;
		}
		ul.ulm{
			text-indent:0em;
			font-size:0.75em;
		}
		.listm{
			border-style:hidden;
		}
		.listm a{
			visibility:hidden;
		}
		main{
			left:0%;
			width:calc(100% - 0%);
			height:calc(100% - 2.0em);
			background-color:rgba(240,240,255,0.75);
			z-index:10;
			height:calc(100% - 1.8em - 2.0em);
			top:1.8em;
			bottom:0%;
			overflow:hidden;
			overflow-y:visible;
		}
		main h1{
			margin-top:1.2em;
			font-size:1.4em;
		}
		section{
			display:block;
			position:relative;
			width:calc(100% - 15px);
			height:calc(1200px);
		}
		#notewrite{
			display:none;
			position:absolute;
			margin:20px auto 20px auto;
			background-color:rgba(154,154,254,0.88);
			height:640px;
			width:350px;
			padding:20px;
			cursor:move;
			z-index:1;
		}
		article.content_l01{
			display:inline-block;
			position:relative;
			width:calc(28% - 5%);
			min-width:300px;
			margin:5% 2.5%;
			
		}
		article.content_l01:nth-of-type(1){
			display:inline-block;
			position:relative;
			margin-top:0%;
			float:left;
		}
		article.content_l01:nth-of-type(2){
			display:inline-block;
			position:relative;
			margin-top:0%;
			float:left;
		}
		article.content_l01:nth-of-type(3){
			display:inline-block;
			position:relative;
			margin-top:0%;
			margin-left:2.5%;
			float:none;
		}
		article.content_l01 img.img01{
			display:block;
			position:relative;
			width:60%;
			height:auto;
			margin:20px auto 30px auto;
		}
		article.content_l01 p{
			display:block;
			position:relative;
			width:calc(100% - 15px);
			-moz-hyphens: auto;
			-o-hyphens: auto;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
		}
		article#postaddress{
			width:88%;
			float:left;
			margin:60px auto 30px auto;
		}
		footer{
			display:block;
			position:absolute;
			left:0%;
			width:calc(100% - 0%);
			background-color:rgba(12,22,24,0.78);
			height:2.0em;
			bottom:0px;
			color:rgb(255,248,220);
			vertical-align:text-top;
		}
		div#copyright{
			display:block;
			position:relative;
			width:100%;
			left:0%;
			margin-top:0.32em;
			text-align:center;
			height:1.4em;
			background-color:transparent;
			color:rgb(223, 244, 244);
			font-size:.65em;
			overflow-y:hidden;
		}
		
/* ****************** Beginn E-Mail-Form ****************** */
div.target_mail{
	display:block;
	position:relative;
	height:560px;
	width:100%;
	margin:20px auto 10px auto;
	background-color:rgb(255,255,255);
}

form#mailform{
	display:block;
	position:relative;
	margin:10px auto 2px auto;
	height:calc(100% - 20px - 20px);
	width:98%;
	font-size:1.05em;
	background-color:rgb(222,255,233);
}
div#formset{
	display:block;
	position:relative;
	height:auto;
	margin:0px;
	min-width:calc(100% - 14px);
	min-width:calc(340px - 4px);
}
legend{
	display:block;
	position:relative;
	width:100%;
	min-width:calc(340px - 4px);
	height:auto;
	min-height:2.0em;
	margin:0px;
	background-color:rgb(255,255,255);
	font-weight:600;
}
label{
	display:inline-block;
	position:relative;
	width:calc(100% - 24px);
	min-width:calc(28% - 20px);
	height:1.2em;
	margin-top:1.0em;
	margin-left:0.6em;
	margin-bottom:0.25em;
	white-space:nowrap;
}
label#lbcomment{
	width:calc(100% - 24px);
	height:2.0em;
}
input{
	display:inline-block;
	position:relative;
	width:calc(100% - 20px);
	min-width:calc(72% - 20px);
	margin-left:0.6em;
	height:2.0em;
	padding:0.2em;
	letter-spacing:0.15em;
}
textarea{
	display:inline-block;
	position:relative;
	width:calc(100% - 24px);
	min-width:calc(100% - 24px);
	height:auto;
	margin-left:0.6em;
	padding:0.2em;
}
input:focus, textarea:focus{
	background-color:rgb(242,252,255);
}
input#submit,input#reset{
	display:inline-block;
	position:relative;
	width:calc(100% - 1.2em);
	min-width:calc(50% - 1.2em);
	height:2.0em;
	margin-left:0.6em;
	margin-top:0.8em;
}
input#submit:hover, input#submit:focus,input#reset:focus{
	display:inline-block;
	position:relative;
	background-color:rgb(202,202,250);
	color:rgb(23,41,48);
}
input#reset:hover{
	display:inline-block;
	position:relative;
	background-color:rgb(202,202,220);
	color:rgb(253,41,48);
}
/* ************* ENDE E-Mail-Formular **************** */
}
@media screen and (max-width: 400px) and (orientation:portrait) {
	
		header{
			letter-spacing:0.21em;
		}
		span#bannertitle{
			display:inline-block;
			width:calc(100% - 4em - 3em);
			margin-left:0.2em;
			height:auto;
			font-size:0.7em;
			font-weight:600;
			text-align:left;
			background-color:transparent;
		}
		button#settings{
			display:inline-block;
			position:absolute;
			visibility:visible;
			background-color:transparent;
			border-color:transparent;
			cursor:pointer;
			right:0.6em;
		}
		img.logo01{
			display:none;
		}
		img.logolbdw{
			display:none;
		}
		img.img01{
			display:none;
			width:120px;
			margin:10px auto 30px auto;
		}
		nav{
			width:40%;
			background-color:rgba(1,2,2,0.80);
			visibility:hidden;
		}
		ul.ulm{
			text-indent:0em;
			font-size:0.75em;
		}
		.listm{
			border-style:hidden;
		}
		.listm a{
			visibility:hidden;
		}
		main{
			left:0%;
			width:calc(100% - 0%);
			height:calc(100% - 2.0em);
			background-color:rgba(240,240,255,0.75);
			z-index:10;
			height:calc(100% - 1.8em - 2.0em);
			top:1.8em;
			bottom:0%;
			overflow:hidden;
			overflow-y:visible;
		}
		main h1{
			margin-top:1.2em;
			font-size:1.4em;
		}
		section{
			display:block;
			position:relative;
			width:calc(100% - 15px);
			height:auto;
		}
		#notewrite{
			display:none;
			position:absolute;
			margin:20px auto 20px auto;
			background-color:rgba(154,154,254,0.88);
			height:640px;
			width:350px;
			padding:20px;
			cursor:move;
			z-index:1;
		}
		article.content_l01{
			display:inline-block;
			position:relative;
			width:calc(28% - 5%);
			min-width:300px;
			margin:5% 2.5%;
			
		}
		article.content_l01 img.img01{
			display:block;
			position:relative;
			width:88%;
			height:auto;
			margin-top:10px;
			margin-left:1%;
			margin-bottom:180px;
			overflow-y:auto;
		}
		article.content_l01:nth-of-type(1){
			display:inline-block;
			position:relative;
			margin-top:0%;
			float:left;
		}
		article.content_l01:nth-of-type(2){
			display:inline-block;
			position:relative;
			margin-top:0%;
			float:left;
		}
		article.content_l01:nth-of-type(3){
			display:inline-block;
			position:relative;
			margin-top:0%;
			margin-left:2.5%;
			float:none;
		}
		article.content_l01 img.img01{
			display:block;
			position:relative;
			width:60%;
			height:auto;
			margin:20px auto 30px auto;
		}
		article.content_l01 p{
			display:block;
			position:relative;
			width:calc(100% - 15px);
			-moz-hyphens: auto;
			-o-hyphens: auto;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
		}
		article#postaddress{
			width:88%;
			float:left;
			margin:60px auto 30px auto;
		}
		footer{
			display:block;
			position:absolute;
			left:0%;
			width:calc(100% - 0%);
			background-color:rgba(12,22,24,0.78);
			height:2.0em;
			bottom:0px;
			color:rgb(255,248,220);
			vertical-align:text-top;
		}
		div#copyright{
			display:block;
			position:relative;
			width:100%;
			left:0%;
			margin-top:0.32em;
			text-align:center;
			height:1.4em;
			background-color:transparent;
			color:rgb(223, 244, 244);
			font-size:.65em;
			overflow-y:hidden;
		}
		
/* ****************** Beginn E-Mail-Form ****************** */
div.target_mail{
	display:block;
	position:relative;
	height:560px;
	width:100%;
	margin:20px auto 10px auto;
	background-color:rgb(255,255,255);
}

form#mailform{
	display:block;
	position:relative;
	margin:10px auto 2px auto;
	height:calc(100% - 20px - 20px);
	width:98%;
	font-size:1.05em;
	background-color:rgb(222,255,233);
}
div#formset{
	display:block;
	position:relative;
	height:auto;
	margin:0px;
	min-width:calc(100% - 14px);
	min-width:calc(340px - 4px);
}
legend{
	display:block;
	position:relative;
	width:100%;
	min-width:calc(340px - 4px);
	height:auto;
	min-height:2.0em;
	margin:0px;
	background-color:rgb(255,255,255);
	font-weight:600;
}
label{
	display:inline-block;
	position:relative;
	width:calc(100% - 24px);
	min-width:calc(28% - 20px);
	height:1.2em;
	margin-top:1.0em;
	margin-left:0.6em;
	margin-bottom:0.25em;
	white-space:nowrap;
}
label#lbcomment{
	width:calc(100% - 24px);
	height:2.0em;
}
input{
	display:inline-block;
	position:relative;
	width:calc(100% - 20px);
	min-width:calc(72% - 20px);
	margin-left:0.6em;
	height:2.0em;
	padding:0.2em;
	letter-spacing:0.15em;
}
textarea{
	display:inline-block;
	position:relative;
	width:calc(100% - 24px);
	min-width:calc(100% - 24px);
	height:auto;
	margin-left:0.6em;
	padding:0.2em;
}
input:focus, textarea:focus{
	background-color:rgb(242,252,255);
}
input#submit,input#reset{
	display:inline-block;
	position:relative;
	width:calc(100% - 1.2em);
	min-width:calc(50% - 1.2em);
	height:2.0em;
	margin-left:0.6em;
	margin-top:0.8em;
}
input#submit:hover, input#submit:focus,input#reset:focus{
	display:inline-block;
	position:relative;
	background-color:rgb(202,202,250);
	color:rgb(23,41,48);
}
input#reset:hover{
	display:inline-block;
	position:relative;
	background-color:rgb(202,202,220);
	color:rgb(253,41,48);
}
/* ************* ENDE E-Mail-Formular **************** */
}
@media screen and (max-width: 800px) and (orientation:landscape) {
	body{
		overflow:hidden;
	}
		header{
			font-weight:bold;
			letter-spacing:0.21em;
		}
		span#bannertitle{
			display:inline-block;
			width:calc(100% - 4em - 3em);
			margin-left:0.2em;
			height:auto;
			text-align:left;
			background-color:transparent;
		}
		button#settings{
			display:inline-block;
			position:relative;
			visibility:visible;
			background-color:transparent;
			border-color:transparent;
			cursor:pointer;
			margin-left:calc(1.0em);
		}
		img.logo01{
			display:none;
		}
		img.logolbdw{
			display:none;
		}
		img.img01{
			display:none;
			width:120px;
			margin:10px auto 30px auto;
		}
		nav{
			display:block;
			visibility:visible;
			width:25%;
			background-color:rgba(1,2,2,0.80);
			overflow-y:visible;
			height:calc(100% + 88px);
		}
		ul.ulm{
			text-indent:0em;
			font-size:0.75em;
		}
		.listm{
			border-style:hidden;
		}
		.listm a{
			display:block;
			visibility:visible;
			width:100%;
		}
		main{
			left:0%;
			width:calc(100% - 0%);
			background-color:rgba(240,240,255,0.75);
			z-index:10;
			height:calc(100% - 1.8em - 2.0em);
			top:1.8em;
			bottom:0%;
		}
		main h1{
			margin-top:1.0em;
			font-size:1.6em;
		}
		section{
			display:block;
			position:relative;
			overflow-x:hidden;
			overflow-y:auto;
			margin-top:1.8%;
			bottom:0em;
			height:88%;
		}
		article.content_l01{
			display:block;
			position:relative;
			width:98%;
			height:auto;
			margin-top:10px;
			margin-left:1%;
			float:none;
		}
		article.content_l01 img.img01{
			display:block;
			position:relative;
			width:88%;
			height:auto;
			margin-top:10px;
			margin-left:1%;
			margin-bottom:100%;
			overflow-y:auto;
		}
		article.content_l01:nth-of-type(1){
			display:block;
			position:relative;
			margin-top:0%;
			float:none;
		}
		article.content_l01:nth-of-type(2){
			display:block;
			position:relative;
			margin-top:0%;
			float:none;
		}
		article.content_l01:nth-of-type(3){
			display:block;
			position:relative;
			margin-top:0%;
			overflow-y:auto;
			margin-left:2.5%;
			float:none;
		}
		article.content_l01 p{
			display:block;
			position:relative;
			width:calc(100% - 15px);
			-moz-hyphens: auto;
			-o-hyphens: auto;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
		}
		article#postaddress{
			width:88%;
			float:left;
			margin:60px auto 30px auto;
		}
		footer{
			display:block;
			position:absolute;
			left:0%;
			width:calc(100%);
			background-color:rgba(12,22,24,0.78);
			height:calc(2.0em);
			bottom:0px;
			color:rgb(255,248,220);
			vertical-align:top;
			z-index:111;
		}
		div#copyright{
			display:block;
			position:relative;
			width:calc(100%);
			left:0%;
			margin-top:0.55em;
			text-align:center;
			background-color:transparent;
			color:rgb(223, 244, 244);
			overflow:hidden;
		}
	/* ****************** Beginn E-Mail-Form ****************** */
	div.target_mail{
		display:block;
		position:relative;
		height:560px;
		width:100%;
		margin:20px auto 10px auto;
		background-color:rgb(255,255,255);
	}
	
	form#mailform{
		display:block;
		position:relative;
		margin:10px auto 2px auto;
		height:calc(100% - 20px - 20px);
		width:98%;
		font-size:1.05em;
		background-color:rgb(222,255,233);
	}
	div#formset{
		display:block;
		position:relative;
		height:auto;
		margin:0px;
		min-width:calc(100% - 14px);
		min-width:calc(340px - 4px);
	}
	legend{
		display:block;
		position:relative;
		width:100%;
		min-width:calc(340px - 4px);
		height:auto;
		min-height:2.0em;
		margin:0px;
		background-color:rgb(255,255,255);
		font-weight:600;
	}
	label{
		display:inline-block;
		position:relative;
		width:calc(100% - 24px);
		min-width:calc(28% - 20px);
		height:1.2em;
		margin-top:1.0em;
		margin-left:0.6em;
		margin-bottom:0.25em;
		white-space:nowrap;
	}
	label#lbcomment{
		width:calc(100% - 24px);
		height:2.0em;
	}
	input{
		display:inline-block;
		position:relative;
		width:calc(100% - 20px);
		min-width:calc(72% - 20px);
		margin-left:0.6em;
		height:2.0em;
		padding:0.2em;
		letter-spacing:0.15em;
	}
	textarea{
		display:inline-block;
		position:relative;
		width:calc(100% - 24px);
		min-width:calc(100% - 24px);
		height:auto;
		margin-left:0.6em;
		padding:0.2em;
	}
	input:focus, textarea:focus{
		background-color:rgb(242,252,255);
	}
	input#submit,input#reset{
		display:inline-block;
		position:relative;
		width:calc(100% - 1.2em);
		min-width:calc(50% - 1.2em);
		height:2.0em;
		margin-left:0.6em;
		margin-top:0.8em;
	}
	input#submit:hover, input#submit:focus,input#reset:focus{
		display:inline-block;
		position:relative;
		background-color:rgb(202,202,250);
		color:rgb(23,41,48);
	}
	input#reset:hover{
		display:inline-block;
		position:relative;
		background-color:rgb(202,202,220);
		color:rgb(253,41,48);
	}
	/* ************* ENDE E-Mail-Formular **************** */
}