*, *:before, *:after {
hyphens:auto;
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}

html,body {
	width:100%;
	min-height:100%;
	margin:0;
	padding:0;
	overflow-y:auto;
	overflow-x:none;
	font-size:1rem;
	line-height:150%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
/*	background-image:linear-gradient(0deg, #333333 0% , #ffffff 50%, #cccccc 100% ); */}

html{
	font-size: 100%;}

/*ul,li,*/
div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;}

header, footer, main,
.row{width:100%;clear:both;display:block;}
.col-12{width:100%;}
.col-11{width:91.16%;}
.col-10{width:82.83%;}
.col-9{width:74.50%;}
.col-8{width:66.16%;}
.col-7{width:57.83%;}
.col-6{width:49.50%;}
.col-5{width:41.16%;}
.col-4{width:32.83%;}
.col-3{width:24.50%;}
.col-2{width:16.16%;}
.col-1{width:7.83%;}
*[class^='col-'], *[class*='col-']{ margin-right:.5%;display:inline-block;float:left;}
*[class^='col-']:last-child, *[class*='col-']:last-child, .col-12{margin-right:0%;}

.l{ float:left;}
.r{ float:right;text-align:right;}
.c{ float:left;text-align:center;}
.cb{ clear:both;}
.cb:after { content: "";}

p,h1,h2,h3,h4,h5,h6 { margin-bottom:1rem;}

.blockquotev{ 
	margin-left:15px;}

nav{display:inline-block;}

