body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/css/open-sans-v40-latin-regular.woff2') format('woff2');
}

:root {
    color-scheme: dark;
    --bg: #0b0d0f;
    --bg-raised: #101316;
    --surface: #15191d;
    --surface-raised: #1a1f24;
    --surface-hover: #20262d;
    --line: #293038;
    --line-strong: #39434d;
    --text: #f0f2f4;
    --text-soft: #c4cbd2;
    --muted: #8e99a3;
    --faint: #66717b;
    --accent: #eab45b;
    --accent-bright: #ffc96f;
    --accent-soft: rgba(234, 180, 91, 0.14);
    --accent-ink: #21170a;
    --code-bg: #0a0d10;
    --code-line: #242c34;
    --code-text: #d8e0e7;
    --code-muted: #81909d;
    --page-width: 1240px;
    --content-width: 860px;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    background: var(--bg);
    scroll-behavior: smooth;
}

body {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    background-color: var(--bg);
    background-image:
        radial-gradient(circle at 80% -10%, rgba(234, 180, 91, 0.08), transparent 32rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 22rem);
    color: var(--text-soft);
    font-family: 'Open Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    text-rendering: optimizeLegibility;
}

::selection {
    background: var(--accent);
    color: var(--accent-ink);
}

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

img,
video {
    height: auto;
}

figure,
blockquote {
    margin: 0;
}

a {
    color: var(--accent-bright);
    font-weight: 600;
    text-decoration: none;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

a:hover {
    color: #ffe0a0;
}

:focus-visible {
    outline: 2px solid var(--accent-bright);
    outline-offset: 4px;
}

h1,
h2,
h3,
h4 {
    margin-top: 0;
    color: var(--text);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.08;
    text-transform: none;
}

h1 {
    margin-bottom: 0.65em;
    font-size: clamp(2.25rem, 5vw, 4.5rem);
}

h2 {
    margin-bottom: 0.7em;
    font-size: clamp(1.65rem, 3vw, 2.6rem);
}

h3 {
    margin-bottom: 0.6em;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
}

h4 {
    margin-bottom: 0.5em;
    font-size: 1.05rem;
}

p {
    margin: 0 0 1.25rem;
}

p:last-child {
    margin-bottom: 0;
}

hr {
    height: 1px;
    margin: 2.5rem 0;
    border: 0;
    background: var(--line);
}

#main pre {
    max-width: 100%;
    margin: 1.5rem 0;
    padding: 1.2rem 1.35rem;
    overflow-x: auto;
    border: 1px solid var(--code-line);
    border-radius: var(--radius-md);
    background: var(--code-bg) !important;
    color: var(--code-text) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
    font-size: 0.86rem;
    line-height: 1.7;
    tab-size: 2;
    text-align: left;
    white-space: pre;
}

#main code {
    padding: 0.12em 0.38em;
    border: 1px solid var(--code-line);
    border-radius: 0.35rem;
    background: var(--code-bg);
    color: var(--code-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
    font-size: 0.9em;
}

#main pre code,
#main pre code.hljs {
    display: block;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    color: var(--code-text) !important;
    font-size: inherit;
    line-height: inherit;
    white-space: inherit;
}

#main pre code.hljs .hljs-comment,
#main pre code.hljs .hljs-quote,
#main pre code.hljs .hljs-meta {
    color: var(--code-muted) !important;
    font-style: italic;
}

#main pre code.hljs .hljs-keyword,
#main pre code.hljs .hljs-selector-tag,
#main pre code.hljs .hljs-literal,
#main pre code.hljs .hljs-name,
#main pre code.hljs .hljs-section {
    color: #f2bd67 !important;
}

#main pre code.hljs .hljs-string,
#main pre code.hljs .hljs-regexp,
#main pre code.hljs .hljs-addition {
    color: #b9d9a8 !important;
    background: transparent !important;
}

