/* Shared geometry; variants change colour variables only. */
a.link-btn,
.link-btn a,
.post-details.details-type-link,
.post-details.details-type-btn,
.headerbereich .portfolio-carousel-shortcode .dt-owl-item .post .post-details.details-type-link,
.paginator .button-load-more,
.masthead:not(.side-header) .header-bar .main-nav > li.info > a {
    --btn-accent: var(--orange);
    --btn-accent-arrow: url('../images/planhof-akademie-arrow-or.svg');
    --btn-bg: var(--btn-accent);
    --btn-fg: var(--weiss);
    --btn-circle: var(--weiss);
    --btn-arrow: var(--btn-accent-arrow);
    --btn-hover-bg: var(--weiss);
    --btn-hover-fg: var(--btn-accent);
    --btn-hover-circle: var(--btn-accent);
    --btn-hover-arrow: url('../images/planhof-akademie-arrow-ws.svg');
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: .9em 50px .9em 20px;
    border: 1px solid var(--btn-accent);
    border-radius: var(--border-radius-btn);
    background: var(--btn-bg);
    color: var(--btn-fg);
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s, color .2s, border-color .2s;
}
a.link-btn::before,
.link-btn a::before,
.post-details.details-type-link::before,
.post-details.details-type-btn::before,
.headerbereich .portfolio-carousel-shortcode .dt-owl-item .post .post-details.details-type-link::before,
.paginator .button-load-more::before,
.masthead:not(.side-header) .header-bar .main-nav > li.info > a::before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--btn-arrow) no-repeat center var(--btn-circle);
    content: '';
    transform: translateY(-50%);
    transition: background-color .2s;
}
a.link-btn:hover,
.link-btn a:hover,
.post-details.details-type-link:hover,
.post-details.details-type-btn:hover,
.headerbereich .portfolio-carousel-shortcode .dt-owl-item .post .post-details.details-type-link:hover,
.paginator .button-load-more:hover,
.masthead:not(.side-header) .header-bar .main-nav > li.info > a:hover {
    background: var(--btn-hover-bg);
    color: var(--btn-hover-fg);
}
a.link-btn:hover::before,
.link-btn a:hover::before,
.post-details.details-type-link:hover::before,
.post-details.details-type-btn:hover::before,
.headerbereich .portfolio-carousel-shortcode .dt-owl-item .post .post-details.details-type-link:hover::before,
.paginator .button-load-more:hover::before,
.masthead:not(.side-header) .header-bar .main-nav > li.info > a:hover::before {
    background-image: var(--btn-hover-arrow);
    background-color: var(--btn-hover-circle);
}
a.link-btn.btn-bl,
.link-btn.btn-bl a,
a.link-btn.btn-bl-invert,
.link-btn.btn-bl-invert a {
    --btn-accent: var(--dunkelblau);
    --btn-accent-arrow: url('../images/planhof-akademie-arrow-bl.svg');
}
a.link-btn.btn-invert,
.link-btn.btn-invert a,
a.link-btn.btn-bl-invert,
.link-btn.btn-bl-invert a,
.post-details.details-type-link,
.paginator .button-load-more {
    --btn-bg: var(--weiss);
    --btn-fg: var(--btn-accent);
    --btn-circle: var(--btn-accent);
    --btn-arrow: url('../images/planhof-akademie-arrow-ws.svg');
    --btn-hover-bg: var(--btn-accent);
    --btn-hover-fg: var(--weiss);
    --btn-hover-circle: var(--weiss);
    --btn-hover-arrow: var(--btn-accent-arrow);
}
.post-details.details-type-link .dt-icon-the7-arrow-03,
.post-details.details-type-link::after,
.paginator .button-load-more .button-caption::before { display: none; }
.paginator .button-load-more .button-caption { display: inline; color: inherit; font-weight: 400; }
.main-nav > li.info > a .menu-text { color: inherit; }
.masthead:not(.side-header) .header-bar .main-nav > li.info.current-menu-item > a:not(:hover) .menu-text,
.masthead:not(.side-header) .header-bar .main-nav > li.info.current_page_item > a:not(:hover) .menu-text {
    color: var(--weiss);
}
.sticky-on .main-nav > li.info:not(.wpml-ls-item) > a .menu-text,
#phantom .main-nav > li.info:not(.wpml-ls-item) > a .menu-text {
    color: inherit;
}