body
{
    font-family:  Calibri, "Helvetica neue", Arial, sans-serif;
		
    opacity: 1;
	z-index: 1;
	margin: 0;
    background-color: rgb(240,240,240);
    background-image: url("pics/aluminium waagrecht2.jpg");
    background-repeat: repeat;
}

.header{
	display: inline-block;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
 	font-size: 22px;
}
.headerlink{color:rgb(255,255,255);
z-index: 2;
	}
.headerlink2{color:rgb(255,255,255);
z-index: 2;
	}
.headerlink3{color:rgb(255,255,255);
z-index: 2;}
	
.headerlink4{color:rgb(255,0,255);	
	border: 2px solid;
	padding: 5px;
	margin-top: 25%;
z-index: 2;
	}
.menu{
	position:absolute;
	cursor:grab;
	text-align: center;
	z-index: 2;
	margin-top: 3%;
	margin-left: 25%;
	margin-bottom:px;
	font-size: clamp(2.3rem, 2.8vw, 3.5rem);
	font-weight: 200;
}
.menu2{position:center;
	margin-top:5%;
	margin-left: 4%;
font-size: clamp(1.5rem, 2vw, 3.5rem); font-weight: 200;}

h1{padding-left: 20px;}
	
h2{font-weight:300;
	
	font-size: 47px;
	
	margin-top: -2px;
	margin-bottom: 13px;}


.bild{color:rgb(50, 0, 0);}

.bild2
	{width: 100%;
	margin: 1px;}

.bild3
	{position: absolute;
	width: 100%;
	margin: 1px;}
	
.frame{

    background-image: url("pics/texture 85 prozent.jpg");
    background-repeat: repeat;
	height: auto;
    width: 88%;
    border-radius: 28px;
    padding: 32px;
	margin-top: 2.7%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.element{
    color: rgb(255, 255, 255);
    display: flex;
    margin-top: 35px;
    border-radius: 10px;
    background-color: rgba(80, 72, 75,0.8);
    margin-bottom: 15px;
	width:100%;
}
.element2{ 
    display: flex;
    margin-top: 6px;
    border-radius: 10px;
    background-color: rgba(80,70,75,0.5);
	margin-bottom: 20px;
    height: 15%;}

.element3{ 
    display: flex;
    margin-top: 6%;
    border-radius: 10px;
    background-color: rgba(80,70,75,0.5);
	margin-bottom: 20px;
    height: 15%;}


.description{

	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom:15px;
	margin-left: 7px;
	text-align: left;
	font-size: 33px;
	font-weight: 200;
	padding-left: 7px;
}
.description2{
	
	padding-left: 14px;
	padding-bottom:10px;
	width: 100%;
	font-size: 47px;
	text-align: left;
	font-style: normal;
	font-weight: 300;

	color: rgb(86,237,238);
}
.foto{
    	min-width: 35%;
	max-width: 35%;
    padding-right: 5px;
    background-color: rgb(86, 86, 86);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.img
{margin-left: auto;
	margin-right: auto;
	width: 100%;
border-radius: 10px;
	z-index: 1;}

.title{
    border-radius: 0px;
}

.logo
	{margin: auto;
	margin-top: -75px;
	width: 45%;
	height: auto;
	}

.divider{
    display: none;
    width: 100%;
    height: 25px;
    background-color: black;
}

a{
    color:rgb(86,237,238);
    text-decoration: none;
}

H4
{font-size: 44px; 
	text-align: left;

color: rgb(5,120,150);
font-weight: 400;}

h5{font-size: 100px;
	font-family:  verdana,geneva,sans-serif;
	color: RGB(0,0,0);
	font-weight: 500;
	margin-left: 50px;
margin-top: -15px;
margin-bottom: -15px;
	font-weight: 400;}


@media only screen and (max-width: 1100px)
	{
.logo
	{margin: auto;
	margin-top:-80px;
	height: auto;
	width: 45%;}

.menu
	{margin-left: 15%;
		margin-top: 20px;
	margin-right: auto;
	font-size: clamp(1.0rem, 4vw, 6rem);
	font-weight: 300;
	text-align: center;
		z-index: 2;}
    
.frame{z-index: 2;
	width: 93%;
	margin-top: 15px;
 }
		
.element{display: block;}

.menu2
	{position:left;
	margin-left: 5%;
		margin-top: 4%;
	font-size: clamp(1.8rem, 4vw, 6.5rem); font-weight: 300;}
		
.description 
	{margin-left: 7px;
	width: 96%;
		font-size: 40px;
		font-weight: 300;}
		
.description2
	{padding-left:12px;}
		

    
	H4
	{font-size: 55px; 
	text-align: left;
	font-weight: 300;}
		
.foto
	{width: 100%;
	min-width: 70%;
		max-width: 70%;
	z-index: 2;}
}