@import url('https://fonts.googleapis.com/css2?family=Varta:wght@300;400;500;600&family=Noto+Sans:wght@400;500;600&family=Kaushan+Script&display=swap');

body[data-theme="anditasten_piano"] {
    --font-body: 'Varta', 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Noto Sans', 'Varta', 'Inter', sans-serif;
    --color-bg: #080203;
    --color-surface: rgba(255, 255, 255, 0.98);
    --color-surface-alt: rgba(22, 9, 13, 0.85);
    --color-text: #f7f1ed;
    --color-muted: rgba(247, 241, 237, 0.75);
    --color-accent: #c21c2a;
    --color-accent-contrast: #fff7f4;
    --color-warning-bg: rgba(194, 28, 42, 0.14);
    --color-warning-border: rgba(194, 28, 42, 0.35);
    --nav-submenu-bg: rgba(9, 3, 4, 0.96);
    --nav-submenu-color: #fef4ee;
    --nav-overlay-bg: rgba(0, 0, 0, 0.65);
    --folder-intro-bg: rgba(255, 255, 255, 0.96);
    --folder-intro-color: #3b0f15;
    --folder-intro-border: rgba(59, 15, 21, 0.12);
    --bb-callout-border: 1px solid rgba(194, 28, 42, 0.35);
    --bb-callout-bg: rgba(255, 255, 255, 0.96);
    --bb-table-header-bg: linear-gradient(120deg, #811018, #c21c2a);
    --bb-table-header-color: #fff5f1;
    --bb-table-row-alt: rgba(250, 247, 244, 0.9);
    --bb-table-row-hover: rgba(194, 28, 42, 0.08);
    --bb-table-cell-border: 1px solid rgba(29, 8, 11, 0.08);
    --fancy-button-gradient-a: #f8f2ef;
    --fancy-button-gradient-b: #ffffff;
    --fancy-button-text-color: #241115;
    --fancy-button-hovertext-color: #8d0f1d;
    --tpl-gradient: radial-gradient(circle at 20% 20%, rgba(194, 28, 42, 0.22), transparent 55%),
                    radial-gradient(circle at 80% 10%, rgba(119, 46, 71, 0.3), transparent 55%),
                    linear-gradient(145deg, #120407, #1f0a11 45%, #040103 100%);
    --tpl-bg-image: url('/site-assets/image/bg-pattern.png');
    --tpl-bg-layer-opacity: 0.45;
    --tpl-shell-bg: rgba(255, 255, 255, 0.98);
    --tpl-shell-border: rgba(51, 8, 13, 0.08);
    --tpl-shell-card: rgba(255, 255, 255, 0.99);
    --tpl-card-border: rgba(51, 8, 13, 0.08);
    --tpl-card-shadow: 0 30px 55px rgba(5, 0, 0, 0.45);
    --tpl-hero-card: rgba(255, 255, 255, 0.98);
    --tpl-hero-orb: radial-gradient(circle at 62% 32%, rgba(255, 230, 214, 0.6), transparent 60%);
    --tpl-menu-bg: rgba(7, 2, 3, 0.92);
    --tpl-menu-hover: rgba(255, 255, 255, 0.08);
    --tpl-nav-border: 1px solid rgba(255, 255, 255, 0.08);
    --tpl-nav-shadow: 0 25px 65px rgba(0, 0, 0, 0.55);
    --tpl-footer-bg: rgba(10, 3, 4, 0.92);
    --tpl-footer-border: rgba(255, 255, 255, 0.08);
    --news-panel-bg: rgba(255, 255, 255, 0.97);
    --news-panel-border: rgba(51, 8, 13, 0.12);
    --news-panel-shadow: 0 35px 70px rgba(20, 0, 2, 0.35);
    --news-card-bg: rgba(255, 255, 255, 0.98);
    --news-card-border: rgba(51, 8, 13, 0.1);
    --news-card-shadow: 0 22px 55px rgba(20, 0, 2, 0.25);
    --news-pill-bg: rgba(194, 28, 42, 0.16);
    --news-pill-color: #5c040c;
    --news-pill-active-bg: linear-gradient(120deg, #c21c2a, #f35b5b);
    --news-pill-active-color: #fff8f6;
    --footer-highlight-gap: 1.4rem;
    background: var(--tpl-gradient);
    background-attachment: fixed;
    color: var(--color-text);
}

body[data-theme="anditasten_piano"]::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: var(--tpl-bg-image);
    opacity: var(--tpl-bg-layer-opacity);
    z-index: -2;
}

body[data-theme="anditasten_piano"]::after {
    content: '';
    position: fixed;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35), transparent 35%, rgba(0, 0, 0, 0.45));
    z-index: -1;
}

