@import url("bootstrap-4.4.1-dist/css/bootstrap.min.css");

html, body {
		padding: 0px;
		margin: 0px; 
		text-align:center; 
		background: #E0DDC1 url(grafik/back.jpg) repeat;  
		font-family: Arial, Verdana,  Helvetica, sans-serif;
		font-size: 13px;
		line-height: 22px;}
#mitte { 
		margin:0 auto;
		position:relative;
		text-align:center;
		top:0px;
		padding-top:0px;
		margin-top:0px;
		width:960px;
		clear:center;}
#container {
		margin:0 auto;
		position:relative;
		text-align:center;
		top:0px;
		padding-top:0px;
		margin-top:0px;
		left: 0px;
		width:960px;
		background: #E0DDC1;
		background:  url(grafik/back-content.png) repeat; background-position: top center;
		float:left;
		/*   height:100%;    */}
#logo {
		margin:0 auto;
		position:relative;
		top:0px;
		height:155px;
		width:960px;
		left: 0px;
		text-align:center;}
.logosmart {
		display: none;}	

#hauptbild {
		margin:0 auto;
		position:relative;
		top:0px;
		height:53px;
		width:940px;
		left: 0px;
		text-align:center;}

#hauptbild td {
		padding:0px;
		margin:0px;
		background:#ffffff;}
		
#hauptbild table {
		margin-top:1px;
		margin-left:0px;
		font-family: Arial, Verdana,  Helvetica, sans-serif;
		font-size: 13px;
		line-height: 22px;
		background: #ffffff;
		width:940px;}
table {
		margin-left:0px;
		font-family: Arial, Verdana,  Helvetica, sans-serif;
		font-size: 13px;
		line-height: 22px;
		color: #000000;
		width:555px;
		max-width:100%;}
td {
		padding:15px;
		margin:0px;
		border: 0px solid #ffffff; 
		border-radius: 12px;
		background:#ffffff;
		-moz-box-shadow: 1px 1px 3px #908C6E; 
		-webkit-box-shadow: 1px 1px 3px #908C6E; 
		box-shadow: 1px 1px 3px #908C6E;}
hr {
	  border: 0px dotted #000066;
	  border-top: 3px dotted rgba(0, 0, 0, 0.35);
	  background: transparent;
	  height: 0px;
	  padding: 0px !important;
	  margin: 35px 0px 0px 0px;}
.inhalt {
		padding-top:52px;
		color: #000000;
		min-height:200px;
		float:left;
		width:960px;
		padding-bottom:25px;
		background: url(grafik/back-content.jpg) no-repeat; background-position: top center;}
.inhalt a{
		color: #81142F;    
		text-decoration:underline;}
		
.inhalt a:hover{
		color: #AB1B3E;    
		text-decoration:none;}
	
.klein {
		font-size: 9pt;
		line-height: 14pt;
		color: #74635F;}
.klein a{
		color: #74635F;}
#feld {
	background: #F0E6CD !important;
	border: 2px solid #ffffff;
	height: auto;
    border-radius: 12px;
	padding: 10px 10px 10px 10px;
	clear: both;
	display: block;}
#weiter {
		color: #655857;    
		text-decoration:none;
		line-height: 33px;}
#weiter a {
		color: #655857;    
		text-decoration:none;}
.spalte1 {
		text-align:right;
 		margin-top: 22px;
		margin-left:40px;
		width:235px;
		font-family: Arial, Verdana,  Helvetica, sans-serif;
		font-size: 13px;
		line-height: 22px;
		color: #85594E;
		float: left;}
.bild {
		border: 1px solid #D9D1C0;
		margin: 0px;
		padding: 0px;
    	border-radius: 8px;}
.spalte2 {
		text-align:justify;
 		margin-top:15px; 
		margin-left:55px;
		width:555px;
		font-family: Arial, Verdana,  Helvetica, sans-serif;
		font-size:13px;
		line-height: 22px;
		float: left;
		z-index: 5;}
.spaltea {
		text-align:right;
 		margin-top: 58px;
		margin-left:40px;
		width:315px;
		font-family: Arial, Verdana,  Helvetica, sans-serif;
		font-size: 13px;
		line-height: 22px;
		color: #85594E;
		float: left;}
