@charset "utf-8";
/*@brandcolor "#15a"; Variablen sollen zukünftig in CSS kommen */


/* @viewport {width: device-width;} */

body {font: 1.1em/1.5em Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: darkslategray;
	background-color: ivory; }

	
body, html, p, a, span, ul, ol, li, dl, div {
	margin: 0;
	padding: 0;
	outline: none;
	/*border: solid;*/}


#LayoutDiv1 {padding: 0 2px 8rem}
#LayoutDiv2 {padding: 1; margin: 0} /* Kanzeln */

#LayoutDiv2 p,
#LayoutDiv2 h1,
#LayoutDiv2 h2,
#LayoutDiv2 h6 {margin-left: 2rem} /* Für Kanzel.html */




	
	#loading {position: relative; color: #A22;	z-index: 0;	font-size:1rem; width: 24px; padding:0.5rem}
	/* #loading {position: relative;  color: #A22;	left: 40%;	top: 140px;	z-index: 0;	font-size:1rem; width: 24px; border: solid 2px red} */

	#maps {width:100%; height:100%; min-width:300px; min-height:460px; z-index: 9;}
	.map {width:100%; min-width:400px; margin: 1rem auto 0.5rem auto; }
	iframe {overflow-x: hidden; width:auto; min-width:58em; height:52em; overflow: auto; }




.container  /* für slide-show */ {
	width: 100%;
	height: auto;
	margin: 1px auto 60px auto;
	font-size:0.9rem; }

  video {cursor: zoom-in}

.satzspiegel {
	margin: 0 auto;
	padding: 0 2rem 1rem 2rem;
	height:auto;
}


/*	h1 {font-size: 1.3rem; margin-left:-2em;}
	h2 {font-size: 1.2rem; margin-left:-1.8em;} 
	h3 {font-size: 1.1rem; margin-left:-1.6em;}
	h4 {font-size: 1.05rem; margin-left:-1.4em;}
	h5 {font-size: 1.02rem; margin-left:-1.2em;}
	h6 {font-size: 1rem; margin-left:-1em;}*/

	h1 {font-size: 1.3rem;} /*nur einmal per Seite erlaubt*/
	h2 {font-size: 1.2rem;} 
	h3 {font-size: 1.1rem;}
	h4 {font-size: 1.05rem;}
	h5 {font-size: 1.02rem;}
	h6 {font-size: 1rem; font-weight: 500;}

	h4.paragraf4 {counter-increment: paragraf4counter;}
	h4.paragraf4::before {content: counter(paragraf4counter) '.  '; }
	/* h4.paragraf4::before {content: "Klage #" counter(paragraf4counter) '.  '; } */




dt {margin-top: 0.6em}
dd {padding-left: 0}



ul {list-style-type: disc;}

li {margin-top: 1em; margin-bottom: 0.4em;}

li ol li {margin-top: 0.3em; margin-bottom: 0.4em;}

ul li,
ol li {margin-left: 2.5em; font-size:0.98em; page-break-inside: avoid;}
ol ol li {list-style-type: lower-alpha; font-size:98%; /* margin: 0 0.1em 0 0.8em; */}
ol ol ol li,
ol ol ul li,
ul ol ol li {list-style-type: upper-alpha; line-height: 1.2em}
ul li {list-style-type: disc;}

ul.disc li {list-style-type: disc;}
ol.decimal li {list-style-type: decimal;}
ol.lower-alpha li {list-style: lower-alpha;}
ol.upper-alpha li {list-style: upper-alpha;}
ol.compact li {margin-top: 0.2em; margin-bottom: 0.12em;}


li small {line-height:1;}

	div.listalpha ol li {list-style: upper-alpha;}
	div.listalpha ol ol li {list-style: decimal;}
	div.listalpha ol ol ol li {list-style: lower-alpha;}




.ListItems ol {counter-reset: item}
.ListItems ol li {display: table; counter-increment: item; margin-bottom: 0.6em}
.ListItems ol li:before {content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; padding-top: 0.6em;}
.ListItems li ol li {margin: 0}
.ListItems li ol li:before {content: counters(item, ".") " "}



/*
#slideshow-caption{}

#slideshow {
	width: 100%;
	height: auto;
	top: 0;
	right: 0;
}
 
#slideshow img, #slideshow div {  
	position: absolute;
	right:0;
	border-radius: 0.6em; 
}
*/