#main pre code.hljs .hljs-number,
#main pre code.hljs .hljs-symbol,
#main pre code.hljs .hljs-bullet,
#main pre code.hljs .hljs-attribute {
    color: #8fd5ec !important;
}

#main pre code.hljs .hljs-title,
#main pre code.hljs .hljs-type,
#main pre code.hljs .hljs-class .hljs-title {
    color: #c9b5f5 !important;
}

#main pre code.hljs .hljs-variable,
#main pre code.hljs .hljs-template-variable,
#main pre code.hljs .hljs-built_in {
    color: #e2b6c8 !important;
}

#main pre code.hljs .hljs-tag,
#main pre code.hljs .hljs-selector-id,
#main pre code.hljs .hljs-selector-class,
#main pre code.hljs .hljs-selector-attr {
    color: #a8d8c2 !important;
}

#main pre code.hljs .hljs-deletion {
    color: #ef9b9b !important;
    background: transparent !important;
}

#main .ce_text a,
#main .mod_article > a,
#main .nbg_blog_entry a {
    text-decoration: underline;
    text-decoration-color: rgba(234, 180, 91, 0.45);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

#main .ce_text a:hover,
#main .mod_article > a:hover,
#main .nbg_blog_entry a:hover {
    text-decoration-color: currentColor;
}

.mod_newslist {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
    padding: 1rem 0;
}

.mod_newslist > .block {
    min-width: 0;
}

/* News lists also appear on pages that do not load the dedicated blog sheet. */
.mod_newslist > .layout_latest {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--surface);
    transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.mod_newslist > .layout_latest:hover {
    border-color: var(--line-strong);
    background: var(--surface-raised);
    transform: translateY(-3px);
}

.mod_newslist > .layout_latest > .image_container {
    order: -1;
    overflow: hidden;
    margin: 0;
    background: var(--bg);
}

.mod_newslist > .layout_latest > .image_container a,
.mod_newslist > .layout_latest > .image_container img {
    display: block;
    width: 100%;
}

.mod_newslist > .layout_latest > .image_container img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.mod_newslist > .layout_latest > .info {
    margin: 0;
    padding: 1rem 1.35rem 0.45rem;
    color: var(--muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.mod_newslist > .layout_latest > h2 {
    margin: 0;
    padding: 0.5rem 1.35rem 0.65rem;
    font-size: clamp(1.35rem, 2.2vw, 1.85rem);
    line-height: 1.12;
    text-align: left;
}

.mod_newslist > .layout_latest > h2 a {
    color: var(--text);
    text-decoration: none;
}

.mod_newslist > .layout_latest > .ce_text {
    flex: 1 1 auto;
    padding: 0 1.35rem;
    color: var(--text-soft);
}

.mod_newslist > .layout_latest > .more {
    margin: 0;
    padding: 0.6rem 1.35rem 1.35rem;
    font-size: 0.88rem;
}

/* Contao renders this class directly on the heading element. */
#main .content-headline {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 clamp(1.25rem, 2.5vw, 2rem);
    padding: 0 0 0.85rem;
    color: var(--text);
    text-align: left;
}

#main .content-headline::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.5rem;
    height: 3px;
    border-radius: 999px;
    background: var(--accent);
    content: '';
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-button-next,
.swiper-button-prev {
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(240, 242, 244, 0.16);
    border-radius: 50%;
    background: rgba(11, 13, 15, 0.68);
    color: var(--text);
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    border-color: var(--accent);
    background: var(--accent);
    color: var(--accent-ink);
    transform: translateY(-2px);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 0.95rem;
    font-weight: 700;
}

.swiper-pagination-bullet {
    width: 0.4rem;
    height: 0.4rem;
    background: var(--text);
    opacity: 0.45;
    transition: width 180ms ease, background-color 180ms ease, opacity 180ms ease;
}

.swiper-pagination-bullet-active {
    width: 1.5rem;
    border-radius: 999px;
    background: var(--accent);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (max-width: 700px) {
    body {
        font-size: 15px;
    }

    h1 {
        font-size: clamp(2rem, 11vw, 3.2rem);
    }

    h2 {
        font-size: clamp(1.5rem, 8vw, 2.25rem);
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 2.35rem;
        height: 2.35rem;
    }
}

#content_header {
    position: relative;
    min-height: clamp(22rem, 42vw, 32rem);
    margin-bottom: clamp(2rem, 4vw, 3.5rem);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

#content_header::before {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    height: 72%;
    background: linear-gradient(180deg, transparent 0%, rgba(11, 13, 15, 0.18) 35%, rgba(11, 13, 15, 0.92) 100%);
    content: '';
    pointer-events: none;
}

#content_header .content-swiper {
    position: relative;
    width: 100%;
    height: clamp(22rem, 42vw, 32rem);
}

