:root {
	--bg_gelb:#fd0;
	--bg_gelb_stroke:#860;
	
	--bg_grau_fill:#666660;
	--bg_grau_stroke:#442;
	
	--text_fill:#332211;
	--text_stroke:#160400;
	
	--shadow:#556;
	--but_shadow:1px 2px 4px #bbc;
	
	--dark_red:#6a1a0d;
}


	html {
		margin:0; padding:0; 	
		font-family:'OpenSans',sans-serif;
		font-size:20px;
		color:var(--text_fill);
		background-color:#ddc;
		width:100%;
		min-width:800px;
		height:100%;
	}
		html * { 
			position:relative;
			box-sizing:border-box; 
			-moz-box-sizing:border-box;
		}
		
		*.flR { float:right; clear:none; }
		
		h1,h2,h3,h4,h5,h6 { font-family:'Garamond',serif; font-weight:600; color:var(--dark_red);}
		a { text-decoration:none; color:#248; cursor:pointer; }
	
	body {
		display:block;
		margin:0; padding:0.66rem;
	}
	
	div#head h1 {
		font-size:3.66rem; 
		text-align:center; 
		font-weight:500; 
		letter-spacing:0.05em; line-height:1.15em; 
		
		margin:0.66em auto 0.5em auto; padding:1.33em 0.66em; 
		width:12em;
		
		border:1px solid #6a1a0d;
		border-radius: 1em 0.45em 0.1em 0.1em;
		box-shadow: 0.033em 0.033em 0.4em #420b, inset 0.025em 0.025em 0.04em #fffb;
		
		background-color:#c8c499; /*#dfdf92;*/ 
		color: #b61b0238;
		text-shadow: 0 0 0.02em var(--dark_red), 0.025em 0.025em 0.05em #fffb, -0.025em -0.025em 0.06em #0008, 1px 1px #ffe, -1px -1px  #000;
	}
	
	div#head div.subHead {
		font-family:'Garamond',serif; font-style:italic;
		color: var(--dark_red);
		font-size:1.33rem;
		margin:0 auto; padding:0.66em 0.66em;
		width:30em;
	}
	div#head div.subHead a { text-decoration:none; color:inherit; }
	
	span.left { display:inline-block; width:50%; text-align:left; }
	span.right { display:inline-block; width:50%; text-align:right; }
	
	div#impressum {
		font-size:1rem;
		text-size-adjust:none;
		width:42rem;
		margin:1.33rem auto;
		padding: 0.66rem 1.33rem;
		border: 1px solid #8878;
		border-top:1px solid var(--dark_red);
		border-radius:1rem 0.5rem 0.1rem 0.1rem;
		box-shadow:1px 1px 6px #446b inset;
		background:#edebd3;
	}
	div#impressum.collapsed { height:3em; overflow:hidden; }
	div#impressum h3 { margin:2rem 0 1rem 0; font-size:1.5em; font-style:italic; }
	div#impressum h3#impressum_toggle { margin:0 0 1rem 0; font-size:1.5em; cursor:pointer; }
	
	div#impressum * { text-size-adjust:none; }
	
	div.impressum {
		font-size:0.8rem; 
		padding:0.33rem 1rem;
		margin:0.33rem 0;
		
		border:1px solid #8878;
		border-radius:0.85em 0.4em 2px 2px;
		background:#eed;
		box-shadow:1px 1px 5px #4468 inset;
	}
	div.impressum h4 { font-family:'OpenSans',sans-serif; margin:0.66rem 0 0.33rem 0; }
	div.impressum p { font-family:'OpenSans',sans-serif; margin:0.33rem 0 0.66rem 0; }
	
	div.impressum p.disclaimer { margin:0.33em 0 0.66em 1em; }
	div.impressum p.license { font-size:0.85em; margin:0.33em 0 0.66em 1em; padding:0.25em 0.5em; border-radius:0.5em 0.25em 0 0; background:#ccbb; border-top:1px solid #fff8; border-bottom:1px solid #6658; }
	
	div.datenschutz {
		font-size:0.8rem; 
		height:18rem; overflow-y:scroll;
		padding:0.33rem 1rem;
		margin:0.33rem 0;
		
		border:1px solid #8878;
		border-radius:0.85em 0.4em 2px 2px;
		background:#eed;
		box-shadow:1px 1px 5px #4468 inset;
	}
	div.datenschutz h2 { font-family:'OpenSans',sans-serif; margin:0.33rem 0 0 0; }
	div.datenschutz h4 { font-family:'OpenSans',sans-serif; margin:0.66rem 0 0.33rem 0; }
	div.datenschutz h5 { font-family:'OpenSans',sans-serif; margin:0.66rem 0 0.33rem 0; }
	
	
	
		*::-webkit-scrollbar { 
			width:10px; 
			height:10px; 
			border:none; 
			background-color:transparent;
				box-shadow:inset 1px 1px 3px #000;
		}
		*::-webkit-scrollbar-button { 
			width:5px; 
			height:5px; 
		}
		*::-webkit-scrollbar-thumb:vertical { 
			min-height:30px;
			border:1px solid #223;
			border-radius:4px;
			background: -webkit-linear-gradient(left, #fff 0%, #eee 10%, #999 90%, #556 100%) #ddd;
				box-shadow:1px 1px 3px #000;
		}
		*::-webkit-scrollbar-thumb:horizontal { 
			min-width:30px;
			border:1px solid #223;
			border-radius:4px;
			background: -webkit-linear-gradient(top, #fff 0%, #eee 10%, #999 90%, #556 100%) #ddd;
				box-shadow:1px 1px 3px #000;
		}