*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:Inter,sans-serif;
}

/* HEADER */

.header{

position:fixed;
top:0;
width:100%;

background:#eceff3;

z-index:1000;

box-shadow:0 2px 8px rgba(0,0,0,0.05);

}

.container{

max-width:1400px;
margin:auto;
padding:0 40px;

}

.header-inner{

height:72px;

display:flex;
align-items:center;
justify-content:space-between;

}

/* LOGO */

.logo{

display:flex;
align-items:center;
gap:12px;

}

.logo img{
height:42px;
}

.logo-text{

font-family:"Libre Baskerville",serif;
font-size:22px;

}

/* MENU */

.menu{

display:flex;
gap:36px;

}

.menu a{

text-decoration:none;
color:#333;
font-weight:500;

transition:0.2s;

}

.menu a:hover{
color:#3b5fa0;
}

/* PHONE BUTTON */

.phone-button a{

background:#3b5fa0;
color:white;

padding:10px 20px;

border-radius:10px;

text-decoration:none;

font-weight:500;

transition:0.2s;

white-space:nowrap;

}

.phone-button a:hover{
background:#2f4a7a;
}

/* HAMBURGER */

.hamburger{

display:none;

flex-direction:column;
gap:5px;

cursor:pointer;

}

.hamburger span{

width:25px;
height:3px;

background:#333;

display:block;

}

/* HERO */

.hero{

margin-top:72px;

position:relative;

}

.hero img{

width:100%;
display:block;

}

/* HERO BUTTONS */

.hero-buttons{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

display:flex;
gap:24px;

}

/* BUTTONS */

.btn-primary{

background:#3b5fa0;
color:white;

padding:18px 42px;

border-radius:12px;

text-decoration:none;

font-weight:500;

transition:0.2s;

}

.btn-primary:hover{
background:#2f4a7a;
}

.btn-secondary{

border:2px solid #3b5fa0;

color:#3b5fa0;

padding:18px 42px;

border-radius:12px;

text-decoration:none;

background:white;

transition:0.2s;

}

.btn-secondary:hover{
background:#f5f7fb;
}

/* SECTIONS */

section{
scroll-margin-top:80px;
}

section img{
width:100%;
display:block;
}

/* KONTAKT */

.contact-section{
position:relative;
}

.contact-section::after{

content:"";

position:absolute;

left:0;
right:0;
bottom:0;

height:220px;

background:linear-gradient(
to top,
rgba(0,0,0,0.65),
rgba(0,0,0,0)
);

}

.contact-overlay{

position:absolute;

bottom:90px;
left:50%;

transform:translateX(-50%);

display:flex;
gap:80px;

font-size:26px;

z-index:2;

}

.contact-overlay a{

color:white;

text-decoration:none;

background:rgba(0,0,0,0.35);

padding:14px 26px;

border-radius:10px;

font-weight:500;

display:flex;
align-items:center;

transition:0.2s;

white-space:nowrap;

}

.contact-overlay a span{

margin-right:10px;
font-size:30px;

}

.contact-overlay a:hover{

background:rgba(0,0,0,0.65);
transform:translateY(-2px);

}

/* TABLET */

@media (max-width:1000px){

.hero-buttons{
flex-direction:column;
}

.contact-overlay{
font-size:22px;
gap:40px;
}

}

/* MOBILE */

@media (max-width:768px){

.menu{

position:absolute;

top:72px;
left:0;

width:100%;

background:white;

flex-direction:column;

align-items:center;

padding:20px;

display:none;

}

.menu.menu-open{
display:flex;
}

.hamburger{
display:flex;
}

.phone-button{
display:none;
}

.hero-buttons{
flex-direction:column;
}

.contact-overlay{

flex-direction:column;
gap:20px;
font-size:20px;

}

}