body{
background-image: url("https://telefonsex-video.com/bg.png");
background-repeat: repeat;
background-size: auto;
}

h1,h2.webmasterSeo{text-align:center}
.tvc-content {
    width: 100%;
    margin: 0 auto;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
    color: #eef6f7;
}

.tvc-content {
    width: 100%;
    margin: 0 auto;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.7;
    color: #e9e9ee;
}

.tvc-content p { color: #dfe1e8; margin: 0 0 1em; }
.tvc-content p:last-child { margin-bottom: 0; }
.tvc-content strong { color: #f5b50a; }
.tvc-content a { color: #2b7de0; }

/* ---------- HERO mit Ribbon ---------- */

.tvc-content .tvc-hero {
    position: relative;
    width: 100%;
    margin: 0 0 18px;
    line-height: 0;
}
.tvc-content .tvc-hero img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}
.tvc-content .tvc-hero-ribbon {
    position: absolute;
    left: 24px;
    bottom: 24px;
    line-height: 1.15;
    padding: 12px 22px;
    background: linear-gradient(100deg, #e11d2a 0%, #2b7de0 100%);
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}
.tvc-content .tvc-hero-kick {
    display: block;
    color: #ffe9a8;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 0.72em;
}
.tvc-content .tvc-hero-title {
    display: block;
    color: #fff;
    font-size: 1.7em;
    font-weight: 800;
}

/* ---------- BENEFIT-CHIPS ---------- */

.tvc-content .tvc-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 22px;
}
.tvc-content .tvc-chip {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: #1b1d24;
    border: 1px solid #2a2d36;
    border-bottom: 3px solid #f5b50a;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}
.tvc-content .tvc-chip-ic { font-size: 1.3em; }

/* ---------- LEAD ---------- */

.tvc-content .tvc-lead {
    background: linear-gradient(135deg, rgba(225,29,42,0.12), rgba(43,125,224,0.10));
    border: 1px solid #2a2d36;
    border-left: 5px solid #e11d2a;
    border-radius: 10px;
    padding: 24px 28px;
    margin: 0 0 24px;
}
.tvc-content .tvc-lead-h {
    color: #f5b50a;
    font-size: 1.5em;
    line-height: 1.3;
    margin: 0 0 0.5em;
}

/* ---------- SEKTION mit Folder-Tab ---------- */

.tvc-content .tvc-sec { margin: 0 0 24px; }

.tvc-content .tvc-tab {
    display: inline-block;
    padding: 9px 22px;
    font-size: 1.06em;
    font-weight: 700;
    color: #fff;
    border-radius: 8px 8px 0 0;
}
.tvc-content .tvc-card,
.tvc-content .tvc-features,
.tvc-content .tvc-steps {
    background: #1b1d24;
    border-top: 3px solid #888;
    border-radius: 0 10px 10px 10px;
    padding: 24px 28px;
}

/* Akzent-Varianten */
.tvc-content .tvc-red  .tvc-tab { background: #e11d2a; }
.tvc-content .tvc-red  .tvc-card,
.tvc-content .tvc-red  .tvc-features,
.tvc-content .tvc-red  .tvc-steps { border-top-color: #e11d2a; }

.tvc-content .tvc-blue .tvc-tab { background: #2b7de0; }
.tvc-content .tvc-blue .tvc-card,
.tvc-content .tvc-blue .tvc-features,
.tvc-content .tvc-blue .tvc-steps { border-top-color: #2b7de0; }

.tvc-content .tvc-gold .tvc-tab { background: #f5b50a; color: #1b1d24; }
.tvc-content .tvc-gold .tvc-card,
.tvc-content .tvc-gold .tvc-features,
.tvc-content .tvc-gold .tvc-steps { border-top-color: #f5b50a; }

/* ---------- FEATURES-GRID ---------- */

.tvc-content .tvc-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.tvc-content .tvc-feature {
    background: #23262f;
    border-radius: 8px;
    padding: 18px 16px;
    text-align: center;
}
.tvc-content .tvc-feature-ic { font-size: 1.9em; display: block; margin-bottom: 8px; }
.tvc-content .tvc-feature h4 { color: #f5b50a; margin: 0 0 6px; font-size: 1.02em; }
.tvc-content .tvc-feature p { color: #c9ccd6; margin: 0; font-size: 0.92em; line-height: 1.5; }

/* ---------- STEP-KARTEN (horizontal) ---------- */

.tvc-content .tvc-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.tvc-content .tvc-step {
    flex: 1 1 160px;
    background: #23262f;
    border-radius: 8px;
    padding: 18px 16px;
}
.tvc-content .tvc-step-n {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #e11d2a, #2b7de0);
    color: #fff;
    font-weight: 800;
    border-radius: 8px;
    margin-bottom: 10px;
}
.tvc-content .tvc-step h4 { color: #fff; margin: 0 0 6px; font-size: 1em; }
.tvc-content .tvc-step p { color: #c9ccd6; margin: 0; font-size: 0.92em; line-height: 1.5; }

/* ---------- KINKS (Icon-Reihen) ---------- */

.tvc-content .tvc-kinks { list-style: none; margin: 0; padding: 0; }
.tvc-content .tvc-kinks li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #2a2d36;
}
.tvc-content .tvc-kinks li:last-child { border-bottom: none; padding-bottom: 0; }
.tvc-content .tvc-kink-ic {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4em;
    background: #23262f;
    border: 2px solid #e11d2a;
    border-radius: 50%;
}
.tvc-content .tvc-kinks strong { color: #f5b50a; }

/* ---------- BONUS-ZITAT ---------- */

.tvc-content .tvc-quote {
    margin: 0 0 24px;
    padding: 22px 26px 22px 30px;
    background: #16171c;
    border-left: 5px solid #f5b50a;
    border-radius: 0 10px 10px 0;
    font-style: italic;
    color: #e9e9ee;
}
.tvc-content .tvc-quote p { color: #e9e9ee; }

/* ---------- FAQ-AKKORDEON ---------- */

.tvc-content .tvc-faq { /* sitzt im .tvc-card der gold-Sektion */ }
.tvc-content .tvc-faq-item {
    border-bottom: 1px dotted #3a3d47;
    padding: 4px 0;
}
.tvc-content .tvc-faq-item:last-child { border-bottom: none; }
.tvc-content .tvc-faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 12px 34px 12px 0;
    position: relative;
    font-weight: 600;
    color: #f5b50a;
}
.tvc-content .tvc-faq-item summary::-webkit-details-marker { display: none; }
.tvc-content .tvc-faq-item summary::after {
    content: "+";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #e11d2a;
    border-radius: 6px;
    font-weight: 700;
}
.tvc-content .tvc-faq-item[open] summary::after { content: "–"; background: #2b7de0; }
.tvc-content .tvc-faq-item p { padding: 0 0 14px; margin: 0; color: #c9ccd6; }

/* ---------- CTA-BANNER ---------- */

.tvc-content .tvc-cta {
    text-align: center;
    background: linear-gradient(110deg, #e11d2a 0%, #2b7de0 100%);
    border-radius: 12px;
    padding: 32px 30px;
    margin: 0 0 24px;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.4);
}
.tvc-content .tvc-cta-h { color: #ffe9a8; font-size: 1.55em; margin: 0 0 0.5em; }
.tvc-content .tvc-cta p { color: #fff; max-width: 760px; margin-left: auto; margin-right: auto; }

/* ---------- LIVE-DIRECTORY (mehrspaltig) ---------- */

.tvc-content .tvc-dir {
    background: #16171c;
    border: 1px solid #2a2d36;
    border-radius: 10px;
    padding: 22px 28px 26px;
    margin: 0 0 24px;
}
.tvc-content .tvc-dir-h {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #f5b50a;
    font-size: 1.18em;
    margin: 0 0 1.3em;
}
.tvc-content .tvc-live {
    width: 11px; height: 11px;
    background: #e11d2a;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(225, 29, 42, 0.6);
    animation: tvc-pulse 1.8s infinite;
}
@keyframes tvc-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(225, 29, 42, 0.6); }
    70%  { box-shadow: 0 0 0 10px rgba(225, 29, 42, 0); }
    100% { box-shadow: 0 0 0 0 rgba(225, 29, 42, 0); }
}
.tvc-content .tvc-links {
    columns: 5 170px;
    column-gap: 26px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.tvc-content .tvc-links li {
    break-inside: avoid;
    padding: 4px 0;
}
.tvc-content .tvc-links a {
    display: block;
    color: #c9ccd6;
    text-decoration: none;
    padding: 2px 0 2px 10px;
    border-left: 2px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}
.tvc-content .tvc-links a:hover {
    color: #f5b50a;
    border-left-color: #e11d2a;
}

/* ============================================
   Header-Bereich (unterm Banner)
   Anthrazit-Box, H1 Gold / H2 Blau, kompakt
   ============================================ */

.tvc-header {
    width: 100%;
    box-sizing: border-box;
    background: #1b1d24;
    border: 1px solid #2a2d36;
    border-top: 3px solid #e11d2a;
    border-radius: 10px;
    padding: 18px 24px;
    margin: 0 0 22px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #dfe1e8;
    text-align: center;
}
.tvc-header h1 {
    font-size: 1.45em;
    line-height: 1.2;
    color: #f5b50a;
    margin: 0 0 0.4em;
}
.tvc-header h2 {
    font-size: 1.1em;
    line-height: 1.2;
    color: #2b7de0;
    margin: 1em 0 0.4em;
    border: none;
    padding: 0;
}
.tvc-header p { font-size: 0.97em; line-height: 1.55; color: #c9ccd6; margin: 0; }

/* ---------- Mobile ---------- */

@media (max-width: 760px) {
    .tvc-content .tvc-features { grid-template-columns: 1fr 1fr; }
    .tvc-content .tvc-links { columns: 2 130px; column-gap: 18px; }
    .tvc-content .tvc-hero-title { font-size: 1.2em; }
    .tvc-content .tvc-lead,
    .tvc-content .tvc-card,
    .tvc-content .tvc-features,
    .tvc-content .tvc-steps,
    .tvc-content .tvc-dir { padding-left: 16px; padding-right: 16px; }
    .tvc-header h1 { font-size: 1.25em; }
}

@media (max-width: 480px) {
    .tvc-content .tvc-features { grid-template-columns: 1fr; }
    .tvc-content .tvc-links { columns: 1; }
}