html {
	font-size: medium; 
	color: #2f2f2f;
	line-height: 1.5em; 
	}
	
 body  { 
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	background-color: #fff;
	margin: 0;
	padding: 65px 0 0 0;
	}
					
#col-left, #title {
	font-family: Palatino, Georgia, serif; 
	}
	
 .ref, figcaption, .w-bottom, .w-bottom-large, .w-mobile-aff, .w-hint, .alert-mobile, h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	}
	
 
h1  { 
	font-size: 1.4rem; 
	line-height: 1.3em;
	font-weight: bold; 
	width: 100%;  
	float: left;
	margin: 0 0 20px 0;
	}
					
h2	{
	font-size: 1.1rem;
	margin: 1.5em 0;
	} 
	
h3	{
	font-size: 1rem;
	font-weight: normal;
	text-decoration: underline;
	margin: 15px 0 3px 5px;
	}
	
h4 {
	font-size: 0.889rem;
	line-height: 1.2em;
	margin: 0;
	}
	
h5  { 
	font-size: 0.833rem; 
	font-weight: normal;
	margin: 5px 10px 5px 10px; 
	padding: 0 0 5px 0;
	}
	
figcaption {
	font-size: 0.889rem;
	font-weight: normal;
	line-height: 1.3em;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;  
	}	
	
p {	
	margin: 0.8em 0 1.3em 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;  
	}
		
a, a:active, a:visited {
	display: inline;  
	color: #a83218;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
.summary ul, .hint ul, .hint-dsk ul, .hint-mbl ul {	
	margin: 0.5em 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;  
	}
	
cite { 
	font-size: 0.667rem; 
	font-style: normal; 
	line-height: normal; 
	vertical-align: 0.6em; 
	padding-left: 1px; 
	}
	
summary:focus {
	outline: none;
}
	
img, object, figure {
	max-width: 100%;
	height: auto;
	border: none;
	}
			
#container {
	width: 100%;
	max-width: 1080px;
	text-align: left;
	margin: 0 auto; 
	padding: 0 0 20px 0;
	}
	
	
/* Kopfleiste */

 #header {
	display: block;
	width: 98%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	min-width: 300px;
	height: 68px;
	margin: 0 1%;
	padding: 0 0 0 0;
	background: #fff; 
	}
	
 img.header  {
	width: 190px;
	margin: 10px 0 0 5px;
	}
	
.menu-icon {
	float: right;
	width: 60px;
	margin: 2px 0 5px 0;
	}
		
.close-menu-img {
	width: 100%;
	margin: 0 5px 5px 0;
	float: right;
	}

#sidebar, #search-box  {
	display: none;
	}

nav {
	display: none;
	height:100%;
	width: 180px;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	overflow-x: hidden;	
	font-size: 0.875rem;
	line-height: 1.3em;	
	border-left: 1px solid #bbb;
	box-shadow: 0 0px 800px 1px #888; 
	background: #fff;
	}
	
nav ul {
	margin: 0 4px 5px 5px;
	width: 160px;
	padding: 0;
	list-style-type: none;
}
	
nav li {
	padding: 10px 0 10px 8px;
	width: 150px;
	}
	
nav summary {
	padding: 0;
	width: 160px;	
	font-weight: bold;
	}	
	
nav a, nav a:visited nav a:active {
	text-decoration: none;
	margin: 0 0 0 15px;
	}
	
.nav-item {
	line-height: 2em;
	display: inline-block;
	}
	  	
	
/* Content*/

#content  { 
	display: block; 
	background: #fff;
	float: left;
	clear: left;
	margin: 4px 0 4px 0;
	padding: 0; 
	width: 100%;
	border: none;
	}
	
.border-main{	
 	width: 98%;
 	margin: -3px 1% 15px;
 	border-bottom: 2px solid #af3f1a;
	}
						
#title {
	width: 91.5%;
	margin: 0;
	padding: 3% 4% 0 4%;
	float: left; 
	word-spacing: 3px;
	}

#col-left, #col-right {
	width: 91.5%;
	padding: 0 4% 3% 4%;
	float: left; 
	}
	
#col-right p, #col-right li {
	font-size: 0.889rem;
	}
	
.box-small, .img, .alert, .newsletter {
	display: none;
	}	

.box-small-mobile, .img-mobile, .w-box, .w-box-mobile, .newsletter-mobile {
	display: block;
	margin: 5% auto;
	}

