/*
Theme Name: Black-Line OWL v8
Theme URI: https://black-line-owl.de/
Author: OpenAI for BLACK-LINE OWL
Description: Individuelles, responsives WordPress-Theme für Black-Line OWL mit Mega-Menüs, Hero-Bereich und Footer im gewünschten Stil.
Version: 1.6.5
Text Domain: black-line-owl-v5
*/

:root{
  --bg:#050505;
  --bg2:#0a0a0a;
  --text:#f4f4f4;
  --muted:#bcbcbc;
  --line:#2a2a2a;
  --accent:#d7b46a;
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.screen-reader-text{position:absolute;left:-9999px}
.blo-container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.blo-header{position:relative;z-index:999;background:#000;border-bottom:1px solid #111}
.blo-header-inner{min-height:98px;display:grid;grid-template-columns:280px 1fr auto;align-items:center;gap:28px}
.blo-brand{display:inline-flex;align-items:center;min-width:0}.blo-custom-logo{max-height:72px;width:auto}.blo-brand-text{font-weight:900;font-style:italic;line-height:.88;letter-spacing:-1px;font-size:28px}.blo-brand-text small{display:block;font-size:12px;letter-spacing:2.5px;text-align:center;margin-top:8px}
.blo-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:52px}.blo-nav-item{position:relative;height:100%;display:flex;align-items:center}.blo-nav-toggle{border:0;background:transparent;color:#fff;cursor:pointer;font-size:15px;font-weight:800;text-transform:uppercase;padding:38px 0 34px}.blo-nav-toggle::after{content:"⌄";font-size:13px;margin-left:7px;color:#d7d7d7}.blo-nav-link{font-size:15px;font-weight:800;text-transform:uppercase;padding:38px 0 34px}
.blo-mega{position:absolute;top:82px;left:-16px;min-width:215px;background:rgba(6,6,6,.97);border:1px solid #3a3a3a;border-radius:4px;box-shadow:0 16px 40px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;overflow:hidden}
.blo-nav-item:hover .blo-mega,.blo-nav-item:focus-within .blo-mega{opacity:1;visibility:visible;transform:none}.blo-mega a{display:block;padding:12px 20px;font-size:14px;font-weight:700;text-transform:uppercase;white-space:nowrap}.blo-mega a:hover{background:#141414;color:#fff}
 .blo-socials{display:flex;align-items:center;gap:24px;flex-wrap:nowrap}
.blo-social{width:auto;height:auto;border:0;display:grid;place-items:center;border-radius:0;transition:.18s ease;padding:0;background:transparent}
.blo-social svg{width:28px;height:28px;fill:#fff;display:block}
.blo-social:hover{transform:translateY(-1px) scale(1.08);background:transparent}
.blo-mobile-button{display:none;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer;padding:8px}
.blo-home-scene{background-image:var(--blo-home-bg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#070707}.blo-hero{min-height:650px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:transparent;overflow:hidden}.blo-hero::after{content:none}.blo-hero-inner{position:relative;z-index:2;padding:80px 20px}.blo-hero-logo{max-width:600px;margin:0 auto 26px}.blo-hero-title{margin:0 auto 10px;font-size:66px;line-height:.87;font-weight:900;font-style:italic;letter-spacing:-3px;text-transform:uppercase}.blo-hero-title span{display:block}.blo-hero-est{font-size:28px;font-weight:900;font-style:italic;letter-spacing:2px;margin-bottom:30px}.blo-hero-kicker{margin:0 auto 10px;font-size:31px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.75)}.blo-hero-kicker strong{color:#f0d59a}.blo-hero-copy{margin:0 auto;max-width:760px;color:#e2e2e2;font-size:18px;text-shadow:0 2px 7px rgba(0,0,0,.85)}.blo-hero-copy strong{display:block;margin-top:8px;color:#fff}
.blo-main{background:#0a0a0a}.blo-page{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:70px 0}.blo-page h1{font-size:44px;margin:0 0 30px}.blo-page p{color:#d3d3d3}
.blo-home-tail{height:250px;background:transparent;border-top:0}
.blo-footer{background:#030303;border-top:1px solid #111}.blo-footer-top{padding:44px 0 18px;display:grid;grid-template-columns:1.35fr 1fr 1.15fr 1fr 1fr;gap:46px;align-items:start}.blo-footer-brand-logo{max-width:250px;margin-bottom:18px}.blo-footer-brand p{color:#c6c6c6;margin:8px 0;font-size:15px}.blo-gold-line{width:48px;height:2px;background:var(--accent);margin:18px 0}.blo-footer h3{font-size:17px;text-transform:uppercase;margin:0 0 12px;font-weight:900}.blo-footer h3::after{content:"";display:block;width:38px;height:2px;background:#e5d6ac;margin-top:12px}.blo-footer-links{list-style:none;margin:0;padding:0}.blo-footer-links li{margin:12px 0}.blo-footer-links a{color:#d6d6d6;font-size:15px}.blo-footer-links a:hover{color:#fff}.blo-footer-link-row{display:flex;justify-content:space-between;gap:12px} .blo-footer-socials{display:flex;gap:24px;margin-top:24px;flex-wrap:nowrap;align-items:center}
.blo-footer-socials .blo-social{border:0;width:auto;height:auto;border-radius:0;padding:0;background:transparent}
.blo-footer-socials .blo-social svg{width:30px;height:30px;fill:#fff}.blo-footer-donate-wrap{display:flex;justify-content:center;padding:8px 0 22px}.blo-footer-donate{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff;font-size:15px}.blo-footer-donate:hover{color:#f0cf7a}.blo-footer-donate .blo-heart{font-size:18px;color:#f0cf7a}.blo-footer-bottom{border-top:1px solid #574f3c;min-height:76px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;color:#aaa;font-size:14px}.blo-footer-made{text-align:right}.blo-heart{color:#f0cf7a}
.blo-mobile-panel{display:none;position:fixed;inset:0;z-index:1200;background:#050505;padding:24px;overflow:auto}.blo-mobile-panel.is-open{display:block}.blo-mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.blo-mobile-close{border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer}.blo-mobile-group{border-top:1px solid #242424}.blo-mobile-group:last-child{border-bottom:1px solid #242424}.blo-mobile-group-title,.blo-mobile-single{display:flex;width:100%;justify-content:space-between;align-items:center;background:none;border:0;color:#fff;padding:18px 0;font-size:18px;font-weight:900;text-transform:uppercase;text-align:left}.blo-mobile-sub{display:none;padding:0 0 14px}.blo-mobile-group.open .blo-mobile-sub{display:block}.blo-mobile-sub a{display:block;padding:10px 12px;color:#ccc}.blo-mobile-socials{display:flex;gap:22px;margin-top:28px;flex-wrap:nowrap;align-items:center}.blo-mobile-socials .blo-social{width:auto;height:auto;border:0}.blo-mobile-socials .blo-social svg{width:28px;height:28px}
@media(max-width:1180px){.blo-header-inner{grid-template-columns:220px 1fr auto}.blo-nav{gap:28px}.blo-socials{gap:8px}.blo-footer-top{grid-template-columns:repeat(3,1fr);gap:30px}}
@media(max-width:900px){.blo-container{width:min(100% - 30px,var(--max))}.blo-header-inner{min-height:78px;grid-template-columns:1fr auto}.blo-custom-logo{max-height:58px}.blo-nav,.blo-header .blo-socials{display:none}.blo-mobile-button{display:block}.blo-hero{min-height:600px}.blo-hero-title{font-size:50px}.blo-hero-kicker{font-size:25px}.blo-footer-top{grid-template-columns:1fr 1fr}.blo-footer-bottom{grid-template-columns:1fr;text-align:center;padding:18px 0}.blo-footer-made{text-align:center}}
@media(max-width:620px){.blo-brand-text{font-size:23px}.blo-hero{min-height:520px}.blo-hero-inner{padding:60px 16px}.blo-hero-title{font-size:42px;letter-spacing:-2px}.blo-hero-est{font-size:19px}.blo-hero-kicker{font-size:22px}.blo-hero-copy{font-size:16px}.blo-home-tail{height:175px}.blo-footer-top{grid-template-columns:1fr;gap:26px;padding-top:36px}.blo-footer-socials .blo-social{width:auto;height:auto}.blo-footer-socials .blo-social svg{width:30px;height:30px}.blo-page{width:min(100% - 30px,1100px);padding:45px 0}.blo-page h1{font-size:34px}}

/* =========================================================
   BLACK-LINE OWL – FOTOGRAFEN
   ========================================================= */

.blo-photographers-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}


/* Kopfbereich */

.blo-photographers-heading{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:38px;
}

.blo-photographers-heading-icon{
    width:58px;
    height:58px;
    min-width:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(215,180,106,.5);
    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            rgba(215,180,106,.12),
            rgba(215,180,106,.02)
        );
}

.blo-photographers-heading-icon svg{
    width:27px;
    height:27px;
    fill:#d7b46a;
}

.blo-section-eyebrow{
    display:block;
    margin-bottom:3px;

    color:#d7b46a;

    font-size:11px;
    font-weight:800;
    letter-spacing:2.5px;
}

.blo-photographers-heading h2{
    margin:0;

    color:#fff;

    font-size:30px;
    line-height:1.1;
    font-weight:900;
}

.blo-photographers-heading p{
    margin:6px 0 0;

    color:#999;

    font-size:14px;
}


/* Grid */

.blo-photographers-grid{
    display:grid;
    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap:18px;
}


/* Karte */

.blo-photographer-card{
    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;
    border-radius:14px;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.blo-photographer-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d7b46a,
            transparent
        );

    opacity:0;

    transition:.2s;
}

.blo-photographer-card:hover{
    transform:translateY(-4px);

    border-color:
        rgba(215,180,106,.55);

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.35);
}

.blo-photographer-card:hover::before{
    opacity:1;
}


/* kompletter Link */

.blo-photographer-link{
    position:relative;

    display:flex;
    align-items:center;

    min-height:110px;

    padding:20px;

    gap:18px;

    color:#fff;

    text-decoration:none !important;
}


/* Profilbild */

.blo-photographer-image{
    width:70px;
    height:70px;

    min-width:70px;

    overflow:hidden;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    border:
        2px solid
        rgba(215,180,106,.5);

    background:#222;

    box-shadow:
        0 0 0 4px
        rgba(215,180,106,.05);
}

.blo-photographer-image img{
    width:100%;
    height:100%;

    object-fit:cover;
}

.blo-photographer-image span{
    color:#d7b46a;

    font-size:27px;
    font-weight:900;
}


/* Text */

.blo-photographer-content{
    flex:1;
    min-width:0;
}

.blo-photographer-content h3{
    margin:0 0 8px;

    color:#fff;

    font-size:18px;
    font-weight:800;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


/* Instagram */

.blo-photographer-instagram{
    display:inline-flex;
    align-items:center;

    gap:7px;

    color:#d7b46a;

    font-size:13px;
    font-weight:700;
}

.blo-photographer-instagram svg{
    width:18px;
    height:18px;

    fill:currentColor;
}


/* Pfeil rechts */

.blo-photographer-arrow{
    color:#777;

    font-size:21px;

    transition:
        color .2s,
        transform .2s;
}

.blo-photographer-card:hover
.blo-photographer-arrow{
    color:#d7b46a;

    transform:
        translate(2px,-2px);
}


/* Empty */

.blo-photographers-empty{
    padding:40px;

    text-align:center;

    border:
        1px dashed
        #333;

    border-radius:14px;

    color:#888;
}


/* Tablet */

@media(max-width:850px){

    .blo-photographers-grid{
        grid-template-columns:1fr;
    }

}


/* Smartphone */

@media(max-width:600px){

    .blo-photographers-section{
        padding-bottom:40px;
    }

    .blo-photographers-heading{
        align-items:flex-start;
        gap:14px;

        margin-bottom:26px;
    }

    .blo-photographers-heading-icon{
        width:48px;
        height:48px;

        min-width:48px;
    }

    .blo-photographers-heading h2{
        font-size:24px;
    }

    .blo-photographers-heading p{
        font-size:13px;
    }

    .blo-photographer-link{
        min-height:94px;

        padding:16px;

        gap:14px;
    }

    .blo-photographer-image{
        width:58px;
        height:58px;

        min-width:58px;
    }

    .blo-photographer-content h3{
        font-size:16px;
    }

    .blo-photographer-instagram{
        font-size:12px;
    }

}
/* =========================================================
   BLACK-LINE OWL – SOCIAL MEDIA
   ========================================================= */

.blo-social-page{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}


/* HEADER */

.blo-social-page-heading{
    margin-bottom:34px;
}

.blo-social-page-heading h2{
    margin:3px 0 7px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-social-page-heading p{
    max-width:720px;
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.6;
}


/* GRID */

.blo-social-page-grid{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:18px;
}


/* KARTE */

.blo-social-page-card{
    position:relative;

    display:flex;
    align-items:center;

    min-height:145px;

    gap:22px;

    padding:24px;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:
        1px solid
        #2c2c30;

    border-radius:15px;

    color:#fff;

    text-decoration:none !important;

    transition:
        transform .2s,
        border-color .2s,
        box-shadow .2s;
}


.blo-social-page-card:hover{
    transform:translateY(-4px);

    border-color:
        rgba(215,180,106,.55);

    box-shadow:
        0 16px 35px
        rgba(0,0,0,.3);
}


/* ICON / LOGO */

.blo-social-page-icon{
    width:72px;
    height:72px;
    min-width:72px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:12px;

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:14px;

    overflow:hidden;
}


.blo-social-page-icon img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}


.blo-social-page-icon span{
    color:#d7b46a;

    font-size:25px;
    font-weight:900;
}


/* TEXT */

.blo-social-page-content{
    flex:1;

    min-width:0;
}


.blo-social-page-content h3{
    margin:0 0 8px;

    color:#fff;

    font-size:19px;

    font-weight:900;
}


.blo-social-page-content p{
    margin:0 0 13px;

    color:#999;

    font-size:13px;

    line-height:1.55;
}


.blo-social-page-open{
    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#d7b46a;

    font-size:12px;

    font-weight:800;
}


.blo-social-page-open span{
    transition:
        transform .2s;
}


.blo-social-page-card:hover
.blo-social-page-open span{
    transform:
        translate(2px,-2px);
}


/* LEER */

.blo-social-page-empty{
    padding:40px;

    color:#888;

    text-align:center;

    border:
        1px dashed
        #333;

    border-radius:14px;
}


/* MOBILE */

@media(max-width:800px){

    .blo-social-page-grid{
        grid-template-columns:1fr;
    }

}


@media(max-width:500px){

    .blo-social-page-heading h2{
        font-size:26px;
    }

    .blo-social-page-card{
        min-height:115px;

        padding:18px;

        gap:15px;
    }

    .blo-social-page-icon{
        width:58px;
        height:58px;
        min-width:58px;

        padding:9px;
    }

    .blo-social-page-content h3{
        font-size:17px;
    }

    .blo-social-page-content p{
        font-size:12px;
    }

}
/*
=========================================================
   BLACK-LINE OWL – APP
   ========================================================= */

.blo-app-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}


.blo-app-heading{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:34px;
}


.blo-app-heading-icon{
    width:58px;
    height:58px;
    min-width:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(215,180,106,.5);
    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            rgba(215,180,106,.12),
            rgba(215,180,106,.02)
        );
}


.blo-app-heading-icon svg{
    width:28px;
    height:28px;
    fill:#d7b46a;
}


.blo-app-heading h2{
    margin:0;
    color:#fff;
    font-size:30px;
    line-height:1.1;
    font-weight:900;
}


.blo-app-heading p{
    margin:6px 0 0;
    color:#999;
    font-size:14px;
}


.blo-app-card{
    position:relative;

    padding:32px;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;
    border-radius:15px;

    overflow:hidden;
}


.blo-app-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d7b46a,
            transparent
        );
}


.blo-app-status{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-bottom:18px;

    padding:7px 12px;

    border-radius:20px;

    background:
        rgba(215,180,106,.08);

    border:
        1px solid
        rgba(215,180,106,.28);

    color:#d7b46a;

    font-size:12px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}


.blo-app-status-dot{
    width:8px;
    height:8px;

    border-radius:50%;

    background:#d7b46a;

    box-shadow:
        0 0 10px
        rgba(215,180,106,.7);
}


.blo-app-card h3{
    margin:0 0 12px;

    color:#fff;

    font-size:25px;
    font-weight:900;
}


.blo-app-card p{
    max-width:760px;

    margin:0;

    color:#aaa;

    font-size:14px;
    line-height:1.7;
}


.blo-app-note{
    margin-top:24px;

    padding-top:20px;

    border-top:
        1px solid
        #2c2c30;

    color:#ddd;

    font-size:13px;
    font-weight:600;
}


@media(max-width:600px){

    .blo-app-heading{
        align-items:flex-start;
        gap:14px;
    }

    .blo-app-heading-icon{
        width:48px;
        height:48px;
        min-width:48px;
    }

    .blo-app-heading h2{
        font-size:24px;
    }

    .blo-app-card{
        padding:22px;
    }

    .blo-app-card h3{
        font-size:21px;
    }

}
/* =========================================================
   BLACK-LINE OWL – ÜBER UNS
   ========================================================= */

.blo-about-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}


/* =========================================================
   HEADER
   ========================================================= */

.blo-about-heading{
    margin-bottom:34px;
}

.blo-about-heading h2{
    margin:3px 0 7px;

    color:#fff;

    font-size:32px;
    line-height:1.1;

    font-weight:900;
}

.blo-about-heading p{
    margin:0;

    color:#999;

    font-size:14px;
}


/* kleine goldene Labels */

.blo-about-label,
.blo-about-column-label{
    display:block;

    margin-bottom:9px;

    color:#d7b46a;

    font-size:10px;
    font-weight:900;

    letter-spacing:2.3px;
}


/* =========================================================
   INTRO
   ========================================================= */

.blo-about-intro{
    margin-bottom:20px;

    padding:36px;

    background:
        linear-gradient(
            135deg,
            #171719,
            #0e0e10
        );

    border:1px solid #2c2c30;

    border-radius:15px;
}

.blo-about-intro h3{
    margin:0 0 18px;

    color:#fff;

    font-size:32px;
    line-height:1.15;

    font-weight:900;
}

.blo-about-intro h3 span{
    display:block;

    color:#d7b46a;
}

.blo-about-intro p{
    max-width:850px;

    margin:0 0 13px;

    color:#aaa;

    font-size:14px;

    line-height:1.75;
}


/* =========================================================
   WERTE
   ========================================================= */

.blo-about-values{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:18px;

    margin-bottom:20px;
}


.blo-about-value{
    padding:26px;

    background:
        linear-gradient(
            135deg,
            #161618,
            #111113
        );

    border:1px solid #29292d;

    border-radius:14px;

    transition:
        transform .2s,
        border-color .2s,
        box-shadow .2s;
}


.blo-about-value:hover{
    transform:translateY(-3px);

    border-color:
        rgba(215,180,106,.45);

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.25);
}


.blo-about-value-number{
    display:block;

    margin-bottom:18px;

    color:#d7b46a;

    font-size:11px;

    font-weight:900;

    letter-spacing:2px;

    opacity:.8;
}


.blo-about-value h3{
    margin:0 0 10px;

    color:#fff;

    font-size:19px;

    font-weight:900;
}


.blo-about-value p{
    margin:0;

    color:#999;

    font-size:13px;

    line-height:1.7;
}


/* =========================================================
   UNSER ANSATZ
   ========================================================= */

.blo-about-notice{
    margin-bottom:20px;

    padding:30px;

    background:
        linear-gradient(
            135deg,
            rgba(215,180,106,.06),
            #131315
        );

    border:
        1px solid
        rgba(215,180,106,.28);

    border-radius:15px;
}


.blo-about-notice h3{
    margin:0 0 14px;

    color:#fff;

    font-size:22px;

    font-weight:900;
}


.blo-about-notice p{
    max-width:900px;

    margin:0 0 12px;

    color:#aaa;

    font-size:14px;

    line-height:1.75;
}


.blo-about-rules{
    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:24px;

    padding-top:20px;

    border-top:
        1px solid
        rgba(255,255,255,.08);
}


.blo-about-rules span{
    padding:7px 11px;

    background:#19191b;

    border:1px solid #303034;

    border-radius:7px;

    color:#ccc;

    font-size:12px;

    font-weight:700;
}


/* =========================================================
   TREFFEN / HALTUNG
   ========================================================= */

.blo-about-columns{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:18px;

    margin-bottom:20px;
}


.blo-about-column{
    padding:28px;

    background:#141416;

    border:1px solid #29292d;

    border-radius:14px;
}


.blo-about-column h3{
    margin:0 0 13px;

    color:#fff;

    font-size:21px;

    font-weight:900;
}


.blo-about-column p{
    margin:0;

    color:#999;

    font-size:13px;

    line-height:1.7;
}


.blo-about-column ul{
    margin:20px 0 0;

    padding:0;

    list-style:none;
}


.blo-about-column li{
    position:relative;

    margin:10px 0;

    padding-left:19px;

    color:#ccc;

    font-size:13px;
}


.blo-about-column li::before{
    content:"";

    position:absolute;

    left:0;
    top:8px;

    width:6px;
    height:6px;

    border-radius:50%;

    background:#d7b46a;
}


/* =========================================================
   PRESSE
   ========================================================= */

.blo-about-public{
    margin-bottom:20px;

    padding:30px;

    background:
        linear-gradient(
            135deg,
            #141416,
            #0c0c0e
        );

    border:1px solid #29292d;

    border-radius:15px;
}


.blo-about-public-heading{
    margin-bottom:24px;
}


.blo-about-public-heading h3{
    margin:5px 0 9px;

    color:#fff;

    font-size:24px;

    font-weight:900;
}


.blo-about-public-heading p{
    max-width:720px;

    margin:0;

    color:#999;

    font-size:13px;

    line-height:1.7;
}


.blo-about-public-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:16px;
}


.blo-about-public-card{
    display:flex;

    flex-direction:column;

    min-height:235px;

    padding:22px;

    background:
        linear-gradient(
            135deg,
            #1a1a1d,
            #111113
        );

    border:1px solid #303034;

    border-radius:13px;

    color:#fff;

    text-decoration:none !important;

    transition:
        transform .2s,
        border-color .2s,
        box-shadow .2s;
}


.blo-about-public-card:hover{
    transform:translateY(-4px);

    border-color:
        rgba(215,180,106,.55);

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.3);
}


