/* ==========================================
   GAMEITINFINITY – ABOUT SECTION
   ========================================== */

/* Textbereich */
.nx-starter-about-more .nx-about-richtext {
    max-width: 620px;
    margin: 12px 0 8px;
    color: #dce4f0;
    font-size: 15px;
    line-height: 1.6;
}

.nx-starter-about-more .nx-about-richtext > p {
    margin: 0 0 10px;
    color: #c4cedd;
}

/* Kompakte Themenabschnitte ohne durchgehende Rahmen */
.nx-starter-about-more .nx-about-section {
    position: relative;
    margin: 0 0 7px;
    padding: 0 0 8px;
    border-bottom: none;
}

/* Kurze, dezente Cyan-Trennlinie */
.nx-starter-about-more .nx-about-section::after {
    content: "";
    display: block;
    width: 65%;
    max-width: 340px;
    height: 1px;
    margin-top: 8px;
    background: linear-gradient(
        90deg,
        rgba(0, 229, 255, 0.24),
        rgba(0, 229, 255, 0.02)
    );
}

/* Letzter Abschnitt: keine zusätzliche Linie */
.nx-starter-about-more .nx-about-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.nx-starter-about-more .nx-about-section:last-child::after {
    display: none;
}

/* Zwischenüberschriften */
.nx-starter-about-more .nx-about-section h3 {
    margin: 0 0 3px;
    color: #00e5ff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

/* Beschreibungstexte */
.nx-starter-about-more .nx-about-section p {
    margin: 0;
    color: #c4cedd;
    font-size: 14px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

/* Registrierung: passender Farbverlauf zum oberen Button */
.nx-starter-about-more > a[href*="site=register"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 12px 0 0;
    padding: 12px 23px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(110deg, #00dff5 0%, #3da9ff 100%);
    color: #06111c !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(0, 213, 255, 0.12);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
}

.nx-starter-about-more > a[href*="site=register"]::after {
    content: "→";
    font-size: 18px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.nx-starter-about-more > a[href*="site=register"]:hover {
    color: #06111c !important;
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 213, 255, 0.22);
}

.nx-starter-about-more > a[href*="site=register"]:hover::after {
    transform: translateX(3px);
}

.nx-starter-about-more > a[href*="site=register"]:focus-visible {
    outline: 2px solid #00e5ff;
    outline-offset: 4px;
}

/* Smartphones */
@media (max-width: 767px) {
    .nx-starter-about-more .nx-about-richtext {
        margin: 10px 0 8px;
        font-size: 14px;
        line-height: 1.65;
    }

    .nx-starter-about-more .nx-about-richtext > p {
        margin-bottom: 8px;
    }

    .nx-starter-about-more .nx-about-section {
        margin-bottom: 6px;
        padding-bottom: 7px;
    }

    .nx-starter-about-more .nx-about-section h3 {
        margin-bottom: 3px;
        font-size: 15px;
    }

    .nx-starter-about-more .nx-about-section p {
        font-size: 14px;
        line-height: 1.65;
    }

    .nx-starter-about-more .nx-about-section::after {
        width: 65%;
        margin-top: 7px;
    }

    .nx-starter-about-more > a[href*="site=register"] {
        margin-top: 10px;
        padding: 12px 20px;
    }
}

/* Animationen bei reduzierter Bewegung deaktivieren */
@media (prefers-reduced-motion: reduce) {
    .nx-starter-about-more > a[href*="site=register"],
    .nx-starter-about-more > a[href*="site=register"]::after {
        transition: none;
    }
}

/* ==========================================
   GAMEITINFINITY – EINHEITLICHE SVG-ICONS
   ========================================== */

.nx-starter-about-more .nx-about-section h3 {
    display: flex;
    align-items: center;
    gap: 9px;
}

.nx-starter-about-more .nx-about-section h3::before {
    content: "";
    display: inline-block;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    background-color: #00e5ff;
    filter: drop-shadow(0 0 4px rgba(0, 229, 255, 0.25));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.nx-starter-about-more .nx-about-section:nth-child(1) h3::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%2011h4m-2-2v4m7-1h.01m3-2h.01%20M7%206h10a5%205%200%200%201%204.8%206.4l-1.1%203.8a2%202%200%200%201-3.3%201l-2.2-2H8.8l-2.2%202a2%202%200%200%201-3.3-1l-1.1-3.8A5%205%200%200%201%207%206Z%27%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%2011h4m-2-2v4m7-1h.01m3-2h.01%20M7%206h10a5%205%200%200%201%204.8%206.4l-1.1%203.8a2%202%200%200%201-3.3%201l-2.2-2H8.8l-2.2%202a2%202%200%200%201-3.3-1l-1.1-3.8A5%205%200%200%201%207%206Z%27%2F%3E%3C%2Fsvg%3E");
}

.nx-starter-about-more .nx-about-section:nth-child(2) h3::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%27%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%27%2F%3E%3C%2Fsvg%3E");
}

.nx-starter-about-more .nx-about-section:nth-child(3) h3::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%203%202.5%206.5L21%2012l-6.5%202.5L12%2021l-2.5-6.5L3%2012l6.5-2.5L12%203Z%27%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%203%202.5%206.5L21%2012l-6.5%202.5L12%2021l-2.5-6.5L3%2012l6.5-2.5L12%203Z%27%2F%3E%3C%2Fsvg%3E");
}

.nx-starter-about-more .nx-about-section:nth-child(4) h3::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2m2-13a4%204%200%201%200%208%200%204%204%200%200%200-8%200Zm10%202a4%204%200%200%200%200-8m4%2019v-2a4%204%200%200%200-3-3.87%27%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2m2-13a4%204%200%201%200%208%200%204%204%200%200%200-8%200Zm10%202a4%204%200%200%200%200-8m4%2019v-2a4%204%200%200%200-3-3.87%27%2F%3E%3C%2Fsvg%3E");
}

.nx-starter-about-more .nx-about-section:nth-child(5) h3::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M13%202%204%2014h7l-1%208%2010-12h-7l1-8Z%27%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M13%202%204%2014h7l-1%208%2010-12h-7l1-8Z%27%2F%3E%3C%2Fsvg%3E");
}

@media (max-width: 767px) {
    .nx-starter-about-more .nx-about-section h3::before {
        flex-basis: 18px;
        width: 18px;
        height: 18px;
    }
}