#content_header .content-image,
#content_header .content-player {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--surface);
}

#content_header .content-image::after,
#content_header .content-player::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, rgba(11, 13, 15, 0.52), transparent 60%);
    content: '';
    pointer-events: none;
}

#content_header .content-image img,
#content_header .content-player video,
#content_header .content-image figure,
#content_header .content-player figure {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

#content_header .content-image img,
#content_header .content-player video {
    filter: saturate(0.78) contrast(1.04);
}

#nbg_header {
    position: absolute;
    z-index: 3;
    right: clamp(1.5rem, 7vw, 5.5rem);
    bottom: clamp(1.75rem, 6vw, 4.5rem);
    left: clamp(1.5rem, 7vw, 5.5rem);
    max-width: 46rem;
}

#nbg_header::before {
    display: block;
    width: 2.5rem;
    height: 3px;
    margin-bottom: 1.25rem;
    background: var(--accent);
    content: '';
}

#nbg_header h1 {
    max-width: 46rem;
    margin: 0 0 0.5rem;
    color: var(--text);
    font-size: clamp(2.6rem, 7vw, 6rem);
    font-weight: 600;
    letter-spacing: -0.07em;
    line-height: 0.96;
    text-align: left;
    text-shadow: 0 10px 32px rgba(0, 0, 0, 0.38);
}

#nbg_header p {
    max-width: 34rem;
    margin: 0;
    color: var(--text-soft);
    font-size: clamp(1rem, 1.8vw, 1.25rem);
    line-height: 1.6;
    text-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}

.content-headline {
    max-width: var(--page-width);
    margin-right: auto;
    margin-left: auto;
}

.content-headline + .games_list {
    margin-top: 0;
}

.games_list {
    display: flex;
    width: 100%;
    max-width: var(--page-width);
    margin: 0 auto;
    flex-direction: column;
    gap: 1.5rem;
}

.ce_rsce_game_element {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    align-items: stretch;
    padding: clamp(0.75rem, 1.5vw, 1rem);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--surface);
    transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.ce_rsce_game_element:hover {
    border-color: var(--line-strong);
    background: var(--surface-raised);
    transform: translateY(-3px);
}

.ce_rsce_game_element:nth-child(even) > a {
    order: 2;
}

.ce_rsce_game_element > a {
    position: relative;
    display: flex;
    min-height: 18rem;
    align-items: stretch;
    overflow: hidden;
    border-radius: calc(var(--radius-lg) - 6px);
    background: var(--bg);
}

.ce_rsce_game_element > a::before,
.ce_rsce_game_element > a::after {
    display: none;
}

.ce_rsce_game_element > a figure {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: inherit;
    margin: 0;
    padding: clamp(1.25rem, 4vw, 3rem);
    place-items: center;
}

.ce_rsce_game_element > a figure img {
    display: block;
    width: 100%;
    max-height: 20rem;
    object-fit: contain;
    transition: transform 280ms ease;
}

