@import url('fonts.css');
body {
    font-family: 'Inter', sans-serif;
}
.gradient-text {
    background: linear-gradient(45deg, #16a085, #1abc9c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cta-button {
    background-image: linear-gradient(45deg, #16a085, #1abc9c);
}
/* Animation für das Einblenden beim Scrollen */
.reveal {
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    transition: all 1s ease;
}
.reveal.active {
    transform: translateY(0px);
    opacity: 1;
}
#datenschutz-content h1, #datenschutz-content h4, #datenschutz-content h5, #datenschutz-content h6 {
	font-size: 1rem !important;
	font-weight: 800 !important;
	margin:10px 0px 10px 0px;
}
#datenschutz-content h2, #datenschutz-content h3 {
	font-size: 1.15rem !important;
    line-height: 1.55rem !important;
	font-weight: 800 !important;
	margin:10px 0px 10px 0px;
}
.logo {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.50rem; /* Angepasst für die Landingpage */
  font-weight: 500;
  color: #333;
  letter-spacing: -1px;
  letter-spacing: -1px;
}
.logo .tld {
  font-size: 1.25rem;
  color: #29a388;
  vertical-align: middle;
  margin-left: 2px;
  text-decoration:underline;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
@media (max-width: 576px) {
  .logo {
    font-size: 1.6rem;
  }
  .logo .tld {
    font-size: 0.8rem;
  }
}