.blo-about-source{
    display:block;

    margin-bottom:12px;

    color:#d7b46a;

    font-size:9px;

    font-weight:900;

    letter-spacing:1.8px;
}


.blo-about-public-card h4{
    margin:0 0 11px;

    color:#fff;

    font-size:17px;

    line-height:1.35;

    font-weight:900;
}


.blo-about-public-card p{
    flex:1;

    margin:0 0 18px;

    color:#999;

    font-size:12px;

    line-height:1.65;
}


.blo-about-read{
    color:#d7b46a;

    font-size:12px;

    font-weight:800;
}
.blo-about-public-description{
    flex:1;

    margin:0 0 18px;

    color:#999;

    font-size:12px;

    line-height:1.65;
}

.blo-about-public-description p{
    margin:0 0 10px;
}

.blo-about-public-empty{
    padding:30px;

    color:#888;

    text-align:center;

    border:1px dashed #333;

    border-radius:12px;
}

/* =========================================================
   ABSCHLUSS
   ========================================================= */

.blo-about-final{
    padding:30px;

    background:
        linear-gradient(
            90deg,
            #151517,
            #0d0d0f
        );

    border:
        1px solid
        #29292d;

    border-radius:15px;
}


.blo-about-final h3{
    margin:0 0 11px;

    color:#fff;

    font-size:25px;

    font-weight:900;
}


.blo-about-final p{
    max-width:800px;

    margin:0;

    color:#999;

    font-size:13px;

    line-height:1.75;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px){

    .blo-about-values{
        grid-template-columns:1fr;
    }

    .blo-about-columns{
        grid-template-columns:1fr;
    }

    .blo-about-public-grid{
        grid-template-columns:1fr;
    }

    .blo-about-public-card{
        min-height:0;
    }

}


@media(max-width:600px){

    .blo-about-heading h2{
        font-size:26px;
    }

    .blo-about-intro{
        padding:23px;
    }

    .blo-about-intro h3{
        font-size:26px;
    }

    .blo-about-value{
        padding:22px;
    }

    .blo-about-notice{
        padding:22px;
    }

    .blo-about-rules{
        flex-direction:column;
    }

    .blo-about-rules span{
        width:100%;
    }

    .blo-about-column{
        padding:22px;
    }

    .blo-about-public{
        padding:22px;
    }

    .blo-about-public-heading h3{
        font-size:21px;
    }

    .blo-about-final{
        padding:22px;
    }

}
/* =========================================================
   BLACK-LINE OWL – ANKÜNDIGUNGEN
   ========================================================= */

.blo-announcements{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}

.blo-announcements-heading{
    margin-bottom:34px;
}

.blo-announcements-heading h2{
    margin:3px 0 7px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-announcements-heading p{
    margin:0;
    color:#999;
    font-size:14px;
}

.blo-announcements-list{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.blo-announcement-card{
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;
    border-radius:15px;

    transition:
        border-color .2s,
        box-shadow .2s;
}

.blo-announcement-card:hover{
    border-color:
        rgba(215,180,106,.45);

    box-shadow:
        0 16px 40px
        rgba(0,0,0,.25);
}

.blo-announcement-card.is-pinned{
    border-color:
        rgba(215,180,106,.5);
}

/* =========================================================
   ANKÜNDIGUNGEN – BILDVORSCHAU
   ========================================================= */

.blo-announcement-image{
    position:relative;

    width:100%;
    height:260px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    background:#09090a;

    cursor:zoom-in;

    border-bottom:
        1px solid
        rgba(255,255,255,.06);

    transition:
        height .35s ease,
        background .25s ease;
}


/* Bild in der Vorschau komplett sichtbar */

.blo-announcement-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    object-position:center;

    transition:
        height .35s ease,
        max-height .35s ease;
}


/* =========================================================
   VERGRÖSSERT
   ========================================================= */

.blo-announcement-image.is-expanded{
    height:auto;

    min-height:0;

    cursor:zoom-out;

    background:#050505;
}


.blo-announcement-image.is-expanded img{
    width:auto;
    max-width:100%;

    height:auto;
    max-height:none;

    object-fit:contain;

    margin:0 auto;
}


/* =========================================================
   KLEINER HINWEIS
   ========================================================= */

.blo-announcement-image-hint{
    position:absolute;

    right:14px;
    bottom:14px;

    padding:7px 11px;

    color:#fff;

    background:
        rgba(10,10,11,.82);

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius:7px;

    font-size:11px;
    font-weight:700;

    line-height:1;

    pointer-events:none;

    backdrop-filter:blur(5px);

    transition:opacity .2s;
}


.blo-image-collapse-text{
    display:none;
}


.blo-announcement-image.is-expanded
.blo-image-expand-text{
    display:none;
}


.blo-announcement-image.is-expanded
.blo-image-collapse-text{
    display:inline;
}


/* Hinweis dezent ausblenden,
   solange Maus über dem großen Bild ist */

.blo-announcement-image.is-expanded:hover
.blo-announcement-image-hint{
    opacity:.75;
}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media(max-width:700px){

    .blo-announcement-image{
        height:190px;
    }

    .blo-announcement-image-hint{
        right:10px;
        bottom:10px;

        padding:6px 9px;

        font-size:10px;
    }

}

.blo-announcement-content{
    padding:28px;
}

.blo-announcement-top{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 16px;

    margin-bottom:12px;
}

.blo-announcement-pin{
    padding:5px 9px;

    color:#111;
    background:#d7b46a;

    border-radius:5px;

    font-size:10px;
    font-weight:900;

    letter-spacing:1px;
}

.blo-announcement-date{
    color:#888;
    font-size:12px;
}

.blo-announcement-content h3{
    margin:0 0 16px;

    color:#fff;

    font-size:23px;
    line-height:1.25;

    font-weight:900;
}

.blo-announcement-text{
    color:#aaa;

    font-size:14px;
    line-height:1.75;
}

.blo-announcement-text p{
    margin:0 0 12px;
}

.blo-announcement-meta{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:12px;

    margin-top:23px;
    padding-top:20px;

    border-top:
        1px solid
        rgba(255,255,255,.08);
}

.blo-announcement-meta span{
    display:flex;
    flex-direction:column;

    color:#ddd;

    font-size:13px;
}

.blo-announcement-meta strong{
    margin-bottom:3px;

    color:#d7b46a;

    font-size:9px;

    letter-spacing:1.5px;

    text-transform:uppercase;
}

.blo-announcements-empty{
    padding:40px;

    color:#888;

    text-align:center;

    border:
        1px dashed
        #333;

    border-radius:14px;
}


@media(max-width:700px){

    .blo-announcement-content{
        padding:20px;
    }

    .blo-announcement-content h3{
        font-size:19px;
    }

    .blo-announcement-meta{
        grid-template-columns:1fr;
    }

}
/* =========================================================
   BLACK-LINE OWL – PARTNER
   ========================================================= */

.blo-partners-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}

