Saga und Erklärungen

<link href="//www.etoni.eu/cdn/shop/t/7/assets/component-custom-image-banner-block.css?v=127023354679000812831698845671" rel="stylesheet" type="text/css" media="all" /> Runen Götter Sprache Keltische Symbole Wikinger Saga .section-block-template--24874823745881__custom_image_banner_Kmirbq {background: #ffffff;} .section-block-template--24874823745881__custom_image_banner_Kmirbq .halo-block-header .title .text {background: #ffffff;}.section-block-template--24874823745881__custom_image_banner_Kmirbq .halo-block-header .title:before {background-color: #232323;} .section-block-template--24874823745881__custom_image_banner_Kmirbq .halo-block-header .title {color: #232323; font-size: 16px; margin-bottom: 45px; display: block;} .section-block-template--24874823745881__custom_image_banner_Kmirbq .halo-block-header .rte {color: #3c3c3c; font-size: 16px;}@media (min-width: 1200px) {.section-block-template--24874823745881__custom_image_banner_Kmirbq {padding-top: 50px; padding-bottom: 50px;}} @media (min-width: 1025px) {} @media (min-width: 768px) and (max-width: 1199px) {.section-block-template--24874823745881__custom_image_banner_Kmirbq {padding-top: 50px; padding-bottom: 50px;}} @media (max-width: 1024px) {.section-block-template--24874823745881__custom_image_banner_Kmirbq{overflow: hidden;} } @media (max-width: 767px) { .section-block-template--24874823745881__custom_image_banner_Kmirbq {padding-top: 50px; padding-bottom: 50px;} .section-block-template--24874823745881__custom_image_banner_Kmirbq .halo-block-header .title {font-size: 16px;} } .runen-orakel-wrapper { position: relative; padding: 80px 0; overflow: hidden; width: 100%; background: #f8f6f0; } .runen-orakel-wrapper * { box-sizing: border-box; } .runen-orakel-wrapper .mystical-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #2c2419, #3a2f23, #2c2419); opacity: 0.95; } .runen-orakel-wrapper .mystical-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at center, rgba(139, 69, 19, 0.15) 0%, rgba(0, 0, 0, 0.6) 70%); pointer-events: none; } .runen-orakel-wrapper .container { position: relative; z-index: 10; text-align: center; max-width: 1200px; margin: 0 auto; padding: 60px 40px; background: rgba(248, 246, 240, 0.98); border-radius: 0; border: none; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3); } .runen-orakel-wrapper h1 { font-family: 'Times New Roman', 'Georgia', serif; font-size: 3.5rem; margin-bottom: 20px; color: #2c2419; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; position: relative; } .runen-orakel-wrapper h1::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; background: linear-gradient(90deg, transparent, #8B4513, transparent); } .runen-orakel-wrapper .subtitle { font-family: 'Times New Roman', 'Georgia', serif; font-size: 1.4rem; margin-bottom: 50px; color: #5a4a3a; font-style: italic; font-weight: 300; } .runen-orakel-wrapper .rune-display { width: 300px; height: 300px; margin: 40px auto; background: linear-gradient(145deg, #f8f6f0, #e8e6e0); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 6px solid #8B4513; box-shadow: 0 0 0 2px #f8f6f0, 0 10px 30px rgba(139, 69, 19, 0.3), inset 0 0 30px rgba(139, 69, 19, 0.1); transition: all 0.5s ease; position: relative; overflow: hidden; } .runen-orakel-wrapper .rune-display::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient(from 0deg, transparent, rgba(139, 69, 19, 0.1), transparent); animation: runen-rotate-custom 4s linear infinite; opacity: 0; transition: opacity 0.5s ease; } .runen-orakel-wrapper .rune-display.spinning { transform: scale(1.05); box-shadow: 0 0 0 2px #f8f6f0, 0 15px 40px rgba(139, 69, 19, 0.4), inset 0 0 40px rgba(139, 69, 19, 0.2); } .runen-orakel-wrapper .rune-display.spinning::before { opacity: 1; } @keyframes runen-rotate-custom { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .runen-orakel-wrapper .rune-symbol { font-size: 7rem; font-weight: bold; color: #8B4513; text-shadow: 2px 2px 4px rgba(139, 69, 19, 0.3); transition: all 0.3s ease; z-index: 2; position: relative; font-family: 'Times New Roman', serif; } .runen-orakel-wrapper .rune-name { font-family: 'Times New Roman', 'Georgia', serif; font-size: 2rem; margin: 30px 0 20px 0; color: #8B4513; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .runen-orakel-wrapper .rune-meaning { font-family: 'Times New Roman', 'Georgia', serif; font-size: 1.2rem; margin-bottom: 40px; color: #2c2419; line-height: 1.7; max-width: 800px; margin-left: auto; margin-right: auto; font-weight: 400; text-align: center; padding: 0 20px; } .runen-orakel-wrapper .oracle-button { background: linear-gradient(145deg, #8B4513, #A0522D); border: 3px solid #8B4513; color: #f8f6f0; font-size: 1.1rem; font-weight: 600; padding: 18px 40px; border-radius: 0; cursor: pointer; transition: all 0.3s ease; font-family: 'Times New Roman', 'Georgia', serif; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden; margin: 20px; box-shadow: 0 4px 15px rgba(139, 69, 19, 0.3); } .runen-orakel-wrapper .oracle-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(248, 246, 240, 0.2), transparent); transition: left 0.6s ease; } .runen-orakel-wrapper .oracle-button:hover::before { left: 100%; } .runen-orakel-wrapper .oracle-button:hover { background: linear-gradient(145deg, #A0522D, #CD853F); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(139, 69, 19, 0.4); border-color: #CD853F; } .runen-orakel-wrapper .oracle-button:active { transform: translateY(0); } .runen-orakel-wrapper .oracle-button:disabled { opacity: 0.7; cursor: not-allowed; transform: none; } .runen-orakel-wrapper .shop-link { display: inline-block; background: linear-gradient(145deg, #2c2419, #3a2f23); color: #f8f6f0 !important; text-decoration: none; padding: 15px 30px; border-radius: 0; margin-top: 30px; transition: all 0.3s ease; border: 2px solid #8B4513; font-weight: 500; font-family: 'Times New Roman', 'Georgia', serif; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 4px 15px rgba(44, 36, 25, 0.3); } .runen-orakel-wrapper .shop-link:hover { background: linear-gradient(145deg, #3a2f23, #4a3f33); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(44, 36, 25, 0.4); border-color: #CD853F; color: #f8f6f0 !important; text-decoration: none; } .runen-orakel-wrapper .hidden { opacity: 0; transform: translateY(30px); transition: all 0.6s ease; } .runen-orakel-wrapper .visible { opacity: 1; transform: translateY(0); } .runen-orakel-wrapper .particles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .runen-orakel-wrapper .particle { position: absolute; background: #8B4513; width: 3px; height: 3px; opacity: 0.4; animation: runen-float-custom 8s infinite ease-in-out; border-radius: 50%; } @keyframes runen-float-custom { 0%, 100% { transform: translateY(0px) rotate(0deg); opacity: 0; } 25% { opacity: 0.4; } 50% { transform: translateY(-120px) rotate(180deg); opacity: 0.6; } 75% { opacity: 0.3; } } /* Etoni Website Style Anpassungen */ .runen-orakel-wrapper .medieval-decoration { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 100px; height: 2px; background: linear-gradient(90deg, transparent, #8B4513, transparent); } .runen-orakel-wrapper .medieval-decoration::before, .runen-orakel-wrapper .medieval-decoration::after { content: '❦'; position: absolute; top: -8px; font-size: 16px; color: #8B4513; } .runen-orakel-wrapper .medieval-decoration::before { left: -20px; } .runen-orakel-wrapper .medieval-decoration::after { right: -20px; } /* Responsive Design */ @media (max-width: 768px) { .runen-orakel-wrapper { padding: 40px 0; } .runen-orakel-wrapper .container { padding: 40px 20px; } .runen-orakel-wrapper h1 { font-size: 2.5rem; margin-bottom: 15px; } .runen-orakel-wrapper .subtitle { font-size: 1.2rem; margin-bottom: 30px; } .runen-orakel-wrapper .rune-display { width: 220px; height: 220px; margin: 30px auto; } .runen-orakel-wrapper .rune-symbol { font-size: 5rem; } .runen-orakel-wrapper .rune-name { font-size: 1.6rem; margin: 20px 0 15px 0; } .runen-orakel-wrapper .rune-meaning { font-size: 1.1rem; margin-bottom: 30px; } .runen-orakel-wrapper .oracle-button { font-size: 1rem; padding: 15px 30px; margin: 15px; } } @media (max-width: 480px) { .runen-orakel-wrapper h1 { font-size: 2rem; } .runen-orakel-wrapper .rune-display { width: 180px; height: 180px; } .runen-orakel-wrapper .rune-symbol { font-size: 4rem; } } Runen-Orakel Lass die alten Runen dein Schicksal enthüllen ? ✨ Rune Werfen ✨ 🛍️ Erfahre hier die gar wundersame Deutung deiner Rune! (function() { // Runen-Datenbank mit Shop-Links const runenData = [ { symbol: 'ᚠ', name: 'Fehu', meaning: 'Reichtum und Wohlstand fließen zu dir. Eine Zeit des materiellen Gewinns und neuer Möglichkeiten steht bevor.', shopLink: '/blogs/runen/fehu-ᚠ' }, { symbol: 'ᚢ', name: 'Uruz', meaning: 'Wilde Kraft und Stärke erwachen in dir. Zeit für mutige Taten und persönliche Transformation.', shopLink: '/blogs/runen/uruz-ᚢ' }, { symbol: 'ᚦ', name: 'Thurisaz', meaning: 'Schutz und Abwehr von negativen Energien. Sei wachsam, aber vertraue deiner inneren Stärke.', shopLink: '/blogs/runen/thurisaz-ᚦ' }, { symbol: 'ᚨ', name: 'Ansuz', meaning: 'Göttliche Weisheit und Inspiration kommen zu dir. Höre auf die Botschaften des Universums.', shopLink: '/blogs/runen/ansuz-ᚨ' }, { symbol: 'ᚱ', name: 'Raidho', meaning: 'Eine Reise oder wichtige Veränderung steht bevor. Folge dem Pfad, der sich vor dir öffnet.', shopLink: '/blogs/runen/raidho-ᚱ' }, { symbol: 'ᚲ', name: 'Kenaz', meaning: 'Das Feuer des Wissens und der Kreativität brennt hell. Zeit für neue Projekte und Lernen.', shopLink: '/blogs/runen/kenaz-ᚲ' }, { symbol: 'ᚷ', name: 'Gebo', meaning: 'Geschenke und Partnerschaften bringen Segen. Geben und Nehmen stehen im Gleichgewicht.', shopLink: '/blogs/runen/gebo-ᚷ' }, { symbol: 'ᚹ', name: 'Wunjo', meaning: 'Freude und Harmonie erfüllen dein Leben. Glückliche Zeiten liegen vor dir.', shopLink: '/blogs/runen/wunjo-ᚹ' }, { symbol: 'ᚺ', name: 'Hagalaz', meaning: 'Herausforderungen prüfen deine Stärke. Aus der Zerstörung erwächst neues Leben.', shopLink: '/blogs/runen/hagalaz-ᚺ' }, { symbol: 'ᚾ', name: 'Nauthiz', meaning: 'Bedürfnisse und Lektionen führen zu Wachstum. Aus der Not entsteht Weisheit.', shopLink: '/blogs/runen/nauthiz-ᚾ' }, { symbol: 'ᛁ', name: 'Isa', meaning: 'Stillstand und Reflexion sind nötig. Nutze diese Zeit der Ruhe für innere Klarheit.', shopLink: '/blogs/runen/isa-ᛁ' }, { symbol: 'ᛃ', name: 'Jera', meaning: 'Die Zeit der Ernte ist gekommen. Deine Bemühungen tragen endlich Früchte.', shopLink: '/blogs/runen/jera-ᛃ' }, { symbol: 'ᛇ', name: 'Eihwaz', meaning: 'Ausdauer und Schutz stärken dich. Wie die Eibe stehst du fest gegen alle Stürme.', shopLink: '/blogs/runen/eihwaz-ᛇ' }, { symbol: 'ᛈ', name: 'Perthro', meaning: 'Geheimnisse und verborgenes Wissen offenbaren sich. Das Schicksal wendet sich zum Guten.', shopLink: '/blogs/runen/perthro-ᛈ' }, { symbol: 'ᛉ', name: 'Algiz', meaning: 'Göttlicher Schutz umhüllt dich. Deine Verbindung zum Höheren wird gestärkt.', shopLink: '/blogs/runen/algiz-ᛉ' }, { symbol: 'ᛊ', name: 'Sowilo', meaning: 'Das Licht der Sonne durchbricht die Dunkelheit. Erfolg und Sieg sind dir sicher.', shopLink: '/blogs/runen/sowilo-ᛊ' }, { symbol: 'ᛏ', name: 'Tiwaz', meaning: 'Mut und Gerechtigkeit leiten dich. Kämpfe für das, woran du glaubst.', shopLink: '/blogs/runen/tiwaz-ᛏ' }, { symbol: 'ᛒ', name: 'Berkano', meaning: 'Neue Anfänge und Wachstum blühen auf. Wie die Birke erneuerst du dich.', shopLink: '/blogs/runen/berkano-ᛒ' }, { symbol: 'ᛖ', name: 'Ehwaz', meaning: 'Partnerschaft und Zusammenarbeit führen zum Erfolg. Vertraue auf deine Verbündeten.', shopLink: '/blogs/runen/ehwaz-ᛖ' }, { symbol: 'ᛗ', name: 'Mannaz', meaning: 'Die Menschlichkeit in dir und anderen erwacht. Zeit für Gemeinschaft und Verständnis.', shopLink: '/blogs/runen/mannaz-ᛗ' }, { symbol: 'ᛚ', name: 'Laguz', meaning: 'Intuition und emotionale Tiefe führen dich. Folge dem Fluss deiner Gefühle.', shopLink: '/blogs/runen/laguz-ᛚ' }, { symbol: 'ᛜ', name: 'Ingwaz', meaning: 'Fruchtbarkeit und innere Stärke reifen heran. Ein neuer Lebenszyklus beginnt.', shopLink: '/blogs/runen/ingwaz-ᛜ' }, { symbol: 'ᛞ', name: 'Dagaz', meaning: 'Ein neuer Tag dämmert herauf. Durchbruch und Erleuchtung erwarten dich.', shopLink: '/blogs/runen/dagaz-ᛞ' }, { symbol: 'ᛟ', name: 'Othala', meaning: 'Erbe und Heimat geben dir Kraft. Deine Wurzeln nähren deine Zukunft.', shopLink: '/blogs/runen/othala-ᛟ' } ]; // Partikel erstellen function erstellePartikel() { const partikelContainer = document.getElementById('runenParticles'); if (!partikelContainer) return; for (let i = 0; i < 25; i++) { const partikel = document.createElement('div'); partikel.classList.add('particle'); partikel.style.left = Math.random() * 100 + '%'; partikel.style.animationDelay = Math.random() * 8 + 's'; partikel.style.animationDuration = (Math.random() * 4 + 4) + 's'; partikelContainer.appendChild(partikel); } } // Rune werfen function runeWerfen() { const button = document.getElementById('runenButton'); const display = document.getElementById('runenDisplay'); const symbol = document.getElementById('runenSymbol'); const result = document.getElementById('runenResult'); if (!button || !display || !symbol || !result) return; button.disabled = true; button.textContent = 'Die Runen sprechen...'; display.classList.add('spinning'); result.classList.remove('visible'); result.classList.add('hidden'); let spinCount = 0; const spinInterval = setInterval(() => { const zufallsRune = runenData[Math.floor(Math.random() * runenData.length)]; symbol.textContent = zufallsRune.symbol; spinCount++; if (spinCount > 25) { clearInterval(spinInterval); zeigeFinalRune(); } }, 120); } function zeigeFinalRune() { const display = document.getElementById('runenDisplay'); const symbol = document.getElementById('runenSymbol'); const result = document.getElementById('runenResult'); const name = document.getElementById('runenName'); const meaning = document.getElementById('runenMeaning'); const link = document.getElementById('runenLink'); const button = document.getElementById('runenButton'); if (!display || !symbol || !result || !name || !meaning || !link || !button) return; const gewaehlteRune = runenData[Math.floor(Math.random() * runenData.length)]; display.classList.remove('spinning'); symbol.textContent = gewaehlteRune.symbol; setTimeout(() => { name.textContent = gewaehlteRune.name; meaning.textContent = gewaehlteRune.meaning; link.href = gewaehlteRune.shopLink; result.classList.remove('hidden'); result.classList.add('visible'); button.disabled = false; button.textContent = '✨ Neue Rune Werfen ✨'; }, 600); } // Initialisierung function initialisieren() { erstellePartikel(); const button = document.getElementById('runenButton'); if (button) { button.addEventListener('click', runeWerfen); } } // Warten auf DOM-Ladung if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initialisieren); } else { initialisieren(); } })();