/* =========================
   ABOUT PAGE
========================= */

.about-container{
    padding:80px 100px;
    gap:180px;
}


/* TEXT */

.about-text1{
    max-width:550px;
	
    width:100%;
	
    margin-top:100px;
	
    margin-left:-60px;
	
	font-family: Arial, sans-serif;
	
	font-size: 10px;
	
	font-weight: 600;

    text-transform: uppercase;
	
}

.about-text{

    width:70%;

    position:relative;

    z-index:10;

    margin-top:150px;

}

.about-text p{

    font-family:Arial, sans-serif;
	

    font-size:25px;

    font-weight:400;

    line-height:1.05;

    margin-bottom:50px;
}




/* CENTER LOGO */

.logo{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;

    font-size:30px;

    font-weight:normal;

    letter-spacing:0;
}


/* PHOTO */

.about-photo{

    position:absolute;
	

    right:-400px;

    top:-220px;

    width:55vw;

    opacity:0.7;

    transition:0.4s ease;

    z-index:-1;

}

.about-photo:hover{

    opacity:1;
}



/* =========================
   MOBILE VERSION
========================= */

@media screen and (max-width:768px){

/* HEADER */
 
	
header{
	
    display:flex;
        
    flex-direction:column;
	
    gap:20px;
	
	padding:20px;
	
	
}

	
    
		
.header-right{
	
    display:flex;
	
    flex-direction:column;
	
    gap:15px;
	
    align-items:flex-start;
	
	margin-top: 13.9px;
}

	
.contact{
		
		margin-top: 10px;
	}
	
	
	
.header-left{
	
    width:100%;

    display:flex;
	
    justify-content:space-between;

    align-items:flex-start;

    gap:0;
	
	margin-top: 15.5px;
	
}
	


	
.logo{
    position:relative;
	
    left:auto;
	
    transform:none;

    font-size:37px !important;
		
	margin-top: -5px;

    white-space:nowrap;
		
}
	

/* ABOUT LAYOUT */

.about-container{
    display:flex;
    flex-direction:column;
    padding:80px 20px 40px;
    gap:40px;
}

/* TEXT BLOCK */

.about-text{
    display:flex;
    flex-direction:column;
    width:100%;
    margin:0;
}

/* IMAGE FIRST */

.about-photo{
    order:-1;

    position:relative;
    width:100%;
    max-width:100%;

    top:auto;
    right:auto;

    margin:0 0 40px 0;
	
	margin-top: -70px;

    opacity:1;
    z-index:1;
}

/* TEXT */

.about-text p{
    font-size:16px;
    line-height:1.3;
    margin-bottom:15px;
}

/* IMPRESSUM */

.about-text1{
    width:100%;
    margin:20px 0 0;
    font-size:10px;
    text-transform:uppercase;
}
}