.ce_rsce_game_element > a:hover figure img {
    transform: scale(1.035);
}

.ce_rsce_game_element .info {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(1.25rem, 3vw, 2.75rem) clamp(1rem, 2vw, 1.75rem) clamp(1.25rem, 3vw, 2.75rem) 0;
}

.ce_rsce_game_element .info header {
    width: 100%;
}

.ce_rsce_game_element .info header h2,
.ce_rsce_game_element .info header h3 {
    margin: 0 0 0.75rem;
    color: var(--text);
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    letter-spacing: -0.045em;
    line-height: 1.1;
    text-align: left;
}

.ce_rsce_game_element .info p {
    max-width: 34rem;
    margin-bottom: 1.5rem;
    color: var(--muted);
    line-height: 1.75;
}

.ce_rsce_game_element .info > a {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem 1rem;
    border: 1px solid var(--accent);
    border-radius: 999px;
    background: var(--accent);
    color: var(--accent-ink);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-decoration: none;
}

.ce_rsce_game_element .info > a::after {
    content: '↗';
    font-size: 1rem;
    line-height: 0.8;
}

.ce_rsce_game_element .info > a:hover {
    border-color: var(--accent-bright);
    background: var(--accent-bright);
    color: var(--accent-ink);
    transform: translateY(-2px);
}

@media (max-width: 800px) {
    .ce_rsce_game_element,
    .ce_rsce_game_element:nth-child(even) {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .ce_rsce_game_element:nth-child(even) > a {
        order: 0;
    }

    .ce_rsce_game_element > a {
        min-height: 15rem;
    }

    .ce_rsce_game_element .info {
        padding: 1.5rem 0.75rem 1.25rem;
    }
}

@media (max-width: 560px) {
    #content_header,
    #content_header .content-swiper {
        min-height: 24rem;
        height: 24rem;
    }

    #content_header .content-image::after,
    #content_header .content-player::after {
        background: linear-gradient(180deg, rgba(11, 13, 15, 0.12), rgba(11, 13, 15, 0.58));
    }

    #nbg_header {
        right: 1.25rem;
        bottom: 1.75rem;
        left: 1.25rem;
    }

    #nbg_header h1 {
        font-size: clamp(2.4rem, 15vw, 4rem);
    }

    #nbg_header p {
        font-size: 0.95rem;
    }

    .ce_rsce_game_element > a {
        min-height: 13rem;
    }
}

#container {
    display: block;
}

#header {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(240, 242, 244, 0.08);
    background: rgba(11, 13, 15, 0.86);
    backdrop-filter: blur(18px);
}

#header .inside,
#main,
footer .inside {
    width: calc(100% - 3rem);
    max-width: var(--page-width);
    margin-right: auto;
    margin-left: auto;
}

#header .inside {
    display: flex;
    min-height: 72px;
    align-items: center;
    gap: 2rem;
}

#header .nbg_logo {
    flex: 0 0 auto;
}

#header .nbg_logo figure {
    margin: 0;
}

#header .nbg_logo a {
    display: block;
    padding: 0.2rem 0.35rem;
    line-height: 0;
}

#header .nbg_logo img {
    display: block;
    width: clamp(9.5rem, 16vw, 11.5rem);
    height: auto;
}

#page_nav {
    min-width: 0;
    margin-left: auto;
}

#page_nav ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

#page_nav ul li {
    position: relative;
    display: flex;
    align-items: center;
}

#page_nav ul li a,
#page_nav ul li span {
    display: block;
    padding: 0.55rem 0.8rem;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--muted);
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

#page_nav ul li a:hover,
#page_nav ul li span:hover,
#page_nav ul li.active a,
#page_nav ul li.active span {
    border-color: var(--line);
    background: var(--surface);
    color: var(--text);
}

#page_nav ul li.active a,
#page_nav ul li.active span {
    color: var(--accent-bright);
}

