/* Margarete Filgis www.filgis.net */


body 	{	
			margin: 0;
			padding: 0;
			height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
			color:#37271b;
			font-family:arial, helvetica, verdana;
			font-size:1em;
			letter-spacing: 0.03em;
			line-height: 140%;
			overflow-y: auto;
}		
			
h1, h2, h3, h6 { color: #37271b/*#4b3439*/; line-height: 140%;}

h1 		{ 	font-size: 1.8em;
			font-weight:normal;
			margin:0px;
			margin-bottom:25px;
					
			 }	
			 			
h2 		{ 	font-size: 1.2em;
			font-weight:bold;
			margin:0px;
			padding-top:25px;
			margin-bottom:3px;
			 }	
			 			
h3 		{ 	font-size: 1em;
			font-weight:bold;
			padding-bottom:3px;
			margin:0px;
			padding-top:15px;
			margin-bottom:-10px;
			 }	
h4		{ 				
			color:#9f918e;
			font-size: 14px;
			font-weight:bold;
			border-bottom:dotted 1px #9f918e;
			width:100%;
			
			 }		 
h5 		{ 	padding-top:10px;
			border-top:dotted 1px #9f918e;;
			padding-bottom:0px;
			color:#ffffff;
			font-size: 10px;
			 }	
			 
h6		{	font-size:12px;
			margin-top:20px;
			margin-bottom:10px;
	
			}
a:link, a:visited  { 
				padding:0px 0px 0px 0px;
				text-decoration:underline;
				letter-spacing: 0.05em;
				color:#b8502d;
				}
a:hover{
				color: #d46531;
 				text-decoration:none;
}

a:focus { outline: none;
}

a:link.content{ 
				padding:0px 0px 0px 0px;
				text-decoration:underline;
				letter-spacing: 0.05em;
				color:#37271b;
				}
a:hover.content{
				color: #d46531;
 				text-decoration:none;
}
img {
    border:none;
	width:100%;
	height:auto;
}	
			
/************************************************************************/
/* Layout Divs                                 */
/************************************************************************/	
#wrapper {
	height:auto !important; /* Important Regel für moderne Browser */ 
	overflow-x: hidden !important; /* FF Scroll-leiste: element wird abgeschnitten */ 
	/*overflow-y:scroll;  für ie9 in verbindung mit windows 7*/
	/*overflow-y: auto; /* für ie8 in verbindung mit windows xp professioinal*/
	margin:0 auto;
	width:100%;
	/*max-width:1000px;
	text-align:left;
	border-left:1px #999;
	border-right:1px #999;*/
	border-bottom:1px #999;
   	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.30);
	-moz-box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.30);
	box-shadow: 2px 2px 10px 3px rgba(50,50,50,0.30);
	/*box-sizing:border-box; */
	
}

#komplett { 
			
			margin:0 auto;
			padding-top:60px;
			width: 80%;
			text-align:center;
}

#bilder {	 
			width: 100%; 
			height:215px;
			background-image:url(img_head/top2021.jpg);
			background-position:center;
			background-repeat:no-repeat;
			background-color:#baafa6;
}

#nav_main{
			min-width: 20%;
			float:left;
			text-align:right;
			margin-right:3%;
			}

#inhalt {
			min-height:400px;
			width: 48%; 
			margin-right:2%;
			float:left;
			}

#spalte_rechts {
			float:left;
			width: 22%; 
			font-size: 0.8em;
			line-height:140%;
			box-sizing:border-box;
			text-align:left;
			margin-right:3%;
			}	
			
#footer {	clear:both;
			width: 100%; 
			margin-top:40px;
			margin-left:0px;
			text-align:center;
			padding-top:10px;
			padding-bottom:12px;
			color:#ffffff;
			background-color:#baafa6;
			font-size:1em;
			}		
		
/*********************************************************/
/* Layout  Textformatierung                             */
/*********************************************************/

#inhalt #text {
		
			line-height: 140%;
			text-align: left;
			padding: 0px 40px 60px 3px;
			margin:0;
			letter-spacing: 0.03em;
			}
			
#inhalt #text ul {
			list-style-type:disc;
			margin-left:20px;
			line-height:20px;
			padding-left:0px;
			margin-top:10px;
			}
#inhalt #text ul li{
			padding-top:5px;
			}
#inhalt #text ul li p {
			margin:0px;
			line-height:20px;
			}
#inhalt #text p.einrueckung{
			margin-top:0px;
			margin-bottom:0px;
			margin-left:20px;
			line-height:20px;
			}
			

#spalte_rechts img {
			margin-bottom:15px;
			margin-top:20px;
			}
		
.cover {
			object-fit: cover;
		}

#spalte_rechts h3 {
			font-weight:bold;
			font-size:10px;
			margin-bottom:0px;
			}
.fett{
			font-weight:bold;
			padding-right:10px;
			}
			
table {
			font-size:12px;
			color:#37271b;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
			letter-spacing: 0.5pt;
			}			
			
td.bottomline {
			border-bottom: dotted 1px #3b2d2a;
			padding-bottom:15px;
			padding-top:5px;
			}
