@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%;}








#wrapper{
	
	width:100%;
	height:700px;
	margin-left:auto;
	margin-right:auto;
    float:left;
	}

#container{
	
	width:100%;
	height:700px;
	float:left;
	background-image:url("../Lisa_Kastner_Quilts_Handy_2/Quilt_2_Bearbeitet.jpg");
	background-size: 70%;
	background-position:center 230px ;
	background-repeat: no-repeat;
	font-size: 90%;
	}

body {
}


.h1 p {margin-left: 14.5%;}

.h1{
    white-space: pre;
   
    float: left;
    margin-top:-45%;
    line-height: 143%;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    width:100%;
    background-color:;
    margin-bottom: 50%;
   }


.h2 p{ margin-left:14.5%;}
.h2{
    width:100%;
    white-space: pre;
   
    float: left;
    margin-top: -4.1%;
    line-height: 143%;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    
   
    
}

#Text_1_Countainer{
    width:100%;
  
}


#Text_2_Container{
    
     width:100%;
  
}
.Text_1 p{margin-left:14.5%;}
.Text_1{
    white-space: pre;
    margin-left:0% ;
    margin-right: 0%;
    font-family: source-sans-pro;
    font-size: 90%;
    margin-top: -44.5%;
    line-height: 160%;
    font-style: normal;
    font-weight: 400;
    float:left;
    width:100%;
 
}
.Text_2 p{margin-left:14.5%;}
.Text_2{
    white-space: pre;
    margin-left: ;
    font-family: source-sans-pro;
    font-size: 90%;
    margin-top: -10.5%;
    line-height: 160%;
    float:left;
    font-style: normal;
    font-weight: 400;
    width:100%;
   
}

.Footer{
	
	width:100%;
	margin-bottom:0px;
	margin-top:-4px;
	float:left;
	background-color:;
	
}

.Pfeil_oben{
	width:40px;
	margin-left:0;
	margin-top:-100px;
    display:inline;
    transition: all 0.10s ease-out;
	
}

.Pfeil_oben:active{
    
   
     margin-bottom:3%;
    
    
}




#Pfeil_Container{
    
    width:100%;
    text-align:center;
    
    
}



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



.Headline p{}
.Headline{
    text-align:center;
    padding-top: 48%;
    font-family: source-sans-pro;
    color: black;
    font-size: 145%;
    float: left;
    margin-top: 0%;
    margin-left:;
    
    font-style: normal;
    font-weight: 400;
    width:100%;
    
	}


#Pop-up p {margin-left:14.5%;}
#Pop-up{
    text-decoration: none;
    color: #AFAFAF;
    float: left;
    margin-top: -35%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 15px;	
    width:100%;
  
}



@media screen and (min-width:400px) {
    
    .h1 {margin-top:-28%;}
    .Headline { padding-top: 43%;}
    #Pop-up {  margin-top: -29%;}
    
}

@media screen and (max-width:375px){
    
    .h1 {margin-top:-38%;}


}

@media screen and (max-width:320px) {
    
    .h1 {margin-top:-55%;}
    .Headline { padding-top: 55%;}
    
}

@media screen and (min-height:640px){
    
    
     #Pop-up {  margin-top: -32%;}
    
    
}

@media screen and (min-width:414px){
    
    
      #Pop-up {  margin-top: -28%;}
    
    
}

@media screen and (min-width:768px){
    
    #container{
	
	width:100%;
	height:100%;
	float:left;
	background-image:url("../Lisa_Kastner_Quilts_Handy_2/Quilt_2_Bearbeitet.jpg");
	background-size: 60%;
	background-position:center 290px ;
	background-repeat: no-repeat;
	font-size: 90%;
       
	}
    
    
    .Headline { padding-top: 30%;}
    .h1 {margin-top:20%;}
    .h1 p {margin-left: 20%; font-size: 130%; line-height:150%;  }
    .Text_1 p{margin-left:20%;}
    .h2 p{ margin-left:20%;font-size: 130%; line-height:150%; }
    .h2 {margin-top:-12%;}
    .Text_2 p{margin-left:20%;}

    .Text_1{
    white-space: pre;
    margin-left:0% ;
    margin-right: 0%;
    font-family: source-sans-pro;
    font-size: 130%;
    margin-top: -44.5%;
    line-height: 160%;
    font-style: normal;
    font-weight: 400;
    float:left;
    width:100%;
 
}
    
    
    .Text_2{
          font-size: 130%;
          margin-top: -9%;
        
    }
    
    #Pop-up p {margin-left:20%;}
#Pop-up{
    text-decoration: none;
    color: #AFAFAF;
    float: left;
    margin-top: -22%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 130%;	
    width:100%;
  
}
    
} 






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