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

menu home euro forum local_movies library_books phone

Login

Pflichtaufgabe für Cashidioten

Darsteller	Dauer	Preis
Lady-Anja	4:37 Min.	NUR 649 Coins √

Jetzt freischalten

Zeit für eine neue Aufgabe für dein verkümmertes Hirn, Cashidiot! Weil dein Hirn ja nicht viel kann und selbst nicht regelmäßig dran denkt, monatliche Überweisungen zu machen, werden wir da jetzt mal nachhelfen! Am Erbsenhirn kann man nichts mehr machen, aber ein Dauerauftrag ist die Lösung für DEIN Problem! Somit wirst du nie eine Überweisung vergessen! Zeit die Lady-Anja-Rechnung zu begleichen. Du darfst MICH nun zu deinen monatlichen Fixkosten zählen! :D

Hinterlasse jetzt einen Kommentar und erhalte 10 Coins

send

Kommentare