@media only screen and (min-width: 50.99rem) {
    #g-container-main:has(.headlines-rounded-square) {
        border-top: .5rem solid var(--secondary-color);
        border-bottom: .5rem solid var(--secondary-color);
    }
    #g-container-main:has(.headlines-rounded-square) > .g-container {
        padding: min(2vw, 28.8px) min(4vw, 57.6px)!important;
    }

    #g-container-main:has(.headlines-rounded-square) > .g-container > .g-grid {
        display: flex;
        flex-direction: row;
        gap: min(2vw, 28.8px);
    }
    #g-container-main:has(.headlines-rounded-square) > .g-container > .g-grid > .g-block:has(#g-mainbar) {
        flex: 1;
        width: unset;
    }
    #g-container-main:has(.headlines-rounded-square) > .g-container > .g-grid > .g-block:has(#g-aside) {
        max-width: 165px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #g-container-main:has(.headlines-rounded-square) #g-mainbar {
        display: flex;
        flex-direction: column;
        gap: min(2vw, 28.8px);
    }

    #g-container-main:has(.headlines-rounded-square) .news-title h2 {
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        font-size: min(3vw, 43.2px);
        font-weight: 700;
        text-transform: uppercase;
        font-variant-caps: normal;
        line-height: 1;
        letter-spacing: 1px;
        color: var(--default-white);
        text-align: center;
    }
    #g-container-main:has(.headlines-rounded-square) .button {
        background: var(--secondary-color);
        padding: min(0.75vw, 10.8px) min(3vw, 43.2px);
        border: 2px solid var(--default-white);
        border-radius: min(1.5vw, 21.6px) / 50%;
        line-height: 1;
        margin: 0;
        font-family: var(--body-font-family);
        font-weight: 600;
        font-size: min(1.5vw, 21.6px);
        box-shadow: var(--site-box-shadow);
    }
    #g-container-main:has(.headlines-rounded-square) .button:hover {
        transform: var(--default-scale);
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-container-main:has(.headlines-rounded-square) {
        border-top: .5rem solid var(--secondary-color);
        border-bottom: .5rem solid var(--secondary-color);
    }
    #g-container-main:has(.headlines-rounded-square) > .g-container {
        padding: 2rem 0!important;
    }

    #g-container-main:has(.headlines-rounded-square) #g-mainbar {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    #g-container-main:has(.headlines-rounded-square) .news-title h2 {
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        font-size: min(8vw, 115.2px);
        font-weight: 700;
        text-transform: uppercase;
        font-variant-caps: normal;
        line-height: 1;
        letter-spacing: 1px;
        color: var(--default-white);
        text-align: center;
    }
    #g-container-main:has(.headlines-rounded-square) .button {
        background: var(--secondary-color);
        padding: .5rem 1.5rem;
        border: 2px solid var(--default-white);
        border-radius: min(6vw, 86.4px) / 50%;
        line-height: 1;
        margin: 0;
        font-family: var(--body-font-family);
        font-weight: 600;
        font-size: min(5vw, 72px);
        box-shadow: var(--site-box-shadow);
    }
    #g-container-main:has(.headlines-rounded-square) .button:hover {
        transform: var(--default-scale);
    }
}

.ph-rounded-square {
    --ph-g-title-size-desktop: min(6vw, 86.4px);
    --ph-g-title-margin: 0 0 min(2vw, 28.8px) 0;

    --ph-num-cols: 3;
    --ph-gap: min(2vw, 28.8px);
    --ph-num-cols-gaps: calc(var(--ph-num-cols) - 1);
    --ph-num-cols-gaps-total: calc(var(--ph-num-cols-gaps) * var(--ph-gap));
    --ph-num-cols-gaps-quotient: calc(var(--ph-num-cols-gaps-total) / var(--ph-num-cols));
    --ph-flex: calc(100% / var(--ph-num-cols));
    --ph-vertical-flex: 1;
    --ph-flex-gap: calc(var(--ph-flex) - var(--ph-num-cols-gaps-quotient));

    --ph-border-radius: 1rem;

    --ph-background-color: #E3E3E3;

    --ph-title-padding: min(1vw, 14.4px) min(2vw, 28.8px);

    --ph-title-font-size-desktop: min(1.75vw, 25.2px);
    --ph-title-min-height: calc(var(--ph-title-font-size-desktop) * 4);
    --ph-title-border-top: 4px solid var(--secondary-color);
    --ph-title-color: var(--primary-color);
    --ph-title-font: var(--body-font-family);
    --ph-title-weight: 700;
}

