/*
Theme Name: Volksmusiknews V1.3
Description: Modern dark/orange magazine theme for Volksmusiknews.at.
Version: 1.4.3
Text Domain: volksmusiknews
*/
:root{--o:#f15a24;--bg:#0a0a0a;--p:#141414;--b:#333;--m:#aaa;--max:1320px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:#ff7b42}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-top{border-bottom:1px solid #222;color:#aaa;font-size:13px}.site-top .container{min-height:34px;display:flex;justify-content:space-between;align-items:center}.accent,.section-title{color:var(--o)}.socials{display:flex;gap:14px}.site-header{padding:18px 0;background:#090909}.header-grid{display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:center}.logo-wrap img{width:360px;max-height:150px;object-fit:contain}.promo{min-height:125px;border:1px solid #555;background:linear-gradient(90deg,#171717,#252525);display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.promo h2{margin:0 0 8px;font-size:27px;line-height:1.1}.promo p{margin:0;color:#bbb}.btn{display:inline-block;background:var(--o);color:#fff;padding:10px 17px;font-size:12px;font-weight:900;text-transform:uppercase}.btn:hover{color:#fff;background:#ff7b42}.main-nav{background:#0d0d0d;border-top:1px solid #252525;border-bottom:1px solid #333;position:sticky;top:0;z-index:50}.main-nav .container{display:flex;align-items:center}.main-menu{display:flex;list-style:none;padding:0;margin:0;flex:1}.main-menu li a{display:block;padding:16px 18px;font-size:14px;font-weight:900;text-transform:uppercase;white-space:nowrap}.main-menu li a:hover,.main-menu li.current-menu-item a{background:var(--o);color:#fff}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:27px}.hero-layout{display:grid;grid-template-columns:2.15fr 1fr;gap:12px;margin-top:12px}.hero{min-height:500px;position:relative;overflow:hidden;background:#151515}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.95))}.hero-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:38px}.kicker,.label{display:inline-block;background:var(--o);padding:6px 9px;font-size:12px;font-weight:900;text-transform:uppercase}.hero h1{font-size:46px;line-height:1.03;max-width:800px;margin:12px 0}.hero p{max-width:760px;color:#ddd;font-size:17px}.panel,.card{background:#131313;border:1px solid #2d2d2d}.panel-heading{padding:12px 15px;border-bottom:1px solid #333;color:var(--o);font-weight:900;text-transform:uppercase}.news-list{padding:4px 12px}.news-item{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #2a2a2a}.news-item img{width:82px;height:68px;object-fit:cover}.news-item h3{font-size:15px;line-height:1.2;margin:0 0 5px}.news-item time,.meta{font-size:11px;color:#888}.section{margin-top:28px}.section-title{font-size:18px;text-transform:uppercase;border-left:4px solid var(--o);padding-left:10px;margin:0 0 12px}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{overflow:hidden}.card-image{display:block;aspect-ratio:16/9;background:#222}.card-image img{width:100%;height:100%;object-fit:contain}.card-body{padding:13px}.card h3{font-size:19px;line-height:1.15;margin:7px 0}.card p{color:#aaa;font-size:14px}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.event{display:grid;grid-template-columns:70px 1fr auto;gap:13px;align-items:center;padding:13px;border-bottom:1px solid #292929}.event-date{border:1px solid var(--o);text-align:center;padding:8px 4px}.event-date strong{display:block;font-size:24px;line-height:1}.event-date span{font-size:11px;color:#bbb;text-transform:uppercase}.event h3{font-size:16px;margin:0}.event p{margin:0;color:#999;font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.video-card{position:relative}.video-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.play{position:absolute;left:12px;top:12px;width:42px;height:42px;border-radius:50%;background:rgba(241,90,36,.95);display:grid;place-items:center}.video-card h3{font-size:14px;line-height:1.2}.newsletter{margin-top:28px;background:linear-gradient(90deg,var(--o),#c84618);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.newsletter h2{margin:0;text-transform:uppercase}.newsletter p{margin:0}.newsletter form{display:flex}.newsletter input{flex:1;border:0;padding:14px}.newsletter button{border:0;background:#111;color:#fff;padding:0 20px;font-weight:900}.site-footer{margin-top:35px;border-top:1px solid #333;background:#090909;padding:35px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}.footer-logo{width:250px}.site-footer h3{font-size:14px;text-transform:uppercase;color:var(--o)}.site-footer p,.site-footer li{font-size:13px;color:#999}.site-footer ul{list-style:none;padding:0}.copyright{border-top:1px solid #242424;margin-top:25px;padding-top:18px;color:#777;font-size:12px}.article-header{padding:35px 0 20px}.article-header .container{max-width:1050px}.article-header h1{font-size:52px;line-height:1.05;margin:10px 0}.article-featured{width:fit-content;max-width:1050px;margin:auto}.vmn-photo-credit{font-size:12px;color:#888;margin-top:6px;text-align:right;width:fit-content;margin-left:auto}.article-content{max-width:850px;margin:25px auto;font-size:18px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.archive-card img{aspect-ratio:16/9;object-fit:contain;width:100%}.admin-note{background:#21150f;border-left:4px solid var(--o);padding:12px;margin:15px 0;color:#ddd}@media(max-width:1000px){.header-grid{grid-template-columns:1fr}.logo-wrap img{margin:auto}.hero-layout{grid-template-columns:1fr}.cards-4{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:760px){.container{width:calc(100% - 22px)}.site-top{display:none}.header-grid{gap:10px}.promo{display:none}.main-nav .container{padding:7px 0}.mobile-toggle{display:block}.main-menu{display:none;position:absolute;left:0;right:0;top:100%;background:#111;flex-direction:column}.main-menu.open{display:flex}.main-menu li a{padding:13px 16px}.hero{min-height:430px}.hero-content{padding:22px}.hero h1{font-size:32px}.cards-4,.cards-3,.archive-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,1fr)}.newsletter{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.article-header h1{font-size:36px}.article-content{font-size:17px}}

.vmn-ad-slot{min-height:90px;border:1px dashed #555;background:#101010;color:#777;display:grid;place-items:center;margin:18px 0;text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.vmn-ad-slot span{padding:7px 12px;border:1px solid #333}

/* V1.5 event image sizing and credit */
.event-archive-card > a{display:block;background:#111;}
.event-archive-card > a img{width:100%;height:210px;object-fit:contain;background:#111;}
.vmn-event-featured{max-width:760px;margin:0 auto;}
.vmn-event-featured > img{width:auto;max-width:100%;max-height:560px;height:auto;object-fit:contain;margin:0 auto;}
.vmn-event-featured .vmn-photo-credit{text-align:center;}
@media(max-width:760px){.event-archive-card > a img{height:180px;}.vmn-event-featured{max-width:100%;}.vmn-event-featured > img{max-height:480px;}}
/* Künstlerbild vollständig anzeigen */
.article-featured img{width:auto;max-width:100%;height:auto;object-fit:contain}
/* VOLKSMUSIKNEWS SOCIAL V1.4.1 */
.socials.header-socials,.socials.footer-socials{display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important;gap:16px!important}
.social-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:56px!important;height:56px!important;border-radius:50%!important;text-decoration:none!important;font-family:Arial,sans-serif!important;font-weight:700!important;line-height:1!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important;flex:0 0 56px!important}
.social-link svg{width:30px!important;height:30px!important;display:block!important}
.social-link.facebook{background:#1877f2!important;color:#fff!important}
.social-link.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0 12%,#fd5949 38%,#d6249f 62%,#285AEB 95%)!important;color:#fff!important}
.social-link.youtube{background:#ff0000!important;color:#fff!important}
.social-link.email{background:#333!important;color:#fff!important}
.social-link.is-inactive{opacity:.65!important;cursor:default!important}
.header-socials .social-link,.footer-socials .social-link{width:56px!important;height:56px!important}
@media(max-width:760px){.socials.header-socials{gap:10px!important}.header-socials .social-link{width:48px!important;height:48px!important;flex-basis:48px!important}.header-socials .social-link svg{width:26px!important;height:26px!important}.footer-socials{gap:10px!important}.footer-socials .social-link{width:52px!important;height:52px!important;flex-basis:52px!important}.footer-socials .social-link svg{width:28px!important;height:28px!important}}

/* VOLKSMUSIKNEWS HEADER/FOOTER SOCIAL + TEMPLATE REFINEMENT V1.4.2 */
.socials.header-socials,.socials.footer-socials{display:flex!important;align-items:center!important;gap:16px!important;visibility:visible!important;opacity:1!important;}
.social-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;text-decoration:none!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;padding:0!important;overflow:hidden!important;}
.social-link svg{display:block!important;width:30px!important;height:30px!important;}
.social-link.facebook{width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:50%!important;background:#1877f2!important;color:#fff!important;}
.social-link.instagram{width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:16px!important;background:linear-gradient(135deg,#feda75 0%,#fa7e1e 25%,#d62976 52%,#962fbf 76%,#4f5bd5 100%)!important;color:#fff!important;}
.social-link.instagram svg{width:34px!important;height:34px!important;}
.social-link.youtube{width:56px!important;height:40px!important;flex:0 0 56px!important;border-radius:11px!important;background:#ff0000!important;color:#fff!important;}
.social-link.youtube svg{width:34px!important;height:34px!important;}
.social-link.email{width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:50%!important;background:#333!important;color:#fff!important;}
.social-link.email svg{width:34px!important;height:34px!important;}
.social-link.is-inactive{opacity:1!important;cursor:default!important;}
.site-top .header-socials .social-link.youtube{height:40px!important;}
@media(max-width:760px){
.socials.header-socials,.socials.footer-socials{gap:10px!important;}
.header-socials .social-link.facebook,.header-socials .social-link.instagram,.header-socials .social-link.email{width:48px!important;height:48px!important;flex-basis:48px!important;}
.header-socials .social-link.instagram{border-radius:14px!important;}
.header-socials .social-link.youtube{width:48px!important;height:35px!important;flex-basis:48px!important;border-radius:9px!important;}
.header-socials .social-link svg{width:27px!important;height:27px!important;}
.footer-socials .social-link.facebook,.footer-socials .social-link.instagram,.footer-socials .social-link.email{width:52px!important;height:52px!important;flex-basis:52px!important;}
.footer-socials .social-link.instagram{border-radius:15px!important;}
.footer-socials .social-link.youtube{width:52px!important;height:37px!important;flex-basis:52px!important;border-radius:10px!important;}
.footer-socials .social-link svg{width:30px!important;height:30px!important;}
}

/* V1.4.3 FINAL SOCIAL ICON FIX */
.social-link.instagram{
  background:transparent!important;
  border-radius:0!important;
  width:48px!important;height:48px!important;flex:0 0 48px!important;
  color:#fff!important;
}
.social-link.instagram svg{width:48px!important;height:48px!important;}
.social-link.youtube{
  background:transparent!important;
  border-radius:0!important;
  width:48px!important;height:35px!important;flex:0 0 48px!important;
  color:#fff!important;
}
.social-link.youtube svg{width:48px!important;height:48px!important;}
.footer-socials .social-link.instagram{width:52px!important;height:52px!important;flex-basis:52px!important;}
.footer-socials .social-link.instagram svg{width:52px!important;height:52px!important;}
.footer-socials .social-link.youtube{width:52px!important;height:37px!important;flex-basis:52px!important;}
.footer-socials .social-link.youtube svg{width:52px!important;height:52px!important;}
/* Social Sharing */
.vmn-share {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 40px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.12);
}

.vmn-share-label {
    color: #aaa;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}

.vmn-share-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.vmn-share-btn {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: transparent;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .2s ease;
}

.vmn-share-btn:hover {
    background: #f15a24;
    border-color: #f15a24;
    color: #fff;
    transform: translateY(-2px);
}

.vmn-share-btn svg {
    width: 17px;
    height: 17px;
    display: block;
    fill: currentColor;
}

@media (max-width: 600px) {
    .vmn-share {
        gap: 12px;
        margin-top: 30px;
    }

    .vmn-share-buttons {
        gap: 8px;
    }

    .vmn-share-btn {
        width: 36px;
        height: 36px;
    }
}
.sib-form {
    background: #151515 !important;
    border-top: 3px solid var(--o) !important;
    border-bottom: 3px solid var(--o) !important;
    padding: 28px 30px !important;
    text-align: left !important;
}

.sib-form #sib-form-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.sib-form #sib-container {
    max-width: 1200px !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.sib-form #sib-form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 60px !important;
    align-items: center !important;
}

/* Überschrift */
.sib-form #sib-form > div:nth-child(1) {
    grid-column: 1 !important;
    padding: 0 !important;
}

.sib-form #sib-form > div:nth-child(1) p {
    font-family: inherit !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--o) !important;
    margin: 0 0 5px 0 !important;
}

/* Beschreibung */
.sib-form #sib-form > div:nth-child(2) {
    grid-column: 1 !important;
    padding: 0 !important;
}

.sib-form #sib-form > div:nth-child(2) p {
    font-family: inherit !important;
    font-size: 15px !important;
    color: #ffffff !important;
    margin: 0 !important;
}

/* E-Mail */
.sib-form #sib-form > div:nth-child(3) {
    grid-column: 2 !important;
    padding: 0 !important;
}

.sib-form #sib-form .entry__label {
    display: none !important;
}

.sib-form #sib-form .entry__field {
    width: 100% !important;
}

.sib-form #sib-form input#EMAIL {
    width: 100% !important;
    height: 48px !important;
    box-sizing: border-box !important;
    border: 1px solid #777 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #222222 !important;
    padding: 0 15px !important;
    font-size: 15px !important;
}

