/* Content Section Styles */
.content-section {
    max-width: 1000px; /* Max width of the content section */
    margin: 5rem auto;
    line-height: 1.8;
    font-size: 1rem;
    color: #1e1e1e; /* Your text color */
}

.content-section h2, .content-section h3 {
    font-weight: bold;
    margin-top: 1.5rem;
}

.content-section h3 {
    font-size: 1.25rem;
}

.content-section p, .content-section ul {
    margin-bottom: 1rem;
}

.content-section ul {
    list-style-type: none;
    padding-left: 0;
}

.content-section ul li::before {
    content: '•'; /* Bullet point for list items */
    color: #1e1e1e;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


dt {
  float: left;
  font-weight: bold;
  margin-right: 0.5em;
}

/* und noch der Doppelpunkt */
dt::after {
  content: ": ";
}

/* ein Clearfix für Folge-dd-Elemente */
dd::after {
    clear: left;
    content: " ";
    display: block;
}

dd {
    margin-left: inherit !important;
}

/* Media query for small devices */
@media (max-width: 768px) {


    .content-section {
        margin: 2rem 1rem;
    }


}