@media only screen and (max-width: 50.99rem) {
    .ph-rounded-square-mobile {
        --ph-g-title-size-mobile: min(8vw, 115.2px);

        --ph-num-cols: 1;
        --ph-gap: 1rem;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ph-rounded-square {
        margin: 0;
        padding: 0;
    }
    .ph-rounded-square > .g-content {
        margin: 0;
        padding: 0;
    }
    .ph-rounded-square .g-title {
        margin: var(--ph-g-title-margin);
        padding: 0;
        color: var(--ph-g-title-color);
        font-family: var(--ph-g-title-font);
        font-size: var(--ph-g-title-size-desktop);
        font-weight: var(--ph-g-title-weight);
        text-transform: var(--ph-g-title-text-transform);
        font-variant-caps: var(--ph-g-title-variant-caps);
    }
    .ph-rounded-square .g-content-array {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        gap: var(--ph-gap);
    }
    .ph-rounded-square .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        flex: var(--ph-flex-gap);
        max-width: var(--ph-flex-gap);
        border-radius: var(--ph-border-radius);
        overflow: hidden;
        background: var(--ph-background-color);
        box-shadow: var(--ph-box-shadow);
    }
    .ph-rounded-square .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        border-radius: var(--ph-border-radius);
    }
    .ph-rounded-square .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        border-radius: var(--ph-border-radius);
    }
    .ph-rounded-square .g-array-item {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        position: relative;
        border-radius: var(--ph-border-radius);
    }
    .ph-rounded-square .g-array-item-image {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    .ph-rounded-square .g-array-item-image img {
        margin: 0;
        padding: 0;
        width: 100%;
        object-position: center;
        object-fit: cover;
        transition: .3s all ease-in-out;
    }
    .ph-rounded-square.ph-uw .g-array-item-image img {
        width: 100%;
        aspect-ratio: 3.6 / 1;
    }
    .ph-rounded-square.ph-sw .g-array-item-image img {
        width: 100%;
        aspect-ratio: 2.39 / 1;
    }
    .ph-rounded-square.ph-wide .g-array-item-image img {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
    .ph-rounded-square.ph-standard .g-array-item-image img {
        width: 100%;
        aspect-ratio: 4 / 3;
    }
    .ph-rounded-square.ph-square .g-array-item-image img {
        width: 100%;
        aspect-ratio: 1 / 1;
    }
    .ph-rounded-square.ph-portrait .g-array-item-image img {
        width: 100%;
        aspect-ratio: 3 / 4;
    }
    .ph-rounded-square .g-array-item:hover .g-array-item-image img {
        transform: var(--default-scale);
    }
    .ph-rounded-square .g-array-item-title {
        margin: 0;
        padding: var(--ph-title-padding);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-height: var(--ph-title-min-height);
        /*border-top: var(--ph-title-border-top);*/
        position: relative;
    }
    .ph-rounded-square .g-item-title {
        margin: 0;
        padding: 0;
        height: 100%;
        border: none;
        font-size: var(--ph-title-font-size-desktop);
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
    }
    .ph-rounded-square .g-array-item-title:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 25%;
        transition: .3s all ease-in-out;
        background: var(--secondary-color);
    }
    .ph-rounded-square .g-array-item:hover .g-array-item-title:before {
        width: 100%;
    }
    .ph-rounded-square .g-item-title a {
        margin: 0;
        padding: 0;
        font-size: var(--ph-title-font-size-desktop);
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
    }
    .ph-rounded-square .g-array-item-read-more {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .ph-rounded-square .g-array-item-read-more a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ph-rounded-square-mobile {
        margin: 0;
        padding: 0;
    }
    .ph-rounded-square-mobile > .g-content {
        margin: 0;
        padding: 0;
        max-width: 100%;
        /*overflow-x: scroll;
        scroll-snap-type: x mandatory;*/
    }
    .ph-rounded-square-mobile .g-title {
        margin: var(--ph-g-title-margin);
        padding: 0;
        color: var(--ph-g-title-color);
        font-family: var(--ph-g-title-font);
        font-size: var(--ph-g-title-size-mobile);
        font-weight: var(--ph-g-title-weight);
        text-transform: var(--ph-g-title-text-transform);
        font-variant-caps: var(--ph-g-title-variant-caps);
    }
    .ph-rounded-square-mobile .g-content-array {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        /*flex-wrap: nowrap;*/
        /*justify-content: center;*/
        align-items: stretch;
        gap: var(--ph-gap);
        width: 100%;
        /*max-width: calc(480vw + var(--ph-gap));*/
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        padding: 1rem min(15vw, 216px);
    }
    .ph-rounded-square-mobile .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        flex: var(--ph-flex-gap);
        width: min(80vw, 1152px);
        max-width: var(--ph-flex-gap);
        border-radius: var(--ph-border-radius);
        /*overflow: hidden;*/
        background: var(--ph-background-color);
        box-shadow: var(--ph-box-shadow);
        scroll-snap-align: center;
    }
    .ph-rounded-square-mobile .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
        height: 100%;
        width: min(80vw, 1152px);
        border-radius: var(--ph-border-radius);
    }
    .ph-rounded-square-mobile .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        border-radius: var(--ph-border-radius);
    }
    .ph-rounded-square-mobile .g-array-item {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: var(--ph-border-radius);
    }
    .ph-rounded-square-mobile .g-array-item-image {
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: 100%;
    }
    .ph-rounded-square-mobile .g-array-item-image img {
        margin: 0;
        padding: 0;
        width: 100%;
        object-position: center;
        object-fit: cover;
        transition: .3s all ease-in-out;
    }
    .ph-rounded-square-mobile.ph-uw .g-array-item-image img {
        width: min(80vw, 1152px);
        aspect-ratio: 3.6 / 1;
    }
    .ph-rounded-square-mobile.ph-sw .g-array-item-image img {
        width: min(80vw, 1152px);
        aspect-ratio: 2.39 / 1;
    }
    .ph-rounded-square-mobile.ph-wide .g-array-item-image img {
        width: min(80vw, 1152px);
        aspect-ratio: 16 / 9;
    }
    .ph-rounded-square-mobile.ph-standard .g-array-item-image img {
        width: min(80vw, 1152px);
        aspect-ratio: 4 / 3;
    }
    .ph-rounded-square-mobile.ph-square .g-array-item-image img {
        width: min(80vw, 1152px);
        aspect-ratio: 1 / 1;
    }
    .ph-rounded-square-mobile.ph-portrait .g-array-item-image img {
        width: min(80vw, 1152px);
        aspect-ratio: 3 / 4;
    }
    .ph-rounded-square-mobile .g-array-item:hover .g-array-item-image img {
        transform: var(--default-scale);
    }
    .ph-rounded-square-mobile .g-array-item-title {
        margin: 0;
        padding: var(--ph-title-padding);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-height: var(--ph-title-min-height);
        /*border-top: var(--ph-title-border-top);*/
        position: relative;
    }
    .ph-rounded-square-mobile .g-item-title {
        margin: 0;
        padding: 0;
        height: 100%;
        border: none;
        font-size: var(--ph-title-font-size-mobile);
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
    }
    .ph-rounded-square-mobile .g-array-item-title:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 25%;
        transition: .3s all ease-in-out;
        background: var(--secondary-color);
    }
    .ph-rounded-square-mobile .g-array-item:hover .g-array-item-title:before {
        width: 100%;
    }
    .ph-rounded-square-mobile .g-item-title a {
        margin: 0;
        padding: 0;
        font-size: var(--ph-title-font-size-mobile);
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
    }
    .ph-rounded-square-mobile .g-array-item-read-more {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    .ph-rounded-square-mobile .g-array-item-read-more a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-container-main:has(.headlines-hwa) > .g-container {
        padding: min(4vw, 57.6px) 5%!important;
    }

    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid {
        display: flex;
        flex-direction: row;
        gap: min(3vw, 43.2px);
    }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block:has(#g-sidebar) {
        width: unset;
    }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block:has(#g-mainbar) {
        width: unset;
    }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block:has(#g-aside) {
        flex: unset;
        width: unset;
        max-width: 165px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #g-container-main:has(.headlines-hwa) .grid-articles {
        margin-bottom: 0!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-mainbar.headlines-hwa {
        height: 100%;
    }
    #g-mainbar.headlines-hwa > .g-grid {
        height: 100%;
    }
    .headlines-hwa .calendar-widget-container {
        height: 100%;
    }
    .headlines-hwa .calendar-widget-container > .g-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: min(2vw, 28.8px);
    }
    .headlines-hwa .calendar-widget-container .g-content-array {
        flex: 1;
    }
    .headlines-hwa .calendar-widget-container .g-content-array > .g-grid {
        height: 100%;
    }
    .headlines-hwa .calendar-widget-container .g-content-array > .g-grid > .g-block {
        height: 100%;
    }
    .headlines-hwa .calendar-widget-container .g-content-array > .g-grid > .g-block > .g-content {
        height: 100%;
    }
    .headlines-hwa .calendar-widget-container .g-array-item {
        height: 100%;
    }
    .headlines-hwa .calendar-widget-container .g-array-item-text {
        height: 100%;
    }
    .headlines-hwa .calendar-widget-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: min(2vw, 28.8px);
    }
    .headlines-hwa .calendar-widget-wrapper > div:has(iframe) {
        flex: 1;
    }
}