.no_mobile { display: none; }

.on_print { display: none; }
.printadr {	margin: 1rem 3rem 0 40%; float:right; display:none; }
	
.print_pict { visibility: hidden; }
.hidden { visibility: hidden; }

.nowrap {white-space: nowrap;}

	

.TextBoxSize {
	width: 40%;
	min-height: 300px;
	top: 0px;
	margin: 1rem 3rem;
}


.TextBoxAttribute {
	font-style: normal;
	font-size: 0.9rem;
	background-color: hsla(230, 80%, 95%, 0.7);
	text-shadow:none;
	padding: 0 2em 2em 2em;
}


#TextBox {
	position: relative;
	top: 0px;
	left: 0px;
	border-radius: 7px;
	padding: 2rem;
}


#TextBox:hover {background-color: hsla(250, 100%, 98%, 1);} 


.wetterbox {padding: 0 1rem; margin: -2rem -4rem -4rem 1rem; max-height:240px; max-width:760px; overflow: hidden;}
#wetter {margin-top: -1rem; margin-bottom:0.5rem}

/* #LogoSize {min-width: 8rem; max-width: 8rem; */
#LogoSize {
	margin: 5rem auto 0.2rem 0.4rem;
	left:2rem;
	width: 20%;
	min-width: 12rem;
	max-width: 22rem;
	}

#kopflogo {
	z-index: 1010;
	background-size: contain;
	background-image: url(/Bilder/Reet-Hus_Line-Logo_680x160px_Outline.png);
	width:200px;
	margin: -10px 220px 0 2rem;	vertical-align: middle;
	display: none;
	float: right;
	visibility: hidden;
	object-fit: contain;
	background-repeat: no-repeat;
}


#foot {background-image: url(/Bilder/Reet-Hus_Logo_HJ_440x190px.png); 
	z-index: 1011;
	background-size: contain;
	width: 220px;
	height: 95px;
	margin: 2rem 2rem;
	vertical-align: middle;
	float: right;
	object-fit: contain;
	background-repeat: no-repeat;}

