@charset "utf-8";
/* CSS Document */


.facebook { background:url(Bilder/fb.png);
			position:fixed;
			top:2rem;
			right:0.5rem;
			height:40px;
			width:40px;}
.twitter { 	background:url(Bilder/twitter.png);
		  	position:fixed;
			top:5rem;
			right:0.5rem;
			height:40px;
			width:40px;}
.google { 	background:url(Bilder/gplus.png);
		 	position:fixed;
			top:8rem;
			right:0.5rem;
			height:40px;
			width:40px;}
.feedback { background-image:url(Bilder/feedback.png); 
			position:fixed;
			top:2rem;
			left:0.5rem;
			height:160px;
			width:40px;
			}
			
.up { background-image:url(Bilder/up.png);
	  position:fixed;
	  bottom:2rem;
	  right:0.5rem;
	  height:60px;
	  width:40px;}
						
	.google a, .twitter a, .facebook a, .feedback a, .up a { width:100%; height:100%; display:block; text-decoration:none;}
	.google a:hover { background-image:url(Bilder/gplus_hover.png);}
	.twitter a:hover { background-image:url(Bilder/twitter_hover.png);}
	.facebook a:hover { background-image:url(Bilder/fb_hover.png);}
	.feedback a:hover { background-image:url(Bilder/feedback_hover.png);}
	.up a:hover {background-image:url(Bilder/up_hover.png);}


*, *:before, *:after {	box-sizing: border-box;
						transition: width .5s ease-out;}

.arange:before, .arange:after { content:" ";display:table;}
.arange:after { clear: both; }
.arange { *zoom: 0; }