@media only screen and (min-width: 50.99rem) {
    .headlines-hwa #ph-addpic .g-title {
        margin: var(--ph-g-title-margin);
        padding: 0;
        color: var(--ph-g-title-color);
        font-family: var(--ph-g-title-font);
        font-size: var(--ph-g-title-size);
        font-weight: var(--ph-g-title-weight);
        text-transform: var(--ph-g-title-text-transform);
        font-variant-caps: var(--ph-g-title-variant-caps);
    }
    .headlines-hwa #ph-addpic > .g-content {
        display: flex;
        flex-direction: column;
        gap: min(1vw, 14.4px);
    }
    #g-sidebar.headlines-hwa  {
        display: flex;
        flex-direction: column;
        gap: min(1vw, 14.4px);
    }
}

@media only screen and (min-width: 50.99rem) {
    .calendar-widget-container .g-title {
        margin: 0;
        padding: 0;
        line-height: 1;
    }
    .calendar-widget-container .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .calendar-widget-wrapper iframe {
        border-radius: 1.5rem;
        overflow: hidden;
        box-shadow: var(--default-box-shadow);
        height: 100%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .headlines-hwa #g-sidebar {
        display: flex;
        flex-direction: column;
        gap: min(2vw, 28.8px);
    }
    .headlines-hwa #ph-addpic {
        display: flex;
        flex-direction: column;
        gap: min(2vw, 28.8px);
    }
    .headlines-hwa #ph-addpic .g-title {
        margin: 0;
        padding: 0;
        line-height: 1;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-sidebar.headlines-hwa {
        padding: .5rem 0!important;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .headlines-hwa #ph-addpic .g-title {
        text-align: center;
        font-size: min(8vw, 115.2px);
    }

    .headlines-hwa .news-button {
        padding: 1rem;
    }

    .headlines-hwa .news-button .button {
        width: 100%;
        padding: 1rem;
        font-size: min(4vw, 57.6px);
    }
}

@media only screen and (max-width: 50.99rem) {
    .headlines-hwa .calendar-widget-wrapper iframe {
        height: min(200vw, 2880px)!important;
    }

    .headlines-hwa .widget-container {
        padding: 1rem!important;
    }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block:has(#g-aside) {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #g-container-main:has(.headlines-hwa) > .g-container {
        padding: 2rem 0!important;
    }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block {
        width: 100%;
    }
}

body {
    --headlines-section-gap: min(4vw, 57.6px);
    --headlines-section-padding: min(3vw, 43.2px) min(2vw, 28.8px);

    --headlines-section-padding-mobile: 2rem 8vw;
    --headlines-section-gap-mobile: 2rem;

    --headlines-g-title-margin: 0 0 min(1.5vw, 21.6px) 0;
    --headlines-g-title-padding: 0;
    --headlines-g-title-font-family: var(--title-font-family);
    --headlines-g-title-font-weight: 700;
    --headlines-g-title-color: var(--primary-color);
    --headlines-g-title-text-shadow: none;
    --headlines-g-title-font-size: min(2.5vw, 36px);
    --headlines-g-title-line-height: 1;
    --headlines-g-title-text-transform: none;
    --headlines-g-title-text-align: left;
    --headlines-g-title-text-decoration: none;
    --headlines-g-title-border: none;
    --headlines-g-title-bg: none;
    --headlines-g-title-border-radius: 0;
    --headlines-g-title-letter-spacing: 1px;
    --headlines-g-title-fvc: normal;

    --headlines-g-title-margin-mobile: 0 0 1rem 0;
    --headlines-g-title-padding-mobile: 0;
    --headlines-g-title-font-weight-mobile: var(--headlines-g-title-font-weight);
    --headlines-g-title-color-mobile: var(--headlines-g-title-color);
    --headlines-g-title-font-size-mobile: min(8vw, 115.2px);
    --headlines-g-title-text-align-mobile: center;

    --headlines-buttons-margin: 0;
    --headlines-buttons-padding: min(1vw, 14.4px) min(2vw, 28.8px);
    --headlines-buttons-font-family: var(--body-font-family);
    --headlines-buttons-font-weight: 700;
    --headlines-buttons-color: var(--default-white);
    --headlines-buttons-text-shadow: none;
    --headlines-buttons-text-align: center;
    --headlines-buttons-line-height: 1;
    --headlines-buttons-text-transform: uppercase;
    --headlines-buttons-fvc: normal;
    --headlines-buttons-font-size: min(1.25vw, 18px);
    --headlines-buttons-text-decoration: none;
    --headlines-buttons-border: none;
    --headlines-buttons-bg: var(--secondary-color);
    --headlines-buttons-border-radius: 0.5rem;
    --headlines-button-min-width: unset;

    --headlines-buttons-margin-mobile: 0;
    --headlines-buttons-padding-mobile: 1rem 2rem;
    --headlines-buttons-font-weight-mobile: var(--headlines-buttons-font-weight);
    --headlines-buttons-color-mobile: var(--headlines-buttons-color);
    --headlines-buttons-text-align-mobile: center;
    --headlines-buttons-font-size-mobile: min(4vw, 57.6px);
    --headlines-buttons-min-width-mobile: 100%;

    --headlines-buttons-transform-hover: var(--default-scale);
    --headlines-buttons-bg-hover: rgba(var(--secondary-color-rgb), .8);

    --default-scale: scale(1.05);
}

