*{
	padding: 0;
	margin: 0 ;
}

@font-face { font-family: Inter; src: url('Inter/Inter-VariableFont_slnt,wght.ttf'); } 


.main-headline{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Inter';
  font-size:2em;
  font-weight: 700;
  color:#000;
  margin-top: 6vh;
  text-align: center;
}

.div-text-main{
  position: relative;
  display: block;
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Inter';
  font-size:1em;
  color:#000;
  margin-top: 3vh;
}




/* FOOTER */
footer {
    text-align: center;
    padding: 20px;
    font-size: 14px;
    font-family: 'Inter';
}




/* Navigation */
header{
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    font-family: 'Inter';
}

.navbar{
    max-width:1200px;
    margin:auto;
    padding:18px 25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo a{
    text-decoration:none;
    font-size:1.5rem;
    font-weight:bold;
    color:#2563eb;
}

.nav-links{
    list-style:none;
    display:flex;
    gap:25px;
}

.nav-links a{
    text-decoration:none;
    color:#444;
    font-weight:500;
    transition:.3s;
}

.nav-links a:hover,
.nav-links a.active{
    color:#2563eb;
}

/* Inhalt */
.hero{
    text-align:center;
    padding:80px 20px;
}

.hero h1{
    font-size:2.5rem;
    margin-bottom:15px;
}

.hero p{
    color:#666;
    font-size:1.1rem;
}

/* Responsive */
@media (max-width:768px){

    .navbar{
        flex-direction:column;
        gap:20px;
    }

    .nav-links{
        flex-direction:column;
        width:100%;
        text-align:center;
        gap:15px;
    }

    .hero h1{
        font-size:2rem;
    }

}