@import url(http://fonts.googleapis.com/css?family=Tangerine);
html, body
{
	width:100%;
	height:100%;
	text-align:center;
}

h1, h2, h3
{
	font-family: 'tangerine', Times New Roman, Comic Sans MS, Georgia, Georgia;
	font-style: italic;
}
	h1 {font-size: 120px;}
	h2 {font-size: 70px;}
	h3 {font-size: 50px;}
	h4 {font-size: 30px;}
	
.lipadding
{
	padding-bottom:10px;
}

a
{
	text-decoration:none;
	color: rgb(51, 51, 51);
}
a:hover
{
	text-decoration:none;
	color: orange;
}

.textshadow
{
	text-shadow: 2px 3px 3px #383838;
}

.lead
{
	font-size: 60px;
	font-family: 'tangerine', Times New Roman, Comic Sans MS, Georgia, Geneva ;
	font-style: italic;
}

.navbar 
{
	opacity: 0.9;
	background-color:#1a1a1a;
	border: none;
	color:orange;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus 
{
	color: orange;  
}
section
{
	height: auto !important;
	padding-top: 60px;
	padding-bottom: 60px;
	background-origin: content-box;
	overflow-x:hidden;
}
.paddingcircel
{
	padding-top: 20px;
	padding-bottom: 30px;
}
.paddingcontent
{
	padding-bottom: 40px;
}
.circlepadding
{
	padding-bottom:40px;
}
.tl
{
	width: auto !important;
	background-origin: content-box;
	overflow-x:hidden;
	background:url(../images/wood.jpg) repeat;
	background-color:#dbdbdb;
	max-height:40px;
	min-height:40px;
	overflow-x:hidden;
	position:relative;
	
}

#pre-home
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/stoffe.jpg) no-repeat Center;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	position:relative;
	box-shadow: inset 0px 11px 20px -4px #1B1B1B,
				inset 0px -11px 20px -4px #1B1B1B; 
}
#home
{
	min-height:60%;
}

#pre-about
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/bastelmarkt.jpg) no-repeat top;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -4px #1B1B1B,
				inset 0px -11px 20px -4px #1B1B1B; 
 
}
#about
{
	min-height:60%;
}

#pre-products
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/produkte.jpg) no-repeat Top;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -4px #1B1B1B,
				inset 0px -11px 20px -4px #1B1B1B; 
}
#products
{
	min-height:60%;
}


#pre-contact
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/baender.jpg) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
 
}
#contact
{
	min-height:60%;
	

}

#pre-basteln
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/basteln.JPG) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
 
}
#basteln
{
	min-height:60%;
	/*background:url(../images/bg3.png);*/
	background-color:#FFFDD2;
}

#pre-handarbeiten
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/handarbeiten.JPG) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
 
}
#handarbeiten
{
	min-height:60%;
	/*background:url(../images/bg5.png);*/
}

#pre-naehen
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/naehen.JPG) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
 
}
#naehen
{
	min-height:60%;
	/*background:url(../images/bg3.png);*/
	background-color:#DADAFF;
}

#pre-kerzen
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/Kerze.JPG) no-repeat top;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
 
}
#kerzen
{
	min-height:60%;
	/*background:url(../images/bg5.png);*/
}

#pre-dekoration
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/blume.jpg) no-repeat top;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
 
}
#dekoration
{
	min-height:60%;
	
	min-height:60%;
	/*background:url(../images/bg3.png);*/
	background-color:#D8FFD9;
}
	
#pre-papier
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/papier.jpg) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
 
}
#papier
{
	min-height:60%;
	/*background:url(../images/bg3.png);*/
	background-color:#FFEBEB;
}

#pre-patchwork
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/patchwork.JPG) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
 
}
#patchwork
{
	min-height:60%;
	/*background:url(../images/bg5.png);*/
}	

#pre-pixelhobby
{
	padding-top:10%;
	min-height:40%;
	background:url(../images/pixelhobby.jpg) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	color:#fff;
	background-color:#dbdbdb;
	box-shadow: inset 0px 11px 20px -5px #1B1B1B,
				inset 0px -11px 20px -5px #1B1B1B; 
}
#pixelhobby
{
	min-height:60%;
}	


@media screen and (max-device-width : 1024px) {
	#pre-home, #pre-products, #pre-about, #pre-contact, #pre-basteln, #pre-handarbeiten, #pre-naehen, #pre-kerzen, #pre-dekoration, #pre-papier, #pre-patchwork, #pre-pixelhobby {
		background-attachment: scroll;
	}
}

@media (max-width: 1920px)
{
	h1 {font-size: 120px;}
	h2 {font-size: 70px;}
	h3 {font-size: 50px;}
	h4{font-size: 40px;}
	.lead{font-size:60px;}
	.tl
	{
	max-height:40px;
	min-height:40px;
	}
	/*#home
	{
		background:url(../images/wolle.png) no-repeat bottom right;
	}*/
	
}
@media (max-width: 720px)
{
	h1 {font-size: 70px;}
	h2 {font-size: 50px;}
	h3 {font-size: 40px;}
	.lead{font-size: 40px;}
	.tl
	{
	max-height:30px;
	min-height:30px;
	}
	/*#home
	{
		background-image: none;
	}*/
}
@media (max-width: 320px)
{
	h1 {font-size: 50px;}
	h2 {font-size: 35px;}
	h3 {font-size: 30px;}
	.lead{font-size: 35px;}
	.tl
	{
	max-height:25px;
	min-height:25px;
	}
	
}