/* Einfärben des Menüs bei Mouseover/active */
*[class^='nav-']{
	font-size:1rem;
	text-decoration:none;
	color:#999;}
 
.nav-root{
	color:#666;}

a[class*="selected"]{
	color:#090;}

nav a:hover{
	color:#fff;
	background-color:#090;}

.nav-selected.nav-has-sub:after, /* has sub AND is selected */
.nav-parent-selected:after{
	color:#666;
	background-color:#fff;}

/* Ende Einfärben */

.kaestchen:before{	content:'\2592'}

/* START open/close NAV-Tree */
.nav-root+blockquote,
.nav-sub+blockquote,
.nav-root+ul,
.nav-sub+ul{
	height:0px;}

.nav-root+ul,
.nav-sub+ul{
	overflow:hidden;}

.nav-selected+ul,.nav-parent-selected+ul,
.nav-selected+blockquote,.nav-parent-selected+blockquote{
	height:auto;
	display:block;}

/* Arrow down/up für NAV with sub */
.nav-has-sub:after {
	content: " \25BE";}

.nav-selected.nav-has-sub:after, /* has sub AND is selected */
.nav-parent-selected:after{
	content:" \25B4";}
		
/* applies for selected nav AND parent NAV for the selected
a[class*="nav-selected"],
a[class*="nav-parent-selected"]{}

/*selected NAV style */
nav .inline a{
	white-space:nowrap;}

.inline .nav-has-sub:after {
	content: "";}

.inline .nav-has-sub:after,
.inline .nav-parent-selected:after{
	content:"";}

.nav-sub{
	padding:2px 7px;}
.nav-root{
	padding:2px 7px;}

header nav a,
footer nav a{
	width:100%;
	display:inline-block;}

.inline,
.inline>li{
	display:inline !important;}

header nav .inline a,
footer nav .inline a{
	width:auto;
	display:inline;}

nav>ul>li>.ulh,
blockquote.inline{
	background-color:rgba(255,255,255,.9);
	border:1px solid #ccc;
	box-shadow:4px 4px 8px rgba(0,0,0,.7);
	position:absolute;left:-1000px;top:-1000px;}

.blockquotev{ display:none;}
.blockquotev a{ display:inline-block;}

ul.inline{
	padding:0;
	margin:0;}

/* div.inline .nav-root:after, */
ul.inline li:after{
	content:"  \B7";}

.ulh li:after{
 content:"";}

.ulh,nav ul {
	list-style:none;}

.ulh,nav ul ul {
	padding-left:0;
	margin-left:15px;}

nav ul ul li:after {
 content:"" !important;}

nav>ul,.ulh {
	margin:0;padding:0;
	list-style:none;
	overflow:auto;}

.ulh li .nav-sub:after{
 content:"" !important;}

div.inline .nav-root:last-child:after,
ul.inline li:last-child:after{
	content:"";}

blockquote a{
/*	background-color:red !important;*/
}

.blockquoteh a{
	display:block !important;}


nav ul ul .ulh {
	position:static !important;}

/* END open/close NAV-Tree */


/* errors, 404-Page */
.errorwindow{
	line-height:175%;
	margin:0 auto;
	display:block;
	float:none;
	margin-left:auto !important;
	margin-right:auto !important;
	background-color:rgba(255,255,242,.9);
	box-shadow:4px 4px 8px rgba(0,0,0,.5);
	padding:50px;}


/* for breadcrumbstring */
.searched-element{
}

.wavy{/* wavy, dashed, dotted, solid, inherit, initial, double */
	text-decoration:underline wavy; 
	-webkit-text-decoration: underline wavy;
	text-decoration-style:wavy;}

.hilight{
	color:#E18728;
	text-decoration:underline wavy #E18728; 
	-webkit-text-decoration: underline wavy #E18728;
	text-decoration-style:dashed;}

.smile:before{
	font-family:Arial,sans-serif;
	font-size:1.5rem;
	content:"\263A  ";}

.twocol{
	column-count:2;
	column-gap: 40px;
	column-rule: 1px solid #ddd;}

.threecol{
	column-count:3;
	column-gap: 30px;
	column-rule: 1px solid #ddd;}

.twocol p,.twocol ul,
.threecol p,.threecol ul{
	page-break-inside: avoid;
	break-inside: avoid-column;
	display:table;  
	-webkit-column-break-inside: avoid;}

#mainnav{
 display:inline;}

#mobilenav{
	background-color:#999;
	display:none;}

@media (max-width:730px) {
	main img:not(.werk){
	  display:block !important;
		float:right !important;
		margin-left:20px !important;
		margin-right:0px;
		height:auto !important;
		width:50% !important;
		clear:both;margin-bottom:1rem;}
}

@media (max-width:630px) {
	.nomob{
	display:none;}
	
	#mobilenav{
		width:100%;
		display:block;
		overflow:hidden;}

	#mobilenav a{
		border-bottom:1px solid #ccc;
		color:#fff !important;}

	#mainnav{
		display:none;}

	nav{ display:block;}
	.nav-root + ul, .nav-sub + ul {
		height: auto;}
}

@media (max-width:630px) {
	.twocol,
	.threecol{
		column-count:1;}
	
	*[class*='col-']{
		float:none;
		width:100%;display:block;}
}

@media (max-width:480px) {
	main img:not(.werk){
		display:block !important;
		float:left !important;
		margin-left:0 !important;
		height:auto !important;
		width:100% !important;}
}
*{
	color:#666;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}
html{
	font-size:100%;
	scroll-behavior: smooth;}

body{
	overflow:hidden;
	font-size:1rem;
	margin:auto;
	background-color:#626A6E;
	max-width:960px;}

#page{
	margin:1rem 0;
	overflow-y:auto;
	overflow-x:hidden;

	padding:20px 30px;
	border-radius:4px;
/*	box-shadow:4px 4px 12px rgba(64,64,64,.9);*/
	background-color:#fff;}

footer{
	padding-top:1rem;
	min-height:2rem;}

footer section{
	vertical-align:bottom;
	line-height:1.1rem;
	font-size:.7rem;}

#logo{
	hyphens:none;
	letter-spacing: 2pt;}

#logo a{
	hyphens:none;
	color:#000;
	text-decoration:none;}	

a[class*="selected"]{
 color:#000;}

a[class^="nav-"]{
	font-size:.95rem;}

nav a:hover {
    color: #000;
    background-color:transparent;}

nav > ul > li > .ulh, blockquote.inline {
    background-color: rgba(255,255,255,.9);
    border: 1px solid #ccc;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);}

#hell,
#dunkel{
	text-decoration:none;
	line-height:1rem;
	width:15px;height:15px;
	display:inline-block;
	border:1px solid #333;}

#hell{
	margin-right:10px;
	background-color:#fff;}

#dunkel{
	background-color:#6e6e6e;}



main{
	text-align:justify;}

main p,main ul{
	line-height:1.3rem;
	font-size:.9rem;}

main h1,main h2{
	color:#333;}

main h1{
	line-height:1.3rem;
	font-size:1rem;}

main h2{
	line-height:1.3rem;
	font-size:.95rem;}

main h3{
	line-height:1.3rem;
	font-size:.9rem;}
	
ul.inline li:after{
	content:"";}

h1,h2,h3{
	font-weight:600;
	margin:0 0 .5rem 0;}

div, p{
	font-weight:300;
	margin:0 0 1rem 0;}

h1{
	margin:0 0 1.5rem 0;
	font-weight:400;
	font-size:1.2rem;}

h2{
	font-size:1.1rem;}

h3{
	font-size:1rem;}

#index{
 display:none;}


.iecolumn {
    float: left;
    width: 50%;}

/* Clear floats after the columns */
.ierow:after {
    content: "";
    display: table;
    clear: both;}

#nametitel{
	color:#fff;font-size:2rem;font-weight:500;text-decoration:none;letter-spacing:2px;}

#nametitel:hover{
 color:#60676D;}

#bildcontainer{
	display:table;
	min-height:500px;
	width:100%;}

#bild{
	display:table-cell;
	text-align:center;
	width:78%;}

#bleft,#bright{
	height:100%;
	display:table-cell;
	vertical-align:middle !important;
	text-align:center;
	width:10%;}

#bleft span,
#bright span{
	display:inline-block;
	cursor:pointer;
	width:100%;

	font-size:5rem;
	min-height:100%;
	text-align:center;}

#bild img{
 max-height:500px;
 max-width:80%;}

#leiste{
	height:80px;
	white-space:nowrap;
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;}

@media (max-width:850px) {
	#logo{margin-bottom:1rem;}
	footer section.col-4{
		width:100%;display:block;}
	footer .l{display:none;}
	footer .c{width:100%;}
	footer .r{margin-top:1rem;}

	*[class*='col-']{
		float:none;
		width:100%;display:block;}
}

@media (max-width:620px) {
	#leiste{display:none !important;}}

#bleft,#bright{
	min-height:20rem;
	opacity:.5;}

#bleft:hover,#bright:hover{
	opacity:1;}
/*
#bleft:hover .pfeil,#bright:hover .pfeil{
	display:none;}
*/