.alert-mobile {
	width: 93%;
	max-width: 400px;
	margin: 25px auto;
	padding: 2px 2px 0 2px;
	border: 1px solid #B0B0B0;
	border-radius: 5px;
	box-shadow: 0 0 2px 2px #D0D0D0; 
	} 
	
.alert-mobile p {
	font-size: 0.889rem;
	line-height: 1.3em;
	margin: 0;
	padding: 0 5px 5px 5px;
	}
	
.alert-mobile ul {
	font-size: 0.889rem;
	line-height: 1.4em;
	margin: 0;
	padding: 5px 5px 5px 15px;
	}
	
	
/* Ansicht Allgemein */
		
#title p {
	font-weight: bold;
	word-spacing: 2px;
	margin: 0.5rem 0 0 0;
	}	
	
#title time {
	font-size: 0.889rem;
	color: #6f6f6f;
	margin: 0.2rem 0 0.5rem 0;
	}
	
time::before {
	content: "Stand "}
	
.box-small, .box-small-mobile, .w-box,	.w-box-mobile, .alert  {
	width:100%;
	max-width: 332px;
	border: 1px solid #B0B0B0;
	box-shadow: 0 0 2px 2px #D0D0D0; 
	border-radius: 5px;
	}
		
.img, .img-mobile {
	width: 100%;
	max-width: 325px;
	padding: 2px 2px 0 2px;
	border: 1px solid #B0B0B0;
	box-shadow: 0 0 2px 2px #D0D0D0; 
	}
	
.newsletter, .newsletter-mobile {
	width: 100%;
	max-width: 332px;
	}

.hint, .hint-dsk, .hint-mbl, .summary, .comment  {
	display: block;
	}

.hint-dsk  {
	display: none;
	}
	
.hint, .hint-dsk, .hint-mbl, .summary, .comment  {
	max-width: 420px;
	width:100%;
	border: 1px solid #B0B0B0;	
	border-radius: 5px;
	box-shadow: 0 0 2px 2px #D0D0D0; 
	margin: 15px auto; 
	} 
	
.hint-mbl {	
	border-radius: 10px;
	}
	
.box-small  p, .box-small-mobile p, .summary p, .comment p  {
	padding: 1px 7px 5px 7px;
	line-height: 1.3em;
	margin: 0;
	}
	
.hint p, .hint-dsk p, .hint-mbl p {
	padding: 7px;
	line-height: 1.4em;
	margin: 0;
	}
		
 .hint h4, .hint-dsk h4, .summary h4 {
	background: url(images/hint_background.svg) no-repeat; 
	background-color: #ededed;
	padding: 7px 0 5px 30px;
	margin: 0 0 12px 0;
	border-radius: 5px 5px 0 0;
	}
		
 .hint-title-mbl {
 	font-size: 0.889rem;
 	font-weight: bold;
	background-color: #ededed;
	border-radius: 10px;
	padding: 8px 0 8px 20px;
	margin: 0;
	}
	
details[open] summary.hint-title-mbl  {
	border-radius: 10px 10px 0 0;
	}
		
.box-small h4, .box-small-mobile h4 {
	background: url(images/hint_background.svg) no-repeat; 
	background-color: #ededed;
	padding: 7px 0 5px 30px;
	margin: 0;
	border-radius: 5px 5px 0 0;
	}

.box-small h6, .box-small-mobile h6, .box-small figcaption, .box-small-mobile figcaption {
	margin: 0 5px 5px 5px;
	padding: 4px 3px 0 3px;
	display: block;
	border-top: 1px solid #aaa;
	}
	
.box-small img, .box-small-mobile img  {
	margin: 3px 0 0 0;
	}

.box-small ul, .box-small-mobile ul, .hint ul, .hint-dsk ul, .hint-mbl ul, .summary ul, .comment ul   {
	padding: 0 5px 5px 0;
	}

.box-small li, .box-small-mobile li, .hint li, .hint-dsk li, .hint-mbl li, .summary li, .comment li {
	line-height: 1.4em;
	margin: 5px 5px 0 20px;
	}
	
.comment h4 {
	background: url(images/hint_background.svg) no-repeat; 
	background-color: #ededed;
	padding: 7px 0 5px 30px;
	margin: 0;
	}		
	
#ebk {
	padding: 2px 2px 4px 2px; 
	}
		
.button_v1, .button_v2, .button_v3, .button_v4 {
	height: 25px;
	width: 116px;
   display: table-cell;
	font-size: 13px;
   padding: 1px 0;
   vertical-align: middle;
	text-align: center;
	border-radius: 8px;	
	border: 2px solid; 
	}
	