#main {
    float: none;
    padding-top: clamp(2rem, 4vw, 3.5rem);
    padding-bottom: clamp(4rem, 8vw, 8rem);
}

#main .inside {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: clamp(2rem, 3.5vw, 3.5rem);
}

#main .inside > * {
    min-width: 0;
    animation: content-enter 520ms ease both;
}

#main .mod_article,
#main .mod_newsreader {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#main .inside > *:nth-child(2) {
    animation-delay: 70ms;
}

#main .inside > *:nth-child(3) {
    animation-delay: 140ms;
}

@keyframes content-enter {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mod_article {
    min-width: 0;
}

footer {
    border-top: 1px solid var(--line);
    background: var(--bg-raised);
}

footer .inside {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
}

#socialmedia_nav {
    overflow: visible;
}

#socialmedia_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
}

#socialmedia_nav ul li {
    list-style: none;
}

#socialmedia_nav a.twitter,
#socialmedia_nav a.bsky,
#socialmedia_nav a.itchio,
#socialmedia_nav a.discord {
    position: relative;
    display: inline-flex;
    width: 2.6rem;
    height: 2.6rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--surface);
    color: transparent;
    font-size: 0;
    text-indent: -9999px;
}

#socialmedia_nav a.twitter::before,
#socialmedia_nav a.bsky::before,
#socialmedia_nav a.itchio::before,
#socialmedia_nav a.discord::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 43%;
    content: '';
    filter: brightness(0) invert(1);
    opacity: 0.72;
    transition: filter 180ms ease, opacity 180ms ease;
}

#socialmedia_nav a.twitter::before {
    background-image: url('../../files/css/./x.svg');
}

#socialmedia_nav a.discord::before {
    background-image: url('../../files/css/./discord.svg');
}

#socialmedia_nav a.bsky::before {
    background-image: url('../../files/css/./bsky.svg');
}

#socialmedia_nav a.itchio::before {
    background-image: url('../../files/css/./itchio.svg');
}

#socialmedia_nav a.twitter:hover,
#socialmedia_nav a.bsky:hover,
#socialmedia_nav a.itchio:hover,
#socialmedia_nav a.discord:hover {
    border-color: var(--accent);
    background: var(--accent);
    transform: translateY(-2px);
}

#socialmedia_nav a.twitter:hover::before,
#socialmedia_nav a.bsky:hover::before,
#socialmedia_nav a.itchio:hover::before,
#socialmedia_nav a.discord:hover::before {
    filter: brightness(0);
    opacity: 1;
}

#footer_nav {
    width: 100%;
    padding-top: 1.5rem;
    border-top: 1px solid var(--line);
}

#footer_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem 1.25rem;
    margin: 0;
    padding: 0;
}

#footer_nav ul li {
    position: relative;
    list-style: none;
}

#footer_nav ul li:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -0.8rem;
    color: var(--line-strong);
    content: '·';
    transform: translateY(-50%);
}

#footer_nav a {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 400;
    text-decoration: none;
}

#footer_nav a:hover {
    color: var(--text);
}

@media (max-width: 700px) {
    #header .inside,
    #main,
    footer .inside {
        width: calc(100% - 2rem);
        max-width: var(--page-width);
    }

    #header .inside {
        min-height: 60px;
        gap: 0.75rem;
    }

    #header .nbg_logo img {
        width: 7.25rem;
    }

    #page_nav {
        max-width: calc(100vw - 8.75rem);
        overflow-x: auto;
        scrollbar-width: none;
    }

    #page_nav::-webkit-scrollbar {
        display: none;
    }

    #page_nav ul {
        justify-content: flex-start;
        width: max-content;
    }

    #page_nav ul li a,
    #page_nav ul li span {
        padding: 0.4rem;
        font-size: 0.72rem;
    }

    #main {
        padding-top: 1.75rem;
        padding-bottom: 4rem;
    }

    footer .inside {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }
}