/* Reset & Basis */
@font-face {
  font-family: "Rajdhani";
  src: url(/fonts/rajdhani-v17-latin-600.woff2) format("woff2");
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Rajdhani', sans-serif; background:#fff; }

/* HEADER MIT HINTERGRUND-BILD */
.header {
  position: relative;
  width: 100%;
  background: url('../img/WolkenHeader_big.png') center center / cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

/* Logo-Container */
.logo-container {
  padding: 20% 10% 1% 10%;
  align-items: center;
  justify-content: center;
  max-width: 60%;
}

/* Logo-Bild */
.logo {
  position: center;
  max-height: 300px; 
  width: 100%;
  display: block;
}

/* Claim */
.claim {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  color: #444;
  letter-spacing: 0.8px;
  margin: 0;
}

.contact-icon {
  position: relative;
  width: 20px;
}

/* CTA Button (optional) */
.cta-button {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 32px;
  background: #007BFF;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1.1rem;
  transition: background 0.3s;
}
.cta-button:hover { background: #0056b3; }

.ul-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

ul {
  list-style-type: disc;
  max-width: 1000px;
  margin-left: 5%;
  margin-right: 5%;
  padding-left: 20px;
  font-size: 1.5em;
}

li {
  padding: 10px;
}
/* Mobile Optimierung */
@media (max-width: 720px) {
  .logo { max-height: 300px; }
  .claim { font-size: 1.1rem; }
  .logo-container { padding: 40% 5% 2% 5%;
		    max-width: 80%;
  } 
}