@media (max-width:1200px){
    .hub-header__bar{
        grid-template-columns:minmax(300px,.8fr) minmax(0,1fr) minmax(132px,auto);
        column-gap:14px;
        min-height:100px;
    }

    .hub-header__brand{
        gap:14px;
    }

    .hub-header__logo{
        width:84px;
        height:84px;
    }

    .hub-header__logo img{
        height:84px;
        max-height:84px;
    }

    .hub-header__name-kicker,
    .hub-header__name-year{
        font-size:.82rem;
    }

    .hub-header__name-main{
        font-size:1.48rem;
    }

    .hub-header__menu{
        gap:10px;
    }

    .hub-header__menu a{
        min-height:100px;
        font-size:.78rem;
    }

    .hub-header__login{
        gap:6px;
        padding:6px 10px;
        font-size:.72rem;
    }
}

@media (max-width:980px){
    .hub-header__bar{
        grid-template-columns:minmax(0,1fr) auto;
        column-gap:14px;
        min-height:88px;
    }

    .hub-header__brand{
        gap:12px;
    }

    .hub-header__logo{
        width:72px;
        height:72px;
    }

    .hub-header__logo img{
        height:72px;
        max-height:72px;
    }

    .hub-header__name-kicker,
    .hub-header__name-year{
        font-size:.74rem;
    }

    .hub-header__name-main{
        font-size:1.26rem;
    }

    .hub-header__nav{
        display:none;
    }
}

html,
body{
    max-width:100%;
}

body{
    overflow-x:hidden;
}

img,
video,
iframe,
embed{
    max-width:100%;
}

img,
video{
    height:auto;
}

iframe,
video,
embed{
    display:block;
}

button,
input,
select,
textarea{
    max-width:100%;
}

.hub-page,
.hub-front-page,
.hub-member-area,
.hub-event-form,
.hub-news-form,
.hub-register-form,
.hub-member-approval,
.hub-event-manage,
.hub-news-manage{
    overflow-wrap:break-word;
}

.wp-editor-wrap,
.wp-editor-container,
.mce-tinymce,
.quicktags-toolbar{
    max-width:100%;
}

