/*
 * HPN Grundraster nach der Kontaktseite:
 * - Inhalt: Divi-Row-Breite 80%, maximal 1080px
 * - Spalten: 16/24 Hauptinhalt, 8/24 Sidebar
 * - H1: 32px / 700, H2: 19px / 700, Text: 14px / 1.7
 * - Modulabstand: 30px, Seitengutter: 5.5%
 */
:root {
    --hpn-layout-width: var(--content-width, 80%);
    --hpn-layout-max: var(--content-max-width, 1080px);
    --hpn-layout-column-gap: clamp(30px, 5.5vw, 60px);
    --hpn-layout-module-gap: var(--module-gutter, 30px);
    --hpn-primary: var(--gcid-primary-color, #613e91);
    --hpn-orange: var(--gcid-8quypvcsre, #f19f39);
    --hpn-body-color: var(--gcid-body-color, #666666);
    --hpn-heading-color: var(--gcid-primary-color, #613e91);
    --hpn-surface-soft: hsl(from var(--hpn-primary) h s l / 0.18);
    --hpn-border-soft: hsl(from var(--hpn-primary) h s l / 0.16);
    --hpn-font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif;
    --hpn-font-size-body: var(--et_global_body_font_size, 14px);
    --hpn-line-height-body: var(--et_global_body_font_height, 1.7em);
    --hpn-font-weight-body: var(--et_global_body_font_weight, 500);
    --hpn-font-size-h1: 32px;
    --hpn-font-size-h2: 19px;
    --hpn-font-size-small: 13px;
}

.hpn-ag,
.hpn-ag-detail,
.hpn-kn {
    color: var(--hpn-body-color);
    font-family: var(--hpn-font-family);
    font-size: var(--hpn-font-size-body);
    font-weight: var(--hpn-font-weight-body);
    line-height: var(--hpn-line-height-body);
}

.hpn-ag-detail-page #main-content .container {
    max-width: var(--hpn-layout-max);
    width: var(--hpn-layout-width);
}

@media (min-width: 981px) {
    .hpn-ag-detail-page #left-area {
        float: none;
        padding-right: 0;
        width: 100% !important;
    }

    .hpn-ag-detail-page #sidebar,
    .hpn-ag-detail-page #main-content .container::before {
        display: none;
    }
}

@media (max-width: 980px) {
    .hpn-mobile-sidebar-first {
        flex-wrap: wrap !important;
    }

    .hpn-mobile-sidebar-first .hpn-mobile-sidebar {
        order: 1;
        width: 100% !important;
    }

    .hpn-mobile-sidebar-first .hpn-mobile-content {
        order: 2;
        width: 100% !important;
    }
}