@import url(animate.css);


body{
	margin:0;
	padding:0;
	background:#eee;
	}

#content{
		width:100%;
		height:100vh;
		background:#FBB800;
		position:relative;
		}
		
.header{ margin-bottom:50px;}


.teilen25{width:25%;float:left;}		
.teilen33{width:33.3%;float:left;}
.teilen50{width:50%;float:left;}
		
.main{width:80%;margin:0 auto; background:#fff;padding:2%;}
.main .haus {width:90%;height:auto;} 
.main .haus img{width:100%;}
		

.logo_start {position:absolute; left:50%; top:50%;margin-left:-200px;margin-top:-50px;}

.clear{clear:both;}

#switch{position:fixed;
		top:0;right:0;
		z-index:1000;
}

ul{width:100%; padding:0;margin:0;}

li{list-style:none; display:inline;padding:0;margin:0; position:relative; float:left;width:25%;}

.haus li img {
		width:98%; 
		padding:1%;
		margin-bottom:5px;
		
		
}

h1 {font-size:20px;text-transform:uppercase;Text-align:center;}

#preis{text-size:18px; font-weight:bold;}

.preise{margin-top:20px;}
		
		
.haus .txt{ 
	position:absolute; 
	bottom:10px; 
	left:1%;
	width:98%;
	padding:2% 0;	
	text-align:center;
	font-size:16px;
	color:#000;
	background: #ccc;
	
	}
	
	hr {margin:50px 0;}

.teilen50 .logo img{width:60%;}

#back {position:fixed;top:15px;left:10px;}
#back img{ width:80px;}
	
.haus_big{width:100%; margin:0;padding:0;}
.haus_big img{width:100%;}

.size {text-align:left; width:300px; }
.size span{float:right;}
	
input{width:90%; padding:10px; margin-bottom:5px;}

label{width:100%;float:left;line-height:35px;}

input.slim{width:80px; font-size:18px;}


#checkBox{
	width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
	}
	
.radiob{
	width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
	}

.stup{
	visibility: hidden;
	height: 0;
}

#liefer object{width:100%; height:800px;}

textarea{width:100%; height:80px;}

.sign {display:none;}

*:fullscreen,
:-ms-fullscreen {
	box-sizing: border-box;
	width: 100%;

	height: 100%;
	object-fit: contain;
}

:-webkit-full-screen {
	background: #666;
}

:-moz-full-screen {
	background: yellow;
}

:-ms-fullscreen {
	background: pink;
	witdh: 90%;
	margin: 1em auto;
	object-fit: contain;
}

:fullscreen {
	/* spec */
	
	background: white;
}


@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
 
 body {margin:0;padding:0;}

 .header{ margin-bottom:0px;}
 
 .content, .main{
	font-family: Arial ;
    font-size: 10px;
	margin:0;
	padding:0;
	width:100%;
	}
#back{display:none;}


input, textarea{border:none; padding:0;}
textarea{border:1px dashed #000; padding:0;width:98%;font-size:10px;}

input.slim{width:20px; font-size:12px;}

.text{font-size:12px;margin:20px 0 20px 0;padding:2px 0;}

#haus {margin:20px 0 20px 0;}

#drucken{display:none;}

#checkBox, .radiob{
	width: 10px;
    height: 10px;
    
	}
	
label{line-height:15px;}

hr {margin:5px 0; border:none; border-bottom:1px solid #000;}


.sign {display:block;}

.main .haus img{width:100%;}

h2{margin:0;	padding:0;}

.preise{margin-top:5px;}



}