1c:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/3vkzaackgg_qg.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/3p652vdqlk1ce.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/snippets/view-picker.css","style"] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:20px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Inter-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link","font-preload-Inter-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 17:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/view-picker.css","as":"style"}] 18:["$","link","link-https://sites.super.so/snippets/view-picker.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/view-picker.css"}] 1b:T2ac9, (function(){ // ===================================================== // ZENTRALER ROUTER FÜR CLIENT-SIDE NAVIGATION // ===================================================== var currentPath = ''; function onRouteChange() { var newPath = window.location.pathname; if (newPath === currentPath) return; currentPath = newPath; setTimeout(function() { initAllFeatures(); }, 400); } function initAllFeatures() { var path = window.location.pathname; if (path === '/' || path === '' || path === '/index') { initCardAnimation(); } if (path.includes('ueber-mich') || path.includes('uber-mich') || path.includes('about')) { initTestimonialCarousel(); } if (path.includes('podcast')) { initPodcastElements(); } } // ===================================================== // KÄRTCHEN ANIMATION (Startseite) // ===================================================== function initCardAnimation() { var boxes = document.querySelectorAll('#block-2744027f141380aaadcfdf48b7d9fe3d .notion-column'); if (boxes.length === 0) { setTimeout(initCardAnimation, 200); return; } boxes.forEach(function(box) { box.classList.remove('animate-in'); }); var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { var allBoxes = document.querySelectorAll('#block-2744027f141380aaadcfdf48b7d9fe3d .notion-column'); var index = Array.prototype.indexOf.call(allBoxes, entry.target); setTimeout(function() { entry.target.classList.add('animate-in'); }, index * 150); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); boxes.forEach(function(box, index) { var rect = box.getBoundingClientRect(); var isVisible = rect.top < window.innerHeight && rect.bottom > 0; if (isVisible) { setTimeout(function() { box.classList.add('animate-in'); }, 100 + index * 150); } else { observer.observe(box); } }); } // ===================================================== // TESTIMONIAL CAROUSEL (Über mich) // ===================================================== function initTestimonialCarousel() { if (document.querySelector('.mr-carousel-container')) return; var allLists = document.querySelectorAll('.notion-column-list'); if (allLists.length < 3) { setTimeout(initTestimonialCarousel, 200); return; } var testimonials = []; for (var j = allLists.length - 3; j < allLists.length; j++) { testimonials.push(allLists[j]); } if (testimonials.length < 2) return; var wrapper = document.createElement('div'); wrapper.className = 'mr-carousel-wrapper'; var container = document.createElement('div'); container.className = 'mr-carousel-container'; var track = document.createElement('div'); track.className = 'mr-carousel-track'; for (var k = 0; k < testimonials.length; k++) { var slide = document.createElement('div'); slide.className = 'mr-carousel-slide'; slide.appendChild(testimonials[k].cloneNode(true)); track.appendChild(slide); } container.appendChild(track); wrapper.appendChild(container); var prev = document.createElement('button'); prev.className = 'mr-carousel-arrow mr-carousel-arrow--prev'; prev.innerHTML = ''; var next = document.createElement('button'); next.className = 'mr-carousel-arrow mr-carousel-arrow--next'; next.innerHTML = ''; wrapper.appendChild(prev); wrapper.appendChild(next); var dots = document.createElement('div'); dots.className = 'mr-carousel-dots'; for (var d = 0; d < testimonials.length; d++) { var dot = document.createElement('button'); dot.className = 'mr-carousel-dot' + (d === 0 ? ' active' : ''); dot.dataset.index = d; dots.appendChild(dot); } testimonials[0].parentNode.insertBefore(wrapper, testimonials[0]); testimonials[0].parentNode.insertBefore(dots, testimonials[0]); for (var m = 0; m < testimonials.length; m++) { testimonials[m].classList.add('mr-carousel-hidden'); } var idx = 0, total = testimonials.length; function update() { track.style.transform = 'translateX(-' + (idx * 100) + '%)'; var ad = dots.querySelectorAll('.mr-carousel-dot'); for (var i = 0; i < ad.length; i++) { ad[i].classList.toggle('active', i === idx); } } function goTo(n) { idx = ((n % total) + total) % total; update(); } prev.onclick = function() { goTo(idx - 1); }; next.onclick = function() { goTo(idx + 1); }; dots.onclick = function(e) { if (e.target.classList.contains('mr-carousel-dot')) goTo(parseInt(e.target.dataset.index)); }; var tx = 0; container.addEventListener('touchstart', function(e) { tx = e.changedTouches[0].screenX; }, { passive: true }); container.addEventListener('touchend', function(e) { var diff = tx - e.changedTouches[0].screenX; if (Math.abs(diff) > 50) goTo(idx + (diff > 0 ? 1 : -1)); }, { passive: true }); } // ===================================================== // PODCAST ELEMENTS (Titel + Scroll Indicator + Bubble) // ===================================================== function initPodcastElements() { var cover = document.querySelector('.notion-header__cover'); if (!cover) { setTimeout(initPodcastElements, 200); return; } cover.style.position = 'relative'; // Titel hinzufügen if (!document.querySelector('.mr-podcast-title')) { var title = document.createElement('div'); title.className = 'mr-podcast-title'; title.innerHTML = '

we talk

digital

'; cover.appendChild(title); setTimeout(function() { title.classList.add('animate'); }, 300); } // Speech Bubble hinzufügen if (!document.querySelector('.mr-podcast-bubble')) { var bubble = document.createElement('div'); bubble.className = 'mr-podcast-bubble'; bubble.innerHTML = ''; cover.appendChild(bubble); setTimeout(function() { bubble.classList.add('animate'); }, 400); } // Scroll Indicator hinzufügen if (!document.querySelector('.mr-scroll-indicator')) { var indicator = document.createElement('div'); indicator.className = 'mr-scroll-indicator'; indicator.innerHTML = 'Scroll

'; indicator.onclick = function() { var content = document.querySelector('.notion-header__content') || document.querySelector('article'); if (content) { content.scrollIntoView({ behavior: 'smooth' }); } else { window.scrollBy({ top: window.innerHeight, behavior: 'smooth' }); } }; cover.appendChild(indicator); } } // ===================================================== // INTRO ANIMATION (Startseite - nur einmal pro Session) // ===================================================== (function(){ var k = 'mr_intro_v7'; var isBackend = window.location.hostname.includes('super.so') || window.location.hostname.includes('notion.so'); var isHomepage = window.location.pathname === '/' || window.location.pathname === '/index' || window.location.pathname === ''; var alreadyShown = sessionStorage.getItem(k); if (!isBackend && isHomepage && !alreadyShown) { var style = document.createElement('style'); style.id = 'mr-intro-flash-fix'; style.textContent = 'body:not(.mr-intro-done){visibility:hidden}body:not(.mr-intro-done)::before{content:"";position:fixed;inset:0;background:#fff;z-index:999998;visibility:visible}'; document.head.appendChild(style); } if (isBackend) return; function initIntro() { if (!isHomepage) { document.body.classList.add('mr-intro-done'); return; } if (alreadyShown) { document.body.classList.add('mr-intro-done'); return; } var existing = document.getElementById('mr-intro-overlay'); if (existing) existing.parentNode.removeChild(existing); var o = document.createElement('div'); o.id = 'mr-intro-overlay'; o.innerHTML = '

'; document.body.appendChild(o); document.body.classList.add('mr-intro-done'); setTimeout(function() { o.classList.add('is-animating'); }, 50); setTimeout(function() { o.classList.add('is-finishing'); }, 1350); setTimeout(function() { o.classList.add('is-complete'); sessionStorage.setItem(k, '1'); }, 1850); setTimeout(function() { if (o.parentNode) o.parentNode.removeChild(o); }, 2750); } window.addEventListener('pageshow', function(e) { if (e.persisted) { var o = document.getElementById('mr-intro-overlay'); if (o) o.parentNode.removeChild(o); if (document.body) document.body.classList.add('mr-intro-done'); } }); if (document.readyState === 'complete') { initIntro(); } else { window.addEventListener('load', initIntro); } })(); // ===================================================== // NAVIGATION LISTENER - Warten auf DOM // ===================================================== function initNavigationListener() { if (!document.body) { setTimeout(initNavigationListener, 50); return; } var observer = new MutationObserver(function(mutations) { if (window.location.pathname !== currentPath) { onRouteChange(); } }); observer.observe(document.body, { childList: true, subtree: true }); window.addEventListener('popstate', onRouteChange); currentPath = window.location.pathname; setTimeout(initAllFeatures, 500); } if (document.readyState === 'complete') { initNavigationListener(); } else { window.addEventListener('DOMContentLoaded', initNavigationListener); } })(); 19:["$","script","2",{"dangerouslySetInnerHTML":{"__html":"$1b"},"children":null}] 1d:T2b2a, 1e:T3487,@charset "UTF-8"; /* ===================================================== GLOBALE STYLES ===================================================== */ html { overflow-x: hidden; width: 100%; } body { overflow-x: hidden; width: 100%; } .link { color: #7A4FF7 !important; } #block-1ebf70696d3143e5b9f87f5fd11b6b3e { display: none !important; } #block-37c53a47c04642b4800369a9f7eb392d { display: none !important; } .notion-header__icon-wrapper { display: none !important; } /* Animierte Unterstreichung beim Hover + aktiv */ nav a { position: relative; text-decoration: none; } nav a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #8B3EF4; transition: width 0.3s ease; border-radius: 1px; } nav a:hover::after { width: 100%; } nav a.active::after { width: 100%; background-color: #6b7280; } nav a:has(.super-navbar__cta)::after { display: none; } .super-footer a:hover { text-decoration: underline; text-decoration-color: #8B3EF4; } .super-footer__footnote { font-size: 0.75rem; } /* === FIX: Bild soll NACH OBEN, aber HINTER Button & Content liegen === */ /* 0) Eigene Stacking-Context erzwingen, damit z-index:-1 sauber funktioniert */ .wp-site-blocks, main { position: relative; isolation: isolate; } /* 1) Block auf volle Viewport-Breite ziehen + nach oben ziehen */ #block-2df4027f141380589d76e568ae6ff1f3 { width: 100vw; max-width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); margin-top: -220px; /* <- Feinjustieren (z.B. -220 bis -360) */ /* 2) Hinter den Content legen */ position: relative; z-index: -1; /* 3) Wichtig: nichts "klickbar" blockieren */ pointer-events: none; } /* 4) Bild selbst auf Blockbreite */ #block-2df4027f141380589d76e568ae6ff1f3 img { width: 100%; height: auto; display: block; } /* 5) Content/Buttons darüber explizit nach vorne bringen */ .wp-block-buttons, .wp-block-button, a.wp-element-button, button { position: relative; z-index: 5; } /* 6) Mobile: weniger Overlap */ @media (max-width: 768px) { #block-2df4027f141380589d76e568ae6ff1f3 { margin-top: -120px; } } /* ===================================================== TITEL STYLES ===================================================== */ /* Titel Keynotes, Referate etc. */ #block-1c34027f1413808ea662c497d06c7bb8 { text-align: center; margin-top: 2rem; margin-bottom: 0rem; font-size: 2rem; font-weight: 700; } #block-2724027f141380ed9df2fea17521a4a9 { text-align: center; margin-top: 2rem; margin-bottom: 0rem; font-size: 2rem; font-weight: 700; } /* Meine neusten Blogposts */ #block-1954027f141380598171cc53815e75f1 { text-align: center; margin-top: 2rem; margin-bottom: 0rem; font-size: 2rem; font-weight: 700; } /* Zentrierter Subtitel */ #block-1c34027f141380d9a39fe67adb02ef58, #block-1c34027f14138019a573f2b2ce991116, #block-2724027f1413807d9f21d46c6948d551 { text-align: center; max-width: 700px; margin: 0 auto; font-size: 1rem; color: #b6b6b6; } /* ===================================================== BUTTON STYLES ===================================================== */ #block-1c34027f1413801eafc8cd9ee9e5a2f3, #block-1b54027f141380148c4cd98dc68071e2, #block-2744027f141380fba8dcc3282984fe65 { display: flex; justify-content: center; margin: 2rem 0; } .notion-link.notion-button__content { display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 9999px; background-color: #7A4FF7; color: #ffffff; font-weight: 600; font-size: 1rem; text-decoration: none; transition: all 0.2s ease-in-out; opacity: 0.95; width: fit-content; } .notion-link.notion-button__content:hover { opacity: 1; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(122, 79, 247, 0.3); } /* Eckigen Hintergrund entfernen */ .highlighted-background { background: transparent !important; padding: 0 !important; } /* Links in Intro als Buttons stylen */ #block-19d4027f141380f7b03ee0e547adf328 a.notion-link.link { display: inline-block; padding: 8px 12px; border-radius: 9999px; font-weight: 600; color: white !important; text-decoration: none; transition: all 0.2s ease-in-out; font-size: 1rem; line-height: 1; position: relative; top: -4px; } .bg-green a { background-color: #7A4FF7; } .bg-orange a { background-color: #E950F7; } .bg-red a { background-color: #E950F7; } .bg-blue a { background-color: #5095F7; } #block-19d4027f141380f7b03ee0e547adf328 a.notion-link.link:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); opacity: 0.95; } /* ===================================================== KÄRTCHEN ANIMATION (Startseite) ===================================================== */ #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column { background: white; border-radius: 15px; padding: 2rem 1.5rem; padding-bottom: 1rem; text-align: center; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid #f1f5f9; opacity: 0; transform: translateY(40px); } #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); } #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column.animate-in { opacity: 1; transform: translateY(0); } #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column h1, #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column h2, #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column h3 { font-size: 2rem !important; font-weight: 700 !important; color: #8158F8 !important; margin: 0 0 0 0 !important; line-height: 0 !important; } #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column p { font-size: 1rem !important; color: #37352F !important; margin: 0 !important; } @media (max-width: 768px) { #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column { padding: 1.5rem; } #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column h1, #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column h2, #block-2744027f141380aaadcfdf48b7d9fe3d .notion-column h3 { font-size: 2.5rem !important; } } /* ===================================================== M/R INTRO ANIMATION (Startseite) ===================================================== */ #mr-intro-overlay { position: fixed; inset: 0; background: #fff; z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; transition: opacity 0.8s cubic-bezier(0.4, 0, 0, 1), visibility 0.8s cubic-bezier(0.4, 0, 0, 1); } #mr-intro-overlay.is-complete { opacity: 0; visibility: hidden; pointer-events: none; } #mr-intro-overlay .mr-logo { display: flex; align-items: center; font-family: "Inter", sans-serif; font-size: clamp(60px, 15vw, 140px); font-weight: 800; letter-spacing: -0.02em; color: #000; line-height: 1; } #mr-intro-overlay .mr-logo .letter { display: inline-block; overflow: hidden; } #mr-intro-overlay .mr-logo .letter span { display: inline-block; opacity: 0; transform: translateY(100%); } #mr-intro-overlay .mr-logo .slash { display: inline-flex; align-items: center; justify-content: center; margin: 0 0.15em; position: relative; overflow: visible; } #mr-intro-overlay .mr-logo .slash span { font-weight: 600; transform: translateY(-0.08em); } #mr-intro-overlay.is-animating .mr-logo .slash span { animation: mr-slash-reveal 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 0.25s; } @keyframes mr-slash-reveal { 0% { opacity: 0; } 100% { opacity: 1; } } #mr-intro-overlay.is-animating .mr-logo .letter:not(.slash) span { animation: mr-letter-reveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; } #mr-intro-overlay.is-animating .mr-logo .letter:nth-child(1) span { animation-delay: 0.1s; } #mr-intro-overlay.is-animating .mr-logo .letter:nth-child(3) span { animation-delay: 0.4s; } @keyframes mr-letter-reveal { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } #mr-intro-overlay.is-finishing .mr-logo { animation: mr-logo-finish 0.5s cubic-bezier(0.4, 0, 0, 1) forwards; } @keyframes mr-logo-finish { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.95); opacity: 0; } } /* ===================================================== TESTIMONIAL CAROUSEL (Über mich) ===================================================== */ .mr-carousel-wrapper { position: relative; margin: 0 -60px; padding: 0 60px; } .mr-carousel-container { position: relative; overflow: hidden; } .mr-carousel-track { display: flex; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .mr-carousel-slide { flex: 0 0 100%; min-width: 100%; width: 100%; } .mr-carousel-hidden { display: none !important; } .mr-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; background: #fff; border: 1px solid #e5e7eb; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; opacity: 1; transition: all 0.3s; padding: 0; color: #374151; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .mr-carousel-arrow:hover { background: #f9fafb; border-color: #d1d5db; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .mr-carousel-arrow--prev { left: 0; } .mr-carousel-arrow--next { right: 0; } .mr-carousel-arrow svg { width: 24px; height: 24px; stroke: currentColor; stroke-width: 2; fill: none; } .mr-carousel-dots { display: flex; justify-content: center; gap: 10px; margin-top: 32px; } .mr-carousel-dot { width: 10px; height: 10px; border-radius: 50%; background: #d1d5db; border: none; padding: 0; cursor: pointer; transition: background 0.3s, transform 0.3s; } .mr-carousel-dot:hover { background: #9ca3af; } .mr-carousel-dot.active { background: #6b7280; transform: scale(1.3); } @media (max-width: 768px) { .mr-carousel-wrapper { margin: 0 -40px; padding: 0 40px; } .mr-carousel-arrow { width: 40px; height: 40px; } .mr-carousel-arrow svg { width: 20px; height: 20px; } } /* ===================================================== PODCAST PAGE ===================================================== */ /* Header Cover Height */ .page__podcast { --header-cover-height: calc(100vh - 70px) !important; } .page__podcast .notion-header__cover { height: calc(100vh - 70px) !important; min-height: calc(100vh - 70px) !important; } @media (max-width: 768px) { .page__podcast { --header-cover-height: 80vh !important; } .page__podcast .notion-header__cover { height: 80vh !important; min-height: 80vh !important; } } /* We Talk Digital Titel */ .mr-podcast-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; pointer-events: none; } .mr-podcast-title .line { display: block; overflow: hidden; } .mr-podcast-title .line span { display: block; font-family: "Inter", sans-serif; font-size: clamp(80px, 18vw, 200px); font-weight: 800; line-height: 0.95; color: #fff; opacity: 0; text-transform: uppercase; letter-spacing: -0.02em; transform: translateY(100%); white-space: nowrap; } .mr-podcast-title.animate .line span { animation: mr-title-reveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .mr-podcast-title.animate .line:nth-child(1) span { animation-delay: 0.1s; } .mr-podcast-title.animate .line:nth-child(2) span { animation-delay: 0.25s; } @keyframes mr-title-reveal { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 0.85; transform: translateY(0); } } /* Scroll Indicator */ .mr-scroll-indicator { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; cursor: pointer; z-index: 1; animation: mr-bounce 2s infinite; } .mr-scroll-indicator span { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .mr-scroll-indicator .arrow { width: 44px; height: 44px; background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; } .mr-scroll-indicator:hover .arrow { background: #fff; transform: translateY(3px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .mr-scroll-indicator .arrow svg { width: 20px; height: 20px; stroke: #374151; stroke-width: 2; fill: none; } @keyframes mr-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); } 40% { transform: translateX(-50%) translateY(-8px); } 60% { transform: translateX(-50%) translateY(-4px); } } @media (max-width: 768px) { .mr-scroll-indicator { bottom: 15px !important; } }1a:["$","body",null,{"children":[["$","$L1c",null,{"settings":{"siteId":"d73fac19-e50b-4555-97a0-bbdbfff88956","userId":"b2434a08-4dfc-4bc2-befc-7a43d338fb70","domainName":"milosradovic.com","name":"Milos Radovic - Marketing Leader, AI Enthusiast and Lecturer","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/d73fac19-e50b-4555-97a0-bbdbfff88956/uploads/favicon/bc3c527c-5acc-4570-990c-ec688f6ddfe3.png","fontFamily":"Inter","legacyTheme":null,"language":"de","languages":[],"notionPage":"9d52706b158d41858e8b56756f7a25fb","indexPageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::0b4e815f-9d40-4815-931d-80b366d23bf0","pageProperties":false,"hidePageProperties":true,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":false,"themeToggle":true,"mondayFirst":true,"loadLimits":false,"hidePersonInfo":true,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"analytics":false,"noIndex":false,"viewsExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"rgba(255, 255, 255, 1)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"small","color":"rgba(202, 202, 202, 1)","opacity":60}},"links":[{"id":"65fee61e-2948-4477-ae2c-6dec4571efe0","type":"page","label":"Blog","link":"/blog","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::0af8acf8-cd15-4e93-9f5e-31b34c6af696","list":[]},{"id":"6c062d14-1c61-4f86-a242-6158d7c3a330","type":"list","label":"Content","icon":"","list":[{"id":"c8059b9f-10a9-45e0-8e12-60aeb6f65420","type":"page","label":"Podcast","link":"/podcast","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::42d66483-188f-40d2-b65f-4e610ca10208","icon":"Headphones","description":"Podcasts & Interviews","list":[]},{"id":"4a112558-9d55-48d3-9338-b3619792daef","type":"page","label":"Videos","link":"/videos","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::46079760-4861-458f-af70-b47c53ba16c8","icon":"FileVideo","description":"Videos & Webinare","list":[]},{"id":"feacd303-cbd9-4fa5-855f-873916655057","type":"page","label":"Slides","link":"/slides","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::e70f068b-50cc-479a-a0bc-60d86fc121c2","icon":"Presentation","description":"Slides & Präsentationen","list":[]},{"id":"3523868c-8cf8-41ff-b300-d0810140dcad","type":"page","label":"Publikationen","link":"/publikationen","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::1d38e65b-716e-4dc6-9d06-98b5dffe5991","icon":"Newspaper","description":"Artikel & Publikationen","list":[]}]},{"id":"e7a5e0c3-b187-4b1c-a11e-26a11842e5c0","type":"page","label":"Tools","link":"/tools","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::3dcfdc13-24b9-4c03-9406-b1147aa30511","list":[]},{"id":"19c5d7d4-0033-4d87-b677-01ba85beeace","type":"page","label":"Über mich","link":"/ueber-mich","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::f89a8060-2dba-4d7f-8e07-47580d29e4fa","list":[]}],"logo":{"type":"image","width":84,"fontSize":19,"textContent":"Miloš Radović","imageContent":"https://assets.super.so/d73fac19-e50b-4555-97a0-bbdbfff88956/uploads/logo/d1bee09b-f04b-4dc2-a77d-0e74b22e5592.png","imageContentDark":"https://assets.super.so/d73fac19-e50b-4555-97a0-bbdbfff88956/uploads/logo/37cea2b1-4e23-4b41-91c0-b27dba8ad287.png","disabled":false},"cta":{"type":"page","label":"Kontakt","link":"/kontakt","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::c96f0502-2694-4216-b0b5-114ccdd3138b"},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"607b4346-3e4c-4ad4-9f7f-4ae5ade756a3","type":"page","label":"Kontakt","link":"/kontakt","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::c96f0502-2694-4216-b0b5-114ccdd3138b","icon":"Mail","list":[]},{"id":"086d9a1d-fad3-42c7-a0cb-c7a39c898f47","type":"page","label":"Blog","link":"/blog","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::0af8acf8-cd15-4e93-9f5e-31b34c6af696","icon":"FileText","list":[]},{"id":"a463d1fc-cbb2-4f9f-b779-2e09eb3dcd6f","type":"page","label":"Podcast","link":"/podcast","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::42d66483-188f-40d2-b65f-4e610ca10208","icon":"Headphones","list":[]},{"id":"f370c989-c939-41c2-bb4f-c50a047c034b","type":"page","label":"Über mich","link":"/ueber-mich","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::f89a8060-2dba-4d7f-8e07-47580d29e4fa","icon":"PersonStanding","list":[]},{"id":"26e68918-985e-43b1-ab65-ff563ddd1a1d","type":"page","label":"Tools","link":"/tools","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::3dcfdc13-24b9-4c03-9406-b1147aa30511","icon":"Boxes","list":[]},{"id":"c6c47e81-a685-45f2-a97b-a8f2f63efdb2","type":"page","label":"Impressum","link":"/impressum","pageId":"d73fac19-e50b-4555-97a0-bbdbfff88956:::827be4d6-d9dc-42fb-a2bd-dcaff82b33f3","icon":"BookOpenText","description":"","list":[]}],"logo":{"type":"image","width":77,"fontSize":16,"textContent":"","imageContent":"https://assets.super.so/d73fac19-e50b-4555-97a0-bbdbfff88956/uploads/logo/603b48ec-64cc-4356-a817-7e99aa1290b8.png","imageContentDark":"https://assets.super.so/d73fac19-e50b-4555-97a0-bbdbfff88956/uploads/logo/38ac18fb-1ef8-4a84-bfc2-d97809331575.png","disabled":false},"socials":[{"type":"instagram","link":"http://www.instagram.com/_milosradovic_"},{"type":"linkedin","link":"http://www.linkedin.com/in/milosradovic"},{"type":"twitter","link":"http://www.twitter.com/milosradovic"},{"type":"threads","link":"https://www.threads.net/@_milosradovic_"}],"footnote":"Made with 💜 and Notion","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.9,"layoutMaxWidth":1000,"columnSpacing":30,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":12,"pageDisplay":"flex"},"header":{"coverHeight":40,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":23,"shadow":"rgba(0, 0, 0, 0.17) 0px 10px 20px -6px","coverHeightLarge":175,"coverHeightMedium":175,"coverHeightSmall":168,"titleSize":0.773,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"block","shadow":"rgba(0, 0, 0, 0.18) 0px 20px 40px -10px"},"typography":{"primaryFont":"Inter","secondaryFont":"Inter","fonts":[],"baseSize":20,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":80,"shadow":"rgba(0, 0, 0, 0.16) 0px 4px 8px -2px"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"rgba(0, 0, 0, 0.39) 4px 0px 8px -2px"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#8b3df5","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"d73fac19-e50b-4555-97a0-bbdbfff88956:::67d74ebe-cc83-4547-b5f8-18f2103518f0","content":"$1d"}],"head":[],"body":[],"style":[],"css":"$1e"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L1f","$L20","$L21","$L22"]}],"$L23"]}]