body[data-theme="anditasten_piano"] .site-header {
    background: rgba(5, 1, 2, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.65);
}

body[data-theme="anditasten_piano"] .site-header .logo {
    font-family: 'Kaushan Script', 'Noto Sans', cursive;
    font-size: 1.6rem;
    color: #fff6f0;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.75);
}

body[data-theme="anditasten_piano"] .site-nav {
    background: rgba(7, 2, 3, 0.95);
    border-radius: var(--radius-nav);
    border: var(--tpl-nav-border);
    box-shadow: var(--tpl-nav-shadow);
    padding: 0.65rem 1rem;
}

body[data-theme="anditasten_piano"] .site-nav__item > a,
body[data-theme="anditasten_piano"] .site-nav__parent-controls > .nav-link {
    color: rgba(255, 244, 240, 0.88);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

body[data-theme="anditasten_piano"] .site-nav__item > a:hover,
body[data-theme="anditasten_piano"] .site-nav__item > a:focus-visible,
body[data-theme="anditasten_piano"] .site-nav__item.is-active > a {
    color: #fff9f6;
    border-color: rgba(194, 28, 42, 0.35);
    background: rgba(194, 28, 42, 0.25);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45);
}

body[data-theme="anditasten_piano"] .site-nav__submenu {
    background: var(--nav-submenu-bg);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.6);
}

body[data-theme="anditasten_piano"] .site-nav__submenu .nav-link {
    color: #fff6f3;
}

body[data-theme="anditasten_piano"] .site-nav__submenu .nav-link:hover,
body[data-theme="anditasten_piano"] .site-nav__submenu .nav-link:focus-visible {
    background: rgba(255, 255, 255, 0.1);
    color: #ffbbc3;
}

body[data-theme="anditasten_piano"] .content-area {
    background: rgba(255, 255, 255, 0.98);
    border-radius: 2rem;
    box-shadow: 0 45px 90px rgba(8, 0, 1, 0.45);
    color: #1e0c11;
    margin-top: 3rem;
}

body[data-theme="anditasten_piano"] .content-area h1,
body[data-theme="anditasten_piano"] .content-area h2,
body[data-theme="anditasten_piano"] .content-area h3,
body[data-theme="anditasten_piano"] .content-area h4,
body[data-theme="anditasten_piano"] .content-area h5,
body[data-theme="anditasten_piano"] .content-area h6 {
    color: #7a0b0b;
    letter-spacing: -0.01em;
}

body[data-theme="anditasten_piano"] .hero-shell {
    border-radius: 1.75rem;
    overflow: hidden;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.96), rgba(255, 239, 232, 0.92));
    border: 1px solid rgba(51, 8, 13, 0.08);
    box-shadow: 0 40px 70px rgba(15, 0, 3, 0.35);
}

body[data-theme="anditasten_piano"] .hero-shell::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/site-assets/image/andi_tasten_livestream_klavier.webp');
    background-size: cover;
    background-position: center;
    opacity: 0.08;
}

body[data-theme="anditasten_piano"] .prefooter {
    background: rgba(9, 3, 4, 0.9);
    border-radius: 1.75rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.55);
}

body[data-theme="anditasten_piano"] .prefooter__block {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff7f3;
}

body[data-theme="anditasten_piano"] .footer {
    background: var(--tpl-footer-bg);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 246, 242, 0.85);
}

body[data-theme="anditasten_piano"] .footer a {
    color: #ffb7bf;
}

body[data-theme="anditasten_piano"] ::selection {
    background: rgba(194, 28, 42, 0.35);
    color: #fff7f3;
}

body[data-theme="anditasten_piano"] .language-switch a {
    color: rgba(255, 255, 255, 0.6);
}

body[data-theme="anditasten_piano"] .language-switch a.is-active {
    color: #fff6f0;
    border-bottom: 2px solid #fff6f0;
}

body[data-theme="anditasten_piano"] .message,
body[data-theme="anditasten_piano"] .bb-callout {
    border-radius: 1.2rem;
}

body[data-theme="anditasten_piano"] .bb-callout__heading {
    color: #7a0b0b;
}

body[data-theme="anditasten_piano"] .affiliate-zoom {
    border-color: rgba(194, 28, 42, 0.25);
}