p		{
		margin-top:15px;
		}

table	{
		border:0;
		border-collapse:collapse;
		border-spacing: 0px;
		text-align:left;
		width:100%;
		}
td		{
		vertical-align:top;
		text-align:left;
		padding-bottom:10px;
		padding-top:5px;
		font-size:12px;
		font-family:verdana,sans-serif;
		color:#25201c;
		}
td.fett{
		padding-top:10px;
		padding-left:20px; 
		font-weight:bold;
		}
			
/*-----------------------hauptmenü-----------------------------------------*/

 #nav_main ul{	margin-top:0px;
				list-style-type: none;
				text-align:right;
				text-transform:uppercase; 
				font-size:1em;
				font-weight:normal;				
				line-height: 38px;
				}
				
#nav_main li{
 				padding-right: 15px;
				letter-spacing: 0em;
				
				}
				
#nav_main li a { 
				color:#c0501f;
				/*padding-right:15px; */
				text-decoration:none;
				letter-spacing: 0em;
				width: 100%;
				}
					
#nav_main li a:visited { color: #c0501f;text-decoration:none;/* padding-right:15px;*/}
#nav_main li a:hover {text-decoration:underline; }

/*#nav_main li.ist a,  #nav_main li.ist a:visited, #nav_main li.ist a:hover, #nav_main li ist { 	
				color: #c0501f;
				color: #ffffff;
				width: 100%;
				font-size:11px;
				text-transform:uppercase; 
				font-weight:normal;
				display: block;
				width: 280px;
				/*background-image: url(img/quadrat.gif);
				background-repeat: no-repeat;
				background-position: right ;	
				padding-right: 80px;
				letter-spacing: 0.05em;
}	*/
	
/*+++++++++++++++++++++++menü impressum datenschutz ++++++++++++++++++ */
#menu ul{ 
			text-align:left;		
			padding-bottom:8px;
			padding-left:0px;
			margin:0;
			font-size:0.9em;
			letter-spacing: 0.03em;
			text-transform:uppercase;
			}
		
#menu li{
			display:inline;
			margin-left: 4px;
			padding-right:10px;
			list-style-type: none;
			line-height:12px;	
			letter-spacing: 0.05em;
			border-right:thin solid #c0501f;
			}
		
#menu li a{
			color:#c0501f;
			text-decoration: none;
			}
		
#menu li a:hover{
			color: #c0501f;	
			}
#menu li.ist, #menu li.ist a:hover { 
		/*font-weight:bold;
		color: #c0501f;*/
		}
#menu  ul li:last-child{
			border-right:0;
			padding-right:0;
			margin-right:0;
}

/* ------------Navigation Ende ------------------------------------------------*/
.einblenden {
		display:inherit;
		}
.ausblenden {
		display:none;
		}	

.clearfloat { 
	clear:both;
    height:0;
	margin:0px;
    line-height: 0px;
}

/* Beginn mobile - von desktop to mobile von Margarete Filgis
	-------------------------------------------------------- */	
	
.nav-button { display: none; } /* hide the navigation button by default */



/* to top button */
.cd-top {
		  display: inline-block;
		  height: 30px;
		  width: 30px;
		  position: fixed;
		  bottom:20px;
		  right: 20px;
		  border-radius: 50%;
		  font-size: 1.3em;
		  /* image replacement properties */
		  overflow: hidden;
		  text-align:center;
		  background: rgba(192, 80,	31, 0.5);
		  visibility: hidden;
		  opacity: 0;
		  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
		  -moz-transition: opacity .3s 0s, visibility 0s .3s;
		  transition: opacity .3s 0s, visibility 0s .3s;
  
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover .arrow-up:hover{
		  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
		  -moz-transition: opacity .3s 0s, visibility 0s 0s;
		  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
		  visibility: visible;
		  opacity: 1;
		  color:white;
}
.cd-top.cd-fade-out {
  		opacity: .5;
}
.no-touch .cd-top:hover {
		  background-color:#c0501f;
		  opacity: 1;
}

 a.cd-top {
	 	text-decoration:none;
 }




@media only screen and (min-width: 0px) and (max-width: 1260px) {
	
	#komplett { 
			width: 100%;
			}

}



@media only screen and (min-width: 0px) and (max-width: 1024px) {


	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 215px;
		left: 40px;
		width: 40px;
		height: 35px;
		background-image: url('img/icons/menu-icon-large.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 20px, 100%;
		cursor: pointer;
		border: 0 none;
		
		box-shadow: 0 0 4px rgba(50,50,50,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
		background-color:#baafa6; //c0501f;
		
	}
	
	.nav-button.open {
		background-image: url('img/icons/close-icon-large.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		background-color:#baafa6;
	}

	/* Navigation Bar
	-------------------------------------------------------- */
	#nav_main {
		width:100%;
		float: none;
		background-color: #baafa6;
		display: block;
		position: absolute;
		top: 260px;
		z-index: 998;
		clear: both;
		height:0px;
	}
	#nav_main ul{		
		text-align:left;
		font-size:1em;
	}
	
	#nav_main li {
		display: none;
		width: 90%;	
	}
	
	#nav_main li.ist{
		border-top: 1px solid #CCC;
		padding-top: 8px;
		padding-bottom: 7px;
	}

	#nav_main li a {
		display: block;
		border-top: 1px solid #CCC;
		padding-top:8px;
		padding-bottom:7px;
		padding-right: 1.5em;
		letter-spacing: 0.05em;
	}
	
	#nav_main > li:first-child { /* ">" nur die kinder nicht auch die enkel*/
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	#nav_main.open { 
		height: auto; 
		padding-top:0px;
	}
	#nav_main.open li { 
		display: block; 
	}
	
	 
					
	#nav_main li a:link { 
		color:#ffffff;
	}
						
	#nav_main li a:visited { 
		color: #ffffff; text-decoration:none;/* padding-right:15px;*/
	}
	#nav_main li a:hover {
		color:#c0501f; 
}