.spalteb {
		text-align:justify;
 		margin-top:15px; 
		margin-left:75px;
		width:455px;
		font-family: Arial, Verdana,  Helvetica, sans-serif;
		font-size:13px;
		line-height: 22px;
		float: left;
		z-index: 5;}
		
		
h1 {
		font-family: Arial, Verdana, sans-serif;
		line-height: 25px;
		font-size: 21px;
		font-weight: normal;
		color: #9C2C42;
		margin-top: 0px;
		margin-bottom: 18px;
		z-index: 5;
		text-align:left;}
		
h2 {
		font-family: Arial, Verdana, sans-serif;
		font-size: 15px;
		line-height: 22px;
		font-weight: bold;
		color: #9C2C42;
		/*   margin-bottom: 2px;
		text-transform: uppercase; normal  */}
		
h3 {
		font-family: Arial, Verdana, sans-serif;
		font-size: 13px;
		line-height: 22px;
		font-weight: bold;
		color: #000000;
		margin: 15px 0px;
		}
li {
		margin-bottom: 7px;}		
		
	/*	..... Haupt-Navi .....  */
	
#navi {
		font-family: Arial, Verdana, sans-serif;
		font-size: 13px;
		font-weight:normal;
		line-height: 19px;
		height:33px;
		color:#73714F;
		text-align:center;
		float:center;
		list-style:none;
		margin-left:70px;
		margin-right:50px;
		margin-top:99px;
		position:relative;}
.navi a{
		text-align:center;
		float:left;
		color:#73714F;
		display: block;
		text-decoration:none;
		padding: 7px 0px 18px 0px;  
		margin-left:24px;
		margin-right:25px;}	
.navi a:hover{
		display: block;
		font-weight:normal;
		color:#AB1B3E;
		padding: 7px 0px 16px 0px; 
		text-decoration:none;
		border-bottom: 2px solid #AB1B3E;}	
.navi-aktiv a{
		font-weight:normal;
		color:#AB1B3E;
		text-decoration:none;
		text-align:center;
		float:left;
		display: block;
		text-decoration:none;
		padding: 7px 0px 16px 0px;  
		margin-left:25px;
		margin-right:25px;
		border-bottom: 2px solid #AB1B3E;}
.navbar {
display: none;}
	
/*	..... Footer .....  */
	
#footer {
		font-family: Arial, Verdana, sans-serif;
		font-size: 11px;
		line-height:12px; 
 		float: right;
		position:relative;
		margin-top: 0px;
		padding-top: 25px;
		margin-bottom: 45px;
		height:85px;
 		text-align: right;
		color: #B7B8B0;
		width: 960px;
		background:  url(grafik/bottom.png) bottom center no-repeat;}
#footer a{
		color: #B7B8B0;
		text-decoration:none;}
		
#footer a:hover{
		color: #4B4C46;
		text-decoration:none;}
.top-button {
	float: right;
	margin-left:12px;
	margin-right:30px;}
#footersmart {
	display: none;}		

#woerter { 
		position:absolute; 
		left:-333px; 
		top:57px; 
		width:333px; 
		height:220px; 
		z-index:1; 
		visibility: hidden; 
		overflow: hidden;}
input, textarea {
	max-width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background: #ffffff !important;
	line-height: normal;
	border: 1px solid #ccc;
    border-radius: 5px;
	padding: 2px 3px 5px 3px;
}

.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background: #837C62 !important;
	line-height: normal;
	border: 1px solid #B7B7B7;
    border-radius: 5px;
	padding: 2px 18px 2px 18px;
	cursor:pointer;}




/*--------------  media Queries  ---------------------*/
/*--------------  media Queries  ---------------------*/
/*--------------  media Queries  ---------------------*/

@media (max-width: 930px) {	
html, body {
	background: #fff;
	line-height: 22px;
}
#navi {
	margin-left: -webkit-calc(5% - 20px);
	margin-left:    -moz-calc(5% - 20px);
	margin-left:         calc(5% - 20px);
	margin-right: -webkit-calc(5% - 20px);
	margin-right:    -moz-calc(5% - 20px);
	margin-right:         calc(5% - 20px);
}
.navi a{
		margin-left:20px;
		margin-right:20px;
}
#mitte { 
	width:100%;}
#container {
	width:100%;	
	background: transparent;
	background: #fff;}
#logo {
	display: none;}
.logosmart {
	display: block;
	float: right;
	text-align:right;
	margin: 30px 5% 30px 5%;
	width:90%;}
