/*
===========================================
Über uns Template Styling
===========================================
Applied to pages using "Über uns Seite" template
Matches the design of the contact page
===========================================
*/



/* Content typography */
.page-template-template-ueber-uns .entry-content,
.page-template-template-contact .entry-content {
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: var(--color-text);
}

.page-template-template-ueber-uns .entry-content p,
.page-template-template-contact .entry-content p {
    margin-bottom: 1.5rem;
}

.page-template-template-ueber-uns .entry-content h2,
.page-template-template-contact .entry-content h2 {
    font-size: 28px;
    /* font-weight: 700; */
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

.page-template-template-ueber-uns .entry-content h3,
.page-template-template-contact .entry-content h3 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: var(--color-primary);
}

/* Links styling */
.page-template-template-ueber-uns .entry-content a,
.page-template-template-contact .entry-content a {
    color: var(--color-tertiary);
    text-decoration: none;
    transition: color var(--transition-base);
}

.page-template-template-ueber-uns .entry-content a:hover,
.page-template-template-contact .entry-content a:hover {
    color: var(--color-secondary);
}

/* Lists styling */
.page-template-template-ueber-uns .entry-content ul,
.page-template-template-ueber-uns .entry-content ol,
.page-template-template-contact .entry-content ul,
.page-template-template-contact .entry-content ol {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
}

.page-template-template-ueber-uns .entry-content li,
.page-template-template-contact .entry-content li {
    margin-bottom: 0.5rem;
}

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


    .page-template-template-ueber-uns .entry-content h2,
    .page-template-template-contact .entry-content h2 {
        font-size: 28px;
    }

    .page-template-template-ueber-uns .entry-content h3,
    .page-template-template-contact .entry-content h3 {
        font-size: 24px;
    }
}