@font-face {
    font-family: "Wingpassion Montserrat";
    src: url("assets/montserrat-600.woff2") format("woff2");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Wingpassion Oxygen";
    src: url("assets/oxygen-400.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}

body.wpn-magazin {
    --wpnm-petrol: #007b86;
    --wpnm-ink: #003a3f;
    --wpnm-link: #006670;
    --wpnm-green: #6dd551;
    --wpnm-paper: #f6f8f9;
    --wpnm-line: #dbe6e7;
    --wpnm-text: #253639;
    --wpnm-headings: "Wingpassion Montserrat", Arial, sans-serif;
    --wpnm-body: "Wingpassion Oxygen", Arial, sans-serif;
    background: var(--wpnm-paper);
    color: var(--wpnm-text);
    font-family: var(--wpnm-body);
}

.wpn-magazin.ast-theme-transparent-header #masthead {
    position: relative;
}

.wpn-magazin #masthead .main-header-bar,
.wpn-magazin #masthead .ast-primary-header-bar {
    background: var(--wpnm-petrol);
    border-bottom: 1px solid #ffffff29;
}
/* Keep the legacy Astra bar in the header's layout flow. */
.wpn-magazin #masthead .main-header-bar {
    position: relative;
    top: auto;
}
.wpn-magazin #masthead .main-header-bar > .ast-container,
.wpn-magazin #masthead .ast-primary-header-bar > .ast-container {
    max-width: 1480px;
}
.wpn-magazin #masthead .main-header-menu {
    background: transparent;
    font-family: var(--wpnm-headings);
    font-size: 0.82rem;
    font-weight: 600;
}
.wpn-magazin #masthead .main-header-menu > li > .menu-link,
.wpn-magazin #masthead .main-header-menu > li > button,
.wpn-magazin #masthead .ast-header-account-wrap a {
    color: #fff;
}
.wpn-magazin #masthead .main-header-menu > li:is(:hover, :focus-within, .current-menu-item) > .menu-link {
    color: #e8ffdc;
}
.wpn-magazin #masthead .main-header-menu .sub-menu {
    color: var(--wpnm-ink);
    background: #fff;
    border-top-color: var(--wpnm-green);
}
.wpn-magazin #masthead .main-header-menu .sub-menu .menu-link {
    color: var(--wpnm-ink);
}
.wpn-magazin #masthead .main-header-menu .sub-menu .menu-link:is(:hover, :focus-visible) {
    background: #eaf4f3;
    color: var(--wpnm-ink);
}
.wpn-magazin #masthead .main-header-menu > li > .menu-link:is([href$="/shop/"], [href$="/shop"]) {
    display: inline-flex;
    height: auto;
    min-height: 44px;
    align-items: center;
    vertical-align: middle;
    padding: 0.65rem 0.85rem;
    margin-inline: 0.3rem;
    background: var(--wpnm-green);
    color: var(--wpnm-ink);
    line-height: 1.4;
    border-radius: 6px;
}
.wpn-magazin #masthead .menu-toggle,
.wpn-magazin #masthead .ast-mobile-menu-trigger-minimal {
    color: #fff;
    border-color: #ffffff9c;
}
.wpn-magazin #masthead :is(a, button):focus-visible {
    outline: 2px solid var(--wpnm-green);
    outline-offset: 3px;
}
.wpn-magazin.ast-header-break-point #masthead .main-header-menu > li > .menu-link {
    background: var(--wpnm-petrol);
    color: #fff;
}
.wpn-magazin.ast-header-break-point #masthead .main-header-menu > li > .menu-link:is([href$="/shop/"], [href$="/shop"]) {
    background: var(--wpnm-green);
    color: var(--wpnm-ink);
}

