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

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

/*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";
    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{
	height: 130px;
	z-index: 10;
}



#uebermich {

width: 100vw;
height: 65vh;
	overflow: hidden;

}

.portfolio {
width: 100vw;
height: 1800px;
	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: auto;
	width: 1000px;
	text-align: justify;
	margin-left: 6%;
	border-left: solid 2px white;
	margin-top: 45vh;
	padding-left: 50px;
	font-family: "Montserrat-Light";
z-index: 5;
	
}



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


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



#allianz-inhalt{
	width: 1300px;
	height: auto;
	margin-top: 190px;
	left: 50%;
	display:flex;
	margin-left: -650px;
}

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

@media (min-width: 0px) and (max-width: 800px){
	
	
	#uebermich {

width: 100vw;
height: 500px;
	overflow: hidden;

}
	
	#allianz-inhalt{
	width: 440px;
		height: auto;
	margin-top: 170px;
		display: flex; 
		left:50%;
    margin-left: -210px;
}
	.portfolio {
width: 100vw;
height: 720px;
	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;
	
}

	img#titel{
		height: 75px;
	}
	
	#headline1 {
	 
	color: white; 
	font-family:"Suranna";
	font-size: 200%; 
	width: 500px;
	position: absolute;
	padding-left:5%;
	margin-top: 8vh;
}
	#text {
	overflow: hidden;
	position: absolute;
	font-size: 1.3em;
	color: #EEEEEE;
	height: 130px;
	width: 80vw;
	text-align: right;
	margin-left: -2%;
		border-left: none;
	border-right: solid 2px white;
	margin-top: 30vh;
	padding-right: 20px;
	font-family: "Montserrat-Light";
z-index: 5;
	
}
	
	

	
	#parallax {
  
  background-image: url("verpackung2.jpg");
  height: 1400px;
	width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
		overflow: hidden;
}


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

@media (min-width: 801px) and (max-width: 1250px){
	
		#parallax {
  
  background-image: url("verpackung2.jpg");
  height:1950px;
	width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
	
	#titel{
		height: 100px;
	z-index: 10;
}
	
	.zurueck {
	position: absolute;
	font-size: 1.5em;
	color: white;
	text-align: left;
	margin-left: 5vw;
	margin-top: 1850px;
	font-family: "Montserrat-Light";
}
	
	#text {
	overflow: hidden;
	position: absolute;
	font-size: 1.2em;
	color: #EEEEEE;
	height: auto;
	width: 650px;
	text-align: justify;
	margin-left: 5vw;
	border-left: solid 2px white;
	margin-top: 40vh;
	padding-left: 20px;
	font-family: "Montserrat-Light";
z-index: 5;
	
}



	
#headline1 {
	 
	color: white; 
	font-family:"Suranna";
	font-size: 280%; 
	width: 500px;
	position: absolute;
	padding-left:5vw;
	margin-top: 10vh;
}
	
	#allianz-inhalt{
		position:absolute;
	width: 800px;
		height: auto;
	margin-top: 15%;
		display: flex; 
		left:50%;
    margin-left: -400px;
}
	
		.portfolio {
width: 100vw;
height: 1150px;
	background-color: rgba(250,250,250,1.00);
	background-size: 90vw;
	background-position: center; 
position: relative;
z-index:6;	
}
	
	
}