.blo-partners-heading{
    margin-bottom:34px;
}

.blo-partners-heading h2{
    margin:3px 0 7px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-partners-heading p{
    margin:0;
    color:#999;
    font-size:14px;
}


/* GRID */

.blo-partners-grid{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap:18px;
}


/* KARTE */

.blo-partner-card{
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;
    border-radius:14px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.blo-partner-card:hover{
    transform:translateY(-4px);

    border-color:
        rgba(215,180,106,.55);

    box-shadow:
        0 16px 35px
        rgba(0,0,0,.3);
}


/* LINK */

.blo-partner-link{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none !important;
}


/* BILDFLÄCHE
   Alle Partner gleich groß */

.blo-partner-image{
    width:100%;
    aspect-ratio:1 / 1;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:20px;

    background:#111113;

    overflow:hidden;
}


/* Logo vollständig zeigen */

.blo-partner-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    transition:
        transform .2s ease;
}


/* leichter Hover */

.blo-partner-card:hover
.blo-partner-image img{
    transform:scale(1.04);
}


/* Falls kein Bild vorhanden */

.blo-partner-image span{
    color:#fff;
    text-align:center;

    font-size:16px;
    font-weight:800;
}


/* LEER */

.blo-partners-empty{
    padding:40px;

    color:#888;

    text-align:center;

    border:
        1px dashed
        #333;

    border-radius:14px;
}


/* TABLET */

@media(max-width:950px){

    .blo-partners-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* KLEINES TABLET */

@media(max-width:700px){

    .blo-partners-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* SMARTPHONE */

@media(max-width:450px){

    .blo-partners-grid{
        grid-template-columns:1fr;
    }

    .blo-partner-image{
        aspect-ratio:16 / 10;
    }

}
/* =========================================================
   BLACK-LINE OWL – PARTNER WERDEN
   ========================================================= */

.blo-partner-request-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}

.blo-partner-request-heading{
    margin-bottom:34px;
}

.blo-partner-request-heading h2{
    margin:3px 0 7px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-partner-request-heading p{
    margin:0;
    color:#999;
    font-size:14px;
}

.blo-partner-request-label{
    display:block;
    margin-bottom:8px;
    color:#d7b46a;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
}


/* INTRO */

.blo-partner-request-intro{
    margin-bottom:20px;
    padding:30px;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-partner-request-intro h3{
    margin:0 0 14px;
    color:#fff;
    font-size:24px;
    font-weight:900;
}

.blo-partner-request-intro p{
    max-width:850px;
    margin:0 0 11px;
    color:#aaa;
    font-size:14px;
    line-height:1.7;
}


/* INFO */

.blo-partner-request-grid{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:20px;
}

.blo-partner-request-info{
    padding:27px;
    background:#141416;
    border:1px solid #29292d;
    border-radius:14px;
}

.blo-partner-request-info h3{
    margin:0 0 12px;
    color:#fff;
    font-size:20px;
    font-weight:900;
}

.blo-partner-request-info p{
    color:#999;
    font-size:13px;
    line-height:1.7;
}

.blo-partner-request-info ul{
    margin:20px 0 0;
    padding:0;
    list-style:none;
}

.blo-partner-request-info li{
    position:relative;
    margin:10px 0;
    padding-left:19px;
    color:#ccc;
    font-size:13px;
}

.blo-partner-request-info li::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#d7b46a;
}


/* FORMULAR */

.blo-partner-form-wrap{
    padding:30px;

    background:
        linear-gradient(
            135deg,
            #151517,
            #0e0e10
        );

    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-partner-form-heading{
    margin-bottom:25px;
}

.blo-partner-form-heading h3{
    margin:0 0 8px;
    color:#fff;
    font-size:23px;
    font-weight:900;
}

.blo-partner-form-heading p{
    max-width:700px;
    margin:0;
    color:#999;
    font-size:13px;
    line-height:1.7;
}

.blo-partner-form{
    display:flex;
    flex-direction:column;
    gap:17px;
}

.blo-partner-form-row{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:17px;
}

.blo-partner-field{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.blo-partner-field label{
    color:#ddd;
    font-size:12px;
    font-weight:700;
}

.blo-partner-field input,
.blo-partner-field textarea{
    width:100%;
    box-sizing:border-box;

    padding:12px 13px;

    color:#fff;
    background:#0e0e10;

    border:1px solid #303034;
    border-radius:8px;

    font-family:inherit;
    font-size:14px;

    outline:none;

    transition:
        border-color .2s,
        box-shadow .2s;
}

.blo-partner-field textarea{
    resize:vertical;
    min-height:150px;
}

.blo-partner-field input:focus,
.blo-partner-field textarea:focus{
    border-color:#d7b46a;

    box-shadow:
        0 0 0 3px
        rgba(215,180,106,.08);
}

.blo-partner-form-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-top:5px;
}

.blo-partner-form-bottom p{
    margin:0;
    max-width:600px;
    color:#777;
    font-size:11px;
    line-height:1.5;
}

.blo-partner-form-bottom button{
    flex-shrink:0;

    padding:12px 20px;

    color:#111;
    background:#d7b46a;

    border:0;
    border-radius:8px;

    font-family:inherit;
    font-size:13px;
    font-weight:900;

    cursor:pointer;

    transition:
        transform .2s,
        filter .2s;
}

.blo-partner-form-bottom button:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);
}


/* STATUS */

.blo-partner-form-message{
    margin-bottom:20px;
    padding:13px 15px;
    border-radius:8px;
    font-size:13px;
    font-weight:700;
}

.blo-partner-form-message.success{
    color:#d7b46a;
    background:rgba(215,180,106,.08);
    border:1px solid rgba(215,180,106,.3);
}

.blo-partner-form-message.error{
    color:#ddd;
    background:#19191b;
    border:1px solid #3a3a3f;
}


/* RESPONSIVE */

@media(max-width:750px){

    .blo-partner-request-grid,
    .blo-partner-form-row{
        grid-template-columns:1fr;
    }

    .blo-partner-form-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .blo-partner-form-bottom button{
        width:100%;
    }
}

@media(max-width:600px){

    .blo-partner-request-heading h2{
        font-size:26px;
    }

    .blo-partner-request-intro,
    .blo-partner-request-info,
    .blo-partner-form-wrap{
        padding:22px;
    }
}
/* =========================================================
   BLACK-LINE OWL – KONTAKT
   ========================================================= */

.blo-contact-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}


/* HEADER */

.blo-contact-heading{
    margin-bottom:34px;
}

.blo-contact-heading h2{
    margin:3px 0 7px;

    color:#fff;

    font-size:32px;
    line-height:1.1;

    font-weight:900;
}

.blo-contact-heading p{
    max-width:720px;

    margin:0;

    color:#999;

    font-size:14px;
    line-height:1.6;
}


.blo-contact-label{
    display:block;

    margin-bottom:8px;

    color:#d7b46a;

    font-size:10px;
    font-weight:900;

    letter-spacing:2px;
}


/* EINLEITUNG */

.blo-contact-intro{
    margin-bottom:20px;

    padding:30px;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;

    border-radius:15px;
}


.blo-contact-intro h3{
    margin:0 0 13px;

    color:#fff;

    font-size:23px;

    font-weight:900;
}


.blo-contact-intro p{
    max-width:850px;

    margin:0 0 9px;

    color:#aaa;

    font-size:14px;

    line-height:1.7;
}


/* FORMULAR */

.blo-contact-form-wrap{
    margin-bottom:20px;

    padding:30px;

    background:
        linear-gradient(
            135deg,
            #151517,
            #0e0e10
        );

    border:1px solid #2c2c30;

    border-radius:15px;
}


.blo-contact-form-wrap h3{
    margin:0 0 24px;

    color:#fff;

    font-size:23px;

    font-weight:900;
}


.blo-contact-form{
    display:flex;

    flex-direction:column;

    gap:17px;
}


.blo-contact-form-row{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:17px;
}


.blo-contact-field{
    display:flex;

    flex-direction:column;

    gap:7px;
}


.blo-contact-field label{
    color:#ddd;

    font-size:12px;

    font-weight:700;
}


.blo-contact-field input,
.blo-contact-field textarea{
    width:100%;

    box-sizing:border-box;

    padding:12px 13px;

    color:#fff;

    background:#0e0e10;

    border:
        1px solid
        #303034;

    border-radius:8px;

    font-family:inherit;

    font-size:14px;

    outline:none;

    transition:
        border-color .2s,
        box-shadow .2s;
}


.blo-contact-field textarea{
    min-height:160px;

    resize:vertical;
}


.blo-contact-field input:focus,
.blo-contact-field textarea:focus{
    border-color:#d7b46a;

    box-shadow:
        0 0 0 3px
        rgba(215,180,106,.08);
}


.blo-contact-form-bottom{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-top:5px;
}


.blo-contact-form-bottom p{
    max-width:600px;

    margin:0;

    color:#777;

    font-size:11px;

    line-height:1.5;
}


.blo-contact-form-bottom button{
    flex-shrink:0;

    padding:12px 21px;

    color:#111;

    background:#d7b46a;

    border:0;

    border-radius:8px;

    font-family:inherit;

    font-size:13px;

    font-weight:900;

    cursor:pointer;

    transition:
        transform .2s,
        filter .2s;
}


.blo-contact-form-bottom button:hover{
    transform:translateY(-2px);

    filter:brightness(1.08);
}


/* MELDUNGEN */

.blo-contact-message{
    margin-bottom:20px;

    padding:13px 15px;

    border-radius:8px;

    font-size:13px;

    font-weight:700;
}


.blo-contact-message.success{
    color:#d7b46a;

    background:
        rgba(215,180,106,.08);

    border:
        1px solid
        rgba(215,180,106,.3);
}


.blo-contact-message.error{
    color:#ddd;

    background:#19191b;

    border:
        1px solid
        #3a3a3f;
}
/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px){

    .blo-contact-social-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


@media(max-width:700px){

    .blo-contact-form-row{
        grid-template-columns:1fr;
    }

    .blo-contact-form-bottom{
        flex-direction:column;

        align-items:flex-start;
    }

    .blo-contact-form-bottom button{
        width:100%;
    }

    .blo-contact-social-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:500px){

    .blo-contact-heading h2{
        font-size:26px;
    }

    .blo-contact-intro,
    .blo-contact-form-wrap,
    .blo-contact-social{
        padding:22px;
    }

    .blo-contact-social-button{
        min-height:115px;
    }

    .blo-contact-social-icon{
        width:40px;
        height:40px;
    }

    .blo-contact-social-icon svg{
        width:29px;
        height:29px;
    }

}
/* =========================================================
   BLACK-LINE OWL – MOBILE HERO FIX
   ========================================================= */

@media(max-width:700px){

    /* Hero auf echtes Mobile-Hochformat trimmen */

    .blo-hero{
        min-height:calc(100vh - 95px);

        display:flex;
        align-items:center;
        justify-content:center;

        padding:30px 18px 40px;

        background-size:cover !important;

        /* Motiv etwas tiefer setzen */
        background-position:center 62% !important;

        background-repeat:no-repeat !important;

        overflow:hidden;
    }


    /* Inhalt sauber mittig */

    .blo-hero-inner,
    .blo-hero-content{
        width:100%;
        max-width:100%;

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        text-align:center;

        margin:0 auto;
        padding:0;
    }


    /* Großes Logo im Hero */

    .blo-hero-logo{
        width:min(78vw, 300px) !important;
        max-width:300px !important;

        height:auto !important;

        margin:0 auto 28px !important;

        object-fit:contain;
    }


    /* Falls das Logo als img innerhalb eines Wrappers steckt */

    .blo-hero-logo img{
        display:block;

        width:100% !important;
        height:auto !important;

        max-width:300px !important;

        margin:0 auto;
    }


    /* Hauptüberschrift */

    .blo-hero h1{
        max-width:330px;

        margin:0 auto 10px;

        font-size:24px !important;
        line-height:1.15 !important;

        text-align:center;
    }


    /* Beschreibung */

    .blo-hero p{
        max-width:330px;

        margin:0 auto 7px;

        font-size:13px !important;
        line-height:1.45 !important;

        text-align:center;
    }


    /* Letzte stärkere Zeile */
    .blo-hero strong{
        font-size:13px;
        line-height:1.4;
    }

}
@media(max-width:450px){

    .blo-hero{
        min-height:calc(100vh - 95px);

        padding:
            25px 15px
            35px;

        background-position:
            center 65% !important;
    }


    .blo-hero-logo{
        width:72vw !important;

        max-width:275px !important;

        margin-bottom:24px !important;
    }


    .blo-hero h1{
        max-width:300px;

        font-size:22px !important;
    }


    .blo-hero p{
        max-width:300px;

        font-size:12px !important;
    }

}
/* =========================================================
   BLACK-LINE OWL – FAHRZEUGBEWERBUNG
   ========================================================= */

.blo-vehicle-application{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}


/* HEADER */

.blo-vehicle-heading{
    margin-bottom:34px;
}

.blo-vehicle-heading h2{
    margin:3px 0 7px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-vehicle-heading p{
    max-width:720px;
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.6;
}


.blo-vehicle-label{
    display:block;
    margin-bottom:8px;

    color:#d7b46a;

    font-size:10px;
    font-weight:900;

    letter-spacing:2px;
}


/* INTRO */

.blo-vehicle-intro{
    margin-bottom:20px;
    padding:30px;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-vehicle-intro h3{
    margin:0 0 13px;

    color:#fff;

    font-size:23px;
    font-weight:900;
}

.blo-vehicle-intro p{
    max-width:850px;

    margin:0 0 10px;

    color:#aaa;

    font-size:14px;
    line-height:1.7;
}


/* FORMULAR */

.blo-vehicle-form-wrap{
    padding:30px;

    background:
        linear-gradient(
            135deg,
            #151517,
            #0e0e10
        );

    border:1px solid #2c2c30;
    border-radius:15px;
}


.blo-vehicle-form-heading{
    margin-bottom:28px;
}

.blo-vehicle-form-heading h3{
    margin:0 0 7px;

    color:#fff;

    font-size:23px;

    font-weight:900;
}

.blo-vehicle-form-heading p{
    margin:0;

    color:#777;

    font-size:12px;
}


.blo-vehicle-form{
    display:flex;
    flex-direction:column;
    gap:17px;
}


.blo-vehicle-form-row{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:17px;
}


/* Zwischenüberschriften */

.blo-vehicle-form-section-title{
    margin-top:10px;
    padding-bottom:9px;

    color:#d7b46a;

    border-bottom:
        1px solid
        rgba(255,255,255,.08);

    font-size:10px;
    font-weight:900;

    letter-spacing:2px;

    text-transform:uppercase;
}


/* FELDER */

.blo-vehicle-field{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.blo-vehicle-field label{
    color:#ddd;

    font-size:12px;

    font-weight:700;
}


.blo-vehicle-field input,
.blo-vehicle-field textarea{
    width:100%;

    box-sizing:border-box;

    padding:12px 13px;

    color:#fff;

    background:#0e0e10;

    border:
        1px solid
        #303034;

    border-radius:8px;

    font-family:inherit;

    font-size:14px;

    outline:none;

    transition:
        border-color .2s,
        box-shadow .2s;
}


.blo-vehicle-field textarea{
    resize:vertical;

    min-height:120px;
}


.blo-vehicle-field input:focus,
.blo-vehicle-field textarea:focus{
    border-color:#d7b46a;

    box-shadow:
        0 0 0 3px
        rgba(215,180,106,.08);
}


/* DATEIUPLOAD */

.blo-vehicle-upload{
    padding:20px;

    background:#101012;

    border:
        1px dashed
        #3a3a3f;

    border-radius:10px;
}


.blo-vehicle-upload label{
    display:flex;

    flex-direction:column;

    margin-bottom:13px;
}


.blo-vehicle-upload strong{
    color:#fff;

    font-size:13px;
}


.blo-vehicle-upload span{
    margin-top:4px;

    color:#777;

    font-size:11px;
}


.blo-vehicle-upload input[type="file"]{
    width:100%;

    color:#aaa;

    font-family:inherit;

    font-size:12px;
}


.blo-vehicle-upload input[type="file"]::file-selector-button{
    margin-right:12px;

    padding:9px 13px;

    color:#111;

    background:#d7b46a;

    border:0;

    border-radius:6px;

    font-family:inherit;

    font-weight:800;

    cursor:pointer;
}


/* BUTTON */

.blo-vehicle-form-bottom{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-top:8px;
    padding-top:20px;

    border-top:
        1px solid
        rgba(255,255,255,.08);
}


.blo-vehicle-form-bottom p{
    max-width:620px;

    margin:0;

    color:#777;

    font-size:11px;

    line-height:1.5;
}


.blo-vehicle-form-bottom button{
    flex-shrink:0;

    padding:13px 21px;

    color:#111;

    background:#d7b46a;

    border:0;

    border-radius:8px;

    font-family:inherit;

    font-size:13px;

    font-weight:900;

    cursor:pointer;

    transition:
        transform .2s,
        filter .2s;
}


.blo-vehicle-form-bottom button:hover{
    transform:translateY(-2px);

    filter:brightness(1.08);
}


/* STATUS */

.blo-vehicle-message{
    margin-bottom:20px;

    padding:14px 16px;

    border-radius:9px;

    font-size:13px;

    font-weight:700;
}


.blo-vehicle-message.success{
    color:#d7b46a;

    background:
        rgba(215,180,106,.08);

    border:
        1px solid
        rgba(215,180,106,.3);
}


.blo-vehicle-message.error{
    color:#ddd;

    background:#19191b;

    border:
        1px solid
        #3a3a3f;
}


/* MOBILE */

@media(max-width:700px){

    .blo-vehicle-form-row{
        grid-template-columns:1fr;
    }

    .blo-vehicle-form-bottom{
        flex-direction:column;

        align-items:flex-start;
    }

    .blo-vehicle-form-bottom button{
        width:100%;
    }

}


@media(max-width:500px){

    .blo-vehicle-heading h2{
        font-size:26px;
    }

    .blo-vehicle-intro,
    .blo-vehicle-form-wrap{
        padding:22px;
    }

}
/* =========================================================
   BLACK-LINE OWL – SPONSOREN
   ========================================================= */

.blo-sponsors-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}

.blo-sponsors-heading{
    margin-bottom:34px;
}

.blo-sponsors-heading h2{
    margin:3px 0 7px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-sponsors-heading p{
    margin:0;
    color:#999;
    font-size:14px;
}


/* GRID */

.blo-sponsors-grid{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap:18px;
}


/* KARTE */

.blo-sponsor-card{
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;
    border-radius:14px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.blo-sponsor-card:hover{
    transform:translateY(-4px);

    border-color:
        rgba(215,180,106,.55);

    box-shadow:
        0 16px 35px
        rgba(0,0,0,.3);
}


/* LINK */

.blo-sponsor-link{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none !important;
}


/* BILD */

.blo-sponsor-image{
    width:100%;
    aspect-ratio:1 / 1;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:20px;

    background:#111113;

    overflow:hidden;
}

.blo-sponsor-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    transition:
        transform .2s ease;
}

.blo-sponsor-card:hover
.blo-sponsor-image img{
    transform:scale(1.04);
}

.blo-sponsor-image span{
    color:#fff;
    text-align:center;

    font-size:16px;
    font-weight:800;
}


/* LEER */

.blo-sponsors-empty{
    padding:40px;

    color:#888;

    text-align:center;

    border:
        1px dashed
        #333;

    border-radius:14px;
}


/* RESPONSIVE */

@media(max-width:950px){

    .blo-sponsors-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}

@media(max-width:700px){

    .blo-sponsors-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

@media(max-width:450px){

    .blo-sponsors-grid{
        grid-template-columns:1fr;
    }

    .blo-sponsor-image{
        aspect-ratio:16 / 10;
    }

}
/* =========================================================
   BLACK-LINE OWL – MOBILE HEADER LOGO ZENTRIEREN
   ========================================================= */

@media(max-width:700px){

    .blo-header-inner{
        position:relative;
    }

    .blo-logo,
    .site-logo,
    .custom-logo-link{
        position:absolute !important;

        left:50% !important;
        top:50% !important;

        transform:translate(-50%, -50%) !important;

        margin:0 !important;

        z-index:5;
    }

}
@media(max-width:700px){

    .blo-logo img,
    .site-logo img,
    .custom-logo-link img{
        display:block;

        width:auto !important;
        height:auto !important;

        max-width:155px !important;
        max-height:58px !important;

        margin:0 auto !important;
    }

}
/* =========================================================
   MOBILE HEADER – LOGO EXAKT MITTIG
   ========================================================= */

@media(max-width:700px){

    .blo-header-inner{
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        min-height:72px;
    }


    /* Logo exakt auf Bildschirmmitte */

    .blo-header-inner > .blo-brand{
        position:absolute !important;

        left:50% !important;
        top:50% !important;

        transform:translate(-50%, -50%) !important;

        margin:0 !important;

        z-index:5;
    }


    /* Logo-Größe mobil */

    .blo-header-inner > .blo-brand .blo-custom-logo{
        display:block !important;

        width:auto !important;
        height:auto !important;

        max-width:155px !important;
        max-height:58px !important;

        margin:0 auto !important;
    }


    /* Desktop-Navigation und Socials mobil aus */

    .blo-header-inner .blo-nav,
    .blo-header-inner .blo-socials{
        display:none !important;
    }


    /* Hamburger bleibt rechts */

    .blo-mobile-button{
        position:relative !important;

        margin-left:auto !important;

        z-index:10;
    }

}
/* =========================================================
   MOBILE MENÜ – LOGO ZENTRIEREN UND VERKLEINERN
   ========================================================= */

@media(max-width:700px){

    .blo-mobile-top{
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        min-height:74px;

        padding:0 18px !important;
    }


    /* Logo im geöffneten Menü exakt mittig */

    .blo-mobile-top > .blo-brand{
        position:absolute !important;

        left:50% !important;
        top:50% !important;

        transform:translate(-50%, -50%) !important;

        margin:0 !important;

        z-index:5;
    }


    /* Logo kleiner */

    .blo-mobile-top > .blo-brand .blo-custom-logo{
        display:block !important;

        width:auto !important;
        height:auto !important;

        max-width:145px !important;
        max-height:52px !important;

        margin:0 auto !important;
    }


    /* X rechts lassen */

    .blo-mobile-close{
        position:relative !important;

        margin-left:auto !important;

        z-index:10;
    }

}
.blo-footer-brand-logo{
    display:block;
    width:auto;
    height:auto;
    max-width:220px;
    max-height:110px;
    object-fit:contain;
}
@media(max-width:700px){

    .blo-footer-brand-logo{
        max-width:180px;
        margin:0 auto;
    }

}

/* =========================================================
   BLACK-LINE OWL – FOOTER ZENTRIERUNG
   Vier verbleibende Bereiche sauber mittig verteilen
   ========================================================= */

.blo-footer-top{
    display:grid;
    grid-template-columns:repeat(5, minmax(160px, 200px));
    justify-content:center;
    align-items:start;
    gap:45px;
    text-align:left;
}

@media(max-width:1100px){

    .blo-footer-top{
        grid-template-columns:repeat(3, minmax(170px, 220px));
        justify-content:center;
        gap:45px 55px;
    }

}

@media(max-width:700px){

    .blo-footer-top{
        grid-template-columns:1fr;
        justify-content:center;
        gap:32px;
        text-align:center;
    }

    .blo-footer-top > div{
        width:100%;
        max-width:280px;
        margin:0 auto;
    }

    .blo-footer-links{
        padding-left:0;
        list-style:none;
    }

    .blo-footer-link-row{
        justify-content:center;
        gap:12px;
    }

    .blo-footer-bottom{
        flex-direction:column;
        justify-content:center;
        text-align:center;
        gap:8px;
    }

}
/* =========================================================
   FOOTER MOBILE – GOLDENE LINIE UNTER ÜBERSCHRIFT
   ========================================================= */

@media(max-width:700px){

    .blo-footer-top h3{
        position:relative;
        display:inline-block;
        margin:0 auto 24px;
        padding-bottom:12px;
        text-align:center;
    }

    .blo-footer-top h3::after{
        content:"";

        position:absolute;

        left:50%;
        bottom:0;

        width:28px;
        height:2px;

        background:#d7b46a;

        transform:translateX(-50%);
    }

}
/* =========================================================
   BLACK-LINE OWL – SHOP COMING SOON
   ========================================================= */

.blo-shop-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:60px 0 90px;

    display:flex;
    justify-content:center;
}

.blo-shop-card{
    width:100%;
    max-width:850px;

    padding:70px 50px;

    text-align:center;

    background:
        linear-gradient(
            135deg,
            #171719,
            #0d0d0f
        );

    border:1px solid #2c2c30;
    border-radius:16px;
}

.blo-shop-eyebrow{
    display:block;

    margin-bottom:14px;

    color:#d7b46a;

    font-size:13px;
    font-weight:900;

    letter-spacing:3px;
}

.blo-shop-card h1{
    margin:0 0 28px;

    color:#fff;

    font-size:58px;
    line-height:1;

    font-weight:900;

    letter-spacing:1px;
}

.blo-shop-lead{
    max-width:650px;

    margin:0 auto 18px;

    color:#fff;

    font-size:22px;
    line-height:1.5;

    font-weight:800;
}

.blo-shop-card p:not(.blo-shop-lead){
    max-width:650px;

    margin:0 auto;

    color:#aaa;

    font-size:15px;
    line-height:1.7;
}

.blo-shop-stay{
    display:inline-block;

    margin-top:34px;

    padding-top:16px;

    border-top:2px solid #d7b46a;

    color:#d7b46a;

    font-size:16px;
    font-weight:900;

    letter-spacing:1.5px;
}

@media(max-width:700px){

    .blo-shop-section{
        padding:35px 0 60px;
    }

    .blo-shop-card{
        padding:45px 22px;
    }

    .blo-shop-card h1{
        font-size:40px;
    }

    .blo-shop-lead{
        font-size:18px;
    }

    .blo-shop-card p:not(.blo-shop-lead){
        font-size:14px;
    }

}

/* =========================================================
   BLACK-LINE OWL – FOTO-/VIDEO-BEWERBUNG
   Gleiche Optik wie VIP-Fahrzeugbewerbung
   ========================================================= */

/* Seitenbreite / Abstand */
.blo-media-application-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 60px;
}

/* Kopfbereich */
.blo-media-application-heading{
    margin-bottom:34px;
}

.blo-media-application-heading h2{
    margin:3px 0 7px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-media-application-heading p{
    max-width:720px;
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.6;
}

/* Einleitung als Karte */
.blo-media-application-intro{
    margin-bottom:20px;
    padding:30px;

    background:
        linear-gradient(
            135deg,
            #171719,
            #101012
        );

    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-media-application-intro h3{
    margin:0 0 14px;
    color:#fff;
    font-size:24px;
    font-weight:900;
}

.blo-media-application-intro p{
    max-width:850px;
    margin:0 0 11px;
    color:#aaa;
    font-size:14px;
    line-height:1.7;
}

/* Formular-Container */
.blo-media-application-form-wrap{
    padding:30px;

    background:
        linear-gradient(
            135deg,
            #151517,
            #0e0e10
        );

    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-media-application-form-heading{
    margin-bottom:28px;
}

.blo-media-application-form-heading h3{
    margin:0 0 7px;
    color:#fff;
    font-size:23px;
    font-weight:900;
}

.blo-media-application-form-heading p{
    margin:0;
    color:#777;
    font-size:12px;
}

.blo-media-application-form{
    display:flex;
    flex-direction:column;
    gap:17px;
}

/* Falls die Foto-/Video-Seite bereits die VIP-Klassen nutzt,
   bleibt alles identisch. Falls noch die alten Media-Klassen
   im PHP stehen, bekommen diese hier dieselbe Gestaltung. */
.blo-media-application-form .blo-vehicle-form-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px;
}

/* SELECT passend zu Input/Textarea */
.blo-vehicle-field select,
.blo-media-application-form select{
    width:100%;
    box-sizing:border-box;

    padding:12px 13px;

    color:#fff;
    background:#0e0e10;

    border:1px solid #303034;
    border-radius:8px;

    font-family:inherit;
    font-size:14px;

    outline:none;

    appearance:none;
    -webkit-appearance:none;

    background-image:
        linear-gradient(45deg, transparent 50%, #d7b46a 50%),
        linear-gradient(135deg, #d7b46a 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 13px) 50%;
    background-size:
        5px 5px,
        5px 5px;
    background-repeat:no-repeat;

    padding-right:42px;

    transition:
        border-color .2s,
        box-shadow .2s;
}

.blo-vehicle-field select:focus,
.blo-media-application-form select:focus{
    border-color:#d7b46a;

    box-shadow:
        0 0 0 3px
        rgba(215,180,106,.08);
}

.blo-vehicle-field select option,
.blo-media-application-form select option{
    color:#fff;
    background:#0e0e10;
}

/* Mobile */
@media(max-width:700px){

    .blo-media-application-form .blo-vehicle-form-row{
        grid-template-columns:1fr;
    }

}

@media(max-width:500px){

    .blo-media-application-heading h2{
        font-size:26px;
    }

    .blo-media-application-intro,
    .blo-media-application-form-wrap{
        padding:22px;
    }

}
/* =========================================================
   FOTO-/VIDEOGRAFEN – BEWERBUNGSBLOCK
   ========================================================= */

.blo-photographers-apply{
    margin-top:34px;
}

.blo-photographers-apply h3{
    margin:0 0 10px;

    color:#fff;

    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-photographers-apply p{
    max-width:720px;

    margin:0 0 14px;

    color:#999;

    font-size:14px;
    line-height:1.6;
}

.blo-photographers-apply-button{
    display:inline-flex;
    align-items:center;
    gap:7px;

    color:#d7b46a !important;

    font-size:14px;
    font-weight:800;

    text-decoration:none !important;
}

.blo-photographers-apply-button:hover{
    color:#e5c983 !important;
}

.blo-photographers-apply-button span{
    transition:transform .2s ease;
}

.blo-photographers-apply-button:hover span{
    transform:translateX(3px);
}

@media(max-width:600px){

    .blo-photographers-apply h3{
        font-size:24px;
    }

    .blo-photographers-apply p{
        font-size:13px;
    }

}
/* =========================================================
   UNSERE PARTNER – PARTNER WERDEN
   ========================================================= */

.blo-partners-apply{
    margin-top:34px;
}

.blo-partners-apply h2{
    margin:0 0 10px;

    color:#fff;

    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-partners-apply p{
    max-width:720px;

    margin:0 0 14px;

    color:#999;

    font-size:14px;
    line-height:1.6;
}

.blo-partners-apply-button{
    display:inline-flex;
    align-items:center;
    gap:7px;

    color:#d7b46a !important;

    font-size:14px;
    font-weight:800;

    text-decoration:none !important;
}

.blo-partners-apply-button:hover{
    color:#e5c983 !important;
}

.blo-partners-apply-button span{
    transition:transform .2s ease;
}

.blo-partners-apply-button:hover span{
    transform:translateX(3px);
}

@media(max-width:600px){

    .blo-partners-apply h2{
        font-size:24px;
    }

    .blo-partners-apply p{
        font-size:13px;
    }

}
/* =========================================================
   UNSERE SPONSOREN – SPONSOR WERDEN
   ========================================================= */

.blo-sponsors-apply{
    margin-top:34px;
}

.blo-sponsors-apply h2{
    margin:0 0 10px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-sponsors-apply p{
    max-width:720px;
    margin:0 0 14px;
    color:#999;
    font-size:14px;
    line-height:1.6;
}

.blo-sponsors-apply-button{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#d7b46a !important;
    font-size:14px;
    font-weight:800;
    text-decoration:none !important;
}

.blo-sponsors-apply-button:hover{
    color:#e5c983 !important;
}

.blo-sponsors-apply-button span{
    transition:transform .2s ease;
}

.blo-sponsors-apply-button:hover span{
    transform:translateX(3px);
}

@media(max-width:600px){
    .blo-sponsors-apply h2{
        font-size:24px;
    }

    .blo-sponsors-apply p{
        font-size:13px;
    }
}
/* =========================================================
   BLACK-LINE OWL – HERO HINTERGRUNDVIDEO
   ========================================================= */

.blo-home-scene{
    position:relative;
    overflow:hidden;
}


/* VIDEO-CONTAINER */

.blo-home-video-wrap{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    overflow:hidden;

    z-index:0;

    pointer-events:none;
}


/* VIDEO */

.blo-home-video{
    position:absolute;

    top:50%;
    left:50%;

    width:100%;
    height:100%;

    min-width:100%;
    min-height:100%;

    transform:translate(-50%,-50%);

    object-fit:cover;
    object-position:center;

    pointer-events:none;
}


/* DUNKLES OVERLAY */

.blo-home-video-overlay{
    position:absolute;
    inset:0;

    z-index:1;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.42) 0%,
            rgba(0,0,0,.30) 45%,
            rgba(0,0,0,.55) 100%
        );

    pointer-events:none;
}


/* INHALTE ÜBER DEM VIDEO */

.blo-hero,
.blo-home-tail{
    position:relative;
    z-index:2;
}


/* HERO TEXT SICHER NACH VORNE */

.blo-hero-inner{
    position:relative;
    z-index:3;
}


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

@media(max-width:700px){

    .blo-home-video{
        object-position:center center;
    }

}


/* =========================================================
   MOBILE – HERO-BILD UND VIDEO UNTEREINANDER
   ========================================================= */

@media(max-width:700px){

    .blo-home-scene{
        display:flex;
        flex-direction:column;

        min-height:0;

        background:none !important;
        overflow:visible;
    }


    /* =====================================================
       1. HERO MIT BISHERIGEM HINTERGRUNDBILD
       ===================================================== */

    .blo-hero{
        order:1;

        position:relative;

        width:100%;
        min-height:620px;

        display:flex;
        align-items:center;
        justify-content:center;

        padding:45px 18px;

        background:
            var(--blo-home-bg)
            center center /
            cover
            no-repeat;
    }


    /* dunkler Overlay nur über dem Bild */

    .blo-hero::before{
        content:"";

        position:absolute;
        inset:0;

        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.38) 0%,
                rgba(0,0,0,.28) 45%,
                rgba(0,0,0,.58) 100%
            );

        z-index:1;
        pointer-events:none;
    }


    .blo-hero-inner{
        position:relative;
        z-index:2;

        width:100%;

        text-align:center;
    }


    /* =====================================================
       2. VIDEO DIREKT DARUNTER
       ===================================================== */

    .blo-home-video-wrap{
        order:2;

        position:relative;

        inset:auto;

        width:100%;
        height:auto;

        aspect-ratio:16 / 9;

        overflow:hidden;

        background:#000;

        z-index:2;
    }


    .blo-home-video{
        position:absolute;

        inset:0;

        top:auto;
        left:auto;

        width:100%;
        height:100%;

        min-width:0;
        min-height:0;

        transform:none;

        object-fit:contain;
        object-position:center;
    }


    /* alten Overlay über dem gesamten Bereich abschalten */

    .blo-home-video-overlay{
        display:none;
    }


    /* Tail nach Bild + Video */

    .blo-home-tail{
        order:3;
    }

}


/* =========================================================
   BLACK-LINE OWL – EVENTS
   Verwendet bewusst das bestehende Ankündigungs-Design.
   Nur Video-spezifische Ergänzungen.
   ========================================================= */

.blo-event-video{
    cursor:default;
}

.blo-event-video video{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:520px;
    margin:0 auto;
    object-fit:contain;
    background:#080808;
}

.blo-event-card .blo-announcement-meta span:last-child{
    min-width:0;
}

@media(max-width:700px){

    .blo-event-video video{
        max-height:none;
        aspect-ratio:auto;
        object-fit:contain;
    }

}

/* =========================================================
   BLACK-LINE OWL – FORMULAR-SPAMSCHUTZ / TURNSTILE
   ========================================================= */

.blo-form-security{
    width:100%;
    margin:4px 0 18px;
}

.blo-form-security .cf-turnstile{
    width:100%;
    max-width:100%;
}

.blo-form-honeypot{
    position:absolute !important;
    left:-10000px !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.blo-security-config-error{
    padding:12px 14px;
    color:#ffb4b4;
    background:rgba(160,20,20,.12);
    border:1px solid rgba(255,90,90,.35);
    border-radius:8px;
    font-size:13px;
    line-height:1.5;
}

@media(max-width:500px){
    .blo-form-security{
        overflow:hidden;
    }
}


/* =========================================================
   BLACK-LINE OWL – DATENSCHUTZ
   ========================================================= */

.blo-privacy-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 70px;
}

.blo-privacy-heading{
    margin-bottom:34px;
}

.blo-privacy-heading h2{
    margin:3px 0 8px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-privacy-heading p{
    max-width:780px;
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.7;
}

.blo-privacy-label{
    display:block;
    margin-bottom:10px;
    color:#d7b46a;
    font-size:10px;
    font-weight:900;
    letter-spacing:2.4px;
}

.blo-privacy-notice{
    position:relative;
    margin-bottom:20px;
    padding:34px;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            rgba(215,180,106,.075),
            #121214 58%,
            #0d0d0f
        );
    border:1px solid rgba(215,180,106,.28);
    border-radius:15px;
}

.blo-privacy-notice::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #d7b46a,
            transparent
        );
}

.blo-privacy-notice h3{
    margin:0 0 14px;
    color:#fff;
    font-size:27px;
    line-height:1.2;
    font-weight:900;
}

.blo-privacy-notice p{
    max-width:880px;
    margin:0;
    color:#aaa;
    font-size:14px;
    line-height:1.75;
}

.blo-privacy-updated{
    display:inline-flex;
    margin-top:22px;
    padding:7px 11px;
    color:#d7b46a;
    background:rgba(215,180,106,.07);
    border:1px solid rgba(215,180,106,.22);
    border-radius:7px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.5px;
}

.blo-privacy-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.blo-privacy-card{
    position:relative;
    padding:28px;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            #171719,
            #0f0f11
        );
    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-privacy-card-wide{
    grid-column:1 / -1;
}


.blo-privacy-card-final{
    background:
        linear-gradient(
            135deg,
            #151517,
            #0c0c0e
        );
}

.blo-privacy-number{
    display:block;
    margin-bottom:14px;
    color:#d7b46a;
    font-size:10px;
    font-weight:900;
    letter-spacing:2.2px;
}

.blo-privacy-card h3{
    margin:0 0 15px;
    color:#fff;
    font-size:21px;
    line-height:1.3;
    font-weight:900;
}

.blo-privacy-card p{
    margin:0 0 13px;
    color:#aaa;
    font-size:13px;
    line-height:1.75;
}

.blo-privacy-card p:last-child{
    margin-bottom:0;
}

.blo-privacy-card ul{
    margin:16px 0 18px;
    padding:0;
    list-style:none;
}

.blo-privacy-card li{
    position:relative;
    margin:8px 0;
    padding-left:18px;
    color:#ccc;
    font-size:13px;
    line-height:1.6;
}

.blo-privacy-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:.7em;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#d7b46a;
}

.blo-privacy-legal{
    margin-top:18px !important;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#d7b46a !important;
    font-size:12px !important;
    font-weight:700;
}

.blo-privacy-contact-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
    margin:20px 0;
}

.blo-privacy-contact-grid > div{
    padding:19px;
    background:#101012;
    border:1px solid #29292d;
    border-radius:11px;
}

.blo-privacy-contact-grid strong,
.blo-privacy-contact-grid span{
    display:block;
}

.blo-privacy-contact-grid strong{
    margin-bottom:8px;
    color:#fff;
    font-size:14px;
    font-weight:900;
}

.blo-privacy-contact-grid span{
    margin-top:3px;
    color:#999;
    font-size:12px;
    line-height:1.55;
}

.blo-privacy-contact-lines{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.blo-privacy-contact-lines a{
    display:inline-flex;
    align-items:center;
    padding:9px 12px;
    color:#d7b46a !important;
    background:rgba(215,180,106,.06);
    border:1px solid rgba(215,180,106,.22);
    border-radius:8px;
    font-size:12px;
    font-weight:800;
    text-decoration:none !important;
}

.blo-privacy-contact-lines a:hover{
    border-color:rgba(215,180,106,.55);
    background:rgba(215,180,106,.10);
}

.blo-privacy-rights-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:18px 0;
}

.blo-privacy-rights-grid span{
    padding:12px 14px;
    color:#ccc;
    background:#101012;
    border:1px solid #29292d;
    border-radius:9px;
    font-size:12px;
    font-weight:700;
}

.blo-privacy-card code{
    padding:2px 5px;
    color:#d7b46a;
    background:#0c0c0e;
    border:1px solid #29292d;
    border-radius:5px;
}

.blo-privacy-final-date{
    display:inline-block;
    margin-top:8px;
    color:#d7b46a;
    font-size:13px;
}

@media(max-width:850px){

    .blo-privacy-grid{
        grid-template-columns:1fr;
    }

    .blo-privacy-card-wide{
        grid-column:auto;
    }

    .blo-privacy-contact-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:600px){

    .blo-privacy-section{
        padding-bottom:50px;
    }

    .blo-privacy-heading{
        margin-bottom:26px;
    }

    .blo-privacy-heading h2{
        font-size:26px;
    }

    .blo-privacy-heading p{
        font-size:13px;
    }

    .blo-privacy-notice{
        padding:23px;
    }

    .blo-privacy-notice h3{
        font-size:23px;
    }

    .blo-privacy-card{
        padding:22px;
    }

    .blo-privacy-card h3{
        font-size:19px;
    }

    .blo-privacy-rights-grid{
        grid-template-columns:1fr;
    }

    .blo-privacy-contact-lines{
        flex-direction:column;
    }

    .blo-privacy-contact-lines a{
        width:100%;
        justify-content:center;
    }

}


/* =========================================================
   BLACK-LINE OWL – IMPRESSUM
   ========================================================= */

.blo-imprint-section{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:10px 0 70px;
}

.blo-imprint-heading{
    margin-bottom:34px;
}

.blo-imprint-heading h2{
    margin:3px 0 8px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-imprint-heading p{
    max-width:760px;
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.7;
}

.blo-imprint-intro{
    position:relative;
    margin-bottom:20px;
    padding:34px;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            rgba(215,180,106,.055),
            #121214 58%,
            #0d0d0f
        );
    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-imprint-intro::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #d7b46a,
            transparent
        );
}

.blo-imprint-label{
    display:block;
    margin-bottom:10px;
    color:#d7b46a;
    font-size:10px;
    font-weight:900;
    letter-spacing:2.4px;
}

.blo-imprint-intro h3{
    margin:0 0 13px;
    color:#fff;
    font-size:27px;
    line-height:1.2;
    font-weight:900;
}

.blo-imprint-intro p{
    max-width:850px;
    margin:0;
    color:#aaa;
    font-size:14px;
    line-height:1.75;
}

.blo-imprint-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.blo-imprint-card{
    position:relative;
    padding:28px;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            #171719,
            #0f0f11
        );
    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-imprint-card-wide{
    grid-column:1 / -1;
}

.blo-imprint-card-final{
    background:
        linear-gradient(
            135deg,
            #151517,
            #0c0c0e
        );
}

.blo-imprint-number{
    display:block;
    margin-bottom:14px;
    color:#d7b46a;
    font-size:10px;
    font-weight:900;
    letter-spacing:2.2px;
}

.blo-imprint-card h3{
    margin:0 0 15px;
    color:#fff;
    font-size:21px;
    line-height:1.3;
    font-weight:900;
}

.blo-imprint-card p{
    margin:0 0 13px;
    color:#aaa;
    font-size:13px;
    line-height:1.75;
}

.blo-imprint-card p:last-child{
    margin-bottom:0;
}

.blo-imprint-people{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    margin:20px 0;
}

.blo-imprint-person{
    padding:20px;
    background:#101012;
    border:1px solid #29292d;
    border-radius:11px;
}

.blo-imprint-person strong,
.blo-imprint-person span{
    display:block;
}

.blo-imprint-person strong{
    margin-bottom:7px;
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.blo-imprint-person span{
    margin-top:3px;
    color:#999;
    font-size:12px;
    line-height:1.55;
}

.blo-imprint-person address{
    margin-top:15px;
    padding-top:14px;
    color:#ccc;
    border-top:1px solid rgba(255,255,255,.08);
    font-size:13px;
    line-height:1.65;
    font-style:normal;
}

.blo-imprint-contact{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.blo-imprint-contact a{
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:13px 14px;
    color:#fff !important;
    background:#101012;
    border:1px solid #29292d;
    border-radius:9px;
    font-size:12px;
    font-weight:800;
    text-decoration:none !important;
    overflow-wrap:anywhere;
}

.blo-imprint-contact a span{
    color:#d7b46a;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.6px;
    text-transform:uppercase;
}

.blo-imprint-contact a:hover{
    border-color:rgba(215,180,106,.45);
}

.blo-imprint-address-block{
    margin-top:13px;
    padding:15px 16px;
    background:#101012;
    border:1px solid #29292d;
    border-radius:9px;
}

.blo-imprint-address-block strong,
.blo-imprint-address-block span{
    display:block;
}

.blo-imprint-address-block strong{
    margin-bottom:5px;
    color:#fff;
    font-size:13px;
    font-weight:900;
}

.blo-imprint-address-block span{
    margin-top:2px;
    color:#aaa;
    font-size:12px;
    line-height:1.55;
}

.blo-imprint-note{
    margin-top:18px !important;
    padding-top:15px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#999 !important;
    font-size:12px !important;
}

.blo-imprint-final-date{
    display:inline-block;
    margin-top:8px;
    color:#d7b46a;
    font-size:13px;
}

@media(max-width:850px){

    .blo-imprint-grid{
        grid-template-columns:1fr;
    }

    .blo-imprint-card-wide{
        grid-column:auto;
    }

    .blo-imprint-people{
        grid-template-columns:1fr;
    }

    .blo-imprint-contact{
        grid-template-columns:1fr;
    }

}

@media(max-width:600px){

    .blo-imprint-section{
        padding-bottom:50px;
    }

    .blo-imprint-heading{
        margin-bottom:26px;
    }

    .blo-imprint-heading h2{
        font-size:26px;
    }

    .blo-imprint-heading p{
        font-size:13px;
    }

    .blo-imprint-intro{
        padding:23px;
    }

    .blo-imprint-intro h3{
        font-size:23px;
    }

    .blo-imprint-card{
        padding:22px;
    }

    .blo-imprint-card h3{
        font-size:19px;
    }

}


/* =========================================================
   BLACK-LINE OWL – VIP-BEWERBUNGSSTATUS
   ========================================================= */

.blo-vehicle-heading-with-status{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:28px;
}

.blo-vehicle-heading-with-status > div{
    min-width:0;
}

.blo-vehicle-status-entry{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    flex:0 0 auto;
    margin-top:4px;
    padding:12px 14px;
    color:#fff !important;
    background:#111113;
    border:1px solid #2d2d31;
    border-radius:10px;
    text-decoration:none !important;
    font-size:13px;
    font-weight:800;
    line-height:1.25;
    transition:border-color .2s ease, background .2s ease;
}

.blo-vehicle-status-entry span{
    margin-bottom:3px;
    color:#8f8f94;
    font-size:10px;
    font-weight:700;
}

.blo-vehicle-status-entry strong{
    display:none;
}

.blo-vehicle-status-entry:hover{
    border-color:rgba(215,180,106,.55);
    background:#151517;
}

.blo-vehicle-field-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:72px;
    padding:13px 15px;
    background:#101012;
    border:1px solid #29292d;
    border-radius:9px;
}

.blo-vehicle-field-info-label{
    display:block;
    margin-bottom:5px;
    color:#d7b46a;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.blo-vehicle-field-info p{
    margin:0;
    color:#8f8f94;
    font-size:12px;
    line-height:1.55;
}

.blo-vehicle-code-success{
    padding:25px !important;
}

.blo-vehicle-code-success h3{
    margin:4px 0 15px;
    color:#fff;
    font-size:21px;
    font-weight:900;
}

.blo-vehicle-code-kicker{
    display:block;
    color:#d7b46a;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.8px;
}

.blo-vehicle-code-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:14px 0;
    padding:15px;
    background:#09090a;
    border:1px solid rgba(215,180,106,.35);
    border-radius:10px;
}

.blo-vehicle-code-box code{
    color:#fff;
    font-size:20px;
    font-weight:900;
    letter-spacing:1px;
    overflow-wrap:anywhere;
}

.blo-vehicle-copy-code{
    flex:0 0 auto;
    padding:10px 13px;
    color:#0b0b0c;
    background:#d7b46a;
    border:0;
    border-radius:7px;
    cursor:pointer;
    font-size:12px;
    font-weight:900;
}

.blo-vehicle-status-after-submit{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:7px;
    color:#d7b46a !important;
    font-size:13px;
    font-weight:900;
    text-decoration:none !important;
}

.blo-application-status{
    width:100%;
    max-width:980px;
    margin:0 auto;
    padding:10px 0 70px;
}

.blo-application-status-heading{
    margin-bottom:30px;
}

.blo-application-status-heading h2{
    margin:3px 0 8px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
    font-weight:900;
}

.blo-application-status-heading p{
    max-width:720px;
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.7;
}

.blo-application-status-card{
    padding:28px;
    background:
        linear-gradient(
            135deg,
            #171719,
            #0f0f11
        );
    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-application-status-card h3{
    margin:5px 0 20px;
    color:#fff;
    font-size:23px;
    font-weight:900;
}

.blo-application-status-form label{
    display:block;
    margin-bottom:8px;
    color:#cfcfd2;
    font-size:12px;
    font-weight:800;
}

.blo-application-status-input-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
}

.blo-application-status-input-row input{
    width:100%;
    min-width:0;
    height:46px;
    padding:0 14px;
    color:#fff;
    background:#0b0b0d;
    border:1px solid #323237;
    border-radius:8px;
    outline:none;
    font-size:14px;
    font-weight:800;
    letter-spacing:.8px;
}

.blo-application-status-input-row input:focus{
    border-color:#d7b46a;
}

.blo-application-status-input-row button{
    min-height:46px;
    padding:0 18px;
    color:#0b0b0c;
    background:#d7b46a;
    border:0;
    border-radius:8px;
    cursor:pointer;
    font-size:13px;
    font-weight:900;
}

.blo-application-status-help{
    margin:10px 0 0;
    color:#777;
    font-size:11px;
    line-height:1.5;
}

.blo-application-status-result{
    margin-top:18px;
    padding:28px;
    background:#121214;
    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-application-status-result.pending{
    border-color:rgba(215,180,106,.28);
}

.blo-application-status-result.accepted{
    border-color:rgba(84,190,112,.42);
}

.blo-application-status-result.rejected{
    border-color:rgba(208,86,86,.35);
}

.blo-application-status-badge{
    display:inline-flex;
    margin-bottom:10px;
    padding:6px 9px;
    border-radius:999px;
    color:#d7b46a;
    background:rgba(215,180,106,.08);
    font-size:9px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.blo-application-status-result.accepted .blo-application-status-badge{
    color:#84d99a;
    background:rgba(84,190,112,.10);
}

.blo-application-status-result.rejected .blo-application-status-badge{
    color:#ef9a9a;
    background:rgba(208,86,86,.10);
}

.blo-application-status-result h3{
    margin:0 0 10px;
    color:#fff;
    font-size:24px;
    line-height:1.25;
    font-weight:900;
}

.blo-application-status-result > p{
    max-width:780px;
    margin:0;
    color:#aaa;
    font-size:13px;
    line-height:1.75;
}

.blo-application-status-meta{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-top:22px;
}

.blo-application-status-meta > div{
    padding:13px;
    background:#0c0c0e;
    border:1px solid #29292d;
    border-radius:9px;
}

.blo-application-status-meta span,
.blo-application-status-meta strong{
    display:block;
}

.blo-application-status-meta span{
    margin-bottom:5px;
    color:#777;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.blo-application-status-meta strong{
    color:#fff;
    font-size:12px;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.blo-application-status-pass{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:20px;
    padding:18px;
    background:rgba(84,190,112,.06);
    border:1px solid rgba(84,190,112,.25);
    border-radius:11px;
}

.blo-application-status-pass h4{
    margin:4px 0 6px;
    color:#fff;
    font-size:17px;
    font-weight:900;
}

.blo-application-status-pass p{
    margin:0;
    color:#8f8f94;
    font-size:12px;
    line-height:1.55;
}

.blo-application-status-pass > a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 15px;
    color:#0b0b0c !important;
    background:#d7b46a;
    border-radius:8px;
    font-size:12px;
    font-weight:900;
    text-decoration:none !important;
}

.blo-application-status-back{
    margin-top:18px;
}

.blo-application-status-back a{
    color:#999 !important;
    font-size:12px;
    font-weight:800;
    text-decoration:none !important;
}

.blo-application-status-back a:hover{
    color:#d7b46a !important;
}

@media(max-width:800px){

    .blo-vehicle-heading-with-status{
        flex-direction:column;
    }

    .blo-vehicle-status-entry{
        align-items:flex-start;
        width:100%;
        margin-top:0;
    }

    .blo-application-status-meta{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .blo-application-status-pass{
        align-items:flex-start;
        flex-direction:column;
    }

}

@media(max-width:600px){

    .blo-vehicle-code-box{
        align-items:stretch;
        flex-direction:column;
    }

    .blo-vehicle-code-box code{
        font-size:18px;
        text-align:center;
    }

    .blo-vehicle-copy-code{
        width:100%;
    }

    .blo-application-status{
        padding-bottom:50px;
    }

    .blo-application-status-heading h2{
        font-size:26px;
    }

    .blo-application-status-card,
    .blo-application-status-result{
        padding:22px;
    }

    .blo-application-status-input-row{
        grid-template-columns:1fr;
    }

    .blo-application-status-input-row button{
        width:100%;
    }

    .blo-application-status-meta{
        grid-template-columns:1fr;
    }

    .blo-application-status-pass > a{
        width:100%;
    }

}


/* =========================================================
   BLACK-LINE OWL – TUNING CHALLENGE
   ========================================================= */

.blo-tuning-challenge{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:10px 0 70px;
}

.blo-tuning-heading{
    position:relative;
    margin-bottom:30px;
}

.blo-tuning-heading h2{
    margin:3px 0 8px;
    color:#fff;
    font-size:34px;
    line-height:1.08;
    font-weight:900;
}

.blo-tuning-heading p{
    max-width:760px;
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.7;
}

.blo-tuning-test-badge{
    display:inline-flex;
    margin-top:14px;
    padding:7px 10px;
    color:#d7b46a;
    background:rgba(215,180,106,.07);
    border:1px solid rgba(215,180,106,.22);
    border-radius:999px;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.4px;
}

.blo-tuning-empty,
.blo-tuning-message{
    margin:0 0 18px;
    padding:15px 17px;
    background:#131315;
    border:1px solid #2d2d31;
    border-radius:10px;
    color:#aaa;
    font-size:13px;
    line-height:1.6;
}

.blo-tuning-message strong{
    color:#fff;
}

.blo-tuning-message.success{
    border-color:rgba(84,190,112,.35);
}

.blo-tuning-message.error{
    border-color:rgba(208,86,86,.35);
}

.blo-tuning-challenge-info{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom:18px;
}

.blo-tuning-challenge-info > div{
    min-width:0;
    padding:15px;
    background:#111113;
    border:1px solid #2a2a2e;
    border-radius:10px;
}

.blo-tuning-challenge-info span,
.blo-tuning-challenge-info strong{
    display:block;
}

.blo-tuning-challenge-info span{
    margin-bottom:6px;
    color:#777;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.5px;
}

.blo-tuning-challenge-info strong{
    color:#fff;
    font-size:13px;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.blo-tuning-game{
    display:grid;
    grid-template-columns:minmax(0,1.42fr) minmax(340px,.78fr);
    gap:18px;
    align-items:start;
}

.blo-tuning-stage,
.blo-tuning-controls,
.blo-tuning-submit-card{
    background:
        linear-gradient(
            135deg,
            #171719,
            #0f0f11
        );
    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-tuning-stage{
    position:sticky;
    top:95px;
    padding:22px;
    overflow:hidden;
}

.blo-tuning-stage-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    margin-bottom:14px;
}

.blo-tuning-stage-top h3{
    margin:4px 0 0;
    color:#fff;
    font-size:23px;
    font-weight:900;
}

.blo-tuning-reset{
    padding:8px 11px;
    color:#aaa;
    background:#0d0d0f;
    border:1px solid #303035;
    border-radius:7px;
    cursor:pointer;
    font-size:11px;
    font-weight:800;
}

.blo-tuning-reset:hover{
    color:#d7b46a;
    border-color:rgba(215,180,106,.4);
}

.blo-tuning-preview{
    overflow:hidden;
    border:1px solid #252529;
    border-radius:12px;
    background:#0b0b0d;
}

.blo-tuning-car-svg{
    display:block;
    width:100%;
    height:auto;
}

.blo-tuning-build-summary{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.blo-tuning-build-summary span{
    padding:6px 9px;
    color:#bbb;
    background:#0c0c0e;
    border:1px solid #29292d;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
}

.blo-tuning-controls{
    padding:22px;
}

.blo-tuning-control-block + .blo-tuning-control-block,
.blo-tuning-control-grid + .blo-tuning-control-block,
.blo-tuning-control-block + .blo-tuning-control-grid,
.blo-tuning-control-grid + .blo-tuning-control-grid{
    margin-top:18px;
}

.blo-tuning-control-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.blo-tuning-control-title,
.blo-tuning-control-block > label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
    color:#cfcfd2;
    font-size:11px;
    font-weight:900;
}

.blo-tuning-control-block label strong{
    color:#d7b46a;
    font-size:10px;
}

.blo-tuning-choice-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.blo-tuning-choice-grid.blo-tuning-five{
    grid-template-columns:repeat(5,minmax(0,1fr));
}

.blo-tuning-choice{
    min-height:42px;
    padding:9px;
    color:#9c9ca1;
    background:#0d0d0f;
    border:1px solid #303035;
    border-radius:8px;
    cursor:pointer;
    font-size:10px;
    font-weight:800;
    line-height:1.25;
    transition:
        border-color .18s ease,
        color .18s ease,
        background .18s ease;
}

.blo-tuning-choice strong,
.blo-tuning-choice span{
    display:block;
}

.blo-tuning-choice strong{
    color:inherit;
    font-size:11px;
}

.blo-tuning-choice span{
    margin-top:3px;
    color:#666;
    font-size:9px;
    font-weight:600;
}

.blo-tuning-choice:hover,
.blo-tuning-choice.active{
    color:#fff;
    background:rgba(215,180,106,.08);
    border-color:rgba(215,180,106,.52);
}

.blo-tuning-choice.active strong{
    color:#d7b46a;
}

.blo-tuning-color-row{
    display:flex;
    align-items:center;
    gap:10px;
}

.blo-tuning-control-block input[type="color"]{
    width:52px;
    height:40px;
    padding:3px;
    background:#0c0c0e;
    border:1px solid #303035;
    border-radius:7px;
    cursor:pointer;
}

.blo-tuning-color-presets{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.blo-tuning-color-preset{
    width:26px;
    height:26px;
    padding:0;
    background:var(--swatch);
    border:2px solid #39393e;
    border-radius:50%;
    cursor:pointer;
}

.blo-tuning-color-preset:hover{
    border-color:#d7b46a;
}

.blo-tuning-control-block input[type="range"]{
    width:100%;
    accent-color:#d7b46a;
}

.blo-tuning-control-block select{
    width:100%;
    height:41px;
    padding:0 10px;
    color:#fff;
    background:#0c0c0e;
    border:1px solid #303035;
    border-radius:8px;
    outline:none;
}

.blo-tuning-submit-card{
    margin-top:18px;
    padding:26px;
}

.blo-tuning-submit-heading{
    margin-bottom:20px;
}

.blo-tuning-submit-heading h3{
    margin:4px 0 7px;
    color:#fff;
    font-size:23px;
    font-weight:900;
}

.blo-tuning-submit-heading p{
    margin:0;
    color:#8e8e93;
    font-size:12px;
    line-height:1.6;
}

.blo-tuning-submit-fields{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.blo-tuning-submit-fields label{
    display:block;
    margin-bottom:7px;
    color:#cfcfd2;
    font-size:11px;
    font-weight:800;
}

.blo-tuning-submit-fields input{
    width:100%;
    height:44px;
    padding:0 12px;
    color:#fff;
    background:#0b0b0d;
    border:1px solid #303035;
    border-radius:8px;
    outline:none;
}

.blo-tuning-submit-fields input:focus{
    border-color:#d7b46a;
}

.blo-tuning-privacy{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin:17px 0;
    color:#8f8f94;
    font-size:11px;
    line-height:1.55;
}

.blo-tuning-privacy input{
    flex:0 0 auto;
    margin-top:2px;
}

.blo-tuning-privacy a{
    color:#d7b46a !important;
}

.blo-tuning-submit-button{
    width:100%;
    min-height:46px;
    padding:0 18px;
    color:#0b0b0c;
    background:#d7b46a;
    border:0;
    border-radius:8px;
    cursor:pointer;
    font-size:13px;
    font-weight:900;
}

.blo-tuning-submit-button:hover{
    filter:brightness(1.06);
}

.blo-tuning-closed{
    padding:14px;
    color:#aaa;
    background:#0c0c0e;
    border:1px solid #303035;
    border-radius:8px;
    font-size:12px;
}

.blo-tuning-admin-preview{
    max-width:760px;
    margin:0 0 22px;
    overflow:hidden;
    background:#0b0b0d;
    border:1px solid #ddd;
    border-radius:10px;
}

.blo-tuning-admin-preview svg{
    display:block;
    width:100%;
    height:auto;
}

.blo-tuning-admin-person{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom:18px;
}

.blo-tuning-admin-person p{
    margin:0;
    padding:12px;
    background:#f7f7f7;
    border:1px solid #ddd;
    border-radius:7px;
}

@media(max-width:1050px){

    .blo-tuning-game{
        grid-template-columns:1fr;
    }

    .blo-tuning-stage{
        position:relative;
        top:auto;
    }

    .blo-tuning-challenge-info{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:760px){

    .blo-tuning-challenge{
        padding-bottom:50px;
    }

    .blo-tuning-heading h2{
        font-size:28px;
    }

    .blo-tuning-stage,
    .blo-tuning-controls,
    .blo-tuning-submit-card{
        padding:18px;
    }

    .blo-tuning-control-grid{
        grid-template-columns:1fr;
    }

    .blo-tuning-choice-grid,
    .blo-tuning-choice-grid.blo-tuning-five{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .blo-tuning-submit-fields{
        grid-template-columns:1fr;
    }

    .blo-tuning-admin-person{
        grid-template-columns:1fr;
    }

}

@media(max-width:500px){

    .blo-tuning-challenge-info{
        grid-template-columns:1fr;
    }

    .blo-tuning-choice-grid,
    .blo-tuning-choice-grid.blo-tuning-five{
        grid-template-columns:1fr;
    }

    .blo-tuning-stage-top{
        align-items:flex-start;
        flex-direction:column;
    }

    .blo-tuning-reset{
        width:100%;
    }

}


/* =========================================================
   BLACK-LINE OWL – HINTERGRUNDVIDEO PLAY / PAUSE
   ========================================================= */

.blo-home-video-wrap{
    background:#000;
}

.blo-home-video{
    transition:opacity .22s ease;
}

.blo-home-video-wrap.is-paused .blo-home-video{
    opacity:0;
}

.blo-home-video-toggle{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:6;

    display:flex;
    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;
    padding:0;

    color:#fff;
    background:rgba(8,8,10,.72);

    border:1px solid rgba(255,255,255,.20);
    border-radius:50%;

    cursor:pointer;
    pointer-events:auto;

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease;
}

.blo-home-video-toggle:hover{
    color:#d7b46a;
    background:rgba(8,8,10,.90);
    border-color:rgba(215,180,106,.55);
}

.blo-home-video-toggle:focus-visible{
    outline:2px solid #d7b46a;
    outline-offset:3px;
}

.blo-home-video-icon{
    width:17px;
    height:17px;
    fill:currentColor;
}

.blo-home-video-icon-play{
    display:none;
    width:18px;
    height:18px;
    margin-left:2px;
}

.blo-home-video-wrap.is-paused .blo-home-video-icon-pause{
    display:none;
}

.blo-home-video-wrap.is-paused .blo-home-video-icon-play{
    display:block;
}

@media(max-width:700px){

    .blo-home-video-toggle{
        right:12px;
        bottom:12px;

        width:36px;
        height:36px;
    }

}


/* =========================================================
   BLACK-LINE OWL – VIDEO BUTTON / MOBILE POSITION FIX
   ========================================================= */

/*
 * DESKTOP:
 * Der Video-Wrapper hatte z-index:0 und erzeugte damit einen eigenen
 * Stacking-Context. Der Pause-Button konnte dadurch trotz z-index:6
 * nicht über dem Hero-Inhalt liegen und bekam keine Klicks.
 *
 * Mit z-index:auto bleibt das Video weiterhin hinter Overlay/Hero,
 * während der Button selbst in den höheren z-index wechseln kann.
 */
@media(min-width:701px){

    .blo-home-video-wrap{
        z-index:auto !important;
        pointer-events:none !important;
    }

    .blo-home-video-toggle{
        z-index:10 !important;
        pointer-events:auto !important;
        touch-action:manipulation;
        -webkit-tap-highlight-color:transparent;
        user-select:none;
        -webkit-user-select:none;
    }

    .blo-home-video-toggle svg{
        pointer-events:none;
    }

}


/*
 * MOBILE:
 * Das Hero war bisher mit 620px Mindesthöhe unnötig lang.
 * Dadurch begann das darunterliegende Video deutlich zu weit unten.
 */
@media(max-width:700px){

    .blo-hero{
        min-height:500px !important;
        padding:32px 18px 28px !important;
    }

    .blo-home-video-wrap{
        margin-top:0 !important;
    }

    .blo-home-video-toggle{
        z-index:10 !important;
        pointer-events:auto !important;
        touch-action:manipulation;
        -webkit-tap-highlight-color:transparent;
    }

    .blo-home-video-toggle svg{
        pointer-events:none;
    }

}

@media(max-width:450px){

    .blo-hero{
        min-height:480px !important;
        padding:28px 15px 24px !important;
    }

}


/* =========================================================
   BLACK-LINE OWL – INSTAGRAM GALERIE
   ========================================================= */

.blo-instagram-gallery{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:10px 0 70px;
}

.blo-instagram-gallery-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:25px;
    margin-bottom:30px;
}

.blo-instagram-gallery-heading > div{
    min-width:0;
}

.blo-instagram-gallery-heading h2{
    margin:3px 0 8px;
    color:#fff;
    font-size:34px;
    line-height:1.08;
    font-weight:900;
}

.blo-instagram-gallery-heading p{
    max-width:720px;
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.7;
}

.blo-instagram-profile-button{
    display:inline-flex;
    align-items:center;
    gap:9px;
    flex:0 0 auto;
    min-height:42px;
    padding:0 14px;
    color:#d7b46a !important;
    background:#111113;
    border:1px solid rgba(215,180,106,.28);
    border-radius:9px;
    font-size:12px;
    font-weight:900;
    text-decoration:none !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.blo-instagram-profile-button:hover{
    background:rgba(215,180,106,.08);
    border-color:rgba(215,180,106,.55);
    transform:translateY(-1px);
}

.blo-instagram-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.blo-instagram-item{
    position:relative;
    display:block;
    min-width:0;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#111113;
    border:1px solid #29292d;
    border-radius:11px;
    text-decoration:none !important;
}

.blo-instagram-item img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:
        transform .35s ease,
        opacity .35s ease;
}

.blo-instagram-media-badge{
    position:absolute;
    top:10px;
    right:10px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 8px;
    color:#fff;
    background:rgba(7,7,9,.76);
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.2px;
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

.blo-instagram-item-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:7px;
    padding:18px;
    color:#fff;
    background:
        linear-gradient(
            180deg,
            transparent 35%,
            rgba(0,0,0,.86) 100%
        );
    opacity:0;
    transition:opacity .25s ease;
}

.blo-instagram-item-caption{
    max-width:100%;
    color:#fff;
    font-size:12px;
    line-height:1.45;
    font-weight:800;
}

.blo-instagram-open{
    color:#d7b46a;
    font-size:10px;
    font-weight:900;
}

.blo-instagram-item:hover img{
    transform:scale(1.035);
    opacity:.84;
}

.blo-instagram-item:hover .blo-instagram-item-overlay,
.blo-instagram-item:focus-visible .blo-instagram-item-overlay{
    opacity:1;
}

.blo-instagram-item:focus-visible{
    outline:2px solid #d7b46a;
    outline-offset:3px;
}

.blo-instagram-gallery-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:18px;
    padding:18px 20px;
    background:#111113;
    border:1px solid #29292d;
    border-radius:10px;
}

.blo-instagram-gallery-footer > span{
    color:#999;
    font-size:12px;
    font-weight:800;
}

.blo-instagram-gallery-footer a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#d7b46a !important;
    font-size:12px;
    font-weight:900;
    text-decoration:none !important;
}

.blo-instagram-gallery-empty{
    padding:34px;
    text-align:center;
    background:
        linear-gradient(
            135deg,
            #171719,
            #0f0f11
        );
    border:1px solid #2c2c30;
    border-radius:15px;
}

.blo-instagram-gallery-empty strong{
    display:block;
    margin-bottom:8px;
    color:#fff;
    font-size:19px;
}

.blo-instagram-gallery-empty p{
    max-width:620px;
    margin:0 auto 15px;
    color:#999;
    font-size:13px;
    line-height:1.65;
}

.blo-instagram-gallery-empty a{
    color:#d7b46a !important;
    font-size:12px;
    font-weight:900;
}

@media(max-width:800px){

    .blo-instagram-gallery-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .blo-instagram-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .blo-instagram-item-overlay{
        opacity:1;
        padding:12px;
        background:
            linear-gradient(
                180deg,
                transparent 55%,
                rgba(0,0,0,.80) 100%
            );
    }

    .blo-instagram-item-caption{
        display:none;
    }

}

@media(max-width:520px){

    .blo-instagram-gallery{
        padding-bottom:50px;
    }

    .blo-instagram-gallery-heading h2{
        font-size:28px;
    }

    .blo-instagram-profile-button{
        width:100%;
        justify-content:center;
    }

    .blo-instagram-gallery-footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .blo-instagram-gallery-footer a{
        width:100%;
        min-height:42px;
        justify-content:center;
        background:rgba(215,180,106,.06);
        border:1px solid rgba(215,180,106,.22);
        border-radius:8px;
    }

}


/* =========================================================
   BLACK-LINE OWL – HEADER MENÜ GLEICHMÄSSIG
   ========================================================= */

@media(min-width:701px){

    /*
     * Ein einheitlicher Abstand für ALLE Hauptmenüpunkte:
     * Events, Community, Partner, Kontakt, Galerie und Shop.
     */
    .blo-header-inner .blo-nav{
        gap:44px !important;
    }

    /*
     * Minimal kompakter als vorher, damit sechs Punkte sauber
     * in einer Zeile bleiben.
     */
    .blo-header-inner .blo-nav-toggle,
    .blo-header-inner .blo-nav-link{
        font-size:14px !important;
        letter-spacing:-0.05px;
        white-space:nowrap;
    }

    .blo-header-inner [data-blo-gallery-nav="1"]{
        margin-left:0 !important;
        margin-right:0 !important;
    }

}

@media(max-width:700px){

    [data-blo-gallery-nav="1"]{
        margin-left:0 !important;
        margin-right:0 !important;
    }

}


/* =========================================================
   BLACK-LINE OWL – INSTAGRAM VIDEO / REELS
   ========================================================= */

.blo-instagram-video-item{
    position:relative;
}

.blo-instagram-video{
    display:block;
    width:100%;
    height:100%;
    min-width:100%;
    min-height:100%;
    object-fit:cover;
    background:#050506;
}

.blo-instagram-video-link{
    position:absolute;
    left:10px;
    bottom:10px;
    z-index:4;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:30px;
    padding:0 10px;

    color:#fff !important;
    background:rgba(7,7,9,.78);
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;

    font-size:9px;
    font-weight:900;
    text-decoration:none !important;

    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

.blo-instagram-video-link:hover{
    color:#d7b46a !important;
    border-color:rgba(215,180,106,.55);
}

.blo-instagram-play-indicator{
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;

    display:flex;
    align-items:center;
    justify-content:center;

    width:52px;
    height:52px;

    color:#fff;
    background:rgba(0,0,0,.62);
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;

    font-size:20px;

    transform:translate(-50%,-50%);
    pointer-events:none;
}

@media(max-width:700px){

    .blo-instagram-video-link{
        left:8px;
        bottom:8px;
    }

    .blo-instagram-play-indicator{
        width:44px;
        height:44px;
        font-size:17px;
    }

}

/* =========================================================
   BLACK-LINE OWL – VIP ZAHLUNG / TRANSAKTIONSCODE
   ========================================================= */

.blo-vehicle-no-event-note{
    margin:9px 0 0;
    color:#8b8b90;
    font-size:12px;
    line-height:1.55;
}

.blo-vehicle-form-bottom button:disabled{
    cursor:not-allowed;
    opacity:.48;
}

.blo-application-payment-box,
.blo-application-payment-confirmed{
    margin-top:20px;
    padding:20px;
    background:#0c0c0e;
    border:1px solid rgba(215,180,106,.32);
    border-radius:11px;
}

.blo-application-payment-confirmed{
    background:rgba(84,190,112,.06);
    border-color:rgba(84,190,112,.28);
}

.blo-application-payment-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}

.blo-application-payment-box h4,
.blo-application-payment-confirmed h4{
    margin:5px 0 8px;
    color:#fff;
    font-size:19px;
    line-height:1.25;
    font-weight:900;
}

.blo-application-payment-box > p,
.blo-application-payment-confirmed > p{
    margin:10px 0 0;
    color:#9b9ba0;
    font-size:12px;
    line-height:1.7;
}

.blo-application-payment-amount{
    flex:0 0 auto;
    color:#d7b46a;
    font-size:25px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
}

.blo-application-payment-reference-hint{
    padding:11px 12px;
    background:rgba(215,180,106,.06);
    border-left:3px solid #d7b46a;
    border-radius:5px;
}

.blo-application-payment-submitted{
    margin-top:15px;
    padding:13px;
    background:#151518;
    border:1px solid #2c2c31;
    border-radius:8px;
}

.blo-application-payment-submitted span,
.blo-application-payment-submitted code,
.blo-application-payment-submitted small{
    display:block;
}

.blo-application-payment-submitted span{
    margin-bottom:6px;
    color:#777;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.blo-application-payment-submitted code{
    color:#fff;
    font-size:14px;
    overflow-wrap:anywhere;
    user-select:all;
}

.blo-application-payment-submitted small{
    margin-top:6px;
    color:#717177;
    font-size:10px;
}

.blo-application-payment-form{
    margin-top:16px;
}

.blo-application-payment-form label{
    display:block;
    margin-bottom:8px;
    color:#cfcfd2;
    font-size:11px;
    font-weight:800;
}

.blo-application-payment-input-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:9px;
}

.blo-application-payment-input-row input{
    width:100%;
    min-width:0;
    height:44px;
    padding:0 13px;
    color:#fff;
    background:#08080a;
    border:1px solid #323237;
    border-radius:8px;
    outline:none;
    font-size:13px;
    font-weight:800;
}

.blo-application-payment-input-row input:focus{
    border-color:#d7b46a;
}

.blo-application-payment-input-row button{
    min-height:44px;
    padding:0 15px;
    color:#0b0b0c;
    background:#d7b46a;
    border:0;
    border-radius:8px;
    cursor:pointer;
    font-size:12px;
    font-weight:900;
}

.blo-payment-message{
    margin-top:14px;
    padding:11px 12px;
    border-radius:7px;
    font-size:11px;
    line-height:1.55;
}

.blo-payment-message.success{
    color:#9fe5b1;
    background:rgba(84,190,112,.09);
    border:1px solid rgba(84,190,112,.28);
}

.blo-payment-message.error{
    color:#efaaaa;
    background:rgba(208,86,86,.08);
    border:1px solid rgba(208,86,86,.25);
}

.blo-application-payment-wait{
    margin-top:13px !important;
    color:#777 !important;
    font-size:11px !important;
}

.blo-application-payment-confirmed-code code{
    color:#fff;
    user-select:all;
}

@media(max-width:600px){

    .blo-application-payment-head{
        flex-direction:column;
        gap:10px;
    }

    .blo-application-payment-input-row{
        grid-template-columns:1fr;
    }

    .blo-application-payment-input-row button{
        width:100%;
    }

    .blo-application-payment-amount{
        font-size:22px;
    }

}


/* =========================================================
   BLACK-LINE OWL – PAYPAL BUTTON VIP-ZAHLUNG
   ========================================================= */

.blo-application-paypal-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;
    min-height:50px;
    margin-top:16px;
    padding:12px 18px;

    color:#111113 !important;
    background:#ffc439;
    border:1px solid #ffc439;
    border-radius:9px;

    text-decoration:none !important;
    font-size:13px;
    line-height:1.25;
    font-weight:900;

    box-shadow:0 8px 22px rgba(0,0,0,.18);
    transition:
        transform .16s ease,
        filter .16s ease,
        box-shadow .16s ease;
}

.blo-application-paypal-button:hover{
    color:#111113 !important;
    filter:brightness(1.035);
    transform:translateY(-1px);
    box-shadow:0 10px 26px rgba(0,0,0,.25);
}

.blo-application-paypal-button:focus-visible{
    outline:2px solid #fff;
    outline-offset:3px;
}

.blo-application-paypal-button-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:25px;
    height:25px;
    flex:0 0 25px;

    color:#003087;
    background:#fff;
    border-radius:50%;

    font-size:15px;
    line-height:1;
    font-weight:900;
    font-style:italic;
}

.blo-application-paypal-hint{
    margin:8px 0 0 !important;
    color:#777b82 !important;
    font-size:10px !important;
    line-height:1.55 !important;
    text-align:center;
}

@media(max-width:600px){

    .blo-application-paypal-button{
        min-height:48px;
        padding:12px 14px;
        font-size:12px;
    }

}


/* =========================================================
   BLACK-LINE OWL – KOSTENLOSE VIP-FREIGABE
   ========================================================= */

.blo-application-free-entry{
    margin-top:20px;
    padding:20px;
    background:rgba(84,190,112,.06);
    border:1px solid rgba(84,190,112,.28);
    border-radius:11px;
}

.blo-application-free-entry h4{
    margin:5px 0 8px;
    color:#fff;
    font-size:19px;
    line-height:1.25;
    font-weight:900;
}

.blo-application-free-entry > p{
    margin:10px 0 0;
    color:#9b9ba0;
    font-size:12px;
    line-height:1.7;
}

/* =========================================================
   BLACK-LINE OWL – NUR NAVIGATION / FOOTER REPARATUR
   Keine Neugestaltung. Originale Theme-Optik bleibt erhalten.
   ========================================================= */

@media(min-width:901px){

    /*
     * Originales .blo-mega beibehalten, nur exakt unter dem
     * jeweiligen Obermenü zentrieren.
     */
    .blo-nav-item > .blo-mega{
        left:50% !important;
        right:auto !important;
        text-align:center !important;
        transform:translate(-50%, 8px) !important;
    }

    .blo-nav-item:hover > .blo-mega,
    .blo-nav-item:focus-within > .blo-mega{
        transform:translate(-50%, 0) !important;
    }

    .blo-mega a{
        text-align:center !important;
        text-transform:uppercase !important;
    }
}

/*
 * Footer-Goldstriche wie im ursprünglichen Theme.
 */
.blo-footer h3::after{
    content:"";
    display:block;
    width:38px;
    height:2px;
    margin-top:12px;
    background:#d7b46a;
}

@media(max-width:700px){

    .blo-footer-top h3::after{
        width:28px;
        height:2px;
        margin-left:auto;
        margin-right:auto;
        background:#d7b46a;
    }
}