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

Heute wird unterschrieben!

Darsteller Dauer Preis
Lady-Anja 6:29 Min. NUR 1199 Coins √
Jetzt freischalten

Irgendwann musst auch du mal einsehen, dass du süchtig nach mir bist. Die Anzeichen sind eindeutig. Du kannst versuchen es weg zu ignorieren, aber das bringt nichts! Vor der Wahrheit kannst du dich nicht verstecken!

Da du ohnehin bereits mein Eigentum bist, machen wir es jetzt auch offiziell. Du wirst einen Vertrag unterschreiben. Du brauchst dir gar nicht den Kopf darüber zerbrechen ob oder wie – die Frage ist nur wann! Wann? Jetzt! Weniger denken, mehr machen! Weniger Schiss haben, einfach unterschreiben. Hast du eine andere Wahl. Ja! Wie jetzt? Naja, ich gewähre dir zwei Möglichkeiten. Entscheide dich, sonst werde ich die Wahl für dich treffen! Heute wird definitiv ein Sklavenvertrag unterschrieben, so viel steht fest!

Hinterlasse jetzt einen Kommentar und erhalte 10 Coins
send
Kommentare