@media only screen and (min-width: 50.99rem) {
    #g-container-main:has(.news-to-me) > .g-container {
        padding: var(--headlines-section-padding)!important;
    }
    #g-container-main:has(.news-to-me) > .g-container > .g-grid {
        display: flex;
        flex-direction: row;
        gap: var(--headlines-section-gap);
    }
    #g-container-main:has(.news-to-me) > .g-container > .g-grid > .g-block:has(#g-sidebar) {
        width: unset;
    }
    #g-container-main:has(.news-to-me) > .g-container > .g-grid > .g-block:has(#g-mainbar) {
        width: unset;
    }
    #g-container-main:has(.news-to-me) > .g-container > .g-grid > .g-block:has(#g-aside) {
        max-width: 165px;
        flex: unset;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #g-container-main:has(.news-to-me) > .g-container > .g-grid > .g-block:has(.ec-vert) .news-to-me {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    #g-container-main:has(.news-to-me) > .g-container > .g-grid > .g-block:has(.ec-vert) .news-to-me > .g-grid:has(.ec-vert) {
        flex: 1;
    }
    #g-container-main:has(.news-to-me) .g-title {
        margin: var(--headlines-g-title-margin);
        padding: var(--headlines-g-title-padding);
        font-family: var(--headlines-g-title-font-family);
        font-weight: var(--headlines-g-title-font-weight);
        color: var(--headlines-g-title-color);
        text-shadow: var(--headlines-g-title-text-shadow);
        font-size: var(--headlines-g-title-font-size);
        line-height: var(--headlines-g-title-line-height);
        text-transform: var(--headlines-g-title-text-transform);
        text-align: var(--headlines-g-title-text-align);
        text-decoration: var(--headlines-g-title-text-decoration);
        border: var(--headlines-g-title-border);
        background: var(--headlines-g-title-bg);
        border-radius: var(--headlines-g-title-border-radius);
        letter-spacing: var(--headlines-g-title-letter-spacing);
        font-variant-caps: var(--headlines-g-title-fvc);
    }

    #g-container-main:has(.news-to-me) :is(.news-button, .calendar-button) .button {
        margin: var(--headlines-buttons-margin);
        padding: var(--headlines-buttons-padding);
        font-family: var(--headlines-buttons-font-family);
        font-weight: var(--headlines-buttons-font-weight);
        color: var(--headlines-buttons-color);
        text-shadow: var(--headlines-buttons-text-shadow);
        text-align: var(--headlines-buttons-text-align);
        line-height: var(--headlines-buttons-line-height);
        text-transform: var(--headlines-buttons-text-transform);
        font-variant-caps: var(--headlines-buttons-fvc);
        font-size: var(--headlines-buttons-font-size);
        text-decoration: var(--headlines-buttons-text-decoration);
        border: var(--headlines-buttons-border);
        background: var(--headlines-buttons-bg);
        border-radius: var(--headlines-buttons-border-radius);
        min-width: var(--headlines-button-min-width);
    }

    #g-container-main:has(.news-to-me) :is(.news-button, .calendar-button) .button:hover {
        transform: var(--headlines-buttons-transform-hover);
        background: var(--headlines-buttons-bg-hover);
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-container-main:has(.news-to-me) > .g-container {
        padding: var(--headlines-section-padding-mobile)!important;
    }
    #g-container-main:has(.news-to-me) > .g-container > .g-grid {
        display: flex;
        flex-direction: row;
        gap: var(--headlines-section-gap-mobile);
    }
    #g-container-main:has(.news-to-me) > .g-container > .g-grid > .g-block:has(#g-aside) {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #g-container-main:has(.news-to-me) .g-title {
        margin: var(--headlines-g-title-margin-mobile);
        padding: var(--headlines-g-title-padding-mobile);
        font-family: var(--headlines-g-title-font-family);
        font-weight: var(--headlines-g-title-font-weight-mobile);
        color: var(--headlines-g-title-color-mobile);
        text-shadow: var(--headlines-g-title-text-shadow);
        font-size: var(--headlines-g-title-font-size-mobile);
        line-height: var(--headlines-g-title-line-height);
        text-transform: var(--headlines-g-title-text-transform);
        text-align: var(--headlines-g-title-text-align-mobile);
        text-decoration: var(--headlines-g-title-text-decoration);
        border: var(--headlines-g-title-border);
        background: var(--headlines-g-title-bg);
        border-radius: var(--headlines-g-title-border-radius);
        letter-spacing: var(--headlines-g-title-letter-spacing);
        font-variant-caps: var(--headlines-g-title-fvc);
    }

    #g-container-main:has(.news-to-me) :is(.news-button, .calendar-button) {
        padding: 1rem 2rem 0 2rem;
    }
    #g-container-main:has(.news-to-me) :is(.news-button, .calendar-button) .button {
        margin: var(--headlines-buttons-margin-mobile);
        padding: var(--headlines-buttons-padding-mobile);
        font-family: var(--headlines-buttons-font-family);
        font-weight: var(--headlines-buttons-font-weight-mobile);
        color: var(--headlines-buttons-color-mobile);
        text-shadow: var(--headlines-buttons-text-shadow);
        text-align: var(--headlines-buttons-text-align-mobile);
        line-height: var(--headlines-buttons-line-height);
        text-transform: var(--headlines-buttons-text-transform);
        font-variant-caps: var(--headlines-buttons-fvc);
        font-size: var(--headlines-buttons-font-size-mobile);
        text-decoration: var(--headlines-buttons-text-decoration);
        border: var(--headlines-buttons-border);
        background: var(--headlines-buttons-bg);
        border-radius: var(--headlines-buttons-border-radius);
        min-width: var(--headlines-buttons-min-width-mobile);
    }

    #g-container-main:has(.news-to-me) :is(.news-button, .calendar-button) .button:hover {
        transform: var(--headlines-buttons-transform-hover);
        background: var(--headlines-buttons-bg-hover);
    }
}

