/* 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?

Zu heiß für dich, Loser? Der Test mit Konsequenzen!

Darsteller Dauer Preis
Lady-Anja 7:22 Min. NUR 999 Coins √
Jetzt freischalten

Du siehst diesen heißen Anblick, aber bekommst gleich mal die Ansage, dass du heute getestet wirst. Solltest du diesen Test nicht bestehen, wirst du einen Sklavenvertrag meiner Wahl unterschreiben. Solltest du den Test bestehen, dann darfst du dir einen Sklavenvertrag deiner Wahl aussuchen. So oder so wirst du heute noch unterschreiben und dich mir bedingungslos hingeben.

Natürlich bin ich nicht ohne Grund aufreizend angezogen. Ich weiß einfach, wie ich dich geschickt ablenken kann, so dass du früher oder später einen Fehler machen wirst. Manchmal ist es auch einfach nur das, was ich sage, was dich völlig aus dem Konzept bringen kann. Ich bin mir sicher, dass du diesen Test definitiv verlieren wirst. Du bist anderer Meinung? Dann probiere es doch gleich mal aus und beweise es mir, dass ich mich irre! Bist du bereit für diesen ultimativen Test?

Hinterlasse jetzt einen Kommentar und erhalte 10 Coins
send
Kommentare