.sib-form #sib-form input#EMAIL::placeholder {
    color: #777 !important;
}

/* Hilfstext unter E-Mail ausblenden */
.sib-form #sib-form .entry__specification {
    display: none !important;
}

/* ANMELDEN */
.sib-form #sib-form > div:nth-child(4) {
    grid-column: 2 !important;
    padding: 0 !important;
}

.sib-form #sib-form button {
    width: 100% !important;
    height: 48px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: var(--o) !important;
    background-color: var(--o) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    cursor: pointer !important;
}

.sib-form #sib-form button:hover {
    opacity: 0.9 !important;
}

/* Opt-in */
.sib-form #sib-form > div:nth-child(5) {
    grid-column: 2 !important;
    padding: 0 !important;
}

.sib-form #sib-form .sib-optin {
    color: #ffffff !important;
}

.sib-form #sib-form .sib-optin .entry__label {
    display: none !important;
}

.sib-form #sib-form .sib-optin p {
    color: #cccccc !important;
    font-size: 13px !important;
    margin: 0 !important;
}

.sib-form #sib-form .sib-optin a {
    color: var(--o) !important;
}

/* Brevo Honeypot verstecken */
.sib-form #sib-form .input--hidden {
    display: none !important;
}

/* Fehlermeldung */
.sib-form #error-message,
.sib-form #success-message {
    max-width: 1200px !important;
    margin: 0 auto 15px auto !important;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 700px) {

    .sib-form {
        padding: 25px 18px !important;
    }

    .sib-form #sib-form {
        display: block !important;
    }

    .sib-form #sib-form > div {
        margin-bottom: 12px !important;
    }

    .sib-form #sib-form > div:nth-child(1),
    .sib-form #sib-form > div:nth-child(2),
    .sib-form #sib-form > div:nth-child(3),
    .sib-form #sib-form > div:nth-child(4),
    .sib-form #sib-form > div:nth-child(5) {
        padding: 0 !important;
    }

    .sib-form #sib-form > div:nth-child(1) p {
        font-size: 20px !important;
    }

    .sib-form #sib-form > div:nth-child(2) p {
        font-size: 14px !important;
    }
}
.sib-form,
.sib-form * {
    --newsletter-orange: #f15a24;
}

.sib-form {
    border-top-color: #f15a24 !important;
    border-bottom-color: #f15a24 !important;
}

.sib-form #sib-form > div:nth-child(1) p {
    color: #f15a24 !important;
}

.sib-form #sib-form button,
.sib-form #sib-form button.sib-form-block__button {
    background: #f15a24 !important;
    background-color: #f15a24 !important;
}

.sib-form #sib-form .sib-optin a {
    color: #f15a24 !important;
}