@charset "UTF-8";
/* CSS Document */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body { 
 background: white;
}

	@font-face {
   font-family:'Suranna';	
   src: url("../Fonts/Suranna/Suranna-Regular.ttf") format('truetype');
   
}
	
		@font-face {
   font-family:'Montserrat-Light';
   src: url("../Fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
   font-weight: normal;	
   font-style: normal;
   
}

/*Responsive*/
@media screen and (max-width: 1554px){

	
    /*Breite*/
    oll li, li a {
        width: 100%;
    }
}

@media (min-width: 1250px) and (max-width: 2500px){
	
	#bild2 {
	visibility: hidden;
	
}
	#bild3 {
	visibility: hidden;
}
	
}

/*menü*/
#menue {
	background: white;
	overflow: hidden;
	position: fixed;
	width: 100vw;
	height: 50px;
	margin-top: 0px;
	z-index: 10;
}



/*Liststyle entfernen*/
ol {
    list-style-type:none;
    margin:0;
    padding:0;
	heigth: 400px;
	margin-left:1000px;
    	margin: 0px auto;
	float: right;
	
}
/*horizontale Ansicht*/
li {
    display:inline-block;
    float: right;
    margin-right: 1px;
	text-align: right;
}

/*style Menuelinks*/
li a {

    display:block;
    min-width:120px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "Montserrat-Light";
    color:#000000;
    text-decoration: none;
	z-index: 40;
transition: width 2s;
}

/*effect_hover*/

a {
  color:#000000;
  text-decoration: none;
  position: relative;
transform: translate(-3px,-3px);

}

li a:after {
  content: ''; /* content ist leer... */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #000000;
  transition: 0.6s;
  transform: scaleX(0);


}

li a:hover:after {
  width: 100%;
  transform: scaleX(1);

}

#titel{
	z-index: 10;
}




#uebermich {
width: 100vw;
height: 55vh;
	overflow: hidden;

}

.portfolio {
width: 100vw;
height: 1500px;
	background-color: rgba(250,250,250,1.00);
	background-size: 90vw;
	background-position: center; 
position: relative;
z-index:6;	
}
img {
	position: absolute;
	margin-left: 5%;
	margin-top: 5vh;
	height: 20vh;
	
}

/*text, linie*/

#text {
	overflow: hidden;
	position: absolute;
	font-size: 1.5em;
	color: #EEEEEE;
	height: 60px;
	width: 1200px;
	text-align: justify;
	margin-left: 10vw;
	border-left: solid 2px white;
	margin-top: 45vh;
	padding-left: 20px;
	font-family: "Montserrat-Light";
z-index: 5;
	
}

#bild1 {
	width: 1300px;
	margin-top: 30vh;
	height: auto;
		left: 50%;
	display:flex;
	margin-left: -650px;

}


#headline1 {
	 
	color: white; 
	font-family:"Suranna";
	font-size: 400%;
	position: absolute;
	padding-left:10%;
	margin-top: 13vh;
}


#parallax {
  
  background-image: url("Bilder/zeichnungen2.jpg");
  height: 2350px;
	width: 100vw;
  
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}


#allianz-inhalt{
	height: 200vh;
	margin-top: 10%;
	margin-left: 30%;
}

.zurueck {
	position: absolute;
	font-size: 1.5em;
	color: black;
	text-align: left;
	margin-left: 5vw;
	margin-top: 8%;
	font-family: "Montserrat-Light";
}


@media (min-width: 0px) and (max-width: 700px){
	
	#bild1 {
	visibility: hidden;
}

#bild2 {
	visibility: hidden;
}

#bild3 {
	width: 500px;
	margin-top: 20vh;
	height: auto;
		left: 50%;
	display:flex;
	margin-left: -250px;
}
	
	.portfolio {
width: 100vw;
height: 3000px;
	background-color: rgba(250,250,250,1.00);
	background-size: 90vw;
	background-position: center; 
position: relative;
z-index:6;	
}
img {
	position: absolute;
	margin-left: 5%;
	margin-top: 5vh;
	height: 20vh;
	
}
	#parallax {
  
  background-image: url("Bilder/zeichnungen2.jpg");
  height: 3800px;
	width: 100vw;
  
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
	
	.zurueck {
	position: absolute;
	font-size: 1.5em;
	color: black;
	text-align: left;
	margin-left: 5vw;
	margin-top: 20%;
	font-family: "Montserrat-Light";
}
	#titel{
	z-index: 10;
		height: 15vw;
}
}

@media (min-width: 700px) and (max-width: 1250px){
	
	#bild2 {
	width: 700px;
	margin-top: 20vh;
	height: auto;
		left: 50%;
	display:flex;
	margin-left: -350px;
}
	
		#bild1 {
	visibility: hidden;
}
	
		#bild3 {
	visibility: hidden;
}
	
	

	
	.portfolio {
width: 100vw;
height: 1200px;
	background-color: rgba(250,250,250,1.00);
	background-size: 90vw;
	background-position: center; 
position: relative;
z-index:6;	
}
img {
	position: absolute;
	margin-left: 5%;
	margin-top: 5vh;
	height: 20vh;
	
}
	#parallax {
  
  background-image: url("Bilder/zeichnungen2.jpg");
  height: 1950px;
	width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
	
	.zurueck {
	position: absolute;
	font-size: 1.5em;
	color: black;
	text-align: left;
	margin-left: 5vw;
	margin-top: 13%;
	font-family: "Montserrat-Light";
}
	#titel{
	z-index: 10;
		height: 10vw;
}
	
}