.button_v1 {
   background: #f19400;
	border-color: #ffcc7a #9b6000 #9b6000 #ffcc7a;
	}
	
.button_v2 {
   background: #ec322b;
	border-color: #f2726d #94120e #94120e #f2726d;
	}
	
.button_v3 {
   background: #d03e1d;
	border-color: #e04a29 #a83218 #a83218 #e04a29;
	}
	
.button_v4 {
   background: #f58f3a;
	border-color: #f7a561 #d9680b #d9680b #f7a561;
	}
	
.button_v1 a, .button_v2 a, .button_v3 a, .button_v4 a {
	color: #fff;
	line-height: 1em;
	display: block;
	}
	
.img h6, .img-mobile h6, .img figcaption, .img-mobile figcaption  {
	margin: -2px 0 3px 0;
	padding: 5px 2px 0 2px;
	display: block;
	}	
	
.ref {
	font-size: 0.833rem;
	padding: 1% 0 3% 1%;
	}
	
.ref summary {
	padding: 4px;
	}
	
.ref br {
	margin: 0 0 3px 0;
	}
	
.seq {	
	color: #777;
	padding: 0 0 10px 5px;
	line-height: 1.7em;
	}
	
.ebook-img   { 
	width: 52%;	
	margin: 1% 2% 0 1%;
	padding: 0;
	float: left;
	}
	
.ebook-txt   {
	margin: 0;
	padding: 0;
	}
	
	

/* Tabellen */

table {
	width: 98%;
	padding: 1%;
	}

td {
	padding: 1%;
	vertical-align: top;
	}
	
.term {
	font-weight: bold;
	}
	
.about-img {
	width: 180px;
	padding: 20px 5px 0 0;
	}
	
	
/* Suche */

#suche {
	float: left;
	margin: 40px 25% 20px 10%;
	}
	
	
/* Sneeze */
	
.sneeze-title	{
	font-size: 1.1rem;
	font-weight: bold;
	color: #555;
	margin: 2.7em 0 1.5em;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #666;
	} 
	
a.sneeze {
	font-weight: bold;
	}
	
.sneeze  img {
	border: solid 1px #2f2f2f;
	margin: 0  auto 10px;
	float: none;
	}

	
/* Buch */
	
.buch {
	font-size: 1em;
	margin: 0 0 10px 10px;
	width: 98%;
	float: left;
	clear: both;
	}
	
.buch dt {
	width: 100%;
	font-size: 1.125em;
	font-weight: bold;
	margin: 20px 0 10px 5px;
	}
		
.buch-img {
	float: left;
	clear: none;
	max-width: 45%;
	padding: 0;
	margin: 1%;
	}
	
.buch-text  {	
	float: left;
	clear: none;
	width: 96%;
	padding: 0;
	margin: 0;
	}	
	
.buch-link {	
	float: right;
	clear: none;
	width: 48%;
	padding: 0;
	margin: 0;
	}	
		
.button_buch {
	height: 16px;
	width: 116px;
   display: block;
   padding: 5px 0;
	text-align: center;
	border-radius: 8px;	
	border: 2px solid; 
   background: #f19400;
	border-color: #ffcc7a #9b6000 #9b6000 #ffcc7a;
	margin: 20px 0;
	}
	
.button_buch a {
	color: #fff;
	line-height: 1em;
	display: block;
	}
	
.nsb-img {
	border: solid 1px #b0958a;
	box-shadow: 0 0px 2px 0px #b0958a;
	}

		
	
/* Werbung allgemein */
 
#w-leader {
	width: 99%;
	max-width: 728px;
	height: auto;
	margin: 5px 0 10px 5px;
	display: none;
	}	
	
#w-leader-mobil {
	width: 98%;
	max-width: 640px;
	height: auto;
	margin: 1%;
	display: inline-block;
	}	
	
.w-img, .w-img-mobile {
	max-width: 262px;
	margin: 20px auto 30px;
	height: auto;
	padding: 0;
	}		
	
.w-img {
	display: none
	}					
					
.w-bottom, .w-bottom-240, .w-bottom-306, .w-bottom-large {
	margin: 30px auto 35px;
	}		
					
.w-bottom {
	max-width: 322px;
	}			
					
.w-bottom-240 {
	max-width: 240px;
	}		
					
.w-bottom-306 {
	display: block;
	max-width: 306px;
	}	
					
.w-bottom-large {
	width: 94%;
	max-width: 468px;
	}	

.w-frame, .w-frame-addon {
	font-size: 0.889rem;
	line-height: 1.3em;
	border-bottom: 2px solid #bbb;
	clear: right;
   padding: 10px 4px;
	}

