/* eb-countdown-olea6 Starts */.eb-countdown-olea6.eb-cd-wrapper { max-width:100px; background-color:rgba(40,70,175,1); transition:background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s }div.eb-countdown-olea6.eb-cd-wrapper { margin-left:auto; margin-right:auto }.eb-countdown-olea6.eb-cd-wrapper:before { transition:background 0.5s, opacity 0.5s, filter 0.5s }.eb-countdown-olea6.eb-cd-wrapper .eb-cd-inner { flex-direction:row }.eb-countdown-olea6.eb-cd-wrapper .eb-cd-inner .box { transition:background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s; padding-top:20px; padding-bottom:20px; border-radius:10px; flex-direction:column; align-items:center }.eb-countdown-olea6.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { font-size:70px; line-height:1em; color:rgba(255,255,255,0.8) }.eb-countdown-olea6.eb-cd-wrapper .eb-cd-inner .box + .box:before { position:absolute; right:90%; content:"|"; color:rgba(255,255,255,0.71); top:46%; padding-right:18%; font-size:90px; font-weight:100 }div.eb-countdown-olea6.eb-cd-wrapper .eb-cd-inner .box:before { line-height:0 }.eb-countdown-olea6.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { font-size:19px; font-weight:100; text-transform:uppercase; padding-top:5px; color:#fff }.eb-countdown-olea6.eb-cd-wrapper .eb-cd-inner .box + .box { margin:0; margin-left:30px }.wp-admin .eb-parent-eb-countdown-olea6 { display:block; opacity:1 }.eb-parent-eb-countdown-olea6 { display:block } @media(max-width: 1024px){.editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-countdown-olea6 { display:block; opacity:1 }.eb-parent-eb-countdown-olea6 { display:block }} @media(max-width: 767px){.editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-countdown-olea6 { display:block; opacity:1 }.eb-parent-eb-countdown-olea6 { display:block }}.mein-sonnenuhr-container { --size: 150px; position: relative; width: var(--size); aspect-ratio: 1; border-radius: 50%; margin: 1rem auto; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.2), rgba(0,0,0,.2)), url(https://blumengang.de/wp-content/uploads/2025/09/sunclockVorlesung5.jpg) center/cover no-repeat; box-shadow: inset 0 0 40px rgba(0,0,0,.25), 0 10px 20px rgba(0,0,0,.12); overflow: hidden; } /* Innenring und leichte Gravur */ .mein-sonnenuhr-container::before { content: ""; position: absolute; inset: 8%; border: 2px solid rgba(0,0,0,.3); border-radius: 50%; } .mein-sonnenuhr-container::after { content: ""; position: absolute; inset: 4%; background: conic-gradient(from 0deg, rgba(0,0,0,.08) 0 2deg, transparent 2deg 30deg); -webkit-mask: radial-gradient(circle, transparent 60%, #000 60%); mask: radial-gradient(circle, transparent 60%, #000 60%); opacity: .5; } /* Der eigentliche Countdown */ .mein-sonnenuhr-container .eb-cd-wrapper { background: transparent !important; position: relative; z-index: 3; } /* Gnomon (Dreieck) */ .mein-sonnenuhr-container::marker, .mein-sonnenuhr-container .sun-gnomon { position:absolute; left:50%; top:50%; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:110px solid #5b4a2a; transform:translate(-50%,-92%) rotate(12deg); filter: drop-shadow(0 6px 4px rgba(0,0,0,.35)); z-index: 2; } /* Schatten/Zeiger */ .mein-sonnenuhr-container::selection, .mein-sonnenuhr-container .sun-shadow { position:absolute; left:50%; top:50%; width:2px; height:44%; background:#000; opacity:.35; transform-origin:50% 100%; transform:translate(-50%,-100%) rotate(0deg); box-shadow:0 0 14px rgba(0,0,0,.4); z-index:1; } /* Mobile Größe */ @media (max-width: 480px) { .mein-sonnenuhr-container { --size: 240px; } } /* =eb-countdown-olea6= Ends */