body {
    --ec-padding-mobile: 0 2rem;

    --ec-items-gap: min(3vw, 43.2px);
    --ec-items-justify-content: flex-start;
    --ec-items-align-items: flex-start;

    --ec-items-gap-mobile: 1.5rem;

    --ec-item-gap: min(1.5vw, 21.6px);
    --ec-item-bg: transparent;
    --ec-item-padding: 0;
    --ec-item-margin: 0;
    --ec-item-border: none;
    --ec-item-border-radius: 0;

    --ec-item-gap-mobile: 1rem;

    --ec-badge-margin: 0;
    --ec-badge-padding: min(1vw, 14.4px);
    --ec-badge-width: unset;
    --ec-badge-min-height: 1px;
    --ec-badge-gap: min(0.25vw, 3.6px);
    --ec-badge-border-radius: 0;
    --ec-badge-bg: var(--secondary-color);
    --ec-badge-box-shadow: var(--default-box-shadow);
    --ec-badge-flex: 1;

    --ec-badge-padding-mobile: 1rem;
    --ec-badge-gap-mobile: .5rem;

    --ec-badge-day-margin: 0;
    --ec-badge-day-padding: 0;
    --ec-badge-day-order: 2;
    --ec-badge-day-color: var(--default-white);
    --ec-badge-day-font-family: var(--body-font-family);
    --ec-badge-day-font-weight: 700;
    --ec-badge-day-font-size: min(1.5vw, 21.6px);
    --ec-badge-day-line-height: 1;
    --ec-badge-day-text-transform: none;
    --ec-badge-day-text-decoration: none;
    --ec-badge-day-text-align: center;
    --ec-badge-day-text-shadow: none;
    --ec-badge-day-fvc: normal;
    --ec-badge-day-letter-spacing: normal;

    --ec-badge-day-font-size-mobile: min(5vw, 72px);

    --ec-badge-month-margin: 0;
    --ec-badge-month-padding: 0;
    --ec-badge-month-order: 1;
    --ec-badge-month-color: var(--default-white);
    --ec-badge-month-font-family: var(--body-font-family);
    --ec-badge-month-font-weight: 700;
    --ec-badge-month-font-size: min(1.5vw, 21.6px);
    --ec-badge-month-line-height: 1;
    --ec-badge-month-text-transform: none;
    --ec-badge-month-text-decoration: none;
    --ec-badge-month-text-align: center;
    --ec-badge-month-text-shadow: none;
    --ec-badge-month-fvc: normal;
    --ec-badge-month-letter-spacing: normal;

    --ec-badge-month-font-size-mobile: min(5vw, 72px);

    --ec-description-margin: 0;
    --ec-description-padding: 0;
    --ec-description-flex: 3;
    --ec-description-gap: min(0.25vw, 3.6px);

    --ec-description-gap-mobile: .5rem;

    --ec-description-title-margin: 0;
    --ec-description-title-padding: 0;
    --ec-description-title-order: 2;
    --ec-description-title-font-size: min(1.25vw, 18px);
    --ec-description-title-font-family: var(--body-font-family);
    --ec-description-title-line-height: 1;
    --ec-description-title-color: var(--default-black);
    --ec-description-title-font-weight: 400;
    --ec-description-title-letter-spacing: 1px;
    --ec-description-title-text-transform: none;
    --ec-description-title-text-decoration: none;
    --ec-description-title-text-align: left;
    --ec-description-title-text-shadow: none;
    --ec-description-title-border: none;
    --ec-description-title-bg: none;
    --ec-description-title-border-radius: 0;
    --ec-description-title-fvc: normal;

    --ec-description-title-font-size-mobile: min(4vw, 57.6px);

    --ec-description-time-margin: 0;
    --ec-description-time-padding: 0;
    --ec-description-time-order: 1;
    --ec-description-time-font-size: min(2vw, 28.8px);
    --ec-description-time-font-family: var(--body-font-family);
    --ec-description-time-color: var(--default-black);
    --ec-description-time-line-height-mobile: 1;
    --ec-description-time-font-weight-mobile: 700;
    --ec-description-time-letter-spacing-mobile: 2px;
    --ec-description-time-text-transform-mobile: none;
    --ec-description-time-text-decoration-mobile: none;
    --ec-description-time-text-align-mobile: left;
    --ec-description-time-text-shadow-mobile: none;
    --ec-description-time-fvc-mobile: normal;

    --ec-description-time-font-size-mobile: min(4vw, 57.6px);
}

