html{overflow-y:scroll;height:100%;}/*Scrollbar immer zu sehen.*/
*{/*box-model anwenden => border und padding werden nicht zum content addiert
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;*/
		box-sizing:border-box;
}
:focus{outline-color:transparent;outline-style:none;}
fieldset,form{border-style:none;margin:0;padding:0;}
a{color:#771A15;text-decoration:none;word-break:break-all}
a:hover{text-decoration:underline;}
.head-c, .nav-flx, .wrap, section,main {max-width: 900px;}
#menu{display:none;}/*menu und Programm werden nur für Mobile angezeigt, sonst im Text*/
body{
		background-attachment:fixed; /*Verlauf*/
		background-color:#E8D7A3; /* Old browsers */
		background-image:linear-gradient(to bottom, #E8D7A3 0%,#fff 100%); /* W3C */
		background-repeat:no-repeat; /*Verlauf*/
		font-family:Verdana, Helvetica, Arial, Tahoma, sans-serif;
		font-size:0.8em;
		/*
		*/
		height:100%;	/*Verlauf*/
		margin:0;
		min-width:300px;
		padding:0;
}
img{
	border:0;
	margin:0;
	max-width:100%;
	height:auto;
}
section{
	/*
	background-color:#FAFAFA;
	border-color: #ebebeb #b6b7b4 #b6b7b4 #ebebeb;
 	border-style: solid;
	border-width: 1px 2px 2px 1px;
	*/
	margin:2px auto 2em;
	min-height:400px;
	padding:1em 4em;/*wird bei kleinen Bildschirmen verkleinert*/
	width:100%;
}
header,nav,footer{/*ohne max-width => gesamte Breite, Steuerung des Maximums via .row*/
	margin:0 auto;
	width:100%;
}
header{/*über gesamte Breite*/
		background-color:#771A15;
		color:white;
		text-align:center;
		padding:.5em;
		font-family:Courier, sans-serif;
		font-size:1.5em;
		/*
		letter-spacing:1px;
		text-transform:uppercase;
		font-weight:900;
		
		*/
}
h2{
		font-size:1.1rem;
		font-weight:100;
		margin:0.5rem 0;
}
nav a{padding:0.4rem 0.8rem;}
.nav-o{/*Hintergrund und Rahmen über gesamte Breite für navi-oben*/
		background-color:#fff;
		border:3px solid #fff;
		/*
		border-bottom:1px solid #fff;
		border-top:2px solid #fff;
		*/
}
.nav-flx{
		align-items:center; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		line-height:2em;
		margin:0 auto;
		max-width:900px;
		padding:0 .4em;
}
.flx-c{justify-content:center;}

.btn,.btn1,.sl,.bns{/*Grundformate für button sort, button Kontolle etc., submit logout*/
		border:0 none;
		cursor:pointer;
		display:inline;
		font-family:Verdana,sans;
}
.btn,.btn1{/*grauer Hintergrund usw. für Schaltflächen color:#FFFAF0; */
		background:#404040;
		background-image:linear-gradient(to bottom, hsla(0,0%,100%,.4), hsla(0,0%,100%,0));
		border-radius:3px;
		color:#FFFAF0;
		font-size:0.85em;
		margin:2px;
		padding:0.4em 1em 0.6em;
}
.btn1{min-width:110px;}/*Mindestbreite für gleichgroße Schaltflächen Kontrolle etc.*/
.btn:hover,.btn1:hover{box-shadow:2px 2px 3px #828282;}

/*###################*/
.dn{display:none;}
.dbl{display:block;}
.rund{border-radius:50%;}
.mxw300{max-width:300px;}
.dmd{max-width:300px;max-height:300px}
.blatt{
	background-color:white;
	border-color: #ebebeb #b6b7b4 #b6b7b4 #ebebeb;
	border-radius:3px;
 	border-style: solid;
	border-width: 1px;
	margin-bottom:2em;
	padding:1em 4em;
	line-height:1.5em;
}
.flex-container {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		}
.flex-item-left {
		background-color: transparent;
		padding: 1em;
		flex: 50%;
		text-align:center;
}
.flex-item-right {
		background-color: transparent;
		padding: 2em;
		flex: 50%;
}
.fett{font-weight:900;}
.kf{font-size:0.85em;font-weight:900;}	/*kleiner085 + fett*/

.m{text-align:center;}				/*zentrieren*/
.l{text-align:left;}
.r{text-align:right;}
.p05{padding:.5em;}
.p1{padding:1em;}
.pr2{text-align:right;padding-right:2em !important;}	/*für Zellenausrichtung in Tabellen:rechtsbündig, mit Abstand zum Rahmen*/
.pr04 {padding-right:.4em;}
.pl1 {padding-left:1em;} /*für Container:links eingerückt*/
.pl2 {padding-left:2em;} /*für Container:links eingerückt*/
.tg085{font-size:0.85em;}
.lh2{line-height:2em;}
.em0{margin:0 auto;}
.em15{margin:1.5em auto;}
.em1{margin:1em auto;}
.em2{margin:2em auto;}
/*##############*/
@media screen and (max-width:500px) {
		.nvlm{width:60vw;}/*Infobubble*/
		.nv:before,.nvr:before,.nvl:before{right:10%;}
		col.flexc{width:auto !important;}
		nav a{
				display:inline-block;
				width:100%;
		}
		section{
			hyphens:auto;
			-ms-hyphens:auto;
			padding:.5em;
		}
		#navi div{text-align:center;width:100%;}
		/*
		#navi div{width:100%}
		#ln24{text-align:center;width:100%;}
		*/
		/*für Zeilenumbruch in IE*/
		
		section{
				border:none;
				margin:0;
		}
		#menu{
				color:#3333cc;
				cursor:pointer;
				display:block;
				line-height: 2em;
				text-align:center;
				/*
				font-weight:bold;
				font-size:30px;
				line-height:30px;
				margin-top:-2px;
				padding:0;
				width:30px;
				*/
		}
		#pg{
				color:red;
				display:block;
				font-size:18px;
				font-weight:bold;
				line-height:30px;
				padding:0 .25em;
		}
		.flx{width:100%;}
		.head-flx{
			align-items:center;
			display:flex;
			/*flex-direction:row;
			flex-wrap:wrap;*/
			justify-content:space-between;
			width:100%;
		}
		/*.nav-flx{display:none;}*//* #navi bekommt eigentlich eine andere Klasse zugewiesen*/
		.nav-o{border:none;}
		.nav-u{flex-direction:column;}
		.flx-hide{display:none;}
		
		.flex-item-right, .flex-item-left {flex: 100%;}
		.flex-item-left{padding:1em 0 0 0;}
		
		.blatt{
				padding:1em 2em;
		}

		ol, ul{padding-left:1em;}


}