.border_top { border-top:solid #000;}
.border_right1 { border-right:solid #5C3101;}
.border_right2 { border-right:solid #5C3101;}


.pad05 {padding:0.5rem;}
.pad1  {padding:1rem;}
.pad2  {padding:2rem;}
.pad5  {padding:5rem;}
.pad_main {padding:1rem 15rem 1rem 15rem;}

.text1 {text-decoration:none;
		text-shadow: 0.1rem 0rem 0.2rem black;
		color:#FFFFCC;}

.text2 {background-color:#E6E1CA;
					font-size:2rem;
					color:#5C3101;
					font-style:italic;
					text-align:left;}
.text3 {background-color:#E6E1CA;
		font-size:2rem;
		color:#5C3101;
		font-style:italic;
		text-align:center;}
.text4 {background-color:#E6E1CA;
		color:#5C3101;
		font-style:normal;
		text-align:center;}
.text5 {text-decoration:none;
		color:#5C3101;}

.font1 { font-size:1.2rem;}


.back {	background-image:url(Bilder/banner_back.png);
		background-repeat:no-repeat;
		background-position:50%;
		height:30rem;
		margin-bottom:0rem;}


.logo {	background-image:url(Bilder/Logo.png);
		background-repeat:no-repeat;
		background-position:50%;
		height:30rem;}

#navi { background-image:url(Bilder/navi_back.png);
		background-position:50%;
		background-repeat:repeat-y;
		border-top:solid #000;
		/*height:4rem;*/
		margin:0 auto;}
		
		#navi ul {	margin:0rem;
					padding: 0rem;
					text-align:center;}

		#navi li {	display: inline-block;
					list-style-type: none;
					padding-left: 0.1rem;
					margin:0rem;}
		
		#navi li  a:link, #navi li a:visited, #navi li a:active {
					display: inline-block;
					width:12rem;
					margin-top:0.3rem;
					margin-bottom:0.3rem;
					color:#FFFFCC;
					padding-top: 0.8rem;
					padding-bottom: 0.5rem;
					font-size:1.5rem;
					text-align:center;
					vertical-align:middle;
					text-decoration:none;
					text-shadow: 0.1rem 0rem 0.2rem black;
					border:solid 0.1rem #000;
					border-radius:0.7rem;
					box-shadow: inset 0rem 0rem 0.9rem #fff;}

		#navi li a:hover {border:solid 0.1rem #000;
					background-color:#000;
					color:#E8F3DA;
					}
					
.main {	background-color:#E6E1CA;
		font-size:4rem;
		padding:1.5rem;
		color:#5C3101;
		letter-spacing:0.1rem;
		text-align:center;
		border-top:solid #000;}
		
		.main_text {background-color:#E6E1CA;
					font-size:2rem;
					color:#5C3101;
					text-align:left;}	
		
	
.foto { background-color:#E6E1CA;
		text-align: center;
		padding:1rem;
		margin:0rem;}

	.set {	margin: 0;
			padding:1.5rem;}
			
	


	.foto_setting { display: inline-block;
					/*box-shadow: 1rem 0.5rem 2rem #000;*/}

	.pichigh {height:220px;
	border:solid #000000;
	border-width:1px;}
	
	.texhigh1 { font-size:2.5rem; font-weight:bold;}
	

#foot {	background-image:url(Bilder/banner_back.png);
		background-position:50%;
		background-repeat:repeat-y;
		border-top:solid #000;
		text-align:center;}

	.foot_text {padding:0.5rem;
				font-size:1.2rem;
				text-decoration:none;
				text-shadow: 0.1rem 0rem 0.2rem black;
				color:#FFFFCC;}
			
	.foot_text a:hover { color:#000;}


.unterl { 	font:"Courier New", Courier, monospace;
			font-size:1.2rem;
			/*text-decoration:none;
			color:#FFFFCC;*/
			text-shadow: 0.2rem 0.2rem 0.2rem #000;
			padding: 0.5rem;}
			
.kontakt { 	font:"Courier New", Courier, monospace;
			text-shadow: 0.2rem 0.2rem 0.2rem #000;
			font-size:1.2rem;
			padding: 0.5rem; }


.xx { }








		
@media (min-width: 260px) {

.back {	background-repeat:no-repeat;
		background-position:50%;
		height:15rem;
		margin-bottom:0rem;}

.logo { background:url(Bilder/Logo3.png);
		background-repeat:no-repeat;
		background-position:50%;
		height:15rem;
		}
.main { font-size: 2.5rem;}
.pad_main {	padding:1rem 2rem 1rem 2rem;
		   	font-size:1.2rem;}

}
@media (max-width: 480px) {
.pichigh {height:150;}
#navi li  a:link, #navi li a:visited, #navi li a:active {
	width:8rem;}
.texhigh1 { font-size:2rem;}
	}

@media (min-width: 480px) {
	
.set.Drei_S { width:100%;}
.set.Zwei_S { width:100%;}
.pad_main {	padding:1rem 5rem 1rem 5rem;
		   	font-size:1.2rem;}

}

@media (min-width: 600px) {
	
.back {	background-repeat:no-repeat;
		background-position:50%;
		height:20rem;
		margin-bottom:0rem;}

.logo { background:url(Bilder/Logo2.png);
		background-repeat:no-repeat;
		background-position:50%;
		height:20rem;}
.main { font-size: 3.5rem;}

.set { float:left;}
}

@media (min-width: 640px) {
	

}

@media (min-width: 768px) {
	
.back {	background-repeat:no-repeat;
		background-position:50%;
		height:25rem;
		margin-bottom:0rem;}

.logo { background:url(Bilder/Logo1.png);
		background-repeat:no-repeat;
		background-position:50%;
		height:25rem;}
.main { font-size: 4rem;}


}

@media (min-width: 850px) {
	
.set.Drei_S { width:50%;}
.set.Zwei_S { width:50%;}
.pad_main {padding:1rem 10rem 1rem 10rem;
			font-size:1.5rem;}
.xx { margin-left:25%;
border-top:solid;}
			
}

@media (max-width: 850px) {

.border_right1 { border-bottom:solid #5C3101;}
.border_right1 { border-right:hidden #5C3101;}
.border_right2 { border-bottom:solid #5C3101;}	
	}

@media (min-width: 1024px) {
	
.back {	background-repeat:no-repeat;
		background-position:50%;
		height:30rem;
		margin-bottom:0rem;}

.logo { background:url(Bilder/Logo.png);
		background-repeat:no-repeat;
		background-position:50%;
		height:30rem;}
		
.pad_main {padding:1rem 15rem 1rem 15rem;}
}

@media (min-width: 1280px) {
.xx { margin-left:inherit;
		border-top:hidden;}	
.set.Zwei_S { width:50%;}
.set.Drei_S { width:33.33%;}

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

.border_right2 { border-right:hidden #5C3101;}
}