/* END Countdown Geburtstahsseite Header*/ /* START Tribut-Tip-Button Hover Effekt*/ .geschenk-box-premium{ position:relative; display:block; overflow:hidden; border-radius:18px; background:#0f0f0f; border:1px solid rgba(249,215,116,0.28); box-shadow: 0 6px 18px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.02); transition: box-shadow 0.45s ease, border-color 0.45s ease, filter 0.45s ease; text-decoration:none; } /* Bild */ .geschenk-box-premium img{ display:block; width:100%; height:auto; transition: filter 0.45s ease, opacity 0.45s ease; filter: brightness(0.96) contrast(1.04) saturate(1.02); } /* Dezenter dunkler Verlauf für mehr Tiefe */ .geschenk-box-premium::before{ content:""; position:absolute; inset:0; background: linear-gradient( to bottom, rgba(255,255,255,0.04) 0%, rgba(0,0,0,0.00) 28%, rgba(0,0,0,0.10) 70%, rgba(0,0,0,0.24) 100% ); pointer-events:none; z-index:1; } /* Goldener Licht-Sweep */ .geschenk-box-premium::after{ content:""; position:absolute; top:0; left:-130%; width:42%; height:100%; z-index:2; pointer-events:none; opacity:0; background:linear-gradient( 115deg, rgba(249,215,116,0.00) 0%, rgba(249,215,116,0.10) 20%, rgba(255,244,196,0.45) 48%, rgba(249,215,116,0.12) 72%, rgba(249,215,116,0.00) 100% ); transform:skewX(-22deg); } /* Hover */ .geschenk-box-premium:hover{ border-color:rgba(249,215,116,0.72); box-shadow: 0 0 0 1px rgba(249,215,116,0.15), 0 0 22px rgba(249,215,116,0.18), 0 0 42px rgba(249,215,116,0.10), 0 18px 38px rgba(0,0,0,0.58); filter:brightness(1.02); } /* Bild leicht edler */ .geschenk-box-premium:hover img{ filter: brightness(1.02) contrast(1.07) saturate(1.05); } /* Sweep nur beim Hover */ .geschenk-box-premium:hover::after{ opacity:1; animation:premiumGoldSweep 1.1s ease forwards; } @keyframes premiumGoldSweep{ 0%{ left:-130%; opacity:0; } 12%{ opacity:1; } 100%{ left:155%; opacity:0; } }/* END Tribut-Tip-Button Hover Effekt*/ }/* START Progress Bar*/ .birthday-progress-wrap{ width:100%; max-width:700px; margin:30px auto; padding:22px 24px 24px 24px; background:linear-gradient(180deg, #1a1a1a 0%, #111111 100%); border:1px solid rgba(249,215,116,0.28); border-radius:18px; box-shadow: 0 8px 24px rgba(0,0,0,0.35), 0 0 20px rgba(249,215,116,0.05), inset 0 1px 0 rgba(255,255,255,0.03); box-sizing:border-box; } .birthday-progress-top{ display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:14px; } .birthday-progress-title{ font-family:'Playfair Display', serif; font-size:24px; line-height:1.2; color:#f9d774; text-shadow: 0 0 6px rgba(249,215,116,0.18), 0 0 14px rgba(249,215,116,0.08); } .birthday-progress-value{ font-family:Arial, sans-serif; font-size:18px; font-weight:700; color:#f9d774; white-space:nowrap; } .birthday-progress-bar{ position:relative; width:100%; height:22px; background:linear-gradient(180deg, #0f0f0f 0%, #1b1b1b 100%); border:1px solid rgba(249,215,116,0.18); border-radius:999px; overflow:hidden; box-shadow: inset 0 2px 8px rgba(0,0,0,0.6), 0 0 10px rgba(249,215,116,0.04); } .birthday-progress-fill{ width:0; height:100%; border-radius:999px; background: linear-gradient( 90deg, #8d6a11 0%, #c89f2d 18%, #f9d774 42%, #fff0b0 52%, #f9d774 62%, #c89f2d 82%, #8d6a11 100% ); box-shadow: 0 0 12px rgba(249,215,116,0.35), 0 0 24px rgba(249,215,116,0.15); position:relative; transition:width 0.8s ease; } /* edler Lichtreflex auf dem gefüllten Bereich */ .birthday-progress-fill::after{ content:""; position:absolute; top:0; left:-35%; width:35%; height:100%; background:linear-gradient( 115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.28) 50%, rgba(255,255,255,0) 100% ); transform:skewX(-20deg); animation:progressShine 2.8s linear infinite; } @keyframes progressShine{ 0%{ left:-35%; } 100%{ left:120%; } } @media (max-width:700px){ .birthday-progress-wrap{ padding:18px 18px 20px 18px; margin:24px auto; } .birthday-progress-title{ font-size:20px; } .birthday-progress-value{ font-size:16px; } .birthday-progress-bar{ height:18px; } } @media (max-width:480px){ .birthday-progress-top{ align-items:flex-start; flex-direction:column; gap:8px; } .birthday-progress-title{ font-size:18px; } .birthday-progress-note{ margin-top:12px; font-size:13px; line-height:1.5; color:rgba(255,255,255,0.82); } } /* END Progress Bar*/ /* START Trigger-Block*/ .trigger-block{ text-align:center; max-width:720px; padding:10px 10px; background:#141414; box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(249,215,116,0.05); } .trigger-block h3{ font-family:'Playfair Display', serif; color:#f9d774; font-size:24px; margin-bottom:0px; text-shadow:0 0 8px rgba(249,215,116,0.25); } .trigger-block p{ color:#ffffff; font-size:16px; line-height:1.6; margin-bottom:24px; } } /* END Trigger-Block*/
Einloggen
Du hast noch keinen Zugang?
Jetzt kostenlos Registrieren!
Passwort vergessen?

Stell dir vor, du bist Urlaubssklave

Darsteller Dauer Preis
Lady-Anja 4:29 Min. NUR 499 Coins √
Jetzt freischalten

Stell dir vor, ich mache wieder einmal Urlaub, liege am Pool und genieße das Leben. Du als mein Sklave hast dir das Privileg verdient, mich begleiten zu dürfen. Natürlich bedeutet das nicht, dass ich dich beachte. Ganz im Gegenteil. Aufmerksamkeit muss verdient sein. Bei diesem Video genieße ich die Ruhe und lasse die Zeit einfach verstreichen. Ob ich dich überhaupt wahrnehme? Nicht wirklich. Ich weiß du bist da, ich weiß du beobachtest mich, aber ich ignoriere dich ganz einfach. Warum? Weil ich es kann! Weil du selbst dafür absolut dankbar bist.

Ich zeige dir sogar immer wieder mit kleinen Gesten, dass ich ganz genau weiß, dass du da bist, aber von Aufmerksamkeit kann man dabei ganz sicher nicht sprechen. Du darfst also jetzt mir beim Sonnen zuschauen, so lange bis ich keine Lust mehr habe, mich von dir begaffen zu lassen.

Hinterlasse jetzt einen Kommentar und erhalte 10 Coins
send
Kommentare