/* TECHNIK-GEBRAUCHT SAFE DESKTOP ADS V5 */

.tg-safe-ad {
    position: fixed;
    top: 50%;
    z-index: 50;

    display: none;
    box-sizing: border-box;

    transform: translateY(-50%);
    pointer-events: auto;
}

.tg-safe-ad.is-visible {
    display: block;
}

.tg-safe-ad-left {
    left: 14px;
}

.tg-safe-ad-right {
    right: 14px;
}

.tg-safe-ad-label {
    height: 18px;

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

    color: var(--tg-text-muted, #7a8087);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tg-safe-ad-box {
    width: 100%;
    height: calc(100% - 18px);

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

    box-sizing: border-box;

    border: 1px dashed var(--tg-border, #cfd4d9);
    border-radius: 12px;

    background: var(--tg-surface, #fff);
    color: var(--tg-text-muted, #7a8087);

    text-align: center;
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
}

.tg-safe-ad-box strong {
    margin: 5px 0;
    color: var(--tg-text, #171717);
    font-size: 16px;
}

.tg-safe-ad-box span,
.tg-safe-ad-box small {
    font-size: 10px;
}

html[data-theme="dark"] .tg-safe-ad-box {
    background: #191c1f;
    border-color: #3a4148;
}

html[data-theme="dark"] .tg-safe-ad-box strong {
    color: #e8ecef;
}

/*
 * Absoluter Schutz:
 * Auf kleineren Desktop-Fenstern und Mobilgeräten niemals anzeigen.
 */
@media (max-width: 1439px), (max-height: 719px) {
    .tg-safe-ad {
        display: none !important;
    }
}