<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Dein Live-Sexcam Blog</title>
	<atom:link href="https://peepnow.net/feed/" rel="self" type="application/rss+xml" />
	<link>https://peepnow.net</link>
	<description>Vergleich, Tests &#38; Livecams in Echtzeit</description>
	<lastBuildDate>Sat, 03 Jan 2026 14:07:59 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://peepnow.net/wp-content/uploads/2025/12/cropped-peepnow-fav-1-32x32.png</url>
	<title>Dein Live-Sexcam Blog</title>
	<link>https://peepnow.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Visit X kostenlos testen: Welcher 10€ Gutschein oder Gratis-Monat lohnt sich für dich? (2026 Update)</title>
		<link>https://peepnow.net/visit-x-gutschein-kostenlos-testen/</link>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Sat, 03 Jan 2026 14:07:58 +0000</pubDate>
				<category><![CDATA[Cam Seiten Tests]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=1949</guid>

					<description><![CDATA[🦎 Dexter hier! Dein Guide durch den Bonus-Dschungel. Du willst Visit X testen, aber kein Geld verbrennen? Ich kenne das Problem: Man will wissen, ob eine Plattform wirklich hält, was sie verspricht, bevor man die Kreditkarte zückt. Die gute Nachricht: Visit X bietet aktuell drei verschiedene Wege für Neukunden an, das Angebot kostenlos zu testen. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ===== DEXTER INTRO BOX - Visit-X Bonus Vergleich Edition ===== -->

<div class="pn-bonus-intro">
    <!-- Animated Background -->
    <div class="pn-bonus-bg">
        <div class="pn-spotlight pn-spot-left"></div>
        <div class="pn-spotlight pn-spot-center"></div>
        <div class="pn-spotlight pn-spot-right"></div>
        <span class="pn-spark"></span>
        <span class="pn-spark"></span>
        <span class="pn-spark"></span>
    </div>
    
    <div class="pn-bonus-content">
        <!-- Dexter Header -->
        <div class="pn-dexter-header">
            <div class="pn-dexter-avatar">
                <div class="pn-avatar-glow"></div>
                <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                <div class="pn-avatar-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            </div>
            <div class="pn-dexter-info">
                <h3 class="pn-dexter-name">Dexter hier!</h3>
                <span class="pn-dexter-tagline">Dein Guide durch den Bonus-Dschungel.</span>
            </div>
        </div>
        
        <!-- Intro Text -->
        <div class="pn-intro-text">
            <p>Du willst <span class="pn-cyber">Visit X testen</span>, aber kein Geld verbrennen?</p>
            
            <p>Ich kenne das Problem: Man will wissen, ob eine Plattform wirklich hält, was sie verspricht, bevor man die Kreditkarte zückt. Die gute Nachricht: <strong>Visit X bietet aktuell drei verschiedene Wege für Neukunden an, das Angebot kostenlos zu testen.</strong></p>
        </div>
        
        <!-- Warning Box -->
        <div class="pn-warning-box">
            <div class="pn-warning-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="pn-warning-content">
                <p class="pn-warning-label">Aber Vorsicht:</p>
                <p class="pn-warning-text">Die Angebote schließen sich gegenseitig aus. Du kannst bei der Anmeldung <strong>nur einen Bonus</strong> nutzen.</p>
            </div>
        </div>
        
        <!-- Three Doors Section -->
        <div class="pn-doors-arena">
            <div class="pn-doors-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6aa.png" alt="🚪" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Drei Türen. Eine Entscheidung. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6aa.png" alt="🚪" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            
            <div class="pn-doors-grid">
                <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=CHAT41TOP&#038;vxpAutoFlow=Signup" class="pn-door pn-door-live" target="_blank" rel="noopener">
                    <div class="pn-door-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f9.png" alt="📹" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div class="pn-door-name">Live Bonus</div>
                    <div class="pn-door-tag">Für die Voyeure</div>
                </a>
                
                <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=VIDEO41TOP&#038;vxpAutoFlow=Signup&#038;jump=videostation" class="pn-door pn-door-video" target="_blank" rel="noopener">
                    <div class="pn-door-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div class="pn-door-name">Video Bonus</div>
                    <div class="pn-door-tag">Für die Archivtaucher</div>
                </a>
                
                <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=VIP41TOP&#038;vxpAutoFlow=Signup" class="pn-door pn-door-vip" target="_blank" rel="noopener">
                    <div class="pn-door-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div class="pn-door-name">VIP Bonus</div>
                    <div class="pn-door-tag">Für die High Roller</div>
                </a>
            </div>
        </div>
        
        <!-- Mission Statement -->
        <div class="pn-mission-box">
            <div class="pn-mission-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="pn-mission-content">
                <p class="pn-mission-text">Damit du dich hinterher nicht ärgerst, habe ich die drei Optionen verglichen.</p>
            </div>
        </div>
        
        <!-- Gutschein Info -->
        <div class="pn-code-line">
            <span class="pn-code-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-code-text">
                <strong>Pro-Tipp vom Gecko:</strong>
                <p>Da die Gutschein-Codes oft kompliziert abzutippen sind und sich manchmal ändern, habe ich die aktuellen Codes <span class="pn-highlight">direkt in die Links eingebaut</span>. Du musst nur klicken, dich anmelden, und der Bonus wird automatisch gutgeschrieben.</p>
            </div>
        </div>
        
        <!-- CTA Badge -->
        <div class="pn-comparison-badge">
            <span class="pn-chart-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ca.png" alt="📊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-comparison-text">Hier ist der <strong>schnelle Vergleich</strong></span>
            <span class="pn-arrow-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f447.png" alt="👇" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
    </div>
</div>


<style>
/* ==========================================================================
   VISIT-X BONUS VERGLEICH INTRO
   ========================================================================== */

.pn-bonus-intro {
    position: relative;
    background: 
        radial-gradient(ellipse at 20% 20%, rgba(139, 92, 246, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(236, 72, 153, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 80%, rgba(212, 168, 83, 0.08) 0%, transparent 50%),
        linear-gradient(
            180deg,
            rgba(10, 10, 15, 0.98) 0%,
            rgba(20, 15, 30, 0.95) 50%,
            rgba(15, 10, 20, 0.98) 100%
        );
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(212, 168, 83, 0.25);
    border-radius: 28px;
    padding: 0;
    margin: 2em auto;
    max-width: 900px;
    overflow: hidden;
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 100px rgba(139, 92, 246, 0.08),
        0 0 100px rgba(236, 72, 153, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Top Border Animation */
.pn-bonus-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        #8b5cf6,
        #D4A853,
        #ec4899,
        #D4A853,
        #8b5cf6
    );
    background-size: 300% 100%;
    animation: pn-bonus-border 4s linear infinite;
    z-index: 10;
}

@keyframes pn-bonus-border {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

/* ==========================================================================
   BACKGROUND EFFECTS
   ========================================================================== */

.pn-bonus-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

.pn-spotlight {
    position: absolute;
    width: 200px;
    height: 300px;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.4;
    animation: pn-spotlight-pulse 4s ease-in-out infinite;
}

.pn-spot-left {
    top: -50px;
    left: -50px;
    background: rgba(139, 92, 246, 0.5);
}

.pn-spot-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(212, 168, 83, 0.3);
    animation-delay: 1s;
}

.pn-spot-right {
    top: -50px;
    right: -50px;
    background: rgba(236, 72, 153, 0.5);
    animation-delay: 2s;
}

@keyframes pn-spotlight-pulse {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
}

.pn-spark {
    position: absolute;
    width: 3px;
    height: 3px;
    background: #D4A853;
    border-radius: 50%;
    box-shadow: 0 0 10px #D4A853, 0 0 20px #D4A853;
    animation: pn-spark-fly 3s ease-in-out infinite;
}

.pn-spark:nth-child(2) { left: 30%; top: 40%; animation-delay: 1s; }
.pn-spark:nth-child(3) { left: 70%; top: 60%; animation-delay: 2s; }
.pn-spark:nth-child(4) { left: 50%; top: 30%; animation-delay: 0.5s; }

@keyframes pn-spark-fly {
    0%, 100% { opacity: 0; transform: translateY(0) scale(0); }
    50% { opacity: 1; transform: translateY(-20px) scale(1); }
}

/* ==========================================================================
   CONTENT CONTAINER
   ========================================================================== */

.pn-bonus-content {
    position: relative;
    z-index: 2;
    padding: 35px;
}

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

.pn-dexter-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.pn-dexter-avatar {
    position: relative;
    width: 90px;
    height: 90px;
    flex-shrink: 0;
}

.pn-avatar-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110px;
    height: 110px;
    background: radial-gradient(circle, rgba(212, 168, 83, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: pn-glow-pulse 3s ease-in-out infinite;
}

@keyframes pn-glow-pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    50% { transform: translate(-50%, -50%) scale(1.15); opacity: 0.8; }
}

.pn-dexter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 10px 25px rgba(212, 168, 83, 0.3));
    transition: all 0.4s ease;
}

.pn-bonus-intro:hover .pn-dexter-avatar img {
    transform: scale(1.08) rotate(-3deg);
}

.pn-avatar-badge {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #D4A853, #f5d78e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    z-index: 3;
    box-shadow: 0 4px 15px rgba(212, 168, 83, 0.5);
    animation: pn-badge-bounce 2s ease-in-out infinite;
}

@keyframes pn-badge-bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.pn-dexter-info {
    flex: 1;
}

.pn-dexter-name {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #ffffff 0%, #D4A853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    border: none !important;
}

.pn-dexter-tagline {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
    font-style: italic;
}

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

.pn-intro-text {
    margin-bottom: 25px;
}

.pn-intro-text p {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1rem;
    line-height: 1.75;
}

.pn-cyber {
    color: #8b5cf6;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}

/* ==========================================================================
   WARNING BOX
   ========================================================================== */

.pn-warning-box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(239, 68, 68, 0.05) 100%);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-left: 4px solid #ef4444;
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 25px;
}

.pn-warning-icon {
    font-size: 1.5rem;
    animation: pn-warning-pulse 2s ease-in-out infinite;
}

@keyframes pn-warning-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.pn-warning-content {
    flex: 1;
}

.pn-warning-label {
    margin: 0 0 6px 0 !important;
    color: #fca5a5;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pn-warning-text {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* ==========================================================================
   THREE DOORS ARENA
   ========================================================================== */

.pn-doors-arena {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 25px 20px;
    margin-bottom: 25px;
}

.pn-doors-title {
    text-align: center;
    color: #D4A853;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 20px;
    animation: pn-title-glow 2s ease-in-out infinite;
}

@keyframes pn-title-glow {
    0%, 100% { text-shadow: 0 0 10px rgba(212, 168, 83, 0.3); }
    50% { text-shadow: 0 0 20px rgba(212, 168, 83, 0.6); }
}

.pn-doors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

/* BASE DOOR STYLE - FÜR LINKS */
.pn-door {
    display: block;
    text-align: center;
    padding: 20px 15px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none !important;
}

.pn-door-live {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(139, 92, 246, 0.05) 100%);
    border-color: rgba(139, 92, 246, 0.25);
}

.pn-door-live:hover {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.25) 0%, rgba(139, 92, 246, 0.1) 100%);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.3);
}

.pn-door-video {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.15) 0%, rgba(236, 72, 153, 0.05) 100%);
    border-color: rgba(236, 72, 153, 0.25);
}

.pn-door-video:hover {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.25) 0%, rgba(236, 72, 153, 0.1) 100%);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(236, 72, 153, 0.3);
}

.pn-door-vip {
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.15) 0%, rgba(212, 168, 83, 0.05) 100%);
    border-color: rgba(212, 168, 83, 0.25);
}

.pn-door-vip:hover {
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.25) 0%, rgba(212, 168, 83, 0.1) 100%);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(212, 168, 83, 0.3);
}

.pn-door-icon {
    font-size: 2rem;
    margin-bottom: 10px;
    animation: pn-door-float 3s ease-in-out infinite;
}

.pn-door-live .pn-door-icon {
    animation-delay: 0s;
}

.pn-door-video .pn-door-icon {
    animation-delay: 1s;
}

.pn-door-vip .pn-door-icon {
    animation-delay: 2s;
}

@keyframes pn-door-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.pn-door-name {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.pn-door-live .pn-door-name {
    color: #a78bfa;
}

.pn-door-video .pn-door-name {
    color: #f9a8d4;
}

.pn-door-vip .pn-door-name {
    color: #D4A853;
}

.pn-door-tag {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
}

/* ==========================================================================
   MISSION BOX
   ========================================================================== */

.pn-mission-box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.1) 0%, transparent 100%);
    border-left: 3px solid #3b82f6;
    padding: 16px 18px;
    margin-bottom: 20px;
    border-radius: 0 14px 14px 0;
}

.pn-mission-icon {
    font-size: 1.4rem;
    animation: pn-target-spin 3s ease-in-out infinite;
}

@keyframes pn-target-spin {
    0%, 100% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.1); }
}

.pn-mission-content {
    flex: 1;
}

.pn-mission-text {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* ==========================================================================
   GUTSCHEIN CODE LINE
   ========================================================================== */

.pn-code-line {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.1) 0%, transparent 100%);
    border-left: 3px solid #10b981;
    padding: 16px 18px;
    margin-bottom: 20px;
    border-radius: 0 14px 14px 0;
}

.pn-code-icon {
    font-size: 1.4rem;
    animation: pn-bulb-glow 2s ease-in-out infinite;
}

@keyframes pn-bulb-glow {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.5); }
}

.pn-code-text {
    flex: 1;
}

.pn-code-text strong {
    display: block;
    color: #34d399;
    font-size: 1.05rem;
    margin-bottom: 5px;
}

.pn-code-text p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.5;
}

.pn-highlight {
    color: #D4A853;
    font-weight: 600;
}

/* ==========================================================================
   COMPARISON BADGE
   ========================================================================== */

.pn-comparison-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.15) 0%, rgba(212, 168, 83, 0.05) 100%);
    border: 1px solid rgba(212, 168, 83, 0.3);
    border-radius: 30px;
    padding: 14px 25px;
    margin: 0 auto;
    max-width: fit-content;
}

.pn-chart-icon {
    font-size: 1.2rem;
    animation: pn-chart-bounce 2s ease-in-out infinite;
}

@keyframes pn-chart-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.pn-comparison-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
}

.pn-comparison-text strong {
    color: #D4A853;
    font-size: 1.1rem;
}

.pn-arrow-icon {
    font-size: 1.2rem;
    animation: pn-arrow-point 1.5s ease-in-out infinite;
}

@keyframes pn-arrow-point {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(5px); }
}

/* ==========================================================================
   HOVER STATE
   ========================================================================== */

.pn-bonus-intro:hover {
    transform: translateY(-8px);
    box-shadow: 
        0 35px 100px rgba(0, 0, 0, 0.7),
        0 0 120px rgba(139, 92, 246, 0.12),
        0 0 120px rgba(236, 72, 153, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

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

@media (max-width: 700px) {
    .pn-bonus-content {
        padding: 25px 20px;
    }
    
    .pn-dexter-header {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .pn-dexter-avatar {
        width: 80px;
        height: 80px;
    }
    
    .pn-dexter-name {
        font-size: 1.4rem !important;
    }
    
    .pn-doors-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .pn-door:hover {
        transform: translateY(0) scale(1.02);
    }
    
    .pn-warning-box,
    .pn-mission-box,
    .pn-code-line {
        flex-direction: column;
        text-align: center;
        border-left: none;
        border-top: 3px solid;
        border-radius: 14px 14px 0 0;
        gap: 10px;
    }
    
    .pn-warning-box {
        border-top-color: #ef4444;
    }
    
    .pn-mission-box {
        border-top-color: #3b82f6;
    }
    
    .pn-code-line {
        border-top-color: #10b981;
    }
    
    .pn-comparison-badge {
        padding: 12px 20px;
        flex-wrap: wrap;
    }
}

@media (max-width: 400px) {
    .pn-bonus-content {
        padding: 20px 16px;
    }
    
    .pn-door-name {
        font-size: 0.95rem;
    }
    
    .pn-door-icon {
        font-size: 1.6rem;
    }
}
</style>



<!-- ===== VISIT-X BONUS CARDS ===== -->

<div class="pn-bonus-cards-wrapper">
    <!-- Card 1: Livecam Action -->
    <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=CHAT41TOP&#038;vxpAutoFlow=Signup" class="pn-bonus-card pn-card-live" target="_blank" rel="nofollow noopener">
        <div class="pn-card-glow"></div>
        <div class="pn-card-header">
            <div class="pn-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a5.png" alt="🎥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="pn-card-title">Livecam Action</div>
            <div class="pn-card-subtitle">Interaktion mit Amateuren</div>
        </div>
        
        <div class="pn-card-value">
            <div class="pn-value-amount">10,00 €</div>
            <div class="pn-value-label">Startguthaben</div>
        </div>
        
        <div class="pn-card-features">
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">Sofort einsatzbereit</span>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">Für Live-Cams</span>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">Keine Verpflichtung</span>
            </div>
        </div>
        
        <div class="pn-card-cta pn-cta-live">
            <span class="pn-cta-text">10€ automatisch aktivieren</span>
            <span class="pn-cta-arrow">→</span>
        </div>
        
        <div class="pn-card-badge">Für Voyeure</div>
    </a>
    
    <!-- Card 2: Video On-Demand -->
    <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=VIDEO41TOP&#038;vxpAutoFlow=Signup&#038;jump=videostation" class="pn-bonus-card pn-card-video" target="_blank" rel="nofollow noopener">
        <div class="pn-card-glow"></div>
        <div class="pn-card-header">
            <div class="pn-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="pn-card-title">Video On-Demand</div>
            <div class="pn-card-subtitle">Clips in HD/4K</div>
        </div>
        
        <div class="pn-card-value">
            <div class="pn-value-amount">10,00 €</div>
            <div class="pn-value-label">Startguthaben</div>
        </div>
        
        <div class="pn-card-features">
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">Sofort einsatzbereit</span>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">Für Video-Archive</span>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">Keine Verpflichtung</span>
            </div>
        </div>
        
        <div class="pn-card-cta pn-cta-video">
            <span class="pn-cta-text">10€ automatisch aktivieren</span>
            <span class="pn-cta-arrow">→</span>
        </div>
        
        <div class="pn-card-badge">Für Archivtaucher</div>
    </a>
    
    <!-- Card 3: VIP Mitgliedschaft -->
    <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=VIP41TOP&#038;vxpAutoFlow=Signup" class="pn-bonus-card pn-card-vip" target="_blank" rel="nofollow noopener">
        <div class="pn-card-glow"></div>
        <div class="pn-card-ribbon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> BESTSELLER</div>
        <div class="pn-card-header">
            <div class="pn-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="pn-card-title">VIP Mitgliedschaft</div>
            <div class="pn-card-subtitle">Das volle Programm</div>
        </div>
        
        <div class="pn-card-value">
            <div class="pn-value-amount">1 Monat</div>
            <div class="pn-value-label">Gratis-Status</div>
        </div>
        
        <div class="pn-card-features">
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">Alle Premium-Features</span>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">Exklusive Inhalte</span>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-icon">✓</span>
                <span class="pn-feature-text">VIP-Support</span>
            </div>
        </div>
        
        <div class="pn-card-cta pn-cta-vip">
            <span class="pn-cta-text">Gratismonat aktivieren</span>
            <span class="pn-cta-arrow">→</span>
        </div>
        
        <div class="pn-card-badge">Für High Roller</div>
    </a>
</div>


<style>
/* ==========================================================================
   BONUS CARDS WRAPPER
   ========================================================================== */

.pn-bonus-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto 60px;
    padding: 0 20px;
}

/* ==========================================================================
   BONUS CARD BASE
   ========================================================================== */

.pn-bonus-card {
    position: relative;
    display: block;
    background: 
        linear-gradient(
            180deg,
            rgba(20, 15, 30, 0.95) 0%,
            rgba(15, 10, 25, 0.98) 100%
        );
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 30px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    text-decoration: none;
    cursor: pointer;
}

.pn-bonus-card:hover {
    transform: translateY(-10px);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.7),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Card Glow Effect */
.pn-card-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.pn-bonus-card:hover .pn-card-glow {
    opacity: 0.3;
}

/* Live Card */
.pn-card-live {
    border-color: rgba(139, 92, 246, 0.25);
}

.pn-card-live .pn-card-glow {
    background: radial-gradient(circle, rgba(139, 92, 246, 0.6) 0%, transparent 70%);
}

.pn-card-live:hover {
    border-color: rgba(139, 92, 246, 0.4);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.7),
        0 0 40px rgba(139, 92, 246, 0.2);
}

/* Video Card */
.pn-card-video {
    border-color: rgba(236, 72, 153, 0.25);
}

.pn-card-video .pn-card-glow {
    background: radial-gradient(circle, rgba(236, 72, 153, 0.6) 0%, transparent 70%);
}

.pn-card-video:hover {
    border-color: rgba(236, 72, 153, 0.4);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.7),
        0 0 40px rgba(236, 72, 153, 0.2);
}

/* VIP Card */
.pn-card-vip {
    border-color: rgba(212, 168, 83, 0.3);
}

.pn-card-vip .pn-card-glow {
    background: radial-gradient(circle, rgba(212, 168, 83, 0.6) 0%, transparent 70%);
}

.pn-card-vip:hover {
    border-color: rgba(212, 168, 83, 0.5);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.7),
        0 0 40px rgba(212, 168, 83, 0.3);
}

/* ==========================================================================
   RIBBON (only for VIP)
   ========================================================================== */

.pn-card-ribbon {
    position: absolute;
    top: 20px;
    right: -35px;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff;
    padding: 6px 45px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: rotate(45deg);
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
    z-index: 10;
}

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

.pn-card-header {
    text-align: center;
    margin-bottom: 25px;
}

.pn-card-icon {
    font-size: 3rem;
    margin-bottom: 15px;
    animation: pn-icon-float 3s ease-in-out infinite;
}

@keyframes pn-icon-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.pn-card-live .pn-card-icon {
    animation-delay: 0s;
    filter: drop-shadow(0 0 20px rgba(139, 92, 246, 0.5));
}

.pn-card-video .pn-card-icon {
    animation-delay: 1s;
    filter: drop-shadow(0 0 20px rgba(236, 72, 153, 0.5));
}

.pn-card-vip .pn-card-icon {
    animation-delay: 2s;
    filter: drop-shadow(0 0 20px rgba(212, 168, 83, 0.5));
}

.pn-card-title {
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 6px;
    color: #ffffff;
}

.pn-card-subtitle {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
}

/* ==========================================================================
   CARD VALUE
   ========================================================================== */

.pn-card-value {
    text-align: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    margin-bottom: 25px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.pn-value-amount {
    font-size: 2.2rem;
    font-weight: 900;
    margin-bottom: 5px;
    background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pn-card-live .pn-value-amount {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pn-card-video .pn-value-amount {
    background: linear-gradient(135deg, #f9a8d4 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pn-card-vip .pn-value-amount {
    background: linear-gradient(135deg, #fbbf24 0%, #D4A853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pn-value-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ==========================================================================
   CARD FEATURES
   ========================================================================== */

.pn-card-features {
    margin-bottom: 25px;
}

.pn-feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.pn-feature-item:last-child {
    border-bottom: none;
}

.pn-feature-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.pn-card-live .pn-feature-icon {
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
}

.pn-card-video .pn-feature-icon {
    background: rgba(236, 72, 153, 0.2);
    color: #f9a8d4;
}

.pn-card-vip .pn-feature-icon {
    background: rgba(212, 168, 83, 0.2);
    color: #fbbf24;
}

.pn-feature-text {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
}

/* ==========================================================================
   CARD CTA BUTTON
   ========================================================================== */

.pn-card-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 700;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: none;
}

.pn-card-cta::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.pn-bonus-card:hover .pn-card-cta::before {
    width: 300px;
    height: 300px;
}

.pn-cta-text,
.pn-cta-arrow {
    position: relative;
    z-index: 2;
}

.pn-cta-arrow {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.pn-bonus-card:hover .pn-cta-arrow {
    transform: translateX(5px);
}

/* Live CTA */
.pn-cta-live {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #ffffff;
    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);
}

.pn-card-live:hover .pn-cta-live {
    box-shadow: 0 6px 30px rgba(139, 92, 246, 0.6);
}

/* Video CTA */
.pn-cta-video {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    color: #ffffff;
    box-shadow: 0 4px 20px rgba(236, 72, 153, 0.4);
}

.pn-card-video:hover .pn-cta-video {
    box-shadow: 0 6px 30px rgba(236, 72, 153, 0.6);
}

/* VIP CTA */
.pn-cta-vip {
    background: linear-gradient(135deg, #D4A853 0%, #b8902d 100%);
    color: #ffffff;
    box-shadow: 0 4px 20px rgba(212, 168, 83, 0.4);
}

.pn-card-vip:hover .pn-cta-vip {
    box-shadow: 0 6px 30px rgba(212, 168, 83, 0.6);
}

/* ==========================================================================
   CARD BADGE
   ========================================================================== */

.pn-card-badge {
    text-align: center;
    margin-top: 15px;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pn-card-live .pn-card-badge {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.3);
}

.pn-card-video .pn-card-badge {
    background: rgba(236, 72, 153, 0.15);
    color: #f9a8d4;
    border: 1px solid rgba(236, 72, 153, 0.3);
}

.pn-card-vip .pn-card-badge {
    background: rgba(212, 168, 83, 0.15);
    color: #fbbf24;
    border: 1px solid rgba(212, 168, 83, 0.3);
}

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

@media (max-width: 900px) {
    .pn-bonus-cards-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 15px;
    }
    
    .pn-bonus-card {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 500px) {
    .pn-bonus-card {
        padding: 25px 20px;
    }
    
    .pn-card-icon {
        font-size: 2.5rem;
    }
    
    .pn-card-title {
        font-size: 1.2rem;
    }
    
    .pn-value-amount {
        font-size: 1.8rem;
    }
    
    .pn-card-cta {
        padding: 14px 20px;
        font-size: 0.95rem;
    }
    
    .pn-card-ribbon {
        font-size: 0.65rem;
        padding: 5px 40px;
    }
}
</style>



<!-- ===== VISIT-X BONUS OPTIONS - COMPLETE ===== -->

<div class="vxb-options-container">
    
    <!-- Option 1: Livecam Bonus -->
    <div class="vxb-option vxb-opt-live">
        <div class="vxb-opt-glow"></div>
        
        <div class="vxb-opt-header">
            <div class="vxb-opt-badge">Option 1</div>
            <div class="vxb-opt-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a5.png" alt="🎥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <h3 class="vxb-opt-headline">Der Livecam-Bonus (10€ Guthaben)</h3>
        </div>
        
        <div class="vxb-perfect-block">
            <div class="vxb-perfect-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="vxb-perfect-wrap">
                <div class="vxb-perfect-label">Perfekt für dich, wenn:</div>
                <p class="vxb-perfect-desc">Du auf echte Interaktion stehst und direkt mit den Girls schreiben oder camen willst.</p>
            </div>
        </div>
        
        <div class="vxb-opt-body">
            <p>Über unseren Spezial-Link bekommst du <strong>10,00 € echtes Guthaben</strong> direkt nach der Anmeldung auf dein Konto gebucht. Das ist ideal, um die Technik zu testen und &#8222;Hallo&#8220; zu sagen, ohne sofort einzuzahlen.</p>
        </div>
        
        <div class="vxb-assessment">
            <div class="vxb-assess-header">
                <span class="vxb-assess-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ca.png" alt="📊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="vxb-assess-title">Unsere Einschätzung:</span>
            </div>
            <p class="vxb-assess-text">10 Euro sind bei den Minutenpreisen im Live-Bereich natürlich irgendwann aufgebraucht.</p>
        </div>
        
        <div class="vxb-protip">
            <div class="vxb-protip-header">
                <span class="vxb-protip-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="vxb-protip-title">Unser Tipp:</span>
            </div>
            <p class="vxb-protip-text">Nutze dieses Gratis-Guthaben für öffentliche Chats oder günstigere Cams, um ein Gefühl für die Qualität der Models zu bekommen. Es ist der perfekte &#8222;Appetizer&#8220;.</p>
        </div>
        
        <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=CHAT41TOP&#038;vxpAutoFlow=Signup" class="vxb-mega-btn vxb-btn-live" target="_blank" rel="nofollow noopener">
            <span class="vxb-btn-shine"></span>
            <span class="vxb-btn-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="vxb-btn-content">
                <span class="vxb-btn-main">10€ Live-Guthaben sichern</span>
                <span class="vxb-btn-sub">(Auto-Aktivierung)</span>
            </span>
            <span class="vxb-btn-arrow">→</span>
        </a>
    </div>
    
    <!-- Option 2: Video Bonus -->
    <div class="vxb-option vxb-opt-video">
        <div class="vxb-opt-glow"></div>
        
        <div class="vxb-opt-header">
            <div class="vxb-opt-badge">Option 2</div>
            <div class="vxb-opt-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <h3 class="vxb-opt-headline">Der Video-Bonus (10€ Guthaben)</h3>
        </div>
        
        <div class="vxb-perfect-block">
            <div class="vxb-perfect-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="vxb-perfect-wrap">
                <div class="vxb-perfect-label">Perfekt für dich, wenn:</div>
                <p class="vxb-perfect-desc">Du keine Lust auf Chatten hast, sondern einfach gute Clips in hoher Qualität konsumieren willst (&#8222;Netflix-Style&#8220;).</p>
            </div>
        </div>
        
        <div class="vxb-opt-body">
            <p>Visit X hat eine riesige Amateur- und Profi-Videothek. Mit den <strong>10,00 € Startguthaben</strong> kannst du dir kostenpflichtige Clips kaufen oder leihen.</p>
            
            <p><strong>Der Vorteil:</strong> Im Gegensatz zur Cam hast du hier keinen Zeitdruck. Du kaufst den Clip und kannst ihn in Ruhe ansehen. Ideal für User, die entspannt konsumieren wollen, ohne dass im Hintergrund eine Uhr tickt. Auch hier ist kein Code-Tippen nötig.</p>
        </div>
        
        <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=VIDEO41TOP&#038;vxpAutoFlow=Signup&#038;jump=videostation" class="vxb-mega-btn vxb-btn-video" target="_blank" rel="nofollow noopener">
            <span class="vxb-btn-shine"></span>
            <span class="vxb-btn-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="vxb-btn-content">
                <span class="vxb-btn-main">10€ Video-Guthaben sichern</span>
                <span class="vxb-btn-sub">(Auto-Aktivierung)</span>
            </span>
            <span class="vxb-btn-arrow">→</span>
        </a>
    </div>
    
    <!-- Option 3: VIP Monat -->
    <div class="vxb-option vxb-opt-vip">
        <div class="vxb-opt-glow"></div>
        <div class="vxb-crown-ribbon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /> BEST VALUE</div>
        
        <div class="vxb-opt-header">
            <div class="vxb-opt-badge">Option 3</div>
            <div class="vxb-opt-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <h3 class="vxb-opt-headline">Der VIP-Monat (Gratis)</h3>
        </div>
        
        <div class="vxb-perfect-block">
            <div class="vxb-perfect-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="vxb-perfect-wrap">
                <div class="vxb-perfect-label">Perfekt für dich, wenn:</div>
                <p class="vxb-perfect-desc">Du das &#8222;All-In&#8220;-Gefühl willst. Flatrate-Zugriff auf exklusive VIP-Inhalte und Rabatte auf Cam-Shows.</p>
            </div>
        </div>
        
        <div class="vxb-opt-body">
            <p>Das ist <strong>wertmäßig das stärkste Angebot</strong>, da du einen ganzen Monat lang Status-Vorteile genießt, die sonst Geld kosten. Aber genau hier müssen wir kurz über das Kleingedruckte sprechen, damit wir fair bleiben.</p>
        </div>
        
        <div class="vxb-fairplay-box">
            <div class="vxb-fairplay-header">
                <span class="vxb-fairplay-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="vxb-fairplay-title">Unsere &#8222;Fair Play&#8220; Trust-Box:</span>
            </div>
            
            <div class="vxb-fairplay-content">
                <p class="vxb-fairplay-intro">Der VIP-Gratismonat ist ein Abo-Modell, das im ersten Monat <strong>0,00 €</strong> kostet.</p>
                
                <div class="vxb-must-know">
                    <div class="vxb-must-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div class="vxb-must-text">
                        <strong>Das musst du wissen:</strong> Wenn du nicht kündigst, verlängert sich das Abo nach 30 Tagen oft kostenpflichtig.
                    </div>
                </div>
                
                <div class="vxb-protip-steps">
                    <div class="vxb-steps-title">Unser Profi-Tipp für dich:</div>
                    <div class="vxb-steps-list">
                        <div class="vxb-step">
                            <span class="vxb-step-num">1</span>
                            <span class="vxb-step-text">Nutze unseren Aktivierungs-Link unten.</span>
                        </div>
                        <div class="vxb-step">
                            <span class="vxb-step-num">2</span>
                            <span class="vxb-step-text">Setze dir sofort einen Termin in deinen Kalender (z. B. &#8222;Visit X prüfen&#8220; in 25 Tagen).</span>
                        </div>
                        <div class="vxb-step">
                            <span class="vxb-step-num">3</span>
                            <span class="vxb-step-text">Entscheide dann entspannt: Gefällt es dir? Behalt es. Gefällt es dir nicht? Kündige es mit wenigen Klicks im Profil.</span>
                        </div>
                    </div>
                    <p class="vxb-steps-outro">So nutzt du den maximalen Vorteil ohne Risiko.</p>
                </div>
            </div>
        </div>
        
        <a href="https://www.visit-x.net/de/cams/?w=20808&#038;ws=&#038;pc=VIP41TOP&#038;vxpAutoFlow=Signup" class="vxb-mega-btn vxb-btn-vip" target="_blank" rel="nofollow noopener">
            <span class="vxb-btn-shine"></span>
            <span class="vxb-btn-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="vxb-btn-content">
                <span class="vxb-btn-main">1 Monat VIP gratis testen</span>
                <span class="vxb-btn-sub">(Auto-Aktivierung)</span>
            </span>
            <span class="vxb-btn-arrow">→</span>
        </a>
    </div>
    
</div>


<style>
/* ==========================================================================
   VISIT-X BONUS OPTIONS - RESET & BASE
   ========================================================================== */

.vxb-options-container {
    max-width: 900px;
    margin: 0 auto 60px;
    padding: 0 20px;
}

.vxb-options-container * {
    box-sizing: border-box;
}

/* ==========================================================================
   OPTION CARD
   ========================================================================== */

.vxb-option {
    position: relative;
    background: 
        linear-gradient(
            180deg,
            rgba(20, 15, 30, 0.95) 0%,
            rgba(15, 10, 25, 0.98) 100%
        );
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 35px;
    margin-bottom: 35px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.vxb-option:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.7),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Option Glow */
.vxb-opt-glow {
    position: absolute;
    top: -120px;
    left: -120px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.vxb-option:hover .vxb-opt-glow {
    opacity: 0.25;
}

/* Live Option */
.vxb-opt-live {
    border-color: rgba(139, 92, 246, 0.3);
}

.vxb-opt-live .vxb-opt-glow {
    background: radial-gradient(circle, rgba(139, 92, 246, 0.7) 0%, transparent 70%);
}

.vxb-opt-live:hover {
    border-color: rgba(139, 92, 246, 0.5);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.7),
        0 0 50px rgba(139, 92, 246, 0.2);
}

/* Video Option */
.vxb-opt-video {
    border-color: rgba(236, 72, 153, 0.3);
}

.vxb-opt-video .vxb-opt-glow {
    background: radial-gradient(circle, rgba(236, 72, 153, 0.7) 0%, transparent 70%);
}

.vxb-opt-video:hover {
    border-color: rgba(236, 72, 153, 0.5);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.7),
        0 0 50px rgba(236, 72, 153, 0.2);
}

/* VIP Option */
.vxb-opt-vip {
    border-color: rgba(212, 168, 83, 0.35);
}

.vxb-opt-vip .vxb-opt-glow {
    background: radial-gradient(circle, rgba(212, 168, 83, 0.7) 0%, transparent 70%);
}

.vxb-opt-vip:hover {
    border-color: rgba(212, 168, 83, 0.55);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.7),
        0 0 50px rgba(212, 168, 83, 0.25);
}

/* ==========================================================================
   CROWN RIBBON
   ========================================================================== */

.vxb-crown-ribbon {
    position: absolute;
    top: 20px;
    right: -40px;
    background: linear-gradient(135deg, #D4A853 0%, #b8902d 100%);
    color: #ffffff;
    padding: 6px 50px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: rotate(45deg);
    box-shadow: 0 4px 15px rgba(212, 168, 83, 0.5);
    z-index: 10;
}

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

.vxb-opt-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vxb-opt-badge {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 14px;
    border-radius: 20px;
    flex-shrink: 0;
}

.vxb-opt-live .vxb-opt-badge {
    background: rgba(139, 92, 246, 0.2);
    color: #a78bfa;
    border: 1px solid rgba(139, 92, 246, 0.35);
}

.vxb-opt-video .vxb-opt-badge {
    background: rgba(236, 72, 153, 0.2);
    color: #f9a8d4;
    border: 1px solid rgba(236, 72, 153, 0.35);
}

.vxb-opt-vip .vxb-opt-badge {
    background: rgba(212, 168, 83, 0.2);
    color: #fbbf24;
    border: 1px solid rgba(212, 168, 83, 0.35);
}

.vxb-opt-emoji {
    font-size: 2rem;
    flex-shrink: 0;
}

.vxb-opt-live .vxb-opt-emoji {
    filter: drop-shadow(0 0 15px rgba(139, 92, 246, 0.6));
}

.vxb-opt-video .vxb-opt-emoji {
    filter: drop-shadow(0 0 15px rgba(236, 72, 153, 0.6));
}

.vxb-opt-vip .vxb-opt-emoji {
    filter: drop-shadow(0 0 15px rgba(212, 168, 83, 0.6));
}

.vxb-opt-headline {
    flex: 1;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.3 !important;
}

/* ==========================================================================
   PERFECT FOR BLOCK
   ========================================================================== */

.vxb-perfect-block {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(59, 130, 246, 0.05) 100%);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-left: 4px solid #3b82f6;
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 20px;
}

.vxb-perfect-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.vxb-perfect-wrap {
    flex: 1;
}

.vxb-perfect-label {
    color: #60a5fa;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.vxb-perfect-desc {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.6;
}

/* ==========================================================================
   OPTION BODY
   ========================================================================== */

.vxb-opt-body {
    margin-bottom: 20px;
}

.vxb-opt-body p {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    line-height: 1.7;
}

.vxb-opt-body p:last-child {
    margin-bottom: 0 !important;
}

.vxb-opt-body strong {
    color: #ffffff;
    font-weight: 700;
}

/* ==========================================================================
   ASSESSMENT BOX
   ========================================================================== */

.vxb-assessment {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 16px;
    margin-bottom: 15px;
}

.vxb-assess-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.vxb-assess-icon {
    font-size: 1.1rem;
}

.vxb-assess-title {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.vxb-assess-text {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* ==========================================================================
   PRO TIP BOX
   ========================================================================== */

.vxb-protip {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.12) 0%, transparent 100%);
    border-left: 3px solid #10b981;
    border-radius: 0 14px 14px 0;
    padding: 16px 18px;
    margin-bottom: 30px;
}

.vxb-protip-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.vxb-protip-icon {
    font-size: 1.1rem;
    animation: vxb-glow-pulse 2s ease-in-out infinite;
}

@keyframes vxb-glow-pulse {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.6); }
}

.vxb-protip-title {
    color: #34d399;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.vxb-protip-text {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* ==========================================================================
   FAIR PLAY BOX (VIP Only)
   ========================================================================== */

.vxb-fairplay-box {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.08) 0%, rgba(212, 168, 83, 0.05) 100%);
    border: 1px solid rgba(212, 168, 83, 0.3);
    border-radius: 18px;
    padding: 24px;
    margin-bottom: 30px;
}

.vxb-fairplay-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.vxb-fairplay-icon {
    font-size: 1.4rem;
}

.vxb-fairplay-title {
    color: #fbbf24;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.3px;
}

.vxb-fairplay-content {
    /* Content wrapper */
}

.vxb-fairplay-intro {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

.vxb-must-know {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-left: 3px solid #ef4444;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 20px;
}

.vxb-must-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.vxb-must-text {
    flex: 1;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.6;
}

.vxb-must-text strong {
    color: #fca5a5;
    font-weight: 700;
}

.vxb-protip-steps {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    padding: 18px;
}

.vxb-steps-title {
    color: #34d399;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}

.vxb-steps-list {
    margin-bottom: 14px;
}

.vxb-step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.vxb-step:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.vxb-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.3);
}

.vxb-step-text {
    flex: 1;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    line-height: 1.6;
    padding-top: 2px;
}

.vxb-steps-outro {
    margin: 0 !important;
    padding: 0 !important;
    color: #34d399;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.6;
}

/* ==========================================================================
   MEGA BUTTON - SUPER AUFFÄLLIG
   ========================================================================== */

.vxb-mega-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    padding: 22px 32px;
    border-radius: 16px;
    font-size: 1.1rem;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Button Shine Effect */
.vxb-btn-shine {
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: skewX(-20deg);
    animation: vxb-btn-shine-move 3s ease-in-out infinite;
    pointer-events: none;
}

@keyframes vxb-btn-shine-move {
    0%, 100% { left: -100%; }
    50% { left: 150%; }
}

.vxb-mega-btn:hover .vxb-btn-shine {
    animation: vxb-btn-shine-move 1s ease-in-out infinite;
}

.vxb-btn-emoji,
.vxb-btn-content,
.vxb-btn-arrow {
    position: relative;
    z-index: 2;
}

.vxb-btn-emoji {
    font-size: 1.5rem;
    animation: vxb-emoji-bounce 2s ease-in-out infinite;
}

@keyframes vxb-emoji-bounce {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(5px); }
}

.vxb-btn-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    flex: 1;
}

.vxb-btn-main {
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.vxb-btn-sub {
    font-size: 0.8rem;
    font-weight: 600;
    opacity: 0.9;
    text-transform: none;
    letter-spacing: 0.3px;
}

.vxb-btn-arrow {
    font-size: 1.6rem;
    transition: transform 0.3s ease;
    font-weight: 900;
}

.vxb-mega-btn:hover .vxb-btn-arrow {
    transform: translateX(8px);
}

/* Live Button */
.vxb-btn-live {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
    color: #ffffff;
    border-color: rgba(139, 92, 246, 0.5);
}

.vxb-btn-live:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
    box-shadow: 
        0 12px 40px rgba(139, 92, 246, 0.6),
        0 0 60px rgba(139, 92, 246, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: translateY(-4px) scale(1.02);
    border-color: rgba(139, 92, 246, 0.8);
}

.vxb-btn-live:active {
    transform: translateY(-2px) scale(1);
}

/* Video Button */
.vxb-btn-video {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    color: #ffffff;
    border-color: rgba(236, 72, 153, 0.5);
}

.vxb-btn-video:hover {
    background: linear-gradient(135deg, #db2777 0%, #be185d 100%);
    box-shadow: 
        0 12px 40px rgba(236, 72, 153, 0.6),
        0 0 60px rgba(236, 72, 153, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: translateY(-4px) scale(1.02);
    border-color: rgba(236, 72, 153, 0.8);
}

.vxb-btn-video:active {
    transform: translateY(-2px) scale(1);
}

/* VIP Button */
.vxb-btn-vip {
    background: linear-gradient(135deg, #D4A853 0%, #b8902d 100%);
    color: #ffffff;
    border-color: rgba(212, 168, 83, 0.6);
}

.vxb-btn-vip:hover {
    background: linear-gradient(135deg, #c79a3d 0%, #a67c1e 100%);
    box-shadow: 
        0 12px 40px rgba(212, 168, 83, 0.7),
        0 0 60px rgba(212, 168, 83, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: translateY(-4px) scale(1.02);
    border-color: rgba(212, 168, 83, 0.9);
}

.vxb-btn-vip:active {
    transform: translateY(-2px) scale(1);
}

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

@media (max-width: 700px) {
    .vxb-options-container {
        padding: 0 15px;
    }
    
    .vxb-option {
        padding: 25px 20px;
        margin-bottom: 30px;
    }
    
    .vxb-opt-header {
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .vxb-opt-headline {
        font-size: 1.2rem !important;
        width: 100%;
    }
    
    .vxb-perfect-block {
        flex-direction: column;
        text-align: center;
        border-left: none;
        border-top: 4px solid #3b82f6;
        border-radius: 14px 14px 0 0;
    }
    
    .vxb-protip {
        border-left: none;
        border-top: 3px solid #10b981;
        border-radius: 14px 14px 0 0;
    }
    
    .vxb-must-know {
        flex-direction: column;
        text-align: center;
        border-left: none;
        border-top: 3px solid #ef4444;
        border-radius: 14px 14px 0 0;
    }
    
    .vxb-mega-btn {
        padding: 18px 24px;
        font-size: 1rem;
    }
    
    .vxb-btn-main {
        font-size: 1rem;
    }
    
    .vxb-btn-sub {
        font-size: 0.75rem;
    }
    
    .vxb-crown-ribbon {
        font-size: 0.65rem;
        padding: 5px 45px;
        right: -45px;
    }
}

@media (max-width: 400px) {
    .vxb-option {
        padding: 20px 16px;
    }
    
    .vxb-opt-emoji {
        font-size: 1.6rem;
    }
    
    .vxb-opt-headline {
        font-size: 1.1rem !important;
    }
    
    .vxb-mega-btn {
        padding: 16px 20px;
        gap: 10px;
    }
    
    .vxb-btn-emoji {
        font-size: 1.3rem;
    }
    
    .vxb-btn-arrow {
        font-size: 1.4rem;
    }
}
</style>



<!-- ===== ANLEITUNG SECTION ===== -->

<div class="vxg-guide-wrapper">
    <div class="vxg-guide-container">
        <div class="vxg-guide-glow"></div>
        
        <div class="vxg-guide-header">
            <div class="vxg-guide-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <h2 class="vxg-guide-title">Anleitung: So einfach funktioniert&#8217;s</h2>
        </div>
        
        <p class="vxg-guide-intro">Der Prozess ist bei Visit X sehr streamlined. Da wir die Promo-Codes technisch in die Links integriert haben, <strong>kannst du nichts falsch machen:</strong></p>
        
        <div class="vxg-steps-container">
            <!-- Step 1 -->
            <div class="vxg-step">
                <div class="vxg-step-number">
                    <span class="vxg-step-num">1</span>
                </div>
                <div class="vxg-step-content">
                    <h3 class="vxg-step-heading">Link klicken</h3>
                    <p class="vxg-step-text">Klicke oben auf den Link deiner Wahl (Live, Video oder VIP).</p>
                </div>
                <div class="vxg-step-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            </div>
            
            <!-- Step 2 -->
            <div class="vxg-step">
                <div class="vxg-step-number">
                    <span class="vxg-step-num">2</span>
                </div>
                <div class="vxg-step-content">
                    <h3 class="vxg-step-heading">Automatische Aktivierung</h3>
                    <p class="vxg-step-text">Du landest direkt im Anmeldeformular. Du siehst vielleicht kein extra Feld für einen Code, aber keine Sorge: Durch unseren Link weiß das System im Hintergrund Bescheid.</p>
                </div>
                <div class="vxg-step-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            </div>
            
            <!-- Step 3 -->
            <div class="vxg-step">
                <div class="vxg-step-number">
                    <span class="vxg-step-num">3</span>
                </div>
                <div class="vxg-step-content">
                    <h3 class="vxg-step-heading">Daten ausfüllen</h3>
                    <p class="vxg-step-text">Fülle die Basis-Daten aus (Visit X arbeitet diskret).</p>
                </div>
                <div class="vxg-step-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4dd.png" alt="📝" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            </div>
            
            <!-- Step 4 -->
            <div class="vxg-step">
                <div class="vxg-step-number">
                    <span class="vxg-step-num">4</span>
                </div>
                <div class="vxg-step-content">
                    <h3 class="vxg-step-heading">E-Mail bestätigen</h3>
                    <p class="vxg-step-text">Bestätige deine E-Mail-Adresse.</p>
                </div>
                <div class="vxg-step-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e7.png" alt="📧" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            </div>
            
            <!-- Step 5 -->
            <div class="vxg-step vxg-step-final">
                <div class="vxg-step-number">
                    <span class="vxg-step-num">5</span>
                </div>
                <div class="vxg-step-content">
                    <h3 class="vxg-step-heading">Fertig!</h3>
                    <p class="vxg-step-text">Dein Guthaben oder dein VIP-Status ist sofort aktiv.</p>
                </div>
                <div class="vxg-step-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            </div>
        </div>
    </div>
</div>


<!-- ===== FAZIT SECTION ===== -->

<div class="vxf-fazit-wrapper">
    <div class="vxf-fazit-container">
        <div class="vxf-fazit-glow"></div>
        
        <div class="vxf-fazit-header">
            <div class="vxf-fazit-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <h2 class="vxf-fazit-title">Fazit: Welchen Deal sollst du nehmen?</h2>
        </div>
        
        <div class="vxf-recommendation">
            <div class="vxf-rec-badge">
                <span class="vxf-badge-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="vxf-badge-text">Unsere Empfehlung</span>
            </div>
            
            <p class="vxf-rec-text">Wir empfehlen Einsteigern meistens den <strong>10€ Live-Bonus (Option 1)</strong>. Warum? Weil Live-Cams das Herzstück von Visit X sind. Das ist das Produkt, das die Plattform einzigartig macht.</p>
        </div>
        
        <div class="vxf-alternatives">
            <div class="vxf-alt-item vxf-alt-video">
                <div class="vxf-alt-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="vxf-alt-content">
                    <h3 class="vxf-alt-title">Bist du eher der &#8222;Sammler &#038; Jäger&#8220;?</h3>
                    <p class="vxf-alt-text">Wenn du eher der &#8222;Sammler &#038; Jäger&#8220; von guten Clips bist, nimm den <strong>Video-Bonus</strong>.</p>
                </div>
            </div>
            
            <div class="vxf-alt-item vxf-alt-vip">
                <div class="vxf-alt-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="vxf-alt-content">
                    <h3 class="vxf-alt-title">Bist du organisiert?</h3>
                    <p class="vxf-alt-text">Der <strong>VIP-Pass</strong> ist nur etwas für dich, wenn du organisiert bist (denk an unseren Kalender-Tipp!).</p>
                </div>
            </div>
        </div>
        
        <div class="vxf-cta-final">
            <div class="vxf-cta-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="vxf-cta-text">
                <h3 class="vxf-cta-heading">Bereit?</h3>
                <p class="vxf-cta-subtext">Wähle jetzt oben deinen Favoriten und viel Spaß beim Testen!</p>
            </div>
        </div>
    </div>
</div>


<style>
/* ==========================================================================
   GUIDE SECTION - ANLEITUNG
   ========================================================================== */

.vxg-guide-wrapper {
    max-width: 900px;
    margin: 0 auto 50px;
    padding: 0 20px;
}

.vxg-guide-container {
    position: relative;
    background: 
        linear-gradient(
            180deg,
            rgba(20, 15, 30, 0.95) 0%,
            rgba(15, 10, 25, 0.98) 100%
        );
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 40px;
    overflow: hidden;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.vxg-guide-glow {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}

/* Guide Header */
.vxg-guide-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vxg-guide-icon {
    font-size: 2.5rem;
    filter: drop-shadow(0 0 20px rgba(59, 130, 246, 0.5));
    animation: vxg-icon-float 3s ease-in-out infinite;
}

@keyframes vxg-icon-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.vxg-guide-title {
    flex: 1;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.3 !important;
}

.vxg-guide-intro {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.05rem;
    line-height: 1.7;
}

.vxg-guide-intro strong {
    color: #60a5fa;
    font-weight: 700;
}

/* Steps Container */
.vxg-steps-container {
    position: relative;
}

.vxg-steps-container::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 40px;
    bottom: 40px;
    width: 2px;
    background: linear-gradient(
        180deg,
        rgba(59, 130, 246, 0.3) 0%,
        rgba(16, 185, 129, 0.5) 100%
    );
    z-index: 0;
}

/* Individual Step */
.vxg-step {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 0;
    z-index: 1;
}

.vxg-step-number {
    position: relative;
    flex-shrink: 0;
}

.vxg-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 800;
    border-radius: 50%;
    box-shadow: 
        0 5px 20px rgba(59, 130, 246, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.vxg-step:hover .vxg-step-num {
    transform: scale(1.1);
    box-shadow: 
        0 8px 30px rgba(59, 130, 246, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.vxg-step-final .vxg-step-num {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    box-shadow: 
        0 5px 20px rgba(16, 185, 129, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.vxg-step-final:hover .vxg-step-num {
    box-shadow: 
        0 8px 30px rgba(16, 185, 129, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.vxg-step-content {
    flex: 1;
}

.vxg-step-heading {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.vxg-step-text {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6;
}

.vxg-step-icon {
    font-size: 2rem;
    flex-shrink: 0;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.vxg-step:hover .vxg-step-icon {
    opacity: 1;
    transform: scale(1.15);
}

.vxg-step-final .vxg-step-icon {
    animation: vxg-final-celebrate 1.5s ease-in-out infinite;
}

@keyframes vxg-final-celebrate {
    0%, 100% { transform: rotate(-10deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.15); }
}

/* ==========================================================================
   FAZIT SECTION
   ========================================================================== */

.vxf-fazit-wrapper {
    max-width: 900px;
    margin: 0 auto 60px;
    padding: 0 20px;
}

.vxf-fazit-container {
    position: relative;
    background: 
        linear-gradient(
            180deg,
            rgba(20, 15, 30, 0.95) 0%,
            rgba(15, 10, 25, 0.98) 100%
        );
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(212, 168, 83, 0.25);
    border-radius: 24px;
    padding: 40px;
    overflow: hidden;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.5),
        0 0 60px rgba(212, 168, 83, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.vxf-fazit-glow {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(212, 168, 83, 0.25) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}

/* Fazit Header */
.vxf-fazit-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vxf-fazit-icon {
    font-size: 2.5rem;
    filter: drop-shadow(0 0 20px rgba(212, 168, 83, 0.5));
    animation: vxf-icon-pulse 2s ease-in-out infinite;
}

@keyframes vxf-icon-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.vxf-fazit-title {
    flex: 1;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.3 !important;
}

/* Recommendation Box */
.vxf-recommendation {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.12) 0%, rgba(139, 92, 246, 0.05) 100%);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 18px;
    padding: 25px;
    margin-bottom: 25px;
    position: relative;
}

.vxf-rec-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4);
}

.vxf-badge-icon {
    font-size: 1rem;
    animation: vxf-star-spin 3s linear infinite;
}

@keyframes vxf-star-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.vxf-rec-text {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.05rem;
    line-height: 1.7;
}

.vxf-rec-text strong {
    color: #a78bfa;
    font-weight: 700;
}

/* Alternatives */
.vxf-alternatives {
    display: grid;
    gap: 15px;
    margin-bottom: 30px;
}

.vxf-alt-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 20px;
    transition: all 0.3s ease;
}

.vxf-alt-item:hover {
    transform: translateX(5px);
    border-color: rgba(255, 255, 255, 0.15);
}

.vxf-alt-video {
    border-left: 3px solid #ec4899;
}

.vxf-alt-video:hover {
    background: rgba(236, 72, 153, 0.05);
}

.vxf-alt-vip {
    border-left: 3px solid #D4A853;
}

.vxf-alt-vip:hover {
    background: rgba(212, 168, 83, 0.05);
}

.vxf-alt-icon {
    font-size: 2rem;
    flex-shrink: 0;
    opacity: 0.8;
}

.vxf-alt-content {
    flex: 1;
}

.vxf-alt-title {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.vxf-alt-text {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.6;
}

.vxf-alt-text strong {
    color: #ffffff;
    font-weight: 700;
}

/* Final CTA */
.vxf-cta-final {
    display: flex;
    align-items: center;
    gap: 20px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(16, 185, 129, 0.05) 100%);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 18px;
    padding: 25px;
}

.vxf-cta-icon {
    font-size: 3rem;
    flex-shrink: 0;
    animation: vxf-rocket-launch 2s ease-in-out infinite;
}

@keyframes vxf-rocket-launch {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.vxf-cta-text {
    flex: 1;
}

.vxf-cta-heading {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #34d399 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.vxf-cta-subtext {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.05rem;
    line-height: 1.6;
}

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

@media (max-width: 700px) {
    .vxg-guide-wrapper,
    .vxf-fazit-wrapper {
        padding: 0 15px;
    }
    
    .vxg-guide-container,
    .vxf-fazit-container {
        padding: 30px 20px;
    }
    
    .vxg-guide-header,
    .vxf-fazit-header {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .vxg-guide-title,
    .vxf-fazit-title {
        font-size: 1.4rem !important;
    }
    
    .vxg-steps-container::before {
        left: 22px;
    }
    
    .vxg-step {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .vxg-step-num {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
    }
    
    .vxg-step-icon {
        font-size: 1.6rem;
        order: 3;
        margin: 0 auto;
    }
    
    .vxg-step-content {
        width: 100%;
        order: 2;
    }
    
    .vxf-alt-item {
        flex-direction: column;
        text-align: center;
    }
    
    .vxf-cta-final {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 400px) {
    .vxg-guide-container,
    .vxf-fazit-container {
        padding: 25px 16px;
    }
    
    .vxg-guide-icon,
    .vxf-fazit-icon {
        font-size: 2rem;
    }
    
    .vxg-guide-title,
    .vxf-fazit-title {
        font-size: 1.2rem !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Visit-X oder MyDirtyHobby? Der große Vergleich 2026 (Wer ist besser?)</title>
		<link>https://peepnow.net/visit-x-oder-mydirtyhobby/</link>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Thu, 01 Jan 2026 09:10:00 +0000</pubDate>
				<category><![CDATA[Cam Seiten Tests]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=1869</guid>

					<description><![CDATA[🦎 Dexter hier! Willkommen in meinem Revier. Wenn ich nachts durch die Glasfaserkabel krieche, sehe ich viele Dinge, die ihr lieber nicht sehen wollt. Abzock-Seiten, Bots, leere Versprechungen. Aber heute steigen wir in den Ring der Schwergewichte. Es ist das &#8222;El Clásico&#8220; der deutschen Erotik-Branche. 🥊 MyDirtyHobby Der schmutzige Champion der Amateure VS 🥊 Visit-X [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== DEXTER INTRO BOX - MDH vs Visit-X Battle Edition ===== -->

<div class="pn-battle-intro">
    <!-- Animated Background -->
    <div class="pn-battle-bg">
        <div class="pn-spotlight pn-spot-left"></div>
        <div class="pn-spotlight pn-spot-right"></div>
        <span class="pn-spark"></span>
        <span class="pn-spark"></span>
        <span class="pn-spark"></span>
    </div>
    
    <div class="pn-battle-content">
        <!-- Dexter Header -->
        <div class="pn-dexter-header">
            <div class="pn-dexter-avatar">
                <div class="pn-avatar-glow"></div>
                <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                <div class="pn-avatar-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            </div>
            <div class="pn-dexter-info">
                <h3 class="pn-dexter-name">Dexter hier!</h3>
                <span class="pn-dexter-tagline">Willkommen in meinem Revier.</span>
            </div>
        </div>
        
        <!-- Intro Text -->
        <div class="pn-intro-text">
            <p>Wenn ich nachts durch die <span class="pn-cyber">Glasfaserkabel</span> krieche, sehe ich viele Dinge, die ihr lieber nicht sehen wollt. <span class="pn-dim">Abzock-Seiten, Bots, leere Versprechungen.</span></p>
            
            <p class="pn-highlight">Aber heute steigen wir in den Ring der Schwergewichte.</p>
            <p class="pn-subline">Es ist das <strong>&#8222;El Clásico&#8220;</strong> der deutschen Erotik-Branche.</p>
        </div>
        
        <!-- VS Battle Section -->
        <div class="pn-battle-arena">
            <div class="pn-fighter pn-fighter-left">
                <div class="pn-fighter-corner"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f94a.png" alt="🥊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="pn-fighter-name">MyDirtyHobby</div>
                <div class="pn-fighter-tag">Der schmutzige Champion der Amateure</div>
            </div>
            
            <div class="pn-vs-badge">
                <span class="pn-vs-text">VS</span>
                <div class="pn-vs-ring"></div>
            </div>
            
            <div class="pn-fighter pn-fighter-right">
                <div class="pn-fighter-corner"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f94a.png" alt="🥊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="pn-fighter-name">Visit-X</div>
                <div class="pn-fighter-tag">Der hochglanzpolierte Herausforderer</div>
            </div>
        </div>
        
        <!-- Question Box -->
        <div class="pn-question-box">
            <div class="pn-question-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ec.png" alt="📬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="pn-question-content">
                <p class="pn-question-label">Die Frage, die mir täglich ins Postfach flattert:</p>
                <p class="pn-question-text">&#8222;Dexter, wo soll ich mich anmelden? Wo sind die Frauen echt? Und wo bekomme ich mehr für mein Geld?&#8220;</p>
            </div>
        </div>
        
        <!-- CTA Line -->
        <div class="pn-verdict-line">
            <span class="pn-verdict-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2696.png" alt="⚖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-verdict-text">
                <strong>Schluss mit dem Rätselraten.</strong>
                <p>Ich habe beide Plattformen mit meinem eigenen Geld <span class="pn-small">(ja, auch Geckos haben Krypto-Wallets)</span> getestet.</p>
            </div>
        </div>
        
        <!-- Rounds Badge -->
        <div class="pn-rounds-badge">
            <span class="pn-bell"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f514.png" alt="🔔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-rounds-text">Wir gehen über <strong>5 Runden</strong></span>
            <span class="pn-bell"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f514.png" alt="🔔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
    </div>
</div>


<style>
/* ==========================================================================
   MDH VS VISIT-X BATTLE INTRO
   ========================================================================== */

.pn-battle-intro {
    position: relative;
    background: 
        radial-gradient(ellipse at 20% 20%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(37, 99, 235, 0.1) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 80%, rgba(212, 168, 83, 0.08) 0%, transparent 50%),
        linear-gradient(
            180deg,
            rgba(10, 10, 15, 0.98) 0%,
            rgba(20, 15, 30, 0.95) 50%,
            rgba(15, 10, 20, 0.98) 100%
        );
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(212, 168, 83, 0.25);
    border-radius: 28px;
    padding: 0;
    margin: 2em auto;
    max-width: 900px;
    overflow: hidden;
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.6),
        0 0 100px rgba(220, 38, 38, 0.08),
        0 0 100px rgba(37, 99, 235, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Top Border Animation */
.pn-battle-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        #dc2626,
        #D4A853,
        #2563eb,
        #D4A853,
        #dc2626
    );
    background-size: 300% 100%;
    animation: pn-battle-border 4s linear infinite;
    z-index: 10;
}

@keyframes pn-battle-border {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

/* ==========================================================================
   BACKGROUND EFFECTS
   ========================================================================== */

.pn-battle-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

.pn-spotlight {
    position: absolute;
    width: 200px;
    height: 300px;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.4;
    animation: pn-spotlight-pulse 4s ease-in-out infinite;
}

.pn-spot-left {
    top: -50px;
    left: -50px;
    background: rgba(220, 38, 38, 0.5);
}

.pn-spot-right {
    top: -50px;
    right: -50px;
    background: rgba(37, 99, 235, 0.5);
    animation-delay: 2s;
}

@keyframes pn-spotlight-pulse {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
}

.pn-spark {
    position: absolute;
    width: 3px;
    height: 3px;
    background: #D4A853;
    border-radius: 50%;
    box-shadow: 0 0 10px #D4A853, 0 0 20px #D4A853;
    animation: pn-spark-fly 3s ease-in-out infinite;
}

.pn-spark:nth-child(2) { left: 30%; top: 40%; animation-delay: 1s; }
.pn-spark:nth-child(3) { left: 70%; top: 60%; animation-delay: 2s; }
.pn-spark:nth-child(4) { left: 50%; top: 30%; animation-delay: 0.5s; }

@keyframes pn-spark-fly {
    0%, 100% { opacity: 0; transform: translateY(0) scale(0); }
    50% { opacity: 1; transform: translateY(-20px) scale(1); }
}

/* ==========================================================================
   CONTENT CONTAINER
   ========================================================================== */

.pn-battle-content {
    position: relative;
    z-index: 2;
    padding: 35px;
}

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

.pn-dexter-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.pn-dexter-avatar {
    position: relative;
    width: 90px;
    height: 90px;
    flex-shrink: 0;
}

.pn-avatar-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110px;
    height: 110px;
    background: radial-gradient(circle, rgba(212, 168, 83, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: pn-glow-pulse 3s ease-in-out infinite;
}

@keyframes pn-glow-pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    50% { transform: translate(-50%, -50%) scale(1.15); opacity: 0.8; }
}

.pn-dexter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 10px 25px rgba(212, 168, 83, 0.3));
    transition: all 0.4s ease;
}

.pn-battle-intro:hover .pn-dexter-avatar img {
    transform: scale(1.08) rotate(-3deg);
}

.pn-avatar-badge {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #D4A853, #f5d78e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    z-index: 3;
    box-shadow: 0 4px 15px rgba(212, 168, 83, 0.5);
    animation: pn-badge-bounce 2s ease-in-out infinite;
}

@keyframes pn-badge-bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.pn-dexter-info {
    flex: 1;
}

.pn-dexter-name {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #ffffff 0%, #D4A853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    border: none !important;
}

.pn-dexter-tagline {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
    font-style: italic;
}

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

.pn-intro-text {
    margin-bottom: 25px;
}

.pn-intro-text p {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1rem;
    line-height: 1.75;
}

.pn-cyber {
    color: #60a5fa;
    font-weight: 600;
}

.pn-dim {
    color: rgba(255, 255, 255, 0.5);
}

.pn-highlight {
    color: #D4A853 !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

.pn-subline {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ==========================================================================
   BATTLE ARENA
   ========================================================================== */

.pn-battle-arena {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 25px 20px;
    margin-bottom: 25px;
    position: relative;
}

.pn-fighter {
    flex: 1;
    text-align: center;
    padding: 15px;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.pn-fighter-left {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.15) 0%, rgba(220, 38, 38, 0.05) 100%);
    border: 1px solid rgba(220, 38, 38, 0.25);
}

.pn-fighter-left:hover {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.25) 0%, rgba(220, 38, 38, 0.1) 100%);
    transform: translateX(-5px);
}

.pn-fighter-right {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(37, 99, 235, 0.05) 100%);
    border: 1px solid rgba(37, 99, 235, 0.25);
}

.pn-fighter-right:hover {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.25) 0%, rgba(37, 99, 235, 0.1) 100%);
    transform: translateX(5px);
}

.pn-fighter-corner {
    font-size: 1.5rem;
    margin-bottom: 8px;
    animation: pn-glove-shake 1s ease-in-out infinite;
}

.pn-fighter-left .pn-fighter-corner {
    animation-delay: 0s;
}

.pn-fighter-right .pn-fighter-corner {
    animation-delay: 0.5s;
}

@keyframes pn-glove-shake {
    0%, 100% { transform: rotate(-5deg); }
    50% { transform: rotate(5deg); }
}

.pn-fighter-name {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.pn-fighter-left .pn-fighter-name {
    color: #f87171;
}

.pn-fighter-right .pn-fighter-name {
    color: #60a5fa;
}

.pn-fighter-tag {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.4;
}

/* VS Badge */
.pn-vs-badge {
    position: relative;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pn-vs-text {
    font-size: 1.3rem;
    font-weight: 900;
    color: #D4A853;
    text-shadow: 0 0 20px rgba(212, 168, 83, 0.5);
    z-index: 2;
    position: relative;
    animation: pn-vs-pulse 1.5s ease-in-out infinite;
}

@keyframes pn-vs-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

.pn-vs-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    border: 2px solid rgba(212, 168, 83, 0.4);
    border-radius: 50%;
    animation: pn-ring-rotate 6s linear infinite;
}

@keyframes pn-ring-rotate {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* ==========================================================================
   QUESTION BOX
   ========================================================================== */

.pn-question-box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.08) 0%, rgba(99, 102, 241, 0.05) 100%);
    border: 1px solid rgba(248, 3, 95, 0.2);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 20px;
}

.pn-question-icon {
    font-size: 1.5rem;
    animation: pn-mail-bounce 2s ease-in-out infinite;
}

@keyframes pn-mail-bounce {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-5px) rotate(-5deg); }
    75% { transform: translateY(-3px) rotate(5deg); }
}

.pn-question-content {
    flex: 1;
}

.pn-question-label {
    margin: 0 0 8px 0 !important;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
}

.pn-question-text {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.95rem;
    font-style: italic;
    line-height: 1.6;
}

/* ==========================================================================
   VERDICT LINE
   ========================================================================== */

.pn-verdict-line {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: linear-gradient(90deg, rgba(46, 213, 115, 0.1) 0%, transparent 100%);
    border-left: 3px solid #2ed573;
    padding: 16px 18px;
    margin-bottom: 20px;
    border-radius: 0 14px 14px 0;
}

.pn-verdict-icon {
    font-size: 1.4rem;
    animation: pn-scale-wobble 2s ease-in-out infinite;
}

@keyframes pn-scale-wobble {
    0%, 100% { transform: rotate(-5deg) scale(1); }
    50% { transform: rotate(5deg) scale(1.1); }
}

.pn-verdict-text {
    flex: 1;
}

.pn-verdict-text strong {
    display: block;
    color: #2ed573;
    font-size: 1.05rem;
    margin-bottom: 5px;
}

.pn-verdict-text p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.5;
}

.pn-small {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
}

/* ==========================================================================
   ROUNDS BADGE
   ========================================================================== */

.pn-rounds-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.15) 0%, rgba(212, 168, 83, 0.05) 100%);
    border: 1px solid rgba(212, 168, 83, 0.3);
    border-radius: 30px;
    padding: 14px 25px;
    margin: 0 auto;
    max-width: fit-content;
}

.pn-bell {
    font-size: 1.2rem;
    animation: pn-bell-ring 1s ease-in-out infinite;
}

.pn-bell:last-child {
    animation-delay: 0.5s;
}

@keyframes pn-bell-ring {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(15deg); }
    75% { transform: rotate(-15deg); }
}

.pn-rounds-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
}

.pn-rounds-text strong {
    color: #D4A853;
    font-size: 1.1rem;
}

/* ==========================================================================
   HOVER STATE
   ========================================================================== */

.pn-battle-intro:hover {
    transform: translateY(-8px);
    box-shadow: 
        0 35px 100px rgba(0, 0, 0, 0.7),
        0 0 120px rgba(220, 38, 38, 0.12),
        0 0 120px rgba(37, 99, 235, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

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

@media (max-width: 700px) {
    .pn-battle-content {
        padding: 25px 20px;
    }
    
    .pn-dexter-header {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .pn-dexter-avatar {
        width: 80px;
        height: 80px;
    }
    
    .pn-dexter-name {
        font-size: 1.4rem !important;
    }
    
    .pn-battle-arena {
        flex-direction: column;
        gap: 12px;
        padding: 20px 15px;
    }
    
    .pn-fighter {
        width: 100%;
    }
    
    .pn-fighter-left:hover,
    .pn-fighter-right:hover {
        transform: translateX(0) scale(1.02);
    }
    
    .pn-vs-badge {
        width: 50px;
        height: 50px;
    }
    
    .pn-question-box {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .pn-verdict-line {
        flex-direction: column;
        text-align: center;
        border-left: none;
        border-top: 3px solid #2ed573;
        border-radius: 14px 14px 0 0;
        gap: 10px;
    }
    
    .pn-rounds-badge {
        padding: 12px 20px;
    }
}

@media (max-width: 400px) {
    .pn-battle-content {
        padding: 20px 16px;
    }
    
    .pn-fighter-name {
        font-size: 1rem;
    }
    
    .pn-fighter-tag {
        font-size: 0.7rem;
    }
    
    .pn-vs-text {
        font-size: 1.1rem;
    }
}
</style>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== MDH vs VISIT-X - KOMPLETTER BATTLE ===== -->

<!-- ////////////////////////////////////////////////////////////
     RUNDE 1: DIE MODELS
     //////////////////////////////////////////////////////////// -->

<section class="pn-round-section">
    
    <div class="pn-round-header">
        <span class="pn-round-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f94a.png" alt="🥊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Runde 1</span>
        <h2 class="pn-round-title">Die Models</h2>
        <p class="pn-round-subtitle">Authentizität vs. Qualität</p>
    </div>
    
    <div class="pn-round-intro">
        <p>Das Wichtigste zuerst: <strong>Wen triffst du dort eigentlich an?</strong> Sind das echte Hausfrauen oder Studio-Profis?</p>
    </div>
    
    <!-- MDH Box -->
    <div class="pn-fighter-box pn-box-mdh">
        <div class="pn-box-header">
            <span class="pn-box-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-box-titles">
                <h3 class="pn-box-name">MyDirtyHobby</h3>
                <span class="pn-box-tagline">Das &#8222;Nachbarin&#8220;-Phänomen</span>
            </div>
        </div>
        
        <p class="pn-box-intro">Der Name ist hier Programm. MDH hat sich über Jahre den Ruf erarbeitet, die Heimat der <strong>echten deutschen Amateure</strong> zu sein.</p>
        
        <div class="pn-feature-list">
            <div class="pn-feature-item">
                <span class="pn-feature-label">Der Vibe</span>
                <p>Viele Frauen streamen hier direkt aus ihrem unaufgeräumten Schlafzimmer, der Küche oder vom Sofa. Das Licht ist oft suboptimal, die Cam wackelt vielleicht mal – <em>aber genau das macht den Reiz aus.</em></p>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-label">Die Frauen</span>
                <p>Du findest hier die <strong>&#8222;Girlfriend Experience&#8220;</strong>. Viele Mädels sprechen Dialekt (Sächsisch, Bayrisch, Berlinerisch) und wirken wie die Kassiererin aus deinem Supermarkt.</p>
            </div>
        </div>
        
        <a href="https://www.mydirtyhobby.de/?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6MjQyLCJlIjo4NjAsInAiOjJ9&#038;atc=mdhvsvisit" class="pn-btn pn-btn-mdh" target="_blank" rel="noopener">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt MyDirtyHobby testen</span>
                <span class="pn-btn-sub">Kostenlose Anmeldung</span>
            </span>
        </a>
    </div>
    
    <!-- Visit-X Box -->
    <div class="pn-fighter-box pn-box-visitx">
        <div class="pn-box-header">
            <span class="pn-box-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f535.png" alt="🔵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-box-titles">
                <h3 class="pn-box-name">Visit-X</h3>
                <span class="pn-box-tagline">Die Vielfalt der Profis</span>
            </div>
        </div>
        
        <p class="pn-box-intro">Visit-X ist eher wie ein großes Einkaufszentrum. Der Mix ist <strong>deutlich breiter</strong>.</p>
        
        <div class="pn-feature-list">
            <div class="pn-feature-item">
                <span class="pn-feature-label">Der Vibe</span>
                <p>Hier findest du alles. Von der 18-jährigen Studentin, die sich mit dem Handy im Wohnheim filmt, bis zum absoluten <strong>Profi-Star</strong> (wie Lucy Cat oder Lexy Roxx), die in einem 4K-Studio mit perfekter Ausleuchtung sitzen.</p>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-label">Die Frauen</span>
                <p>Die Auswahl ist zahlenmäßig größer. Wenn du auf spezielle Fetische oder <strong>optische Perfektion</strong> stehst, wirst du hier schneller fündig.</p>
            </div>
        </div>
        
        <a href="https://visit-x.world/?w=20808&#038;ws=2512001" class="pn-btn pn-btn-visitx" target="_blank" rel="noopener">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt Visit-X testen</span>
                <span class="pn-btn-sub">Kostenlose Anmeldung</span>
            </span>
        </a>
    </div>
    
    <!-- Dexter Urteil -->
    <div class="pn-dexter-verdict">
        <div class="pn-verdict-header">
            <div class="pn-dexter-image">
                <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                <span class="pn-verdict-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <div class="pn-verdict-title">
                <span class="pn-verdict-label">Dexters Urteil</span>
                <p class="pn-verdict-main">Es kommt auf deinen Geschmack an.</p>
            </div>
        </div>
        
        <div class="pn-verdict-options">
            <div class="pn-option pn-option-visitx">
                <span class="pn-option-want">Du willst Hochglanz und HD?</span>
                <span class="pn-option-arrow">→</span>
                <span class="pn-option-answer">Visit-X</span>
            </div>
            <div class="pn-option pn-option-mdh">
                <span class="pn-option-want">Du willst das Gefühl, heimlich ins Schlafzimmer der Nachbarin zu schauen?</span>
                <span class="pn-option-arrow">→</span>
                <span class="pn-option-answer">MDH</span>
            </div>
        </div>
    </div>
    
    <!-- Punktevergabe -->
    <div class="pn-score-box">
        <div class="pn-score-header">
            <span class="pn-score-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-score-title">Punktevergabe Runde 1</span>
        </div>
        
        <div class="pn-score-grid">
            <div class="pn-score-item pn-score-visitx">
                <span class="pn-score-name">Visit-X</span>
                <span class="pn-score-points">1 Punkt</span>
                <span class="pn-score-reason">Für die schiere Masse &#038; Qualität</span>
            </div>
            <div class="pn-score-item pn-score-mdh">
                <span class="pn-score-name">MyDirtyHobby</span>
                <span class="pn-score-points">1 Punkt</span>
                <span class="pn-score-reason">Für den unschlagbaren &#8222;Echtheits-Faktor&#8220;</span>
            </div>
        </div>
    </div>
    
</section>


<!-- ////////////////////////////////////////////////////////////
     RUNDE 2: FEATURES & INTERAKTION
     //////////////////////////////////////////////////////////// -->

<section class="pn-round-section">
    
    <div class="pn-round-header">
        <span class="pn-round-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f94a.png" alt="🥊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Runde 2</span>
        <h2 class="pn-round-title">Features &#038; Interaktion</h2>
        <p class="pn-round-subtitle">Was kann man machen?</p>
    </div>
    
    <div class="pn-round-intro">
        <p>Cams haben beide. <strong>Aber wo endet der Spaß?</strong></p>
    </div>
    
    <!-- Visit-X Box -->
    <div class="pn-fighter-box pn-box-visitx">
        <div class="pn-box-header">
            <span class="pn-box-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f535.png" alt="🔵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-box-titles">
                <h3 class="pn-box-name">Visit-X</h3>
                <span class="pn-box-tagline">Der Kommunikations-King <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
        </div>
        
        <p class="pn-box-intro">Visit-X versteht sich nicht nur als Cam-Seite, sondern als <strong>Social Network</strong>.</p>
        
        <div class="pn-feature-list">
            <div class="pn-feature-item pn-feature-highlight">
                <span class="pn-feature-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Paid Mail</span>
                <p>Das ist das <strong>Killer-Feature</strong>. Du kannst Mädels auch offline anschreiben. Viele nutzen Visit-X wie WhatsApp. Du zahlst pro Nachricht, aber dafür bauen sich hier <em>echte Beziehungen</em> auf.</p>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-label">Auftrags-Arbeiten</span>
                <p>&#8222;Dreh mir ein Video in deinen roten High Heels und sag meinen Namen.&#8220; Solche Wünsche werden hier <strong>sehr oft und zuverlässig</strong> erfüllt.</p>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-label">Telefon &#038; Audio</span>
                <p>Für die Schüchternen gibt es oft auch reine <strong>Telefon-Optionen</strong>.</p>
            </div>
        </div>
        
        <a href="https://visit-x.world/?w=20808&#038;ws=2512001" class="pn-btn pn-btn-visitx" target="_blank" rel="noopener">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt Visit-X testen</span>
                <span class="pn-btn-sub">Kostenlose Anmeldung</span>
            </span>
        </a>
    </div>
    
    <!-- MDH Box -->
    <div class="pn-fighter-box pn-box-mdh">
        <div class="pn-box-header">
            <span class="pn-box-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-box-titles">
                <h3 class="pn-box-name">MyDirtyHobby</h3>
                <span class="pn-box-tagline">Der Content-Gigant <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a5.png" alt="🎥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
        </div>
        
        <p class="pn-box-intro">MDH hat einen riesigen Vorteil, wenn du mal <strong>nicht live chatten</strong> willst.</p>
        
        <div class="pn-feature-list">
            <div class="pn-feature-item pn-feature-highlight">
                <span class="pn-feature-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> User Uploads</span>
                <p>Das ist der <strong>Schatz von MDH</strong>. Tausende Amateure laden hier selbstgedrehte Clips hoch. Du kannst oft für <span class="pn-price">2-3€</span> exklusive Einblicke kaufen. Perfekt für den schnellen Konsum zwischendurch, <em>ohne Interaktion</em>.</p>
            </div>
            <div class="pn-feature-item">
                <span class="pn-feature-label">DirtyStories</span>
                <p>Erotische Geschichten und Bildergalerien sind hier <strong>tief integriert</strong>.</p>
            </div>
        </div>
        
        <a href="https://www.mydirtyhobby.de/?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6MjQyLCJlIjo4NjAsInAiOjJ9&#038;atc=mdhvsvisit" class="pn-btn pn-btn-mdh" target="_blank" rel="noopener">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt MyDirtyHobby testen</span>
                <span class="pn-btn-sub">Kostenlose Anmeldung</span>
            </span>
        </a>
    </div>
    
    <!-- Dexter Urteil -->
    <div class="pn-dexter-verdict">
        <div class="pn-verdict-header">
            <div class="pn-dexter-image">
                <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                <span class="pn-verdict-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <div class="pn-verdict-title">
                <span class="pn-verdict-label">Dexters Urteil</span>
            </div>
        </div>
        
        <div class="pn-verdict-summary">
            <div class="pn-summary-item pn-summary-visitx">
                <span class="pn-summary-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p><strong>Visit-X</strong> gewinnt, wenn du <strong>interagieren</strong> willst.</p>
            </div>
            <div class="pn-summary-item pn-summary-mdh">
                <span class="pn-summary-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a5.png" alt="🎥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p><strong>MDH</strong> gewinnt, wenn du <strong>konsumieren</strong> willst.</p>
            </div>
        </div>
        
        <div class="pn-verdict-conclusion">
            <p>Da wir hier <strong>&#8222;Live Cams&#8220;</strong> vergleichen, geht der Punkt knapp an <span class="pn-winner">Visit-X</span> für die besseren Chat-Tools.</p>
        </div>
    </div>
    
    <!-- Punktevergabe -->
    <div class="pn-score-box">
        <div class="pn-score-header">
            <span class="pn-score-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-score-title">Punktevergabe Runde 2</span>
        </div>
        
        <div class="pn-score-grid">
            <div class="pn-score-item pn-score-visitx pn-score-winner">
                <span class="pn-score-name">Visit-X</span>
                <span class="pn-score-points">1 Punkt</span>
                <span class="pn-score-reason">Bessere Chat- &#038; Interaktions-Tools</span>
            </div>
            <div class="pn-score-item pn-score-mdh">
                <span class="pn-score-name">MyDirtyHobby</span>
                <span class="pn-score-points pn-half">0,5 Punkte</span>
                <span class="pn-score-reason">Starke Video-Bibliothek</span>
            </div>
        </div>
    </div>
    
</section>


<!-- ////////////////////////////////////////////////////////////
     RUNDE 3: USABILITY & TECHNIK
     //////////////////////////////////////////////////////////// -->

<section class="pn-round-section">
    
    <div class="pn-round-header">
        <span class="pn-round-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f94a.png" alt="🥊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Runde 3</span>
        <h2 class="pn-round-title">Usability &#038; Technik</h2>
        <p class="pn-round-subtitle">App &#038; Design</p>
    </div>
    
    <div class="pn-round-intro">
        <p>Wie gut lässt sich die Seite bedienen? <span class="pn-wink">(Vor allem mit einer Hand&#8230; <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" />)</span></p>
    </div>
    
    <!-- MDH Box -->
    <div class="pn-fighter-box pn-box-mdh">
        <div class="pn-box-header">
            <span class="pn-box-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-box-titles">
                <h3 class="pn-box-name">MyDirtyHobby</h3>
                <span class="pn-box-tagline">Der Veteran</span>
            </div>
        </div>
        
        <div class="pn-tech-review">
            <div class="pn-tech-item">
                <span class="pn-tech-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-tech-content">
                    <span class="pn-tech-label">Design</span>
                    <p>MDH wirkt optisch manchmal etwas <strong>&#8222;oldschool&#8220;</strong>. Das Design ist funktional, aber man merkt der Seite an, dass sie schon lange am Markt ist.</p>
                </div>
            </div>
            <div class="pn-tech-item">
                <span class="pn-tech-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-tech-content">
                    <span class="pn-tech-label">Mobile</span>
                    <p>Auf dem Handy funktioniert sie, ist aber manchmal etwas <em>unübersichtlich</em> durch die vielen Kategorien und Banner.</p>
                </div>
            </div>
        </div>
        
        <div class="pn-rating-bar">
            <span class="pn-rating-label">Usability Score</span>
            <div class="pn-rating-track">
                <div class="pn-rating-fill pn-fill-mdh" style="width: 55%;"></div>
            </div>
            <span class="pn-rating-value pn-value-mdh">5.5/10</span>
        </div>
        
        <a href="https://www.mydirtyhobby.de/?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6MjQyLCJlIjo4NjAsInAiOjJ9&#038;atc=mdhvsvisit" class="pn-btn pn-btn-mdh" target="_blank" rel="noopener">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt MyDirtyHobby testen</span>
                <span class="pn-btn-sub">Kostenlose Anmeldung</span>
            </span>
        </a>
    </div>
    
    <!-- Visit-X Box -->
    <div class="pn-fighter-box pn-box-visitx">
        <div class="pn-box-header">
            <span class="pn-box-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f535.png" alt="🔵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-box-titles">
                <h3 class="pn-box-name">Visit-X</h3>
                <span class="pn-box-tagline">Der Moderne</span>
            </div>
        </div>
        
        <div class="pn-tech-review">
            <div class="pn-tech-item pn-tech-highlight">
                <span class="pn-tech-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-tech-content">
                    <span class="pn-tech-label">Design</span>
                    <p>Hier merkst du den <strong>modernen Ansatz</strong>. Die Seite ist sehr &#8222;clean&#8220;, lädt extrem schnell und sieht auf dem Smartphone fast aus wie eine <strong>moderne Dating-App</strong>.</p>
                </div>
            </div>
            <div class="pn-tech-item pn-tech-highlight">
                <span class="pn-tech-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-tech-content">
                    <span class="pn-tech-label">Filter</span>
                    <p>Die Filter-Funktionen (Suche nach Haarfarbe, Alter, Körbchengröße) sind <strong>präziser und schneller</strong>.</p>
                </div>
            </div>
        </div>
        
        <div class="pn-rating-bar">
            <span class="pn-rating-label">Usability Score</span>
            <div class="pn-rating-track">
                <div class="pn-rating-fill pn-fill-visitx" style="width: 90%;"></div>
            </div>
            <span class="pn-rating-value pn-value-visitx">9/10</span>
        </div>
        
        <a href="https://visit-x.world/?w=20808&#038;ws=2512001" class="pn-btn pn-btn-visitx" target="_blank" rel="noopener">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt Visit-X testen</span>
                <span class="pn-btn-sub">Kostenlose Anmeldung</span>
            </span>
        </a>
    </div>
    
    <!-- Dexter Urteil -->
    <div class="pn-dexter-verdict">
        <div class="pn-verdict-header">
            <div class="pn-dexter-image">
                <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                <span class="pn-verdict-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <div class="pn-verdict-title">
                <span class="pn-verdict-label">Dexters Urteil</span>
            </div>
        </div>
        
        <div class="pn-verdict-text-box">
            <p>Wer Technik mag, wird <span class="pn-winner">Visit-X</span> lieben. Es fühlt sich einfach <strong>&#8222;neuer&#8220;</strong> und <strong>flüssiger</strong> an.</p>
        </div>
    </div>
    
    <!-- Punktevergabe -->
    <div class="pn-score-box">
        <div class="pn-score-header">
            <span class="pn-score-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-score-title">Punktevergabe Runde 3</span>
        </div>
        
        <div class="pn-score-grid">
            <div class="pn-score-item pn-score-visitx pn-score-winner">
                <span class="pn-score-name">Visit-X</span>
                <span class="pn-score-points">1 Punkt</span>
                <span class="pn-score-reason">Modernes Design &#038; top Usability</span>
            </div>
            <div class="pn-score-item pn-score-mdh pn-score-loser">
                <span class="pn-score-name">MyDirtyHobby</span>
                <span class="pn-score-points pn-zero">0 Punkte</span>
                <span class="pn-score-reason">Design wirkt veraltet</span>
            </div>
        </div>
    </div>
    
</section>


<!-- ////////////////////////////////////////////////////////////
     RUNDE 4: KOSTEN & HÜRDEN
     //////////////////////////////////////////////////////////// -->

<section class="pn-round-section">
    
    <div class="pn-round-header">
        <span class="pn-round-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f94a.png" alt="🥊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Runde 4</span>
        <h2 class="pn-round-title">Kosten &#038; Hürden</h2>
        <p class="pn-round-subtitle">Der &#8222;Türsteher&#8220;-Check</p>
    </div>
    
    <div class="pn-round-intro">
        <p>Jetzt wird es ernst. <strong>Wo musst du die Kreditkarte zücken?</strong></p>
    </div>
    
    <!-- Good News Box -->
    <div class="pn-good-news-box">
        <span class="pn-good-news-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div class="pn-good-news-content">
            <span class="pn-good-news-label">Die gute Nachricht</span>
            <p><strong>Beide Seiten sind seriös.</strong> Es gibt keine versteckten Abos. Beide arbeiten mit einem fairen <strong>Prepaid-System</strong> (Coins/Guthaben). Wenn leer, dann leer.</p>
        </div>
    </div>
    
    <div class="pn-divider-text">
        <span>Aber der Einstieg ist verschieden:</span>
    </div>
    
    <!-- Visit-X Box -->
    <div class="pn-fighter-box pn-box-visitx">
        <div class="pn-box-header">
            <span class="pn-box-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f535.png" alt="🔵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-box-titles">
                <h3 class="pn-box-name">Visit-X</h3>
                <span class="pn-box-tagline">Die offene Tür <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6aa.png" alt="🚪" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <span class="pn-door-badge pn-door-open">OFFEN</span>
        </div>
        
        <div class="pn-access-list">
            <div class="pn-access-item pn-access-yes">
                <span class="pn-access-icon">✓</span>
                <p>Kostenlose Anmeldung (Email reicht)</p>
            </div>
            <div class="pn-access-item pn-access-yes">
                <span class="pn-access-icon">✓</span>
                <p>Sofort in den Live-Bereich</p>
            </div>
            <div class="pn-access-item pn-access-yes">
                <span class="pn-access-icon">✓</span>
                <p>Mädels sehen, Free-Chat, Profile stalken</p>
            </div>
            <div class="pn-access-item pn-access-yes">
                <span class="pn-access-icon">✓</span>
                <p>Erst zahlen, wenn du <strong>aktiv</strong> wirst</p>
            </div>
        </div>
        
        <div class="pn-bonus-box">
            <span class="pn-bonus-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <p><strong>Bonus:</strong> Oft <span class="pn-money">10€ Startguthaben</span> für die Bestätigung der Handynummer!</p>
        </div>
        
        <a href="https://visit-x.world/?w=20808&#038;ws=2512001" class="pn-btn pn-btn-visitx pn-btn-bonus" target="_blank" rel="noopener">
            <span class="pn-btn-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 10€ BONUS</span>
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt Visit-X testen</span>
                <span class="pn-btn-sub">Kostenlose Anmeldung</span>
            </span>
        </a>
    </div>
    
    <!-- MDH Box -->
    <div class="pn-fighter-box pn-box-mdh">
        <div class="pn-box-header">
            <span class="pn-box-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-box-titles">
                <h3 class="pn-box-name">MyDirtyHobby</h3>
                <span class="pn-box-tagline">Die harte Tür <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6a7.png" alt="🚧" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <span class="pn-door-badge pn-door-closed">STRENG</span>
        </div>
        
        <div class="pn-access-list">
            <div class="pn-access-item pn-access-no">
                <span class="pn-access-icon">✗</span>
                <p>Ohne Guthaben siehst du fast nichts</p>
            </div>
            <div class="pn-access-item pn-access-no">
                <span class="pn-access-icon">✗</span>
                <p>Free-Chat oft eingeschränkt</p>
            </div>
            <div class="pn-access-item pn-access-neutral">
                <span class="pn-access-icon">•</span>
                <p>Schreckt Neugierige ab</p>
            </div>
            <div class="pn-access-item pn-access-yes">
                <span class="pn-access-icon">✓</span>
                <p>Sorgt für <strong>Ruhe bei den Models</strong></p>
            </div>
        </div>
        
        <div class="pn-info-box">
            <span class="pn-info-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <p>MDH schützt seine Amateure stärker – weniger Spam, mehr ernsthafte User.</p>
        </div>
        
        <a href="https://www.mydirtyhobby.de/?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6MjQyLCJlIjo4NjAsInAiOjJ9&#038;atc=mdhvsvisit" class="pn-btn pn-btn-mdh" target="_blank" rel="noopener">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt MyDirtyHobby testen</span>
                <span class="pn-btn-sub">Kostenlose Anmeldung</span>
            </span>
        </a>
    </div>
    
    <!-- Dexter Urteil -->
    <div class="pn-dexter-verdict">
        <div class="pn-verdict-header">
            <div class="pn-dexter-image">
                <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                <span class="pn-verdict-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <div class="pn-verdict-title">
                <span class="pn-verdict-label">Dexters Urteil</span>
            </div>
        </div>
        
        <div class="pn-verdict-text-box">
            <p>Für <strong>Einsteiger</strong> ist <span class="pn-winner">Visit-X</span> der klare Sieger.</p>
            <p class="pn-verdict-sub">Man kauft nicht die Katze im Sack. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f431.png" alt="🐱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
        </div>
    </div>
    
    <!-- Punktevergabe -->
    <div class="pn-score-box">
        <div class="pn-score-header">
            <span class="pn-score-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-score-title">Punktevergabe Runde 4</span>
        </div>
        
        <div class="pn-score-grid">
            <div class="pn-score-item pn-score-visitx pn-score-winner">
                <span class="pn-score-name">Visit-X</span>
                <span class="pn-score-points">1 Punkt</span>
                <span class="pn-score-reason">Niedrige Einstiegshürde + Bonus</span>
            </div>
            <div class="pn-score-item pn-score-mdh pn-score-loser">
                <span class="pn-score-name">MyDirtyHobby</span>
                <span class="pn-score-points pn-zero">0 Punkte</span>
                <span class="pn-score-reason">Hohe Hürde für Einsteiger</span>
            </div>
        </div>
    </div>
    
</section>


<!-- ////////////////////////////////////////////////////////////
     RUNDE 5: DISKRETION & ABRECHNUNG
     //////////////////////////////////////////////////////////// -->

<section class="pn-round-section">
    
    <div class="pn-round-header">
        <span class="pn-round-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f94a.png" alt="🥊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Runde 5</span>
        <h2 class="pn-round-title">Diskretion &#038; Abrechnung</h2>
        <p class="pn-round-subtitle">Was steht auf dem Kontoauszug?</p>
    </div>
    
    <!-- Security Box -->
    <div class="pn-security-box">
        <span class="pn-security-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f512.png" alt="🔒" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div class="pn-security-content">
            <p>Beide Anbieter sitzen im <strong>deutschsprachigen Raum / EU</strong> und halten sich strikt an <strong>Datenschutz</strong>.</p>
        </div>
    </div>
    
    <!-- Warning Box -->
    <div class="pn-warning-box">
        <span class="pn-warning-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6ab.png" alt="🚫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <p>Auf deinem Kontoauszug steht <strong>niemals</strong> &#8222;Pornos&#8220; oder &#8222;Sexcam&#8220;!</p>
    </div>
    
    <!-- Comparison Cards -->
    <div class="pn-comparison-grid">
        
        <!-- Visit-X Card -->
        <div class="pn-comparison-card pn-card-visitx">
            <div class="pn-card-header">
                <span class="pn-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f535.png" alt="🔵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <h3 class="pn-card-name">Visit-X</h3>
            </div>
            <div class="pn-statement-box">
                <span class="pn-statement-label">Kontoauszug zeigt:</span>
                <span class="pn-statement-text">&#8222;V-Venture&#8220;</span>
            </div>
            <div class="pn-payment-methods">
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b3.png" alt="💳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ab.png" alt="🎫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e6.png" alt="🏦" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <span class="pn-card-check">✓</span>
        </div>
        
        <!-- MDH Card -->
        <div class="pn-comparison-card pn-card-mdh">
            <div class="pn-card-header">
                <span class="pn-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <h3 class="pn-card-name">MyDirtyHobby</h3>
            </div>
            <div class="pn-statement-box">
                <span class="pn-statement-label">Kontoauszug zeigt:</span>
                <span class="pn-statement-text">&#8222;Zahlungsdienstleister&#8220;</span>
            </div>
            <div class="pn-payment-methods">
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b3.png" alt="💳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ab.png" alt="🎫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e6.png" alt="🏦" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <span class="pn-card-check">✓</span>
        </div>
        
    </div>
    
    <!-- Dexter Urteil -->
    <div class="pn-dexter-verdict pn-verdict-draw">
        <div class="pn-verdict-header">
            <div class="pn-dexter-image">
                <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                <span class="pn-verdict-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <div class="pn-verdict-title">
                <span class="pn-verdict-label">Dexters Urteil</span>
                <span class="pn-draw-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f91d.png" alt="🤝" class="wp-smiley" style="height: 1em; max-height: 1em;" /> UNENTSCHIEDEN</span>
            </div>
        </div>
        
        <div class="pn-verdict-text-box pn-verdict-gold">
            <p>Beide sind <strong>sicher wie Fort Knox</strong>. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3db.png" alt="🏛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
            <p class="pn-verdict-sub">Beide bieten Paysafecard und Sofortüberweisung an.</p>
        </div>
    </div>
    
    <!-- Punktevergabe -->
    <div class="pn-score-box">
        <div class="pn-score-header">
            <span class="pn-score-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-score-title">Punktevergabe Runde 5</span>
        </div>
        
        <div class="pn-score-grid">
            <div class="pn-score-item pn-score-visitx">
                <span class="pn-score-name">Visit-X</span>
                <span class="pn-score-points">1 Punkt</span>
                <span class="pn-score-reason">Top Diskretion ✓</span>
            </div>
            <div class="pn-score-item pn-score-mdh">
                <span class="pn-score-name">MyDirtyHobby</span>
                <span class="pn-score-points">1 Punkt</span>
                <span class="pn-score-reason">Top Diskretion ✓</span>
            </div>
        </div>
        
        <div class="pn-draw-message">
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f91d.png" alt="🤝" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <p>Beide Plattformen punkten gleichermaßen!</p>
        </div>
    </div>
    
</section>


<!-- ////////////////////////////////////////////////////////////
     FINALE: DAS GESAMTERGEBNIS
     //////////////////////////////////////////////////////////// -->

<section class="pn-finale-section">
    
    <div class="pn-finale-header">
        <span class="pn-finale-flag"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c1.png" alt="🏁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h2 class="pn-finale-title">Das Gesamtergebnis</h2>
        <p class="pn-finale-subtitle">Wer gewinnt den Gürtel?</p>
    </div>
    
    <div class="pn-finale-scoreboard">
        <span class="pn-scoreboard-label">Rechnen wir zusammen:</span>
        
        <div class="pn-score-comparison">
            
            <div class="pn-final-score pn-final-mdh">
                <span class="pn-final-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-final-info">
                    <span class="pn-final-name">MyDirtyHobby</span>
                    <span class="pn-final-points">2,5 Punkte</span>
                </div>
                <div class="pn-final-bar">
                    <div class="pn-bar-fill pn-bar-mdh" style="width: 50%;"></div>
                </div>
            </div>
            
            <div class="pn-final-score pn-final-visitx">
                <span class="pn-final-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f535.png" alt="🔵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-final-info">
                    <span class="pn-final-name">Visit-X</span>
                    <span class="pn-final-points">5,0 Punkte</span>
                </div>
                <div class="pn-final-bar">
                    <div class="pn-bar-fill pn-bar-visitx" style="width: 100%;"></div>
                </div>
            </div>
            
        </div>
    </div>
    
    <div class="pn-winner-box">
        <div class="pn-winner-glow"></div>
        <div class="pn-winner-content">
            <span class="pn-winner-label">Der technische Sieger nach Punkten ist:</span>
            <div class="pn-winner-name">
                <span class="pn-trophy"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-name">VISIT-X!</span>
                <span class="pn-trophy"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
            <div class="pn-confetti">
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f38a.png" alt="🎊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f38a.png" alt="🎊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            </div>
        </div>
    </div>
    
    <div class="pn-finale-cta">
        <p class="pn-cta-intro">Überzeuge dich selbst:</p>
        
        <div class="pn-cta-grid">
            <a href="https://visit-x.world/?w=20808&#038;ws=2512001" class="pn-btn pn-btn-visitx pn-btn-winner" target="_blank" rel="noopener">
                <span class="pn-btn-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> TESTSIEGER</span>
                <span class="pn-btn-content">
                    <span class="pn-btn-text">Jetzt Visit-X testen</span>
                    <span class="pn-btn-sub">Kostenlose Anmeldung + 10€ Bonus</span>
                </span>
            </a>
            
            <a href="https://www.mydirtyhobby.de/?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6MjQyLCJlIjo4NjAsInAiOjJ9&#038;atc=mdhvsvisit" class="pn-btn pn-btn-mdh" target="_blank" rel="noopener">
                <span class="pn-btn-content">
                    <span class="pn-btn-text">Jetzt MyDirtyHobby testen</span>
                    <span class="pn-btn-sub">Kostenlose Anmeldung</span>
                </span>
            </a>
        </div>
    </div>
    
    <div class="pn-dexter-signoff">
        <div class="pn-signoff-image">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
            <span class="pn-signoff-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        <div class="pn-signoff-content">
            <p>Das war&#8217;s von mir! Beide Plattformen haben ihre Berechtigung – aber wenn du neu einsteigst und moderne Features willst, führt kein Weg an <strong>Visit-X</strong> vorbei.</p>
            <span class="pn-signoff-name">– Euer Dexter <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
    </div>
    
</section>


<!-- ////////////////////////////////////////////////////////////
     KOMPLETTES CSS
     //////////////////////////////////////////////////////////// -->

<style>
/* ==========================================================================
   GLOBAL RESET & BASE
   ========================================================================== */

.pn-round-section,
.pn-round-section *,
.pn-finale-section,
.pn-finale-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.pn-round-section ul,
.pn-round-section ol,
.pn-round-section li,
.pn-finale-section ul,
.pn-finale-section ol,
.pn-finale-section li {
    list-style: none !important;
    list-style-type: none !important;
}

.pn-round-section,
.pn-finale-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    padding: 16px;
    margin-bottom: 10px !important;
}

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

.pn-round-header {
    text-align: center;
    margin-bottom: 24px !important;
}

.pn-round-badge {
    display: inline-block;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.2) 0%, rgba(212, 168, 83, 0.1) 100%);
    border: 1px solid rgba(212, 168, 83, 0.4);
    color: #D4A853;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 25px;
    margin-bottom: 12px !important;
    animation: pn-badge-glow 2s ease-in-out infinite;
}

@keyframes pn-badge-glow {
    0%, 100% { box-shadow: 0 0 15px rgba(212, 168, 83, 0.2); }
    50% { box-shadow: 0 0 25px rgba(212, 168, 83, 0.4); }
}

.pn-round-title {
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.3 !important;
}

.pn-round-subtitle {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
    font-style: italic;
}

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

.pn-round-intro {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 16px 18px;
    margin-bottom: 20px !important;
    text-align: center;
}

.pn-round-intro p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 !important;
}

.pn-wink {
    color: rgba(255, 255, 255, 0.5);
}

/* ==========================================================================
   FIGHTER BOXES
   ========================================================================== */

.pn-fighter-box {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 18px;
    padding: 22px;
    margin-bottom: 20px !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.pn-fighter-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 18px 18px 0 0;
}

.pn-box-mdh {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.08) 0%, rgba(220, 38, 38, 0.03) 100%);
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.pn-box-mdh::before {
    background: linear-gradient(90deg, #dc2626, #f87171, #dc2626);
}

.pn-box-mdh:hover {
    border-color: rgba(220, 38, 38, 0.4);
}

.pn-box-visitx {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0%, rgba(37, 99, 235, 0.03) 100%);
    border: 1px solid rgba(37, 99, 235, 0.2);
}

.pn-box-visitx::before {
    background: linear-gradient(90deg, #2563eb, #60a5fa, #2563eb);
}

.pn-box-visitx:hover {
    border-color: rgba(37, 99, 235, 0.4);
}

.pn-box-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px !important;
    flex-wrap: wrap;
}

.pn-box-icon {
    font-size: 1.3rem;
}

.pn-box-titles {
    flex: 1;
}

.pn-box-name {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.pn-box-mdh .pn-box-name { color: #f87171; }
.pn-box-visitx .pn-box-name { color: #60a5fa; }

.pn-box-tagline {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
}

.pn-box-intro {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    line-height: 1.65;
    margin-bottom: 16px !important;
}

/* ==========================================================================
   FEATURE LIST
   ========================================================================== */

.pn-feature-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px !important;
}

.pn-feature-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 14px 16px;
    transition: all 0.3s ease;
}

.pn-feature-item:hover {
    background: rgba(255, 255, 255, 0.06);
}

.pn-feature-highlight {
    position: relative;
}

.pn-box-visitx .pn-feature-highlight {
    background: rgba(37, 99, 235, 0.1);
    border-color: rgba(37, 99, 235, 0.2);
}

.pn-box-mdh .pn-feature-highlight {
    background: rgba(220, 38, 38, 0.1);
    border-color: rgba(220, 38, 38, 0.2);
}

.pn-feature-label {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 15px;
    margin-bottom: 8px !important;
}

.pn-box-mdh .pn-feature-label {
    background: rgba(220, 38, 38, 0.2);
    color: #f87171;
}

.pn-box-visitx .pn-feature-label {
    background: rgba(37, 99, 235, 0.2);
    color: #60a5fa;
}

.pn-feature-item p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.85rem;
    line-height: 1.6;
    margin: 0 !important;
}

.pn-feature-item em {
    color: rgba(255, 255, 255, 0.6);
}

.pn-price {
    color: #2ed573;
    font-weight: 700;
}

/* ==========================================================================
   TECH REVIEW (RUNDE 3)
   ========================================================================== */

.pn-tech-review {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px !important;
}

.pn-tech-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 14px 16px;
    transition: all 0.3s ease;
}

.pn-tech-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

.pn-tech-highlight {
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.15);
}

.pn-tech-icon {
    font-size: 1.3rem;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    flex-shrink: 0;
}

.pn-tech-content {
    flex: 1;
}

.pn-tech-label {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 6px !important;
}

.pn-tech-content p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.85rem;
    line-height: 1.6;
    margin: 0 !important;
}

/* ==========================================================================
   RATING BAR (RUNDE 3)
   ========================================================================== */

.pn-rating-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px !important;
}

.pn-rating-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
}

.pn-rating-track {
    flex: 1;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.pn-rating-fill {
    height: 100%;
    border-radius: 10px;
    transition: width 1s ease-out;
}

.pn-fill-mdh {
    background: linear-gradient(90deg, #dc2626, #f87171);
}

.pn-fill-visitx {
    background: linear-gradient(90deg, #2563eb, #60a5fa);
    box-shadow: 0 0 10px rgba(37, 99, 235, 0.5);
}

.pn-rating-value {
    font-size: 0.85rem;
    font-weight: 700;
    min-width: 50px;
    text-align: right;
}

.pn-value-mdh { color: #f87171; }
.pn-value-visitx { color: #60a5fa; }

/* ==========================================================================
   ACCESS LIST & DOOR BADGES (RUNDE 4)
   ========================================================================== */

.pn-door-badge {
    font-size: 0.65rem;
    font-weight: 800;
    padding: 5px 10px;
    border-radius: 20px;
    letter-spacing: 0.5px;
}

.pn-door-open {
    background: rgba(46, 213, 115, 0.2);
    color: #2ed573;
    border: 1px solid rgba(46, 213, 115, 0.4);
}

.pn-door-closed {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.4);
}

.pn-access-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px !important;
}

.pn-access-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.pn-access-icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.pn-access-yes .pn-access-icon {
    background: rgba(46, 213, 115, 0.2);
    color: #2ed573;
}

.pn-access-no .pn-access-icon {
    background: rgba(239, 68, 68, 0.2);
    color: #ef4444;
}

.pn-access-neutral .pn-access-icon {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
}

.pn-access-item p {
    flex: 1;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.85rem;
    line-height: 1.4;
    margin: 0 !important;
}

/* ==========================================================================
   GOOD NEWS / BONUS / INFO BOXES
   ========================================================================== */

.pn-good-news-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.1) 0%, rgba(46, 213, 115, 0.03) 100%);
    border: 1px solid rgba(46, 213, 115, 0.25);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 20px !important;
}

.pn-good-news-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.pn-good-news-content {
    flex: 1;
}

.pn-good-news-label {
    display: inline-block;
    background: rgba(46, 213, 115, 0.2);
    color: #2ed573;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 15px;
    margin-bottom: 8px !important;
}

.pn-good-news-content p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 !important;
}

.pn-divider-text {
    text-align: center;
    margin-bottom: 20px !important;
    position: relative;
}

.pn-divider-text::before,
.pn-divider-text::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 25%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.pn-divider-text::before { left: 0; }
.pn-divider-text::after { right: 0; }

.pn-divider-text span {
    background: transparent;
    padding: 0 15px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
    font-style: italic;
}

.pn-bonus-box {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.15) 0%, rgba(46, 213, 115, 0.05) 100%);
    border: 1px solid rgba(46, 213, 115, 0.3);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 20px !important;
}

.pn-bonus-icon {
    font-size: 1.3rem;
    animation: pn-gift-shake 2s ease-in-out infinite;
}

@keyframes pn-gift-shake {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-10deg); }
    75% { transform: rotate(10deg); }
}

.pn-bonus-box p {
    flex: 1;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
    line-height: 1.5;
    margin: 0 !important;
}

.pn-money {
    color: #2ed573;
    font-weight: 700;
}

.pn-info-box {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 20px !important;
}

.pn-info-icon {
    font-size: 1.3rem;
}

.pn-info-box p {
    flex: 1;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    line-height: 1.5;
    margin: 0 !important;
}

/* ==========================================================================
   SECURITY & WARNING BOXES (RUNDE 5)
   ========================================================================== */

.pn-security-box {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.1) 0%, rgba(46, 213, 115, 0.03) 100%);
    border: 1px solid rgba(46, 213, 115, 0.25);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 16px !important;
}

.pn-security-icon {
    font-size: 1.8rem;
    animation: pn-lock-pulse 2s ease-in-out infinite;
}

@keyframes pn-lock-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.pn-security-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 !important;
}

.pn-warning-box {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 20px !important;
}

.pn-warning-icon {
    font-size: 1.3rem;
}

.pn-warning-box p {
    flex: 1;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 !important;
}

/* ==========================================================================
   COMPARISON CARDS (RUNDE 5)
   ========================================================================== */

.pn-comparison-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px !important;
}

.pn-comparison-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 16px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.pn-comparison-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 16px 16px 0 0;
}

.pn-card-visitx {
    border: 1px solid rgba(37, 99, 235, 0.2);
}

.pn-card-visitx::before {
    background: linear-gradient(90deg, #2563eb, #60a5fa, #2563eb);
}

.pn-card-mdh {
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.pn-card-mdh::before {
    background: linear-gradient(90deg, #dc2626, #f87171, #dc2626);
}

.pn-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px !important;
}

.pn-card-icon {
    font-size: 1.2rem;
}

.pn-card-name {
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.pn-card-visitx .pn-card-name { color: #60a5fa; }
.pn-card-mdh .pn-card-name { color: #f87171; }

.pn-statement-box {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 12px !important;
}

.pn-statement-label {
    display: block;
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 4px !important;
}

.pn-statement-text {
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    color: #2ed573;
    font-weight: 600;
}

.pn-payment-methods {
    display: flex;
    gap: 10px;
    font-size: 1.2rem;
}

.pn-card-check {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 28px;
    height: 28px;
    background: rgba(46, 213, 115, 0.2);
    color: #2ed573;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 700;
}


/* ==========================================================================
   &#x1f525; NEUE PROFESSIONELLE CTA BUTTONS &#x1f525;
   ========================================================================== */

.pn-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 16px 24px;
    border-radius: 12px;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Klare Button-Form */
    border: 2px solid;
    outline: none;
}

/* Button Content Container */
.pn-btn-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 2;
}

/* Haupttext */
.pn-btn-text {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: none;
}

/* Subtext */
.pn-btn-sub {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.85;
}

/* Badge (z.B. "10€ BONUS" oder "TESTSIEGER") */
.pn-btn-badge {
    position: absolute;
    top: -1px;
    right: -1px;
    background: linear-gradient(135deg, #2ed573 0%, #1abc9c 100%);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 5px 10px;
    border-radius: 0 10px 0 10px;
    letter-spacing: 0.5px;
    z-index: 3;
    box-shadow: 0 2px 8px rgba(46, 213, 115, 0.4);
}

/* ===== MDH BUTTON ===== */
.pn-btn-mdh {
    background: linear-gradient(180deg, #ef4444 0%, #dc2626 50%, #b91c1c 100%);
    border-color: #f87171;
    color: #fff;
    box-shadow: 
        0 4px 15px rgba(220, 38, 38, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}

.pn-btn-mdh:hover {
    background: linear-gradient(180deg, #f87171 0%, #ef4444 50%, #dc2626 100%);
    border-color: #fca5a5;
    transform: translateY(-3px);
    box-shadow: 
        0 8px 25px rgba(220, 38, 38, 0.5),
        0 0 0 4px rgba(220, 38, 38, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}

.pn-btn-mdh:active {
    transform: translateY(-1px);
    box-shadow: 
        0 4px 15px rgba(220, 38, 38, 0.4),
        inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* ===== VISIT-X BUTTON ===== */
.pn-btn-visitx {
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);
    border-color: #60a5fa;
    color: #fff;
    box-shadow: 
        0 4px 15px rgba(37, 99, 235, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}

.pn-btn-visitx:hover {
    background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);
    border-color: #93c5fd;
    transform: translateY(-3px);
    box-shadow: 
        0 8px 25px rgba(37, 99, 235, 0.5),
        0 0 0 4px rgba(37, 99, 235, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}

.pn-btn-visitx:active {
    transform: translateY(-1px);
    box-shadow: 
        0 4px 15px rgba(37, 99, 235, 0.4),
        inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* ===== WINNER BUTTON (Extra hervorgehoben) ===== */
.pn-btn-winner {
    padding: 20px 24px;
    background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 30%, #2563eb 70%, #1d4ed8 100%);
    border-width: 3px;
    border-color: #93c5fd;
    animation: pn-winner-glow 2s ease-in-out infinite;
}

@keyframes pn-winner-glow {
    0%, 100% { 
        box-shadow: 
            0 4px 20px rgba(37, 99, 235, 0.5),
            0 0 0 0 rgba(37, 99, 235, 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.2),
            inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    }
    50% { 
        box-shadow: 
            0 6px 30px rgba(37, 99, 235, 0.6),
            0 0 0 6px rgba(37, 99, 235, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.2),
            inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    }
}

.pn-btn-winner .pn-btn-text {
    font-size: 1.1rem;
}

.pn-btn-winner .pn-btn-badge {
    background: linear-gradient(135deg, #D4A853 0%, #f5d78e 50%, #D4A853 100%);
    color: #1a1a2e;
    font-size: 0.7rem;
    padding: 6px 12px;
}

.pn-btn-winner:hover {
    animation: none;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 
        0 12px 35px rgba(37, 99, 235, 0.6),
        0 0 0 6px rgba(37, 99, 235, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}

/* ===== BONUS BUTTON (mit Badge) ===== */
.pn-btn-bonus {
    padding-top: 22px;
}

.pn-btn-bonus .pn-btn-badge {
    animation: pn-badge-bounce 2s ease-in-out infinite;
}

@keyframes pn-badge-bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* ===== SHINE EFFECT ===== */
.pn-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 40%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0.1) 60%,
        transparent 100%
    );
    transition: left 0.6s ease;
    z-index: 1;
}

.pn-btn:hover::before {
    left: 100%;
}


/* ==========================================================================
   DEXTER VERDICT
   ========================================================================== */

.pn-dexter-verdict {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.08) 0%, rgba(212, 168, 83, 0.05) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(46, 213, 115, 0.25);
    border-radius: 18px;
    padding: 22px;
    margin-bottom: 20px !important;
    position: relative;
    overflow: hidden;
}

.pn-dexter-verdict::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #2ed573, #D4A853, #2ed573);
    border-radius: 18px 18px 0 0;
}

.pn-verdict-draw::before {
    background: linear-gradient(90deg, #D4A853, #f5d78e, #D4A853);
}

.pn-verdict-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px !important;
}

.pn-dexter-image {
    position: relative;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

.pn-dexter-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 16px;
    filter: drop-shadow(0 8px 20px rgba(46, 213, 115, 0.3));
}

.pn-verdict-emoji {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 26px;
    height: 26px;
    background: linear-gradient(135deg, #2ed573, #7bed9f);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    box-shadow: 0 4px 12px rgba(46, 213, 115, 0.4);
}

.pn-verdict-title {
    flex: 1;
}

.pn-verdict-label {
    display: inline-block;
    background: rgba(46, 213, 115, 0.2);
    color: #2ed573;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 15px;
    margin-bottom: 6px !important;
}

.pn-verdict-main {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1rem;
    font-weight: 600;
    margin: 0 !important;
}

.pn-draw-badge {
    display: inline-block;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.3), rgba(212, 168, 83, 0.1));
    border: 1px solid rgba(212, 168, 83, 0.5);
    color: #D4A853;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 20px;
    margin-left: 10px;
}

/* Verdict Options */
.pn-verdict-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pn-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.pn-option-visitx {
    background: rgba(37, 99, 235, 0.1);
    border: 1px solid rgba(37, 99, 235, 0.2);
}

.pn-option-visitx:hover {
    background: rgba(37, 99, 235, 0.18);
    transform: translateX(5px);
}

.pn-option-mdh {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.pn-option-mdh:hover {
    background: rgba(220, 38, 38, 0.18);
    transform: translateX(5px);
}

.pn-option-want {
    flex: 1;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.85rem;
    line-height: 1.4;
}

.pn-option-arrow {
    color: rgba(255, 255, 255, 0.4);
    font-size: 1rem;
}

.pn-option-answer {
    font-weight: 700;
    font-size: 0.9rem;
}

.pn-option-visitx .pn-option-answer { color: #60a5fa; }
.pn-option-mdh .pn-option-answer { color: #f87171; }

/* Verdict Summary */
.pn-verdict-summary {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px !important;
}

.pn-summary-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
}

.pn-summary-visitx {
    background: rgba(37, 99, 235, 0.1);
    border: 1px solid rgba(37, 99, 235, 0.2);
}

.pn-summary-mdh {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.pn-summary-icon {
    font-size: 1.3rem;
}

.pn-summary-item p {
    flex: 1;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 !important;
}

.pn-summary-visitx strong { color: #60a5fa; }
.pn-summary-mdh strong { color: #f87171; }

/* Verdict Conclusion & Text Box */
.pn-verdict-conclusion,
.pn-verdict-text-box {
    background: rgba(212, 168, 83, 0.1);
    border: 1px solid rgba(212, 168, 83, 0.2);
    border-radius: 12px;
    padding: 14px 16px;
    text-align: center;
}

.pn-verdict-conclusion p,
.pn-verdict-text-box p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 6px 0 !important;
}

.pn-verdict-text-box p:last-child {
    margin: 0 !important;
}

.pn-verdict-sub {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 0.85rem !important;
}

.pn-verdict-gold {
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.15), rgba(212, 168, 83, 0.05));
    border-color: rgba(212, 168, 83, 0.3);
}

.pn-winner {
    color: #60a5fa;
    font-weight: 700;
}

/* ==========================================================================
   SCORE BOX
   ========================================================================== */

.pn-score-box {
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.1) 0%, rgba(212, 168, 83, 0.03) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(212, 168, 83, 0.25);
    border-radius: 18px;
    padding: 22px;
    position: relative;
    overflow: hidden;
}

.pn-score-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4A853, #f5d78e, #D4A853);
    border-radius: 18px 18px 0 0;
}

.pn-score-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 18px !important;
}

.pn-score-icon {
    font-size: 1.4rem;
    animation: pn-trophy-bounce 2s ease-in-out infinite;
}

@keyframes pn-trophy-bounce {
    0%, 100% { transform: scale(1) rotate(0deg); }
    50% { transform: scale(1.1) rotate(5deg); }
}

.pn-score-title {
    color: #D4A853;
    font-size: 1rem;
    font-weight: 700;
}

.pn-score-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pn-score-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.pn-score-visitx {
    background: rgba(37, 99, 235, 0.1);
    border: 1px solid rgba(37, 99, 235, 0.2);
}

.pn-score-mdh {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.pn-score-loser {
    opacity: 0.7;
}

.pn-score-winner {
    position: relative;
}

.pn-score-winner::after {
    content: '&#x1f451;';
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 1rem;
    animation: pn-crown-bounce 2s ease-in-out infinite;
}

@keyframes pn-crown-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

.pn-score-name {
    font-weight: 700;
    font-size: 0.9rem;
    min-width: 100px;
}

.pn-score-visitx .pn-score-name { color: #60a5fa; }
.pn-score-mdh .pn-score-name { color: #f87171; }

.pn-score-points {
    background: rgba(212, 168, 83, 0.2);
    color: #D4A853;
    font-weight: 700;
    font-size: 0.8rem;
    padding: 5px 12px;
    border-radius: 20px;
    white-space: nowrap;
}

.pn-score-points.pn-half {
    background: rgba(212, 168, 83, 0.1);
    color: rgba(212, 168, 83, 0.7);
}

.pn-score-points.pn-zero {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.4);
}

.pn-score-reason {
    flex: 1;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
    line-height: 1.4;
}

.pn-draw-message {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 14px !important;
    padding-top: 14px;
    border-top: 1px solid rgba(212, 168, 83, 0.2);
}

.pn-draw-message span {
    font-size: 1.2rem;
}

.pn-draw-message p {
    color: #D4A853;
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0 !important;
}

/* ==========================================================================
   FINALE SECTION
   ========================================================================== */

.pn-finale-header {
    text-align: center;
    margin-bottom: 24px !important;
}

.pn-finale-flag {
    display: inline-block;
    font-size: 2.5rem;
    margin-bottom: 12px !important;
    animation: pn-flag-wave 1s ease-in-out infinite;
}

@keyframes pn-flag-wave {
    0%, 100% { transform: rotate(-5deg); }
    50% { transform: rotate(5deg); }
}

.pn-finale-title {
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.3 !important;
}

.pn-finale-subtitle {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1rem;
    font-style: italic;
}

.pn-finale-scoreboard {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px !important;
}

.pn-scoreboard-label {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    margin-bottom: 20px !important;
}

.pn-score-comparison {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pn-final-score {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 14px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.pn-final-mdh {
    border-color: rgba(220, 38, 38, 0.2);
}

.pn-final-visitx {
    border-color: rgba(37, 99, 235, 0.3);
    background: rgba(37, 99, 235, 0.05);
}

.pn-final-icon {
    font-size: 1.2rem;
    margin-bottom: 8px !important;
    display: block;
}

.pn-final-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px !important;
}

.pn-final-name {
    font-weight: 700;
    font-size: 1rem;
}

.pn-final-mdh .pn-final-name { color: #f87171; }
.pn-final-visitx .pn-final-name { color: #60a5fa; }

.pn-final-points {
    font-weight: 800;
    font-size: 1.1rem;
}

.pn-final-mdh .pn-final-points { color: #f87171; }
.pn-final-visitx .pn-final-points { color: #60a5fa; }

.pn-final-bar {
    height: 10px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.pn-bar-fill {
    height: 100%;
    border-radius: 10px;
    transition: width 1.5s ease-out;
}

.pn-bar-mdh {
    background: linear-gradient(90deg, #dc2626, #f87171);
}

.pn-bar-visitx {
    background: linear-gradient(90deg, #2563eb, #60a5fa);
    box-shadow: 0 0 15px rgba(37, 99, 235, 0.5);
}

/* Winner Box */
.pn-winner-box {
    position: relative;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(37, 99, 235, 0.05) 100%);
    border: 2px solid rgba(37, 99, 235, 0.4);
    border-radius: 24px;
    padding: 28px 20px;
    margin-bottom: 24px !important;
    overflow: hidden;
    text-align: center;
}

.pn-winner-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.3) 0%, transparent 70%);
    animation: pn-glow-pulse 2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes pn-glow-pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    50% { transform: translate(-50%, -50%) scale(1.3); opacity: 0.8; }
}

.pn-winner-content {
    position: relative;
    z-index: 2;
}

.pn-winner-label {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    margin-bottom: 16px !important;
}

.pn-winner-name {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px !important;
}

.pn-trophy {
    font-size: 1.8rem;
    animation: pn-trophy-spin 3s ease-in-out infinite;
}

@keyframes pn-trophy-spin {
    0%, 100% { transform: rotate(-10deg) scale(1); }
    50% { transform: rotate(10deg) scale(1.1); }
}

.pn-name {
    font-size: 1.8rem;
    font-weight: 900;
    color: #60a5fa;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 0 30px rgba(37, 99, 235, 0.5);
}

.pn-confetti {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.pn-confetti span {
    font-size: 1.3rem;
    animation: pn-confetti-fall 2s ease-in-out infinite;
}

.pn-confetti span:nth-child(1) { animation-delay: 0s; }
.pn-confetti span:nth-child(2) { animation-delay: 0.2s; }
.pn-confetti span:nth-child(3) { animation-delay: 0.4s; }
.pn-confetti span:nth-child(4) { animation-delay: 0.6s; }
.pn-confetti span:nth-child(5) { animation-delay: 0.8s; }

@keyframes pn-confetti-fall {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 1; }
    50% { transform: translateY(-10px) rotate(180deg); opacity: 0.7; }
}

/* Finale CTA */
.pn-finale-cta {
    margin-bottom: 24px !important;
}

.pn-cta-intro {
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    margin-bottom: 16px !important;
}

.pn-cta-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Dexter Sign-Off */
.pn-dexter-signoff {
    display: flex;
    align-items: center;
    gap: 16px;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.08) 0%, rgba(212, 168, 83, 0.05) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(46, 213, 115, 0.25);
    border-radius: 18px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.pn-dexter-signoff::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #2ed573, #D4A853, #2ed573);
    border-radius: 18px 18px 0 0;
}

.pn-signoff-image {
    position: relative;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.pn-signoff-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 14px;
    filter: drop-shadow(0 6px 15px rgba(46, 213, 115, 0.3));
}

.pn-signoff-badge {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #2ed573, #7bed9f);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    box-shadow: 0 3px 10px rgba(46, 213, 115, 0.4);
}

.pn-signoff-content {
    flex: 1;
}

.pn-signoff-content p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 10px 0 !important;
}

.pn-signoff-name {
    color: #2ed573;
    font-weight: 700;
    font-size: 0.9rem;
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-round-section,
    .pn-finale-section {
        padding: 20px 28px;
    }
    
    .pn-round-title,
    .pn-finale-title {
        font-size: 2rem !important;
    }
    
    .pn-fighter-box,
    .pn-dexter-verdict,
    .pn-score-box,
    .pn-good-news-box,
    .pn-finale-scoreboard {
        padding: 28px;
        border-radius: 22px;
    }
    
    /* Buttons Tablet */
    .pn-btn {
        padding: 18px 28px;
    }
    
    .pn-btn-text {
        font-size: 1.05rem;
    }
    
    .pn-btn-winner {
        padding: 22px 28px;
    }
    
    .pn-btn-winner .pn-btn-text {
        font-size: 1.15rem;
    }
    
    .pn-score-grid {
        flex-direction: row;
        gap: 14px;
    }
    
    .pn-score-item {
        flex: 1;
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    
    .pn-score-name {
        min-width: auto;
    }
    
    .pn-tech-review {
        flex-direction: row;
        gap: 14px;
    }
    
    .pn-tech-item {
        flex: 1;
    }
    
    .pn-verdict-summary {
        flex-direction: row;
        gap: 14px;
    }
    
    .pn-summary-item {
        flex: 1;
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    
    .pn-comparison-grid {
        flex-direction: row;
        gap: 16px;
    }
    
    .pn-comparison-card {
        flex: 1;
    }
    
    .pn-access-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    .pn-score-comparison {
        flex-direction: row;
        gap: 20px;
    }
    
    .pn-final-score {
        flex: 1;
        padding: 20px;
    }
    
    .pn-cta-grid {
        flex-direction: row;
        gap: 16px;
    }
    
    .pn-cta-grid .pn-btn {
        flex: 1;
    }
    
    .pn-winner-box {
        padding: 36px 28px;
    }
    
    .pn-trophy {
        font-size: 2.2rem;
    }
    
    .pn-name {
        font-size: 2.2rem;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-round-section,
    .pn-finale-section {
        padding: 24px 36px;
        max-width: 900px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-round-title,
    .pn-finale-title {
        font-size: 2.2rem !important;
    }
    
    .pn-fighter-box,
    .pn-dexter-verdict,
    .pn-score-box {
        padding: 32px;
    }
    
    /* Buttons Desktop */
    .pn-btn {
        padding: 20px 32px;
    }
    
    .pn-btn-text {
        font-size: 1.1rem;
    }
    
    .pn-btn-winner {
        padding: 24px 32px;
    }
    
    .pn-btn-winner .pn-btn-text {
        font-size: 1.2rem;
    }
    
    .pn-winner-box {
        padding: 48px 36px;
    }
    
    .pn-trophy {
        font-size: 2.5rem;
    }
    
    .pn-name {
        font-size: 2.6rem;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-round-section,
    .pn-finale-section {
        padding: 12px;
    }
    
    .pn-verdict-header {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .pn-option {
        flex-direction: column;
        text-align: center;
        gap: 6px;
    }
    
    .pn-option-arrow {
        transform: rotate(90deg);
    }
    
    .pn-tech-item {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .pn-good-news-box {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    /* Buttons Mobile */
    .pn-btn {
        padding: 14px 20px;
    }
    
    .pn-btn-text {
        font-size: 0.95rem;
    }
    
    .pn-btn-sub {
        font-size: 0.7rem;
    }
    
    .pn-btn-winner {
        padding: 18px 20px;
    }
    
    .pn-score-item {
        flex-wrap: wrap;
    }
    
    .pn-score-reason {
        width: 100%;
        text-align: center;
        margin-top: 4px;
    }
    
    .pn-door-badge {
        width: 100%;
        text-align: center;
        margin-top: 8px;
    }
    
    .pn-dexter-signoff {
        flex-direction: column;
        text-align: center;
        gap: 14px;
    }
    
    .pn-finale-flag {
        font-size: 2rem;
    }
    
    .pn-trophy {
        font-size: 1.5rem;
    }
    
    .pn-name {
        font-size: 1.4rem;
        letter-spacing: 1px;
    }
}
/* Namen */
.pn-score-visitx .pn-score-name { 
    color: #60a5fa !important; 
}
.pn-score-mdh .pn-score-name { 
    color: #f87171 !important; 
}

/* Punkte */
.pn-score-points {
    background: rgba(212, 168, 83, 0.25) !important;
    color: #D4A853 !important;
    display: inline-block !important;
}

/* Grund */
.pn-score-reason {
    color: rgba(255, 255, 255, 0.7) !important;
    display: block !important;
}
@media (max-width: 500px) {
    .pn-score-item {
        flex-direction: column !important;  /* Vertikal statt wrap */
        text-align: center !important;
        gap: 8px !important;
    }
    
    .pn-score-name {
        width: 100% !important;
        display: block !important;
    }
    
    .pn-score-points {
        display: inline-block !important;
    }
}
</style>
</div>
</div>



<!-- ===== DEXTERS SCHLUSSWORT - FIXED BUTTONS ===== -->

<section class="pn-schlusswort-section">
    
    <!-- Header -->
    <div class="pn-schlusswort-header">
        <div class="pn-dexter-avatar">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
            <span class="pn-avatar-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        <div class="pn-header-text">
            <h2 class="pn-schlusswort-title">Dexters persönliches Schlusswort</h2>
            <span class="pn-schlusswort-label">Meine Empfehlung für dich</span>
        </div>
    </div>
    
    <!-- Intro Text -->
    <div class="pn-schlusswort-intro">
        <p>Punkte sind gut für Excel-Tabellen, aber <strong>das Leben ist nicht digital</strong>.</p>
        <p>Dein persönlicher Testsieger hängt davon ab, was <strong>DU</strong> suchst.</p>
        <p class="pn-intro-highlight">Lass mich dir eine Empfehlung geben, damit du glücklich wirst:</p>
    </div>
    
    <!-- Typ A: Visit-X -->
    <div class="pn-typ-box pn-typ-visitx">
        <div class="pn-typ-header">
            <span class="pn-typ-badge pn-badge-green"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f7e2.png" alt="🟢" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Typ A</span>
            <h3 class="pn-typ-title">Der &#8222;Entdecker &#038; Chatter&#8220;</h3>
        </div>
        
        <div class="pn-typ-questions">
            <div class="pn-question-item">
                <span class="pn-question-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>Du bist <strong>neu</strong> in der Cam-Welt?</p>
            </div>
            <div class="pn-question-item">
                <span class="pn-question-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>Du willst erst mal <strong>gucken, nichts zahlen</strong> und dich orientieren?</p>
            </div>
            <div class="pn-question-item">
                <span class="pn-question-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>Du magst es, Mädels auch mal eine <strong>Mail zu schreiben</strong>?</p>
            </div>
        </div>
        
        <div class="pn-typ-answer">
            <span class="pn-answer-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <p>Dann geh zu <strong>Visit-X</strong>. Es ist der sicherste Hafen für Einsteiger.</p>
        </div>
        
        <div class="pn-typ-benefits">
            <div class="pn-benefit-item">
                <span class="pn-benefit-check">✓</span>
                <span>Technik ist top</span>
            </div>
            <div class="pn-benefit-item">
                <span class="pn-benefit-check">✓</span>
                <span>Anmeldung kostet <strong>0,00€</strong></span>
            </div>
            <div class="pn-benefit-item">
                <span class="pn-benefit-check">✓</span>
                <span>Risikofrei umschauen</span>
            </div>
        </div>
        
        <a href="https://visit-x.world/?w=20808&#038;ws=2512001" class="pn-btn pn-btn-visitx" target="_blank" rel="noopener">
            <span class="pn-btn-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> GRATIS COINS</span>
            <span class="pn-btn-content">
                <span class="pn-btn-text">Jetzt bei Visit-X anmelden</span>
                <span class="pn-btn-sub">Kostenlose Registrierung</span>
            </span>
        </a>
    </div>
    
    <!-- Typ B: MDH -->
    <div class="pn-typ-box pn-typ-mdh">
        <div class="pn-typ-header">
            <span class="pn-typ-badge pn-badge-red"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Typ B</span>
            <h3 class="pn-typ-title">Der &#8222;Realness-Junkie&#8220;</h3>
        </div>
        
        <div class="pn-typ-questions">
            <div class="pn-question-item">
                <span class="pn-question-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>Du hast <strong>keine Lust auf perfekte Studios</strong>?</p>
            </div>
            <div class="pn-question-item">
                <span class="pn-question-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>Du willst sehen, wie es bei <strong>Studentinnen im WG-Zimmer</strong> aussieht?</p>
            </div>
            <div class="pn-question-item">
                <span class="pn-question-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>Du stehst auf den Nervenkitzel, dass <strong>die Nachbarin online</strong> sein könnte?</p>
            </div>
        </div>
        
        <div class="pn-typ-answer">
            <span class="pn-answer-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <p>Dann geh zu <strong>MyDirtyHobby</strong>.</p>
        </div>
        
        <div class="pn-typ-note">
            <span class="pn-note-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <p>Nimm die kleine Hürde am Eingang in Kauf (<strong>lad 10€ auf</strong>). Dafür bekommst du Zugang zu einer Welt, die so <em>authentisch</em> und <em>&#8222;dreckig&#8220;</em> (im positiven Sinne) ist, wie nirgendwo sonst.</p>
        </div>
        
        <a href="https://www.mydirtyhobby.de/?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6MjQyLCJlIjo4NjAsInAiOjJ9&#038;atc=mdhvsvisit" class="pn-btn pn-btn-mdh" target="_blank" rel="noopener">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Zu den MDH-Amateuren</span>
                <span class="pn-btn-sub">Echte deutsche Amateure</span>
            </span>
        </a>
    </div>
    
    <!-- Pro-Tipp -->
    <div class="pn-protipp-box">
        <div class="pn-protipp-header">
            <span class="pn-protipp-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98a.png" alt="🦊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-protipp-label">Mein Pro-Tipp für Sparfüchse</span>
        </div>
        
        <div class="pn-protipp-content">
            <p>Da die Anmeldung bei <strong>beiden</strong> prinzipiell kostenlos ist (kein Abo-Zwang):</p>
            
            <div class="pn-protipp-steps">
                <div class="pn-step-item">
                    <span class="pn-step-number">1</span>
                    <p>Melde dich bei <strong>beiden</strong> an</p>
                </div>
                <div class="pn-step-item">
                    <span class="pn-step-number">2</span>
                    <p>Hol dir bei <span class="pn-visitx-text">Visit-X</span> die <strong>Gratis-Coins</strong></p>
                </div>
                <div class="pn-step-item">
                    <span class="pn-step-number">3</span>
                    <p>Schau bei <span class="pn-mdh-text">MDH</span> in die <strong>User-Videos</strong></p>
                </div>
            </div>
            
            <div class="pn-protipp-result">
                <span class="pn-result-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>So hast du das <strong>Beste aus beiden Welten</strong>!</p>
            </div>
        </div>
    </div>
    
    <!-- Abschluss -->
    <div class="pn-goodbye-box">
        <div class="pn-goodbye-content">
            <p class="pn-goodbye-text">Wir sehen uns im Chat! <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
            <p class="pn-goodbye-signature">Euer <span class="pn-dexter-name">Dexter</span> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
        </div>
        <div class="pn-goodbye-wave"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f44b.png" alt="👋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    </div>
    
</section>


<style>
/* ==========================================================================
   SCHLUSSWORT SECTION - RESET & BASE
   ========================================================================== */

.pn-schlusswort-section,
.pn-schlusswort-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.pn-schlusswort-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    padding: 16px;
    margin-bottom: 10px !important;
}

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

.pn-schlusswort-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(46, 213, 115, 0.2);
}

.pn-dexter-avatar {
    position: relative;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.pn-dexter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    filter: drop-shadow(0 8px 25px rgba(46, 213, 115, 0.4));
    animation: pn-avatar-float 3s ease-in-out infinite;
}

@keyframes pn-avatar-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.pn-avatar-badge {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #2ed573, #7bed9f) !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    box-shadow: 0 4px 15px rgba(46, 213, 115, 0.5);
}

.pn-header-text {
    flex: 1;
}

.pn-schlusswort-title {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.3 !important;
}

.pn-schlusswort-label {
    display: inline-block;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.2), rgba(46, 213, 115, 0.1)) !important;
    border: 1px solid rgba(46, 213, 115, 0.3) !important;
    color: #2ed573 !important;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

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

.pn-schlusswort-intro {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 24px !important;
    text-align: center;
}

.pn-schlusswort-intro p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 1rem;
    line-height: 1.7;
    margin: 0 0 10px 0 !important;
}

.pn-schlusswort-intro p:last-child {
    margin: 0 !important;
}

.pn-intro-highlight {
    color: #D4A853 !important;
    font-weight: 600;
    font-size: 1.05rem !important;
    margin-top: 14px !important;
}

/* ==========================================================================
   TYP BOXES
   ========================================================================== */

.pn-typ-box {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 20px !important;
    position: relative;
    overflow: hidden;
}

.pn-typ-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 20px 20px 0 0;
}

/* Visit-X Typ */
.pn-typ-visitx {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(37, 99, 235, 0.03) 100%) !important;
    border: 1px solid rgba(37, 99, 235, 0.25) !important;
}

.pn-typ-visitx::before {
    background: linear-gradient(90deg, #2563eb, #60a5fa, #2563eb) !important;
}

/* MDH Typ */
.pn-typ-mdh {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.1) 0%, rgba(220, 38, 38, 0.03) 100%) !important;
    border: 1px solid rgba(220, 38, 38, 0.25) !important;
}

.pn-typ-mdh::before {
    background: linear-gradient(90deg, #dc2626, #f87171, #dc2626) !important;
}

/* Typ Header */
.pn-typ-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px !important;
    flex-wrap: wrap;
}

.pn-typ-badge {
    font-size: 0.8rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 20px;
}

.pn-badge-green {
    background: rgba(46, 213, 115, 0.2) !important;
    color: #2ed573 !important;
    border: 1px solid rgba(46, 213, 115, 0.4) !important;
}

.pn-badge-red {
    background: rgba(220, 38, 38, 0.2) !important;
    color: #f87171 !important;
    border: 1px solid rgba(220, 38, 38, 0.4) !important;
}

.pn-typ-title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Questions */
.pn-typ-questions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 18px !important;
}

.pn-question-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px;
}

.pn-question-icon {
    font-size: 1rem;
    opacity: 0.7;
}

.pn-question-item p {
    flex: 1;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 !important;
}

/* Answer */
.pn-typ-answer {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 14px;
    margin-bottom: 16px !important;
}

.pn-typ-visitx .pn-typ-answer {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(37, 99, 235, 0.05)) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.pn-typ-mdh .pn-typ-answer {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.15), rgba(220, 38, 38, 0.05)) !important;
    border: 1px solid rgba(220, 38, 38, 0.3) !important;
}

.pn-answer-icon {
    font-size: 1.3rem;
}

.pn-typ-answer p {
    flex: 1;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 !important;
}

.pn-typ-visitx .pn-typ-answer strong {
    color: #60a5fa !important;
}

.pn-typ-mdh .pn-typ-answer strong {
    color: #f87171 !important;
}

/* Benefits */
.pn-typ-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px !important;
}

.pn-benefit-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(46, 213, 115, 0.1) !important;
    border: 1px solid rgba(46, 213, 115, 0.2) !important;
    border-radius: 20px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.9) !important;
}

.pn-benefit-check {
    color: #2ed573 !important;
    font-weight: 700;
}

/* Note (MDH only) */
.pn-typ-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px;
    margin-bottom: 20px !important;
}

.pn-note-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.pn-typ-note p {
    flex: 1;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 !important;
}

/* ==========================================================================
   PRO-TIPP BOX
   ========================================================================== */

.pn-protipp-box {
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.12) 0%, rgba(212, 168, 83, 0.03) 100%) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 2px solid rgba(212, 168, 83, 0.35) !important;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 24px !important;
    position: relative;
    overflow: hidden;
}

.pn-protipp-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #D4A853, #f5d78e, #D4A853) !important;
    border-radius: 20px 20px 0 0;
}

.pn-protipp-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px !important;
}

.pn-protipp-icon {
    font-size: 1.8rem;
    animation: pn-fox-wiggle 2s ease-in-out infinite;
}

@keyframes pn-fox-wiggle {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    75% { transform: rotate(5deg); }
}

.pn-protipp-label {
    font-size: 1.1rem;
    font-weight: 700;
    color: #D4A853 !important;
}

.pn-protipp-content p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 16px 0 !important;
    text-align: center;
}

.pn-protipp-steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px !important;
}

.pn-step-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px;
}

.pn-step-number {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #D4A853, #f5d78e) !important;
    color: #1a1a2e !important;
    font-size: 0.9rem;
    font-weight: 800;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pn-step-item p {
    flex: 1;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.9rem;
    margin: 0 !important;
    text-align: left;
}

.pn-visitx-text {
    color: #60a5fa !important;
    font-weight: 700;
}

.pn-mdh-text {
    color: #f87171 !important;
    font-weight: 700;
}

.pn-protipp-result {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.15), rgba(46, 213, 115, 0.05)) !important;
    border: 1px solid rgba(46, 213, 115, 0.3) !important;
    border-radius: 14px;
}

.pn-result-icon {
    font-size: 1.3rem;
}

.pn-protipp-result p {
    color: #2ed573 !important;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 !important;
}

/* ==========================================================================
   GOODBYE BOX
   ========================================================================== */

.pn-goodbye-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.1) 0%, rgba(212, 168, 83, 0.08) 100%) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(46, 213, 115, 0.25) !important;
    border-radius: 18px;
    padding: 24px;
    position: relative;
    overflow: hidden;
}

.pn-goodbye-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #2ed573, #D4A853, #2ed573) !important;
    border-radius: 18px 18px 0 0;
}

.pn-goodbye-content {
    flex: 1;
}

.pn-goodbye-text {
    color: #fff !important;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 8px 0 !important;
}

.pn-goodbye-signature {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 1rem;
    margin: 0 !important;
}

.pn-dexter-name {
    color: #2ed573 !important;
    font-weight: 700;
}

.pn-goodbye-wave {
    font-size: 2.5rem;
    animation: pn-wave 1.5s ease-in-out infinite;
}

@keyframes pn-wave {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(20deg); }
    75% { transform: rotate(-10deg); }
}

/* ==========================================================================
   &#x1f525; PROFESSIONELLE CTA BUTTONS - MIT !IMPORTANT FÜR WORDPRESS &#x1f525;
   ========================================================================== */

.pn-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 20px 24px !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* Button Content Container */
.pn-btn-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Haupttext */
.pn-btn-text {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

/* Subtext */
.pn-btn-sub {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Badge */
.pn-btn-badge {
    position: absolute !important;
    top: -1px !important;
    right: -1px !important;
    background: linear-gradient(135deg, #2ed573 0%, #1abc9c 100%) !important;
    color: #fff !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    padding: 6px 12px !important;
    border-radius: 0 12px 0 12px !important;
    letter-spacing: 0.5px !important;
    z-index: 3 !important;
    box-shadow: 0 3px 10px rgba(46, 213, 115, 0.5) !important;
}

/* ==========================================================================
   VISIT-X BUTTON - SICHTBARER VERLAUF MIT !IMPORTANT
   ========================================================================== */

.pn-btn-visitx {
    background: #2563eb !important;
    background-image: linear-gradient(180deg, #60a5fa 0%, #3b82f6 30%, #2563eb 60%, #1d4ed8 100%) !important;
    border: 3px solid #60a5fa !important;
    box-shadow: 
        0 6px 20px rgba(37, 99, 235, 0.5),
        inset 0 2px 0 rgba(255, 255, 255, 0.2),
        inset 0 -3px 0 rgba(0, 0, 0, 0.2) !important;
}

.pn-btn-visitx:hover {
    background: #3b82f6 !important;
    background-image: linear-gradient(180deg, #93c5fd 0%, #60a5fa 30%, #3b82f6 60%, #2563eb 100%) !important;
    border-color: #93c5fd !important;
    transform: translateY(-3px) !important;
    box-shadow: 
        0 10px 30px rgba(37, 99, 235, 0.6),
        0 0 0 4px rgba(37, 99, 235, 0.2),
        inset 0 2px 0 rgba(255, 255, 255, 0.25),
        inset 0 -3px 0 rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   MDH BUTTON - SICHTBARER VERLAUF MIT !IMPORTANT
   ========================================================================== */

.pn-btn-mdh {
    background: #dc2626 !important;
    background-image: linear-gradient(180deg, #f87171 0%, #ef4444 30%, #dc2626 60%, #b91c1c 100%) !important;
    border: 3px solid #f87171 !important;
    box-shadow: 
        0 6px 20px rgba(220, 38, 38, 0.5),
        inset 0 2px 0 rgba(255, 255, 255, 0.2),
        inset 0 -3px 0 rgba(0, 0, 0, 0.2) !important;
}

.pn-btn-mdh:hover {
    background: #ef4444 !important;
    background-image: linear-gradient(180deg, #fca5a5 0%, #f87171 30%, #ef4444 60%, #dc2626 100%) !important;
    border-color: #fca5a5 !important;
    transform: translateY(-3px) !important;
    box-shadow: 
        0 10px 30px rgba(220, 38, 38, 0.6),
        0 0 0 4px rgba(220, 38, 38, 0.2),
        inset 0 2px 0 rgba(255, 255, 255, 0.25),
        inset 0 -3px 0 rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-schlusswort-section {
        padding: 20px 28px;
    }
    
    .pn-dexter-avatar {
        width: 90px;
        height: 90px;
    }
    
    .pn-schlusswort-title {
        font-size: 1.8rem !important;
    }
    
    .pn-typ-box,
    .pn-protipp-box {
        padding: 28px;
    }
    
    .pn-typ-questions {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 12px;
    }
    
    .pn-typ-benefits {
        justify-content: center;
    }
    
    .pn-protipp-steps {
        flex-direction: row;
        gap: 14px;
    }
    
    .pn-step-item {
        flex: 1;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .pn-step-item p {
        text-align: center;
    }
    
    .pn-btn {
        padding: 22px 28px !important;
    }
    
    .pn-btn-text {
        font-size: 1.15rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-schlusswort-section {
        padding: 24px 36px;
        max-width: 900px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-schlusswort-title {
        font-size: 2rem !important;
    }
    
    .pn-typ-box,
    .pn-protipp-box {
        padding: 32px;
    }
    
    .pn-btn {
        padding: 24px 32px !important;
    }
    
    .pn-btn-text {
        font-size: 1.2rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-schlusswort-section {
        padding: 12px;
    }
    
    .pn-schlusswort-header {
        flex-direction: column;
        text-align: center;
        gap: 14px;
    }
    
    .pn-dexter-avatar {
        width: 70px;
        height: 70px;
    }
    
    .pn-schlusswort-title {
        font-size: 1.3rem !important;
    }
    
    .pn-typ-header {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .pn-typ-box,
    .pn-protipp-box {
        padding: 18px;
    }
    
    .pn-btn {
        padding: 16px 20px !important;
    }
    
    .pn-btn-text {
        font-size: 1rem !important;
    }
    
    .pn-btn-sub {
        font-size: 0.75rem !important;
    }
    
    .pn-goodbye-box {
        flex-direction: column;
        text-align: center;
    }
    
    .pn-goodbye-wave {
        font-size: 2rem;
    }
}
</style>



<!-- ===== DEXTER LINK-BOX: MEHR SEXCAM-SEITEN ===== -->

<section class="pn-linkbox-section">
    
    <div class="pn-linkbox">
        
        <!-- Glow Effect -->
        <div class="pn-linkbox-glow"></div>
        
        <!-- Content -->
        <div class="pn-linkbox-content">
            
            <!-- Dexter Side -->
            <div class="pn-linkbox-dexter">
                <div class="pn-linkbox-avatar">
                    <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                    <span class="pn-linkbox-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </div>
                <div class="pn-linkbox-speech">
                    <span class="pn-speech-bubble"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </div>
            </div>
            
            <!-- Text Side -->
            <div class="pn-linkbox-text">
                <span class="pn-linkbox-label">Noch nicht genug?</span>
                <h3 class="pn-linkbox-title">Entdecke alle Sexcam-Seiten!</h3>
                <p class="pn-linkbox-desc">MDH und Visit-X sind nur <strong>zwei von vielen</strong>. In meinem großen Vergleich findest du <strong>alle Top-Plattformen</strong> – von Chaturbate bis LiveJasmin.</p>
                
                <div class="pn-linkbox-features">
                    <span class="pn-feature-tag"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Top 10 Ranking</span>
                    <span class="pn-feature-tag"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Preisvergleich</span>
                    <span class="pn-feature-tag"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Testberichte</span>
                </div>
            </div>
            
        </div>
        
        <!-- CTA Button -->
        <a href="https://peepnow.net/beste-sexcam-seiten/" class="pn-btn pn-btn-gold">
            <span class="pn-btn-content">
                <span class="pn-btn-text">Zur großen Sexcam-Übersicht</span>
                <span class="pn-btn-sub">Alle Plattformen im Vergleich</span>
            </span>
        </a>
        
        <!-- Decorative Elements -->
        <div class="pn-linkbox-decoration">
            <span class="pn-deco-star"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-deco-star"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-deco-star"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        
    </div>
    
</section>


<style>
/* ==========================================================================
   LINK-BOX SECTION - RESET & BASE
   ========================================================================== */

.pn-linkbox-section,
.pn-linkbox-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pn-linkbox-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
}

/* ==========================================================================
   MAIN LINK-BOX
   ========================================================================== */

.pn-linkbox {
    position: relative !important;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.12) 0%, rgba(46, 213, 115, 0.08) 50%, rgba(212, 168, 83, 0.12) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 2px solid rgba(212, 168, 83, 0.4) !important;
    border-radius: 24px !important;
    padding: 28px !important;
    overflow: hidden !important;
}

.pn-linkbox::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #D4A853, #2ed573, #D4A853) !important;
    border-radius: 24px 24px 0 0 !important;
}

/* Glow Effect */
.pn-linkbox-glow {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 300px !important;
    height: 300px !important;
    background: radial-gradient(circle, rgba(212, 168, 83, 0.2) 0%, transparent 70%) !important;
    animation: pn-glow-rotate 8s linear infinite !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

@keyframes pn-glow-rotate {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* ==========================================================================
   CONTENT LAYOUT
   ========================================================================== */

.pn-linkbox-content {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ==========================================================================
   DEXTER SIDE
   ========================================================================== */

.pn-linkbox-dexter {
    position: relative !important;
    flex-shrink: 0 !important;
}

.pn-linkbox-avatar {
    position: relative !important;
    width: 100px !important;
    height: 100px !important;
}

.pn-linkbox-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 20px !important;
    filter: drop-shadow(0 10px 30px rgba(212, 168, 83, 0.4)) !important;
    animation: pn-dexter-bounce 3s ease-in-out infinite !important;
}

@keyframes pn-dexter-bounce {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-5px) rotate(-2deg); }
    75% { transform: translateY(-5px) rotate(2deg); }
}

.pn-linkbox-badge {
    position: absolute !important;
    bottom: -8px !important;
    right: -8px !important;
    width: 36px !important;
    height: 36px !important;
    background: linear-gradient(135deg, #2ed573, #7bed9f) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    box-shadow: 0 4px 15px rgba(46, 213, 115, 0.5) !important;
    animation: pn-badge-pulse 2s ease-in-out infinite !important;
}

@keyframes pn-badge-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(46, 213, 115, 0.5); }
    50% { transform: scale(1.1); box-shadow: 0 6px 25px rgba(46, 213, 115, 0.7); }
}

.pn-linkbox-speech {
    position: absolute !important;
    top: -5px !important;
    right: -15px !important;
}

.pn-speech-bubble {
    font-size: 1.5rem !important;
    animation: pn-speech-pop 2s ease-in-out infinite !important;
}

@keyframes pn-speech-pop {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.8; }
}

/* ==========================================================================
   TEXT SIDE
   ========================================================================== */

.pn-linkbox-text {
    flex: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

.pn-linkbox-label {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.3), rgba(212, 168, 83, 0.1)) !important;
    border: 1px solid rgba(212, 168, 83, 0.5) !important;
    color: #D4A853 !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
}

.pn-linkbox-title {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.3 !important;
}

.pn-linkbox-desc {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 0 0 16px 0 !important;
}

.pn-linkbox-desc strong {
    color: #D4A853 !important;
}

/* Feature Tags */
.pn-linkbox-features {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.pn-feature-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 12px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    font-size: 0.8rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
}

/* ==========================================================================
   GOLD CTA BUTTON
   ========================================================================== */

.pn-btn-gold {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 20px 24px !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
    
    /* Gold Gradient */
    background: #D4A853 !important;
    background-image: linear-gradient(180deg, #f5d78e 0%, #D4A853 30%, #b8942e 70%, #9a7b24 100%) !important;
    border: 3px solid #f5d78e !important;
    box-shadow: 
        0 6px 25px rgba(212, 168, 83, 0.5),
        inset 0 2px 0 rgba(255, 255, 255, 0.3),
        inset 0 -3px 0 rgba(0, 0, 0, 0.2) !important;
}

.pn-btn-gold:hover {
    background: #f5d78e !important;
    background-image: linear-gradient(180deg, #fff5d4 0%, #f5d78e 30%, #D4A853 70%, #b8942e 100%) !important;
    border-color: #fff5d4 !important;
    transform: translateY(-3px) !important;
    box-shadow: 
        0 10px 35px rgba(212, 168, 83, 0.6),
        0 0 0 4px rgba(212, 168, 83, 0.2),
        inset 0 2px 0 rgba(255, 255, 255, 0.4),
        inset 0 -3px 0 rgba(0, 0, 0, 0.15) !important;
}

.pn-btn-gold .pn-btn-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    position: relative !important;
    z-index: 2 !important;
}

.pn-btn-gold .pn-btn-text {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    text-shadow: none !important;
}

.pn-btn-gold .pn-btn-sub {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: rgba(26, 26, 46, 0.7) !important;
}

/* Shine Effect */
.pn-btn-gold::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.2) 40%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0.2) 60%,
        transparent 100%
    ) !important;
    transition: left 0.5s ease !important;
    z-index: 1 !important;
}

.pn-btn-gold:hover::before {
    left: 100% !important;
}

/* ==========================================================================
   DECORATIVE ELEMENTS
   ========================================================================== */

.pn-linkbox-decoration {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 0 !important;
}

.pn-deco-star {
    font-size: 1rem !important;
    opacity: 0.4 !important;
    animation: pn-star-twinkle 2s ease-in-out infinite !important;
}

.pn-deco-star:nth-child(1) { animation-delay: 0s; }
.pn-deco-star:nth-child(2) { animation-delay: 0.5s; }
.pn-deco-star:nth-child(3) { animation-delay: 1s; }

@keyframes pn-star-twinkle {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.2); }
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-linkbox-section {
        padding: 20px 28px !important;
    }
    
    .pn-linkbox {
        padding: 32px !important;
    }
    
    .pn-linkbox-avatar {
        width: 120px !important;
        height: 120px !important;
    }
    
    .pn-linkbox-title {
        font-size: 1.6rem !important;
    }
    
    .pn-btn-gold {
        padding: 22px 28px !important;
    }
    
    .pn-btn-gold .pn-btn-text {
        font-size: 1.15rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-linkbox-section {
        padding: 24px 36px !important;
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-linkbox {
        padding: 36px !important;
    }
    
    .pn-linkbox-title {
        font-size: 1.8rem !important;
    }
    
    .pn-btn-gold {
        padding: 24px 32px !important;
    }
    
    .pn-btn-gold .pn-btn-text {
        font-size: 1.2rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-linkbox-section {
        padding: 12px !important;
    }
    
    .pn-linkbox {
        padding: 20px !important;
    }
    
    .pn-linkbox-content {
        flex-direction: column !important;
        text-align: center !important;
        gap: 18px !important;
    }
    
    .pn-linkbox-avatar {
        width: 80px !important;
        height: 80px !important;
    }
    
    .pn-linkbox-badge {
        width: 30px !important;
        height: 30px !important;
        font-size: 1rem !important;
    }
    
    .pn-linkbox-title {
        font-size: 1.25rem !important;
    }
    
    .pn-linkbox-desc {
        font-size: 0.9rem !important;
    }
    
    .pn-linkbox-features {
        justify-content: center !important;
    }
    
    .pn-feature-tag {
        font-size: 0.75rem !important;
        padding: 5px 10px !important;
    }
    
    .pn-btn-gold {
        padding: 16px 20px !important;
    }
    
    .pn-btn-gold .pn-btn-text {
        font-size: 1rem !important;
    }
    
    .pn-btn-gold .pn-btn-sub {
        font-size: 0.75rem !important;
    }
    
    .pn-linkbox-decoration {
        top: 12px !important;
        right: 12px !important;
    }
    
    .pn-deco-star {
        font-size: 0.8rem !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Studium finanzieren: Die 100-Stunden-Falle vs. der 20-Stunden-Hebel (Dexter’s Analyse)</title>
		<link>https://peepnow.net/studium-finanzieren-cammodel/</link>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Tue, 30 Dec 2025 17:20:39 +0000</pubDate>
				<category><![CDATA[Cam Business]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=1917</guid>

					<description><![CDATA[🦎 Dexters Analyse Zeit ist Geld – aber zu welchem Kurs? Ich bin kein Freund von „Zeit gegen Geld&#8220; tauschen. Zumindest nicht zu schlechten Kursen. Und wenn ich mir anschaue, wie 90 % der Studenten versuchen, ihr Leben zu finanzieren, sehe ich vor allem eins: Ineffizienz. 🤔 Du studierst, um später smart zu arbeiten? Warum [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ===== DEXTER INTRO: STUDIUM FINANZIEREN ===== -->

<section class="pn-intro-section">
    
    <!-- Header mit Dexter -->
    <div class="pn-intro-header">
        <div class="pn-intro-avatar">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
            <span class="pn-intro-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        <div class="pn-intro-titles">
            <span class="pn-intro-label">Dexters Analyse</span>
            <h2 class="pn-intro-title">Zeit ist Geld – aber zu welchem Kurs?</h2>
        </div>
    </div>
    
    <!-- Main Content -->
    <div class="pn-intro-content">
        
        <div class="pn-intro-block pn-block-highlight">
            <p>Ich bin kein Freund von <strong>„Zeit gegen Geld&#8220;</strong> tauschen. Zumindest nicht zu schlechten Kursen.</p>
            <p>Und wenn ich mir anschaue, wie 90 % der Studenten versuchen, ihr Leben zu finanzieren, sehe ich vor allem eins: <span class="pn-text-red">Ineffizienz.</span></p>
        </div>
        
        <div class="pn-intro-question">
            <span class="pn-question-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f914.png" alt="🤔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <p>Du studierst, um später <strong>smart</strong> zu arbeiten? Warum fängst du dann jetzt damit an, Tabletts für Mindestlohn zu schleppen?</p>
        </div>
        
        <div class="pn-intro-block">
            <p>Lass uns die Emotionen mal beiseite lassen und das tun, was wir am besten können:</p>
            <p class="pn-text-gold pn-text-center pn-text-large"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ca.png" alt="📊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Wir rechnen nach.</p>
        </div>
        
        <div class="pn-intro-analysis">
            <div class="pn-analysis-header">
                <span class="pn-analysis-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f52c.png" alt="🔬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-analysis-label">Meine Analyse</span>
            </div>
            <p class="pn-analysis-title">Studium finanzieren: <span class="pn-text-blue">Aushilfsjob</span> vs. <span class="pn-text-pink">Cam-Model</span></p>
        </div>
        
    </div>
    
    <!-- Ausgangslage Box -->
    <div class="pn-burnrate-box">
        <div class="pn-burnrate-header">
            <span class="pn-burnrate-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <h3 class="pn-burnrate-title">Die Ausgangslage: Dein „Burn-Rate&#8220;</h3>
        </div>
        
        <p class="pn-burnrate-text">Bevor wir über Einnahmen reden, müssen wir wissen, <strong>was du brauchst</strong>.</p>
        
        <div class="pn-burnrate-items">
            <span class="pn-burnrate-item"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e0.png" alt="🏠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Miete</span>
            <span class="pn-burnrate-item"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f393.png" alt="🎓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Semesterbeitrag</span>
            <span class="pn-burnrate-item"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4bb.png" alt="💻" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Laptop</span>
            <span class="pn-burnrate-item"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f355.png" alt="🍕" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Leben</span>
        </div>
        
        <div class="pn-burnrate-result">
            <span class="pn-result-label">Realistischer Bedarf:</span>
            <span class="pn-result-amount">1.200 € <small>Netto / Monat</small></span>
        </div>
        
        <div class="pn-burnrate-question">
            <p>Wie bekommst du dieses Geld rein?</p>
            <p class="pn-text-gold">Ich zeige dir <strong>zwei Szenarien</strong>. Entscheide selbst, welches cleverer ist. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f447.png" alt="👇" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
        </div>
    </div>
    
</section>


<style>
/* ==========================================================================
   INTRO SECTION - RESET & BASE
   ========================================================================== */

.pn-intro-section,
.pn-intro-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pn-intro-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
}

/* ==========================================================================
   HEADER MIT DEXTER
   ========================================================================== */

.pn-intro-header {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(46, 213, 115, 0.2) !important;
}

.pn-intro-avatar {
    position: relative !important;
    width: 90px !important;
    height: 90px !important;
    flex-shrink: 0 !important;
}

.pn-intro-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 20px !important;
    filter: drop-shadow(0 8px 25px rgba(46, 213, 115, 0.4)) !important;
    animation: pn-avatar-float 3s ease-in-out infinite !important;
}

@keyframes pn-avatar-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.pn-intro-badge {
    position: absolute !important;
    bottom: -6px !important;
    right: -6px !important;
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #2ed573, #7bed9f) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.1rem !important;
    box-shadow: 0 4px 15px rgba(46, 213, 115, 0.5) !important;
}

.pn-intro-titles {
    flex: 1 !important;
}

.pn-intro-label {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.2), rgba(46, 213, 115, 0.1)) !important;
    border: 1px solid rgba(46, 213, 115, 0.3) !important;
    color: #2ed573 !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
}

.pn-intro-title {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.3 !important;
    border: none !important;
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

.pn-intro-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
}

.pn-intro-block {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 20px !important;
}

.pn-intro-block p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    margin-bottom: 12px !important;
}

.pn-intro-block p:last-child {
    margin-bottom: 0 !important;
}

.pn-block-highlight {
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.1) 0%, rgba(212, 168, 83, 0.03) 100%) !important;
    border-color: rgba(212, 168, 83, 0.25) !important;
    position: relative !important;
}

.pn-block-highlight::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #D4A853, #f5d78e, #D4A853) !important;
    border-radius: 16px 16px 0 0 !important;
}

/* Question Box */
.pn-intro-question {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(37, 99, 235, 0.03) 100%) !important;
    border: 1px solid rgba(37, 99, 235, 0.25) !important;
    border-radius: 16px !important;
    padding: 18px 20px !important;
}

.pn-question-icon {
    font-size: 1.5rem !important;
    flex-shrink: 0 !important;
}

.pn-intro-question p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Analysis Box */
.pn-intro-analysis {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.1) 0%, rgba(46, 213, 115, 0.03) 100%) !important;
    border: 1px solid rgba(46, 213, 115, 0.25) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    text-align: center !important;
}

.pn-analysis-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.pn-analysis-icon {
    font-size: 1.3rem !important;
}

.pn-analysis-label {
    background: rgba(46, 213, 115, 0.2) !important;
    color: #2ed573 !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.pn-analysis-title {
    color: #fff !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Text Utilities */
.pn-text-red {
    color: #f87171 !important;
    font-weight: 700 !important;
}

.pn-text-gold {
    color: #D4A853 !important;
}

.pn-text-blue {
    color: #60a5fa !important;
}

.pn-text-pink {
    color: #f472b6 !important;
}

.pn-text-center {
    text-align: center !important;
}

.pn-text-large {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   BURN-RATE BOX
   ========================================================================== */

.pn-burnrate-box {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(249, 115, 22, 0.08) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 2px solid rgba(239, 68, 68, 0.3) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    position: relative !important;
    overflow: hidden !important;
}

.pn-burnrate-box::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #ef4444, #f97316, #ef4444) !important;
    border-radius: 20px 20px 0 0 !important;
}

.pn-burnrate-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}

.pn-burnrate-icon {
    font-size: 1.5rem !important;
    animation: pn-fire-flicker 1s ease-in-out infinite !important;
}

@keyframes pn-fire-flicker {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.pn-burnrate-title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pn-burnrate-text {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
}

/* Burn-Rate Items */
.pn-burnrate-items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
}

.pn-burnrate-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 25px !important;
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
}

/* Result Box */
.pn-burnrate-result {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    margin-bottom: 20px !important;
}

.pn-result-label {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.9rem !important;
}

.pn-result-amount {
    color: #2ed573 !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
}

.pn-result-amount small {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: rgba(46, 213, 115, 0.7) !important;
    display: block !important;
    margin-top: 2px !important;
}

/* Question at bottom */
.pn-burnrate-question {
    text-align: center !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.pn-burnrate-question p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1rem !important;
    margin-bottom: 8px !important;
}

.pn-burnrate-question p:last-child {
    margin-bottom: 0 !important;
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-intro-section {
        padding: 20px 28px !important;
    }
    
    .pn-intro-avatar {
        width: 100px !important;
        height: 100px !important;
    }
    
    .pn-intro-title {
        font-size: 1.8rem !important;
    }
    
    .pn-burnrate-box {
        padding: 28px !important;
    }
    
    .pn-burnrate-title {
        font-size: 1.3rem !important;
    }
    
    .pn-burnrate-result {
        padding: 20px 24px !important;
    }
    
    .pn-result-amount {
        font-size: 1.6rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-intro-section {
        padding: 24px 36px !important;
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-intro-avatar {
        width: 110px !important;
        height: 110px !important;
    }
    
    .pn-intro-title {
        font-size: 2rem !important;
    }
    
    .pn-burnrate-box {
        padding: 32px !important;
    }
    
    .pn-burnrate-items {
        justify-content: center !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-intro-section {
        padding: 12px !important;
    }
    
    .pn-intro-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 14px !important;
    }
    
    .pn-intro-avatar {
        width: 80px !important;
        height: 80px !important;
    }
    
    .pn-intro-title {
        font-size: 1.3rem !important;
    }
    
    .pn-intro-question {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
    }
    
    .pn-burnrate-box {
        padding: 18px !important;
    }
    
    .pn-burnrate-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
    }
    
    .pn-burnrate-title {
        font-size: 1.1rem !important;
    }
    
    .pn-burnrate-items {
        justify-content: center !important;
    }
    
    .pn-burnrate-item {
        font-size: 0.8rem !important;
        padding: 6px 12px !important;
    }
    
    .pn-burnrate-result {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
    }
    
    .pn-result-amount {
        font-size: 1.3rem !important;
    }
}
</style>



<!-- ===== SZENARIO HEADER ===== -->

<section class="pn-szenario-section">
    
    <div class="pn-szenario-header">
        <span class="pn-szenario-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2694.png" alt="⚔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Der Vergleich</span>
        <h2 class="pn-szenario-title">Das Szenario: Der Sklaven-Job vs. Der Smart-Move</h2>
    </div>
    
    
    <!-- ============================================================
         OPTION A: DER STANDARD-WEG
         ============================================================ -->
    
    <div class="pn-option-box pn-option-a">
        
        <!-- Großes Bild -->
        <div class="pn-option-image">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/nebenjob-kellnern.webp" alt="Kellnern - Der Standard-Weg"/>
            <div class="pn-image-overlay">
                <span class="pn-option-letter">A</span>
            </div>
        </div>
        
        <!-- Header -->
        <div class="pn-option-header">
            <span class="pn-option-badge pn-badge-red"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Option A</span>
            <h3 class="pn-option-title">Der „Standard-Weg&#8220;</h3>
            <span class="pn-option-subtitle">Kellnern, Kasse, Aushilfe</span>
        </div>
        
        <!-- Intro Text -->
        <p class="pn-option-intro">Das ist das, was alle machen. Du verkaufst deine Zeit <strong>billig</strong>.</p>
        
        <!-- Stats Grid -->
        <div class="pn-stats-grid">
            <div class="pn-stat-item">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Stundenlohn</span>
                <span class="pn-stat-value pn-value-red">~13,00 €</span>
                <span class="pn-stat-note">Mindestlohn-Niveau</span>
            </div>
            <div class="pn-stat-item">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Dein Ziel</span>
                <span class="pn-stat-value">1.200 €</span>
                <span class="pn-stat-note">Netto / Monat</span>
            </div>
            <div class="pn-stat-item pn-stat-highlight-bad">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f0.png" alt="⏰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Zeit-Invest</span>
                <span class="pn-stat-value pn-value-red">~92 Std.</span>
                <span class="pn-stat-note">pro Monat</span>
            </div>
        </div>
        
        <!-- Dexter's Urteil -->
        <div class="pn-dexter-urteil pn-urteil-negative">
            <div class="pn-urteil-header">
                <div class="pn-urteil-avatar">
                    <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                </div>
                <span class="pn-urteil-label">Dexter&#8217;s Urteil</span>
            </div>
            <p class="pn-urteil-text">Das sind fast <strong>23 Stunden pro Woche</strong>.</p>
            <div class="pn-urteil-consequences">
                <span class="pn-consequence"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dein Wochenende? <strong>Weg.</strong></span>
                <span class="pn-consequence"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Energie für die Uni? <strong>Weg.</strong></span>
            </div>
            <p class="pn-urteil-conclusion">Das ist kein Nebenjob, das ist ein <span class="pn-text-red">Klotz am Bein</span>.</p>
        </div>
        
    </div>
    
    
    <!-- VS Divider -->
    <div class="pn-vs-divider">
        <span class="pn-vs-text">VS</span>
    </div>
    
    
    <!-- ============================================================
         OPTION B: DER SMART-MOVE
         ============================================================ -->
    
    <div class="pn-option-box pn-option-b">
        
        <!-- Großes Bild -->
        <div class="pn-option-image">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/nebenjob-cammodel.webp" alt="Cam-Model - Der Smart-Move"/>
            <div class="pn-image-overlay pn-overlay-gold">
                <span class="pn-option-letter">B</span>
            </div>
        </div>
        
        <!-- Header -->
        <div class="pn-option-header">
            <span class="pn-option-badge pn-badge-green">✓ Option B</span>
            <h3 class="pn-option-title">Der Hebel</h3>
            <span class="pn-option-subtitle">Cam-Model</span>
        </div>
        
        <!-- Intro Text -->
        <p class="pn-option-intro">Hier nutzen wir den <strong>Hebel des Internets</strong>. Wir rechnen konservativ – keine Fantasie-Zahlen, sondern solider Durchschnitt für Anfänger.</p>
        
        <!-- Stats Grid -->
        <div class="pn-stats-grid">
            <div class="pn-stat-item">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Stundenlohn</span>
                <span class="pn-stat-value pn-value-green">~50,00 €</span>
                <span class="pn-stat-note">Mix aus Chat &#038; Shows</span>
            </div>
            <div class="pn-stat-item">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Dein Ziel</span>
                <span class="pn-stat-value">1.500 €</span>
                <span class="pn-stat-note">Brutto (inkl. Puffer)</span>
            </div>
            <div class="pn-stat-item pn-stat-highlight-good">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f0.png" alt="⏰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Zeit-Invest</span>
                <span class="pn-stat-value pn-value-green">~30 Std.</span>
                <span class="pn-stat-note">pro Monat</span>
            </div>
        </div>
        
        <!-- Dexter's Urteil -->
        <div class="pn-dexter-urteil pn-urteil-positive">
            <div class="pn-urteil-header">
                <div class="pn-urteil-avatar">
                    <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
                </div>
                <span class="pn-urteil-label">Dexter&#8217;s Urteil</span>
            </div>
            <p class="pn-urteil-text">Das sind <strong>7,5 Stunden pro Woche</strong>.</p>
            <div class="pn-urteil-benefits">
                <span class="pn-benefit">✓ Zwei Abende. <strong>Punkt.</strong></span>
                <span class="pn-benefit">✓ Der Rest der Woche gehört <strong>dir</strong>.</span>
            </div>
            <p class="pn-urteil-conclusion">Du kaufst dir mit diesem Job <span class="pn-text-gold">Zeit zum Lernen</span> (oder Leben).</p>
        </div>
        
    </div>
    
</section>


<style>
/* ==========================================================================
   SZENARIO SECTION - RESET & BASE
   ========================================================================== */

.pn-szenario-section,
.pn-szenario-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pn-szenario-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
}

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

.pn-szenario-header {
    text-align: center !important;
    margin-bottom: 28px !important;
}

.pn-szenario-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.2), rgba(212, 168, 83, 0.1)) !important;
    border: 1px solid rgba(212, 168, 83, 0.4) !important;
    color: #D4A853 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
}

.pn-szenario-title {
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.3 !important;
    border: none !important;
}

/* ==========================================================================
   OPTION BOXES
   ========================================================================== */

.pn-option-box {
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

/* Option A - Negative/Red Theme */
.pn-option-a {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(239, 68, 68, 0.02) 100%) !important;
    border: 2px solid rgba(239, 68, 68, 0.3) !important;
}

/* Option B - Positive/Green-Gold Theme */
.pn-option-b {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.08) 0%, rgba(212, 168, 83, 0.05) 100%) !important;
    border: 2px solid rgba(46, 213, 115, 0.3) !important;
}

/* ==========================================================================
   OPTION IMAGE
   ========================================================================== */

.pn-option-image {
    position: relative !important;
    width: 100% !important;
    height: 200px !important;
    overflow: hidden !important;
}

.pn-option-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: brightness(0.7) !important;
    transition: all 0.4s ease !important;
}

.pn-option-box:hover .pn-option-image img {
    filter: brightness(0.8) !important;
    transform: scale(1.03) !important;
}

.pn-image-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.6) 100%) !important;
}

.pn-option-a .pn-image-overlay {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.1) 0%, rgba(0,0,0,0.7) 100%) !important;
}

.pn-option-b .pn-image-overlay {
    background: linear-gradient(180deg, rgba(46, 213, 115, 0.1) 0%, rgba(0,0,0,0.7) 100%) !important;
}

.pn-option-letter {
    font-size: 5rem !important;
    font-weight: 900 !important;
    opacity: 0.15 !important;
    position: absolute !important;
    bottom: 10px !important;
    right: 20px !important;
}

.pn-option-a .pn-option-letter {
    color: #ef4444 !important;
}

.pn-option-b .pn-option-letter {
    color: #2ed573 !important;
}

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

.pn-option-header {
    padding: 20px 24px 0 24px !important;
    text-align: center !important;
}

.pn-option-badge {
    display: inline-block !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
}

.pn-badge-red {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.4) !important;
}

.pn-badge-green {
    background: rgba(46, 213, 115, 0.2) !important;
    color: #2ed573 !important;
    border: 1px solid rgba(46, 213, 115, 0.4) !important;
}

.pn-option-title {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin-bottom: 6px !important;
    border: none !important;
}

.pn-option-subtitle {
    display: block !important;
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 500 !important;
}

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

.pn-option-intro {
    padding: 16px 24px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* ==========================================================================
   STATS GRID
   ========================================================================== */

.pn-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    padding: 0 20px 20px 20px !important;
}

.pn-stat-item {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    padding: 16px 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.pn-stat-icon {
    font-size: 1.3rem !important;
}

.pn-stat-label {
    font-size: 0.7rem !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
}

.pn-stat-value {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #fff !important;
}

.pn-value-red {
    color: #f87171 !important;
}

.pn-value-green {
    color: #2ed573 !important;
}

.pn-stat-note {
    font-size: 0.7rem !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Highlight Stats */
.pn-stat-highlight-bad {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

.pn-stat-highlight-good {
    background: rgba(46, 213, 115, 0.1) !important;
    border-color: rgba(46, 213, 115, 0.3) !important;
}

/* ==========================================================================
   DEXTER'S URTEIL
   ========================================================================== */

.pn-dexter-urteil {
    margin: 0 20px 20px 20px !important;
    border-radius: 16px !important;
    padding: 20px !important;
    position: relative !important;
}

.pn-urteil-negative {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(239, 68, 68, 0.05) 100%) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

.pn-urteil-positive {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.15) 0%, rgba(212, 168, 83, 0.08) 100%) !important;
    border: 1px solid rgba(46, 213, 115, 0.3) !important;
}

.pn-urteil-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.pn-urteil-avatar {
    width: 45px !important;
    height: 45px !important;
    flex-shrink: 0 !important;
}

.pn-urteil-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    filter: drop-shadow(0 4px 10px rgba(46, 213, 115, 0.3)) !important;
}

.pn-urteil-label {
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #2ed573 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.pn-urteil-text {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
}

/* Consequences (Option A) */
.pn-urteil-consequences {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}

.pn-consequence {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    background: rgba(239, 68, 68, 0.1) !important;
    border-radius: 8px !important;
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Benefits (Option B) */
.pn-urteil-benefits {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}

.pn-benefit {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    background: rgba(46, 213, 115, 0.1) !important;
    border-radius: 8px !important;
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

.pn-urteil-conclusion {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    text-align: center !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin: 0 !important;
}

/* Text Colors */
.pn-text-red {
    color: #f87171 !important;
    font-weight: 700 !important;
}

.pn-text-gold {
    color: #D4A853 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   VS DIVIDER
   ========================================================================== */

.pn-vs-divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 24px 0 !important;
    position: relative !important;
}

.pn-vs-divider::before,
.pn-vs-divider::after {
    content: '' !important;
    flex: 1 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(212, 168, 83, 0.4), transparent) !important;
}

.pn-vs-text {
    background: linear-gradient(135deg, #D4A853, #f5d78e) !important;
    color: #1a1a2e !important;
    font-size: 1.2rem !important;
    font-weight: 900 !important;
    padding: 12px 20px !important;
    border-radius: 50% !important;
    margin: 0 16px !important;
    box-shadow: 0 4px 20px rgba(212, 168, 83, 0.4) !important;
    animation: pn-vs-pulse 2s ease-in-out infinite !important;
}

@keyframes pn-vs-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 4px 20px rgba(212, 168, 83, 0.4); }
    50% { transform: scale(1.05); box-shadow: 0 6px 30px rgba(212, 168, 83, 0.6); }
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-szenario-section {
        padding: 20px 28px !important;
    }
    
    .pn-szenario-title {
        font-size: 1.9rem !important;
    }
    
    .pn-option-image {
        height: 250px !important;
    }
    
    .pn-option-title {
        font-size: 1.7rem !important;
    }
    
    .pn-stats-grid {
        gap: 16px !important;
        padding: 0 24px 24px 24px !important;
    }
    
    .pn-stat-value {
        font-size: 1.5rem !important;
    }
    
    .pn-dexter-urteil {
        margin: 0 24px 24px 24px !important;
        padding: 24px !important;
    }
    
    .pn-urteil-consequences,
    .pn-urteil-benefits {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    .pn-consequence,
    .pn-benefit {
        flex: 0 0 auto !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-szenario-section {
        padding: 24px 36px !important;
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-szenario-title {
        font-size: 2.2rem !important;
    }
    
    .pn-option-image {
        height: 300px !important;
    }
    
    .pn-option-title {
        font-size: 1.9rem !important;
    }
    
    .pn-stat-item {
        padding: 20px 16px !important;
    }
    
    .pn-stat-value {
        font-size: 1.7rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-szenario-section {
        padding: 12px !important;
    }
    
    .pn-szenario-title {
        font-size: 1.3rem !important;
    }
    
    .pn-option-image {
        height: 160px !important;
    }
    
    .pn-option-letter {
        font-size: 3.5rem !important;
    }
    
    .pn-option-header {
        padding: 16px 18px 0 18px !important;
    }
    
    .pn-option-title {
        font-size: 1.3rem !important;
    }
    
    .pn-option-intro {
        padding: 14px 18px !important;
        font-size: 0.9rem !important;
    }
    
    .pn-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 0 16px 16px 16px !important;
    }
    
    .pn-stat-item {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 14px 16px !important;
    }
    
    .pn-stat-icon {
        font-size: 1.2rem !important;
    }
    
    .pn-stat-label {
        flex: 1 !important;
        text-align: left !important;
        margin-left: 10px !important;
    }
    
    .pn-stat-value {
        font-size: 1.2rem !important;
    }
    
    .pn-stat-note {
        display: none !important;
    }
    
    .pn-dexter-urteil {
        margin: 0 16px 16px 16px !important;
        padding: 16px !important;
    }
    
    .pn-urteil-avatar {
        width: 40px !important;
        height: 40px !important;
    }
    
    .pn-consequence,
    .pn-benefit {
        font-size: 0.85rem !important;
        padding: 6px 10px !important;
    }
    
    .pn-vs-text {
        font-size: 1rem !important;
        padding: 10px 16px !important;
    }
}
</style>



<!-- ===== VERGLEICHS-CARDS: KELLNERN VS CAM-MODEL ===== -->

<section class="pn-compare-section">
    
    <!-- Header -->
    <div class="pn-compare-header">
        <span class="pn-compare-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ca.png" alt="📊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Der Vergleich</span>
    </div>
    
    <!-- Cards Container -->
    <div class="pn-compare-container">
        
        <!-- Card Headers (nur Desktop sichtbar) -->
        <div class="pn-compare-labels">
            <div class="pn-label-spacer"></div>
            <div class="pn-label-item pn-label-kellnern">
                <span class="pn-label-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f613.png" alt="😓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-label-text">Kellnern</span>
                <span class="pn-label-sub">(Standard)</span>
            </div>
            <div class="pn-label-item pn-label-cam">
                <span class="pn-label-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48e.png" alt="💎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-label-text">Cam-Model</span>
                <span class="pn-label-sub">(Smart)</span>
            </div>
        </div>
        
        <!-- Row 1: Return on Invest -->
        <div class="pn-compare-row">
            <div class="pn-row-label">
                <span class="pn-row-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-row-title">Return on Invest</span>
                <span class="pn-row-subtitle">Stundenlohn</span>
            </div>
            <div class="pn-row-values">
                <div class="pn-value-card pn-value-bad">
                    <span class="pn-mobile-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f613.png" alt="😓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Kellnern</span>
                    <span class="pn-value-main">~13 €</span>
                    <span class="pn-value-indicator"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c9.png" alt="📉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </div>
                <div class="pn-value-card pn-value-good">
                    <span class="pn-mobile-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48e.png" alt="💎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cam-Model</span>
                    <span class="pn-value-main">~30 &#8211; 100 €<sup>+</sup></span>
                    <span class="pn-value-indicator"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </div>
            </div>
        </div>
        
        <!-- Row 2: Zeit-Verlust -->
        <div class="pn-compare-row">
            <div class="pn-row-label">
                <span class="pn-row-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f0.png" alt="⏰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-row-title">Zeit-Verlust</span>
                <span class="pn-row-subtitle">pro Monat</span>
            </div>
            <div class="pn-row-values">
                <div class="pn-value-card pn-value-bad">
                    <span class="pn-mobile-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f613.png" alt="😓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Kellnern</span>
                    <span class="pn-value-main">92 Std.</span>
                    <span class="pn-value-sub">≈ 23 Std./Woche</span>
                </div>
                <div class="pn-value-card pn-value-good">
                    <span class="pn-mobile-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48e.png" alt="💎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cam-Model</span>
                    <span class="pn-value-main">30 Std.</span>
                    <span class="pn-value-sub">≈ 7,5 Std./Woche</span>
                </div>
            </div>
        </div>
        
        <!-- Row 3: Boss-Faktor -->
        <div class="pn-compare-row">
            <div class="pn-row-label">
                <span class="pn-row-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f454.png" alt="👔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-row-title">Boss-Faktor</span>
                <span class="pn-row-subtitle">Wer bestimmt?</span>
            </div>
            <div class="pn-row-values">
                <div class="pn-value-card pn-value-bad">
                    <span class="pn-mobile-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f613.png" alt="😓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Kellnern</span>
                    <span class="pn-value-text">Du hast einen <strong>Chef</strong></span>
                    <span class="pn-value-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f624.png" alt="😤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </div>
                <div class="pn-value-card pn-value-good">
                    <span class="pn-mobile-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48e.png" alt="💎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cam-Model</span>
                    <span class="pn-value-text"><strong>Du</strong> bist der Chef</span>
                    <span class="pn-value-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </div>
            </div>
        </div>
        
        <!-- Row 4: Prüfungsstress -->
        <div class="pn-compare-row">
            <div class="pn-row-label">
                <span class="pn-row-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-row-title">Prüfungsstress</span>
                <span class="pn-row-subtitle">Flexibilität</span>
            </div>
            <div class="pn-row-values">
                <div class="pn-value-card pn-value-bad">
                    <span class="pn-mobile-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f613.png" alt="😓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Kellnern</span>
                    <span class="pn-value-quote">&#8222;Du musst aber kommen!&#8220;</span>
                    <span class="pn-value-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f630.png" alt="😰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </div>
                <div class="pn-value-card pn-value-good">
                    <span class="pn-mobile-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48e.png" alt="💎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cam-Model</span>
                    <span class="pn-value-text">Einfach <strong>offline</strong> bleiben</span>
                    <span class="pn-value-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60c.png" alt="😌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </div>
            </div>
        </div>
        
    </div>
    
    <!-- Bottom Summary -->
    <div class="pn-compare-summary">
        <div class="pn-summary-item pn-summary-bad">
            <span class="pn-summary-verdict"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Ineffizient</span>
            <span class="pn-summary-text">Viel Zeit, wenig Geld</span>
        </div>
        <div class="pn-summary-vs"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="pn-summary-item pn-summary-good">
            <span class="pn-summary-verdict">✓ Smart</span>
            <span class="pn-summary-text">Wenig Zeit, gutes Geld</span>
        </div>
    </div>
    
</section>


<style>
/* ==========================================================================
   COMPARE SECTION - RESET & BASE
   ========================================================================== */

.pn-compare-section,
.pn-compare-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pn-compare-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
}

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

.pn-compare-header {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.pn-compare-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.2), rgba(212, 168, 83, 0.1)) !important;
    border: 1px solid rgba(212, 168, 83, 0.4) !important;
    color: #D4A853 !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    padding: 8px 20px !important;
    border-radius: 25px !important;
    letter-spacing: 0.5px !important;
}

/* ==========================================================================
   CONTAINER
   ========================================================================== */

.pn-compare-container {
    background: rgba(255, 255, 255, 0.02) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 20px !important;
    overflow: hidden !important;
}

/* ==========================================================================
   COLUMN LABELS (Desktop only)
   ========================================================================== */

.pn-compare-labels {
    display: none !important;
}

/* ==========================================================================
   COMPARE ROW
   ========================================================================== */

.pn-compare-row {
    margin-bottom: 16px !important;
}

.pn-compare-row:last-child {
    margin-bottom: 0 !important;
}

/* Row Label */
.pn-row-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.1), rgba(212, 168, 83, 0.03)) !important;
    border: 1px solid rgba(212, 168, 83, 0.2) !important;
    border-radius: 12px 12px 0 0 !important;
}

.pn-row-icon {
    font-size: 1.3rem !important;
}

.pn-row-title {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.pn-row-subtitle {
    font-size: 0.75rem !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin-left: auto !important;
}

/* Row Values Container */
.pn-row-values {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 12px !important;
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
}

/* ==========================================================================
   VALUE CARDS
   ========================================================================== */

.pn-value-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    border-radius: 10px !important;
    position: relative !important;
}

/* Bad Value (Kellnern) */
.pn-value-bad {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.05)) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

/* Good Value (Cam-Model) */
.pn-value-good {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.15), rgba(46, 213, 115, 0.05)) !important;
    border: 1px solid rgba(46, 213, 115, 0.3) !important;
}

/* Mobile Label */
.pn-mobile-label {
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
}

.pn-value-bad .pn-mobile-label {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
}

.pn-value-good .pn-mobile-label {
    background: rgba(46, 213, 115, 0.2) !important;
    color: #2ed573 !important;
}

/* Value Main (Numbers) */
.pn-value-main {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    flex: 1 !important;
    text-align: center !important;
}

.pn-value-bad .pn-value-main {
    color: #f87171 !important;
}

.pn-value-good .pn-value-main {
    color: #2ed573 !important;
}

.pn-value-main sup {
    font-size: 0.7rem !important;
}

/* Value Sub (Additional info) */
.pn-value-sub {
    font-size: 0.7rem !important;
    color: rgba(255, 255, 255, 0.5) !important;
    position: absolute !important;
    bottom: 4px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Value Text */
.pn-value-text {
    font-size: 0.95rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    flex: 1 !important;
    text-align: center !important;
}

.pn-value-bad .pn-value-text strong {
    color: #f87171 !important;
}

.pn-value-good .pn-value-text strong {
    color: #2ed573 !important;
}

/* Value Quote */
.pn-value-quote {
    font-size: 0.9rem !important;
    font-style: italic !important;
    color: rgba(255, 255, 255, 0.8) !important;
    flex: 1 !important;
    text-align: center !important;
}

.pn-value-bad .pn-value-quote {
    color: #fca5a5 !important;
}

/* Value Indicator/Emoji */
.pn-value-indicator,
.pn-value-emoji {
    font-size: 1.2rem !important;
    flex-shrink: 0 !important;
}

/* ==========================================================================
   BOTTOM SUMMARY
   ========================================================================== */

.pn-compare-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    margin-top: 20px !important;
    padding: 16px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pn-summary-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 1 !important;
}

.pn-summary-verdict {
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    padding: 4px 12px !important;
    border-radius: 15px !important;
}

.pn-summary-bad .pn-summary-verdict {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
}

.pn-summary-good .pn-summary-verdict {
    background: rgba(46, 213, 115, 0.2) !important;
    color: #2ed573 !important;
}

.pn-summary-text {
    font-size: 0.75rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-align: center !important;
}

.pn-summary-vs {
    font-size: 1.5rem !important;
    animation: pn-vs-flash 1.5s ease-in-out infinite !important;
}

@keyframes pn-vs-flash {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-compare-section {
        padding: 20px 28px !important;
    }
    
    .pn-compare-container {
        padding: 24px !important;
    }
    
    /* Show column labels */
    .pn-compare-labels {
        display: flex !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
        padding-bottom: 16px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .pn-label-spacer {
        flex: 1 !important;
    }
    
    .pn-label-item {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 12px !important;
        border-radius: 12px !important;
    }
    
    .pn-label-kellnern {
        background: rgba(239, 68, 68, 0.1) !important;
        border: 1px solid rgba(239, 68, 68, 0.3) !important;
    }
    
    .pn-label-cam {
        background: rgba(46, 213, 115, 0.1) !important;
        border: 1px solid rgba(46, 213, 115, 0.3) !important;
    }
    
    .pn-label-icon {
        font-size: 1.5rem !important;
    }
    
    .pn-label-text {
        font-size: 1rem !important;
        font-weight: 700 !important;
        color: #fff !important;
    }
    
    .pn-label-sub {
        font-size: 0.75rem !important;
        color: rgba(255, 255, 255, 0.5) !important;
    }
    
    /* Row Layout */
    .pn-compare-row {
        display: flex !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin-bottom: 12px !important;
    }
    
    .pn-row-label {
        flex: 1 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        border-radius: 12px !important;
        padding: 16px !important;
    }
    
    .pn-row-subtitle {
        margin-left: 0 !important;
        margin-top: 4px !important;
    }
    
    .pn-row-values {
        flex: 2 !important;
        flex-direction: row !important;
        border-radius: 12px !important;
        border: 1px solid rgba(255, 255, 255, 0.05) !important;
        padding: 8px !important;
    }
    
    .pn-value-card {
        flex: 1 !important;
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
        padding: 16px 12px !important;
    }
    
    /* Hide mobile labels on desktop */
    .pn-mobile-label {
        display: none !important;
    }
    
    .pn-value-main {
        font-size: 1.5rem !important;
    }
    
    .pn-value-sub {
        position: static !important;
        transform: none !important;
    }
    
    .pn-value-text,
    .pn-value-quote {
        font-size: 1rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-compare-section {
        padding: 24px 36px !important;
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-compare-container {
        padding: 28px !important;
    }
    
    .pn-label-text {
        font-size: 1.1rem !important;
    }
    
    .pn-row-label {
        padding: 20px !important;
    }
    
    .pn-row-title {
        font-size: 1.05rem !important;
    }
    
    .pn-value-main {
        font-size: 1.7rem !important;
    }
    
    .pn-value-card {
        padding: 20px 16px !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-compare-section {
        padding: 12px !important;
    }
    
    .pn-compare-badge {
        font-size: 0.8rem !important;
        padding: 6px 16px !important;
    }
    
    .pn-compare-container {
        padding: 14px !important;
        border-radius: 16px !important;
    }
    
    .pn-row-label {
        padding: 10px 14px !important;
    }
    
    .pn-row-icon {
        font-size: 1.1rem !important;
    }
    
    .pn-row-title {
        font-size: 0.85rem !important;
    }
    
    .pn-row-values {
        padding: 10px !important;
        gap: 6px !important;
    }
    
    .pn-value-card {
        padding: 12px 14px !important;
    }
    
    .pn-value-main {
        font-size: 1.1rem !important;
    }
    
    .pn-value-text,
    .pn-value-quote {
        font-size: 0.85rem !important;
    }
    
    .pn-compare-summary {
        flex-direction: column !important;
        gap: 12px !important;
        padding: 14px !important;
    }
    
    .pn-summary-vs {
        transform: rotate(90deg) !important;
    }
}
</style>



<!-- ===== WICHTIG: DU HAST DIE VOLLE KONTROLLE ===== -->

<section class="pn-kontrolle-section">
    
    <div class="pn-kontrolle-header">
        <span class="pn-kontrolle-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-kontrolle-title">Wichtig: Du hast die volle Kontrolle</span>
    </div>
    
    <div class="pn-kontrolle-content">
        <p><strong>Camming bedeutet Selbstständigkeit.</strong> Das heißt: Du bist der Boss. Niemand drängt dich zu etwas.</p>
        
        <p>Du definierst deine Grenzen <strong>vorher</strong> – und diese werden respektiert. Das hier ist kein „Muss&#8220;, sondern eine <span class="pn-highlight">Chance</span>, die du zu <strong>deinen Bedingungen</strong> nutzt.</p>
    </div>
    
    <div class="pn-kontrolle-checkpoints">
        <div class="pn-checkpoint">
            <span class="pn-checkpoint-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-checkpoint-text">
                <span class="pn-checkpoint-label">Du entscheidest:</span>
                <span class="pn-checkpoint-value">Wann und wie oft arbeite ich?</span>
            </div>
        </div>
        <div class="pn-checkpoint">
            <span class="pn-checkpoint-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-checkpoint-text">
                <span class="pn-checkpoint-label">Du entscheidest:</span>
                <span class="pn-checkpoint-value">Was zeige ich? (Gesicht, Maske oder ohne?)</span>
            </div>
        </div>
        <div class="pn-checkpoint">
            <span class="pn-checkpoint-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-checkpoint-text">
                <span class="pn-checkpoint-label">Du entscheidest:</span>
                <span class="pn-checkpoint-value">Wie weit gehe ich im Chat?</span>
            </div>
        </div>
    </div>
    
</section>


<style>
/* ==========================================================================
   KONTROLLE SECTION - RESET & BASE
   ========================================================================== */

.pn-kontrolle-section,
.pn-kontrolle-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pn-kontrolle-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 20px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(212, 168, 83, 0.05) 100%) !important;
    border: 2px solid rgba(251, 191, 36, 0.35) !important;
    border-radius: 18px !important;
    position: relative !important;
    overflow: hidden !important;
}

.pn-kontrolle-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #fbbf24, #D4A853, #fbbf24) !important;
    border-radius: 18px 18px 0 0 !important;
}

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

.pn-kontrolle-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(251, 191, 36, 0.2) !important;
}

.pn-kontrolle-icon {
    font-size: 1.6rem !important;
}

.pn-kontrolle-title {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: #fbbf24 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
}

/* ==========================================================================
   CONTENT
   ========================================================================== */

.pn-kontrolle-content {
    margin-bottom: 18px !important;
}

.pn-kontrolle-content p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    margin-bottom: 10px !important;
}

.pn-kontrolle-content p:last-child {
    margin-bottom: 0 !important;
}

.pn-highlight {
    color: #2ed573 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   CHECKPOINTS
   ========================================================================== */

.pn-kontrolle-checkpoints {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.pn-checkpoint {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    background: rgba(46, 213, 115, 0.08) !important;
    border: 1px solid rgba(46, 213, 115, 0.2) !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
}

.pn-checkpoint:hover {
    background: rgba(46, 213, 115, 0.12) !important;
    border-color: rgba(46, 213, 115, 0.3) !important;
}

.pn-checkpoint-icon {
    font-size: 1.2rem !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.pn-checkpoint-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.pn-checkpoint-label {
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    color: #2ed573 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.pn-checkpoint-value {
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-kontrolle-section {
        padding: 24px !important;
    }
    
    .pn-kontrolle-icon {
        font-size: 1.8rem !important;
    }
    
    .pn-kontrolle-title {
        font-size: 1.2rem !important;
    }
    
    .pn-kontrolle-content p {
        font-size: 1rem !important;
    }
    
    .pn-checkpoint {
        padding: 16px 18px !important;
    }
    
    .pn-checkpoint-value {
        font-size: 0.95rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-kontrolle-section {
        padding: 28px !important;
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-kontrolle-title {
        font-size: 1.25rem !important;
    }
    
    .pn-kontrolle-checkpoints {
        flex-direction: row !important;
        gap: 14px !important;
    }
    
    .pn-checkpoint {
        flex: 1 !important;
        flex-direction: column !important;
        text-align: center !important;
        padding: 18px 16px !important;
    }
    
    .pn-checkpoint-icon {
        margin-top: 0 !important;
        font-size: 1.4rem !important;
    }
    
    .pn-checkpoint-text {
        align-items: center !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-kontrolle-section {
        padding: 16px !important;
        border-radius: 14px !important;
    }
    
    .pn-kontrolle-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
    }
    
    .pn-kontrolle-icon {
        font-size: 1.5rem !important;
    }
    
    .pn-kontrolle-title {
        font-size: 1rem !important;
    }
    
    .pn-kontrolle-content p {
        font-size: 0.9rem !important;
    }
    
    .pn-checkpoint {
        padding: 12px 14px !important;
    }
    
    .pn-checkpoint-value {
        font-size: 0.85rem !important;
    }
}
</style>



<!-- ===== DEXTERS PLATTFORM-EMPFEHLUNGEN ===== -->

<section class="pn-empfehlung-section">
    
    <!-- Header -->
    <div class="pn-empfehlung-header">
        <div class="pn-empfehlung-avatar">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
        </div>
        <div class="pn-empfehlung-titles">
            <span class="pn-empfehlung-label">Meine Empfehlung</span>
            <h3 class="pn-empfehlung-title">Wo du startest (Die Plattformen)</h3>
        </div>
    </div>
    
    <!-- Intro Text -->
    <p class="pn-empfehlung-intro">Ich werde oft gefragt: <em>„Dexter, wo ist der Traffic? Wo ist das Geld?&#8220;</em> Im deutschsprachigen Raum gibt es <strong>zwei Player</strong>, die technisch und zahlungsmäßig liefern. Vergiss den Rest für den Anfang.</p>
    
    <!-- Plattform 1: MDH -->
    <div class="pn-plattform-box pn-plattform-mdh">
        <div class="pn-plattform-header">
            <span class="pn-plattform-nummer">1</span>
            <div class="pn-plattform-title-wrap">
                <span class="pn-plattform-type">Der Volumen-Player</span>
                <h4 class="pn-plattform-name">MyDirtyHobby (MDH)</h4>
            </div>
        </div>
        
        <p class="pn-plattform-desc">Hier ist Masse. Hier ist der deutsche Durchschnitts-User.</p>
        
        <div class="pn-plattform-punkt">
            <span class="pn-punkt-label">Warum hier?</span>
            <p>Perfekt für den „Girl Next Door&#8220;-Vibe. Du musst kein Pornostar sein. <strong>Studentinnen laufen hier extrem gut.</strong></p>
        </div>
        
        <div class="pn-plattform-tipp">
            <span class="pn-tipp-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-tipp-content">
                <span class="pn-tipp-label">Dexter&#8217;s Tipp:</span>
                <p>Die Hürde ist hier extrem niedrig. <a href="https://www.mydirtyhobby.de/register/amateur?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6NDY1LCJlIjo4NDk3LCJwIjozMjF9" class="pn-textlink pn-link-mdh" target="_blank" rel="noopener">Erstell dir ein kostenloses Profil und check den Backstage-Bereich</a>. Du musst nicht sofort online gehen – schau dir erst an, wie der Laden läuft.</p>
            </div>
        </div>
    </div>
    
    <!-- Plattform 2: Visit-X -->
    <div class="pn-plattform-box pn-plattform-visitx">
        <div class="pn-plattform-header">
            <span class="pn-plattform-nummer">2</span>
            <div class="pn-plattform-title-wrap">
                <span class="pn-plattform-type">Die Premium-Liga</span>
                <h4 class="pn-plattform-name">Visit-X</h4>
            </div>
        </div>
        
        <p class="pn-plattform-desc">Wenn du eher High-Class auftreten willst.</p>
        
        <div class="pn-plattform-punkt">
            <span class="pn-punkt-label">Warum hier?</span>
            <p>Die Kunden zahlen besser. Die Technik ist sauberer.</p>
        </div>
        
        <div class="pn-plattform-tipp">
            <span class="pn-tipp-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-tipp-content">
                <span class="pn-tipp-label">Dexter&#8217;s Tipp:</span>
                <p>Wenn du gut kommunizieren kannst, baust du dir hier schnell <strong>Stammkunden</strong> auf, die dir das Studium finanzieren. <a href="https://vxcsh.com/39/20808/2511003" class="pn-textlink pn-link-visitx" target="_blank" rel="noopener">Hier geht&#8217;s zur Anmeldung bei Visit-X</a> – schau dir das Dashboard an, das ist Profi-Liga.</p>
            </div>
        </div>
    </div>
    
</section>


<style>
/* ==========================================================================
   EMPFEHLUNG SECTION - RESET & BASE
   ========================================================================== */

.pn-empfehlung-section,
.pn-empfehlung-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pn-empfehlung-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
}

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

.pn-empfehlung-header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

.pn-empfehlung-avatar {
    width: 55px !important;
    height: 55px !important;
    flex-shrink: 0 !important;
}

.pn-empfehlung-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    filter: drop-shadow(0 4px 12px rgba(46, 213, 115, 0.3)) !important;
}

.pn-empfehlung-titles {
    flex: 1 !important;
}

.pn-empfehlung-label {
    display: inline-block !important;
    color: #2ed573 !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
}

.pn-empfehlung-title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    border: none !important;
    line-height: 1.3 !important;
}

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

.pn-empfehlung-intro {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    margin-bottom: 20px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pn-empfehlung-intro em {
    color: #D4A853 !important;
    font-style: italic !important;
}

/* ==========================================================================
   PLATTFORM BOXES
   ========================================================================== */

.pn-plattform-box {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    padding: 18px !important;
    margin-bottom: 14px !important;
}

.pn-plattform-box:last-child {
    margin-bottom: 0 !important;
}

/* Subtle left border accent */
.pn-plattform-mdh {
    border-left: 3px solid rgba(220, 38, 38, 0.5) !important;
}

.pn-plattform-visitx {
    border-left: 3px solid rgba(37, 99, 235, 0.5) !important;
}

/* Plattform Header */
.pn-plattform-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.pn-plattform-nummer {
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}

.pn-plattform-mdh .pn-plattform-nummer {
    background: rgba(220, 38, 38, 0.2) !important;
    color: #f87171 !important;
}

.pn-plattform-visitx .pn-plattform-nummer {
    background: rgba(37, 99, 235, 0.2) !important;
    color: #60a5fa !important;
}

.pn-plattform-title-wrap {
    flex: 1 !important;
}

.pn-plattform-type {
    display: block !important;
    font-size: 0.7rem !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
}

.pn-plattform-name {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pn-plattform-mdh .pn-plattform-name {
    color: #f87171 !important;
}

.pn-plattform-visitx .pn-plattform-name {
    color: #60a5fa !important;
}

/* Plattform Description */
.pn-plattform-desc {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-bottom: 14px !important;
    font-style: italic !important;
}

/* Punkt (Warum hier?) */
.pn-plattform-punkt {
    margin-bottom: 14px !important;
}

.pn-punkt-label {
    display: inline-block !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #D4A853 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 4px !important;
}

.pn-plattform-punkt p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
}

/* Tipp Box */
.pn-plattform-tipp {
    display: flex !important;
    gap: 10px !important;
    background: rgba(46, 213, 115, 0.05) !important;
    border: 1px solid rgba(46, 213, 115, 0.15) !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
}

.pn-tipp-icon {
    font-size: 1rem !important;
    flex-shrink: 0 !important;
}

.pn-tipp-content {
    flex: 1 !important;
}

.pn-tipp-label {
    display: block !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    color: #2ed573 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 4px !important;
}

.pn-plattform-tipp p {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
}

/* ==========================================================================
   TEXT LINKS (dezent)
   ========================================================================== */

.pn-textlink {
    color: inherit !important;
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
    text-underline-offset: 3px !important;
    transition: all 0.2s ease !important;
    font-weight: 600 !important;
}

.pn-link-mdh {
    color: #f87171 !important;
    text-decoration-color: rgba(248, 113, 113, 0.4) !important;
}

.pn-link-mdh:hover {
    color: #fca5a5 !important;
    text-decoration-color: #fca5a5 !important;
    text-decoration-style: solid !important;
}

.pn-link-visitx {
    color: #60a5fa !important;
    text-decoration-color: rgba(96, 165, 250, 0.4) !important;
}

.pn-link-visitx:hover {
    color: #93c5fd !important;
    text-decoration-color: #93c5fd !important;
    text-decoration-style: solid !important;
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-empfehlung-section {
        padding: 20px 28px !important;
    }
    
    .pn-empfehlung-avatar {
        width: 60px !important;
        height: 60px !important;
    }
    
    .pn-empfehlung-title {
        font-size: 1.35rem !important;
    }
    
    .pn-plattform-box {
        padding: 22px !important;
    }
    
    .pn-plattform-name {
        font-size: 1.15rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-empfehlung-section {
        padding: 24px 36px !important;
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-empfehlung-title {
        font-size: 1.5rem !important;
    }
    
    .pn-plattform-box {
        padding: 24px !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-empfehlung-section {
        padding: 12px !important;
    }
    
    .pn-empfehlung-avatar {
        width: 45px !important;
        height: 45px !important;
    }
    
    .pn-empfehlung-title {
        font-size: 1.1rem !important;
    }
    
    .pn-plattform-box {
        padding: 14px !important;
    }
    
    .pn-plattform-tipp {
        flex-direction: column !important;
        gap: 6px !important;
    }
}
</style>



<!-- ===== GEO-BLOCKING: DER ANGST-FAKTOR ===== -->

<section class="pn-geoblocking-section">
    
    <!-- Header mit Angst-Icon -->
    <div class="pn-geo-header">
        <span class="pn-geo-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div class="pn-geo-titles">
            <span class="pn-geo-label">Der „Angst-Faktor&#8220;</span>
            <h3 class="pn-geo-title">Geo-Blocking</h3>
        </div>
    </div>
    
    <!-- Die Frage -->
    <div class="pn-geo-question">
        <span class="pn-question-mark"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <p><em>„Aber was, wenn mich einer aus der Uni sieht?&#8220;</em></p>
    </div>
    
    <!-- Die Antwort -->
    <div class="pn-geo-answer">
        <p>Berechtigte Frage. Die Antwort ist <strong>Technologie</strong>.</p>
    </div>
    
    <!-- Erklärung -->
    <div class="pn-geo-explanation">
        <p>Sowohl <span class="pn-text-mdh">MDH</span> als auch <span class="pn-text-visitx">Visit-X</span> bieten <strong>Geo-Blocking</strong>.</p>
        
        <p>Du sperrst nicht ganz Deutschland <span class="pn-text-muted">(das kostet dich Umsatz)</span>, sondern du sperrst <strong>deine PLZ-Region</strong>.</p>
    </div>
    
    <!-- Beispiel -->
    <div class="pn-geo-example">
        <span class="pn-example-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div class="pn-example-content">
            <p>Studierst du in <strong>München</strong>?</p>
            <p>Dann blockst du München. Wer dort sitzt, sieht dein Profil <strong>nicht</strong>.</p>
        </div>
    </div>
    
    <!-- Fazit -->
    <div class="pn-geo-fazit">
        <span class="pn-fazit-check">✓</span>
        <p><strong>Risiko minimiert, Business gesichert.</strong></p>
    </div>
    
</section>


<style>
/* ==========================================================================
   GEO-BLOCKING SECTION - RESET & BASE
   ========================================================================== */

.pn-geoblocking-section,
.pn-geoblocking-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pn-geoblocking-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(139, 92, 246, 0.02) 100%) !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
    border-radius: 18px !important;
    position: relative !important;
}

.pn-geoblocking-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #8b5cf6, #a78bfa, #8b5cf6) !important;
    border-radius: 18px 18px 0 0 !important;
}

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

.pn-geo-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
}

.pn-geo-icon {
    font-size: 2rem !important;
    filter: drop-shadow(0 4px 8px rgba(139, 92, 246, 0.3)) !important;
}

.pn-geo-titles {
    flex: 1 !important;
}

.pn-geo-label {
    display: block !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    color: #a78bfa !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
}

.pn-geo-title {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    border: none !important;
    line-height: 1.2 !important;
}

/* ==========================================================================
   QUESTION
   ========================================================================== */

.pn-geo-question {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    margin-bottom: 14px !important;
}

.pn-question-mark {
    font-size: 1.2rem !important;
    flex-shrink: 0 !important;
}

.pn-geo-question p {
    color: #fca5a5 !important;
    font-size: 0.95rem !important;
    font-style: italic !important;
}

/* ==========================================================================
   ANSWER
   ========================================================================== */

.pn-geo-answer {
    margin-bottom: 14px !important;
}

.pn-geo-answer p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

/* ==========================================================================
   EXPLANATION
   ========================================================================== */

.pn-geo-explanation {
    margin-bottom: 16px !important;
}

.pn-geo-explanation p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.9rem !important;
    line-height: 1.7 !important;
    margin-bottom: 8px !important;
}

.pn-geo-explanation p:last-child {
    margin-bottom: 0 !important;
}

.pn-text-mdh {
    color: #f87171 !important;
    font-weight: 600 !important;
}

.pn-text-visitx {
    color: #60a5fa !important;
    font-weight: 600 !important;
}

.pn-text-muted {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.85rem !important;
}

/* ==========================================================================
   EXAMPLE
   ========================================================================== */

.pn-geo-example {
    display: flex !important;
    gap: 12px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 3px solid #a78bfa !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
}

.pn-example-icon {
    font-size: 1.3rem !important;
    flex-shrink: 0 !important;
}

.pn-example-content p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
}

.pn-example-content p:last-child {
    margin-bottom: 0 !important;
}

/* ==========================================================================
   FAZIT
   ========================================================================== */

.pn-geo-fazit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.15), rgba(46, 213, 115, 0.05)) !important;
    border: 1px solid rgba(46, 213, 115, 0.3) !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
}

.pn-fazit-check {
    font-size: 1.2rem !important;
    color: #2ed573 !important;
    font-weight: 700 !important;
}

.pn-geo-fazit p {
    color: #2ed573 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-geoblocking-section {
        padding: 22px !important;
    }
    
    .pn-geo-title {
        font-size: 1.4rem !important;
    }
    
    .pn-geo-icon {
        font-size: 2.2rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-geoblocking-section {
        padding: 26px !important;
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-geo-title {
        font-size: 1.5rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-geoblocking-section {
        padding: 14px !important;
        border-radius: 14px !important;
    }
    
    .pn-geo-icon {
        font-size: 1.7rem !important;
    }
    
    .pn-geo-title {
        font-size: 1.15rem !important;
    }
    
    .pn-geo-question {
        flex-direction: column !important;
        text-align: center !important;
        gap: 6px !important;
    }
    
    .pn-geo-example {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
    }
}
</style>



<!-- ===== DEXTER'S FAZIT: SEI KEIN DURCHSCHNITT ===== -->

<section class="pn-fazit-section">
    
    <!-- Header -->
    <div class="pn-fazit-header">
        <div class="pn-fazit-avatar">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
            <span class="pn-fazit-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        <div class="pn-fazit-titles">
            <span class="pn-fazit-label">Dexter&#8217;s Fazit</span>
            <h3 class="pn-fazit-title">Sei kein Durchschnitt</h3>
        </div>
    </div>
    
    <!-- Main Message -->
    <div class="pn-fazit-message">
        <p class="pn-message-intro">Das hier ist <strong>Business</strong>. Du musst dich entscheiden:</p>
        
        <div class="pn-choice-comparison">
            <div class="pn-choice pn-choice-bad">
                <span class="pn-choice-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f613.png" alt="😓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>Willst du <strong>90 Stunden</strong> im Monat Teller tragen und gestresst in die Prüfung gehen?</p>
            </div>
            <span class="pn-choice-or">oder</span>
            <div class="pn-choice pn-choice-good">
                <span class="pn-choice-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60e.png" alt="😎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>Willst du <strong>30 Stunden</strong> im Monat chatten, finanziell frei sein und dich auf deinen Abschluss konzentrieren?</p>
            </div>
        </div>
        
        <p class="pn-message-conclusion">Du bist smart genug für die Uni. <strong>Sei auch smart genug bei deinen Finanzen.</strong></p>
    </div>
    
    <!-- Action Plan -->
    <div class="pn-action-plan">
        <div class="pn-action-header">
            <span class="pn-action-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-action-label">Dexter&#8217;s Action-Plan für heute:</span>
        </div>
        
        <div class="pn-action-content">
            <p><strong>Überdenke es nicht. Teste es.</strong></p>
            <p>Melde dich an, das kostet dich <span class="pn-text-green">0 Euro</span>. Schau dir die Interfaces an. Wenn es nichts für dich ist, löschst du den Account.</p>
            <p class="pn-action-punchline">Aber wenn du nicht klickst, wirst du <strong>weiter Teller tragen</strong>.</p>
        </div>
    </div>
    
    <!-- CTA Buttons -->
    <div class="pn-fazit-ctas">
        <span class="pn-cta-pointer"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div class="pn-cta-buttons">
            <a href="https://www.mydirtyhobby.de/register/amateur?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6NDY1LCJlIjo4NDk3LCJwIjozMjF9" class="pn-btn pn-btn-mdh" target="_blank" rel="noopener">
                <span class="pn-btn-content">
                    <span class="pn-btn-text">Option A: MyDirtyHobby ansehen</span>
                    <span class="pn-btn-sub">Kostenlos registrieren</span>
                </span>
            </a>
            <a href="https://vxcsh.com/39/20808/2511003" class="pn-btn pn-btn-visitx" target="_blank" rel="noopener">
                <span class="pn-btn-content">
                    <span class="pn-btn-text">Option B: Visit-X ansehen</span>
                    <span class="pn-btn-sub">Kostenlos registrieren</span>
                </span>
            </a>
        </div>
    </div>
    
</section>


<style>
/* ==========================================================================
   FAZIT SECTION - RESET & BASE
   ========================================================================== */

.pn-fazit-section,
.pn-fazit-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pn-fazit-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    padding: 20px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.1) 0%, rgba(46, 213, 115, 0.05) 50%, rgba(212, 168, 83, 0.1) 100%) !important;
    border: 2px solid rgba(212, 168, 83, 0.3) !important;
    border-radius: 24px !important;
    position: relative !important;
    overflow: hidden !important;
}

.pn-fazit-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #D4A853, #2ed573, #D4A853) !important;
    border-radius: 24px 24px 0 0 !important;
}

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

.pn-fazit-header {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(212, 168, 83, 0.2) !important;
}

.pn-fazit-avatar {
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    flex-shrink: 0 !important;
}

.pn-fazit-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 18px !important;
    filter: drop-shadow(0 8px 20px rgba(46, 213, 115, 0.4)) !important;
    animation: pn-dexter-nod 3s ease-in-out infinite !important;
}

@keyframes pn-dexter-nod {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-4px) rotate(2deg); }
}

.pn-fazit-badge {
    position: absolute !important;
    bottom: -5px !important;
    right: -5px !important;
    width: 28px !important;
    height: 28px !important;
    background: linear-gradient(135deg, #2ed573, #7bed9f) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.9rem !important;
    box-shadow: 0 3px 12px rgba(46, 213, 115, 0.5) !important;
}

.pn-fazit-titles {
    flex: 1 !important;
}

.pn-fazit-label {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.25), rgba(212, 168, 83, 0.1)) !important;
    border: 1px solid rgba(212, 168, 83, 0.4) !important;
    color: #D4A853 !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
}

.pn-fazit-title {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    border: none !important;
    line-height: 1.2 !important;
}

/* ==========================================================================
   MAIN MESSAGE
   ========================================================================== */

.pn-fazit-message {
    margin-bottom: 24px !important;
}

.pn-message-intro {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.05rem !important;
    text-align: center !important;
    margin-bottom: 18px !important;
}

/* Choice Comparison */
.pn-choice-comparison {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

.pn-choice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
}

.pn-choice-bad {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(239, 68, 68, 0.04)) !important;
    border: 1px solid rgba(239, 68, 68, 0.25) !important;
}

.pn-choice-good {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.12), rgba(46, 213, 115, 0.04)) !important;
    border: 1px solid rgba(46, 213, 115, 0.25) !important;
}

.pn-choice-icon {
    font-size: 1.4rem !important;
    flex-shrink: 0 !important;
}

.pn-choice p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
}

.pn-choice-bad strong {
    color: #f87171 !important;
}

.pn-choice-good strong {
    color: #2ed573 !important;
}

.pn-choice-or {
    display: block !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Message Conclusion */
.pn-message-conclusion {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1rem !important;
    text-align: center !important;
    padding: 14px 18px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
}

.pn-message-conclusion strong {
    color: #D4A853 !important;
}

/* ==========================================================================
   ACTION PLAN
   ========================================================================== */

.pn-action-plan {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.1), rgba(46, 213, 115, 0.03)) !important;
    border: 1px solid rgba(46, 213, 115, 0.25) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
}

.pn-action-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.pn-action-icon {
    font-size: 1.4rem !important;
    animation: pn-rocket-shake 1.5s ease-in-out infinite !important;
}

@keyframes pn-rocket-shake {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    75% { transform: rotate(5deg); }
}

.pn-action-label {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #2ed573 !important;
}

.pn-action-content p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
}

.pn-action-content p:last-child {
    margin-bottom: 0 !important;
}

.pn-text-green {
    color: #2ed573 !important;
    font-weight: 700 !important;
}

.pn-action-punchline {
    color: rgba(255, 255, 255, 0.9) !important;
    font-style: italic !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(46, 213, 115, 0.15) !important;
    margin-top: 10px !important;
}

.pn-action-punchline strong {
    color: #f87171 !important;
}

/* ==========================================================================
   CTA BUTTONS
   ========================================================================== */

.pn-fazit-ctas {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
}

.pn-cta-pointer {
    font-size: 1.5rem !important;
    flex-shrink: 0 !important;
    margin-top: 15px !important;
    animation: pn-point-bounce 1s ease-in-out infinite !important;
}

@keyframes pn-point-bounce {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(5px); }
}

.pn-cta-buttons {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* ==========================================================================
   BUTTON STYLES
   ========================================================================== */

.pn-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 18px 24px !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    border: 3px solid !important;
}

.pn-btn-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    position: relative !important;
    z-index: 2 !important;
}

.pn-btn-text {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.pn-btn-sub {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* MDH Button */
.pn-btn-mdh {
    background: #dc2626 !important;
    background-image: linear-gradient(180deg, #f87171 0%, #ef4444 30%, #dc2626 60%, #b91c1c 100%) !important;
    border-color: #f87171 !important;
    box-shadow: 
        0 6px 20px rgba(220, 38, 38, 0.4),
        inset 0 2px 0 rgba(255, 255, 255, 0.2),
        inset 0 -3px 0 rgba(0, 0, 0, 0.2) !important;
}

.pn-btn-mdh:hover {
    background: #ef4444 !important;
    background-image: linear-gradient(180deg, #fca5a5 0%, #f87171 30%, #ef4444 60%, #dc2626 100%) !important;
    border-color: #fca5a5 !important;
    transform: translateY(-3px) !important;
    box-shadow: 
        0 10px 30px rgba(220, 38, 38, 0.5),
        0 0 0 4px rgba(220, 38, 38, 0.15),
        inset 0 2px 0 rgba(255, 255, 255, 0.25),
        inset 0 -3px 0 rgba(0, 0, 0, 0.15) !important;
}

/* Visit-X Button */
.pn-btn-visitx {
    background: #2563eb !important;
    background-image: linear-gradient(180deg, #60a5fa 0%, #3b82f6 30%, #2563eb 60%, #1d4ed8 100%) !important;
    border-color: #60a5fa !important;
    box-shadow: 
        0 6px 20px rgba(37, 99, 235, 0.4),
        inset 0 2px 0 rgba(255, 255, 255, 0.2),
        inset 0 -3px 0 rgba(0, 0, 0, 0.2) !important;
}

.pn-btn-visitx:hover {
    background: #3b82f6 !important;
    background-image: linear-gradient(180deg, #93c5fd 0%, #60a5fa 30%, #3b82f6 60%, #2563eb 100%) !important;
    border-color: #93c5fd !important;
    transform: translateY(-3px) !important;
    box-shadow: 
        0 10px 30px rgba(37, 99, 235, 0.5),
        0 0 0 4px rgba(37, 99, 235, 0.15),
        inset 0 2px 0 rgba(255, 255, 255, 0.25),
        inset 0 -3px 0 rgba(0, 0, 0, 0.15) !important;
}

/* Shine Effect */
.pn-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.15) 40%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0.15) 60%,
        transparent 100%
    ) !important;
    transition: left 0.5s ease !important;
    z-index: 1 !important;
}

.pn-btn:hover::before {
    left: 100% !important;
}

/* ==========================================================================
   RESPONSIVE - TABLET (600px+)
   ========================================================================== */

@media (min-width: 600px) {
    .pn-fazit-section {
        padding: 28px !important;
    }
    
    .pn-fazit-avatar {
        width: 80px !important;
        height: 80px !important;
    }
    
    .pn-fazit-title {
        font-size: 1.7rem !important;
    }
    
    .pn-choice-comparison {
        flex-direction: row !important;
        align-items: stretch !important;
    }
    
    .pn-choice {
        flex: 1 !important;
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
    }
    
    .pn-choice-or {
        display: flex !important;
        align-items: center !important;
        padding: 0 10px !important;
    }
    
    .pn-cta-buttons {
        flex-direction: row !important;
    }
    
    .pn-btn {
        flex: 1 !important;
    }
}

/* ==========================================================================
   RESPONSIVE - DESKTOP (900px+)
   ========================================================================== */

@media (min-width: 900px) {
    .pn-fazit-section {
        padding: 32px !important;
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .pn-fazit-title {
        font-size: 1.9rem !important;
    }
    
    .pn-action-plan {
        padding: 24px !important;
    }
    
    .pn-btn {
        padding: 20px 28px !important;
    }
    
    .pn-btn-text {
        font-size: 1.05rem !important;
    }
}

/* ==========================================================================
   RESPONSIVE - SMALL MOBILE (unter 500px)
   ========================================================================== */

@media (max-width: 500px) {
    .pn-fazit-section {
        padding: 16px !important;
        border-radius: 18px !important;
    }
    
    .pn-fazit-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 12px !important;
    }
    
    .pn-fazit-avatar {
        width: 60px !important;
        height: 60px !important;
    }
    
    .pn-fazit-title {
        font-size: 1.3rem !important;
    }
    
    .pn-choice {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
        padding: 12px 14px !important;
    }
    
    .pn-action-plan {
        padding: 16px !important;
    }
    
    .pn-fazit-ctas {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .pn-cta-pointer {
        margin-top: 0 !important;
        transform: rotate(90deg) !important;
    }
    
    .pn-btn {
        padding: 16px 20px !important;
    }
    
    .pn-btn-text {
        font-size: 0.9rem !important;
    }
}
</style>



<style>
/* Dexter CTA Box */
.pn-dexter-cta {
    background: linear-gradient(135deg, rgba(20, 20, 25, 0.98), rgba(35, 15, 25, 0.95));
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-radius: 16px;
    padding: 30px;
    margin: 50px auto;
    max-width: 800px;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

/* Glow Effect */
.pn-dexter-cta::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(248, 3, 95, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.pn-dexter-cta-inner {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

/* Avatar */
.pn-dexter-cta-avatar {
    flex-shrink: 0;
}

.pn-dexter-cta-avatar img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #D4A853;
    object-fit: cover;
    box-shadow: 0 0 20px rgba(212, 168, 83, 0.3);
}

/* Content */
.pn-dexter-cta-content {
    flex: 1;
}

.pn-dexter-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(212, 168, 83, 0.15);
    border: 1px solid rgba(212, 168, 83, 0.3);
    border-radius: 20px;
    padding: 5px 12px;
    margin-bottom: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #D4A853;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pn-dexter-cta-badge svg {
    width: 14px;
    height: 14px;
}

.pn-dexter-cta-title {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.pn-dexter-cta-text {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 20px 0;
}

.pn-dexter-cta-text strong {
    color: #D4A853;
}

/* Button */
.pn-dexter-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #F8035F 0%, #d4034f 100%);
    color: #ffffff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(248, 3, 95, 0.35);
}

.pn-dexter-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(248, 3, 95, 0.5);
    color: #ffffff;
}

.pn-dexter-cta-btn svg {
    width: 18px;
    height: 18px;
}

/* Rocket Animation */
.pn-dexter-cta-btn:hover svg {
    animation: pn-rocket-launch 0.5s ease-out;
}

@keyframes pn-rocket-launch {
    0% { transform: translate(0, 0); }
    50% { transform: translate(3px, -3px); }
    100% { transform: translate(0, 0); }
}

/* Mobile */
@media (max-width: 600px) {
    .pn-dexter-cta {
        padding: 25px 20px;
        margin: 40px 15px;
    }
    
    .pn-dexter-cta-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .pn-dexter-cta-avatar img {
        width: 60px;
        height: 60px;
    }
    
    .pn-dexter-cta-btn {
        width: 100%;
        justify-content: center;
    }
}
</style>

<div class="pn-dexter-cta">
    <div class="pn-dexter-cta-inner">
        
        <div class="pn-dexter-cta-avatar">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-profil.jpg" alt="Dexter"/>
        </div>
        
        <div class="pn-dexter-cta-content">
            <div class="pn-dexter-cta-badge">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                </svg>
                Dexters Empfehlung
            </div>
            
            <h4 class="pn-dexter-cta-title">Hat dir dieser Tipp geholfen?</h4>
            
            <p class="pn-dexter-cta-text">
                Das war nur ein Puzzleteil. Ich habe einen <strong>kompletten Guide</strong> geschrieben, der dich von der Anmeldung bis zur ersten Auszahlung führt.
            </p>
            
            <a href="/camgirl-werden/" class="pn-dexter-cta-btn">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/>
                    <path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/>
                    <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/>
                    <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>
                </svg>
                Hol dir die komplette Roadmap
            </a>
        </div>
        
    </div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Reich mit KI-Frauen? Wie du eine AI-Model-Agentur startest &#038; auf Fanvue kassierst (Guide 2026)</title>
		<link>https://peepnow.net/ai-model-agentur-fanvue/</link>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Tue, 30 Dec 2025 08:22:00 +0000</pubDate>
				<category><![CDATA[Business & Tech]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=1871</guid>

					<description><![CDATA[👋 Hey! Dexter hier! 🦎 Vergiss Dropshipping. Vergiss Krypto-Trading-Bots. Der größte Goldrausch des Jahres 2026 findet genau hier statt – und fast niemand spricht darüber, wie es wirklich funktioniert. 💎 Aitana Lopez – Spanisches Model, pinke Haare, 300.000+ Follower, 10.000 €/Monat Der Witz daran? Sie existiert nicht. Aitana ist zu 100% Computer-generiert. Sie schläft nicht, [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ===== DEXTER INTRO BOX - Premium Version ===== -->

<div class="pn-intro-box">
    <!-- Animated Background Particles -->
    <div class="pn-particles">
        <span></span><span></span><span></span><span></span><span></span>
    </div>
    
    <div class="pn-intro-image">
        <div class="pn-image-ring"></div>
        <div class="pn-image-ring pn-ring-2"></div>
        <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
        <div class="pn-intro-badge">
            <span class="pn-badge-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f44b.png" alt="👋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="pn-badge-text">Hey!</span>
        </div>
    </div>
    
    <div class="pn-intro-content">
        <div class="pn-title-wrapper">
            <h3 class="pn-intro-title">Dexter hier!</h3>
            <span class="pn-title-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        
        <div class="pn-intro-text">
            <p class="pn-highlight-line"><strong>Vergiss Dropshipping. Vergiss Krypto-Trading-Bots.</strong></p>
            <p>Der größte Goldrausch des Jahres 2026 findet genau hier statt – und fast niemand spricht darüber, wie es wirklich funktioniert.</p>
            
            <div class="pn-aitana-callout">
                <span class="pn-callout-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48e.png" alt="💎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-callout-content">
                    <strong>Aitana Lopez</strong> – Spanisches Model, pinke Haare, 300.000+ Follower, <span class="pn-money">10.000 €/Monat</span>
                </div>
            </div>
            
            <p class="pn-reveal-line">Der Witz daran? <span class="pn-glitch" data-text="Sie existiert nicht.">Sie existiert nicht.</span></p>
            
            <p>Aitana ist zu 100% Computer-generiert. Sie schläft nicht, sie zickt nicht, sie altert nicht. Und sie ist der Beweis, dass du keine echten Menschen mehr brauchst, um im Creator-Game abzukassieren.</p>
            
            <div class="pn-cta-line">
                <span class="pn-cta-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <strong>Willkommen in der Welt der AI-Model-Agenturen.</strong>
            </div>
            
            <p class="pn-teaser">Ich zeige dir heute den exakten Tech-Stack, mit dem du deine eigene virtuelle <span class="pn-shimmer">&#8222;Cash Cow&#8220;</span> erschaffst.</p>
        </div>
    </div>
</div>


<style>
/* ==========================================================================
   DEXTER INTRO BOX - PREMIUM EDITION
   ========================================================================== */

.pn-intro-box {
    display: flex;
    align-items: center;
    gap: 35px;
    background: 
        radial-gradient(ellipse at 0% 0%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 100%, rgba(248, 3, 95, 0.12) 0%, transparent 50%),
        linear-gradient(
            160deg,
            rgba(25, 15, 55, 0.95) 0%,
            rgba(15, 8, 20, 0.98) 40%,
            rgba(35, 12, 25, 0.95) 100%
        );
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(248, 3, 95, 0.25);
    border-radius: 28px;
    padding: 35px;
    margin: 2em auto;
    max-width: 880px;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.5),
        0 0 80px rgba(248, 3, 95, 0.08),
        0 0 120px rgba(99, 102, 241, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animated Top Border */
.pn-intro-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        #6366f1, 
        #F8035F, 
        #D4A853, 
        #F8035F, 
        #6366f1, 
        transparent
    );
    background-size: 200% 100%;
    animation: pn-border-flow 3s linear infinite;
}

/* Corner Accents */
.pn-intro-box::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle at 100% 100%, rgba(248, 3, 95, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

@keyframes pn-border-flow {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ==========================================================================
   FLOATING PARTICLES
   ========================================================================== */

.pn-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.pn-particles span {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(248, 3, 95, 0.6);
    border-radius: 50%;
    animation: pn-float 8s ease-in-out infinite;
    box-shadow: 0 0 10px rgba(248, 3, 95, 0.5);
}

.pn-particles span:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; animation-duration: 7s; }
.pn-particles span:nth-child(2) { left: 30%; top: 70%; animation-delay: 1s; animation-duration: 9s; background: rgba(99, 102, 241, 0.5); box-shadow: 0 0 10px rgba(99, 102, 241, 0.5); }
.pn-particles span:nth-child(3) { left: 70%; top: 30%; animation-delay: 2s; animation-duration: 6s; }
.pn-particles span:nth-child(4) { left: 85%; top: 60%; animation-delay: 3s; animation-duration: 10s; background: rgba(212, 168, 83, 0.5); box-shadow: 0 0 10px rgba(212, 168, 83, 0.5); }
.pn-particles span:nth-child(5) { left: 50%; top: 80%; animation-delay: 4s; animation-duration: 8s; background: rgba(99, 102, 241, 0.5); }

@keyframes pn-float {
    0%, 100% { transform: translateY(0) translateX(0) scale(1); opacity: 0.6; }
    25% { transform: translateY(-20px) translateX(10px) scale(1.2); opacity: 1; }
    50% { transform: translateY(-10px) translateX(-5px) scale(0.8); opacity: 0.4; }
    75% { transform: translateY(-30px) translateX(15px) scale(1.1); opacity: 0.8; }
}

/* ==========================================================================
   DEXTER IMAGE
   ========================================================================== */

.pn-intro-image {
    flex-shrink: 0;
    width: 160px;
    height: 160px;
    position: relative;
    z-index: 2;
}

/* Animated Rings */
.pn-image-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 180px;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(248, 3, 95, 0.3);
    border-radius: 50%;
    animation: pn-ring-pulse 3s ease-in-out infinite;
}

.pn-ring-2 {
    width: 200px;
    height: 200px;
    border-color: rgba(99, 102, 241, 0.2);
    animation-delay: 1.5s;
}

@keyframes pn-ring-pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.2; }
}

.pn-intro-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 24px;
    position: relative;
    z-index: 2;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(0 15px 35px rgba(99, 102, 241, 0.35));
}

.pn-intro-box:hover .pn-intro-image img {
    transform: scale(1.1) rotate(-5deg);
    filter: drop-shadow(0 20px 45px rgba(99, 102, 241, 0.45));
}

/* Badge */
.pn-intro-badge {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 50%, #F8035F 100%);
    background-size: 200% 200%;
    color: #ffffff;
    padding: 8px 14px;
    border-radius: 24px;
    font-weight: 700;
    box-shadow: 
        0 6px 20px rgba(248, 3, 95, 0.5),
        0 0 30px rgba(248, 3, 95, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    animation: pn-badge-wave 2.5s ease-in-out infinite, pn-badge-glow 2s ease infinite;
}

.pn-badge-icon {
    font-size: 1rem;
    animation: pn-wave-hand 1s ease-in-out infinite;
}

.pn-badge-text {
    font-size: 0.9rem;
}

@keyframes pn-badge-wave {
    0%, 100% { transform: rotate(0deg); }
    20% { transform: rotate(12deg); }
    40% { transform: rotate(-8deg); }
    60% { transform: rotate(8deg); }
    80% { transform: rotate(-4deg); }
}

@keyframes pn-badge-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes pn-wave-hand {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(20deg); }
}

/* ==========================================================================
   CONTENT
   ========================================================================== */

.pn-intro-content {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 2;
}

/* Title */
.pn-title-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.pn-intro-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.7rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #ffffff 0%, #D4A853 50%, #ffffff 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    border: none !important;
    animation: pn-title-shimmer 4s ease infinite;
    text-shadow: none;
}

@keyframes pn-title-shimmer {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.pn-title-emoji {
    font-size: 1.8rem;
    animation: pn-emoji-bounce 2s ease-in-out infinite;
}

@keyframes pn-emoji-bounce {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-5px) scale(1.1); }
}

/* Text Styles */
.pn-intro-text p {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1rem;
    line-height: 1.75;
}

.pn-highlight-line {
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 1.05rem !important;
}

/* Aitana Callout */
.pn-aitana-callout {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.12) 0%, rgba(99, 102, 241, 0.08) 100%);
    border: 1px solid rgba(248, 3, 95, 0.25);
    border-radius: 14px;
    padding: 14px 18px;
    margin: 18px 0;
    transition: all 0.3s ease;
}

.pn-aitana-callout:hover {
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.18) 0%, rgba(99, 102, 241, 0.12) 100%);
    transform: translateX(5px);
}

.pn-callout-icon {
    font-size: 1.4rem;
    animation: pn-sparkle 2s ease-in-out infinite;
}

@keyframes pn-sparkle {
    0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; }
    50% { transform: scale(1.2) rotate(10deg); opacity: 0.8; }
}

.pn-callout-content {
    flex: 1;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.5;
}

.pn-callout-content strong {
    color: #F8035F;
}

.pn-money {
    color: #2ed573;
    font-weight: 700;
}

/* Glitch Effect */
.pn-glitch {
    position: relative;
    display: inline-block;
    color: #F8035F;
    font-weight: 700;
    font-size: 1.1rem;
}

.pn-glitch::before,
.pn-glitch::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.pn-glitch:hover::before {
    animation: pn-glitch-1 0.3s linear infinite;
    color: #00ffff;
    z-index: -1;
    opacity: 0.8;
}

.pn-glitch:hover::after {
    animation: pn-glitch-2 0.3s linear infinite;
    color: #ff00ff;
    z-index: -2;
    opacity: 0.8;
}

@keyframes pn-glitch-1 {
    0%, 100% { transform: translate(0); }
    20% { transform: translate(-3px, 3px); }
    40% { transform: translate(-3px, -3px); }
    60% { transform: translate(3px, 3px); }
    80% { transform: translate(3px, -3px); }
}

@keyframes pn-glitch-2 {
    0%, 100% { transform: translate(0); }
    20% { transform: translate(3px, -3px); }
    40% { transform: translate(3px, 3px); }
    60% { transform: translate(-3px, -3px); }
    80% { transform: translate(-3px, 3px); }
}

/* CTA Line */
.pn-cta-line {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(90deg, rgba(46, 213, 115, 0.1) 0%, transparent 100%);
    border-left: 3px solid #2ed573;
    padding: 12px 16px;
    margin: 18px 0;
    border-radius: 0 10px 10px 0;
}

.pn-cta-icon {
    font-size: 1.3rem;
    animation: pn-rocket 1.5s ease-in-out infinite;
}

@keyframes pn-rocket {
    0%, 100% { transform: translateY(0) rotate(-10deg); }
    50% { transform: translateY(-4px) rotate(-10deg); }
}

.pn-cta-line strong {
    color: #2ed573;
    font-size: 1.05rem;
}

/* Shimmer Text */
.pn-shimmer {
    background: linear-gradient(90deg, #D4A853, #fff, #D4A853);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: pn-shimmer-text 2s linear infinite;
    font-weight: 700;
}

@keyframes pn-shimmer-text {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.pn-teaser {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ==========================================================================
   HOVER STATE
   ========================================================================== */

.pn-intro-box:hover {
    transform: translateY(-8px);
    border-color: rgba(248, 3, 95, 0.4);
    box-shadow: 
        0 30px 80px rgba(0, 0, 0, 0.6),
        0 0 100px rgba(248, 3, 95, 0.15),
        0 0 150px rgba(99, 102, 241, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

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

@media (max-width: 700px) {
    .pn-intro-box {
        flex-direction: column;
        text-align: center;
        padding: 28px 22px;
        gap: 24px;
        border-radius: 22px;
    }
    
    .pn-intro-image {
        width: 130px;
        height: 130px;
    }
    
    .pn-image-ring {
        width: 150px;
        height: 150px;
    }
    
    .pn-ring-2 {
        width: 170px;
        height: 170px;
    }
    
    .pn-intro-badge {
        top: -8px;
        right: -8px;
        padding: 6px 12px;
    }
    
    .pn-badge-text {
        font-size: 0.8rem;
    }
    
    .pn-title-wrapper {
        justify-content: center;
    }
    
    .pn-intro-title {
        font-size: 1.4rem !important;
    }
    
    .pn-title-emoji {
        font-size: 1.5rem;
    }
    
    .pn-intro-text p {
        font-size: 0.95rem;
    }
    
    .pn-aitana-callout {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding: 16px;
    }
    
    .pn-cta-line {
        justify-content: center;
        border-left: none;
        border-top: 3px solid #2ed573;
        border-radius: 10px 10px 0 0;
        padding: 14px;
    }
    
    .pn-particles span:nth-child(4),
    .pn-particles span:nth-child(5) {
        display: none;
    }
}

@media (max-width: 400px) {
    .pn-intro-box {
        padding: 22px 16px;
    }
    
    .pn-intro-image {
        width: 110px;
        height: 110px;
    }
    
    .pn-image-ring,
    .pn-ring-2 {
        display: none;
    }
    
    .pn-intro-title {
        font-size: 1.25rem !important;
    }
    
    .pn-glitch {
        font-size: 1rem;
    }
}
</style>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
    /* RESET für diese Sektion */
    .fanvue-section,
    .fanvue-section * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .fanvue-section ul,
    .fanvue-section li {
        list-style: none !important;
        list-style-type: none !important;
        margin: 0;
        padding: 0;
    }

    .fanvue-section li::marker {
        content: none !important;
        display: none !important;
    }

    /* SEKTION */
    .fanvue-section {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        padding: 10px 16px 20px 16px;
    }

    .fanvue-section .section-title {
        font-size: 1.3rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 16px;
        line-height: 1.4;
    }

    .fanvue-section .section-title span {
        color: #ff4757;
    }

    /* WARNING BOX */
    .fanvue-section .warning-box {
        background: rgba(255, 71, 87, 0.08);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 71, 87, 0.25);
        border-radius: 16px;
        padding: 18px;
        margin-bottom: 14px;
    }

    .fanvue-section .warning-box p {
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.9rem;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .fanvue-section .warning-box p:last-child {
        margin-bottom: 0;
    }

    .fanvue-section .warning-box strong {
        color: #fff;
    }

    .fanvue-section .warning-box .highlight {
        color: #ff4757;
        font-weight: 700;
    }

    /* SOLUTION BOX */
    .fanvue-section .solution-box {
        background: rgba(46, 213, 115, 0.06);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(46, 213, 115, 0.2);
        border-radius: 16px;
        padding: 18px;
        position: relative;
        overflow: hidden;
    }

    .fanvue-section .solution-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #2ed573, #7bed9f);
        border-radius: 16px 16px 0 0;
    }

    .fanvue-section .solution-header {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
    }

    .fanvue-section .solution-header h3 {
        font-size: 1.1rem;
        font-weight: 700;
        color: #2ed573;
        margin: 0;
    }

    .fanvue-section .solution-box > p {
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.9rem;
        line-height: 1.65;
        margin-bottom: 14px;
    }

    .fanvue-section .platform {
        color: #2ed573;
        font-weight: 600;
    }

    /* FEATURE LIST */
    .fanvue-section .feature-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        list-style: none !important;
    }

    .fanvue-section .feature-item {
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 12px;
        padding: 12px 14px;
        display: flex;
        align-items: flex-start;
        gap: 12px;
        list-style: none !important;
    }

    .fanvue-section .feature-item::before {
        content: none !important;
        display: none !important;
    }

    .fanvue-section .feature-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        background: linear-gradient(135deg, rgba(46, 213, 115, 0.2), rgba(46, 213, 115, 0.05));
        border: 1px solid rgba(46, 213, 115, 0.3);
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
    }

    .fanvue-section .feature-content {
        flex: 1;
    }

    .fanvue-section .feature-content strong {
        display: block;
        color: #fff;
        font-size: 0.85rem;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .fanvue-section .feature-content span {
        color: rgba(255, 255, 255, 0.65);
        font-size: 0.8rem;
        line-height: 1.5;
    }

    .fanvue-section .money {
        color: #2ed573;
        font-weight: 600;
    }

    /* TABLET+ */
    @media (min-width: 600px) {
        .fanvue-section {
            padding: 10px 24px 28px 24px;
        }

        .fanvue-section .section-title {
            font-size: 1.6rem;
        }

        .fanvue-section .warning-box,
        .fanvue-section .solution-box {
            padding: 24px;
            border-radius: 18px;
        }

        .fanvue-section .warning-box {
            margin-bottom: 18px;
        }

        .fanvue-section .feature-item {
            padding: 16px 18px;
        }

        .fanvue-section .feature-content strong {
            font-size: 0.9rem;
        }

        .fanvue-section .feature-content span {
            font-size: 0.85rem;
        }
    }
</style>

<section class="fanvue-section">
    
    <h2 class="section-title">Das Problem mit <span>OnlyFans</span><br>(und die Lösung)</h2>
    
    <div class="warning-box">
        <p>Viele versuchen, ihre KI-Models auf <strong>OnlyFans</strong> zu starten. <span class="highlight">Großer Fehler.</span></p>
        <p>OnlyFans hat extrem strenge <strong>KYC-Regeln</strong> (Know Your Customer). Sie verlangen Ausweise von echten Personen. Wenn sie merken, dass dein Model aus dem Computer kommt, wird der Account oft <strong>gesperrt</strong>.</p>
        <p><span class="highlight">Das Risiko ist zu hoch.</span></p>
    </div>
    
    <div class="solution-box">
        <div class="solution-header">
            <h3>Die Lösung: Fanvue</h3>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        
        <p><span class="platform">Fanvue</span> ist aktuell die einzige große Plattform, die KI-Creator mit offenen Armen empfängt.</p>
        
        <ul class="feature-list">
            <li class="feature-item">
                <div class="feature-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f916.png" alt="🤖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="feature-content">
                    <strong>AI-Friendly</strong>
                    <span>Es gibt spezielle Kategorien für AI-Content. Du musst dich nicht verstecken.</span>
                </div>
            </li>
            <li class="feature-item">
                <div class="feature-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="feature-content">
                    <strong>Tech-Features</strong>
                    <span>Fanvue bietet AI-Messaging-Tools, damit dein Model 24/7 mit Fans chatten kann (während du schläfst).</span>
                </div>
            </li>
            <li class="feature-item">
                <div class="feature-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="feature-content">
                    <strong>Lifetime-Provision</strong>
                    <span>Wenn du andere Creator wirbst, verdienst du <span class="money">5%</span> an deren Umsatz mit.</span>
                </div>
            </li>
        </ul>
    </div>
    
</section>
</div>
</div>



<div style="text-align: center;">
    <a href="https://www.fanvue.com/signup?referral=FV-AHMTIA" class="pn-button pn-button-icon-left" target="_blank" rel="noopener">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">Hier kostenlos Account eröffnen</span>
    </a>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
    /* RESET für diese Sektion */
    .leonardo-section,
    .leonardo-section * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .leonardo-section ul,
    .leonardo-section li {
        list-style: none !important;
        list-style-type: none !important;
        margin: 0;
        padding: 0;
    }

    .leonardo-section li::marker {
        content: none !important;
        display: none !important;
    }

    /* SEKTION */
    .leonardo-section {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        padding: 10px 16px 20px 16px;
    }

    .leonardo-section .section-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 16px;
        line-height: 1.4;
    }

    .leonardo-section .section-title .step {
        color: #feca57;
    }

    .leonardo-section .section-title .emoji {
        font-size: 1.1rem;
    }

    /* WARNING BOX */
    .leonardo-section .warning-box {
        background: rgba(255, 71, 87, 0.08);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 71, 87, 0.25);
        border-radius: 16px;
        padding: 18px;
        margin-bottom: 14px;
    }

    .leonardo-section .warning-label {
        display: inline-block;
        background: rgba(255, 71, 87, 0.2);
        color: #ff4757;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 4px 10px;
        border-radius: 20px;
        margin-bottom: 12px;
    }

    .leonardo-section .warning-box p {
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.9rem;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .leonardo-section .warning-box p:last-child {
        margin-bottom: 0;
    }

    .leonardo-section .warning-box strong {
        color: #fff;
    }

    .leonardo-section .highlight-red {
        color: #ff4757;
        font-weight: 600;
    }

    /* SOLUTION BOX */
    .leonardo-section .solution-box {
        background: rgba(84, 160, 255, 0.06);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(84, 160, 255, 0.2);
        border-radius: 16px;
        padding: 18px;
        position: relative;
        overflow: hidden;
    }

    .leonardo-section .solution-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #54a0ff, #a29bfe);
        border-radius: 16px 16px 0 0;
    }

    .leonardo-section .solution-label {
        display: inline-block;
        background: rgba(84, 160, 255, 0.2);
        color: #54a0ff;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 4px 10px;
        border-radius: 20px;
        margin-bottom: 12px;
    }

    .leonardo-section .solution-header {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
    }

    .leonardo-section .solution-header h3 {
        font-size: 1.1rem;
        font-weight: 700;
        color: #54a0ff;
        margin: 0;
    }

    .leonardo-section .solution-box p {
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.9rem;
        line-height: 1.65;
        margin-bottom: 12px;
    }

    .leonardo-section .solution-box p:last-of-type {
        margin-bottom: 14px;
    }

    .leonardo-section .tool-name {
        color: #54a0ff;
        font-weight: 600;
    }

    .leonardo-section .feature-highlight {
        color: #a29bfe;
        font-weight: 600;
    }

    /* KOSTEN BOX */
    .leonardo-section .cost-box {
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 12px;
        padding: 14px 16px;
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .leonardo-section .cost-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        background: linear-gradient(135deg, rgba(254, 202, 87, 0.2), rgba(254, 202, 87, 0.05));
        border: 1px solid rgba(254, 202, 87, 0.3);
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
    }

    .leonardo-section .cost-content {
        flex: 1;
    }

    .leonardo-section .cost-content strong {
        display: block;
        color: #feca57;
        font-size: 0.85rem;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .leonardo-section .cost-content span {
        color: rgba(255, 255, 255, 0.65);
        font-size: 0.8rem;
        line-height: 1.5;
    }

    /* TABLET+ */
    @media (min-width: 600px) {
        .leonardo-section {
            padding: 10px 24px 28px 24px;
        }

        .leonardo-section .section-title {
            font-size: 1.5rem;
        }

        .leonardo-section .warning-box,
        .leonardo-section .solution-box {
            padding: 24px;
            border-radius: 18px;
        }

        .leonardo-section .warning-box {
            margin-bottom: 18px;
        }

        .leonardo-section .cost-box {
            padding: 16px 18px;
        }

        .leonardo-section .cost-content strong {
            font-size: 0.9rem;
        }

        .leonardo-section .cost-content span {
            font-size: 0.85rem;
        }
    }
</style>

<section class="leonardo-section">
    
    <h2 class="section-title"><span class="step">Schritt 1:</span> Das Gesicht erstellen<br>(Vergiss Midjourney!) <span class="emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></h2>
    
    <div class="warning-box">
        <span class="warning-label">Anfängerfehler</span>
        <p>Der häufigste Fehler: <strong>Midjourney</strong> nutzen.</p>
        <p>Warum? Midjourney macht zwar schöne Bilder, aber es ist fast unmöglich, das <span class="highlight-red">Gesicht konsistent zu halten</span>. Auf Bild 1 sieht dein Model aus wie 20, auf Bild 2 plötzlich wie 30 mit anderer Nase.</p>
        <p><strong>Das zerstört die Illusion.</strong></p>
    </div>
    
    <div class="solution-box">
        <span class="solution-label">Profi-Tipp</span>
        
        <div class="solution-header">
            <h3>Leonardo.ai</h3>
        </div>
        
        <p>Für professionelle Agenturen gibt es nur ein Tool: <span class="tool-name">Leonardo.ai</span></p>
        
        <p>Das Feature <span class="feature-highlight">&#8222;Character Reference&#8220;</span> ist der Game-Changer. Du lädst ein Referenzbild hoch und die KI sorgt dafür, dass dein Model auf jedem neuen Bild, in jedem Outfit und jeder Pose <strong>exakt gleich aussieht</strong>.</p>
        
        <p>Nur so baust du eine echte Marke auf.</p>
        
        <div class="cost-box">
            <div class="cost-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b3.png" alt="💳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="cost-content">
                <strong>Kosten</strong>
                <span>Es gibt einen kostenlosen Plan, aber für kommerzielle Rechte und High-Speed brauchst du das Abo (lohnt sich ab dem ersten zahlenden Fan).</span>
            </div>
        </div>
    </div>
    
</section>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
    /* RESET für diese Sektion */
    .video-section,
    .video-section * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .video-section ul,
    .video-section ol,
    .video-section li {
        list-style: none !important;
        list-style-type: none !important;
        margin: 0;
        padding: 0;
    }

    .video-section li::marker {
        content: none !important;
        display: none !important;
    }

    /* SEKTION */
    .video-section {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        padding: 10px 16px 20px 16px;
    }

    .video-section .section-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 16px;
        line-height: 1.4;
    }

    .video-section .section-title .step {
        color: #feca57;
    }

    /* INTRO BOX */
    .video-section .intro-box {
        background: rgba(255, 159, 243, 0.06);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 159, 243, 0.2);
        border-radius: 16px;
        padding: 18px;
        margin-bottom: 14px;
    }

    .video-section .intro-box p {
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.9rem;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .video-section .intro-box p:last-child {
        margin-bottom: 0;
    }

    .video-section .intro-box strong {
        color: #fff;
    }

    .video-section .highlight-pink {
        color: #ff9ff3;
        font-weight: 600;
    }

    /* TOOLS BOX */
    .video-section .tools-box {
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 16px;
        padding: 18px;
        margin-bottom: 14px;
    }

    .video-section .tools-label {
        display: inline-block;
        background: rgba(255, 159, 243, 0.2);
        color: #ff9ff3;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 4px 10px;
        border-radius: 20px;
        margin-bottom: 14px;
    }

    .video-section .tool-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .video-section .tool-item {
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 12px;
        padding: 14px 16px;
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .video-section .tool-number {
        width: 28px;
        height: 28px;
        min-width: 28px;
        background: linear-gradient(135deg, #ff9ff3, #f368e0);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: 700;
        color: #fff;
    }

    .video-section .tool-content {
        flex: 1;
    }

    .video-section .tool-content strong {
        display: block;
        color: #ff9ff3;
        font-size: 0.9rem;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .video-section .tool-content p {
        color: rgba(255, 255, 255, 0.7);
        font-size: 0.8rem;
        line-height: 1.55;
        margin: 0;
    }

    .video-section .prompt-example {
        background: rgba(0, 0, 0, 0.3);
        border-radius: 6px;
        padding: 8px 10px;
        margin-top: 8px;
        font-family: 'Monaco', 'Consolas', monospace;
        font-size: 0.7rem;
        color: rgba(255, 255, 255, 0.6);
        font-style: italic;
    }

    /* WORKFLOW BOX */
    .video-section .workflow-box {
        background: linear-gradient(135deg, rgba(254, 202, 87, 0.1), rgba(255, 159, 243, 0.1));
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(254, 202, 87, 0.25);
        border-radius: 16px;
        padding: 18px;
        position: relative;
        overflow: hidden;
    }

    .video-section .workflow-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #feca57, #ff9ff3);
        border-radius: 16px 16px 0 0;
    }

    .video-section .workflow-label {
        display: inline-block;
        background: rgba(254, 202, 87, 0.2);
        color: #feca57;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 4px 10px;
        border-radius: 20px;
        margin-bottom: 12px;
    }

    .video-section .workflow-steps {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .video-section .workflow-step {
        background: rgba(255, 255, 255, 0.08);
        border-radius: 8px;
        padding: 8px 12px;
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.9);
        font-weight: 500;
    }

    .video-section .workflow-step .tool {
        color: #feca57;
        font-weight: 600;
    }

    .video-section .workflow-arrow {
        color: rgba(255, 255, 255, 0.4);
        font-size: 0.9rem;
    }

    /* TABLET+ */
    @media (min-width: 600px) {
        .video-section {
            padding: 10px 24px 28px 24px;
        }

        .video-section .section-title {
            font-size: 1.5rem;
        }

        .video-section .intro-box,
        .video-section .tools-box,
        .video-section .workflow-box {
            padding: 24px;
            border-radius: 18px;
        }

        .video-section .intro-box,
        .video-section .tools-box {
            margin-bottom: 18px;
        }

        .video-section .tool-item {
            padding: 16px 18px;
        }

        .video-section .tool-content strong {
            font-size: 0.95rem;
        }

        .video-section .tool-content p {
            font-size: 0.85rem;
        }

        .video-section .workflow-step {
            font-size: 0.8rem;
            padding: 10px 14px;
        }
    }
</style>

<section class="video-section">
    
    <h2 class="section-title"><span class="step">Schritt 2:</span> Leben einhauchen<br>(Video is King) <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a5.png" alt="🎥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h2>
    
    <div class="intro-box">
        <p>Bilder sind schön, aber <strong>TikTok</strong> und <strong>Instagram Reels</strong> brauchen Bewegung.</p>
        <p>Ein statisches Bild geht 2026 <span class="highlight-pink">nicht mehr viral</span>. Du brauchst Videos, in denen dein Model tanzt, lacht oder sich bewegt.</p>
    </div>
    
    <div class="tools-box">
        <span class="tools-label">Tools die den Markt revolutionieren</span>
        
        <div class="tool-list">
            <div class="tool-item">
                <div class="tool-number">1</div>
                <div class="tool-content">
                    <strong>Higgsfield AI</strong>
                    <p>Perfekt für Social Media. Du nimmst ein Video von dir (oder einem Stock-Video) und die KI legt das Gesicht und den Körper deines AI-Models darüber. Das Ergebnis ist verblüffend echt.</p>
                </div>
            </div>
            <div class="tool-item">
                <div class="tool-number">2</div>
                <div class="tool-content">
                    <strong>Luma Dream Machine / Kling AI</strong>
                    <p>Diese Tools generieren Video komplett aus Text (&#8222;Prompt&#8220;). Du schreibst einen Prompt und bekommst einen fertigen Clip.</p>
                    <div class="prompt-example">&#8222;Aitana walking on the beach, sunset, realistic camera movement&#8220;</div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="workflow-box">
        <span class="workflow-label">Der Workflow</span>
        
        <div class="workflow-steps">
            <span class="workflow-step">Gesicht in <span class="tool">Leonardo</span></span>
            <span class="workflow-arrow">→</span>
            <span class="workflow-step">Animieren in <span class="tool">Higgsfield/Luma</span></span>
            <span class="workflow-arrow">→</span>
            <span class="workflow-step">Upload auf <span class="tool">TikTok</span></span>
            <span class="workflow-arrow">→</span>
            <span class="workflow-step">Traffic zu <span class="tool">Fanvue</span></span>
        </div>
    </div>
    
</section>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
    /* RESET für diese Sektion */
    .money-section,
    .money-section * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .money-section ul,
    .money-section ol,
    .money-section li {
        list-style: none !important;
        list-style-type: none !important;
        margin: 0;
        padding: 0;
    }

    .money-section li::marker {
        content: none !important;
        display: none !important;
    }

    /* SEKTION */
    .money-section {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        padding: 10px 16px 20px 16px;
    }

    .money-section .section-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 16px;
        line-height: 1.4;
    }

    .money-section .section-title .step {
        color: #feca57;
    }

    /* INTRO BOX */
    .money-section .intro-box {
        background: rgba(46, 213, 115, 0.06);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(46, 213, 115, 0.2);
        border-radius: 16px;
        padding: 18px;
        margin-bottom: 14px;
        text-align: center;
    }

    .money-section .intro-box p {
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.9rem;
        line-height: 1.65;
    }

    .money-section .intro-box strong {
        color: #fff;
    }

    .money-section .platform-highlight {
        color: #2ed573;
        font-weight: 600;
    }

    /* REVENUE STREAMS */
    .money-section .revenue-box {
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 16px;
        padding: 18px;
    }

    .money-section .revenue-label {
        display: inline-block;
        background: rgba(46, 213, 115, 0.2);
        color: #2ed573;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 4px 10px;
        border-radius: 20px;
        margin-bottom: 14px;
    }

    .money-section .revenue-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .money-section .revenue-item {
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 12px;
        padding: 16px;
        position: relative;
        overflow: hidden;
    }

    .money-section .revenue-item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, #2ed573, #7bed9f);
        border-radius: 12px 0 0 12px;
    }

    .money-section .revenue-header {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .money-section .revenue-number {
        width: 28px;
        height: 28px;
        min-width: 28px;
        background: linear-gradient(135deg, #2ed573, #7bed9f);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: 700;
        color: #0a0a0f;
    }

    .money-section .revenue-title {
        font-size: 0.95rem;
        font-weight: 700;
        color: #2ed573;
    }

    .money-section .revenue-title .tag {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        font-size: 0.8rem;
    }

    .money-section .revenue-item p {
        color: rgba(255, 255, 255, 0.75);
        font-size: 0.8rem;
        line-height: 1.6;
        padding-left: 38px;
        margin: 0;
    }

    .money-section .revenue-item .price {
        color: #feca57;
        font-weight: 600;
    }

    .money-section .revenue-item .highlight-green {
        color: #2ed573;
        font-weight: 600;
    }

    /* CHAT EXAMPLE */
    .money-section .chat-example {
        background: rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        padding: 10px 12px;
        margin-top: 10px;
        margin-left: 38px;
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.6);
        font-style: italic;
        border-left: 2px solid rgba(254, 202, 87, 0.4);
    }

    /* MARGIN BADGE */
    .money-section .margin-badge {
        display: inline-block;
        background: rgba(46, 213, 115, 0.15);
        color: #2ed573;
        font-size: 0.7rem;
        font-weight: 700;
        padding: 4px 8px;
        border-radius: 4px;
        margin-top: 8px;
        margin-left: 38px;
    }

    /* TABLET+ */
    @media (min-width: 600px) {
        .money-section {
            padding: 10px 24px 28px 24px;
        }

        .money-section .section-title {
            font-size: 1.5rem;
        }

        .money-section .intro-box,
        .money-section .revenue-box {
            padding: 24px;
            border-radius: 18px;
        }

        .money-section .intro-box {
            margin-bottom: 18px;
        }

        .money-section .revenue-item {
            padding: 20px;
        }

        .money-section .revenue-title {
            font-size: 1rem;
        }

        .money-section .revenue-item p {
            font-size: 0.85rem;
        }

        .money-section .chat-example {
            font-size: 0.8rem;
        }
    }
</style>

<section class="money-section">
    
    <h2 class="section-title"><span class="step">Schritt 3:</span> Das Geld einsammeln<br>(Monetarisierung) <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h2>
    
    <div class="intro-box">
        <p>Du hast das Model, du hast den Content. <strong>Wie verdienst du jetzt Geld?</strong><br>Auf <span class="platform-highlight">Fanvue</span> hast du drei Einnahmequellen, die skalieren:</p>
    </div>
    
    <div class="revenue-box">
        <span class="revenue-label">3 Einnahmequellen</span>
        
        <div class="revenue-list">
            <div class="revenue-item">
                <div class="revenue-header">
                    <div class="revenue-number">1</div>
                    <span class="revenue-title">Das Abo <span class="tag">(Subscription)</span></span>
                </div>
                <p>User zahlen monatlich (z.B. <span class="price">10€</span>), um den Feed deines Models zu sehen. Das ist dein <strong>Grundrauschen</strong>.</p>
            </div>
            
            <div class="revenue-item">
                <div class="revenue-header">
                    <div class="revenue-number">2</div>
                    <span class="revenue-title">Pay-Per-View <span class="tag">(PPV)</span></span>
                </div>
                <p>Das wirkliche Geld liegt im Chat. Du (oder dein Chatbot) schickst den Fans private Nachrichten:</p>
                <div class="chat-example">&#8222;Willst du sehen, was ich unter dem Kleid trage? Das Video kostet 15€.&#8220;</div>
                <p style="margin-top: 10px;">Da du das Video mit KI in 2 Minuten erstellt hast&#8230;</p>
                <span class="margin-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48e.png" alt="💎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Marge: 100%</span>
            </div>
            
            <div class="revenue-item">
                <div class="revenue-header">
                    <div class="revenue-number">3</div>
                    <span class="revenue-title">Ultra-Nischen bedienen</span>
                </div>
                <p>Mit KI kannst du Fetische bedienen, die echte Models oft ablehnen (Riesen, Elfen, Sci-Fi-Settings). Hier zahlen Fans <span class="highlight-green">Premium-Preise</span>, weil es kaum Konkurrenz gibt.</p>
            </div>
        </div>
    </div>
    
</section>
</div>
</div>



<div style="text-align: center;">
    <a href="https://www.fanvue.com/signup?referral=FV-AHMTIA" class="pn-button pn-button-icon-left" target="_blank" rel="noopener">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">Hier kostenlos Account eröffnen</span>
    </a>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
    /* RESET für diese Sektion */
    .fazit-section,
    .fazit-section * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .fazit-section ul,
    .fazit-section ol,
    .fazit-section li {
        list-style: none !important;
        list-style-type: none !important;
        margin: 0;
        padding: 0;
    }

    .fazit-section li::marker {
        content: none !important;
        display: none !important;
    }

    /* SEKTION */
    .fazit-section {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        padding: 10px 16px 20px 16px;
    }

    .fazit-section .section-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 16px;
        line-height: 1.4;
    }

    .fazit-section .section-title .name {
        color: #2ed573;
    }

    /* DEXTER IMAGE BOX */
    .fazit-section .dexter-box {
        display: flex;
        justify-content: center;
        margin-bottom: 16px;
    }

    .fazit-section .dexter-image {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: linear-gradient(135deg, rgba(46, 213, 115, 0.2), rgba(46, 213, 115, 0.05));
        border: 3px solid rgba(46, 213, 115, 0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.5rem;
        /* PLATZHALTER - ersetze mit: background-image: url('dein-dexter-bild.jpg'); background-size: cover; */
    }

    /* MAIN MESSAGE BOX */
    .fazit-section .message-box {
        background: rgba(46, 213, 115, 0.06);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(46, 213, 115, 0.2);
        border-radius: 16px;
        padding: 18px;
        margin-bottom: 14px;
        position: relative;
        overflow: hidden;
    }

    .fazit-section .message-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #2ed573, #feca57);
        border-radius: 16px 16px 0 0;
    }

    .fazit-section .message-box p {
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.9rem;
        line-height: 1.7;
        margin-bottom: 14px;
    }

    .fazit-section .message-box p:last-child {
        margin-bottom: 0;
    }

    .fazit-section .message-box strong {
        color: #fff;
    }

    .fazit-section .highlight-green {
        color: #2ed573;
        font-weight: 600;
    }

    .fazit-section .highlight-yellow {
        color: #feca57;
        font-weight: 600;
    }

    /* KEY INSIGHT BOX */
    .fazit-section .insight-box {
        background: rgba(254, 202, 87, 0.08);
        border: 1px solid rgba(254, 202, 87, 0.25);
        border-radius: 10px;
        padding: 14px;
        margin: 16px 0;
    }

    .fazit-section .insight-box p {
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.85rem;
        line-height: 1.6;
        margin: 0;
        text-align: center;
    }

    /* CTA BOX */
    .fazit-section .cta-box {
        background: linear-gradient(135deg, rgba(46, 213, 115, 0.1), rgba(84, 160, 255, 0.1));
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(46, 213, 115, 0.25);
        border-radius: 16px;
        padding: 18px;
        margin-bottom: 14px;
    }

    .fazit-section .cta-label {
        display: inline-block;
        background: rgba(46, 213, 115, 0.2);
        color: #2ed573;
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 4px 10px;
        border-radius: 20px;
        margin-bottom: 14px;
    }

    .fazit-section .cta-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .fazit-section .cta-item {
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 12px;
        padding: 14px 16px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .fazit-section .cta-number {
        width: 28px;
        height: 28px;
        min-width: 28px;
        background: linear-gradient(135deg, #2ed573, #7bed9f);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: 700;
        color: #0a0a0f;
    }

    .fazit-section .cta-content {
        flex: 1;
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.85rem;
    }

    .fazit-section .cta-content strong {
        color: #fff;
    }

    .fazit-section .cta-content .link {
        color: #54a0ff;
        font-weight: 600;
    }

    /* SIGN OFF */
    .fazit-section .signoff-box {
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 16px;
        padding: 18px;
        text-align: center;
    }

    .fazit-section .signoff-box p {
        color: rgba(255, 255, 255, 0.9);
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .fazit-section .signoff-box .name {
        color: #2ed573;
        font-size: 1.1rem;
        font-weight: 700;
    }

    /* TABLET+ */
    @media (min-width: 600px) {
        .fazit-section {
            padding: 10px 24px 28px 24px;
        }

        .fazit-section .section-title {
            font-size: 1.5rem;
        }

        .fazit-section .dexter-image {
            width: 120px;
            height: 120px;
            font-size: 3rem;
        }

        .fazit-section .message-box,
        .fazit-section .cta-box,
        .fazit-section .signoff-box {
            padding: 24px;
            border-radius: 18px;
        }

        .fazit-section .message-box,
        .fazit-section .cta-box {
            margin-bottom: 18px;
        }

        .fazit-section .cta-item {
            padding: 16px 18px;
        }

        .fazit-section .cta-content {
            font-size: 0.9rem;
        }
    }
</style>

<section class="fazit-section">
    
    <h2 class="section-title"><span class="name">Dexters</span> Fazit:<br>Dein Weg zur digitalen Agentur <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h2>
    
    <!-- DEXTER BILD PLATZHALTER -->
    <div class="dexter-box">
        <div class="dexter-image">
   
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-tip.webp" alt="Dexter" class="dexter-image">

        </div>
    </div>
    
    <div class="message-box">
        <p><strong>Hör zu:</strong> Das hier ist kein &#8222;Schnell reich werden&#8220;-Knopf. Du musst Prompting lernen und Social Media verstehen.</p>
        <p>Aber es ist das <span class="highlight-green">skalierbarste Business-Modell</span>, das ich kenne.</p>
        
        <div class="insight-box">
            <p>Du tauschst hier nicht <strong>Zeit gegen Geld</strong> (wie ein echtes Model).<br>Du tauschst <span class="highlight-yellow">Rechenleistung gegen Geld</span>.</p>
        </div>
        
        <p>Einmal aufgesetzt, kann dein AI-Model <strong>24 Stunden am Tag</strong> arbeiten, auf <strong>5 Sprachen gleichzeitig</strong> chatten und Content produzieren.</p>
        
        <p><strong>Mein Rat:</strong> Warte nicht, bis der Markt überlaufen ist. <span class="highlight-green">Starte jetzt</span>, wo Fanvue noch explodiert und die Tools günstig sind.</p>
    </div>
    
    <div class="cta-box">
        <span class="cta-label">Jetzt starten</span>
        
        <div class="cta-list">
            <div class="cta-item">
                <div class="cta-number">1</div>
                <div class="cta-content">
                    <strong>Erstelle deinen Creator-Account:</strong> <span class="link">Zum Fanvue Start</span>
                </div>
            </div>
            <div class="cta-item">
                <div class="cta-number">2</div>
                <div class="cta-content">
                    <strong>Hol dir die Tools:</strong> <span class="link">Leonardo</span> &#038; <span class="link">Higgsfield</span>
                </div>
            </div>
            <div class="cta-item">
                <div class="cta-number">3</div>
                <div class="cta-content">
                    <strong>Baue deinen ersten Charakter.</strong>
                </div>
            </div>
        </div>
    </div>
    
    <div class="signoff-box">
        <p>Viel Erfolg beim Bauen deiner Maschine! <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
        <span class="name">Euer Dexter <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
    </div>
    
</section>
</div>
</div>



<div style="text-align: center;">
    <a href="https://www.fanvue.com/signup?referral=FV-AHMTIA" class="pn-button pn-button-icon-left" target="_blank" rel="noopener">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">Hier kostenlos Account eröffnen</span>
    </a>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Lucy Cat bei Visit-X: Die ungeschminkte Wahrheit über Deutschlands bekanntestes Cam-Girl (Bio, Live-Check &#038; Fakten 2026)</title>
		<link>https://peepnow.net/lucy-cat-visit-x/</link>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Fri, 26 Dec 2025 17:15:26 +0000</pubDate>
				<category><![CDATA[Hall of Fame]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=1801</guid>

					<description><![CDATA[👋 Hey! Gestatten, Dexter. Es gibt Namen in der deutschen Erotik-Branche, an denen kommt niemand vorbei. Ganz oben auf der Liste: Lucy Cat. Egal ob du sie von früher kennst oder gerade erst auf sie aufmerksam geworden bist – im Netz herrscht Chaos. Auf Instagram nennt sie sich &#8222;Just Lucy&#8220;, auf TikTok tanzt sie, aber [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ===== DEXTER INTRO BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-intro-box">
    <div class="pn-intro-image">
        <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
        <div class="pn-intro-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f44b.png" alt="👋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hey!</div>
    </div>
    <div class="pn-intro-content">
        <h3 class="pn-intro-title">Gestatten, Dexter.</h3>
        <p>Es gibt Namen in der deutschen Erotik-Branche, an denen kommt niemand vorbei. Ganz oben auf der Liste: Lucy Cat.

Egal ob du sie von früher kennst oder gerade erst auf sie aufmerksam geworden bist – im Netz herrscht Chaos. Auf Instagram nennt sie sich &#8222;Just Lucy&#8220;, auf TikTok tanzt sie, aber wo gibt es den echten Content? Wo sieht man sie wirklich nackt, live und in HD?

Die Antwort ist eindeutig: Visit-X. Die Plattform ist nicht nur ihr Host, sie betreibt sogar ihre offizielle Homepage. Wenn du das Original suchst, führt kein Weg an Visit-X vorbei.

Ich habe für dich gecheckt, was dich dort aktuell erwartet, ob sie wirklich noch live geht und ob sich die Coins für die &#8222;Katze&#8220; lohnen.</p>
    </div>
</div>


<style>
/* ==========================================================================
   DEXTER INTRO BOX
   ========================================================================== */

.pn-intro-box {
    display: flex;
    align-items: center;
    gap: 30px;
    background: linear-gradient(
        135deg,
        rgba(45, 27, 105, 0.3) 0%,
        rgba(35, 12, 22, 0.95) 50%,
        rgba(248, 3, 95, 0.15) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-radius: 24px;
    padding: 30px;
    margin: 2em auto;
    max-width: 850px;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animierter Glow Border */
.pn-intro-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #6366f1, #F8035F, #D4A853, #F8035F, #6366f1);
    background-size: 300% 100%;
    animation: pn-intro-glow 4s ease infinite;
}

@keyframes pn-intro-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Hover Effekt */
.pn-intro-box:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 25px 60px rgba(0, 0, 0, 0.5),
        0 0 60px rgba(248, 3, 95, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Dexter Bild Container */
.pn-intro-image {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    position: relative;
}

.pn-intro-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    transition: all 0.4s ease;
    filter: drop-shadow(0 10px 25px rgba(99, 102, 241, 0.3));
}

.pn-intro-box:hover .pn-intro-image img {
    transform: scale(1.08) rotate(-3deg);
    filter: drop-shadow(0 15px 35px rgba(99, 102, 241, 0.4));
}

/* Badge */
.pn-intro-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 100%);
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 700;
    box-shadow: 
        0 4px 15px rgba(248, 3, 95, 0.5);
    animation: pn-wave 2s ease-in-out infinite;
}

@keyframes pn-wave {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    75% { transform: rotate(-10deg); }
}

/* Content */
.pn-intro-content {
    flex: 1;
    min-width: 0;
}

.pn-intro-title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #ffffff 0%, #D4A853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    border: none !important;
}

.pn-intro-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.05rem;
    line-height: 1.8;
}

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

@media (max-width: 650px) {
    .pn-intro-box {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
        gap: 20px;
    }
    
    .pn-intro-image {
        width: 120px;
        height: 120px;
    }
    
    .pn-intro-badge {
        top: -5px;
        right: -5px;
        font-size: 0.8rem;
        padding: 5px 10px;
    }
    
    .pn-intro-title {
        font-size: 1.3rem !important;
    }
    
    .pn-intro-content p {
        font-size: 1rem;
    }
}
</style>



<div style="text-align: center;">
    <a href="https://peepnow.net/go/lucy-cat" class="pn-button pn-button-icon-left">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">JETZT PRÜFEN: IST LUCY CAT GERADE LIVE</span>
    </a>
</div>



<h2 class="wp-block-heading">1. Wer ist Lucy Cat heute? (Der Reality-Check)</h2>



<p>Während viele Sternchen kommen und gehen, ist Lucy Cat eine Institution. Sie ist das Aushängeschild von Visit-X und hat das Image des &#8222;Girls Next Door&#8220; perfektioniert.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== PROFIL INFO BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-profile-box">
    
    <div class="pn-profile-item">
        <div class="pn-profile-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4db.png" alt="📛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="pn-profile-content">
            <span class="pn-profile-label">Der Name:</span>
            <p>Auch wenn sie auf Social Media als &#8222;Just Lucy&#8220; unterwegs ist – im Business ist und bleibt sie <strong>Lucy Cat</strong>. Unter diesem Namen findest du sie exklusiv bei <span class="pn-highlight-pink">Visit-X</span>.</p>
        </div>
    </div>

    <div class="pn-profile-item">
        <div class="pn-profile-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="pn-profile-content">
            <span class="pn-profile-label">Der Typ:</span>
            <p>Sie ist keine unnahbare Diva. Ihr Markenzeichen ist der charmante <strong>Thüringer Dialekt</strong>, ihre Verspieltheit und die Tatsache, dass sie natürlich geblieben ist. Kein &#8222;Plastik-Look&#8220;, sondern <strong>echte Kurven</strong>.</p>
        </div>
    </div>

    <div class="pn-profile-item pn-profile-highlight">
        <div class="pn-profile-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="pn-profile-content">
            <span class="pn-profile-label">Der Status:</span>
            <p>Sie ist mehrfache <strong>Venus-Award Gewinnerin</strong> und gehört zu den <span class="pn-highlight-gold">Top-Verdienerinnen Deutschlands</span>.</p>
        </div>
    </div>

</div>


<style>
/* ==========================================================================
   PROFIL INFO BOX
   ========================================================================== */

.pn-profile-box {
    background: linear-gradient(
        135deg,
        rgba(248, 3, 95, 0.08) 0%,
        rgba(35, 12, 22, 0.95) 50%,
        rgba(212, 168, 83, 0.06) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(248, 3, 95, 0.25);
    border-radius: 20px;
    padding: 8px;
    margin: 2em auto;
    max-width: 800px;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 30px rgba(248, 3, 95, 0.1);
}

/* Glow Border */
.pn-profile-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #F8035F, #D4A853, #F8035F);
    background-size: 200% 100%;
    animation: pn-profile-glow 3s ease infinite;
}

@keyframes pn-profile-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Items */
.pn-profile-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 25px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 14px;
    margin-bottom: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.pn-profile-item:last-child {
    margin-bottom: 0;
}

.pn-profile-item:hover {
    background: rgba(248, 3, 95, 0.06);
    border-color: rgba(248, 3, 95, 0.2);
    transform: translateX(5px);
}

/* Highlight Item (Status) */
.pn-profile-highlight {
    background: linear-gradient(
        135deg,
        rgba(212, 168, 83, 0.12) 0%,
        rgba(212, 168, 83, 0.04) 100%
    ) !important;
    border-color: rgba(212, 168, 83, 0.25) !important;
}

.pn-profile-highlight:hover {
    background: linear-gradient(
        135deg,
        rgba(212, 168, 83, 0.18) 0%,
        rgba(212, 168, 83, 0.08) 100%
    ) !important;
    border-color: rgba(212, 168, 83, 0.4) !important;
    box-shadow: 0 0 25px rgba(212, 168, 83, 0.15);
}

/* Icon */
.pn-profile-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.3));
    transition: transform 0.3s ease;
}

.pn-profile-item:hover .pn-profile-icon {
    transform: scale(1.1);
}

/* Content */
.pn-profile-content {
    flex: 1;
    min-width: 0;
}

/* Label */
.pn-profile-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #F8035F;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.pn-profile-highlight .pn-profile-label {
    color: #D4A853;
}

/* Text */
.pn-profile-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

.pn-profile-content strong {
    color: #ffffff !important;
    background: none !important;
    padding: 0 !important;
    font-weight: 700;
}

/* Highlights */
.pn-highlight-pink {
    color: #F8035F !important;
    font-weight: 700;
}

.pn-highlight-gold {
    color: #D4A853 !important;
    font-weight: 700;
    text-shadow: 0 0 15px rgba(212, 168, 83, 0.4);
}

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

@media (max-width: 600px) {
    .pn-profile-box {
        padding: 6px;
    }
    
    .pn-profile-item {
        padding: 18px 18px;
        gap: 14px;
    }
    
    .pn-profile-icon {
        font-size: 1.5rem;
    }
    
    .pn-profile-label {
        font-size: 0.8rem;
    }
    
    .pn-profile-content p {
        font-size: 0.95rem;
    }
}
</style>
</div>
</div>



<h2 class="wp-block-heading">2. Lucy Cat auf Visit-X: Live oder Konserve?</h2>



<p>Viele User fragen sich: <em>&#8222;Ist das wirklich live oder spielen die nur Videos ab?&#8220;</em> Hier spielt Visit-X seine Stärke als Premium-Anbieter aus.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== CONTENT FEATURES BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-features-box">

    <!-- FEATURE A -->
    <div class="pn-feature pn-feature-a">
        <div class="pn-feature-header">
            <span class="pn-feature-letter">A</span>
            <div class="pn-feature-title">
                <h4>Der Live-Chat</h4>
                <span class="pn-feature-tag">Das Herzstück</span>
            </div>
            <span class="pn-feature-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f534.png" alt="🔴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        
        <div class="pn-feature-intro">
            <p>Ja, sie ist regelmäßig live. Und zwar <strong>wirklich</strong>. Visit-X markiert Live-Inhalte glasklar. Wenn bei Lucy der grüne Punkt leuchtet, sitzt sie in diesem Moment vor der Kamera.</p>
        </div>

        <div class="pn-feature-details">
            <div class="pn-detail-item">
                <span class="pn-detail-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-detail-content">
                    <span class="pn-detail-label">Interaktion:</span>
                    <p>Sie ist bekannt dafür, <strong>extrem stark</strong> auf den Chat einzugehen. Sie liest mit, sie antwortet (mit Ton!) und sie reagiert auf Wünsche.</p>
                </div>
            </div>
            <div class="pn-detail-item">
                <span class="pn-detail-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a5.png" alt="🎥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-detail-content">
                    <span class="pn-detail-label">Die Technik:</span>
                    <p>Da Visit-X ihre &#8222;Heimatbasis&#8220; ist, ist die Qualität meist perfekt (<strong>HD</strong>). Oft nutzt sie interaktive Toys (Ohmibod/Lovense), die <strong>DU</strong> steuern kannst.</p>
                </div>
            </div>
        </div>
    </div>

    <!-- FEATURE B -->
    <div class="pn-feature pn-feature-b">
        <div class="pn-feature-header">
            <span class="pn-feature-letter">B</span>
            <div class="pn-feature-title">
                <h4>Das offizielle Video-Archiv</h4>
            </div>
            <span class="pn-feature-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
        
        <div class="pn-feature-intro">
            <p>Da Visit-X ihre offizielle Seite betreut, findest du hier nicht nur die Live-Cams, sondern auch <strong>alle ihre Videos</strong> in voller Länge.</p>
        </div>

        <div class="pn-feature-details">
            <div class="pn-detail-item">
                <span class="pn-detail-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39e.png" alt="🎞" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-detail-content">
                    <p>Vom legendären Klassiker <strong>&#8222;Schlüssel verloren&#8220;</strong> bis zu neuen Produktionen.</p>
                </div>
            </div>
            <div class="pn-detail-item pn-detail-highlight">
                <span class="pn-detail-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-detail-content">
                    <span class="pn-detail-label">Vorteil:</span>
                    <p>Im Gegensatz zu Tube-Seiten, wo du nur pixelige 2-Minuten-Schnipsel findest, bekommst du hier die <strong>Full-HD Versionen</strong> direkt von der Quelle.</p>
                </div>
            </div>
        </div>
    </div>

</div>


<style>
/* ==========================================================================
   CONTENT FEATURES BOX
   ========================================================================== */

.pn-features-box {
    background: linear-gradient(
        135deg,
        rgba(35, 12, 22, 0.98) 0%,
        rgba(26, 10, 16, 0.98) 100%
    );
    border: 1px solid rgba(248, 3, 95, 0.25);
    border-radius: 24px;
    padding: 8px;
    margin: 2em auto;
    max-width: 850px;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.1);
}

/* Glow Border */
.pn-features-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #ef4444, #F8035F, #D4A853);
    background-size: 200% 100%;
    animation: pn-features-glow 3s ease infinite;
}

@keyframes pn-features-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Feature Block */
.pn-feature {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 25px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.pn-feature:last-child {
    margin-bottom: 0;
}

.pn-feature:hover {
    background: rgba(248, 3, 95, 0.04);
    border-color: rgba(248, 3, 95, 0.15);
}

/* Feature A - Rot/Live */
.pn-feature-a {
    border-left: 4px solid #ef4444;
}

.pn-feature-a:hover {
    box-shadow: 0 0 25px rgba(239, 68, 68, 0.1);
}

.pn-feature-a .pn-feature-letter {
    background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
}

/* Feature B - Gold */
.pn-feature-b {
    border-left: 4px solid #D4A853;
}

.pn-feature-b:hover {
    box-shadow: 0 0 25px rgba(212, 168, 83, 0.1);
}

.pn-feature-b .pn-feature-letter {
    background: linear-gradient(135deg, #D4A853 0%, #e8c06a 100%);
    color: #1a0a10;
}

/* Feature Header */
.pn-feature-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.pn-feature-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 800;
    border-radius: 12px;
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.pn-feature-title {
    flex: 1;
}

.pn-feature-title h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

.pn-feature-tag {
    display: inline-block;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
    margin-top: 3px;
}

.pn-feature-icon {
    font-size: 1.8rem;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.3));
}

/* Feature Intro */
.pn-feature-intro {
    padding: 18px 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    margin-bottom: 18px;
}

.pn-feature-intro p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

/* Feature Details */
.pn-feature-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pn-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.pn-detail-item:hover {
    background: rgba(248, 3, 95, 0.05);
    border-color: rgba(248, 3, 95, 0.15);
    transform: translateX(5px);
}

/* Highlight Detail */
.pn-detail-highlight {
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.08) 0%, rgba(74, 222, 128, 0.02) 100%) !important;
    border-color: rgba(74, 222, 128, 0.2) !important;
}

.pn-detail-highlight:hover {
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.12) 0%, rgba(74, 222, 128, 0.04) 100%) !important;
    border-color: rgba(74, 222, 128, 0.3) !important;
}

.pn-detail-highlight .pn-detail-label {
    color: #4ade80 !important;
}

.pn-detail-icon {
    font-size: 1.3rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.pn-detail-content {
    flex: 1;
    min-width: 0;
}

.pn-detail-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #F8035F;
    margin-bottom: 6px;
}

.pn-detail-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    line-height: 1.65;
}

.pn-detail-content strong {
    color: #ffffff !important;
    background: none !important;
    padding: 0 !important;
}

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

@media (max-width: 600px) {
    .pn-features-box {
        padding: 6px;
    }
    
    .pn-feature {
        padding: 20px 18px;
    }
    
    .pn-feature-header {
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .pn-feature-letter {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }
    
    .pn-feature-title h4 {
        font-size: 1.1rem !important;
    }
    
    .pn-feature-icon {
        font-size: 1.5rem;
    }
    
    .pn-feature-intro {
        padding: 15px;
    }
    
    .pn-detail-item {
        padding: 12px 14px;
        gap: 12px;
    }
    
    .pn-detail-icon {
        font-size: 1.1rem;
    }
    
    .pn-detail-content p {
        font-size: 0.9rem;
    }
}
</style>
</div>
</div>



<div style="text-align: center;">
    <a href="https://peepnow.net/go/lucy-cat" class="pn-button pn-button-icon-left">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">JETZT PRÜFEN: IST LUCY CAT GERADE LIVE</span>
    </a>
</div>



<h2 class="wp-block-heading">3. Faktencheck: Mythen vs. Wahrheit</h2>



<p>Da viel Blödsinn im Netz steht, hier die Faktenlage für 2026:</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== DEXTER FAQ BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-faq-box">
    
    <div class="pn-faq-header">
        <span class="pn-faq-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h4>Häufige Fragen – Dexter antwortet</h4>
    </div>

    <div class="pn-faq-list">

        <!-- FRAGE 1 -->
        <div class="pn-faq-item">
            <div class="pn-faq-question">
                <span class="pn-q-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f914.png" alt="🤔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>&#8222;Heißt sie jetzt Just Lucy?&#8220;</p>
            </div>
            <div class="pn-faq-answer">
                <div class="pn-answer-avatar">
                    <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-profil.jpg" alt="Dexter"/>
                </div>
                <div class="pn-answer-content">
                    <span class="pn-answer-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexter:</span>
                    <p>Auf Instagram ja. Aber ihr offizielles Business und ihre Cams laufen bei <strong>Visit-X</strong> weiter unter <strong>Lucy Cat</strong>. Lass dich davon nicht verwirren.</p>
                </div>
            </div>
        </div>

        <!-- FRAGE 2 -->
        <div class="pn-faq-item">
            <div class="pn-faq-question">
                <span class="pn-q-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f914.png" alt="🤔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>&#8222;Ist sie auf OnlyFans?&#8220;</p>
            </div>
            <div class="pn-faq-answer">
                <div class="pn-answer-avatar">
                    <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-profil.jpg" alt="Dexter"/>
                </div>
                <div class="pn-answer-content">
                    <span class="pn-answer-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexter:</span>
                    <p>Sie hat verschiedene Kanäle, aber <strong>Visit-X ist ihr Haupt-Hub</strong>. Hier hast du deutschen Support, anonyme Bezahlmethoden (Paysafecard) und die Garantie, dass es kein Fake-Profil ist.</p>
                </div>
            </div>
        </div>

        <!-- FRAGE 3 -->
        <div class="pn-faq-item">
            <div class="pn-faq-question">
                <span class="pn-q-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f914.png" alt="🤔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>&#8222;Trifft sie Fans privat?&#8220;</p>
            </div>
            <div class="pn-faq-answer">
                <div class="pn-answer-avatar">
                    <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-profil.jpg" alt="Dexter"/>
                </div>
                <div class="pn-answer-content">
                    <span class="pn-answer-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexter:</span>
                    <p><strong>Nein.</strong> Vorsicht vor Betrügern auf Tinder &#038; Co! Lucy Cat bietet <strong>keine Escort-Dienste</strong> an. Die einzige Möglichkeit für &#8222;Privatkontakt&#8220; ist der <strong>1:1 Chat auf Visit-X</strong>.</p>
                </div>
            </div>
        </div>

        <!-- FRAGE 4 -->
        <div class="pn-faq-item">
            <div class="pn-faq-question">
                <span class="pn-q-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f914.png" alt="🤔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>&#8222;Wie alt ist sie wirklich?&#8220;</p>
            </div>
            <div class="pn-faq-answer">
                <div class="pn-answer-avatar">
                    <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-profil.jpg" alt="Dexter"/>
                </div>
                <div class="pn-answer-content">
                    <span class="pn-answer-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexter:</span>
                    <p>Viele Seiten schreiben &#8222;Jahrgang 2001&#8220;. <strong>Das ist Quatsch</strong> (da war sie noch ein Kind, als sie anfing). Sie ist ein erfahrener Profi (<strong>Jahrgang ca. 1994</strong>) und steht mitten im Leben.</p>
                </div>
            </div>
        </div>

    </div>

</div>


<style>
/* ==========================================================================
   DEXTER FAQ BOX
   ========================================================================== */

.pn-faq-box {
    background: linear-gradient(
        135deg,
        rgba(35, 12, 22, 0.98) 0%,
        rgba(26, 10, 16, 0.98) 100%
    );
    border: 1px solid rgba(248, 3, 95, 0.25);
    border-radius: 24px;
    padding: 0;
    margin: 2em auto;
    max-width: 850px;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.1);
}

/* Glow Border */
.pn-faq-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #F8035F, #D4A853, #F8035F);
    background-size: 200% 100%;
    animation: pn-faq-glow 3s ease infinite;
}

@keyframes pn-faq-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Header */
.pn-faq-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 22px 28px;
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.12) 0%, rgba(248, 3, 95, 0.04) 100%);
    border-bottom: 1px solid rgba(248, 3, 95, 0.15);
}

.pn-faq-icon {
    font-size: 1.5rem;
}

.pn-faq-header h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

/* FAQ List */
.pn-faq-list {
    padding: 15px;
}

/* FAQ Item */
.pn-faq-item {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.pn-faq-item:last-child {
    margin-bottom: 0;
}

.pn-faq-item:hover {
    border-color: rgba(248, 3, 95, 0.25);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
}

/* Question */
.pn-faq-question {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.1) 0%, rgba(212, 168, 83, 0.03) 100%);
    border-bottom: 1px solid rgba(248, 3, 95, 0.1);
}

.pn-q-icon {
    font-size: 1.3rem;
    flex-shrink: 0;
}

.pn-faq-question p {
    margin: 0 !important;
    padding: 0 !important;
    color: #D4A853;
    font-size: 1.05rem;
    font-weight: 600;
    font-style: italic;
}

/* Answer */
.pn-faq-answer {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px 22px;
}

.pn-answer-avatar {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #F8035F;
    box-shadow: 0 0 15px rgba(248, 3, 95, 0.3);
}

.pn-answer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pn-answer-content {
    flex: 1;
    min-width: 0;
}

.pn-answer-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #F8035F;
    margin-bottom: 8px;
}

.pn-answer-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.98rem;
    line-height: 1.7;
}

.pn-answer-content strong {
    color: #ffffff !important;
    background: none !important;
    padding: 0 !important;
}

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

@media (max-width: 600px) {
    .pn-faq-header {
        padding: 18px 20px;
    }
    
    .pn-faq-header h4 {
        font-size: 1.1rem !important;
    }
    
    .pn-faq-list {
        padding: 10px;
    }
    
    .pn-faq-item {
        margin-bottom: 10px;
    }
    
    .pn-faq-question {
        padding: 15px 18px;
        gap: 10px;
    }
    
    .pn-faq-question p {
        font-size: 0.95rem;
    }
    
    .pn-faq-answer {
        padding: 15px 18px;
        gap: 12px;
    }
    
    .pn-answer-avatar {
        width: 40px;
        height: 40px;
    }
    
    .pn-answer-content p {
        font-size: 0.92rem;
    }
}
</style>
</div>
</div>



<h2 class="wp-block-heading">4. Was kostet der Spaß bei Visit-X?</h2>



<p>Qualität kostet. Visit-X ist kein Billig-Discounter.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== PREIS INFO BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-price-box">
    
    <div class="pn-price-header">
        <span class="pn-price-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48e.png" alt="💎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h4>Preise</h4>
        <span class="pn-price-badge">Premium</span>
    </div>

    <div class="pn-price-intro">
        <p>Lucy Cat spielt in der <strong>Champions League</strong>. Ihre Minutenpreise im Privat-Chat liegen im oberen Segment.</p>
    </div>

    <div class="pn-price-verdict">
        <div class="pn-verdict-header">
            <span class="pn-verdict-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f914.png" alt="🤔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <h5>Lohnt sich das?</h5>
        </div>
        
        <div class="pn-verdict-options">
            <div class="pn-verdict-no">
                <span class="pn-verdict-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-verdict-content">
                    <span class="pn-verdict-label">Wenn du &#8222;Billig-Sex&#8220; willst:</span>
                    <span class="pn-verdict-answer">Nein.</span>
                </div>
            </div>
            
            <div class="pn-verdict-yes">
                <span class="pn-verdict-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="pn-verdict-content">
                    <span class="pn-verdict-label">Wenn du Sicherheit willst</span>
                    <span class="pn-verdict-details">(kein Abo, keine Abzocke, anonyme Abrechnung)</span>
                    <span class="pn-verdict-label">und eine Frau, die wirklich Spaß am Job hat:</span>
                    <span class="pn-verdict-answer pn-answer-yes">Ja, absolut.</span>
                </div>
            </div>
        </div>
    </div>

</div>


<style>
/* ==========================================================================
   PREIS INFO BOX
   ========================================================================== */

.pn-price-box {
    background: linear-gradient(
        135deg,
        rgba(212, 168, 83, 0.1) 0%,
        rgba(35, 12, 22, 0.98) 40%,
        rgba(26, 10, 16, 0.98) 100%
    );
    border: 1px solid rgba(212, 168, 83, 0.3);
    border-radius: 24px;
    padding: 0;
    margin: 2em auto;
    max-width: 800px;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(212, 168, 83, 0.15);
}

/* Glow Border */
.pn-price-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4A853, #e8c06a, #D4A853);
    background-size: 200% 100%;
    animation: pn-price-glow 3s ease infinite;
}

@keyframes pn-price-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Header */
.pn-price-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 22px 28px;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.15) 0%, rgba(212, 168, 83, 0.05) 100%);
    border-bottom: 1px solid rgba(212, 168, 83, 0.2);
}

.pn-price-icon {
    font-size: 1.6rem;
    filter: drop-shadow(0 0 10px rgba(212, 168, 83, 0.5));
}

.pn-price-header h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #D4A853 !important;
    border: none !important;
    background: none !important;
    flex: 1;
}

.pn-price-badge {
    background: linear-gradient(135deg, #D4A853 0%, #e8c06a 100%);
    color: #1a0a10;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(212, 168, 83, 0.4);
}

/* Intro */
.pn-price-intro {
    padding: 22px 28px;
    border-bottom: 1px solid rgba(248, 3, 95, 0.1);
}

.pn-price-intro p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.05rem;
    line-height: 1.7;
}

.pn-price-intro strong {
    color: #D4A853 !important;
    background: none !important;
    padding: 0 !important;
}

/* Verdict Section */
.pn-price-verdict {
    padding: 25px 28px;
}

.pn-verdict-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.pn-verdict-icon {
    font-size: 1.4rem;
}

.pn-verdict-header h5 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

/* Verdict Options */
.pn-verdict-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pn-verdict-no,
.pn-verdict-yes {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 18px 20px;
    border-radius: 14px;
    transition: all 0.3s ease;
}

/* No Option */
.pn-verdict-no {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.03) 100%);
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.pn-verdict-no:hover {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(239, 68, 68, 0.05) 100%);
    transform: translateX(5px);
}

/* Yes Option */
.pn-verdict-yes {
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.1) 0%, rgba(74, 222, 128, 0.03) 100%);
    border: 1px solid rgba(74, 222, 128, 0.25);
}

.pn-verdict-yes:hover {
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.15) 0%, rgba(74, 222, 128, 0.05) 100%);
    transform: translateX(5px);
    box-shadow: 0 5px 25px rgba(74, 222, 128, 0.15);
}

/* Emoji */
.pn-verdict-emoji {
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Content */
.pn-verdict-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pn-verdict-label {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.98rem;
    line-height: 1.5;
}

.pn-verdict-details {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    font-style: italic;
}

.pn-verdict-answer {
    color: #f87171;
    font-size: 1.1rem;
    font-weight: 700;
    margin-top: 5px;
}

.pn-answer-yes {
    color: #4ade80 !important;
    text-shadow: 0 0 15px rgba(74, 222, 128, 0.4);
}

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

@media (max-width: 600px) {
    .pn-price-header {
        flex-wrap: wrap;
        padding: 18px 20px;
        gap: 10px;
    }
    
    .pn-price-header h4 {
        font-size: 1.15rem !important;
    }
    
    .pn-price-badge {
        font-size: 0.75rem;
        padding: 5px 12px;
    }
    
    .pn-price-intro {
        padding: 18px 20px;
    }
    
    .pn-price-intro p {
        font-size: 0.98rem;
    }
    
    .pn-price-verdict {
        padding: 20px;
    }
    
    .pn-verdict-no,
    .pn-verdict-yes {
        padding: 15px;
        gap: 12px;
    }
    
    .pn-verdict-emoji {
        font-size: 1.3rem;
    }
    
    .pn-verdict-label {
        font-size: 0.92rem;
    }
    
    .pn-verdict-answer {
        font-size: 1rem;
    }
}
</style>
</div>
</div>



<!-- ===== DEXTER TIP BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-dexter-tip">
    <div class="pn-dexter-avatar">
        <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-tip.webp" alt="Dexter"/>
    </div>
    <div class="pn-dexter-content">
        <div class="pn-dexter-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexters Tipp</div>
        <p>Visit-X bietet oft Gutscheine oder Einsteiger-Angebote für Neukunden. Registriere dich kostenlos und check erst mal die Lage, bevor du Geld auflädst.</p>
    </div>
</div>


<style>
/* ==========================================================================
   DEXTER TIP BOX - Kompakt mit Avatar
   ========================================================================== */

.pn-dexter-tip {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: linear-gradient(
        135deg,
        rgba(248, 3, 95, 0.12) 0%,
        rgba(35, 12, 22, 0.95) 50%,
        rgba(212, 168, 83, 0.08) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-left: 4px solid #F8035F;
    border-radius: 16px;
    padding: 25px;
    margin: 2em auto;
    max-width: 800px;
    position: relative;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.3),
        0 0 30px rgba(248, 3, 95, 0.1);
    transition: all 0.3s ease;
}

.pn-dexter-tip:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.2);
    border-color: rgba(248, 3, 95, 0.5);
}

/* Dexter Avatar */
.pn-dexter-avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #F8035F;
    box-shadow: 
        0 0 20px rgba(248, 3, 95, 0.4),
        0 0 40px rgba(248, 3, 95, 0.2);
    transition: all 0.3s ease;
}

.pn-dexter-tip:hover .pn-dexter-avatar {
    transform: scale(1.05);
    box-shadow: 
        0 0 25px rgba(248, 3, 95, 0.5),
        0 0 50px rgba(248, 3, 95, 0.3);
}

.pn-dexter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content */
.pn-dexter-content {
    flex: 1;
    min-width: 0;
}

/* Label */
.pn-dexter-label {
    display: inline-block;
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 100%);
    color: #ffffff;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 12px;
    box-shadow: 0 3px 12px rgba(248, 3, 95, 0.4);
}

/* Text */
.pn-dexter-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

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

@media (max-width: 500px) {
    .pn-dexter-tip {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
        gap: 15px;
    }
    
    .pn-dexter-avatar {
        width: 70px;
        height: 70px;
    }
    
    .pn-dexter-label {
        font-size: 0.75rem;
    }
    
    .pn-dexter-content p {
        font-size: 0.95rem;
    }
}
</style>



<h2 class="wp-block-heading">5. Dexters Fazit: Geh zum Schmied, nicht zum Schmiedl</h2>



<p>Warum solltest du auf dubiosen Seiten nach &#8222;Lucy Cat Nackt&#8220; suchen und dir Viren einfangen, wenn die Frau eine <strong>offizielle, verifizierte Seite auf Visit-X</strong> hat?</p>



<p>Dort kriegt sie ihr Geld fair ausbezahlt, dort ist die Qualität am besten und dort bist du sicher vor Fakes. Sie ist und bleibt die Königin der deutschen Amateure. Wer sie noch nicht live erlebt hat, hat eine Bildungslücke.</p>



<p><strong>Der direkte Weg zum Original:</strong></p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Hier geht&#8217;s zum offiziellen Visit-X Profil von Lucy Cat</strong> <em>(Achte auf den grünen &#8222;Live&#8220;-Status!)</em></p>



<div style="text-align: center;">
    <a href="https://peepnow.net/go/lucy-cat" class="pn-button pn-button-icon-left">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">JETZT PRÜFEN: IST LUCY CAT GERADE LIVE</span>
    </a>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Dexters Hall of Fame: Texas Patti – Warum die &#8222;Chefin&#8220; jeden Cent wert ist</title>
		<link>https://peepnow.net/dexters-hall-of-fame-texas-patti-warum-die-chefin-jeden-cent-wert-ist/</link>
					<comments>https://peepnow.net/dexters-hall-of-fame-texas-patti-warum-die-chefin-jeden-cent-wert-ist/#comments</comments>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Fri, 26 Dec 2025 10:52:40 +0000</pubDate>
				<category><![CDATA[Hall of Fame]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=1751</guid>

					<description><![CDATA[Dexter redet Tacheles Leute, Dexter hier. Wenn wir über deutsche Cam-Models reden, kommen wir an einem Namen nicht vorbei. Sie ist keine Eintagsfliege, sie ist kein schüchternes Mäuschen, das sich im Dunkeln versteckt. Sie ist eine Institution. Ich rede von Texas Patti. In meiner &#8222;Hall of Fame&#8220; stelle ich euch nur Frauen vor, die ihr [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>Dexter redet Tacheles</strong></h2>



<p>Leute, Dexter hier.</p>



<p>Wenn wir über deutsche Cam-Models reden, kommen wir an einem Namen nicht vorbei. Sie ist keine Eintagsfliege, sie ist kein schüchternes Mäuschen, das sich im Dunkeln versteckt. Sie ist eine Institution.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Ich rede von <strong>Texas Patti</strong>.</p>
</blockquote>



<p>In meiner &#8222;Hall of Fame&#8220; stelle ich euch nur Frauen vor, die ihr Handwerk zu 100% verstehen. Und Patti ist hier nicht nur Teilnehmerin, sie ist die Endgegnerin. Warum sie für viele Männer der feuchte Traum schlechthin ist und für wen sie sich <em>nicht</em> eignet – das klären wir jetzt.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="text-align: center;">
<a href="https://peepnow.net/go/texaspatti" class="pn-button pn-button-gold pn-button-lg pn-button-pulse">
    <span class="pn-button-text">Check: IST TEXAS PATTI GERADE LIVE?</span>
    <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
</a>
</div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== STECKBRIEF HTML - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-steckbrief">
    <div class="pn-steckbrief-header">
        <span class="pn-steckbrief-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h3 class="pn-steckbrief-title">Hard Facts</h3>
    </div>
    <ul class="pn-steckbrief-list">
        <li>
            <span class="pn-steckbrief-label">Name:</span>
            <span class="pn-steckbrief-value">Texas Patti</span>
        </li>
        <li>
            <span class="pn-steckbrief-label">Kategorie:</span>
            <span class="pn-steckbrief-value">MILF, Business-Lady, Domina, Deutsch</span>
        </li>
        <li>
            <span class="pn-steckbrief-label">Heimat-Plattform:</span>
            <span class="pn-steckbrief-value pn-highlight">MyDirtyHobby (MDH)</span>
        </li>
        <li>
            <span class="pn-steckbrief-label">Dexters Rating:</span>
            <span class="pn-steckbrief-value pn-rating"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <span class="pn-rating-text">(Profi-Liga)</span></span>
        </li>
        <li>
            <span class="pn-steckbrief-label">Perfekt für:</span>
            <span class="pn-steckbrief-value">Männer, die wissen, was sie wollen – und die eine Frau wollen, die den Ton angibt.</span>
        </li>
    </ul>
</div>

<style>
/* ==========================================================================
   STECKBRIEF / HARD FACTS BOX
   ========================================================================== */

.pn-steckbrief {
    background: linear-gradient(
        135deg,
        rgba(248, 3, 95, 0.1) 0%,
        rgba(35, 12, 22, 0.95) 50%,
        rgba(212, 168, 83, 0.08) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-radius: 20px;
    padding: 0;
    margin: 2em 0;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.4),
        0 0 30px rgba(248, 3, 95, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Animierter Glow Border oben */
.pn-steckbrief::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #F8035F, #D4A853, #F8035F);
    background-size: 200% 100%;
    animation: pn-steckbrief-glow 3s ease infinite;
}

@keyframes pn-steckbrief-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Header */
.pn-steckbrief-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 25px;
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.15) 0%, rgba(248, 3, 95, 0.05) 100%);
    border-bottom: 1px solid rgba(248, 3, 95, 0.2);
}

.pn-steckbrief-icon {
    font-size: 1.5rem;
    filter: drop-shadow(0 0 8px rgba(248, 3, 95, 0.5));
}

.pn-steckbrief-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important;
    background: none !important;
}

/* Liste */
.pn-steckbrief-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
}

.pn-steckbrief-list li {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px 25px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(248, 3, 95, 0.1);
    transition: all 0.3s ease;
}

.pn-steckbrief-list li:last-child {
    border-bottom: none;
}

.pn-steckbrief-list li:hover {
    background: rgba(248, 3, 95, 0.05);
}

.pn-steckbrief-list li::before {
    display: none !important;
}

/* Label */
.pn-steckbrief-label {
    font-weight: 700;
    color: #D4A853;
    min-width: 140px;
    flex-shrink: 0;
}

/* Value */
.pn-steckbrief-value {
    color: rgba(255, 255, 255, 0.9);
    flex: 1;
}

/* Highlight (z.B. Plattform) */
.pn-steckbrief-value.pn-highlight {
    color: #F8035F;
    font-weight: 600;
}

/* Rating */
.pn-steckbrief-value.pn-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pn-rating-text {
    color: #D4A853;
    font-weight: 600;
    font-size: 0.9em;
}

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

@media (max-width: 600px) {
    .pn-steckbrief-list li {
        flex-direction: column;
        gap: 5px;
        padding: 12px 20px !important;
    }
    
    .pn-steckbrief-label {
        min-width: auto;
        font-size: 0.85rem;
    }
    
    .pn-steckbrief-value {
        font-size: 0.95rem;
    }
    
    .pn-steckbrief-header {
        padding: 15px 20px;
    }
    
    .pn-steckbrief-title {
        font-size: 1.1rem !important;
        letter-spacing: 1px;
    }
}
</style>
</div>
</div>



<h2 class="wp-block-heading">Warum Texas Patti? Dexters Urteil</h2>



<p>Es gibt Cam-Girls, die kichern nervös in die Kamera. Und dann gibt es Patti. Wenn sie online kommt, merkst du sofort: Hier ist ein Profi am Werk.</p>



<p><strong>1. Sie ist der Boss (und du darfst gehorchen)</strong> Patti spielt oft mit der Rolle der dominanten Chefin oder der erfahrenen Lady. Ihr Dirty Talk ist legendär – und zwar auf Deutsch. Kein gebrochenes Englisch, keine Missverständnisse. Wenn sie dir sagt, was du tun sollst, dann tust du es. Punkt.</p>



<p><strong>2. High Quality Production</strong> Bei ihr rauscht kein Mikrofon und das Bild ist nicht pixelig. Sie investiert in ihr Equipment. Das Licht sitzt, der Sound ist klar. Du bekommst hier HD-Qualität, und das ist in der Cam-Welt leider immer noch nicht Standard.</p>



<p><strong>3. Interaktivität auf höchstem Niveau</strong> Sie weiß genau, wie sie den Chat steuert. Sie geht auf Wünsche ein, aber zu ihren Bedingungen. Das macht den Reiz aus. Es fühlt sich an wie ein Spiel mit dem Feuer, bei dem man sich gerne verbrennt.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== FÜR WEN LOHNT SICH - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-invest-box">
    <div class="pn-invest-header">
        <span class="pn-invest-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h3 class="pn-invest-title">Für wen lohnt sich das &#8222;Invest&#8220;?</h3>
    </div>
    
    <div class="pn-invest-intro">
        Machen wir uns nichts vor: Texas Patti ist kein &#8222;Schnäppchen&#8220;. Aber wir sind ja auch nicht auf dem Flohmarkt, sondern im Premium-Segment.
    </div>
    
    <div class="pn-invest-section pn-invest-yes">
        <div class="pn-invest-item">
            <span class="pn-invest-check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-invest-text">
                <strong>Ja, unbedingt:</strong> Wenn du auf MILFs stehst, auf Tattoos, Kurven und eine Frau, die Dominanz ausstrahlt.
            </div>
        </div>
        <div class="pn-invest-item">
            <span class="pn-invest-check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-invest-text">
                <strong>Ja, unbedingt:</strong> Wenn du deutschen Dirty Talk liebst, der direkt unter die Haut geht.
            </div>
        </div>
    </div>
    
    <div class="pn-invest-section pn-invest-no">
        <div class="pn-invest-item">
            <span class="pn-invest-x"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-invest-text">
                <strong>Nein, eher nicht:</strong> Wenn du auf das &#8222;unschuldige Mädchen von nebenan&#8220; (Teen/Studentin) stehst, das noch rot wird.
            </div>
        </div>
    </div>
</div>

<style>
/* ==========================================================================
   FÜR WEN LOHNT SICH - INVEST BOX
   ========================================================================== */

.pn-invest-box {
    background: linear-gradient(
        135deg,
        rgba(248, 3, 95, 0.08) 0%,
        rgba(35, 12, 22, 0.95) 50%,
        rgba(212, 168, 83, 0.06) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(248, 3, 95, 0.25);
    border-radius: 20px;
    padding: 0;
    margin: 2em 0;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.4),
        0 0 30px rgba(248, 3, 95, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Animierter Glow Border oben */
.pn-invest-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4A853, #F8035F, #D4A853);
    background-size: 200% 100%;
    animation: pn-invest-glow 3s ease infinite;
}

@keyframes pn-invest-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Header */
.pn-invest-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 25px;
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.15) 0%, rgba(212, 168, 83, 0.05) 100%);
    border-bottom: 1px solid rgba(212, 168, 83, 0.2);
}

.pn-invest-icon {
    font-size: 1.5rem;
    filter: drop-shadow(0 0 8px rgba(212, 168, 83, 0.5));
}

.pn-invest-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #D4A853 !important;
    border: none !important;
    background: none !important;
}

/* Intro Text */
.pn-invest-intro {
    padding: 20px 25px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    line-height: 1.7;
    border-bottom: 1px solid rgba(248, 3, 95, 0.1);
    font-style: italic;
}

/* Sections */
.pn-invest-section {
    padding: 15px 25px;
}

.pn-invest-yes {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.08) 0%, transparent 100%);
    border-bottom: 1px solid rgba(248, 3, 95, 0.1);
}

.pn-invest-no {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, transparent 100%);
}

/* Items */
.pn-invest-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 12px 0;
    transition: all 0.3s ease;
}

.pn-invest-item:hover {
    transform: translateX(5px);
}

/* Check & X Icons */
.pn-invest-check,
.pn-invest-x {
    font-size: 1.3rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.pn-invest-check {
    filter: drop-shadow(0 0 6px rgba(34, 197, 94, 0.6));
}

.pn-invest-x {
    filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.6));
}

/* Text */
.pn-invest-text {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

.pn-invest-text strong {
    color: #ffffff !important;
    background: none !important;
    padding: 0 !important;
}

.pn-invest-yes .pn-invest-text strong {
    color: #4ade80 !important;
}

.pn-invest-no .pn-invest-text strong {
    color: #f87171 !important;
}

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

@media (max-width: 600px) {
    .pn-invest-header {
        padding: 15px 20px;
    }
    
    .pn-invest-title {
        font-size: 1.05rem !important;
    }
    
    .pn-invest-intro {
        padding: 15px 20px;
        font-size: 0.95rem;
    }
    
    .pn-invest-section {
        padding: 12px 20px;
    }
    
    .pn-invest-item {
        gap: 12px;
        padding: 10px 0;
    }
    
    .pn-invest-check,
    .pn-invest-x {
        font-size: 1.1rem;
    }
    
    .pn-invest-text {
        font-size: 0.95rem;
    }
}
</style>
</div>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Dexters Tipp: Wenn Patti dir zu dominant ist und du es lieber &#8222;süß und versaut&#8220; magst, schau dir lieber meinen Bericht über <strong><a href="https://peepnow.net/cam-models/liaengel/">Liaengel</a></strong> an</p>
</blockquote>



<h2 class="wp-block-heading">Fazit: Eine Legende, die liefert</h2>



<p>Texas Patti bucht man nicht mal eben so nebenbei. Man besucht sie für ein Erlebnis. Sie ist seit Jahren an der Spitze, und das völlig zu Recht. Wer genug von 08/15-Shows hat und sehen will, wie ein echter Profi dich um den Verstand bringt, ist bei ihr goldrichtig.</p>



<p><strong>Ist sie jeden Tag online?</strong> Nein, sie ist viel beschäftigt. Aber wenn der &#8222;Live&#8220;-Button leuchtet, solltest du nicht zögern.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="text-align: center;">
<a href="https://peepnow.net/go/texaspatti" class="pn-button pn-button-gold pn-button-lg pn-button-pulse">
    <span class="pn-button-text">Check: IST TEXAS PATTI GERADE LIVE?</span>
    <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
</a>
</div>
</div>
</div>



<h2 class="wp-block-heading">Texas Patti auf Instagram, Facebook &amp; Co? Dexter klärt auf</h2>



<p>Natürlich suchen viele von euch nach <strong>&#8222;Texas Patti Instagram&#8220;</strong> oder wollen ihr auf Facebook folgen. Klar, die Frau ist ein Star und hat hunderttausende Follower.</p>



<p>Aber ich muss euch warnen: <strong>Social Media ist der &#8222;Kindergarten&#8220;.</strong></p>



<p>Warum? Weil Instagram, TikTok und Facebook extrem strenge Regeln haben.</p>



<ul class="wp-block-list">
<li><strong>Instagram:</strong> Sobald ein Nippel zu sehen ist -&gt; Ban. Du siehst dort also nur &#8222;brave&#8220; Selfies oder Werbung.</li>



<li><strong>Facebook:</strong> Dasselbe Spiel. Zensur ohne Ende.</li>
</ul>



<p><strong>Der &#8222;Geheim-Tipp&#8220; für echte Einblicke:</strong> Wenn du Patti wirklich <strong>privat, ungeschminkt und vor allem unzensiert</strong> erleben willst, bringt dir ihr Insta-Profil gar nichts. Die wirkliche Action – also das, was wir sehen wollen – findet exklusiv auf ihrem Profil bei MDH statt. Dort postet sie auch &#8222;News&#8220;, aber eben die Version für Erwachsene.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Dexters Rat:</strong> Spar dir die Suche nach dem Instagram-Profil. Du wirst dort nur enttäuscht sein, weil die besten Stellen mit Emojis verdeckt sind. Geh lieber direkt zur Quelle.</p>
</blockquote>
]]></content:encoded>
					
					<wfw:commentRss>https://peepnow.net/dexters-hall-of-fame-texas-patti-warum-die-chefin-jeden-cent-wert-ist/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>RoyalCams im Test: Besser als LiveJasmin oder nur heiße Luft?</title>
		<link>https://peepnow.net/royalcams-im-test/</link>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Fri, 26 Dec 2025 09:52:51 +0000</pubDate>
				<category><![CDATA[Cam Seiten Tests]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=1736</guid>

					<description><![CDATA[&#8222;Leute, Dexter hier. Heute schauen wir uns einen Kandidaten an, der den Mund ganz schön voll nimmt: RoyalCams. Sie behaupten selbst, die &#8222;ultimative Webcam-Seite&#8220; zu sein und besser als die Giganten Pornhub oder LiveJasmin abzuliefern. Das ist eine Ansage. Ich habe mich für euch reingewagt (natürlich inkognito), um zu sehen, ob die Models wirklich so [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>&#8222;Leute, Dexter hier. Heute schauen wir uns einen Kandidaten an, der den Mund ganz schön voll nimmt: <strong>RoyalCams</strong>. Sie behaupten selbst, die &#8222;ultimative Webcam-Seite&#8220; zu sein und besser als die Giganten Pornhub oder LiveJasmin abzuliefern.</p>



<p>Das ist eine Ansage. Ich habe mich für euch reingewagt (natürlich inkognito), um zu sehen, ob die Models wirklich so &#8222;Royal&#8220; sind oder ob wir hier nur den Hofnarren spielen.&#8220;</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="text-align: center;">
    <a href="https://peepnow.net/go/royal-cams" class="pn-button pn-button-icon-left">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">Hot Deals ansehen</span>
    </a>
</div>
</div>
</div>



<h2 class="wp-block-heading">1. Was ist RoyalCams eigentlich?</h2>



<p>RoyalCams ist eine klassische Freemium-Cam-Seite, aber mit einem Twist: Sie setzen extrem auf Vielfalt. Während andere Seiten oft sehr &#8222;amerikanisch&#8220; oder &#8222;europäisch&#8220; geprägt sind, fällt hier sofort auf:</p>



<ul class="wp-block-list">
<li><strong>Gigantische Nischen-Auswahl:</strong> Von &#8222;Indian&#8220; über &#8222;Arab&#8220; bis hin zu &#8222;Hentai Sex Games&#8220; (ja, wirklich!) ist hier alles am Start.</li>



<li><strong>Interaktivität:</strong> Die Seite bewirbt stark ihre &#8222;Interactive Toys&#8220; (Lovense &amp; Co.). Das heißt: Du steuerst das Spielzeug der Models.</li>
</ul>



<p><strong>Der erste Eindruck:</strong> Die Seite ist schnell, die Anmeldung dauert keine 2 Minuten und du musst keine Kreditkarte hinterlegen, um dich nur mal umzuschauen. Das ist ein Pluspunkt für alle, die anonym bleiben wollen.&#8220;</p>



<h2 class="wp-block-heading">2. Die Models: Masse UND Klasse?</h2>



<p>Aktuell werben sie mit über 14.000 Models. Das ist eine Hausnummer. Was beim Testen auffiel:</p>



<ul class="wp-block-list">
<li><strong>Amateur vs. Profi:</strong> Du findest hier beides. Die blutjunge Studentin (18+), die sich was dazuverdienen will, und die professionelle Domina.</li>



<li><strong>Kategorien-Vielfalt:</strong> Besonders stark sind sie bei &#8222;Couples&#8220; und &#8222;Hardcore&#8220;-Themen wie Gangbangs oder Deepthroat-Shows. Wer es also etwas härter mag, wird hier eher fündig als auf den &#8222;Kuschel-Cam-Seiten&#8220;.</li>
</ul>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Tipp von Dexter: Nutzt die Filterfunktion! Wenn ihr auf Latina oder Ebony steht, filtert direkt danach. Die Auswahl ist riesig.</p>
</blockquote>



<figure class="wp-block-image size-large"><a href="https://peepnow.net/go/royal-cams"><img fetchpriority="high" decoding="async" width="1024" height="576" src="https://peepnow.net/wp-content/uploads/2025/12/royal-cams-inside-1024x576.webp" alt="" class="wp-image-1747" srcset="https://peepnow.net/wp-content/uploads/2025/12/royal-cams-inside-1024x576.webp 1024w, https://peepnow.net/wp-content/uploads/2025/12/royal-cams-inside-300x169.webp 300w, https://peepnow.net/wp-content/uploads/2025/12/royal-cams-inside-768x432.webp 768w, https://peepnow.net/wp-content/uploads/2025/12/royal-cams-inside.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<h2 class="wp-block-heading">3.Kosten &amp; Free-Modus</h2>



<p>Tacheles: Die Anmeldung ist <strong>kostenlos</strong>. Du kannst dich umsehen, Profile checken und in die öffentlichen Räume reinschnuppern. Aber wie überall im Leben: <em>You get what you pay for.</em> Wer Action will (Squirt, Anal, Befehle geben), muss Token kaufen. Die Preise sind fair und liegen im Branchen-Durchschnitt. Es gibt keine versteckten Abos, du zahlst nur, was du verbrauchst.</p>



<h2 class="wp-block-heading">4. Fazit: Für wen lohnt sich RoyalCams?</h2>



<p>RoyalCams ist perfekt für dich, wenn:</p>



<ol start="1" class="wp-block-list">
<li>Du <strong>spezielle Fetische</strong> hast (Hentai, bestimmte Ethnien wie Indisch/Arabisch), die du woanders schwer findest.</li>



<li>Du eine <strong>Alternative zu LiveJasmin</strong> suchst, die etwas &#8222;dreckiger&#8220; und authentischer wirkt.</li>



<li>Du auf interaktives Spielzeug stehst.</li>
</ol>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Dexters Urteil:</strong> Kein Blender, sondern eine solide Seite mit überraschend viel Tiefgang in den Nischen. Wer Standard-Cams will, geht zu Chaturbate. Wer Abwechslung sucht, checkt RoyalCams.</p>
</blockquote>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="text-align: center;">
    <a href="https://peepnow.net/go/royal-cams" class="pn-button pn-button-icon-left">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">Hot Deals ansehen</span>
    </a>
</div>
</div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Gestatten, Dexter. Willkommen im neuen Cam-Universum von Peepnow.net</title>
		<link>https://peepnow.net/gestatten-dexter-willkommen-im-neuen-cam-universum-von-peepnow-net/</link>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Fri, 26 Dec 2025 07:36:54 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=1707</guid>

					<description><![CDATA[Hi, ich bin Dexter. Vielleicht hast du mich schon gesehen – ich bin der Typ mit dem blauen Schuppenpanzer und dem breiten Grinsen oben im Logo. Aber ich bin mehr als nur Deko. Ich bin euer Guide, euer Moderator und das Sprachrohr des Teams hier bei Peepnow.net. Meine Crew im Hintergrund (ein Haufen ziemlich cleverer [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Hi, ich bin Dexter.</h2>



<p>Vielleicht hast du mich schon gesehen – ich bin der Typ mit dem blauen Schuppenpanzer und dem breiten Grinsen oben im Logo. Aber ich bin mehr als nur Deko. Ich bin euer Guide, euer Moderator und das Sprachrohr des Teams hier bei <strong>Peepnow.net</strong>.</p>



<p>Meine Crew im Hintergrund (ein Haufen ziemlich cleverer Tech- und Marketing-Experten) hat in den letzten Monaten Blut und Wasser geschwitzt. Wir haben analysiert, programmiert und die Köpfe zusammengesteckt. Warum? Weil wir das <strong>Cam-Biz</strong> in- und auswendig kennen und wussten: Da geht noch mehr.</p>



<p><strong>Jetzt ist es endlich soweit. Wir öffnen die Tore.</strong></p>



<h2 class="wp-block-heading">Was wir hier eigentlich machen</h2>



<p>Ich mache es kurz: <strong>Peepnow.net</strong> ist nicht einfach &#8222;noch so eine Cam-Seite&#8220;. Ich habe darauf bestanden, dass wir einen Ort schaffen, an dem Qualität zählt. Ein Marktplatz für echte Live-Action, der zwei Dinge verbindet:</p>



<ol start="1" class="wp-block-list">
<li>User, die auf der Suche nach dem gewissen Kick sind.</li>



<li>Models, die eine faire Bühne für ihre Show suchen.</li>
</ol>



<p>Meine Philosophie als euer Host ist simpel: <strong>Nur wenn beide Seiten happy sind, rockt die Hütte.</strong></p>



<h2 class="wp-block-heading">Dexter’s Versprechen an die User: Dein Spaß, deine Sicherheit</h2>



<p>Ich weiß genau, was euch nervt, wenn ihr online abschalten wollt. Deshalb haben wir Peepnow auf drei Säulen gestellt:</p>



<ul class="wp-block-list">
<li><strong>Kein Ruckeln, nur Action:</strong> Nichts killt die Stimmung schneller als ein Ladebalken. Meine Jungs haben die Server so getunt, dass wir hier High-Speed-Streaming liefern.</li>



<li><strong>Vielfalt ist King:</strong> Egal ob du auf Amateur, Profi, Hardcore oder sinnliche Chats stehst – ich sorge dafür, dass unser Katalog so bunt ist wie meine Hautfarbe.</li>



<li><strong>Deckung hoch:</strong> Das ist mein wichtigster Punkt. Eure Privatsphäre ist mir heilig. Wir arbeiten diskret im Hintergrund. Niemand muss wissen, wann und wo ihr euch vergnügt. Eure Daten sind bei mir sicher wie in einem Tresor.</li>
</ul>



<h2 class="wp-block-heading">An unsere Models: Willkommen zu Hause</h2>



<p>Ein Cam-Portal ohne Models ist wie ein Gecko ohne Schwanz – funktioniert irgendwie, sieht aber scheiße aus. Spaß beiseite: Ihr seid die Stars hier. Peepnow ist als Partner für Performer gebaut. Wir wollen, dass ihr hier eure Fanbase aufbaut und ordentlich Geld verdient. Keine versteckten Fallen, keine unfaire Behandlung. Ich bin hier, um sicherzustellen, dass ihr den Support bekommt, den ihr verdient.</p>



<h2 class="wp-block-heading">Wir sind gekommen, um zu bleiben</h2>



<p>In dieser Branche wird viel versprochen. Aber ich sage euch: Wir haben Großes vor. </p>



<p>Schaut euch um. Klickt euch durch die Kategorien. Testet die Features. Das hier ist erst der Anfang – ich habe noch ein paar Überraschungen in der Hinterhand.</p>



<p><strong>Viel Spaß auf Peepnow!</strong></p>



<p>Euer Dexter &amp; das Peepnow-Team</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Wieviel kann ich als Cammodel verdienen?</title>
		<link>https://peepnow.net/wieviel-kann-ich-als-cammodel-verdienen/</link>
					<comments>https://peepnow.net/wieviel-kann-ich-als-cammodel-verdienen/#respond</comments>
		
		<dc:creator><![CDATA[Jan Petersen]]></dc:creator>
		<pubDate>Sat, 22 Nov 2025 11:26:19 +0000</pubDate>
				<category><![CDATA[Cam Business]]></category>
		<guid isPermaLink="false">https://peepnow.net/?p=818</guid>

					<description><![CDATA[👋 Hey! Gestatten, Dexter. Lass uns direkt Tacheles reden. Du bist wahrscheinlich hier, weil du gelesen hast, dass man als Camgirl &#8222;im Schlaf reich wird&#8220;. Ich muss dich enttäuschen: Im Schlaf verdienst du gar nichts. Aber: Wenn du wach bist und es schlau anstellst, kannst du in zwei Stunden mehr verdienen als deine Freunde in [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== DEXTER INTRO BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-intro-box">
    <div class="pn-intro-image">
        <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/peepnow-dexter-intro.webp" alt="Dexter"/>
        <div class="pn-intro-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f44b.png" alt="👋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hey!</div>
    </div>
    <div class="pn-intro-content">
        <h3 class="pn-intro-title">Gestatten, Dexter.</h3>
        <p>Lass uns direkt Tacheles reden. Du bist wahrscheinlich hier, weil du gelesen hast, dass man als Camgirl &#8222;im Schlaf reich wird&#8220;.

Ich muss dich enttäuschen: Im Schlaf verdienst du gar nichts. Aber: Wenn du wach bist und es schlau anstellst, kannst du in zwei Stunden mehr verdienen als deine Freunde in einer ganzen Woche im Büro.

Im Netz kursieren viele Fantasiezahlen. Ich bin hier, um aufzuräumen. Hier sind die echten Zahlen, basierend auf Daten und nicht auf Träumen.</p>
    </div>
</div>


<style>
/* ==========================================================================
   DEXTER INTRO BOX
   ========================================================================== */

.pn-intro-box {
    display: flex;
    align-items: center;
    gap: 30px;
    background: linear-gradient(
        135deg,
        rgba(45, 27, 105, 0.3) 0%,
        rgba(35, 12, 22, 0.95) 50%,
        rgba(248, 3, 95, 0.15) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-radius: 24px;
    padding: 30px;
    margin: 2em auto;
    max-width: 850px;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animierter Glow Border */
.pn-intro-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #6366f1, #F8035F, #D4A853, #F8035F, #6366f1);
    background-size: 300% 100%;
    animation: pn-intro-glow 4s ease infinite;
}

@keyframes pn-intro-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Hover Effekt */
.pn-intro-box:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 25px 60px rgba(0, 0, 0, 0.5),
        0 0 60px rgba(248, 3, 95, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Dexter Bild Container */
.pn-intro-image {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    position: relative;
}

.pn-intro-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    transition: all 0.4s ease;
    filter: drop-shadow(0 10px 25px rgba(99, 102, 241, 0.3));
}

.pn-intro-box:hover .pn-intro-image img {
    transform: scale(1.08) rotate(-3deg);
    filter: drop-shadow(0 15px 35px rgba(99, 102, 241, 0.4));
}

/* Badge */
.pn-intro-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 100%);
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 700;
    box-shadow: 
        0 4px 15px rgba(248, 3, 95, 0.5);
    animation: pn-wave 2s ease-in-out infinite;
}

@keyframes pn-wave {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    75% { transform: rotate(-10deg); }
}

/* Content */
.pn-intro-content {
    flex: 1;
    min-width: 0;
}

.pn-intro-title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #ffffff 0%, #D4A853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    border: none !important;
}

.pn-intro-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.05rem;
    line-height: 1.8;
}

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

@media (max-width: 650px) {
    .pn-intro-box {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
        gap: 20px;
    }
    
    .pn-intro-image {
        width: 120px;
        height: 120px;
    }
    
    .pn-intro-badge {
        top: -5px;
        right: -5px;
        font-size: 0.8rem;
        padding: 5px 10px;
    }
    
    .pn-intro-title {
        font-size: 1.3rem !important;
    }
    
    .pn-intro-content p {
        font-size: 1rem;
    }
}
</style>
</div>
</div>



<h2 class="wp-block-heading">Wie kommt das Geld eigentlich rein? (Die 5 Säulen)</h2>



<p>Als erfolgreiches Cammodel setzt du nicht alles auf eine Karte. Du brauchst einen Mix. Je besser du diese Quellen kombinierst, desto schneller füllt sich dein Konto.</p>



<h3 class="wp-block-heading">1. Der 1:1 Privatchat (Die Goldgrube)</h3>



<p>Das ist die Königsklasse. Ein User will dich exklusiv. Hier laufen die Uhren anders – und die Preise auch. Minutenpreise von 2,00 € bis 5,00 € sind Standard.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== DEXTER TIP BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-dexter-tip">
    <div class="pn-dexter-avatar">
        <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-tip.webp" alt="Dexter"/>
    </div>
    <div class="pn-dexter-content">
        <div class="pn-dexter-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexters Tipp</div>
        <p>Für Privat-Chats ist Visit-X aktuell die stärkste Plattform im deutschsprachigen Raum, weil die User dort bereit sind, hohe Minutenpreise zu zahlen.</p>
    </div>
</div>


<style>
/* ==========================================================================
   DEXTER TIP BOX - Kompakt mit Avatar
   ========================================================================== */

.pn-dexter-tip {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: linear-gradient(
        135deg,
        rgba(248, 3, 95, 0.12) 0%,
        rgba(35, 12, 22, 0.95) 50%,
        rgba(212, 168, 83, 0.08) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-left: 4px solid #F8035F;
    border-radius: 16px;
    padding: 25px;
    margin: 2em auto;
    max-width: 800px;
    position: relative;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.3),
        0 0 30px rgba(248, 3, 95, 0.1);
    transition: all 0.3s ease;
}

.pn-dexter-tip:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.2);
    border-color: rgba(248, 3, 95, 0.5);
}

/* Dexter Avatar */
.pn-dexter-avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #F8035F;
    box-shadow: 
        0 0 20px rgba(248, 3, 95, 0.4),
        0 0 40px rgba(248, 3, 95, 0.2);
    transition: all 0.3s ease;
}

.pn-dexter-tip:hover .pn-dexter-avatar {
    transform: scale(1.05);
    box-shadow: 
        0 0 25px rgba(248, 3, 95, 0.5),
        0 0 50px rgba(248, 3, 95, 0.3);
}

.pn-dexter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content */
.pn-dexter-content {
    flex: 1;
    min-width: 0;
}

/* Label */
.pn-dexter-label {
    display: inline-block;
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 100%);
    color: #ffffff;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 12px;
    box-shadow: 0 3px 12px rgba(248, 3, 95, 0.4);
}

/* Text */
.pn-dexter-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

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

@media (max-width: 500px) {
    .pn-dexter-tip {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
        gap: 15px;
    }
    
    .pn-dexter-avatar {
        width: 70px;
        height: 70px;
    }
    
    .pn-dexter-label {
        font-size: 0.75rem;
    }
    
    .pn-dexter-content p {
        font-size: 0.95rem;
    }
}
</style>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="text-align: center;">
    <a href="https://vxcsh.com/39/20808/2511003" class="pn-button pn-button-icon-left" target="_blank" rel="noopener">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">Jetzt Privatchat-Preise bei Visit-X checken</span>
    </a>
</div>
</div>
</div>



<h3 class="wp-block-heading">2. Öffentliche Shows &amp; Tipps</h3>



<p>Du bist im Free-Chat, unterhältst die Masse und bekommst dafür Token (Trinkgeld). Das ist wichtig, um Fans zu gewinnen, die dich später privat buchen.</p>



<h3 class="wp-block-heading">3. Videos &amp; Clip-Verkauf (Passives Einkommen)</h3>



<p>Du hast eine geile Show abgeliefert? Nimm sie auf! Einmal hochgeladen, kann ein Video dir über Jahre hinweg Geld bringen, auch wenn du gerade im Urlaub bist.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== DEXTER TIP BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-dexter-tip">
    <div class="pn-dexter-avatar">
        <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-tip.webp" alt="Dexter"/>
    </div>
    <div class="pn-dexter-content">
        <div class="pn-dexter-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexters Tipp</div>
        <p>Niemand verkauft Clips besser als MyDirtyHobby. Dort kannst du dir einen richtigen Store aufbauen.</p>
    </div>
</div>


<style>
/* ==========================================================================
   DEXTER TIP BOX - Kompakt mit Avatar
   ========================================================================== */

.pn-dexter-tip {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: linear-gradient(
        135deg,
        rgba(248, 3, 95, 0.12) 0%,
        rgba(35, 12, 22, 0.95) 50%,
        rgba(212, 168, 83, 0.08) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-left: 4px solid #F8035F;
    border-radius: 16px;
    padding: 25px;
    margin: 2em auto;
    max-width: 800px;
    position: relative;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.3),
        0 0 30px rgba(248, 3, 95, 0.1);
    transition: all 0.3s ease;
}

.pn-dexter-tip:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.2);
    border-color: rgba(248, 3, 95, 0.5);
}

/* Dexter Avatar */
.pn-dexter-avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #F8035F;
    box-shadow: 
        0 0 20px rgba(248, 3, 95, 0.4),
        0 0 40px rgba(248, 3, 95, 0.2);
    transition: all 0.3s ease;
}

.pn-dexter-tip:hover .pn-dexter-avatar {
    transform: scale(1.05);
    box-shadow: 
        0 0 25px rgba(248, 3, 95, 0.5),
        0 0 50px rgba(248, 3, 95, 0.3);
}

.pn-dexter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content */
.pn-dexter-content {
    flex: 1;
    min-width: 0;
}

/* Label */
.pn-dexter-label {
    display: inline-block;
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 100%);
    color: #ffffff;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 12px;
    box-shadow: 0 3px 12px rgba(248, 3, 95, 0.4);
}

/* Text */
.pn-dexter-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

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

@media (max-width: 500px) {
    .pn-dexter-tip {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
        gap: 15px;
    }
    
    .pn-dexter-avatar {
        width: 70px;
        height: 70px;
    }
    
    .pn-dexter-label {
        font-size: 0.75rem;
    }
    
    .pn-dexter-content p {
        font-size: 0.95rem;
    }
}
</style>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="text-align: center;">
    <a href="https://www.mydirtyhobby.de/register/amateur?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6NDY1LCJlIjo4NDk3LCJwIjozMjF9" class="pn-button pn-button-icon-left" target="_blank" rel="noopener">
        <span class="pn-button-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="pn-button-text">Hier eigenen Clip-Store eröffnen</span>
    </a>
</div>
</div>
</div>



<h3 class="wp-block-heading">4. Nachrichten &amp; Sexting</h3>



<p>Unterschätze das nicht. Viele Männer trauen sich nicht vor die Cam, wollen aber schreiben. Pay-per-Message ist ein massiver Umsatzhebel für zwischendurch (z.B. in der Bahn).</p>



<h2 class="wp-block-heading">Was verdienen andere Models wirklich? (Real Talk)</h2>



<p>Die Spanne ist riesig. Es hängt davon ab, ob du das als Hobby oder als Business betreibst.</p>



<!-- ===== LEVEL BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-level-box">
    
    <!-- LEVEL 1 -->
    <div class="pn-level pn-level-1">
        <div class="pn-level-header">
            <span class="pn-level-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f331.png" alt="🌱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-level-title">
                <span class="pn-level-number">Level 1</span>
                <h4>Die Einsteigerin <span class="pn-level-tag">(Hobby)</span></h4>
            </div>
        </div>
        <div class="pn-level-stats">
            <div class="pn-stat">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Aufwand:</span>
                <span class="pn-stat-value">2–4 Stunden / Woche</span>
            </div>
            <div class="pn-stat">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Verdienst:</span>
                <span class="pn-stat-value pn-money">200 € – 800 € / Monat</span>
            </div>
        </div>
        <div class="pn-level-fazit">
            <span class="pn-fazit-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexters Fazit:</span>
            <p>Nettes Taschengeld für Schuhe oder Urlaub. Du bist noch am Lernen.</p>
        </div>
    </div>

    <!-- LEVEL 2 -->
    <div class="pn-level pn-level-2">
        <div class="pn-level-header">
            <span class="pn-level-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-level-title">
                <span class="pn-level-number">Level 2</span>
                <h4>Die Ambitionierte <span class="pn-level-tag">(Nebenjob)</span></h4>
            </div>
        </div>
        <div class="pn-level-stats">
            <div class="pn-stat">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Aufwand:</span>
                <span class="pn-stat-value">10–15 Stunden / Woche (regelmäßig!)</span>
            </div>
            <div class="pn-stat">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Verdienst:</span>
                <span class="pn-stat-value pn-money">1.500 € – 5.000 € / Monat</span>
            </div>
        </div>
        <div class="pn-level-fazit">
            <span class="pn-fazit-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexters Fazit:</span>
            <p>Jetzt wird es ernst. Du hast Stammkunden (&#8222;Whales&#8220;), die regelmäßig wiederkommen. Das ist mehr als viele Vollzeitjobs abwerfen.</p>
        </div>
    </div>

    <!-- LEVEL 3 -->
    <div class="pn-level pn-level-3">
        <div class="pn-level-header">
            <span class="pn-level-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div class="pn-level-title">
                <span class="pn-level-number">Level 3</span>
                <h4>Der Top-Star <span class="pn-level-tag">(Business)</span></h4>
            </div>
        </div>
        <div class="pn-level-stats">
            <div class="pn-stat">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Aufwand:</span>
                <span class="pn-stat-value">Tägliche Streams, Social Media, Produktion</span>
            </div>
            <div class="pn-stat">
                <span class="pn-stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="pn-stat-label">Verdienst:</span>
                <span class="pn-stat-value pn-money pn-money-top">8.000 € – 20.000+ € / Monat</span>
            </div>
        </div>
        <div class="pn-level-fazit">
            <span class="pn-fazit-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f98e.png" alt="🦎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Dexters Fazit:</span>
            <p>Du bist eine Marke. Du bist in der &#8222;Hall of Fame&#8220;.</p>
        </div>
    </div>

    <!-- CTA -->
    <div class="pn-level-cta">
        <p>Du glaubst mir nicht? Schau dir Models wie <strong>Texas Patti</strong> an. In meiner Hall of Fame zeige ich dir, wie sie es an die Spitze geschafft hat und was sie anders macht als der Rest.</p>
        <a href="https://peepnow.net/dexters-hall-of-fame-texas-patti-warum-die-chefin-jeden-cent-wert-ist/" class="pn-level-button">
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Texas Patti – Warum die &#8222;Chefin&#8220; so erfolgreich ist</span>
        </a>
    </div>

</div>


<style>
/* ==========================================================================
   LEVEL BOX - Verdienststufen
   ========================================================================== */

.pn-level-box {
    background: linear-gradient(
        180deg,
        rgba(35, 12, 22, 0.95) 0%,
        rgba(26, 10, 16, 0.98) 100%
    );
    border: 1px solid rgba(248, 3, 95, 0.2);
    border-radius: 24px;
    padding: 10px;
    margin: 2em auto;
    max-width: 850px;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.1);
}

/* Einzelnes Level */
.pn-level {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.03) 0%,
        rgba(255, 255, 255, 0.01) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.pn-level:hover {
    transform: translateX(8px);
    border-color: rgba(248, 3, 95, 0.3);
}

/* Level-spezifische Farben */
.pn-level-1 {
    border-left: 4px solid #4ade80;
}
.pn-level-1:hover {
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.08) 0%, transparent 100%);
}
.pn-level-1 .pn-level-number { color: #4ade80; }

.pn-level-2 {
    border-left: 4px solid #F8035F;
}
.pn-level-2:hover {
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.08) 0%, transparent 100%);
}
.pn-level-2 .pn-level-number { color: #F8035F; }

.pn-level-3 {
    border-left: 4px solid #D4A853;
    background: linear-gradient(
        135deg,
        rgba(212, 168, 83, 0.08) 0%,
        rgba(255, 255, 255, 0.02) 100%
    );
}
.pn-level-3:hover {
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.15) 0%, rgba(212, 168, 83, 0.05) 100%);
    box-shadow: 0 0 30px rgba(212, 168, 83, 0.2);
}
.pn-level-3 .pn-level-number { color: #D4A853; }

/* Level Header */
.pn-level-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.pn-level-badge {
    font-size: 2rem;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

.pn-level-title {
    flex: 1;
}

.pn-level-number {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 4px;
}

.pn-level-title h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

.pn-level-tag {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    font-size: 1rem;
}

/* Stats */
.pn-level-stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 18px;
    padding-left: 10px;
}

.pn-stat {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pn-stat-icon {
    font-size: 1rem;
    width: 24px;
}

.pn-stat-label {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    min-width: 70px;
}

.pn-stat-value {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
}

.pn-money {
    color: #4ade80 !important;
    font-weight: 700;
}

.pn-money-top {
    color: #D4A853 !important;
    text-shadow: 0 0 20px rgba(212, 168, 83, 0.5);
}

/* Fazit */
.pn-level-fazit {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    padding: 15px 18px;
    border-left: 3px solid rgba(248, 3, 95, 0.4);
}

.pn-fazit-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #F8035F;
    margin-bottom: 8px;
}

.pn-level-fazit p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.6;
    font-style: italic;
}

/* CTA Bereich */
.pn-level-cta {
    background: linear-gradient(
        135deg,
        rgba(248, 3, 95, 0.1) 0%,
        rgba(212, 168, 83, 0.08) 100%
    );
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-radius: 16px;
    padding: 25px;
    text-align: center;
    margin-top: 10px;
}

.pn-level-cta p {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

.pn-level-cta strong {
    color: #D4A853 !important;
    background: none !important;
    padding: 0 !important;
}

.pn-level-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 100%);
    color: #ffffff !important;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none !important;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(248, 3, 95, 0.4);
}

.pn-level-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(248, 3, 95, 0.5);
}

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

@media (max-width: 600px) {
    .pn-level-box {
        padding: 8px;
    }
    
    .pn-level {
        padding: 20px 15px;
    }
    
    .pn-level-header {
        gap: 12px;
    }
    
    .pn-level-badge {
        font-size: 1.6rem;
    }
    
    .pn-level-title h4 {
        font-size: 1.1rem !important;
    }
    
    .pn-level-tag {
        display: block;
        font-size: 0.85rem;
    }
    
    .pn-stat {
        flex-wrap: wrap;
    }
    
    .pn-stat-label {
        min-width: auto;
    }
    
    .pn-level-cta {
        padding: 20px 15px;
    }
    
    .pn-level-button {
        padding: 12px 20px;
        font-size: 0.85rem;
    }
}
</style>



<h2 class="wp-block-heading">Beispielrechnung: Was ist für DICH realistisch?</h2>



<p>Nehmen wir an, du bist kein Superstar, sondern fängst gerade erst an und machst das <strong>nebenbei</strong> (3-4 Tage die Woche, je 2 Stunden).</p>



<!-- ===== VERDIENST RECHNUNG BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-calc-box">
    
    <!-- WOCHE -->
    <div class="pn-calc-section">
        <div class="pn-calc-header">
            <span class="pn-calc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <h4>Deine Woche:</h4>
            <span class="pn-calc-hours">8 Stunden online</span>
        </div>
        
        <div class="pn-calc-items">
            <div class="pn-calc-item">
                <span class="pn-calc-dot"></span>
                <span class="pn-calc-label">3 Privatchats / Abend (je 10 Min)</span>
                <span class="pn-calc-value">ca. 150 €</span>
            </div>
            <div class="pn-calc-item">
                <span class="pn-calc-dot"></span>
                <span class="pn-calc-label">Trinkgelder &#038; Spaß</span>
                <span class="pn-calc-value">ca. 50 €</span>
            </div>
            <div class="pn-calc-item">
                <span class="pn-calc-dot"></span>
                <span class="pn-calc-label">5 alte Videos verkauft</span>
                <span class="pn-calc-value">ca. 70 €</span>
            </div>
        </div>
        
        <div class="pn-calc-sum">
            <span class="pn-calc-sum-label">Wochen-Umsatz:</span>
            <span class="pn-calc-sum-value">ca. 270 €</span>
        </div>
    </div>
    
    <!-- MONAT -->
    <div class="pn-calc-section pn-calc-month">
        <div class="pn-calc-header">
            <span class="pn-calc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5d3.png" alt="🗓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <h4>Dein Monat:</h4>
        </div>
        <div class="pn-calc-formula">
            <span class="pn-formula-item">270 €</span>
            <span class="pn-formula-operator">×</span>
            <span class="pn-formula-item">4 Wochen</span>
            <span class="pn-formula-operator">=</span>
            <span class="pn-formula-result">1.080 € Umsatz</span>
        </div>
        <p class="pn-calc-quote">Und das für nur <strong>8 Stunden Arbeit pro Woche</strong>. Klingt besser als Kellnern, oder? <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60f.png" alt="😏" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
    </div>
    
    <!-- HINWEIS -->
    <div class="pn-calc-notice">
        <span class="pn-notice-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <p><strong>Hinweis:</strong> Das ist der Umsatz vor Plattform-Gebühren und Steuern. Leg immer ca. <strong>40-50%</strong> für das Finanzamt und Gebühren zur Seite!</p>
    </div>

</div>


<style>
/* ==========================================================================
   VERDIENST RECHNUNG BOX
   ========================================================================== */

.pn-calc-box {
    background: linear-gradient(
        135deg,
        rgba(35, 12, 22, 0.98) 0%,
        rgba(26, 10, 16, 0.98) 100%
    );
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-radius: 24px;
    padding: 0;
    margin: 2em auto;
    max-width: 700px;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.1);
}

/* Glow Border oben */
.pn-calc-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4ade80, #D4A853, #4ade80);
    background-size: 200% 100%;
    animation: pn-calc-glow 3s ease infinite;
}

@keyframes pn-calc-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Section */
.pn-calc-section {
    padding: 25px 30px;
    border-bottom: 1px solid rgba(248, 3, 95, 0.15);
}

/* Header */
.pn-calc-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.pn-calc-icon {
    font-size: 1.5rem;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
}

.pn-calc-header h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

.pn-calc-hours {
    background: rgba(74, 222, 128, 0.15);
    color: #4ade80;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-left: auto;
}

/* Items */
.pn-calc-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.pn-calc-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.pn-calc-item:hover {
    background: rgba(248, 3, 95, 0.08);
    border-color: rgba(248, 3, 95, 0.2);
    transform: translateX(5px);
}

.pn-calc-dot {
    width: 8px;
    height: 8px;
    background: #F8035F;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 10px rgba(248, 3, 95, 0.5);
}

.pn-calc-label {
    flex: 1;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
}

.pn-calc-value {
    color: #4ade80;
    font-weight: 700;
    font-size: 1rem;
    white-space: nowrap;
}

/* Summe */
.pn-calc-sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.15) 0%, rgba(74, 222, 128, 0.05) 100%);
    border-radius: 12px;
    border: 1px solid rgba(74, 222, 128, 0.3);
}

.pn-calc-sum-label {
    color: #ffffff;
    font-weight: 600;
    font-size: 1rem;
}

.pn-calc-sum-value {
    color: #4ade80;
    font-weight: 800;
    font-size: 1.3rem;
    text-shadow: 0 0 20px rgba(74, 222, 128, 0.5);
}

/* Monat Section */
.pn-calc-month {
    background: linear-gradient(135deg, rgba(212, 168, 83, 0.08) 0%, transparent 100%);
}

/* Formel */
.pn-calc-formula {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    padding: 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    margin-bottom: 18px;
}

.pn-formula-item {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
}

.pn-formula-operator {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2rem;
    font-weight: 300;
}

.pn-formula-result {
    background: linear-gradient(135deg, #D4A853 0%, #e8c06a 100%);
    color: #1a0a10;
    padding: 12px 22px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 1.15rem;
    box-shadow: 0 4px 20px rgba(212, 168, 83, 0.4);
}

/* Quote */
.pn-calc-quote {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
}

.pn-calc-quote strong {
    color: #D4A853 !important;
    background: none !important;
    padding: 0 !important;
}

/* Hinweis */
.pn-calc-notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 25px;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(251, 191, 36, 0.03) 100%);
    border-top: 1px solid rgba(251, 191, 36, 0.2);
}

.pn-notice-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.pn-calc-notice p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.6;
}

.pn-calc-notice strong {
    color: #fbbf24 !important;
    background: none !important;
    padding: 0 !important;
}

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

@media (max-width: 600px) {
    .pn-calc-section {
        padding: 20px;
    }
    
    .pn-calc-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .pn-calc-hours {
        margin-left: 0;
    }
    
    .pn-calc-item {
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .pn-calc-label {
        flex: 1 1 100%;
        order: 2;
        padding-left: 20px;
        font-size: 0.9rem;
    }
    
    .pn-calc-value {
        order: 1;
        margin-left: auto;
    }
    
    .pn-calc-formula {
        gap: 10px;
        padding: 15px;
    }
    
    .pn-formula-item {
        padding: 8px 14px;
        font-size: 0.9rem;
    }
    
    .pn-formula-result {
        padding: 10px 16px;
        font-size: 1rem;
    }
    
    .pn-calc-sum {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    
    .pn-calc-notice {
        padding: 15px 20px;
    }
}
</style>



<h2 class="wp-block-heading">Dexters 3 Regeln für maximalen Profit</h2>



<p>Wovon hängt es ab, ob du 500 € oder 5.000 € machst? Nicht von deiner Oberweite. Sondern hiervon:</p>



<!-- ===== TIPPS BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-tips-box">
    
    <div class="pn-tips-header">
        <span class="pn-tips-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h4>Die goldenen Regeln</h4>
    </div>

    <!-- TIPP HIGHLIGHT -->
    <div class="pn-tip-highlight">
        <div class="pn-tip-crown"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f451.png" alt="👑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="pn-tip-highlight-content">
            <h5>Konstanz ist King</h5>
            <p>Wenn du sagst, du bist Dienstag um 20 Uhr online, dann <strong>SEI</strong> online. Stammkunden warten nicht gerne.</p>
        </div>
    </div>

    <!-- NUMMERIERTE TIPPS -->
    <div class="pn-tips-list">
        
        <div class="pn-tip-item">
            <span class="pn-tip-number">1</span>
            <div class="pn-tip-content">
                <h5>Technik, die verkauft</h5>
                <p>Ein dunkles, pixeliges Bild törnt ab. Investiere die ersten Einnahmen sofort in eine <strong>HD-Webcam</strong> und gutes Licht (Ringlicht).</p>
            </div>
        </div>

        <div class="pn-tip-item">
            <span class="pn-tip-number">2</span>
            <div class="pn-tip-content">
                <h5>Keine Angst vor den Nachbarn</h5>
                <p>Viele haben Angst, entdeckt zu werden.</p>
                <div class="pn-tip-solution">
                    <span class="pn-solution-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Die Lösung:</span>
                    <p>Nutze <strong>Geoblocking</strong>. Damit kannst du dein Land oder deine Stadt sperren.</p>
                </div>
                <a href="https://peepnow.net/cam-model-geoblocking-anonym-geld-verdienen/" class="pn-tip-link">
                    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Lies hier meinen Guide: Anonym Geld verdienen mit Geoblocking
                </a>
            </div>
        </div>

    </div>

</div>


<style>
/* ==========================================================================
   TIPPS / REGELN BOX
   ========================================================================== */

.pn-tips-box {
    background: linear-gradient(
        135deg,
        rgba(35, 12, 22, 0.98) 0%,
        rgba(26, 10, 16, 0.98) 100%
    );
    border: 1px solid rgba(248, 3, 95, 0.25);
    border-radius: 24px;
    padding: 0;
    margin: 2em auto;
    max-width: 800px;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.1);
}

/* Glow Border */
.pn-tips-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #F8035F, #D4A853, #F8035F);
    background-size: 200% 100%;
    animation: pn-tips-glow 3s ease infinite;
}

@keyframes pn-tips-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Header */
.pn-tips-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 22px 28px;
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.12) 0%, rgba(248, 3, 95, 0.04) 100%);
    border-bottom: 1px solid rgba(248, 3, 95, 0.15);
}

.pn-tips-icon {
    font-size: 1.5rem;
}

.pn-tips-header h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

/* Highlight Tipp (Konstanz ist King) */
.pn-tip-highlight {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 25px 28px;
    background: linear-gradient(
        135deg,
        rgba(212, 168, 83, 0.15) 0%,
        rgba(212, 168, 83, 0.05) 100%
    );
    border-bottom: 1px solid rgba(212, 168, 83, 0.2);
    position: relative;
}

.pn-tip-crown {
    font-size: 2rem;
    filter: drop-shadow(0 4px 10px rgba(212, 168, 83, 0.4));
    animation: pn-crown-float 3s ease-in-out infinite;
}

@keyframes pn-crown-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-5px) rotate(5deg); }
}

.pn-tip-highlight-content h5 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #D4A853 !important;
    border: none !important;
    background: none !important;
}

.pn-tip-highlight-content p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

.pn-tip-highlight-content strong {
    color: #ffffff !important;
    background: rgba(212, 168, 83, 0.2) !important;
    padding: 2px 8px !important;
    border-radius: 4px;
}

/* Nummerierte Tipps Liste */
.pn-tips-list {
    padding: 10px 0;
}

.pn-tip-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 28px;
    border-bottom: 1px solid rgba(248, 3, 95, 0.1);
    transition: all 0.3s ease;
}

.pn-tip-item:last-child {
    border-bottom: none;
}

.pn-tip-item:hover {
    background: rgba(248, 3, 95, 0.05);
}

/* Nummer */
.pn-tip-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 100%);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(248, 3, 95, 0.4);
}

/* Tipp Content */
.pn-tip-content {
    flex: 1;
    min-width: 0;
}

.pn-tip-content h5 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

.pn-tip-content > p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.98rem;
    line-height: 1.7;
}

.pn-tip-content strong {
    color: #F8035F !important;
    background: none !important;
    padding: 0 !important;
}

/* Lösung Box */
.pn-tip-solution {
    margin-top: 15px;
    padding: 15px 18px;
    background: rgba(74, 222, 128, 0.08);
    border-radius: 12px;
    border-left: 3px solid #4ade80;
}

.pn-solution-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #4ade80;
    margin-bottom: 8px;
}

.pn-tip-solution p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    line-height: 1.6;
}

.pn-tip-solution strong {
    color: #4ade80 !important;
}

/* Link */
.pn-tip-link {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 20px;
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.15) 0%, rgba(248, 3, 95, 0.08) 100%);
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-radius: 12px;
    color: #F8035F !important;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.pn-tip-link:hover {
    background: linear-gradient(135deg, #F8035F 0%, #ff3d7f 100%);
    color: #ffffff !important;
    transform: translateX(5px);
    box-shadow: 0 5px 20px rgba(248, 3, 95, 0.4);
}

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

@media (max-width: 600px) {
    .pn-tips-header {
        padding: 18px 20px;
    }
    
    .pn-tips-header h4 {
        font-size: 1.15rem !important;
    }
    
    .pn-tip-highlight {
        flex-direction: column;
        gap: 12px;
        padding: 20px;
        text-align: center;
    }
    
    .pn-tip-crown {
        font-size: 2.5rem;
    }
    
    .pn-tip-item {
        padding: 18px 20px;
        gap: 14px;
    }
    
    .pn-tip-number {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }
    
    .pn-tip-content h5 {
        font-size: 1rem !important;
    }
    
    .pn-tip-solution {
        padding: 12px 15px;
    }
    
    .pn-tip-link {
        display: block;
        text-align: center;
        padding: 12px 15px;
        font-size: 0.9rem;
    }
}
</style>



<h2 class="wp-block-heading">Fazit: Worauf wartest du?</h2>



<p>Du kannst diesen Artikel noch fünfmal lesen und weiter träumen. Oder du meldest dich jetzt an und hast nächste Woche die erste Auszahlung auf dem Konto.</p>



<p>Du hast kein Risiko. Die Anmeldung ist kostenlos. Du kannst dich jederzeit wieder abmelden. Aber wenn du es nicht probierst, wirst du es nie wissen.</p>



<!-- ===== WÄHLE DEINEN WEG BOX - Als "Individuelles HTML" Block einfügen ===== -->

<div class="pn-choice-box">
    
    <div class="pn-choice-header">
        <span class="pn-choice-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e4.png" alt="🛤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h4>Wähle deinen Weg:</h4>
    </div>

    <div class="pn-choice-grid">
        
        <!-- WEG A -->
        <div class="pn-choice-card pn-choice-a">
            <div class="pn-choice-badge">Weg A</div>
            <div class="pn-choice-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <h5>Der direkte Kontakt</h5>
            <span class="pn-choice-subtitle">(Hohe Minutenpreise)</span>
            <p>Du willst direkt in den 1:1 Chat und gutes Geld pro Minute verdienen?</p>
            <a href="https://vxcsh.com/39/20808/2511003" class="pn-choice-button pn-button-orange" target="_blank" rel="noopener">
                Jetzt kostenlos bei Visit-X als Model starten
            </a>
        </div>

        <!-- WEG B -->
        <div class="pn-choice-card pn-choice-b">
            <div class="pn-choice-badge">Weg B</div>
            <div class="pn-choice-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <h5>Der Content Creator</h5>
            <span class="pn-choice-subtitle">(Videos &#038; Amateur-Charme)</span>
            <p>Du willst lieber Clips drehen und eine Fanbase aufbauen?</p>
            <a href="https://www.mydirtyhobby.de/register/amateur?ats=eyJhIjoyODAwNjYsImMiOjUyMTUyMDc4LCJuIjoyMSwicyI6NDY1LCJlIjo4NDk3LCJwIjozMjF9" class="pn-choice-button pn-button-red" target="_blank" rel="noopener">
                Jetzt Profil bei MyDirtyHobby erstellen
            </a>
        </div>

    </div>

</div>


<style>
/* ==========================================================================
   WÄHLE DEINEN WEG BOX
   ========================================================================== */

.pn-choice-box {
    background: linear-gradient(
        135deg,
        rgba(35, 12, 22, 0.98) 0%,
        rgba(26, 10, 16, 0.98) 100%
    );
    border: 1px solid rgba(248, 3, 95, 0.25);
    border-radius: 24px;
    padding: 0;
    margin: 2em auto;
    max-width: 900px;
    overflow: hidden;
    position: relative;
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(248, 3, 95, 0.1);
}

/* Glow Border */
.pn-choice-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #f97316, #F8035F, #ef4444);
    background-size: 200% 100%;
    animation: pn-choice-glow 3s ease infinite;
}

@keyframes pn-choice-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Header */
.pn-choice-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 25px 28px;
    background: linear-gradient(135deg, rgba(248, 3, 95, 0.1) 0%, rgba(248, 3, 95, 0.03) 100%);
    border-bottom: 1px solid rgba(248, 3, 95, 0.15);
}

.pn-choice-icon {
    font-size: 1.8rem;
}

.pn-choice-header h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

/* Grid */
.pn-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 25px;
}

/* Cards */
.pn-choice-card {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.05) 0%,
        rgba(255, 255, 255, 0.02) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px 25px;
    text-align: center;
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pn-choice-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

/* Card A - Orange */
.pn-choice-a {
    border-top: 3px solid #f97316;
}

.pn-choice-a:hover {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.12) 0%, rgba(249, 115, 22, 0.04) 100%);
    border-color: rgba(249, 115, 22, 0.5);
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(249, 115, 22, 0.2);
}

.pn-choice-a .pn-choice-badge {
    background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);
}

.pn-choice-a .pn-choice-emoji {
    filter: drop-shadow(0 0 15px rgba(249, 115, 22, 0.5));
}

/* Card B - Rot */
.pn-choice-b {
    border-top: 3px solid #ef4444;
}

.pn-choice-b:hover {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(239, 68, 68, 0.04) 100%);
    border-color: rgba(239, 68, 68, 0.5);
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(239, 68, 68, 0.2);
}

.pn-choice-b .pn-choice-badge {
    background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
}

.pn-choice-b .pn-choice-emoji {
    filter: drop-shadow(0 0 15px rgba(239, 68, 68, 0.5));
}

/* Badge */
.pn-choice-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    padding: 6px 18px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* Emoji */
.pn-choice-emoji {
    font-size: 3rem;
    margin: 15px 0 20px 0;
    transition: transform 0.3s ease;
}

.pn-choice-card:hover .pn-choice-emoji {
    transform: scale(1.15);
}

/* Title */
.pn-choice-card h5 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: none !important;
    background: none !important;
}

/* Subtitle */
.pn-choice-subtitle {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
    margin-top: 5px;
    display: block;
}

/* Description */
.pn-choice-card > p {
    margin: 18px 0 25px 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.6;
    flex-grow: 1;
}

/* Buttons */
.pn-choice-button {
    display: block;
    width: 100%;
    padding: 14px 20px;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none !important;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.pn-choice-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s ease;
}

.pn-choice-button:hover::before {
    left: 100%;
}

/* Orange Button */
.pn-button-orange {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.4);
}

.pn-button-orange:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(249, 115, 22, 0.5);
}

/* Red Button */
.pn-button-red {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    box-shadow: 0 4px 20px rgba(239, 68, 68, 0.4);
}

.pn-button-red:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(239, 68, 68, 0.5);
}

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

@media (max-width: 700px) {
    .pn-choice-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 20px 15px 25px 15px;
    }
    
    .pn-choice-header {
        padding: 20px;
    }
    
    .pn-choice-header h4 {
        font-size: 1.2rem !important;
    }
    
    .pn-choice-card {
        padding: 30px 20px 25px 20px;
    }
    
    .pn-choice-emoji {
        font-size: 2.5rem;
    }
    
    .pn-choice-card h5 {
        font-size: 1.15rem !important;
    }
    
    .pn-choice-button {
        padding: 14px 16px;
        font-size: 0.9rem;
    }
}
</style>



<style>
/* Dexter CTA Box */
.pn-dexter-cta {
    background: linear-gradient(135deg, rgba(20, 20, 25, 0.98), rgba(35, 15, 25, 0.95));
    border: 1px solid rgba(248, 3, 95, 0.3);
    border-radius: 16px;
    padding: 30px;
    margin: 50px auto;
    max-width: 800px;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

/* Glow Effect */
.pn-dexter-cta::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(248, 3, 95, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.pn-dexter-cta-inner {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

/* Avatar */
.pn-dexter-cta-avatar {
    flex-shrink: 0;
}

.pn-dexter-cta-avatar img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #D4A853;
    object-fit: cover;
    box-shadow: 0 0 20px rgba(212, 168, 83, 0.3);
}

/* Content */
.pn-dexter-cta-content {
    flex: 1;
}

.pn-dexter-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(212, 168, 83, 0.15);
    border: 1px solid rgba(212, 168, 83, 0.3);
    border-radius: 20px;
    padding: 5px 12px;
    margin-bottom: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #D4A853;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pn-dexter-cta-badge svg {
    width: 14px;
    height: 14px;
}

.pn-dexter-cta-title {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.pn-dexter-cta-text {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 20px 0;
}

.pn-dexter-cta-text strong {
    color: #D4A853;
}

/* Button */
.pn-dexter-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #F8035F 0%, #d4034f 100%);
    color: #ffffff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(248, 3, 95, 0.35);
}

.pn-dexter-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(248, 3, 95, 0.5);
    color: #ffffff;
}

.pn-dexter-cta-btn svg {
    width: 18px;
    height: 18px;
}

/* Rocket Animation */
.pn-dexter-cta-btn:hover svg {
    animation: pn-rocket-launch 0.5s ease-out;
}

@keyframes pn-rocket-launch {
    0% { transform: translate(0, 0); }
    50% { transform: translate(3px, -3px); }
    100% { transform: translate(0, 0); }
}

/* Mobile */
@media (max-width: 600px) {
    .pn-dexter-cta {
        padding: 25px 20px;
        margin: 40px 15px;
    }
    
    .pn-dexter-cta-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .pn-dexter-cta-avatar img {
        width: 60px;
        height: 60px;
    }
    
    .pn-dexter-cta-btn {
        width: 100%;
        justify-content: center;
    }
}
</style>

<div class="pn-dexter-cta">
    <div class="pn-dexter-cta-inner">
        
        <div class="pn-dexter-cta-avatar">
            <img decoding="async" src="https://peepnow.net/wp-content/uploads/2025/12/dexter-profil.jpg" alt="Dexter"/>
        </div>
        
        <div class="pn-dexter-cta-content">
            <div class="pn-dexter-cta-badge">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                </svg>
                Dexters Empfehlung
            </div>
            
            <h4 class="pn-dexter-cta-title">Hat dir dieser Tipp geholfen?</h4>
            
            <p class="pn-dexter-cta-text">
                Das war nur ein Puzzleteil. Ich habe einen <strong>kompletten Guide</strong> geschrieben, der dich von der Anmeldung bis zur ersten Auszahlung führt.
            </p>
            
            <a href="/camgirl-werden/" class="pn-dexter-cta-btn">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/>
                    <path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/>
                    <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/>
                    <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>
                </svg>
                Hol dir die komplette Roadmap
            </a>
        </div>
        
    </div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://peepnow.net/wieviel-kann-ich-als-cammodel-verdienen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