.w-frame {
	border-top: 2px solid #bbb;
	}

.w-frame p, .w-frame-addon p {
	padding: 1px 0;
	margin: 0;
	}
	
.w-frame a, .w-frame-addon a {
	color: #9E4E07;
	}						

.w-mobile-aff {
	width: 322px;
	padding: 8px;
	}

.w-box h4, .w-box-mobile h4 {
	background-color: #ededed;
	padding: 7px 0 5px 20px;
	margin: 0;
	}
	
.w-box p, .w-box-mobile p  {
	padding: 5px 7px 5px 7px;
	line-height: 1.3em;
	margin: 0;
	}
	
.w-box span, .w-box-mobile span {
	font-size: 11px;
	font-weight: normal;
	padding: 0 7px 0 0;
	float: right;
	}
	
.w-box img, .w-box-mobile img  {
	margin: 1px 0 5px 0;
	}
	
.w-hint {
	color: #555;
	font-size: 0.75rem;
	float: right;
	line-height: 1em;
	margin: 0 8px 4px 0;
	}
		
	
	
/* Fussleiste */

#footer {
	width: 95%;
	font-size: 0.889rem;
	background:#fff;
	display: block;
	clear: both;
	text-align: center;
	margin: 0 2% 60px 2%;
	padding: 1% 0 2% 0;	
	line-height: 1.6em;
	}
	
#footer a, a:active {
	color: #2f2f2f;
	}
	

/* cookie consent */

 #mbmcookie {
 	position: fixed; 
 	bottom: 0; 
 	left: 0; 
 	right: 0; 
 	color: #fff;
 	background: #2f2f2f; 
 	padding: 10px 20px; 
 	font-size: 0.778rem;
 	font-family: verdana;
 } 

 #mbmcookie a {
 	color: #31a8f0;
 }

 #mbmcookie a.button {
 	cursor: pointer; 
 	color: #2f2f2f;
 	background: #ccc; 
 	padding: 6px 15px; 
 	margin-left: 10px; 
 	border-radius: 5px; 
 	font-weight: bold; 
 	float: right;
 }

 #mbmcookie a.button:hover {
 	background-color: #aaa;
 }

 #mbmcookie p.cookiemessage {
 	display: block; 
 	padding: 0; 
 	margin: 0;
 }
 
 	
/* Ansicht Tablet */
	
		@media(min-width: 700px) { 
	
		body {
			padding: 0;
			}
			
		#container {
			background-color: #fff;
			margin: 0 auto 60px;
			padding: 0;
			}
			
		#w-leader {
			display: inline-block;
			}
			
		#w-leader-mobil {
			display: none;
			}

		#header {
			position: static;
			height: 80px;
			}
				
		 img.header  {
			width: 280px;
			margin: 10px 0 0 25px;
			}
			
		.menu-icon {
			margin: 15px 10px 0 0;
			}
			
		.close-menu-img {
			margin: 0 6px 0 0;
			}		
		
		#title {
			width: 680px;
			margin: 10px auto 0;
			float: none;
			}
			
		#col-left {
			width: 680px;
			margin: 0 auto;
			float: none;
			}
		
		#footer  {		
			width: 96%;		
			margin: 0;
			padding: 0 2% 2% 2%;	
			box-shadow: none;
			}									
		}
		
	