#hauptbild,
#hauptbild img {
	width:100% !important;
	height:auto;
	background: transparent;}
.inhalt {
	width:100% !important;
	padding: 5% 0px 5% 0px;} 
.spalte1,
.spaltea {
	position: relative;
	text-align:left;
	margin: 8px 5% 8px 5%;
	width:90%;}
		
.bild {
		border: 1px solid #D9D1C0;
		margin: 0px;
		padding: 0px;
    	border-radius: 8px;}
		
.spalte2,
.spalteb {
	position: relative;
	text-align:left;
	margin: 8px 5% 8px 5%;
	width:90%;}

#footer {
	display: none;}
#footersmart {
	display: block;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	float: right;
	position:relative;
	height:85px;
 	text-align: right;
	color: #B7B8B0;
	width:90%;
	background: transparent;
	background: #fff;
	line-height:20px; 
	margin: 30px 5% 30px 5%;
	padding: 25px 0px 0px 0px;}	
#footersmart a{
		color: #B7B8B0;
		text-decoration:none;}
		
#footersmart a:hover{
		color: #4B4C46;
		text-decoration:none;}
.top-button {
	margin: 0px -14px 0px 20px;
	padding: 20px 0px;}}

/*---------------------------------*/

@media (max-width: 850px) {
#navi {
	margin-left: -webkit-calc(5% - 18px);
	margin-left:    -moz-calc(5% - 18px);
	margin-left:         calc(5% - 18px);
	margin-right: -webkit-calc(5% - 18px);
	margin-right:    -moz-calc(5% - 18px);
	margin-right:         calc(5% - 18px);}
.navi a{
		margin-left:18px;
		margin-right:18px;}}

/*---------------------------------*/

@media (max-width: 808px) {
#navi {
	margin-left: -webkit-calc(5% - 14px);
	margin-left:    -moz-calc(5% - 14px);
	margin-left:         calc(5% - 14px);
	margin-right: -webkit-calc(5% - 14px);
	margin-right:    -moz-calc(5% - 14px);
	margin-right:         calc(5% - 14px);}
.navi a{
		margin-left:14px;
		margin-right:14px;}}

/*---------------------------------*/	
	
@media (max-width: 750px) {
#navi {
display: none;}
.navbar {
	display: block;
	padding: 0px !important;
	width: 100% !important;
	margin: 0px !important;}
.navbar-collapse {
	border-radius: 0px;
	padding: 0px !important;
	width: 100% !important;
	margin: 0px !important;
	box-shadow:	none;}
.navbar-toggler {
	position: relative;
	margin-top: -90px !important;
	margin-right: 85% !important;
	padding: 0px !important;
	font-size: 1.85rem !important;
	color: rgba(0,0,0,1) !important;
	border: 0px solid transparent !important;}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
.meine-navimobil {
	width: 100%;
	padding: 0px;
  margin: 0px 0px 20px 0px;
	left: 0px;
	text-align: left;
}
#navimobil {
 float: left;
 list-style: none;
  display: block;
  width: 100%;
  padding: 0px;
	margin: 0px 0px 0px 0px;
  font-weight: bold;
  text-align: left;
  background: transparent;}
li.navimobil {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}
.navimobil a {
list-style: none;
display: block;
padding: 10px 0px 10px 5%;
margin: 0px 0px 0px 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
font-weight:normal;
color:#000;
text-align:left;
color:#000;}	
.navimobil a:hover {
color: #fff !important;  
background: #AD002A;
text-decoration: none;}	
li.navimobil-aktiv {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}
.navimobil-aktiv a {
list-style: none;
display: block;
padding: 10px 0px 10px 5%;
margin: 0px 0px 0px 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
font-weight:normal;
color: #fff !important; 
background: #AD002A;}	
.navimobil-aktiv a:hover {
color: #fff !important;  
background: #AD002A;
text-decoration: none;
}
h1 {
	font-size: 24px;
	line-height: 30px;
}
h2 {
	font-size: 18px;
	line-height: 25px;
}
h3 {
	font-size: 15px;
	line-height: 21px;
}
.spalte1, .spalte2, .spaltea, .spalteb, table, .footersmart {
	font-size:15px;
	line-height:25px; 
}
}

/*---------------------------------*/

@media (max-width: 500px) {}