body{
margin:0;
padding:0;
background:#FCF8F5;
font-family:"Inter",sans-serif;
color:#444;
}

.impressum-page{
width:100%;
background:#F5EFE8;
}

/* HERO */

.impressum-header{

    min-height:260px;

    background-image:url("/img/impressum_img_hero.png");
    background-repeat:no-repeat;

    background-position:center center;
    background-size:cover;

    display:flex;
    align-items:center;

}

.impressum-overlay{

    width:100%;
    height:100%;

    padding:80px 0;

    background:rgba(245,239,232,0.35);

}

.impressum-hero-content{

    max-width:1200px;
    width:100%;

    margin:0 auto;

    display:flex;
    align-items:center;

    gap:50px;

    padding:30px 60px;

}


.impressum-heart{
    width:90px;
    flex-shrink:0;
}

.impressum-heart img{
    width:100%;
}



.impressum-title img{

    width:320px;
    max-width:100%;

}

.impressum-subtitle{
    margin-top:0;
    font-size:20px;
    color:#444;
}

/* CONTENT */

.impressum-container{

max-width:1250px;

margin:-60px auto 100px;

background:#FDF9F7;

border-radius:35px;

padding:50px 60px;

box-shadow:0 10px 40px rgba(0,0,0,.04);

position:relative;


}

.impressum-grid{


display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

}

.impressum-section h2{
    font-size:20px;
    font-weight:600;
}

.impressum-section p{
    font-size:15px;
    line-height:1.45;
    margin-bottom:3px;
}

.impressum-section{
    margin-bottom:28px;
}

.impressum-section h2{

    font-family:"Playfair Display",serif;

    color:#7F8D73;

    font-size:22px;

    margin-bottom:12px;

}






.impressum-contact{

margin-top:30px;

}

.impressum-contact p{

display:flex;

align-items:center;

gap:12px;

}

.impressum-link{

color:#D6A09D;
text-decoration:none;

}

.impressum-link:hover{
text-decoration:underline;
}

.impressum-corner-heart{

position:absolute;

right:40px;

bottom:30px;

width:80px;

}

.impressum-corner-heart img{
width:100%;
}

/* MOBILE */

@media(max-width:900px){

.impressum-grid{
    grid-template-columns:1fr;
    gap:30px;
}

.impressum-container{
    padding:35px;
}

.impressum-hero-content{
    flex-direction:column;
    text-align:center;
}

.impressum-heart{
    width:90px;
}

.impressum-title img{
    max-width:350px;
}


}

@media(max-width:600px){

.impressum-container{
    padding:25px;
}

.impressum-section h2{
    font-size:28px;
}

.impressum-section p{
    font-size:17px;
}

.impressum-subtitle{
    font-size:18px;
}

}