/* Ansicht Desktop */
	
					@media screen and (min-width: 881px) {
			
					body    {  
						background-color: #e84827; 
						}		
						
					html {
						font-size: 18px;
						}					
	
					#header {
						display: block;
						width: 100%;
						height: auto;
						text-align: left;
						margin: 5px 0 10px;
						padding: 1% 0 0 0;
						background: #fff;
						}	
			
					#search-box  { 
						display: block;
						width: 40%;
						float:right;
						margin: 2px 4% 0 0; 
						padding:0;
						}
						
					.searchelement_1 { 
						width: 25%;
						float: right;
						color: #2f2f2f; 
						border: solid 3px; 
						border-color: #921a2a #df7d8a #df7d8a #921a2a; 
						padding: 2px 0 1px 0; 
						margin:0;
						}
						
					.searchelement_2  { 
						float: right;
						color: #fff;
						height: 21px;
						background-color: #db4425;
						border: 1px solid;
						border-color: #e08d72 #85280b #85280b #e08d72; 
						padding: 1px 3px 0 2px;
						margin: 2px 0 0 1.5%;
					 	}
						
					img.header {
						width: 35%;
						margin: -0.5% 0 1% 2%;
						}
						
					.menu-icon, .close-menu-img {
						display: none;
						}
								
					nav {
						display: inline;
						position: relative;
						overflow-x: hidden;	
						font-size: 0.875rem;
						line-height: 1.3em;	
						border-left: none;
						box-shadow: none; 
						background: #fff;
						}
					
					nav ul{
						width: 50%;
						display: flex;
						justify-content: space-around;
						padding: 0;
						margin: -3.5% 2% 10px 48%;
						}
					
					nav li{
					  padding:0 1%;
					  width: auto;
					  list-style: none;
					  outline: 0;
						}
						
					 nav a, nav a:visited, nav a:active {
						display: block;
						margin: 0;
						}
						
					nav a, nav summary{
						font-size: 0.947rem;
						color: #a83218;
						}
						
					nav summary{
						display: flex;
						width: auto;
						align-items: center;
						padding: 0;
						}							
					
					nav details summary::-webkit-details-marker { 
						color: #fff;
						}
					
					.nav-invisible {
						display: none;
						}
						
					.nav-item {
						display: block;
						}
		
		
					#container {
						margin: 10px auto 60px;
						border: solid 1px #b0958a;
						box-shadow: 0 0px 2px 0px #b0958a;
						}
					
					#col-left, #title {
						font-family: Georgia, serif; 
						}
					
					#title {
						width: 93%;
						margin: 0;
						padding: 1.5% 2% 0 3%;
						float: left; 
						}
					
					#col-left { 
						width: 59%;	
						float: left;
						padding: 0 3% 20px 3%;
						}
					
					#col-right { 
						width: 31%;	
						float: right; 
						padding: 0 1.8% 3% 0.5%;
						}
						
					 #title p {
						max-width: 800px;
						margin: 0.8em 0 0 0;
						font-size: 0.944rem;
						-webkit-hyphens: manual;
					   -moz-hyphens: manual;
					   -ms-hyphens: manual;
					   hyphens: manual; 
						}
					
					.hint-mbl, .box-small-mobile, .img-mobile, .alert-mobile, .newsletter-mobile {
						display: none;
						}
					
					.hint-dsk {
						display: block;
						}						
	
					.alert {
						display: block;
						line-height: 1.2em;
						margin: 5% auto;
						padding: 2px 2px 0 2px;
						}
						
					.alert p {
						margin: -2px 0 0 0;
						padding: 0 5px 3px 5px;
						}
						
					.alert ul {
						margin: 0;
						padding: 0 5px 5px 15px;
						}
						
					.box-small, .img, .newsletter {
						display: block;
						margin: 6% 0 0 0;
						}	
					
					.hint, .hint-dsk, .summary, .comment  {
						max-width: 332px;
						margin: 6% 0 0 0; 
						}
							
					.buch {
						width: 85%;
						}
							
					.buch-img {
						max-width: 25%;
						}
						
					.buch-text, .buch-link {	
						float: right;
						width: 70%;
						}
						
					.button_buch{
						display: inline-block;
						margin: 2%;
						}
					
					.w-img-mobile, .w-box-mobile, .w-mobile-aff, .w-bottom-306 {
						display: none;
						}
					
					.w-img, .w-box  {
						display: block;
						}	
	
					.sneeze  img {
						margin: 5px 20px 10px -40px;
						float: left;
						}
				}
	

/* Index */
	
#index h1, #index h2, #index h3, #index p {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	}
	
.index-box {
	border: 1px solid #B0B0B0;
	border-radius: 1em;
	box-shadow: 0 0 2px 2px #D0D0D0; 
	margin: 10px 5px 50px;
	}
	
.index-box img{
	max-width: 94%;
	margin: 0 3%;
	}
	
#index .hint {
	width: 240px; 
	border-radius: 1em;
	}
	
#index h4  { 
	border-top-right-radius: 1.2em;
	border-top-left-radius: 1.2em;
	background-image: none;
	}
	
#index .hint img { 
	margin: 15px 40px 0;
	}
	
#index h2 {
	font-size: 1.2rem;
	margin: 15px 3% 12px;
	padding: 0;
	border-top-right-radius: 0.85em;
	border-top-left-radius: 0.85em;
	}
	
#index h3 {
	font-weight: bold;
	text-decoration: none;
	margin: 15px 3% 0;
	}
	
#index #title p {
	font-weight: normal;
	margin: 4px 0 23px;
	}
	
#index p{	
	margin: 4px 3% 15px;
	}
	
#index .hint p {
	margin: 2px 8px 10px;
	}