/*-------------Änderung -----*/
body, td	{	
			font-size:1em;
			
			}
#footer	{	
			font-size:0.8em;
			
			}
div, img	{
			border: 0;
			 width: auto; /* IE8 */
			}
#footer {	
			padding-top:0.2em;
			padding-bottom:15px;
			line-height:140%;

			}
#bilder {	 
			height:200px;
			background-size: cover;	
			}	
.row{
			overflow:hidden;
			}


#inhalt {
			width: 66%;
			margin-right:2%;
			float:left;
			padding-top:2em;
			}

#inhalt #text {
			padding: 0px 20px 10px 20px;
			margin:0;
			letter-spacing: 0em;
			}

} 


@media only screen and (min-width: 0px) and (max-width: 780px) {
/*-----------bis 780px --------------------------*/

/* Navigation Button
	-------------------------------------------------------- */
.nav-button {
			top:160px;
			left: 30px;
}
#nav_main {
			top: 210px;
			}
#bilder {	 
			height:140px;
			}
#inhalt {
			width:100%;
			padding-top:2em;
			}
#spalte_rechts {
			width:100%;
			text-align:center;
			}
#menu	{
			border-top: 1px solid #CCC;			
			}


/*+++++++++++++++++++++++menü anfahrt, kontakt, impressum ++++++++++++++++++ */
#menu  ul{
		text-align:center;
		padding-top:1.5em;
		box-sizing:border-box; 
		font-size:1em;
		height:auto;
		padding-bottom:1em;
		padding-left:0px;
		margin:0;	
}
		
#menu li{
		padding-right:18px;
		padding-left: 13px;
		font-size:0.9em;
		}
		
#menu li a:hover{
		color: #c0501f;
		}
		
#menu li.ist, #menu li.ist a:hover { 
		/*font-weight:bold;*/
		color: #c0501f;
	
		}

/* ------------Navigation Ende ------------------------------------------------*/
		
/*+++++++++++++++++++++++menü Hauptnavi ++++++++++++++++++ 
#menu{
		margin-top:55px;
		padding-top:0px;
		padding-left:0px;
		letter-spacing: 0.03em;	
		}
#menu li a{
		color: white;
		padding-left:30px;
		font-size:1.4em;
		padding-right:7px;
		padding-left:7px;
		}
#menu li.aktiv a { 
		background-color:#660000;
		}*/
	
/*+++++++++++++++++++++++menü Zweitnavi ++++++++++++++++++ 
#zweitnavi{
		height:auto;
		z-index:150;
		}
#menuzwei{
		padding-top:7px;
		padding-left:10px;
		font-size: 1em;
		letter-spacing: 0.00em;	
		padding-bottom:3px;
		}
#menuzwei li a{
		padding-top:5px; padding-bottom:5px; 
		padding-right:5px;
		padding-left:5px;
		}*/

/*+++++++++++++++++++++++menü Dritttnavi ++++++++++++++++++ */

/*++++++++++++++++++++Text ++++++++++++++++++++++++++++++++*/
h1.home 	{ 	
			
			margin-top:25px;
			margin-bottom:25px;
			}
h2 		{ 	
			line-height: 20px;
			margin-top:10px;
			 }	
h2.home { 	
			font-size:34px;
			font-weight:bold;
			margin-top:10px;
			margin-bottom:40px;
			}
h4		{
			font-size: 1.2em;
			padding: 30px 20px 40px 22px;
			}
#bildreihe{
			padding: 40px 0px 40px 10px;
			text-align:center;
			}
.ausblenden {
			display:none;
			}
td.fett{
			padding-top:10px;
			padding-left:0px; 
			font-weight:bold;
			}
.ausblenden {
			display:inherit;
			}
.einblenden {
			display:none;
			}
img {
		width:100%;
		height:auto;
}
} 

@media only screen and (min-width: 0px) and (max-width: 480px) {
/*-----------bis 780px --------------------------*/

#bilder {	 
		height:80px;
		
		}
#inhalt {
		padding-top:1em;
		}
/* Navigation Button
	-------------------------------------------------------- */
.nav-button {
			top:90px;
			left: 40px;
			}
#nav_main {
			top: 130px;
			}


} 

/* End Mobile Styles */


/* CSS Document */