/* Schrift */
@font-face {
  font-family: 'YanoneKaffeesatz';
  src: url('YanoneKaffeesatz-Regular.otf') format('opentype');
  font-weight: normal;
}

body {
  font-family: 'YanoneKaffeesatz', sans-serif;
  color: #7a7a7a;   /* heller als vorher */
  background: #ffffff;
  margin: 0;
}

/* Kopfbereich */
.topbar {
  height: 170px;
  background-color: #baac91;
}


.topbar a {
  display: block;
  height: 100%; /* Sorgt dafür, dass der Link so hoch wie die Topbar ist */
}

.logo {
  height: 100%;
  width: auto;
  border: none; /* Verhindert Rahmen in alten Browsern */
}

/* Inhalt */
.content {
  margin-top: 60px;
}

/* Titel */
.title {
  color: #baac91;
  font-size: 3.6rem;     /* größer */
  margin-bottom: 36px;  /* weniger Abstand */
  font-weight: 400;
}


/* Fließtext */
p {
  font-size: 2.35rem;   /* deutlich größer */
  line-height: 2.7rem;  /* enger – wichtig! */
  margin-bottom: 26px;  /* kompakter */
  font-weight: 300;
  max-width: 720px;
}



/* Kontakt */
.kontakt {
  text-align: left;   /* vorher: right */
}

.kontakt-title {
  color: #baac91;
  font-size: 1.9rem;
  margin-bottom: 8px;
}

.kontakt a {
  color: #7a7a7a;
  font-size: 2.35rem;
  text-decoration: none;
}

.kontakt a:hover {
  opacity: 0.7;
}


/* Footer */
.footer {
  margin-top: 80px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
  font-size: 1rem;
}

.footer a {
  color: #baac91;
  text-decoration: none;
}

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

  .footer {
    padding-bottom: 40px; /* mehr Abstand zum unteren Rand */
  }

}

@media (max-width: 768px) {

  .title {
    font-size: 2.6rem;       /* kleiner für lange Wörter */
    line-height: 3rem;
    word-break: break-word; /* erlaubt sauberen Umbruch */
  }

}

/* Impressum */
.impressum-block {
  max-width: 420px;
}

.impressum-title {
  color: #baac91;
  font-size: 2.4rem;
  margin-bottom: 30px;
  font-weight: 400;
}

.impressum-block p {
  font-size: 1.7rem;
  line-height: 2.2rem;
  margin-bottom: 22px;
}

.impressum-block a {
  color: #7a7a7a;
  text-decoration: none;
}

.impressum-block a:hover {
  opacity: 0.7;
}

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

  .impressum-block {
    margin-top: 40px;
  }

}