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

Ich habe mich entschieden

Darsteller Dauer Preis
Lady-Anja 9:07 Min. NUR 1199 Coins √
Jetzt freischalten

Heute werde ich dich über etwas aufklären, was dir bisher vielleicht noch gar nicht so bewusst gewesen ist. Du glaubst vielleicht immer noch, dass du stets die Kontrolle hast? Bist du der Meinung, dass DU dich entschieden hast, ein Sklave von mir zu sein? Du machst dir selbst etwas vor!

Nicht du, sondern ich habe mich entschieden! Ich habe entschieden, dich als meinen willenlosen Sklaven aufzunehmen und auszunehmen. Ich habe entschieden, dass du dich als mein Sklave sehen und fühlen darfst. Dies aber wird nicht die einzige meiner Entscheidungen sein, aber die Größte mit den weitreichendsten Auswirkungen. Warum? Weil zukünftig ich alle deine Entscheidungen für dich treffen werde! 

Hinterlasse jetzt einen Kommentar und erhalte 10 Coins
send
Kommentare