@media only screen and (min-width: 50.99rem) {
    .ec-vert {
        margin: 0;
        padding: 0;
    }
    .ec-vert > div {
        margin: 0;
        padding: 0;
    }
    .ec-vert .rokminievents3 {
        margin: 0;
        padding: 0;
    }
    .ec-vert .rme-items {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: var(--ec-items-gap);
        justify-content: var(--ec-items-justify-content);
        align-items: var(--ec-items-align-items);
    }
    .ec-vert .rme-item {
        padding: var(--ec-item-padding);
        margin: var(--ec-item-margin);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: var(--ec-item-gap);
        background: var(--ec-item-bg);
        border: var(--ec-item-border);
        border-radius: var(--ec-item-border-radius);
        width: 100%;
    }
    .ec-vert .rme-badge {
        margin: var(--ec-badge-margin);
        padding: var(--ec-badge-padding);
        width: var(--ec-badge-width);
        min-height: var(--ec-badge-min-height);
        height: min-content;
        display: flex;
        flex-direction: column;
        gap: var(--ec-badge-gap);
        border-radius: var(--ec-badge-border-radius);
        flex: var(--ec-badge-flex);
        background: var(--ec-badge-bg);
        box-shadow: var(--ec-badge-box-shadow);
    }
    .ec-vert .rme-day {
        margin: var(--ec-badge-day-margin);
        padding: var(--ec-badge-day-padding);
        order: var(--ec-badge-day-order);
        color: var(--ec-badge-day-color);
        font-family: var(--ec-badge-day-font-family);
        font-weight: var(--ec-badge-day-font-weight);
        font-size: var(--ec-badge-day-font-size);
        line-height: var(--ec-badge-day-line-height);
        text-transform: var(--ec-badge-day-text-transform);
        text-decoration: var(--ec-badge-day-text-decoration);
        text-align: var(--ec-badge-day-text-align);
        text-shadow: var(--ec-badge-day-text-shadow);
        font-variant-caps: var(--ec-badge-day-fvc);
        letter-spacing: var(--ec-badge-day-letter-spacing);
    }
    .ec-vert .rme-month {
        margin: var(--ec-badge-month-margin);
        padding: var(--ec-badge-month-padding);
        order: var(--ec-badge-month-order);
        color: var(--ec-badge-month-color);
        font-family: var(--ec-badge-month-font-family);
        font-weight: var(--ec-badge-month-font-weight);
        font-size: var(--ec-badge-month-font-size);
        line-height: var(--ec-badge-month-line-height);
        text-transform: var(--ec-badge-month-text-transform);
        text-decoration: var(--ec-badge-month-text-decoration);
        text-align: var(--ec-badge-month-text-align);
        text-shadow: var(--ec-badge-month-text-shadow);
        font-variant-caps: var(--ec-badge-month-fvc);
        letter-spacing: var(--ec-badge-month-letter-spacing);
    }
    .ec-vert .rme-description {
        display: flex;
        flex-direction: column;
        gap: var(--ec-description-gap);
        margin: var(--ec-description-margin);
        padding: var(--ec-description-padding);
        flex: var(--ec-description-flex);
    }
    .ec-vert .rme-title {
        margin: var(--ec-description-title-margin);
        padding: var(--ec-description-title-padding);
        order: var(--ec-description-title-order);
        font-size: var(--ec-description-title-font-size);
        font-family: var(--ec-description-title-font-family);
        line-height: var(--ec-description-title-line-height);
        color: var(--default-black);
        font-weight: var(--ec-description-title-font-weight);
        letter-spacing: var(--ec-description-title-letter-spacing);
        text-transform: var(--ec-description-title-text-transform);
        text-decoration: var(--ec-description-title-text-decoration);
        text-align: var(--ec-description-title-text-align);
        text-shadow: var(--ec-description-title-text-shadow);
        border: var(--ec-description-title-border);
        background: var(--ec-description-title-bg);
        border-radius: var(--ec-description-title-border-radius);
        font-variant-caps: var(--ec-description-title-fvc);
    }
    .ec-vert .rme-time {
        margin: var(--ec-description-time-margin);
        padding: var(--ec-description-time-padding);
        order: var(--ec-description-time-order);
        font-size: var(--ec-description-time-font-size);
        font-family: var(--ec-description-time-font-family);
        color: var(--ec-description-time-color);
        line-height: var(--ec-description-time-line-height);
        font-weight: var(--ec-description-time-font-weight);
        letter-spacing: var(--ec-description-time-letter-spacing);
        text-transform: var(--ec-description-time-text-transform);
        text-decoration: var(--ec-description-time-text-decoration);
        text-align: var(--ec-description-time-text-align);
        text-shadow: var(--ec-description-time-text-shadow);
        font-variant-caps: var(--ec-description-time-fvc);
    }
    .ec-vert .rme-details {
        margin: 0;
        padding: 0;
        display: none!important;
    }
    .ec-vert .rme-timeline {
        margin: 0;
        padding: 0;
        display: none!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ec-vert {
        margin: 0;
        padding: var(--ec-padding-mobile);
    }
    .ec-vert > div {
        margin: 0;
        padding: 0;
    }
    .ec-vert .rokminievents3 {
        margin: 0;
        padding: 0;
    }
    .ec-vert .rme-items {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: var(--ec-items-gap-mobile);
        justify-content: var(--ec-items-justify-content);
        align-items: var(--ec-items-align-items);
    }
    .ec-vert .rme-item {
        padding: var(--ec-item-padding);
        margin: var(--ec-item-margin);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: var(--ec-item-gap-mobile);
        background: var(--ec-item-bg);
        border: var(--ec-item-border);
        border-radius: var(--ec-item-border-radius);
        width: 100%;
    }
    .ec-vert .rme-badge {
        margin: var(--ec-badge-margin);
        padding: var(--ec-badge-padding-mobile);
        width: var(--ec-badge-width);
        min-height: var(--ec-badge-min-height);
        height: min-content;
        display: flex;
        flex-direction: column;
        gap: var(--ec-badge-gap-mobile);
        border-radius: var(--ec-badge-border-radius);
        flex: var(--ec-badge-flex);
        background: var(--ec-badge-bg);
        box-shadow: var(--ec-badge-box-shadow);
    }
    .ec-vert .rme-day {
        margin: var(--ec-badge-day-margin);
        padding: var(--ec-badge-day-padding);
        order: var(--ec-badge-day-order);
        color: var(--ec-badge-day-color);
        font-family: var(--ec-badge-day-font-family);
        font-weight: var(--ec-badge-day-font-weight);
        font-size: var(--ec-badge-day-font-size-mobile);
        line-height: var(--ec-badge-day-line-height);
        text-transform: var(--ec-badge-day-text-transform);
        text-decoration: var(--ec-badge-day-text-decoration);
        text-align: var(--ec-badge-day-text-align);
        text-shadow: var(--ec-badge-day-text-shadow);
        font-variant-caps: var(--ec-badge-day-fvc);
        letter-spacing: var(--ec-badge-day-letter-spacing);
    }
    .ec-vert .rme-month {
        margin: var(--ec-badge-month-margin);
        padding: var(--ec-badge-month-padding);
        order: var(--ec-badge-month-order);
        color: var(--ec-badge-month-color);
        font-family: var(--ec-badge-month-font-family);
        font-weight: var(--ec-badge-month-font-weight);
        font-size: var(--ec-badge-month-font-size-mobile);
        line-height: var(--ec-badge-month-line-height);
        text-transform: var(--ec-badge-month-text-transform);
        text-decoration: var(--ec-badge-month-text-decoration);
        text-align: var(--ec-badge-month-text-align);
        text-shadow: var(--ec-badge-month-text-shadow);
        font-variant-caps: var(--ec-badge-month-fvc);
        letter-spacing: var(--ec-badge-month-letter-spacing);
    }
    .ec-vert .rme-description {
        display: flex;
        flex-direction: column;
        gap: var(--ec-description-gap-mobile);
        margin: var(--ec-description-margin);
        padding: var(--ec-description-padding);
        flex: var(--ec-description-flex);
    }
    .ec-vert .rme-title {
        margin: var(--ec-description-title-margin);
        padding: var(--ec-description-title-padding);
        order: var(--ec-description-title-order);
        font-size: var(--ec-description-title-font-size-mobile);
        font-family: var(--ec-description-title-font-family);
        line-height: var(--ec-description-title-line-height);
        color: var(--default-black);
        font-weight: var(--ec-description-title-font-weight);
        letter-spacing: var(--ec-description-title-letter-spacing);
        text-transform: var(--ec-description-title-text-transform);
        text-decoration: var(--ec-description-title-text-decoration);
        text-align: var(--ec-description-title-text-align);
        text-shadow: var(--ec-description-title-text-shadow);
        border: var(--ec-description-title-border);
        background: var(--ec-description-title-bg);
        border-radius: var(--ec-description-title-border-radius);
        font-variant-caps: var(--ec-description-title-fvc);
    }
    .ec-vert .rme-time {
        margin: var(--ec-description-time-margin);
        padding: var(--ec-description-time-padding);
        order: var(--ec-description-time-order);
        font-size: var(--ec-description-time-font-size-mobile);
        font-family: var(--ec-description-time-font-family);
        color: var(--ec-description-time-color);
        line-height: var(--ec-description-time-line-height);
        font-weight: var(--ec-description-time-font-weight);
        letter-spacing: var(--ec-description-time-letter-spacing);
        text-transform: var(--ec-description-time-text-transform);
        text-decoration: var(--ec-description-time-text-decoration);
        text-align: var(--ec-description-time-text-align);
        text-shadow: var(--ec-description-time-text-shadow);
        font-variant-caps: var(--ec-description-time-fvc);
    }
    .ec-vert .rme-details {
        margin: 0;
        padding: 0;
        display: none!important;
    }
    .ec-vert .rme-timeline {
        margin: 0;
        padding: 0;
        display: none!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-5 { flex: 5; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-6 { flex: 6; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-7 { flex: 7; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-8 { flex: 8; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-9 { flex: 9; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-10 { flex: 10; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-11 { flex: 11; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-12 { flex: 12; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-13 { flex: 13; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-14 { flex: 14; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-15 { flex: 15; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-16 { flex: 16; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-17 { flex: 17; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-18 { flex: 18; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-19 { flex: 19; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-20 { flex: 20; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-21 { flex: 21; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-22 { flex: 22; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-23 { flex: 23; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-24 { flex: 24; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-25 { flex: 25; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-26 { flex: 26; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-27 { flex: 27; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-28 { flex: 28; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-29 { flex: 29; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-30 { flex: 30; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-31 { flex: 31; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-32 { flex: 32; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-33 { flex: 33; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-34 { flex: 34; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-35 { flex: 35; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-36 { flex: 36; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-37 { flex: 37; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-38 { flex: 38; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-39 { flex: 39; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-40 { flex: 40; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-41 { flex: 41; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-42 { flex: 42; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-43 { flex: 43; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-44 { flex: 44; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-45 { flex: 45; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-46 { flex: 46; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-47 { flex: 47; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-48 { flex: 48; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-49 { flex: 49; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-50 { flex: 50; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-51 { flex: 51; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-52 { flex: 52; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-53 { flex: 53; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-54 { flex: 54; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-55 { flex: 55; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-56 { flex: 56; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-57 { flex: 57; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-58 { flex: 58; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-59 { flex: 59; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-60 { flex: 60; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-61 { flex: 61; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-62 { flex: 62; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-63 { flex: 63; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-64 { flex: 64; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-65 { flex: 65; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-66 { flex: 66; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-67 { flex: 67; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-68 { flex: 68; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-69 { flex: 69; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-70 { flex: 70; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-71 { flex: 71; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-72 { flex: 72; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-73 { flex: 73; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-74 { flex: 74; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-75 { flex: 75; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-76 { flex: 76; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-77 { flex: 77; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-78 { flex: 78; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-79 { flex: 79; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-80 { flex: 80; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-81 { flex: 81; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-82 { flex: 82; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-83 { flex: 83; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-84 { flex: 84; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-85 { flex: 85; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-86 { flex: 86; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-87 { flex: 87; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-88 { flex: 88; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-89 { flex: 89; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-90 { flex: 90; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-91 { flex: 91; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-92 { flex: 92; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-93 { flex: 93; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-94 { flex: 94; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-95 { flex: 95; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-96 { flex: 96; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-97 { flex: 97; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-98 { flex: 98; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-99 { flex: 99; }
    #g-container-main:has(.headlines-hwa) > .g-container > .g-grid > .g-block.size-100 { flex: 100; }
}

@media only screen and (min-width: 50.99rem) {
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-5 { flex: 5; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-6 { flex: 6; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-7 { flex: 7; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-8 { flex: 8; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-9 { flex: 9; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-10 { flex: 10; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-11 { flex: 11; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-12 { flex: 12; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-13 { flex: 13; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-14 { flex: 14; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-15 { flex: 15; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-16 { flex: 16; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-17 { flex: 17; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-18 { flex: 18; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-19 { flex: 19; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-20 { flex: 20; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-21 { flex: 21; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-22 { flex: 22; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-23 { flex: 23; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-24 { flex: 24; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-25 { flex: 25; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-26 { flex: 26; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-27 { flex: 27; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-28 { flex: 28; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-29 { flex: 29; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-30 { flex: 30; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-31 { flex: 31; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-32 { flex: 32; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-33 { flex: 33; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-34 { flex: 34; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-35 { flex: 35; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-36 { flex: 36; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-37 { flex: 37; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-38 { flex: 38; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-39 { flex: 39; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-40 { flex: 40; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-41 { flex: 41; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-42 { flex: 42; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-43 { flex: 43; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-44 { flex: 44; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-45 { flex: 45; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-46 { flex: 46; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-47 { flex: 47; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-48 { flex: 48; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-49 { flex: 49; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-50 { flex: 50; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-51 { flex: 51; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-52 { flex: 52; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-53 { flex: 53; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-54 { flex: 54; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-55 { flex: 55; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-56 { flex: 56; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-57 { flex: 57; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-58 { flex: 58; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-59 { flex: 59; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-60 { flex: 60; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-61 { flex: 61; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-62 { flex: 62; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-63 { flex: 63; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-64 { flex: 64; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-65 { flex: 65; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-66 { flex: 66; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-67 { flex: 67; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-68 { flex: 68; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-69 { flex: 69; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-70 { flex: 70; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-71 { flex: 71; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-72 { flex: 72; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-73 { flex: 73; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-74 { flex: 74; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-75 { flex: 75; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-76 { flex: 76; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-77 { flex: 77; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-78 { flex: 78; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-79 { flex: 79; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-80 { flex: 80; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-81 { flex: 81; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-82 { flex: 82; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-83 { flex: 83; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-84 { flex: 84; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-85 { flex: 85; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-86 { flex: 86; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-87 { flex: 87; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-88 { flex: 88; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-89 { flex: 89; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-90 { flex: 90; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-91 { flex: 91; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-92 { flex: 92; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-93 { flex: 93; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-94 { flex: 94; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-95 { flex: 95; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-96 { flex: 96; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-97 { flex: 97; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-98 { flex: 98; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-99 { flex: 99; }
    #g-container-main:has(.headlines-spacing) > .g-container > .g-grid > .g-block.size-100 { flex: 100; }
}

/*  */
/* headlines lower titles */
/*  */

.headlines-lower-titles-stock {

}

.headlines-lower-titles-st.ph-standard img {
    aspect-ratio: 16/12;
}

.headlines-lower-titles-st.ph-square img {
    aspect-ratio: 1/1;
}

.headlines-lower-titles-st.ph-super-wide img {
    aspect-ratio: 1600/669;
}

.headlines-lower-titles-st.ph-wide img {
    aspect-ratio: 16/9;
}

.headlines-lower-titles-st.ph-portrait img {
    aspect-ratio: 12/16;
}

.headlines-lower-titles-st img {
    object-fit: cover;
}

.headlines-lower-titles-st .g-content-array.g-joomla-articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.headlines-lower-titles-st .g-item-title a {
    pointer-events: none;
}

.headlines-lower-titles-st .button:hover {
    transform: var(--default-scale);
    transition: var(--default-transition);
}

.headlines-lower-titles-st .button {
    transition: var(--default-transition);
}

.headlines-lower-titles-st .g-joomla-articles > .g-grid .g-array-item {
    position: relative;
    margin: 0;
    display: grid;
    gap: 1.75rem;
}

.headlines-lower-titles-st .g-array-item-read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    z-index: 10;
}

.headlines-lower-titles-st .g-array-item-read-more a {
    height: 100%;
    width: 100%;
    padding: 0;
}

.headlines-lower-titles-st .g-array-item-image {
    margin: 0;
    box-shadow: var(--site-box-shadow);
    border-radius: var(--site-border-radius);
    overflow: hidden;
}

.headlines-lower-titles-st .g-joomla-articles > .g-grid {
    margin: 0;
    max-width: 600px;
    margin: initial auto;
}

.headlines-lower-titles-st .g-content-array .g-item-title {
    font-family: var(--title-font-family);
    border: none;
    text-align: left;
    font-size: clamp(2rem, 1.75vw, 2.25rem);
}

.headlines-lower-titles-st:has(.g-content-array-pagination) .g-content.g-particle {
    width: 90%;
    margin: auto;
    position: relative;
    z-index: 2;
}

.headlines-lower-titles-st .g-content-array-pagination {
    position: absolute;
    top: 33%;
    transform: translatey(-50%);
    width: 100%;
    z-index: 1;
}

/* hover */

.headlines-lower-titles-st .g-array-item:hover {
    transform: var(--default-scale);
    transition: var(--default-transition);
}

.headlines-lower-titles-st .g-array-item {
    transition: var(--default-transition);
}

/*  */

.headlines-lower-titles-st .ph-lower-titles-block {
    max-width: 1800px;
    margin: auto;
}

@media (min-width: 50.99rem) {

        #g-mainbar.headlines-lower-titles-st {
        padding: 0 3rem;
    }

}

@media (max-width: 50.99rem) {

    .headlines-lower-titles-st .g-content-array-pagination {
        display: none;
    }

    .headlines-lower-titles-st .g-content-array .g-grid:not(:first-child) .g-content {
        padding: 0;
    }

    .headlines-lower-titles-st .g-content-array.g-joomla-articles {
        padding: 1rem 12.5vw;
        width: 100%;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
    }

    .headlines-lower-titles-st:has(.g-content-array-pagination) .g-content.g-particle {
        width: auto;
    }

    .headlines-lower-titles-st .g-joomla-articles > .g-grid {
        width: 75vw;
        scroll-snap-align: center;
    }

}

/* News Title */

.headlines-lower-titles-st .news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1800px;
    padding-bottom: 1.5rem;
}

.headlines-lower-titles-st .news-title {
    color: var(--primary-color);
    font-family: var(--title-font-family);
    font-size: 3rem;
    margin: 0;
}

@media (max-width: 50.99rem) {

    .headlines-lower-titles-st .news-header {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 1rem;
        padding: 0 1rem;
    }
    
}

/*  */
/* end headlines lower titles */
/*  */

/*  */
/* grid center */
/*  */


@media (min-width: 50.99rem) {

    .g-block:has(> .grid-center) {
        display: grid;
        align-items: center;
        justify-content: center;
    }

}

@media (max-width: 50.99rem) {

    .g-block:has(> .grid-center) {
        display: grid;
        align-items: center;
        justify-content: center;
    }

}

/*  */
/* end Grid Center */
/*  */