<?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>Cam Business &#8211; Dein Live-Sexcam Blog</title>
	<atom:link href="https://peepnow.net/category/cam-business/feed/" rel="self" type="application/rss+xml" />
	<link>https://peepnow.net</link>
	<description>Vergleich, Tests &#38; Livecams in Echtzeit</description>
	<lastBuildDate>Tue, 30 Dec 2025 17:30:57 +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>Cam Business &#8211; Dein Live-Sexcam Blog</title>
	<link>https://peepnow.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>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>