.hub-table-wrap,
.hub-majesties-table-wrap{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

@media (max-width:1200px){
    .home-banner__content{
        width:44%;
        padding-right:34px;
        padding-left:34px;
    }

    .home-banner h1{
        font-size:3.1rem;
    }

    .home-event-card{
        gap:18px;
        padding:20px 24px;
    }

    .hub-page-hero__content{
        padding-left:40px;
    }

    .hub-page-hero h1{
        font-size:2.7rem;
    }
}

@media (max-width:980px){
    .home-banner__content{
        width:52%;
        min-height:390px;
        padding:44px 30px 72px;
    }

    .home-banner__inner,
    .home-banner__media{
        min-height:390px;
    }

    .home-banner h1{
        font-size:2.7rem;
    }

    .home-event-card{
        grid-template-columns:56px minmax(0,1fr);
    }

    .home-news__grid--count-3,
    .home-events__list,
    .hub-page-grid,
    .hub-news__grid,
    .hub-events__grid,
    .hub-board__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hub-member-area__layout{
        grid-template-columns:1fr;
    }

    .hub-member-area__column{
        display:contents;
    }

    .hub-page-hero--image{
        min-height:320px;
    }

    .hub-page-hero__content{
        padding-left:28px;
    }

    .hub-page-subnav__list{
        justify-content:flex-start;
        overflow-x:auto;
        overflow-y:visible;
        -webkit-overflow-scrolling:touch;
    }
}

@media (min-width:600px) and (max-width:980px){
    .hub-page-hero{
        padding-bottom:80px;
        overflow:visible;
    }

    .hub-page-subnav{
        position:absolute;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        max-width:none;
    }

    .hub-page-subnav .container{
        width:min(var(--container),94%);
    }

    .hub-page-subnav__list{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
        gap:8px;
        padding:9px 0;
        overflow:visible;
    }

    .hub-page-subnav__item{
        min-width:0;
    }

    .hub-page-subnav__link{
        min-height:34px;
        padding:0 14px;
        white-space:nowrap;
    }
}

@media (max-width:560px){
    .hub-page-hero{
        padding-bottom:0;
        overflow:hidden;
    }

    .hub-page-subnav{
        position:relative;
        right:auto;
        bottom:auto;
        left:auto;
    }

    .hub-page-subnav .container{
        width:100%;
    }

    .hub-page-subnav__list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-items:start;
        justify-content:stretch;
        gap:6px;
        padding:8px 16px;
        overflow:visible;
    }

    .hub-page-subnav__item{
        min-width:0;
    }

    .hub-page-subnav__link,
    .hub-page-subnav__dropdown-link{
        width:100%;
        min-height:38px;
        padding:8px 10px;
        line-height:1.2;
        text-align:center;
        white-space:normal;
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__link{
        padding-right:20px;
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__link::before{
        right:8px;
    }

    .hub-page-subnav__dropdown{
        position:static;
        width:100%;
        min-width:0;
        margin-top:6px;
        opacity:1;
        pointer-events:auto;
        transform:none;
        visibility:visible;
    }

    .hub-page-subnav__dropdown::before{
        display:none;
    }
}

@media (max-width:760px){
    .container{
        width:calc(100% - 32px);
        max-width:var(--container);
    }

    .hub-header__bar{
        grid-template-columns:1fr;
        justify-items:center;
        row-gap:12px;
        min-height:0;
        padding:14px 0 16px;
    }

    .hub-header__brand{
        width:100%;
        justify-content:center;
        gap:10px;
    }

    .hub-header__logo{
        width:62px;
        height:62px;
    }

    .hub-header__logo img{
        height:62px;
        max-height:62px;
    }

    .hub-header__name{
        min-width:0;
        white-space:normal;
        text-align:center;
    }

    .hub-header__name-line{
        align-items:center;
        gap:4px;
    }

    .hub-header__name-kicker,
    .hub-header__name-year{
        font-size:.68rem;
    }

    .hub-header__name-main{
        font-size:1.12rem;
        line-height:1.05;
    }

    .hub-header__login-wrap{
        width:100%;
        justify-content:center;
    }

    .hub-header__login{
        max-width:100%;
        min-height:36px;
        justify-content:center;
        padding:8px 12px;
        white-space:normal;
    }

    .hub-header__member{
        width:100%;
        justify-content:center;
        gap:8px;
    }

    .hub-header__member-name,
    .hub-header__member-logout{
        max-width:min(100%,180px);
        min-height:36px;
        white-space:normal;
    }

    .hub-header__nav{
        display:none;
    }

    .home-banner__inner{
        min-height:360px;
    }

    .home-banner__inner::before{
        background:linear-gradient(180deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.68) 58%,rgba(0,0,0,.88) 100%);
    }

    .home-banner__content{
        width:100%;
        min-height:360px;
        padding:42px 0 38px;
        background:rgba(0,0,0,.34);
    }

    .home-banner__media{
        position:absolute;
        inset:0;
        min-height:0;
    }

    .home-banner h1{
        max-width:100%;
        font-size:2.35rem;
        line-height:1.03;
    }

    .home-banner__subtitle{
        font-size:1rem;
    }

    .home-banner__claim{
        max-width:100%;
        font-size:.95rem;
    }

    .home-event-card{
        grid-template-columns:1fr;
        justify-items:start;
        gap:14px;
        padding:20px;
    }

    .home-event-card__logo{
        justify-self:center;
    }

    .home-event-card__details{
        min-width:0;
        width:100%;
        text-align:center;
    }

    .home-event-card__countdown{
        width:100%;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:8px;
    }

    .home-event-card__link{
        width:100%;
        white-space:normal;
    }

    .quick-links__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .quick-links__item{
        min-height:76px;
        padding:10px;
        font-size:.76rem;
        line-height:1.2;
    }

    .home-section{
        padding:38px 0;
    }

    .home-section h2,
    .hub-page-section h2,
    .hub-association-section h2,
    .hub-chronicle-section h2,
    .hub-majesties-section h2{
        font-size:1.85rem;
    }

    .home-news__grid,
    .home-news__grid--count-2,
    .home-news__grid--count-3,
    .home-events__list,
    .hub-page-grid,
    .hub-news__grid,
    .hub-events__grid,
    .hub-values__grid,
    .hub-board__grid,
    .hub-history__grid,
    .hub-majesties-info-grid,
    .hub-member-menu__grid,
    .hub-event-form__grid,
    .hub-news-form__grid,
    .hub-register-form__grid,
    .hub-rental-request__grid{
        grid-template-columns:1fr;
    }

    .hub-page-hero{
        padding:38px 0 0;
        overflow:hidden;
    }

    .hub-page-hero--image{
        min-height:0;
    }

    .hub-page-hero__overlay{
        background:linear-gradient(180deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.72) 62%,rgba(0,0,0,.88) 100%);
    }

    .hub-page-hero__content{
        padding:0 0 34px;
    }

    .hub-page-hero__kicker{
        font-size:.72rem;
    }

    .hub-page-hero h1{
        font-size:2.15rem;
        line-height:1.06;
    }

    .hub-page-subnav{
        position:relative;
        right:auto;
        bottom:auto;
        left:auto;
    }

    .hub-page-subnav .container{
        width:100%;
    }

    .hub-page-subnav__list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-items:start;
        justify-content:stretch;
        gap:6px;
        padding:8px 16px;
        overflow:visible;
    }

    .hub-page-subnav__item{
        min-width:0;
    }

    .hub-page-subnav__link,
    .hub-page-subnav__dropdown-link{
        width:100%;
        min-height:38px;
        padding:8px 10px;
        line-height:1.2;
        text-align:center;
        white-space:normal;
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__link{
        padding-right:20px;
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__link::before{
        right:8px;
    }

    .hub-page-subnav__dropdown{
        position:static;
        width:100%;
        min-width:0;
        margin-top:6px;
        opacity:1;
        pointer-events:auto;
        transform:none;
        visibility:visible;
    }

    .hub-page-subnav__dropdown::before{
        display:none;
    }

    .hub-page__content,
    .hub-events__content,
    .hub-news__content,
    .hub-event-single__content,
    .hub-news-single__content{
        padding:34px 0 54px;
    }

    .hub-info-card,
    .hub-board-card,
    .hub-event-card,
    .hub-news-card,
    .home-news__item,
    .home-events__item,
    .hub-member-area__card,
    .hub-login-form__card,
    .hub-register-form__card,
    .hub-member-approval__item,
    .hub-event-form,
    .hub-news-form,
    .hub-event-manage__item,
    .hub-news-manage__item,
    .hub-rental-request{
        padding:20px;
    }

    .hub-member-area__welcome,
    .hub-member-internal-events__item,
    .hub-member-action,
    .hub-event-manage__item,
    .hub-news-manage__item,
    .hub-member-approval__item{
        grid-template-columns:1fr;
    }

    .hub-member-area__welcome{
        justify-items:start;
    }

    .hub-member-action{
        gap:10px;
    }

    .hub-member-action__arrow{
        justify-self:start;
    }

    .hub-event-form__actions,
    .hub-news-form__actions,
    .hub-login-form__actions,
    .hub-register-form__actions,
    .hub-member-approval__actions,
    .hub-event-manage__actions,
    .hub-news-manage__actions,
    .hub-rental-request__actions{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
    }

    .hub-event-card__button,
    .hub-event-single__button,
    .hub-news-card__button,
    .hub-member-button,
    .hub-member-menu__button,
    .hub-login-form__card input[type="submit"],
    .hub-login-form__button,
    .hub-event-form button,
    .hub-news-form button,
    .hub-register-form__actions button,
    .hub-member-approval__actions button,
    .hub-rental-request button{
        width:100%;
        min-height:44px;
        white-space:normal;
    }

    .hub-event-form__file,
    .hub-event-form input[type="file"],
    .hub-news-form input[type="file"]{
        width:100%;
        max-width:100%;
    }

    .hub-event-form__editor,
    .hub-news-form__editor,
    .wp-editor-wrap,
    .wp-editor-container,
    .wp-editor-tabs,
    .quicktags-toolbar,
    textarea.wp-editor-area{
        width:100%;
        max-width:100%;
        min-width:0;
    }

    .hub-event-form__editor iframe,
    .hub-news-form__editor iframe{
        max-width:100%;
    }

    .hub-page__content table,
    .hub-member-area table,
    .hub-member-approval table,
    .hub-event-manage table,
    .hub-news-manage table{
        display:block;
        width:100%;
        max-width:100%;
        overflow-x:auto;
        white-space:nowrap;
        -webkit-overflow-scrolling:touch;
    }
}

@media (min-width:600px) and (max-width:760px){
    .hub-page-hero{
        padding:48px 0 80px;
        overflow:visible;
    }

    .hub-page-hero--image{
        min-height:320px;
    }

    .hub-page-hero__content{
        padding-left:28px;
    }

    .hub-page-subnav{
        position:absolute;
        right:0;
        bottom:0;
        left:0;
        width:100%;
    }

    .hub-page-subnav .container{
        width:min(var(--container),94%);
    }

    .hub-page-subnav__list{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
        gap:8px;
        padding:9px 0;
        overflow:visible;
    }

    .hub-page-subnav__item{
        position:relative;
        flex:0 0 auto;
    }

    .hub-page-subnav__link{
        width:auto;
        min-height:34px;
        padding:0 14px;
        line-height:1.2;
        white-space:nowrap;
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__link{
        padding-right:30px;
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__link::before{
        display:block;
        right:14px;
    }

    .hub-page-subnav__dropdown{
        position:absolute;
        top:calc(100% + 10px);
        left:0;
        width:auto;
        min-width:220px;
        margin-top:0;
        opacity:0;
        pointer-events:none;
        transform:translateY(-6px);
        visibility:hidden;
    }

    .hub-page-subnav__item:hover > .hub-page-subnav__dropdown,
    .hub-page-subnav__item:focus-within > .hub-page-subnav__dropdown{
        opacity:1;
        pointer-events:auto;
        transform:translateY(0);
        visibility:visible;
    }

    .hub-page-subnav__dropdown::before{
        display:block;
    }

    .hub-page-subnav__dropdown-link{
        width:auto;
        justify-content:flex-start;
        min-height:38px;
        padding:0 12px;
        text-align:left;
        white-space:nowrap;
    }
}

@media (max-width:560px){
    .container{
        width:calc(100% - 24px);
        max-width:var(--container);
    }

    .hub-header__bar{
        padding-top:12px;
    }

    .hub-header__logo{
        width:54px;
        height:54px;
    }

    .hub-header__logo img{
        height:54px;
        max-height:54px;
    }

    .hub-header__name-main{
        font-size:1rem;
    }

    .hub-header__member{
        display:grid;
        grid-template-columns:1fr;
        justify-items:center;
    }

    .hub-header__member-name,
    .hub-header__member-logout,
    .hub-header__login{
        width:100%;
    }

    .home-banner__inner,
    .home-banner__content{
        min-height:320px;
    }

    .home-banner h1{
        font-size:2.05rem;
    }

    .home-banner__eyebrow{
        margin-bottom:10px;
        font-size:.7rem;
    }

    .home-event-card__countdown strong{
        font-size:1.42rem;
    }

    .home-event-card__countdown span{
        font-size:.58rem;
    }

    .hub-page-hero h1{
        font-size:1.9rem;
    }

    .hub-page-subnav__list{
        grid-template-columns:1fr;
        padding-right:12px;
        padding-left:12px;
    }

    .hub-board .hub-board-card,
    .hub-values-source,
    .hub-member-area__welcome{
        grid-template-columns:1fr;
    }

    .hub-board .hub-board-card{
        justify-items:start;
    }

    .hub-majesties-table{
        min-width:0;
    }
}

@media (max-width:420px){
    .container{
        width:calc(100% - 20px);
        max-width:var(--container);
    }

    .hub-header__brand{
        flex-direction:column;
    }

    .hub-header__name-main{
        font-size:.96rem;
    }

    .home-banner h1{
        font-size:1.82rem;
    }

    .home-event-card{
        padding:18px;
    }

    .quick-links__grid{
        grid-template-columns:1fr;
    }

    .home-section h2,
    .hub-page-section h2,
    .hub-association-section h2,
    .hub-chronicle-section h2,
    .hub-majesties-section h2{
        font-size:1.62rem;
    }

    .hub-page-hero{
        padding-top:32px;
    }

    .hub-page-hero h1{
        font-size:1.68rem;
    }

    .hub-info-card,
    .hub-board-card,
    .hub-event-card,
    .hub-news-card,
    .home-news__item,
    .home-events__item,
    .hub-member-area__card,
    .hub-login-form__card,
    .hub-register-form__card,
    .hub-member-approval__item,
    .hub-event-form,
    .hub-news-form,
    .hub-event-manage__item,
    .hub-news-manage__item,
    .hub-rental-request{
        padding:18px;
    }
}

@media (max-width:480px){
    body{
        overflow-x:hidden;
    }

    .hub-header{
        background:#01120e;
    }

    .hub-header__bar{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:12px;
        min-height:0;
        padding:12px 0 14px;
    }

    .hub-header__brand{
        width:100%;
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:7px;
        text-align:center;
    }

    .hub-header__logo{
        width:78px;
        height:78px;
    }

    .hub-header__logo .custom-logo-link{
        max-width:78px;
    }

    .hub-header__logo img{
        width:auto;
        max-width:78px;
        height:78px;
        max-height:78px;
    }

    .hub-header__name{
        width:100%;
        min-width:0;
        align-items:center;
        gap:1px;
        white-space:normal;
        overflow-wrap:normal;
        text-align:center;
    }

    .hub-header__name-line{
        width:100%;
        min-width:0;
        align-items:center;
        gap:3px;
    }

    .hub-header__name-kicker,
    .hub-header__name-year{
        font-size:.62rem;
        line-height:1.15;
    }

    .hub-header__name-main{
        width:100%;
        max-width:100%;
        font-size:.96rem;
        line-height:1.08;
        white-space:normal;
        overflow-wrap:normal;
    }

    .hub-header__login-wrap{
        position:static;
        width:100%;
        min-width:0;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .hub-header__login{
        position:static;
        width:100%;
        max-width:230px;
        min-height:38px;
        justify-content:center;
        padding:8px 10px;
        font-size:.72rem;
        line-height:1.2;
        text-align:center;
        white-space:normal;
        transform:none;
    }

    .hub-header__member{
        position:static;
        width:100%;
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:8px;
        transform:none;
    }

    .hub-header__member-name,
    .hub-header__member-logout{
        width:100%;
        max-width:230px;
        min-height:38px;
        padding:8px 10px;
        font-size:.7rem;
        line-height:1.2;
        white-space:normal;
    }

    .home-banner,
    .home-banner__inner,
    .hub-page-hero,
    .hub-page-hero--image{
        background:#030303;
    }

    .home-banner__inner{
        min-height:0;
        overflow:hidden;
    }

    .home-banner__inner::before,
    .home-banner__media,
    .home-banner__media img,
    .hub-page-hero__media-wrap,
    .hub-page-hero__media,
    .hub-page-hero__overlay{
        display:none;
    }

    .home-banner__content{
        width:100%;
        min-height:220px;
        justify-content:center;
        padding:30px 0 32px;
        background:#030303;
        text-align:center;
    }

    .home-banner__eyebrow{
        margin-bottom:8px;
        font-size:.64rem;
        line-height:1.2;
    }

    .home-banner h1{
        font-size:1.88rem;
        line-height:1.08;
    }

    .home-banner__subtitle{
        margin-top:12px;
        font-size:.92rem;
        line-height:1.25;
    }

    .home-banner__claim{
        margin-top:14px;
        font-size:.88rem;
        line-height:1.45;
    }

    .hub-page-hero{
        padding:28px 0 0;
        overflow:hidden;
    }

    .hub-page-hero--image{
        display:block;
        min-height:0;
    }

    .hub-page-hero__content{
        width:100%;
        max-width:100%;
        margin-right:auto;
        margin-left:auto;
        padding:0 0 26px;
        text-align:center;
    }

    .hub-page-hero__kicker{
        margin-bottom:8px;
        font-size:.64rem;
        line-height:1.2;
        text-align:center;
    }

    .hub-page-hero h1{
        max-width:100%;
        margin-right:auto;
        margin-left:auto;
        font-size:1.72rem;
        line-height:1.08;
        text-align:center;
    }
}

@media (max-width:360px){
    .hub-header__bar{
        gap:10px;
        padding-top:10px;
        padding-bottom:12px;
    }

    .hub-header__logo{
        width:74px;
        height:74px;
    }

    .hub-header__logo .custom-logo-link{
        max-width:74px;
    }

    .hub-header__logo img{
        max-width:74px;
        height:74px;
        max-height:74px;
    }

    .hub-header__name-kicker,
    .hub-header__name-year{
        font-size:.58rem;
    }

    .hub-header__name-main{
        font-size:.88rem;
    }

    .hub-header__login,
    .hub-header__member-name,
    .hub-header__member-logout{
        max-width:210px;
        min-height:36px;
        font-size:.68rem;
    }

    .home-banner__content{
        min-height:200px;
        padding:26px 0 28px;
    }

    .home-banner h1{
        font-size:1.66rem;
    }

    .home-banner__subtitle{
        font-size:.86rem;
    }

    .home-banner__claim{
        font-size:.82rem;
    }

    .hub-page-hero{
        padding-top:24px;
    }

    .hub-page-hero__content{
        padding-bottom:22px;
    }

    .hub-page-hero h1{
        font-size:1.52rem;
    }
}

@media (max-width:330px){
    .container{
        width:calc(100% - 18px);
    }

    .hub-header__name-main{
        font-size:.82rem;
    }

    .hub-header__login,
    .hub-header__member-name,
    .hub-header__member-logout{
        max-width:200px;
    }

    .home-banner h1{
        font-size:1.54rem;
    }

    .hub-page-hero h1{
        font-size:1.42rem;
    }
}

.hub-page-subnav__toggle{
    display:none;
}

@media (max-width:560px){
    .hub-header__login-wrap{
        display:none;
    }

    .hub-page-subnav__item--mobile-only{
        display:block;
    }

    .hub-page-subnav__item--member-desktop,
    .hub-page-subnav__item--slug-start,
    .hub-page-subnav__item--slug-galerie,
    .hub-page-subnav__item--slug-aktuelles{
        display:none;
    }

    .hub-page-subnav__item--slug-verein{
        order:1;
    }

    .hub-page-subnav__item--slug-termine{
        order:2;
    }

    .hub-page-subnav__item--slug-schuetzenheim{
        order:3;
    }

    .hub-page-subnav__item--slug-kontakt{
        order:4;
    }

    .hub-page-subnav__item--mobile-member{
        order:5;
    }

    .hub-page-subnav__item--has-children{
        position:relative;
        display:block;
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__link{
        width:100%;
        padding-right:48px;
        padding-left:48px;
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__link::before{
        display:none;
    }

    .hub-page-subnav__toggle{
        position:absolute;
        top:0;
        right:0;
        display:flex;
        width:38px;
        min-width:38px;
        min-height:38px;
        align-items:center;
        justify-content:center;
        border:1px solid rgba(191,155,77,.26);
        border-radius:var(--button-radius);
        background:rgba(191,155,77,.1);
        color:rgba(245,244,239,.9);
        cursor:pointer;
        padding:0;
    }

    .hub-page-subnav__toggle-icon{
        width:8px;
        height:8px;
        border-right:1px solid currentColor;
        border-bottom:1px solid currentColor;
        transform:translateY(-2px) rotate(45deg);
        transition:transform .18s ease;
    }

    .hub-page-subnav__toggle[aria-expanded="true"]{
        color:var(--gold);
        background:rgba(191,155,77,.16);
        border-color:rgba(191,155,77,.42);
    }

    .hub-page-subnav__toggle[aria-expanded="true"] .hub-page-subnav__toggle-icon{
        transform:translateY(2px) rotate(225deg);
    }

    .hub-page-subnav__item--has-children > .hub-page-subnav__dropdown{
        display:none;
        margin-top:6px;
    }

    .hub-page-subnav__item--has-children.is-open > .hub-page-subnav__dropdown{
        display:grid;
        gap:4px;
    }
}

@media (max-width:480px){
    .hub-header__bar,
    .hub-header__brand,
    .hub-header__login-wrap,
    .hub-header__member{
        align-items:center;
        text-align:center;
    }

    .hub-header__login,
    .hub-header__member-name,
    .hub-header__member-logout{
        margin-right:auto;
        margin-left:auto;
    }

    .hub-page-subnav__dropdown{
        width:100%;
        padding-right:0;
        padding-left:0;
        text-align:center;
    }

    .hub-page-subnav__dropdown-item{
        width:100%;
        text-align:center;
    }

    .hub-page-subnav__dropdown-link{
        width:100%;
        justify-content:center;
        padding-right:1rem;
        padding-left:1rem;
        text-align:center;
    }
}

@media (max-width:330px){
    .hub-header__logo{
        width:72px;
        height:72px;
    }

    .hub-header__logo .custom-logo-link{
        max-width:72px;
    }

    .hub-header__logo img{
        max-width:72px;
        height:72px;
        max-height:72px;
    }
}

@media (max-width:560px){
    .hub-header__login-wrap,
    .hub-page-subnav__item--member-desktop,
    .hub-page-subnav__item--member-desktop.hub-page-subnav__item--has-children{
        display:none;
    }
}