#FooterLogo {
	right:2rem;
	float: right;
	width: 20%;
	/*max-width: 200px;*/
	max-width: 12rem;
	margin: -150px 1rem 10px;}
 
	.DINA4thumb {width:50%}





	details {cursor: zoom-out; border-top:solid #CCC 1px; border-bottom: #CCC solid 1px; padding: 1.2rem 1rem; margin: 1.2rem 1rem}

	details summary {font-size: 0.9em; cursor: zoom-in}

	summary:hover {font-size: 1em;; background-color: hsla(210,100%, 90%, 0.5); padding-left: 0.6em}

	details details  {padding: 1.2rem 1rem; margin: 1.2rem 1rem}


	#karte {margin: 5rem}
	#karte details {margin: 3.5rem auto; /*  border-top: solid 1px #888; */}
	#karte details small {padding-left: 3em;}
	#karte details div {width:98%; height:100%; min-width:600px; min-height:400px; border: solid 1px #DDD; padding: 1em; background-color: white; font-size: 90%; text-align: center;}

/* ul, ol, dl { padding: 0; margin: 0; } */



button {font-size: 1.1em; border:5px solid #AAF; border-radius: 0.4em; margin: 2em;}
button:hover {cursor: pointer}

	.button  {
		padding: 0.2em; background-color:lightgray; border: 1px solid green; border-radius: 5px;}
		
	

	table { font-size: 0.9rem;  /*border-spacing: 8rem;*/ background-color: white; border-collapse:collapse;
		box-shadow: 0.2rem 0.2rem 1rem 0.3rem hsla(30, 0%, 15%, 0.2);}

	td, th { padding: 0.5em 1em; /*height: 2em;*/ line-height:1.55em;}

	 table.rows td:nth-child(1) {text-align: right; max-width: 4em;}
	.rows tbody td:first-child:before { content: counter(mycounter) ''; color:#88C; }
	.rows tbody tr { counter-increment: mycounter; }

	table.bicolor tr:nth-of-type(even) {background-color: #F0F8F8;} 
	table.bicolor tr:nth-of-type(even).blindrow {background-color: #F0F4FF;} 
	tr.newrow {border-top: darkgray double}
	table thead tr th {border-bottom: darkgray double;}

	/* table tr.blindrow {border-top: darkgray double;} */
	tr.blindrow, tr.blindrow td {border-collapse: separate; column-span: all; color:darkcyan; padding-top:1.2rem; font-size:110%;}
	thead, tfoot, th, tr.blindrow {column-span: all; border-top: darkgray double; background-color: #F0F4FF;}
	

	table.rows tr.blindrow td:first-child { text-align: left; padding-left: 4rem }
	.rows tbody tr.blindrow td:first-child:before {content: ''}
	.rows tbody tr.blindrow {counter-increment: none;}

	div.table div.td:nth-child(1) {text-align: right; max-width: 4em;}
	div.table div.td:first-child:before { content: counter(mycounter) ')'; color:#88C; }
	div.table div.tr { counter-increment: mycounter; }


	
	table.drawings tr {border-collapse: separate; border-spacing: 1em 2em; border-bottom: 1px lightgray solid;}
	table.drawings td:first-child { width: auto; border-right: 1px lightgray solid; vertical-align: middle}
	table.drawings td:first-child p {vertical-align: middle}

	table.drawings td:first-child img {float: left;  /* max-width: 468px;*/ max-height: 250px; object-fit: cover; margin-right: 2em;}

	.table_compact td {padding: 1em}

	img { max-width: 100%; color: magenta; text-decoration: blink overline wavy 12% #D00; object-fit: contain;}

	.H2em {max-height: 2em}

	.H120 {max-height:120px}
	.H250 {max-height:250px}
	.H320 {max-height:325px}
	.H480 {max-height:480px}
	.H500 {max-height:500px}
	.H640 {max-height:640px}

	.W20  {max-width:20%}
	.W30  {max-width:30%}
	.W40  {max-width:40%}

.valign-top {vertical-align: top;}
.valign-bottom {vertical-align: bottom;}
.valign-middle { vertical-align: middle}

/*   .tabs  NUR innerhalb einer Zeile verwenden !!! */
.tabs4 {tab-size:4; white-space: pre;}
.tabs8 {tab-size:8; white-space: pre;}
.tabs16 {tab-size:16; white-space: pre;}
.tabs20 {tab-size:20; white-space: pre;}
.tabs32 {tab-size:32; white-space: pre;}
.tabs48 {tab-size:48; white-space: pre;}

	
.zeichenabstand-1em {letter-spacing: -0.1em;}
.margin2rem {margin:1rem 2rem;}
.absatzanfang {margin: 0.6em 0 0.5em 0}
.absatz {margin: 0.4em 0 0.5em 0}

.lineheight0 {line-height:1em}

.indent0 {margin-left:0.5em;}
.indent1 {margin-left:1em;}
.indent2 {margin-left:2em;}
.indent4 {margin-left:4em;}
.indent8 {margin-left:8em;}
.indent12 {margin-left:12em;}


.text-shadow {text-shadow: -0.1em -0.1em 0.2em #222, 0.1em 0.1em 0.2em  hsla(30, 0%, 15%, 0.3);}
.text-brightglow {text-shadow: -0.1em -0.1em 0.2em white, 0.1em 0.1em 0.2em white;}
	

.no-textshadow {text-shadow: 0 0 0 #000;}
	
/*
.fontadjust {font-size-adjust: 0.67;}
.sans-serif { font-family: sans-serif; }
.serif	{ font-family: serif; }
.cursive    { font-family: cursive; }
.fantasy    { font-family: fantasy; }*/


/*.inputs { font-family: monospace; font-size: 140%; font-weight:bolder; color: #168;}*/



h1, h2, h3 {margin-top: 1.2rem; margin-bottom: 0.4rem; }
h4, h5, h6 {margin-top: 1rem; margin-bottom: 0.2rem; }

 h1, h2, h3, h4, h5, h6 {
	text-shadow: -0.01em -0.01em 0.01em white, 0.02em 0.02em 0.02em hsla(30, 0%, 15%, 0.3);
	color: darkslategray;
}

/*h2 { text-align: center;}*/


.ScrnPict {	
	height: auto;
	width: 100vw;
	margin:1.5rem;
}

.HREM1 {height: 1rem}
.HREM2 {height: 2rem}
.HREM3 {height: 3rem}

.borderradius7 {border-radius: 0.6rem; }

.blur1 {-webkit-filter: blur(1px); filter: blur(1px);}
.blur2 {-webkit-filter: blur(2px); filter: blur(2px);}
.blur5 {-webkit-filter: blur(8px); filter: blur(8px);}
.blur10 {-webkit-filter: blur(10px); filter: blur(10px);}

.dropshadow {filter: drop-shadow(-0.4rem -0.4rem 0.6rem white); filter: drop-shadow(0.4rem 0.4rem 0.6rem hsla(30, 0%, 15%, 0.3));}

.dropshadow2 {filter: drop-shadow(-0.2rem -0.2rem 0.3rem white); filter: drop-shadow(0.18rem 0.18rem 0.18rem hsla(30, 10%, 15%, 0.4));}



	.boxborder_ridge {border: 4px ridge #dde; border-radius: 0.6rem;}



	.FonMail {vertical-align:middle; padding: 0.5em; width: 1.2em; border: none; box-shadow: none !important;}

/* 
	.boxshadow, .notiz, #LayoutDiv1 img {
		border: solid 1px;
		border-color: white darkgray darkgray lavender;
		box-shadow: 0.2rem 0.2rem 0.5rem 0.3rem hsla(30, 0%, 15%, 0.2);}
 */

	.boxshadow, .notiz {
		border: solid 1px;
		border-color: white darkgray darkgray lavender;
		box-shadow: 0.2rem 0.2rem 0.5rem 0.3rem hsla(30, 0%, 15%, 0.2);}




	.notiz {background: #FBFBAA url(/CSS/Pin.png) no-repeat top right; width: fit-content; margin:1em; padding:0.6em 1em; border-radius: 0.4rem; font-size: 70%; line-height:1.2;}
	.notiz:hover {font-size: 100%; background: #FBFBAA url(/CSS/Pin.png) no-repeat 50% top;}


.testborder {border: 1px red solid}


a { border: none;
	outline: none;
	/*color: darkslategray*/
	color: darkblue;
	font-size: 94%;}



a img { }

a:link {font-weight: bolder; text-decoration: underline; margin-left: 0.5em}

a.no_textdecoration {text-decoration-line:none;}

a:visited {Opacity: 0.60;  text-decoration: none;  color: #67B /*darkolivegreen*/;}

a:hover, a:focus {
	outline: 0;
	text-decoration: overline;
	color:  #466 /*darkolivegreen*/;} 

a:hover img, a:focus img {cursor: zoom-in}

a:active { text-decoration: overline; color: #4A4; }



.menucolor {color : #540;}

#Menu a { font-size: 100%; color: #540; margin-left: 0}
#Menu {
	position: static;
	height: auto;
	z-index: 1000;
	font-weight:bolder;
}


.row_navbuttons {
	position: absolute;
	bottom: 0;
	left: 9%;
	min-height: 40px;
	max-height: 80px;
	max-width: 60%;
	min-width: 36em;
	vertical-align: text-bottom;
	z-index: 1012;
 }



header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	/*min-height: 116px;*/
	padding: 0;
	z-index: 1001;
}


 .anchor {visibility: hidden; height: 0px !important; position: absolute; margin: -120px;}
  tr.anchor td {column-span: all;}
  tr.blindrow td {column-span: all;}

#kopf {
 	position: fixed;
	top:0;
	width: 100%;
	padding: 1px 1em 1px 2%;
	min-height: 1.2em; 
	border-bottom: 1px solid #222;
	box-shadow: inset 0 1.5em 1.5em hsla(45, 25%, 15%, 0.9), 0 4px 8px #000;
	background-color: hsla(45, 20%, 5%, 0.6);
	z-index: 999;
}


#kopf:hover { background-color: hsla(45, 25%, 15%, 0.92); }


.smarte_notiz {
 	position: fixed;
	top: 10%;
	width: 20%;
	float: right;
	padding: 1px 1em 1px 2%;
	min-height: 1.2em; 
	box-shadow: inset 0 1.5em 1.5em hsla(45, 25%, 15%, 0.9), 0 4px 8px #000;

	z-index: 990;
}


.smarte_notiz:hover { background-color: yellow}




#pos_homebutton {
	font: 1.1em Arial, Helvetica, sans-serif;
	vertical-align: super;
	top: -0.1em;
	left: 0;
}



#pos_homebutton:hover {left: -0.2em;}



footer {
	z-index: 998;
	position: fixed;
	bottom: 0;
	width: 100%;
	height:2em;
	line-height: 1.1rem;
	font-size: 0.8em;
	color: #443;
	text-align: center;
	text-shadow: -0.1em -0.1em 0.2em white, 0.1em 0.1em 0.2em white;
	border-top: 1px solid darkgray;
	background-color: hsla(45, 50%, 80%, 0.6);
	box-shadow: inset 0 -1em 2em hsla(45, 25%, 15%, 0.5);
}

footer:hover {background-color: hsla(45, 50%, 80%,1);  color: #331;}
footer a {color: #640; }
footer a:active {color: #00E; }

.transit {transition: all ease 1s;}

.scroll {overflow: scroll; max-height: 630px;}




/* ========= */

	thead, thfoot { line-height:2em}  

	
	.item a {margin: 0;}

	.item a img {
		float:left;
		padding:3px;
		background-color: #FFF;
		margin: 0.5em;
		border-radius: 3px;
		box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
	  opacity: 1;
	  }
	
	.item a:hover img, .item a:active img {
	/*border:1px solid #cccccc;*/ 
	opacity: 0.80;
	}
	
	.nowrap {white-space: nowrap;}
	
	.important_background {background-color: #ffefef}


/* ========= */




.MenuBar {font-size: 90%;}
 

.MenuBar br {display:none;}

.MenuBarLeftShrink {
	float: left; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarRightShrink {
	float: right; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarFixedLeft {
	float: left;
	width: 80em;
}

.MenuBarFixedCentered {
	float: none;
	width: 80em;
	margin-left:auto;
	margin-right:auto;
}
.MenuBarFixedCentered br {
	clear:both;
	display:block;
}
.MenuBarFixedCentered .SubMenu br {
	display:none;
}
.MenuBarFullwidth {
	float: left;
	width: 100%;
}


#MenuBar  .MenuItemContainer {padding: 0; margin: 0; }

#MenuBar  .MenuItem {	padding: 0px 0.3em 4px 0.3em;}

#MenuBar  .MenuItemFirst {}

#MenuBar .MenuItemLast {}

#MenuBar  .MenuItem  .MenuItemLabel{
	text-align: center;
	line-height: 0.4em;
	color: #ddc;
	padding: 6px 0.8em 6px 0.8em;
	width: auto;
	text-shadow:	-0.2em -0.2em 6px rgba(0,0,0,0.2),
					0.2em -0.2em 6px rgba(0,0,0,0.2),
					-0.2em 0.2em 6px rgba(0,0,0,0.2),
					0.2em 0.2em 6px rgba(0,0,0,0.2),

					-0.1em -0.1em 0.2em rgba(0,0,0,0.3),
					0.1em -0.1em 0.2em rgba(0,0,0,0.3),
					-0.1em 0.1em 0.2em rgba(0,0,0,0.3),
					0.1em 0.1em 0.2em rgba(0,0,0,0.3);
}


.SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{	width:1em; }

#MenuBar .SubMenu  .MenuItem {
	font-size: smaller;
	padding: 0px 0.6em 0px 0px;
	border-right: solid 1px hsla(45, 2%, 1%, 0.2);
	border-bottom: solid 1px hsla(45, 2%, 1%, 0.2);
	border-left: solid 1px hsla(45, 2%, 100%, 0.1);
	background-color: hsla(45, 20%, 25%,0.9);
	transition: all 0.3s ease 0s;}


#MenuBar  .SubMenu .MenuItemFirst {
	border-top: solid 1px hsla(45, 82%, 100%, 0.3);
	border-bottom: solid 1px hsla(45, 2%, 1%, 0.2);
	border-right: solid 1px hsla(45, 2%, 1%, 0.2);
	border-left: solid 1px hsla(45, 2%, 100%, 0.15);

	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}

#MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{}

#MenuBar .SubMenu .MenuItemLast {
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}

#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{	padding-bottom: 6px; }

#MenuBar .SubMenu .MenuItem .MenuItemLabel{
	text-align:left;
	line-height:1.6em;	
	padding: 5px 1em 3px 1em; 
	width: 9em;}

#MenuBar .MenuItemHover {}

#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{}

#MenuBar .MenuItemHover .MenuItemLabel{
	/*color: #f4f8ff;*/
	text-shadow: -0.5em -0.5em 12px rgba(255,250,255,0.2),
	0.5em -0.5em 12px rgba(255,255,255,0.2),
	-0.5em 0.5em 12px rgba(255,255,255,0.2),
	0.5em 0.5em 12px rgba(255,255,255,0.2),
	-0.1em -0.1em 0.1em rgba(60,120,180,0.3),
	0.1em -0.1em 0.1em rgba(60,120,180,0.3),
	-0.1em 0.1em 0.1em rgba(60,120,180,0.3),
	0.1em 0.1em 0.1em rgba(60,120,180,0.3);
}

#MenuBar .SubMenu .MenuItemHover {background-color: hsla(45, 16%, 20%, 1);}

#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{color: #f4f8ff;}

/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {min-width:100%;} /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */

#MenuBar.MenuBar .SubMenuVisible {top: 100%; left: 10px; z-index:1100;}

#MenuBar.MenuBarVertical .SubMenuVisible {
	top: 0px;	
	left:100%;
	min-width:0px;
}

#MenuBar .MenuLevel1 .SubMenuVisible {
	min-width:0px; 
	top: 0px;	
	left:102%; }

	

	
.JumpItem1 {margin-top: 1rem} 
.JumpItem2 {margin-top: 2rem} 
.JumpItem {margin-top: 3.5rem} 


.nav_button {
	position: relative;
	width: auto;
	height: 40px;
	height: auto;
	margin-top: -1px;
	margin-bottom: 1px;
	margin-left: 8px;
	padding: 1px;
	z-index: 1006;
}


div.table { display: table; border-collapse:collapse; border-spacing: 5em; width: 50%;}
div.tr { display:table-row; }
div.td { display:table-cell; padding: 0.1rem 1rem;}
div.td2 { display:table-cell; padding: 0.2rem 0.4rem 0;}


	hr {opacity: 0.4; margin: 1rem -1rem; width: calc(100% + 20px)}
	td hr {margin: 0} /* nicht in td-Zellen */

	hr.click {opacity: 0.4; margin: 0 -0.5rem;}

	hr.x {margin: 2rem 8rem 3rem -2rem}

	.line-through {text-decoration: line-through;}
	
	abbr {font: 105%/1.2 "Lucida Console", Monaco, sans-serif; font-weight:bolder; letter-spacing: 0.1em; border-bottom: none !important}

abbr:hover {cursor: help; opacity: 0.5}

code {font-size: 1.2em; font-weight:900; color: #066; white-space: pre;}

kbd { 
	background-color: #ddd;
	font: 101%/1.2 "Lucida Console", Monaco, sans-serif, monospace; /*font-weight:500;*/
	color: #777;
	white-space: pre;
	padding: 0.03em 0.3em;
	line-height:0.5em;
	vertical-align:5%; 
	border:#88A outset 0.2em; border-radius: 0.3em; text-shadow:none;
	white-space: pre; 
	}


.rotate90right {transform: rotate(90deg)}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}


.signature {
	font-family: Times, serif;
	font-style: italic;
	/*letter-spacing: 0.12em;*/
	font-weight: bold;
	font-size: 1.2rem;
	text-indent: 3rem;
	color: #88E;
	opacity: 0.6;
}


	#hinweis {}

	.legende p {
		color: #057; /*darkcyan;*/
		font-size: smaller;
		height: auto;
		float: none;
		margin: -0.2em 0 1.5em;
	}
	
	p {margin: 0.6em 0;}
	figure p {margin: 0 0 2em;}


p i  {/*color: darkslategray;*/ font-style: italic; font-size: 1.02em;}



a img.cursor {cursor: zoom-in}
			
.erhaben {text-shadow: -0.02em -0.02em 0.02em hsla(30, 0%, 100%, 0.3), 0.1em 0.1em 0.1em hsla(30, 0%, 15%, 0.3);}

.buzzword {	color: #B00;	font-weight: bolder; font-size: 101%;}

.underline {text-decoration: underline wavy red;}

.black {color: #000}
.red2 {color: red}
.red {color: #B00}
.darkred {color: #700}
.yellow{color: #BB0}
.magenta {color:#F0B}
.darkmagenta {color:#B0A}
.green {color: #008800}
.green2 {color: green}
.lightgreen {color: #0A0}
.darkgreen {color: #070}

.blue{color: blue}
.gray{color: gray}
.brown{color: #760}
.softblue {color: #88F}
.darkblue {color: #068}
.cyan {color: #0AA}
.darkcyan {color: darkcyan}

.lightgray {color: #CCC;}



.floatleft { float: left }
.floatright { float: right}
.floatclear { float: none}
img.floatright{ padding-left: 1em}
#LayoutDiv2 img {padding-left: 0.5em} /* Kanzel.html */


.clearfloat { clear: both; height: 0; font-size: 1px;	line-height: 1px;}

.clearfix:after { clear: both; height: 0; font-size: 1px;	line-height: 1px; }

.center  { text-align: center;}
.right { text-align: right;}
.left { text-align: left;}

.italic { font-style: italic; }
.monospace  { font-family: monospace; }


.bold {font-weight: bolder;}
.semibold {font-weight: 600;}
.lightfont {font-weight: 100;}
.mager {font-stretch: 50%;}



.light {opacity: 0.6; text-shadow: none;}
.xlight {opacity: 0.3; text-shadow: none;}

.smaller { font-size: 0.9em; line-height:normal}
.xsmaller {font-size: 0.8em; line-height:0.8}

.small {font-size: 0.86rem; line-height:1rem}
.xsmall {font-size: 0.75rem;}
.xxsmall {font-size: 0.6rem;}

.bigger { font-size: 1.2em; line-height:1.4em;}
.xbigger  { font-size: 1.5em}
.xxbigger  { font-size: 2em}


.underline {text-decoration: underline}

.display_none {display: none !important;}
.display_hidden{visibility: hidden;} /* Platz wird gehalten */

 img.icons { width: 6%; max-width: 250px; margin: 0 1.5rem;}
 img.iconspict5 { width: 5%; max-width: 5rem; margin-right: 0.4rem;}
 img.iconspict10 { width: 10%; max-width: 10rem; margin-right: 0.4rem;}
 img.iconspict20 { width: 20%; max-width: 18rem; margin-right: 0.4rem;}
 img.iconspict30 { width: 30%; max-width: 25rem; margin-right: 0.4rem;}
 img.iconspict40 { width: 40%; max-width: 35rem; margin-right: 0.4rem;}
 img.iconspict250 { width: 40%; max-height: 250px; margin-right: 0.4rem;}
 img.iconspict320 { width: 40%; max-height: 320px; margin-right: 0.4rem;}

h1 small, h2 small, h3 small, h4 small,  h5 small  {font-weight: lighter; margin-left: 1.2em; opacity:0.5} 

 .Video {max-width: 80vmax;}

/*@media only screen and (min-width: 481px) {*/
@media only screen and (min-width: 40em) {

.no_mobile {display: inline;}

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	padding-bottom: 0;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	display: block;
}


.satzspiegel {
	margin: 2px auto;
	padding: 2px 1em 1em;
}



.MenuBar {font-size: 95%;}

#MenuBar .SubMenu  .MenuItem {
font-size: smaller;}

.LogoSize {margin-bottom: -58px }
/* #LogoSize {position: fixed; top: 15px; width: 150px;} static oben links */


#kopf {
	height: 1.2em;
	min-height: auto;
	padding: 8px 1em 2px 2%;
	}



.cb {min-height: 210px; } /*calendarbox*/

}




/* @media only screen and (min-width: 769px) { */
@media only screen and (min-width: 80em) {


.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top: 30px;
	width: 100%;
	display: block;
}

.MenuBar {font-size: 105%;}

#MenuBar .SubMenu  .MenuItem { font-size: smaller;}

#kopf {
	height: 1.8em;
	padding: 20px 1em 2px 10%;
	}

#kopflogo {visibility: visible;  display: inline;}


footer {line-height: 1rem;}


}


/* ============================================= */



@media print {


body {
	font-size: 12pt;
	background: transparent !important;
	color: darkgray !important; 
	box-shadow: none !important; 
	text-shadow: none !important; 
	filter: drop-shadow(0 0 0 white) !important;
	filter:none !important;
	margin: 1.5cm 1cm 0.5cm 2.5cm;
}



	/* body {padding-top: 3cm;
		padding-bottom: 2cm;}
	h2 {break-before: page; margin-top: 1cm; margin-left: 3cm;} */
	h1, h2, h3, h4, h5 {page-break-before : auto; break-after: avoid;}


	h1 {font-size: 15pt; }
	h2 {font-size: 14pt; } 
	h3 {font-size: 13pt; }
	h4 {font-size: 12pt; }
	h5 {font-size: 11pt; }
	h6 {font-size: 10.5pt; }

	p {font: 11pt/1.2 Arial;}


	h1, h2, h3, h4, h5, h6, p, .textshadow, .erhaben {text-shadow: none;}


.print_none, video  {display: none}
.on_print {display:inline-block; }
.print_pict {visibility: visible;}


details {padding: 1rem 0.4rem; margin: 1rem 0.4rem}


table {max-width: 20cm; box-shadow:none;}
table, img, .nopagebreak { page-break-inside: avoid;}



#LogoSize { 
	margin: -2cm auto 2px 0.4em;
	max-width: 1cm;
	width: 1cm;
}

#foot {height: 0; margin: 0;}
#FooterLogo {margin: 0;}

#maps, #loading, .display_none { display:none; }


.page_break_before {page-break-before: always;}
.page_break_after {page-break-after: always;}
p, img, .absatz {page-break-inside: avoid;}

blockquote { border: 1px solid #999; page-break-inside: avoid; }


nav, .navi, header, #kopf, footer, #back, #Menu, #MenuBar {
	display: none !important;
	border:none; 	
	text-shadow: none;
	box-shadow: none; 
}

.JumpItem {padding-top: 0.5rem} 
.JumpItem-2 {margin-top: -2rem;} 


.printsmaller {font-size: smaller;}


.boxborder_ridge {border: 0;}


.lightbox {
	width: 40%;
	height: 2em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 120px;
	font-size: 11px;
}


h1, h2, h3 {margin-top: 2mm; margin-bottom: 3mm; }
h4, h5, h6 {margin-top: 1mm; margin-bottom: 3mm; }


h1, h2, h3, h4, h5, h6 {page-break-after: avoid; orphans: 7; font-weight: bold; color: darkblue;}
li,dd, ol, p {orphans:7; widows:7;}
ol, img {page-break-before: auto;}

	hr.x {margin: 1mm -2rem 1mm -2rem}

code, kbd {font-size: 0.9em;}
/* thead { display: table-header-group; } h5bp.com/t */


.satzspiegel {padding: 0 2rem 0.5rem 2rem;}

table { font-size: 0.6rem}
td, th { padding: 0em 1em; /*height: 2em;*/ line-height:1.55em;}


/*.small {font-size: 0.8rem;}
.xsmall { font-size: 0.7rem;}
.xxsmall { font-size: 0.6rem;}
*/

.buzzword {font-weight: bolder; font-size: 1.01em;}

.lightfont { font-weight: 100; font-stretch: condensed ; font-size: 0.9em; text-shadow: none;}

.small {font-size: 0.86rem; line-height:1rem}
.xsmall { font-size: 0.75rem;}
.xxsmall { font-size: 0.6rem;}

.smaller {font-size: 90%; line-height:130%}
.xsmaller {font-size: 80%; line-height:120%}
.bigger { font-size: 110%; line-height:150%}
.xbigger  { font-size:130%; line-height:160%}



/*.buzzword {font-weight: bolder; font-size: 1.01em;}
.small {font-size: 0.86rem; line-height:1rem}
.xsmall { font-size: 0.75rem;}
.xxsmall { font-size: 0.6rem;}
.smaller { font-size: 0.9em; line-height:1.4em}
.xsmaller {font-size: 0.8em; line-height:1.4em}
.bigger { font-size: 1.1em; line-height:1.4em}
.xbigger  { font-size: 1.5em; line-height:1.5em} */




/*img {max-height: 13cm}*/

a, a:visited { text-decoration: underline; font-weight: lighter; text-shadow: none;}
	/*a[href]:after { content: " (" attr(href) ")"; }*/
a:link { font-weight: normal; }

abbr[title]:after { content: " (" attr(title) ")"; }


	/* Keine Bildverweise anzeigen und keine javascript/internal- Hyperlinks
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } */

.darkgreen {color: #070}
.legende {color: blue} /*darkcyan;*/

#LayoutDiv1 {padding-bottom: 0; margin-bottom: 0;}
#LayoutDiv2 {padding-bottom: 0; margin-bottom: 0;}
.gridContainer {padding-bottom: 0; margin-bottom: 0;}

@page {size: 210mm 297mm;}

@page {margin-top: 2cm;}

@page:first {margin-top: 4cm;}

@page:left {margin-right: 2.5cm;}

@page:right {margin-left: 2.5cm;}


}