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

*{-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
	margin:0px;
	padding:0px;
	
}

body, html{margin:0;padding:0; width:100%; height:100%;}





#container{
	
	width:100%;
	height:100%;
	float:left;
	background-image:url("Quilt_Main_umgedreht.jpg");
	background-size: ;
	background-position:48% 80% ;
	background-repeat: no-repeat;
	float:left;
	font-size: 90%;
	background-size:300%;
	
}

	
p{
    font-family: source-sans-pro;
    font-style: italic;
    text-align: center;
    position:absolute;
    bottom:70%;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    font-size: 21px;
    color: white;
    font-weight: 400;
   
}
	
	

header{
	
width:100%;
height:100%;
background-image:url("Design_Element_LisaQuilts_main_neu.png");
background-repeat:no-repeat;
background-size:220%;
background-position: 50% 12%;
float:left;
}
	
nav{
	
   
	
 
   
 }

#Pfeil_up_Container{
    
   position:absolute;
   left:0; 
   right:0;
   margin-left:auto;
   margin-right:auto;
   width:40px;
   transition: all 0.10s ease-out;
   bottom:31%;
    
}

#Pfeil_up_Container:active{
    
    bottom:29%;
    
    
}






#Pfeil_right_Container{
    
    position:absolute;
    bottom:28%;
    right:42%;
    top:70%;
    transition: all 0.10s ease-out;
}

#Pfeil_right_Container:active{
    
     top:72%;
   }

.Button_Up{
	
    width:40px;
  
   
}

.Button_right{
    
    width:40px;
	
	position:absolute;
}

#Pop-up_Container{
    width:100%;
    text-align: center;
    bottom:5.5%;
    position:absolute;
    
}

#Pop-up{
    width:100%;
    text-decoration: none;
    color: white;
    font-family: source-sans-pro;
    font-size: 17px;
    font-style: normal;
    font-weight:400;
    float:left;
    display:inline;
    }

@font-face{
    font-family: "source-sans-pro";
    src: url("source-sans-pro/SourceSansPro-Regular.otf")
    
}