header {
	background: #000;
	 
}
 
header {
  
  color: #000;
    background-color: #fff;
	
	margin-bottom: 2rem;
}

.top-header{
    margin-bottom: 2rem;
}

.header-container {
    margin-bottom: 2rem;
    color: #000;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.header-title {
    text-align: left;
	max-width: 1400px;
    margin-top: 1rem;
	margin-left: 2rem;
	margin-bottom: 2rem;
}

header h1, header h2, header h3, header h4, header h5, header h6, header p {
    margin: 0 0 1rem;
    line-height: 1.2;
    color: #000;
}

 
 /* Container für den gesamten Header */
.top-header {
  display: flex;
  justify-content: space-between; /* Verteilt Elemente: links und rechts */
  align-items: center; /* Vertikale Zentrierung */
  padding: 10px 20px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  box-sizing: border-box;
}

/* Container für das Datum und die Uhrzeit (links) */
.top {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Linksbündig */
  font-size: 1rem;
  color: #000;
}

/* Stil für die einzelnen Zeitangaben */
#weekday, #date-month, #clock-time {
  margin-right: 15px;
  color: #000;
}

/* Stil für den Werbebanner (rechts) */
.ad-banner {
  width: 728px;
  height: 90px;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 1.2rem;
}