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


/* insta */

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
  @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");




.ft14 {
font-size: 3em; !important;
  color:white;
  
}


i{
   color:white; !important;
}

/* read more button */

#myBtn {background: #836e7c;
	border: 2px solid #836e7c;
	padding: 0,7em ;
	margin-top: 0px;
	border-radius: 50px;
	text-transform: capitalize;
	display: inline-block;
	transition: all 0.3s ease-in-out;
    }
#more {display: none;
}



<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

html, body {
   
}


body {
 font-family: 'Roboto', sans-serif;       
    color: lavender;
  width: 1280px;
    height: 700px;
    position: fixed;

}



h1 { /*albumtitel*/
	
left: 10px;
    line-height: 0.8em;
    position: fixed;
    bottom: 10px;
    font-size: 6vw;
    font-family: serif;
   
 }


ol {
    color: white;
    position: fixed;
    
    top: 2%;
    left:12%;
    font-size: 4vw;
    line-height: 3.3vw;
}



p1 { /*Link zum Albumll*/
   color: orangered;
  left: 50%;
    position: fixed;
    top: 2%;
    right: 30px;
    text-align: justify; 
    /* text-transform: uppercase; */
font-size: 4vw;
    line-height: 3.3vw;

}

p2 { /*absatz kurzbeschreibung*/
   color: white;
  left: 50%;
    position: fixed;
    top: 15%;
    right: 30px;
    text-align: justify; 
    /* text-transform: uppercase; */
font-size: 1.3vw;
    line-height: 1.5vw;

}


p4 { /*impressum*/
 left: 14px;
    line-height: 0.8em;
    position: fixed;
    bottom: 200px;
    font-size: 2vw;
   
}

p {/*projekt.html link zum album*/
   
    position: fixed;
    left: 50px;
    font-size: 20px;

    font-family: serif;
}

iframe { /*absatz kurzbeschreibung*/

  margin-top: 10vw;
    margin-left: 1.5vw;
    margin-right: 10vw;

   

}