.wpn-magazin #content {
    background: var(--wpnm-paper);
    padding-top: clamp(18px, 3vw, 40px);
}
.wpn-magazin #content > .ast-container {
    max-width: 1360px;
    padding-inline: clamp(14px, 3vw, 40px);
}
.wpn-magazin #content :is(#primary, #secondary) {
    margin-block-start: 0;
}
.wpn-magazin #content #primary {
    padding-block-start: 0;
}
.wpn-magazin #primary article.ast-article-single {
    min-width: 0;
    margin-top: 0;
    padding: clamp(20px, 3.4vw, 52px);
    background: #fff;
    border: 1px solid var(--wpnm-line);
    border-radius: 14px;
}
.wpn-magazin #primary article.ast-article-single .entry-header {
    margin-bottom: clamp(22px, 4vw, 38px);
}
.wpn-magazin #primary article.ast-article-single .entry-title {
    color: var(--wpnm-ink);
    font: 600 clamp(2rem, 4vw, 3.65rem)/1.09 var(--wpnm-headings);
    letter-spacing: -0.035em;
    overflow-wrap: anywhere;
}
.wpn-magazin #primary article.ast-article-single .entry-header::after {
    content: "";
    display: block;
    width: 52px;
    height: 4px;
    margin-top: 20px;
    border-radius: 3px;
    background: var(--wpnm-green);
}
.wpn-magazin #primary article.ast-article-single .entry-meta {
    margin-top: 0.75rem;
    color: #4b6669;
    font: 400 0.91rem/1.5 var(--wpnm-body);
}
.wpn-magazin #primary article.ast-article-single .entry-meta a,
.wpn-magazin #primary article.ast-article-single .entry-content a:not(.wp-block-button__link) {
    color: var(--wpnm-link);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}
.wpn-magazin #primary article.ast-article-single .entry-content {
    color: var(--wpnm-text);
    font: 400 clamp(1.02rem, 1.15vw, 1.12rem)/1.75 var(--wpnm-body);
    overflow-wrap: break-word;
}
.wpn-magazin #primary article.ast-article-single .entry-content > :is(p, ul, ol, blockquote):not(.alignwide, .alignfull) {
    max-width: 72ch;
}
.wpn-magazin #primary article.ast-article-single .entry-content :is(h2, h3, h4) {
    color: var(--wpnm-link);
    font-family: var(--wpnm-headings);
    font-weight: 600;
    line-height: 1.22;
}
.wpn-magazin #primary article.ast-article-single .entry-content h2 {
    font-size: clamp(1.5rem, 2.55vw, 2.35rem);
}
.wpn-magazin #primary article.ast-article-single .entry-content h3 {
    font-size: clamp(1.2rem, 1.9vw, 1.6rem);
}
.wpn-magazin #primary article.ast-article-single :is(.post-thumb, .wp-block-image) img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.wpn-magazin #primary article.ast-article-single .post-thumb {
    margin-bottom: clamp(22px, 3vw, 34px);
}
.wpn-magazin #primary article.ast-article-single .entry-content blockquote {
    padding: 1rem 1.25rem;
    border-inline-start: 4px solid var(--wpnm-petrol);
    background: #edf6f6;
}
.wpn-magazin #primary article.ast-article-single .entry-content figcaption {
    color: #4b6669;
    font-size: 0.88rem;
}
.wpn-magazin #content .wp-block-button__link:not(.has-background) {
    background: var(--wpnm-green);
    color: var(--wpnm-ink);
    border-radius: 6px;
    font-family: var(--wpnm-headings);
}
.wpn-magazin #content .wp-block-table {
    overflow-x: auto;
}
.wpn-magazin #content :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--wpnm-link);
    outline-offset: 3px;
}

.wpn-magazin #secondary {
    border-inline: 0;
}
.wpn-magazin #secondary .widget-title {
    color: var(--wpnm-ink);
    font-family: var(--wpnm-headings);
    font-weight: 600;
}
.wpn-magazin #secondary .sidebar-main > .widget:not(.widget_sp_image) {
    padding: clamp(14px, 1.65vw, 24px);
    background: #fff;
    border: 1px solid var(--wpnm-line);
    border-radius: 10px;
}
.wpn-magazin #secondary .widget_sp_image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.wpn-magazin #colophon,
.wpn-magazin #colophon :is(.footer-adv, .ast-small-footer, .site-primary-footer-wrap, .site-below-footer-wrap) {
    background: var(--wpnm-ink);
    color: #fff;
    border-color: #ffffff2e;
}
.wpn-magazin #colophon :is(.widget-title, a) {
    color: #fff;
}
.wpn-magazin #colophon a:is(:hover, :focus-visible) {
    color: #d9ffce;
}
.wpn-magazin #colophon a:focus-visible {
    outline: 2px solid var(--wpnm-green);
    outline-offset: 3px;
}

@media (min-width: 922px) {
    .wpn-magazin #page #masthead {
        position: sticky;
        top: 0;
    }
    .wpn-magazin.admin-bar #page #masthead {
        top: 32px;
    }
    .wpn-magazin #masthead .main-header-container {
        min-height: 90px;
    }
    .wpn-magazin #masthead .custom-logo {
        width: clamp(170px, 18vw, 250px);
        height: auto;
    }
}
@media (max-width: 600px) {
    .wpn-magazin #primary article.ast-article-single {
        border-radius: 10px;
    }
}