article,aside,details,figcaption,figure,#footer,header,hgroup,nav,section{display:block}
#container{color:#ffffff;background:#000000;width:100%;max-width:1400px;margin:0 auto;}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/Fraunces-latin-normal-variable.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/Fraunces-latin-italic-variable.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/Fraunces-latinext-normal-variable.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/Fraunces-latinext-italic-variable.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-latin-normal-variable.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-latin-italic-variable.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-latinext-normal-variable.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-latinext-italic-variable.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
:root{--bg-page:#0a0a12;--color-h1:#e8e4df;--color-h2:#c9a84c;--accent:#d63a91;--muted:#dbd5ce;--muted-soft:#c4bdb5;}
nav#breadcrumbs + p{text-align:center;}
/* Advicted Consent Banner */#cookieinfo{position:fixed;width:100%;background-color:#ffffff;color:#000000;height:auto;min-height:300px;margin:0 auto;left:0;top:40%;z-index:10000;font-size:20px;text-align:center;display:block;-webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.5);box-shadow:0px 10px 20px 0px rgba(0,0,0,0.5);border-top:5px solid #c93085;border-bottom:1px solid #c93085;}
#cookieinfo a{color:#000000;cursor:pointer;text-decoration:underline;font-size:17px;display:block;margin:15px auto;}
#cookline{margin:10px 0 0;padding:0;font-size:20px;}
#cookieinfotext{position:relative;color:#000000;margin:5px auto;padding:0 30px;font-size:17px;line-height:1em;}
#cookokButton,#cooknoButton{background:#c93085;font-size:21px;margin:20px;color:#ffffff;font-weight:bold;padding:10px 30px;border-radius:14px;cursor:pointer;-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);border:1px solid white;}
#cooknoButton{font-size:20px;background:#c0709d;}
#analytonoff,#personaladsonoff{background:#c93085;font-size:24px;margin:15px;color:#ffffff;font-weight:bold;padding:10px 15px;border-radius:14px;cursor:pointer;}
#infoanalyt,#infopersonads{margin:40px 0 5px 20px;font-weight:bold;font-size:19px;}
.cookieimg{position:relative;width:100%;max-width:500px;height:auto;border-radius:24px;margin:80px auto;}
#bookad,#bookwk{position:relative;text-align:center;margin:30px auto;}
#bookad img,#bookwk img{display:block;margin:10px auto;border:0;width:100%;max-width:300px;height:auto;}
#bookwk img{max-width:600px;}
#bookad a,#bookwk a{padding:0;cursor:pointer;}
/*Ende Advicted Consent Banner */*,*::before,*::after{box-sizing:border-box;}.hauptnavi,.hauptnavi *,.hauptnavi *::before,.hauptnavi *::after{box-sizing:content-box;}html{scrollbar-gutter:stable}body{margin:0;padding:0;line-height:1.75;text-align:center;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;color:#ffffff;background:#0a0a12;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
object{outline:none}
img,video{aspect-ratio:attr(width) / attr(height);}
img,object,embed,video,iframe{max-width:100%}
video{position:relative;margin:50px auto;width:100%;height:auto;max-width:720px;max-height:720px;border:1px solid #F600C3;display:block;}
img{max-width:100%;height:auto;width:auto\9;}
.incontent_container{width:100%;display:flex;justify-content:center;align-items:center;margin:10px 0;/* oder jeglicher Abstand,den Sie bevorzugen */}
noscript{height:auto;min-height:100px;width:90%;font-weight:bold;font-size:150%;position:relative;margin:80px auto;padding-top:30px;}
.follow{position:relative;width:100%;height:35px;margin:0 auto;z-index:999;text-align:center;}
.follow a{padding:0;display:inline-block;margin-right:15px;margin-top:10px;margin-left:15px;}
.follow a img{display:block;}
.rubrikstart{text-align:center;font-weight:bold;}
#erklaerung{position:relative;padding:15px 0;margin:0 auto;border-radius:14px;color:#000000;margin-right:0.7rem;}
.BuchstabenAuswahl h2{background:#D9D3D3;text-align:center;color:#003064;margin-top:45px;font-style:normal;}
#erklaerung h2,.boxcommon h2,#erklaerung h3,.boxcommon h3,#erklaerung h4,.boxcommon h4{color:#003064;font-style:normal;margin-left:1.5rem;}
#txt #erklaerung h2,#txt #erklaerung h3,#txt #erklaerung h4{color:#003064;}
#erklaerung h4{margin-top:5px;font-weight:100;}
#erklaerung ul{color:#000000;}
#erklaerung ul li{list-style-type:circle;line-height:1.5em;color:#000000;}
#buchstaben,.traumsybole{position:relative;margin:15px auto;height:auto;width:98%;border:1px solid #0088FF;}
#buchstaben a{display:inline-block;margin:20px 40px;font-size:3em;font-family:'Fraunces',Georgia,serif;color:white;}
.traumsybole{background:#000000;/* Old browsers */background:-moz-linear-gradient(top,#000000 0%,#000000 44%,#207cca 98%,#1e5799 100%);/* FF3.6-15 */background:-webkit-linear-gradient(top,#000000 0%,#000000 44%,#207cca 98%,#1e5799 100%);/* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom,#000000 0%,#000000 44%,#207cca 98%,#1e5799 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */border-radius:14px;text-align:center;width:90%;}
.traumsybole a{font-size:1.5em;display:inline-block;margin:20px 40px;}
.traumsybole a:first-letter{font-size:1.7em;font-family:'Inter',system-ui,-apple-system,sans-serif;font-weight:600;}
.BuchstabenAuswahl{background:#FFFFFF;color:#000000;width:98%;padding:5px;margin:15px auto;border-radius:8px;}
.vid{position:relative;width:100%;max-width:640px;height:360px;margin:50px auto}
#Telenum{position:relative;background:#FDD9F9;width:90%;max-width:480px;height:auto;left:50%;clear:both;margin-top:5px;margin-bottom:40px;margin-left:-45%;padding:5px 5px 10px 5px;z-index:15;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;color:#000;font-size:110%;line-height:1.5;-webkit-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);-moz-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);box-shadow:0 0 18px 0 rgba(161,161,161,0.2);}
#viversnum{font-size:1.4em;}
#Telenum a{clear:both;color:#000000;display:block;text-align:center;}
.vivlink{position:relative;height:40px;}
.mehrauswahl .vivlink a{color:#CEEDFF;}
#book{position:relative;margin:25px auto;width:300px;height:500px;text-align:center;}
html{font-size:17px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:'Inter',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;color:#fff}
.testButton{font-size:200%;color:#fff}
button{font-size:100%}
a:link{font-size:19px;color:#FFFFFF;}
a:visited{color:#fff;}
a:hover{color:#FC0;}
a:focus{color:#fff;}
a:focus-visible{outline:2px solid #c9a84c;outline-offset:3px;border-radius:2px;}
a:active{color:#fff;}
p{text-decoration:none;letter-spacing:0;font-size:110%;line-height:1.5;padding:0;margin:0.5rem 1rem 1rem}
h1 + h2{margin:0;}
h1,h2,h3,h4,h5,h6{color:#c9a84c;font-family:'Fraunces',Georgia,serif;margin:1rem 1rem 0;text-align:center;font-weight:600;}
h2,h3,h4,h5,h6{margin:2.5rem 0.3rem 0}
h1{color:#e8e4df;font-size:clamp(2rem,5vw,3.2rem);font-style:italic;text-align:center;margin:1rem 0.5rem 0 0;}
h2{font-size:clamp(1.4rem,3vw,1.9rem)}
h3{font-size:clamp(1.2rem,2.5vw,1.6rem)}
h4{font-size:clamp(1.1rem,2.2vw,1.4rem)}
h5{font-size:clamp(1rem,2vw,1.3rem)}
h6{font-size:clamp(.95rem,1.8vw,1.2rem)}
h2 + h3{margin:0.5rem 1rem;}
em{font-size:105%;font-style:italic;}
#disclaimer{font-weight:bold;font-style:italic;font-size:0.9em;position:relative;margin:0 auto;padding-bottom:25px;}
#disclaimer p{text-align:center;}
.wrap{position:relative;display:flex;flex-wrap:wrap;width:100%;max-width:1400px;min-width:320px;height:auto;margin:10px;text-align:left;padding:0;background:#00000;}
#header{color:#ffffff;background-repeat:no-repeat;height:auto;margin:0 auto;padding:0;max-width:1280px;}
div#logo{position:relative;margin:10px auto 50px auto;width:100%;height:auto;max-height:60px;padding:0;}
div#logo img{display:block;position:relative;margin:-5px auto;width:320px;height:60px;}
div#logo span{font-size:30px;letter-spacing:0.1em;color:#fff;font-family:'Inter',system-ui,-apple-system,sans-serif;font-weight:600;text-shadow:0 -1px 10px #00a8ff,0 1px 1px #FFFFFF;}
div#logo a{text-decoration:none;}
ul{font-size:110%}
input{color:#000}
.ogthemen{position:relative;width:100%;max-width:960px;height:auto;max-height:504px;margin:30px auto;padding:0;}
.ogthemen img{display:block;margin:30px auto;}
.infothemen{position:relative;width:100%;max-width:960px;height:auto;max-height:960px;margin:30px auto;padding:0;}
.discover{position:relative;width:100%;max-width:960px;height:auto;max-height:1200px;padding:0;display:block;margin:30px auto;}
.snowflake{position:fixed;top:-10px;background-color:white;border-radius:50%;opacity:0.8;pointer-events:none;}
.zuckerstangen-rahmen{width:320px;/* Setzen Sie die gewünschte Breite */height:320px;/* Setzen Sie die gewünschte Höhe */padding:10px;/* Abstand für den Rahmen */background:repeating-linear-gradient(45deg,red,red 10px,white 10px,white 20px);/* Erzeugt die Zuckerstangen-Streifen */background-size:20px 20px;/* Größe der Zuckerstangen-Streifen */box-shadow:5px 5px 10px rgba(0,0,0,0.5);/* Schatten für Tiefe */position:relative;margin:auto;align-items:center;justify-content:center;border-radius:10px;/* Optional:für abgerundete Ecken */overflow:hidden;/* Stellt sicher,dass der Inhalt innerhalb des Rahmens bleibt */display:flex;/* Zentriert das innere Element (die Canvas) */}
.zuckerstangen-rahmen::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:-2px;/* Etwas größer als der Rahmen,um den Glanz auf den Rahmen zu beschränken */background:linear-gradient(135deg,rgba(255,255,255,0.8) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.8) 75%,transparent 75%);background-size:40px 40px;/* Anpassung der Größe des Glanz-Effekts */}
#christmascanvas{position:relative;z-index:2;/* Stellt sicher,dass die Canvas über dem Glanz-Effekt liegt *//* Weitere Stile für die Canvas nach Bedarf */}
.infografik{position:relative;width:100%;max-width:800px;height:auto;max-height:1200px;padding:0;display:block;margin:30px auto;}
#advertise{width:90%;margin:15px auto;position:relative;font-size:115%;text-align:center;}
#advertise strong,#advertise a{font-weight:700;color:#FC0}
#advertise p{margin-top:15px;}
#advertise p:last-child{font-style:italic;margin-top:50px;}
.hauptnavi .menu{margin:0 auto;}
ul.menu{list-style-type:none;width:100%;text-align:center;padding:0;}
ul.menu li{display:inline-block;}
ul.menu li a{height:25px;line-height:25px;padding-left:50px;color:#fff;background:url("https://www.psychic-crystal-ball.com/pics/pcb-navi-sprite2.png") no-repeat;text-decoration:none;font-weight:500;}
ul.menu li.pcbicon a{background-position:0 0;}
ul.menu li.love-icon a{background-position:0 -50px;}
ul.menu li.tarot-icon a{background-position:0 -100px;}
ul.menu li.cardreading-icon a{background-position:0 -150px;}
ul.menu li.angelcards-icon a{background-position:0 -200px;}
ul.menu li.oracle-icon a{background-position:0 -250px;}
ul.menu li.traumdeutung-icon a{background-position:0 -300px;}
ul.menu li.awareness-icon a{background-position:0 -350px;}
ul.menu li.astrology-icon a{background-position:0 -400px;}
#kugel{position:relative;margin-top:40px;height:380px;background:#000;background:-moz-radial-gradient(center,ellipse cover,#000 0%,#223d4b 0%,#000 77%,#000 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#000),color-stop(0%,#223d4b),color-stop(77%,#000),color-stop(100%,#000));background:-webkit-radial-gradient(center,ellipse cover,#000 0%,#223d4b 0%,#000 77%,#000 100%);background:-o-radial-gradient(center,ellipse cover,#000 0%,#223d4b 0%,#000 77%,#000 100%);background:-ms-radial-gradient(center,ellipse cover,#000 0%,#223d4b 0%,#000 77%,#000 100%);background:radial-gradient(ellipse at center,#000 0%,#223d4b 0%,#000 77%,#000 100%);}
#jskugel,#widgetnachunten{position:relative;margin:60px auto;height:auto;width:100%;max-width:930px;min-width:320px;overflow:visible;z-index:12;background:#000000;/* Old browsers */background:-moz-radial-gradient(center,ellipse cover,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* FF3.6+ */background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#000000),color-stop(0%,#223d4b),color-stop(77%,#000000),color-stop(100%,#000000));/* Chrome,Safari4+ */background:-webkit-radial-gradient(center,ellipse cover,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* Chrome10+,Safari5.1+ */background:-o-radial-gradient(center,ellipse cover,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* Opera 12+ */background:-ms-radial-gradient(center,ellipse cover,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* IE10+ */background:radial-gradient(ellipse at center,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=1);/* IE6-9 fallback on horizontal gradient */}
#jskugel{max-height:600px;}
#widgetnachunten{height:auto;min-height:500px;}
#horoskopbox{position:relative;margin:40px auto;width:100%;max-width:930px;min-width:320px;height:600px;padding:0;}
/*Rubrik*********/#jsrubrikwidget{position:relative;width:96%;max-width:767px;min-width:320px;height:auto;min-height:500px;margin:40px auto 10px;padding:0;text-align:center;}
#legunginfo{position:relative;text-align:center;font-size:1.3em;color:#FC0;font-weight:800;}
#uberschriftorakel{margin-top:10px;}
#kartenwahl1,#kartenwahl2,#kartenwahl3,#kartenwahl4,#kartenwahl5,#kartenwahl6{position:absolute;width:25%;max-width:140px;height:auto;max-height:200px;margin-left:-12.5%;z-index:43;}
#kartenwahl1,#kartenwahl2,#kartenwahl3{top:25%;}
#kartenwahl4,#kartenwahl5,#kartenwahl6{top:70%;}
#kartenwahl1,#kartenwahl4{left:20%;}
#kartenwahl2,#kartenwahl5{left:50%;}
#kartenwahl3,#kartenwahl6{left:80%;}
#showkarte1,#showkarte2,#showkarte3,#showkarte4,#showkarte5,#showkarte6,#showkarte7,#showkarte8,#showkarte9{position:relative;display:block;width:280px;margin:10px auto;z-index:13}
#deutung1,#deutung2,#deutung3,#deutung4,#deutung5,#deutung6,#deutung7,#deutung8,#deutung9{position:relative;background:#FFFFFF;width:100%;height:auto;left:50%;clear:both;margin-top:5px;margin-bottom:40px;margin-left:-50%;padding:20px 0;z-index:15;color:#000000;overflow:hidden;font-size:110%;line-height:1.5;text-align:left;}
#positioninfo1,#positioninfo2,#positioninfo3,#positioninfo3,#positioninfo4,#positioninfo5,#positioninfo6,#positioninfo7,#positioninfo8{color:#c93085;font-weight:600;font-size:140%;}
#kartentitel1,#kartentitel2,#kartentitel3,#kartentitel4,#kartentitel5,#kartentitel6,#kartentitel7,#kartentitel8,#kartentitel9{color:#000;font-weight:600;font-size:135%;text-indent:10px;}
#nochmalRub{position:absolute;display:block;font-size:1.2em;border:1px solid #C6CCD8;-webkit-box-shadow:0px 0px 3px 2px #12617e;-moz-box-shadow:0px 0px 3px 2px #12617e;box-shadow:0px 0px 3px 2px #dbdee5;background:white;color:black;border-radius:8px;font-weight:bold;height:40px;bottom:1%;left:50%;margin-left:-19%;z-index:50;width:38%;cursor:pointer;}
#mehrinfoRub{position:absolute;display:block;width:28%;margin-left:-14%;left:90%;bottom:1%;cursor:pointer;font-size:21px;font-weight:700;z-index:10;}
#mehrBUT{z-index:52;bottom:5%;position:absolute;width:100%;max-width:480px;height:auto;max-height:40px;left:50%;transform:translate(-50%,-50%);cursor:pointer;}
.stichpunkteBoxRub{position:relative;margin:10px auto;font-weight:500;list-style:circle;}
#ButtonboxRub{position:relative;margin:10px auto;}
/*******ENDE Rubrik Widget****/#jspicshow{position:relative;width:96%;max-width:720px;min-width:320px;height:auto;max-height:540px;margin:15px auto;padding:0}
#legebild{position:relative;width:100%;max-width:500px;min-width:320px;height:auto;max-height:500px;margin:15px auto;padding:0}
#pfeilL,#pfeilR{position:absolute;bottom:43%;width:80px;height:80px}
#pfeilL{left:0}
#pfeilR{right:0}
#wkslider{position:relative;width:94%;max-width:600px;height:auto;max-height:300px;margin:30px auto 100px;cursor:pointer;z-index:2999}
#wkslider #pic{padding:0;border:2px solid #d7f4ff;-webkit-box-shadow:0 0 60px 10px #12617e;-moz-box-shadow:0 0 60px 10px #12617e;box-shadow:0 0 60px 10px #12617e}
#kugelbox{float:left;height:100px;width:100%;max-width:600px;padding:0;z-index:1999}
#kugel1,#kugel2,#kugel3,#kugel4,#kugel5{position:absolute;bottom:4%;width:100%;max-width:50px;margin-left:8.33333px;cursor:auto;padding:0}
#kugel1{left:13%}
#kugel2{left:28%}
#kugel3{left:43%}
#kugel4{left:58%}
#kugel5{left:73%}
#kugelL,#kugelR{position:absolute;bottom:30%;width:80px;height:80px;cursor:auto}
#kugelL{left:.1%}
#kugelR{right:.1%}
.spruchA,.spruchB,.spruchC{position:relative;margin:30px auto;width:90%;border-radius:12px;height:auto;min-height:30px;font-weight:500;padding:15px 5px 15px 10px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3)}
.spruchA{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(153,207,255,0.1) 67%,rgba(153,207,255,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(153,207,255,0.1) 67%,rgba(153,207,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(153,207,255,0.1) 67%,rgba(153,207,255,1) 100%);}
.spruchB{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,233,145,0.1) 67%,rgba(255,233,145,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,233,145,0.1) 67%,rgba(255,233,145,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,233,145,0.1) 67%,rgba(255,233,145,1) 100%);}
.spruchC{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(198,113,160,0.1) 67%,rgba(198,113,160,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(198,113,160,0.1) 67%,rgba(198,113,160,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(198,113,160,0.1) 67%,rgba(198,113,160,1) 100%);}
#jswidgetbox,#jsopenendbox{position:relative;margin:20px auto;width:100%;max-width:930px;height:600px;overflow:visible;padding:0}
#hustscroll{position:relative;-webkit-box-shadow:0 0 60px 10px #12617e;-moz-box-shadow:0 0 60px 10px #12617e;box-shadow:0 0 60px 10px #12617e;border-radius:8px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;width:100%;max-width:930px;height:600px;background:#fff;color:#000;z-index:15;display:block;margin:0 auto;text-align:center;}
#hustscroll span{font-style:italic;text-align:center;display:block;margin-bottom:10px;}
#jsopenendbox{height:auto;min-height:600px;}
#testtitelpic{width:100%;height:auto;max-height:470px;max-width:480px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:73}
#jsopenend{position:relative;margin-top:40px;width:100%;min-width:320px;height:auto;min-height:500px;background:#fff;color:#000;margin:0 auto;border:2px solid #083140;-webkit-box-shadow:0 0 60px 10px #12617e;-moz-box-shadow:0 0 60px 10px #12617e;box-shadow:0 0 60px 10px #12617e;border-radius:8px;}
#testbox{position:relative;text-align:center;width:98%;min-width:320px;height:auto;min-height:500px;border-radius:8px;margin:5px auto;background:-moz-radial-gradient(center,ellipse cover,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#083140),color-stop(29%,#083140),color-stop(80%,#051d25),color-stop(100%,#051d25));background:-webkit-radial-gradient(center,ellipse cover,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);background:-o-radial-gradient(center,ellipse cover,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);background:-ms-radial-gradient(center,ellipse cover,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);background:radial-gradient(ellipse at center,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);font-size:110%}
#sterntest{position:relative;text-align:center;width:96%;min-width:320px;max-width:600px;height:auto;max-height:400px;border-radius:24px;margin:75px auto}
#testbox h2{margin:-15px 10px 10px 5px;font-weight:400;font-style:normal;font-size:130%}
#sterntest h2{font-weight:400;font-style:normal;font-size:150%}
#testbox span,#sterntest span{}
#testbox form,#sterntest form{text-align:left;border:none;width:96%;margin:15px auto}
#sterntest form{font-size:110%}
#testbox form input,#sterntest form input{background:#0085FF;margin:10px 0}
#testbox #antwortinfo,#sterntest #antwortinfo{font-style:italic}
#testbox #auswertung,#sterntest #auswertung{width:96%;position:relative;margin:0 auto 20px}
#deutungbox{position:relative;margin:15px auto;height:auto;padding:0;}
#deutungsbox img{position:relative;margin:0 auto;display:block;}
.buttonbox,#buttonbox{position:relative;width:100%;margin:15px auto;height:auto;min-height:60px;}
#buttonAshow,#zurbutton,#weitbutton,#buttonNochmal,#buttonStart{background:#fff;color:#000;font-weight:700;position:absolute;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;height:auto;-webkit-box-shadow:0 6px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);-moz-box-shadow:0 6px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);box-shadow:0 6px 8px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);padding:10px;}
#weitbutton{right:15px}
#zurbutton{left:15px}
#buttonAshow{position:relative;display:block;margin:15px auto}
#buttonNochmal,#buttonStart{position:relative;margin:15px auto;background:#FC0;display:block}
#jswidget{position:relative;width:100%;max-width:930px;height:600px;background:#fff;color:#000;margin:0 auto;border:2px solid #083140;-webkit-box-shadow:0 0 60px 10px #12617e;-moz-box-shadow:0 0 60px 10px #12617e;box-shadow:0 0 60px 10px #12617e;border-radius:8px;display:block;text-align:center;padding:0;}
#horoskopjswidget{position:relative;width:100%;max-width:930px;min-width:320px;height:600px;background:#000;color:#fff;margin:0 auto;border:2px solid #d7f4ff;-webkit-box-shadow:0 0 60px 10px #12617e;-moz-box-shadow:0 0 60px 10px #12617e;box-shadow:0 0 60px 10px #12617e;border-radius:8px;padding:0}
#kartencanvas,#canvasOrakel{position:absolute;width:100%;max-width:500px;height:auto;max-height:400px;transform:translate(-50%,-50%);left:50%;top:35%;padding:0;font-size:110%;}
#kartencanvasUnten,#bigorakelcanvas{position:relative;cursor:pointer;margin:20px auto;width:100%;max-width:500px;max-height:400px;height:auto;text-align:center;}
#kartencanvasUnten{position:relative;cursor:pointer;margin:10px auto;width:100%;max-width:500px;max-height:400px;height:auto;text-align:center;}
#hexencanvas{position:relative;cursor:pointer;width:100%;max-width:500px;max-height:400px;height:auto;text-align:center;transform:translate(-50%,-50%);left:50%;top:250px;}
#canvasbild{position:absolute;height:auto;max-height:400px;left:50%;transform:translate(-50%,-50%);padding:0;top:200px;}
#titelpic{width:100%;height:auto;max-height:480px;max-width:480px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;}
#orakelquest{position:absolute;width:100%;max-width:480px;min-width:320px;height:auto;max-height:480px;left:50%;transform:translate(-50%,-50%);top:50%;text-align:center;}
#orakelfrage{font-size:130%;position:absolute;font-weight:400;width:100%;text-align:center;left:50%;transform:translate(-50%,-50%);z-index:990;top:-10%;height:30px;}
#namesinput,#dateinput,#textinput{position:relative;max-width:500px;min-width:320px;height:auto;max-height:450px;text-align:center;margin:40px auto;font-size:1.3em;}
#textinput{margin-top:150px;}
#texteingabe{position:relative;width:80%;max-width:400px;min-width:250px;height:auto;max-height:120px;margin:10px auto 30px;}
#nameinput1,#nameinput2,#zahlinput1,#zahlinput2,#datuminput1,#datuminput2,#datuminput3{position:relative;width:48%;max-width:240px;min-width:120px;height:auto;max-height:80px;margin:10px auto 30px;}
#prozentMitte{position:relative;top:40px;text-align:center;z-index:45;font-size:3em;font-weight:bold;}
#orakelquest button{cursor:pointer;font-size:110%;color:#000;position:relative;width:96%;max-width:480px;min-width:320px;height:auto;max-height:80px;margin:15px auto;}
#answ1,#answ2,#answ3,#answ4{position:absolute;z-index:8;text-align:left;background:#F3FCFB;border:1px solid #E9E9E9;border-radius:6px;width:100%;font-weight:400;padding:10px;-webkit-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);-moz-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);box-shadow:0 0 18px 0 rgba(161,161,161,0.2);top:30px;;left:50%;transform:translate(-50%,-50%);}
#zodiacbox,#selectbox{position:absolute;width:100%;max-width:930px;height:500px;min-width:320px;margin-left:0;transform:translateX(-50%);left:50%;top:12%;}
#zodiacselect1,#zodiacselect2,#zodiacselect3,#zodiacselect4,#zodiacselect5,#zodiacselect6,#zodiacselect7,#zodiacselect8,#zodiacselect9,#zodiacselect10,#zodiacselect11,#zodiacselect12{position:absolute;width:100%;max-width:80px;height:auto;max-height:80px;transform:translate(-50%,-50%);}
#zodiacselect1,#zodiacselect2,#zodiacselect3,#zodiacselect4{top:25%}
#zodiacselect5,#zodiacselect6,#zodiacselect7,#zodiacselect8{top:45%}
#zodiacselect9,#zodiacselect10,#zodiacselect11,#zodiacselect12{top:65%}
#zodiacselect1,#zodiacselect5,#zodiacselect9{left:15%}
#zodiacselect2,#zodiacselect6,#zodiacselect10{left:38%}
#zodiacselect3,#zodiacselect7,#zodiacselect11{left:61%}
#zodiacselect4,#zodiacselect8,#zodiacselect12{left:84%}
#spanspritebox span{position:absolute;display:block;background:url(../jswidgets/horoskope/zodiacsheet.jpg) no-repeat;overflow:hidden;width:80px;height:80px;}
#zodiacsign1,#zodiacsign2,#zodiacsign3,#zodiacsign4,#zodiacsign5,#zodiacsign6,#zodiacsign7,#zodiacsign8,#zodiacsign9,#zodiacsign10,#zodiacsign11,#zodiacsign12{position:absolute;width:100%;max-width:80px;height:auto;max-height:80px;transform:translate(-50%,-50%);}
#zodiacsign1,#zodiacsign2,#zodiacsign3,#zodiacsign4{top:25%;}
#zodiacsign5,#zodiacsign6,#zodiacsign7,#zodiacsign8{top:45%}
#zodiacsign9,#zodiacsign10,#zodiacsign11,#zodiacsign12{top:65%}
#zodiacsign1,#zodiacsign5,#zodiacsign9{left:15%}
#zodiacsign2,#zodiacsign6,#zodiacsign10{left:38%}
#zodiacsign3,#zodiacsign7,#zodiacsign11{left:61%}
#zodiacsign4,#zodiacsign8,#zodiacsign12{left:84%}
span#zodiacsign1{background-position:0 0;}
span#zodiacsign2{background-position:0 -80px;}
span#zodiacsign3{background-position:0 -160px;}
span#zodiacsign4{background-position:0 -240px}
span#zodiacsign5{background-position:0 -320px}
span#zodiacsign6{background-position:0 -400px}
span#zodiacsign7{background-position:0 -480px}
span#zodiacsign8{background-position:0 -560px}
span#zodiacsign9{background-position:0 -640px}
span#zodiacsign10{background-position:0 -720px}
span#zodiacsign11{background-position:0 -800px}
span#zodiacsign12{background-position:0 -880px}
#monat1,#monat2,#monat3,#monat4,#monat5,#monat6,#monat7,#monat8,#monat9,#monat10,#monat11,#monat12{position:absolute;width:44%;max-width:220px;height:auto;max-height:40px;margin-left:-22%}
#monatcanvas1,#monatcanvas2,#monatcanvas3,#monatcanvas4,#monatcanvas5,#monatcanvas6,#monatcanvas7,#monatcanvas8,#monatcanvas9,#monatcanvas10,#monatcanvas11,#monatcanvas12{position:absolute;width:100%;max-width:220px;height:auto;max-height:40px;transform:translate(-50%,-50%);}
#monat1,#monat2{top:5%}
#monat3,#monat4{top:20%}
#monat5,#monat6{top:35%}
#monat7,#monat8{top:50%}
#monat9,#monat10{top:65%}
#monat11,#monat12{top:80%}
#monatcanvas1,#monatcanvas2{top:5%}
#monatcanvas3,#monatcanvas4{top:20%}
#monatcanvas5,#monatcanvas6{top:35%}
#monatcanvas7,#monatcanvas8{top:50%}
#monatcanvas9,#monatcanvas10{top:65%}
#monatcanvas11,#monatcanvas12{top:80%}
#monat1,#monat3,#monat5,#monat7,#monat9,#monat11{left:25%}
#monat2,#monat4,#monat6,#monat8,#monat10,#monat12{left:75%}
#monatcanvas1,#monatcanvas3,#monatcanvas5,#monatcanvas7,#monatcanvas9,#monatcanvas11{left:27%}
#monatcanvas2,#monatcanvas4,#monatcanvas6,#monatcanvas8,#monatcanvas10,#monatcanvas12{left:73%}
.illustratorbox{position:relative;}
#illustrationleft{position:absolute;width:46%;max-width:230px;height:auto;max-height:260px;left:5%;top:15%;z-index:8;}
#illustrationright{position:absolute;width:36%;max-width:180px;height:auto;max-height:180px;right:5%;top:14%;z-index:8;}
#titel,#titelhoro{position:absolute;;width:100%;max-width:480px;height:auto;max-height:50px;top:10%;transform:translate(-50%,-50%);left:50%;}
#titelhoro{max-height:100px;}
#orakelbild,#startorakel,#altorakelbild{position:absolute;width:100%;height:auto;max-width:260px;max-height:260px;left:50%;transform:translate(-50%,-50%);z-index:44;cursor:pointer;top:250px;}
#altorakelbild,#orakelbild{top:130px;}
#sternbildbig,#sternbild{position:absolute;width:100%;max-width:400px;top:30%;left:50%;transform:translate(-50%,-50%);cursor:pointer;}
#sternbild{max-width:300px;}
#startbild,#startbildM{position:relative;width:100%;max-width:210px;height:auto;max-height:260px;top:8%;margin:20px auto;text-align:center;z-index:31}
#startbildM{max-width:170px;}
#startbild1,#kartepos1{left:25%}
#startbild2,#kartepos2{left:75%}
#startbild1,#startbild2,#kartepos1,#kartepos2{position:absolute;width:100%;max-width:210px;height:auto;max-height:260px;transform:translate(-50%,-50%);z-index:93;cursor:pointer}
#startbild1,#startbild2{top:50%;}
#kartepos1,#kartepos2{top:30%}
#preanim{top:40%;position:absolute;width:100%;max-width:260px;height:auto;max-height:260px;transform:translate(-50%,-50%);left:50%;z-index:44}
#variantenpic1,#variantenpic2,#variantenpic3{position:absolute;width:100%;max-width:480px;cursor:pointer;height:auto;display:block;transform:translate(-50%,-50%);left:50%;padding:30px 0;}
#variantenpic1{top:20%}
#variantenpic2{top:40%}
#variantenpic3{top:60%}
#selectstartbig1,#selectstartbig2{position:absolute;width:100%;max-width:220px;height:auto;top:50%;transform:translate(-50%,-50%);z-index:93;cursor:pointer;}
#selectstartbig1{left:30%}
#selectstartbig2{left:70%}
#select1,#select2,#select3,#select4,#select5,#select6{position:absolute;cursor:pointer;height:auto;max-height:60px;width:100%;max-width:480px;display:block;transform:translate(-50%,-50%);left:50%;}
#select1{top:130px;}
#select2{top:210px;}
#select3{top:290px;}
#select4{top:370px;}
#select5{top:460px;}
#select6{top:550px;}
#selectcanvas1,#selectcanvas2,#selectcanvas3,#selectcanvas4,#selectcanvas5,#selectcanvas6{position:absolute;width:100%;max-width:480px;margin:0 auto;height:auto;max-height:50px;cursor:pointer;transform:translate(-50%,-50%);left:50%;}
#selectcanvas1{top:70px;}
#selectcanvas2{top:130px;}
#selectcanvas3{top:190px;}
#selectcanvas4{top:250px;}
#selectcanvas5{top:310px;}
#selectcanvas6{top:370px;}
#selecttop{position:absolute;top:1%;z-index:202}
#selectquestion{position:relative;text-align:center;margin:10px auto;width:100%;max-width:480px;}
#question,#answerselect1,#answerselect2,#answerselect3,#answerselect4{position:relative;margin:0 auto;width:100%;height:auto;max-height:80px;cursor:pointer;z-index:511;margin-top:5px}
#question{height:auto;max-height:110px;margin-top:5px}
#selectmargin1,#selectmargin2,#selectmargin3,#selectmargin4,#selectmargin5,#selectmargin6,#selectmargin21,#selectmargin22,#selectmargin23,#selectmargin24,#selectmargin31,#selectmargin32{position:absolute;transform:translate(-50%,-50%);width:100%;max-width:480px;height:auto;max-height:60px;left:50%;cursor:pointer}
#selectmargin1,#selectmargin21,#selectmargin31{top:15%}
#selectmargin2,#selectmargin22,#selectmargin32{top:30%}
#selectmargin3,#selectmargin23{top:45%}
#selectmargin4,#selectmargin24{top:60%}
#selectmargin5{top:75%}
#selectmargin6{top:90%}
#infoTextKugelWahl,#infoTextKugel{position:absolute;width:100%;height:20px;top:25px;left:50%;text-align:center;font-weight:bold;font-size:1.2rem;transform:translate(-50%,-50%);}
#engelteufelbild,#janeinorakelbild{width:100%;max-width:500px;position:absolute;height:auto;max-height:420px;left:50%;top:220px;border-top-left-radius:24px;border-top-right-radius:24px;z-index:666;transform:translate(-50%,-50%);}
#engelteufelbild{border-bottom:15px solid #575757;box-sizing:border-box}
#janeinorakelbild{height:auto;max-height:270px;top:140px;}
#sprechblase{position:absolute;top:0;width:48%;max-width:240px;height:auto;max-height:120px;margin-left:-24%;left:55%;z-index:667}
#subselectmargin1,#subselectmargin2,#subselectmargin3,#subselectmargin4{position:absolute;cursor:pointer;height:auto;max-height:60px;width:100%;max-width:480px;display:block;transform:translate(-50%,-50%);left:50%;}
#subselectmargin1{top:15%}
#subselectmargin2{top:30%}
#subselectmargin3{top:45%}
#subselectmargin4{top:60%}
#janeinkugel{position:absolute;width:100%;max-width:240px;height:auto;max-height:240px;left:50%;top:40%;cursor:pointer;transform:translate(-50%,-50%);}
#wuerfellegende{position:absolute;width:100%;max-width:480px;height:auto;left:50%;max-height:120px;bottom:30px;transform:translate(-50%,-50%);}
#jacountsignL,#neincountsignR{position:absolute;width:100%;max-width:120px;height:auto;max-height:40px;top:380px;transform:translate(-50%,-50%);}
#jacountsignL{left:15%}
#neincountsignR{left:85%}
#jacountL,#neincountR{position:absolute;width:100%;max-width:120px;height:auto;max-height:200px;transform:translate(-50%,-50%);top:450px;z-index:32;}
#jacountL{left:15%}
#neincountR{left:85%}
#welchekarte{position:absolute;top:20%;left:2%;width:24%;max-width:120px;height:auto;max-height:120px}
#zurkarte{position:absolute;top:20%;right:1px;max-width:120px;width:24%;max-height:120px;margin-left:-12%;cursor:pointer}
#sign{position:absolute;margin:0 auto;width:96%;max-width:480px;height:auto;max-height:40px;left:50%;top:1%;margin-left:0;transform:translateX(-50%);z-index:36}
#preinfo1,#preinfo2,#preinfo3{position:absolute;margin:0 auto;width:100%;max-width:360px;height:auto;max-height:50px;left:50%;transform:translate(-50%,-50%);}
#preinfo1{top:20%}
#preinfo2{top:40%}
#preinfo3{top:60%}
#infosign,#infocanvas,#horoinfocanvas,#infocanvasRel{position:absolute;width:100%;max-width:480px;height:auto;max-height:50px;text-align:center;z-index:36;top:25px;transform:translate(-50%,-50%);left:50%;}
#horoinfocanvas{max-height:40px;top:5px;}
#infocanvasRel{width:98%;}
#startText{position:relative;width:100%;max-width:930px;text-align:center;height:auto;font-size:110%;color:#000000;margin:40px auto;}
#startTextLink{position:absolute;width:96%;max-width:480px;height:auto;max-height:60px;top:80%;left:50%;margin-left:0;transform:translateX(-50%);cursor:pointer}
#buttonbox{position:relative;height:auto;min-height:100px;}
#auswahlkart1,#auswahlkart2,#auswahlkart3,#auswahlkart4,#auswahlkart5,#auswahlkart6{position:absolute;width:100%;height:auto;max-width:134px;max-height:194px;z-index:43;transform:translate(-50%,-50%);}
#auswahlkart1,#auswahlkart2,#auswahlkart3{top:30%;}
#auswahlkart4,#auswahlkart5,#auswahlkart6{top:70%;}
#auswahlkart1,#auswahlkart4{left:20%;}
#auswahlkart2,#auswahlkart5{left:50%;}
#auswahlkart3,#auswahlkart6{left:80%;}
#kartepos,#karteposM{position:absolute;width:100%;max-width:170px;height:auto;transform:translate(-50%,-50%);top:140px;z-index:13}
#karteposXL,#karteposXL1,#karteposXL2,#karteposXL3,#karteposXL4,#karteposXL5,#karteposXL6,#karteposXL7,#karteposXL8,#karteposXL9,#karteposXL10,#karteposXL11,#karteposXL12,#karteposXL13,#karteposXL14,#karteposXL15,#karteposXL16,#karteposXL17,#karteposXL18,#karteposXL19,#karteposXL20,#karteposXL21,#karteposXL22{position:relative;width:30%;max-width:280px;min-width:240px;height:auto;max-height:400px;top:2%;z-index:13}
.stichpunkteBox{position:relative;margin:10px auto;font-weight:500;list-style:circle;}
#karteposLegzap{position:absolute;width:100%;max-width:178px;height:auto;max-height:220px;transform:translate(-50%,-50%);cursor:pointer;left:50%;top:160px;}
#karteposLegzap1,#karteposLegzap2{position:absolute;width:100%;max-width:178px;height:auto;max-height:220px;top:30%;transform:translate(-50%,-50%);cursor:pointer;}
#karteposLegzap1{left:25%;}
#karteposLegzap2{left:75%}
#karteposLS1,#karteposLS2,#karteposLS3,#karteposLS4{position:absolute;width:30.8%;height:auto;max-height:190px;margin-left:-15.4%}
#karteposLS1{top:30%;left:20%}
#karteposLS2{top:5%;left:50%}
#karteposLS3{top:30%;left:80%}
#karteposLS4{top:50%;left:50%}
#karteposBF1,#karteposBF2,#karteposBF3,#karteposBF4{position:absolute;width:100%;height:auto;max-width:154px;max-height:190px;transform:translate(-50%,-50%);}
#karteposBF1{top:30%;left:20%}
#karteposBF2{top:30%;left:80%}
#karteposBF3{top:70%;left:20%}
#karteposBF4{top:70%;left:80%}
#misch{width:100%;height:auto;max-height:120px;max-width:200px;position:absolute;bottom:1%;transform:translate(-50%,-50%);cursor:pointer;}
#hauptdeutungXL,#deutungXLUnten,#deutungXLUnten1,#deutungXLUnten2,#deutungXLUnten3,#deutungXLUnten4,#deutungXLUnten5,#deutungXLUnten6,#deutungXLUnten7,#deutungXLUnten8,#deutungXLUnten9,#deutungXLUnten10,#deutungXLUnten11,#deutungXLUnten12,#deutungXLUnten13,#deutungXLUnten14,#deutungXLUnten15,#deutungXLUnten16,#deutungXLUnten17,#deutungXLUnten18,#deutungXLUnten19,#deutungXLUnten20,#deutungXLUnten21,#deutungXLUnten22{position:relative;width:100%;max-width:930px;height:auto;left:50%;clear:both;margin-top:15px;margin-bottom:40px;margin-left:-50%;z-index:15;color:#000;font-size:110%;line-height:1.5;background-color:#F5FBFD;padding:20px 0;-webkit-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);-moz-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);box-shadow:0 0 18px 0 rgba(161,161,161,0.2);}
#erstUber1,#erstUber2,#erstUber3,#erstUber4,#erstUber5,#erstUber6,#erstUber7,#erstUber8,#erstUber9,#erstUber10,#erstUber11,#erstUber12{color:#FC0;font-style:italic;font-family:'Inter',system-ui,-apple-system,sans-serif;margin:1rem 0.5rem 0;font-size:150%;}
#zweitUber1,#zweitUber2,#zweitUber3,#zweitUber4,#zweitUber5,#zweitUber6,#zweitUber7,#zweitUber8,#zweitUber9,#zweitUber10,#zweitUber11,#zweitUber12{color:#FC0;font-style:italic;font-family:'Inter',system-ui,-apple-system,sans-serif;margin:1rem 0.5rem 0;font-size:150%;}
#drittUber1,#drittUber2,#drittUber3,#drittUber4,#drittUber5,#drittUber6,#drittUber7,#drittUber8,#drittUber9,#drittUber10,#drittUber11,#drittUber12{color:#FC0;font-style:italic;font-family:'Inter',system-ui,-apple-system,sans-serif;margin:1rem 0.5rem 0;font-size:150%;}
#viertUber1,#viertUber2,#viertUber3,#viertUber4,#viertUber5,#viertUber6,#viertUber7,#viertUber8,#viertUber9,#viertUber10,#viertUber11,#viertUber12{color:#FC0;font-style:italic;font-family:'Inter',system-ui,-apple-system,sans-serif;margin:1rem 0.5rem 0;font-size:150%;}
#fuenfUber1,#fuenfUber2,#fuenfUber3,#fuenfUber4,#fuenfUber5,#fuenfUber6,#fuenfUber7,#fuenfUber8,#fuenfUber9,#fuenfUber10,#fuenfUber11,#fuenfUber12{color:#FC0;font-style:italic;font-family:'Inter',system-ui,-apple-system,sans-serif;margin:1rem 0.5rem 0;font-size:150%;}
#sechsUber1,#sechsUber2,#sechsUber3,#sechsUber4,#sechsUber5,#sechsUber6,#sechsUber7,#sechsUber8,#sechsUber9,#sechsUber10,#sechsUber11,#sechsUber12{color:#FC0;font-style:italic;font-family:'Inter',system-ui,-apple-system,sans-serif;margin:1rem 0.5rem 0;font-size:150%;}
#deutungKartenTextFocus,#deutungKartenTextFocus1,#deutungKartenTextFocus2,#deutungKartenTextFocus3,#deutungKartenTextFocus4,#deutungKartenTextFocus5,#deutungKartenTextFocus6,#deutungKartenTextFocus7,#deutungKartenTextFocus8,#deutungKartenTextFocus9,#deutungKartenTextFocus10,#deutungKartenTextFocus11,#deutungKartenTextFocus12{font-weight:600;margin:20px 15px 40px 15px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
#hauptdeutungUber{color:#66AAFA;font-weight:600;font-size:150%;text-align:center;font-family:'Inter',system-ui,-apple-system,sans-serif;}
#hauptdeutungText{font-weight:600;}
#deutungPosition1,#deutungPosition2,#deutungPosition3,#deutungPosition4,#deutungPosition5,#deutungPosition6,#deutungPosition7,#deutungPosition8,#deutungPosition9,#deutungPosition10,#deutungPosition11,#deutungPosition12,#deutungPosition13,#deutungPosition14,#deutungPosition15,#deutungPosition16,#deutungPosition17,#deutungPosition18,#deutungPosition19,#deutungPosition20,#deutungPosition21,#deutungPosition22{color:#c93085;font-weight:600;font-size:140%;}
#deutungKartenTitel,#deutungKartenTitel1,#deutungKartenTitel2,#deutungKartenTitel3,#deutungKartenTitel4,#deutungKartenTitel5,#deutungKartenTitel6,#deutungKartenTitel7,#deutungKartenTitel8,#deutungKartenTitel9,#deutungKartenTitel10,#deutungKartenTitel11,#deutungKartenTitel12,#deutungKartenTitel13,#deutungKartenTitel14,#deutungKartenTitel15,#deutungKartenTitel16,#deutungKartenTitel17,#deutungKartenTitel18,#deutungKartenTitel19,#deutungKartenTitel20,#deutungKartenTitel21,#deutungKartenTitel22{color:#000;font-weight:600;font-size:135%;text-indent:10px;}
#deutungErklaerung,#deutungErklaerung1,#deutungErklaerung2,#deutungErklaerung3,#deutungErklaerung4,#deutungErklaerung5,#deutungErklaerung6,#deutungErklaerung7,#deutungErklaerung8,#deutungErklaerung9,#deutungErklaerung10,#deutungErklaerung11,#deutungErklaerung12{color:#000;margin:20px 15px 40px 15px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
#deutungErkenntnis1,#deutungErkenntnis2,#deutungErkenntnis3,#deutungErkenntnis4,#deutungErkenntnis5,#deutungErkenntnis6,#deutungErkenntnis7,#deutungErkenntnis8,#deutungErkenntnis9,#deutungErkenntnis10,#deutungErkenntnis11,#deutungErkenntnis12{color:#000;margin:20px 15px 40px 15px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
#deutungspad,#deutungspadsfont,#deutungspadkarten,#horoskopdeutungspad,#horoskopdeutungspadsatz,#deutungspadJaNein,#horoskopdeutungspadsatztitle,#deutungspadminiblack{position:absolute;width:100%;max-width:930px;height:auto;min-height:170px;left:50%;margin-left:0;transform:translateX(-50%);top:50%;z-index:15;overflow:visible;}
#deutungspad,#deutungspadsfont,#deutungspadkarten,#horoskopdeutungspad,#horoskopdeutungspadsatz,#deutungspadJaNein,#horoskopdeutungspadsatztitle,#monatshoroskopdeutungspad,#deutungspadminiblack{font-size:100%}
#deutungspad{top:60%;}
#deutungspadminiblack{min-height:100px;top:60%;max-height:120px;}
#deutungspadsfont{min-height:170px;padding:3px}
#deutungJaNein{position:relative;margin-top:5%;text-align:center;color:#000;font-size:110%;line-height:1.5;background-color:#F5FBFD;padding:20px 0;-webkit-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);-moz-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);box-shadow:0 0 18px 0 rgba(161,161,161,0.2);}
#horoskopdeutungspadsatztitle{top:50%;min-height:180px}
#horoskopdeutungspadsatztitle + #deutungTitle{font-weight:bold;}
#horoskopdeutungspad,#horoskopdeutungspadsatz,#horoskopdeutungspadsatztitle,#deutungspadminiblack{padding:0;}
#monatshoroskopdeutungspad{position:absolute;width:80%;max-width:400px;height:auto;min-height:150px;margin-left:-40%;left:50%;top:55%;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;color:#000;overflow:visible;-webkit-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);-moz-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);box-shadow:0 0 18px 0 rgba(161,161,161,0.2);background:#fff}
#horoskopdeutungspadsatz{top:54%;min-height:180px}
#infoText{position:absolute;width:100%;text-align:center;z-index:45;bottom:10px;transform:translate(-50%,-50%);left:50%;}
#kartewahlText{position:absolute;width:80%;max-width:400px;height:auto;max-height:20px;top:58%;left:50%;text-align:center;margin-left:-40%;z-index:22}
#deutungTitle{position:relative;margin:0 auto;text-align:center;top:2%;font-size:115%;z-index:18;font-weight:bold;padding:0;}
#deutungText,#deutungOrakeltext,#deutunghoroskopText,#deutung{color:#000;font-size:110%;line-height:1.5;background-color:#F5FBFD;-webkit-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);-moz-box-shadow:0 0 18px 0 rgba(161,161,161,0.2);box-shadow:0 0 18px 0 rgba(161,161,161,0.2);text-align:center;padding:10px 0;height:auto;max-height:180px;overflow-y:scroll;scroll-behavior:smooth;list-style:none;width:100%;}
#deutungOrakeltext{text-align:center}
#deutunghoroskopText{top:5px}
#startBUT,#startButton{width:100%;max-width:130px;position:absolute;bottom:1%;left:50%;transform:translate(-50%,-50%);cursor:pointer;}
#neuermonat{position:absolute;display:block;width:72%;max-width:360px;height:auto;max-height:40px;bottom:15px;left:50%;margin-left:-36%;z-index:72;cursor:pointer}
#monatChangeBlack{position:absolute;display:block;width:100%;max-width:360px;height:auto;max-height:40px;bottom:15px;left:50%;z-index:72;cursor:pointer;background:#000000;transform:translate(-50%,-50%);}
#Buttonbox{position:relative;margin:30px auto;height:auto;min-height:60px;}
#restartButton,#nextButton,#backButton,#startButton,#restartButtonBlack,#nextButtonBlack,#backButtonBlack,#restartBUT,#nextBUT,#backBUT{position:absolute;font-size:1.2em;background:none;color:black;font-weight:bold;height:auto;max-height:40px;bottom:1%;cursor:pointer;border-radius:4px;transform:translate(-50%,-50%);z-index:1;-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);border:1px solid white;}
#backBUT,#backButton,#backButtonBlack,#nextBUT,#restartBUT{background:none;max-width:140px;box-shadow:none;}
#auswahlBUTblack,#auswahlButtonBlack{left:50%;}
#restartButtonBlack,#monatChangeBlack,#nextButtonBlack,#zuruckButtonBlack,#backButtonBlack{color:white;-webkit-box-shadow:0 0 60px 10px #12617e;-moz-box-shadow:0 0 60px 10px #12617e;box-shadow:0 0 60px 10px #12617e;}
#restartButtonBlack{background:none;color:white;left:50%;}
#nextButtonBlack,#nextButton,#nextButtonBlack{left:85%;bottom:2%}
#nextBUT{left:80%;bottom:2%}
#backBUT{left:20%;bottom:2%}
#zuruckBUTblack,#backButton,#backButtonBlack{left:15%;bottom:2%}
#morebut{position:absolute;display:block;width:28%;margin-left:-14%;left:90%;bottom:1%;cursor:pointer;font-size:21px;font-weight:700;z-index:10;}
#startFinger,#startFingerUp,#startFingerUpJaNein{position:absolute;width:12.9%;max-width:120px;min-width:120px;height:auto;max-height:60px;top:55%;margin-left:-6.45;right:5%;}
#startFingerUp{top:50%;}
#startFingerUpJaNein{top:5%;right:0%;}
#katauswahl span.superscription{margin-top:60px}
#katflex,#katflex2,#widgetflex,#widgetflex2{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;flex:none;width:100%;justify-content:center;flex-direction:row;max-width:960px;padding:0;height:auto;margin:0 auto;}
#widgetflex,#widgetflex2{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;flex-flow:column nowrap;flex-direction:column;justify-content:flex-start;align-items:center;max-width:960px;}
#sidebar,#sidebar2{flex:none;width:100%;margin:0 auto;max-width:100%;text-align:center;height:auto;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;flex-flow:column nowrap;flex-direction:column;justify-content:flex-start;}
#sternzeichen{position:relative;padding:0;height:auto;text-align:left}
#bedeutung{position:relative;padding:0;height:auto;text-align:center}
#rubrikli{position:relative;margin:80px auto;padding:10px;width:96%;list-style:none;border:2px solid #0BF;}
#rubrikli li{line-height:3em;text-align:center;}
#blabla{position:relative;padding:15px}
#appblaba{position:relative;text-align:center;padding:15px}
#kreis{position:relative;width:100%;max-width:450px;max-height:350px;height:100%;padding:0;background-color:#FFF;margin:10px auto;border:2px solid #083140;-webkit-box-shadow:0 0 60px 10px #12617e;-moz-box-shadow:0 0 60px 10px #12617e;box-shadow:0 0 60px 10px #12617e;border-radius:24px}
#app{position:relative;height:400px;max-width:400px;margin:0 auto;width:100%;overflow:hidden;z-index:12;}
#app iframe{position:relative;top:25px;left:0;display:block !important;}
div#wrapcontent{width:100%;height:auto;max-height:500px;margin:20px auto;position:relative}
div#edgeanimate{position:relative;padding-bottom:99%;padding-top:35px;height:0;overflow:visible;width:100%;max-width:500px;margin:0 auto}
div#edgeanimate iframe{position:absolute;top:0;left:0}
.socialfollow{position:relative;width:100%;height:100px;margin:0 auto;z-index:999;}
.socialfollow a{display:inline-block;padding:0;text-align:center;}
.socialfollow a + a{margin-left:30px;}
.download{position:relative;margin:40px auto;width:100%;max-width:600px}
.mehrorakel{position:relative;top:30px;text-align:center}
.hinweis{position:relative;margin:20px auto;text-align:center}
.related{position:relative;width:100%;margin:0 auto;padding:0;height:auto;text-align:left;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(67%,rgba(8,49,64,0.1)),color-stop(100%,rgba(8,49,64,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);-webkit-box-shadow:inset 0 -15px 15px 5px #01080A;box-shadow:inset 0 -15px 15px 5px #01080A}
#txt{margin:10px auto;position:relative;background:#223d4b;background:-moz-radial-gradient(center,ellipse cover,rgba(34,61,75,1) 0%,rgba(25,50,56,1) 40%,rgba(0,0,0,1) 98%);background:-webkit-radial-gradient(center,ellipse cover,rgba(34,61,75,1) 0%,rgba(25,50,56,1) 40%,rgba(0,0,0,1) 98%);background:radial-gradient(ellipse at center,rgba(34,61,75,1) 0%,rgba(25,50,56,1) 40%,rgba(0,0,0,1) 98%);-webkit-box-shadow:0 0 5px 0 #083140;box-shadow:0 0 5px 0 #083140;padding:10px 0}
#txt ul{list-style:none}
#txt ul ul{margin:5px 0 35px}
#txt h2{margin-top:35px;}
#txt p{margin-bottom:30px;}
.subli{list-style:none;margin:5px 0 30px;padding:0 10px}
#beispiel{list-style:none;position:relative;margin:50px 0}
#beispiel li img{margin:20px 0 10px}
#ulerklaerung,.ulforall{list-style:none;position:relative;margin:20px 0 30px -20px;text-align:left}
#ulerklaerung h2{margin-top:35px;color:#c93085}
#ulerklaerung .satz,.ulforall .satz{font-weight:600}
#ulerklaerung li.satz + li,.ulforall li.satz + li{margin:0}
#ulerklaerung li + li.satz,.ulforall li + li.satz{margin:15px 0 0}
#ulerklaerung li + li.kursaway{margin:15px 0 0;font-style:italic}
.abstand{margin-top:50px;}
.ulfrage{color:aqua;margin:35px 0 10px 5px}
#bedeutungen,.ulklammer{position:relative;margin:15px auto;width:90%;height:auto;border:2px solid #0BF;list-style:none;padding:15px;text-align:center}
#bedeutungenzwei{position:relative;margin:30px auto;width:90%;height:auto;border:2px solid #0BF;list-style:none;padding:15px;text-align:center}
#captitel,#capitelzwei,#capitel3,#capitel4 .cap,.beispielueberschrift,.ueber{font-style:normal;font-weight:bold;margin-left:1rem;text-align:center}
.ueber{text-align:left;}
#captitel{margin:10px 0;}
#capitelzwei{margin:40px 0;}
.capitelueberschrift{font-style:italic;font-weight:700;margin-left:1rem;text-align:center;margin-top:40px;}
.cap{margin:60px 0 0}
.deutungName{color:var(--accent);font-weight:700;margin:20px 10px;}
.satz{text-align:center;}
.satz + .satz{margin-top:35px;text-align:center;}
.satzdeut{text-align:center;margin:30px 0;font-weight:600}
.satzli{text-align:center;margin:5px 0;font-weight:400}
.beispielueberschrift{margin:1rem 1rem 0;font-size:130%}
.light{background:#000;background:-moz-radial-gradient(center,ellipse cover,#000 0%,#223d4b 0%,#000 77%,#000 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#000),color-stop(0%,#223d4b),color-stop(77%,#000),color-stop(100%,#000));background:-webkit-radial-gradient(center,ellipse cover,#000 0%,#223d4b 0%,#000 77%,#000 100%);background:-o-radial-gradient(center,ellipse cover,#000 0%,#223d4b 0%,#000 77%,#000 100%);background:-ms-radial-gradient(center,ellipse cover,#000 0%,#223d4b 0%,#000 77%,#000 100%);background:radial-gradient(ellipse at center,#000 0%,#223d4b 0%,#000 77%,#000 100%);}
.info{float:left;margin:10px 15px}
#breadcrumbs{position:relative;height:auto;margin:0 auto;clear:both;width:90%;text-align:center;}
#breadcrumbs li{font-size:0.8em;display:inline;margin:0;padding:0;margin-bottom:0.5rem;border-radius:0;color:white;list-style:none;}
#breadcrumbs a img{display:block;margin:10px auto;}
#breadcrumbs span{color:#ffffff;}
#breadcrumbs li:after{padding:8px;color:white;content:"/\00a0";}
#breadcrumbs li + li:after{padding:8px;color:white;content:"/\00a0";}
.hbig{padding:10px 0 0 15px;color:#FC0}
.morewk{text-align:center;color:#FC0;padding:0;margin:10px;font-weight:700;font-family:'Inter',system-ui,-apple-system,sans-serif;}
.hhigh{padding:10px 0 0;color:#FC0}
#footer{color:var(--muted);width:100%;margin:48px 0 0;padding:32px 24px;text-align:center;position:relative;height:auto;border-top:1px solid rgba(255,255,255,0.1);background:#0a0a12;}
#footer ul{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin:0 0 24px;padding:0;list-style:none;}
#footer ul li{margin:0;padding:0;border:none;box-shadow:none;text-shadow:none;}
#footer ul li a{color:var(--muted);font-size:.82rem;font-weight:500;min-height:44px;display:inline-flex;align-items:center;padding:4px 16px;text-decoration:none;}
#footer ul li a:hover{color:#e8e4df;text-decoration:none;}
#footer>a{display:flex;flex-direction:column;align-items:center;color:var(--muted);font-size:13px;margin-top:16px;text-decoration:none;}
#footer>a:hover{color:#fff;}
.top{position:relative;height:50px;margin:15px 15px 50px 15px;}
.top a{border:1px solid #fff;font-weight:700;position:absolute;right:10px;text-align:center;padding:10px;-webkit-border-radius:20px 20px 5px 0;-moz-border-radius:20px 20px 5px 0;border-radius:10px 10px 5px 5px;-webkit-box-shadow:0 0 20px 2px #12617e;-moz-box-shadow:0 0 20px 2px #12617e;box-shadow:0 0 20px 2px #12617e;font-size:105%}
.clear{clear:both}
.smallsizeclear{display:none}
.katwrap{position:relative;height:auto;min-height:450px;padding:0}
.katwrapsmall{position:relative;height:auto;min-height:350px;padding:0}
.kathoros{position:relative;height:auto;min-height:350px;padding:0}
.lzange{float:left;height:350px;width:160px;text-align:center;margin:1% 2%}
.rzange{float:right;height:350px;width:160px;text-align:center;margin:5px 25px 45px 10px}
.lzange img{margin:10px auto;display:block}
.rzange img{margin:10px auto;display:block}
.action{position:relative;width:100%;height:160px;border:1px solid #083140;margin:10px 0;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(67%,rgba(8,49,64,0.1)),color-stop(100%,rgba(8,49,64,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);}
.teaser,.teaserapp,.teaserRub{display:inline-block;text-align:center;width:40%;height:180px;background:#000;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(67%,rgba(8,49,64,0.1)),color-stop(100%,rgba(8,49,64,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);-webkit-box-shadow:0 0 20px 2px #12617e;-moz-box-shadow:0 0 20px 2px #12617e;box-shadow:0 0 20px 2px #12617e;border:1px solid #02AAF9;}
.teasedeck{width:100%;max-width:650px;height:auto;margin:20px auto;border:none;}
.WRboxhellblau{text-align:left;}
.WRboxhellblau{font-size:1.1em;font-weight:bold;}
.amazonwidget{width:90%;height:auto;min-height:150px;text-align:center;background:#000;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(67%,rgba(8,49,64,0.1)),color-stop(100%,rgba(8,49,64,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 67%,rgba(8,49,64,1) 100%);-webkit-box-shadow:0 0 20px 2px #12617e;-moz-box-shadow:0 0 20px 2px #12617e;box-shadow:0 0 20px 2px #12617e;margin:40px auto;padding:20px;border-radius:25px;}
.amazonwidget img{display:block;margin:15px auto}
.amazonwidget a{display:inline-block;margin:20px;padding:0;text-align:center}
.teaserRub{width:42%;height:250px;}
h2 + .teaserRub{margin-top:30px;}
.teaser{margin:20px 0 20px 7%}
.teaserflex{display:-webkit-flex;display:-ms-flexbox;display:flex;width:40%;float:left;margin:15px 4%;flex-wrap:wrap;max-width:400px;height:auto;min-height:370px;align-items:center;justify-content:center;text-align:center;hyphens:auto;padding:5px;border-radius:8px;/* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#ffffff+0,c93085+96&0+0,0.1+96,1+100 */background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 96%,rgba(201,48,133,1) 100%);/* FF3.6-15 */background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 96%,rgba(201,48,133,1) 100%);/* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 96%,rgba(201,48,133,1) 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */border-bottom:1px solid #545353;border-top:1px solid #545353;}
.teaserflex p{text-align:center;}
.teaserbig{display:inline-block;width:40%;max-width:400px;height:350px;margin:15px 4%;border:none;text-align:center;hyphens:auto;padding:5px;border-radius:8px;/* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#ffffff+0,c93085+96&0+0,0.1+96,1+100 */background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 96%,rgba(201,48,133,1) 100%);/* FF3.6-15 */background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 96%,rgba(201,48,133,1) 100%);/* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 96%,rgba(201,48,133,1) 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */border-bottom:1px solid #545353;border-top:1px solid #545353;}
.mehrauswahl .teaserbig{height:300px;}
.teaserapp{width:40%;height:450px;margin:4%}
.teaser img{display:block;margin:15px auto}
.teaserapp img,.teaserRub img,.teasedeck img{display:block;margin:5px auto 5px;}
.teaserbig img{display:block;margin:10px auto;}
.teaserbig a,.teaserRub a,.teasedeck a,.teaserflex a{display:inline-block;margin:5px 0 0;padding:0;}
.teaserbig p,.teaserflex p{margin:0;padding:0;}
.imgteaser{display:block;margin:30px auto;padding:10px;-webkit-box-shadow:0 0 20px 2px #12617e;-moz-box-shadow:0 0 20px 2px #12617e;box-shadow:0 0 20px 2px #12617e;border:1px solid #02AAF9}
.box,.rubbox{width:100%;min-height:220px;height:auto;padding:0;position:relative;margin:35px auto}
.ksbox,.wkbox{min-height:220px;height:auto;width:100%;padding:0;position:relative;margin:10px auto}
.boxdeepc{height:auto;min-height:200px;min-width:320px;max-width:630px;padding:0;position:relative;margin:0 auto}
.linkstyler{display:inline-block;font-weight:600;font-size:.85em;padding:7px 16px;border:1px solid rgba(255,255,255,.25);border-radius:100px;margin:6px 4px;color:#fff;text-decoration:none;transition:border-color .2s,background .2s;}
.linkstyler:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);color:var(--accent);}
.mehrwahrsagen{position:relative;height:40px;text-align:center}
.partner{font-size:0.8em;}
.tierk{width:90px;height:100px;margin:6% 2% 6% 10%;text-align:center;display:inline-block}
.tierk img,.tierk a{margin:5px auto;display:block}
.alpha{opacity:.3}
.monat{position:relative;margin:10px auto;width:100%;max-width:600px;min-width:300px}
.picture{position:relative;margin:50px auto;width:100%;max-width:600px;min-width:300px}
.picture img{border:2px solid #DDDADA}
.picture + p{text-align:center}
.sumtea,.smalltea{position:relative;-webkit-border-radius:8px;border-radius:8px;margin:50px auto;width:90%;max-width:960px;min-width:320px;padding:0;background:#000;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(62%,rgba(8,49,64,0.1)),color-stop(100%,rgba(8,49,64,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);-webkit-box-shadow:inset 0 -15px 15px 5px #01080A;box-shadow:inset 0 -15px 15px 5px #01080A;height:auto;min-height:150px;border:1px solid #013143;text-align:center}
.sumtea ul,.smalltea ul{padding:20px}
.sumtea ul li,.smalltea ul li{padding:5px 0;list-style:none}
.sumtea p,.smalltea p{text-align:left}
.sternzhigh{width:50%;position:relative;padding:20px;margin:20px auto;color:#000;background:#fff;-webkit-box-shadow:inset 0 0 10px 1px rgba(0,0,0,1);box-shadow:inset 0 0 10px 1px rgba(0,0,0,1);text-align:center}
.bildsum{position:relative;padding:0;width:200px;height:200px;margin:10px auto}
.sternenbild{margin:10px auto;position:relative;width:100%;max-width:400px;height:auto;max-height:400px;-webkit-box-shadow:0 -5px 15px 6px;box-shadow:0 -5px 15px 6px;border:none;background:#000}
.kartenbild{margin:10px auto;position:relative;width:100%;height:auto;max-width:350px;max-height:500px;-webkit-box-shadow:0 -5px 15px 6px;box-shadow:0 -5px 15px 6px;border:none;background:#000;display:block;}
.first{min-width:320px;width:90%;background:#e1e5e6;padding:0;margin:10px auto;height:auto;min-height:60px}
.count{font-size:130%;padding:0;height:auto;margin:0 0 -40px;font-weight:700;text-align:center;list-style:none;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#f2f6f8 21%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(21%,#f2f6f8),color-stop(50%,#d8e1e7),color-stop(51%,#b5c6d0),color-stop(100%,#e0eff9));background:-webkit-linear-gradient(top,#fff 0%,#f2f6f8 21%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);background:-o-linear-gradient(top,#fff 0%,#f2f6f8 21%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);background:-ms-linear-gradient(top,#fff 0%,#f2f6f8 21%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);background:linear-gradient(to bottom,#fff 0%,#f2f6f8 21%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);}
.count li{display:inline-block;margin:10px;color:#000000;font-weight:bold;}
.sterntarot{padding:0;margin:0 auto;position:relative;text-align:center}
.sterntarot li{margin:10px;display:inline-block;font-weight:600;list-style:square}
.einleitung:first-letter{font-size:270%;padding:5px 20px;float:left;margin:-20px;color:#132a40;font-family:'Fraunces',Georgia,serif}
.superscription{font-weight:700;background:#000B1B;color:aqua;display:block;font-size:160%;text-align:center;padding:10px 0 15px;margin-left:1rem;margin-right:1rem;font-style:italic;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.boxcommon{position:relative;padding:20px 1%;background:#FFF;margin:30px auto 60px;width:90%;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;border-top:1px solid #4F9BFF;color:#000;height:auto;text-align:left}
.boxcommon a{color:#000000;}
.boxcommon a:hover{background-color:#FC0;}
.boxcommonsmall{position:relative;margin:30px auto;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border-top:2px solid #4F9BFF;color:#000;width:90%;height:auto;padding:20px 1%;text-align:center}
.boxcommonsmall p{background:#FFF;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #4F9BFF;width:90%;padding:10px}
.astar{width:100px;height:100px;position:absolute;margin-top:-50px}
.astar img{box-shadow:none}
#single{background:url(../Bilder/single.jpg) no-repeat;width:100px;height:100px;position:absolute;margin-top:-45px}
#ringe{background:url(../Bilder/ringe.jpg) no-repeat;width:100px;height:100px;position:absolute;margin-top:-45px}
.jumper{position:relative;height:50px;margin:20px auto;width:300px}
.WRbox,.WRboxblau,.WRboxlila,.WRboxgelb,.WRboxgruen,.WRboxrot,.WRboxpink,.WRboxorange,.WRboxhellblau,.WRboxantik,.WKRub{position:relative;margin:30px auto 10px auto;padding:0;width:100%;min-width:320px;background:#000;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(62%,rgba(8,49,64,0.1)),color-stop(100%,rgba(8,49,64,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);-webkit-box-shadow:inset 0 -15px 15px 5px #01080A;box-shadow:inset 0 -15px 15px 5px #01080A;text-align:center;justify-content:center;}
.WKRub img{display:block;}
.WRbox a,.WRboxblau a,.WRboxlila a,.WRboxgelb a,.WRboxgruen a,.WRboxrot a,.WRboxpink a,.WRboxorange a,.WRboxantik a,.WKRub a{display:inline-block;margin:30px 10px;padding:20px;text-align:center;}
.WRboxhellblau a{display:block;padding:0;margin:0;text-align:center;border-radius:8px;border-top:1px solid #545353;}
.WRboxhellblau img{margin-bottom:20px;}
.WRboxblau{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(33,129,255,0.1) 62%,rgba(33,129,255,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(33,129,255,0.1) 62%,rgba(33,129,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(33,129,255,0.1) 62%,rgba(33,129,255,1) 100%);}
.WRboxlila{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(182,32,252,0.1) 62%,rgba(182,32,252,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(182,32,252,0.1) 62%,rgba(182,32,252,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(182,32,252,0.1) 62%,rgba(182,32,252,1) 100%);}
.WRboxgelb{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,216,0,0.1) 62%,rgba(255,216,0,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,216,0,0.1) 62%,rgba(255,216,0,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,216,0,0.1) 62%,rgba(255,216,0,1) 100%);}
.WRboxgruen{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(108,124,0,0.1) 62%,rgba(108,124,0,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(108,124,0,0.1) 62%,rgba(108,124,0,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(108,124,0,0.1) 62%,rgba(108,124,0,1) 100%);}
.WRboxrot{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,33,33,0.1) 62%,rgba(255,33,33,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,33,33,0.1) 62%,rgba(255,33,33,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,33,33,0.1) 62%,rgba(255,33,33,1) 100%);}
.WRboxpink{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,33,221,0.1) 62%,rgba(255,33,221,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,33,221,0.1) 62%,rgba(255,33,221,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,33,221,0.1) 62%,rgba(255,33,221,1) 100%);}
.WRboxorange{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(158,57,20,0.1) 62%,rgba(158,57,20,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(158,57,20,0.1) 62%,rgba(158,57,20,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(158,57,20,0.1) 62%,rgba(158,57,20,1) 100%);}
.WRboxhellblau{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,105,114,0.1) 62%,rgba(0,105,114,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,105,114,0.1) 62%,rgba(0,105,114,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,105,114,0.1) 62%,rgba(0,105,114,1) 100%);}
.WRboxantik{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(109,0,25,0.1) 62%,rgba(109,0,25,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(109,0,25,0.1) 62%,rgba(109,0,25,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(109,0,25,0.1) 62%,rgba(109,0,25,1) 100%);}
.WRboxantik .beispielueberschrift{font-style:normal;}
.engelkarte,#engelkartenauswahl,.tarotauswahl,.ksauswahl,#sternzeichenauswahl,.rubauswahl,.mehrauswahl,.yCh1,.yCh2,.yCh3,.vivauswahl,#kartenauswahl{position:relative;margin:70px auto;padding:0;width:96%;min-width:320px;background:#000;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(62%,rgba(8,49,64,0.1)),color-stop(100%,rgba(8,49,64,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(8,49,64,0.1) 62%,rgba(8,49,64,1) 100%);-webkit-box-shadow:inset 0 -15px 15px 5px #01080A;box-shadow:inset 0 -15px 15px 5px #01080A;border:1px solid #013143;text-align:center}
.vivauswahl{border:2px solid #ba00ff;margin:20px auto;text-align:center;height:auto;min-height:80px;border-radius:14px;width:80%;padding-bottom:15px;}
.vivauswahl a{font-size:2.5em;text-decoration:none;margin:0;padding:0;font-weight:bold;text-transform:none;;}
.vivauswahl p{font-size:1.1em;font-weight:500;margin:5px;}
#beliebt{position:relative;margin:100px auto 40px auto;padding:0;width:96%;min-width:320px;/* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#ffffff+0,c93085+57&0+0,0.1+57,1+100 */background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 57%,rgba(201,48,133,1) 100%);/* FF3.6-15 */background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 57%,rgba(201,48,133,1) 100%);/* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 57%,rgba(201,48,133,1) 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */-webkit-box-shadow:0 0 15px 10px #083140;box-shadow:0 0 15px 10px #083140;border:1px solid #013143;text-align:center;}
#beliebt a:first-letter{font-size:1.2em;font-family:'Inter',system-ui,-apple-system,sans-serif;font-weight:700;}
.engelkarte{margin:50px auto;padding:15px 0;}
.amazbook{position:relative;margin:35px auto;padding:0;width:75%;min-height:50px;border-radius:6px;min-width:320px;line-height:50px;background:-moz-linear-gradient(top,rgba(1,44,66,0.2) 0%,rgba(120,0,181,0.25) 49%,rgba(82,0,155,1) 99%);background:-webkit-linear-gradient(top,rgba(1,44,66,0.2) 0%,rgba(120,0,181,0.25) 49%,rgba(82,0,155,1) 99%);background:linear-gradient(to bottom,rgba(1,44,66,0.2) 0%,rgba(120,0,181,0.25) 49%,rgba(82,0,155,1) 99%);-webkit-box-shadow:0 0 20px 2px #12617e;-moz-box-shadow:0 0 20px 2px #12617e;box-shadow:0 0 20px 2px #9153B2;border:1px solid #7800B5;text-align:center}
.tarotauswahl{text-align:center}
#engelkartenauswahl a,.tarotauswahl a,.ksauswahl a,#sternzeichenauswahl a,.rubauswahl a,.mehrauswahl a,.yCh1 a,.yCh2 a,.yCh3 a,#beliebt a,.vivauswahl a,#kartenauswahl a{display:inline-block;margin:20px;padding:0;text-align:center;border-radius:8px;}
#beliebt a{padding:10px;}
.tarotauswahl,.ksauswahl,.yCh1,.yCh2,.yCh3{margin:60px auto}
.ksauswahl .teaserbig,.yCh1 .teaserbig,.yCh1 .teaserbig,.yCh2 .teaserbig,.yCh3 .teaserbig{margin:10px 3% 20px}
.yCh1{text-align:center;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(174,9,4,0.1) 62%,rgba(173,5,0,0.12) 63%,rgba(173,5,0,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(174,9,4,0.1) 62%,rgba(173,5,0,0.12) 63%,rgba(173,5,0,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(174,9,4,0.1) 62%,rgba(173,5,0,0.12) 63%,rgba(173,5,0,1) 100%);box-shadow:inset 0 -15px 15px 5px #01080A;border:1px solid #013143}
.yCh2{text-align:center;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(155,20,123,0.1) 62%,rgba(155,20,123,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(155,20,123,0.1) 62%,rgba(155,20,123,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(155,20,123,0.1) 62%,rgba(155,20,123,1) 100%);box-shadow:inset 0 -15px 15px 5px #01080A;border:1px solid #013143}
.yCh3{text-align:center;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(19,93,150,0.1) 62%,rgba(19,93,150,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(19,93,150,0.1) 62%,rgba(19,93,150,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(19,93,150,0.1) 62%,rgba(19,93,150,1) 100%);box-shadow:inset 0 -15px 15px 5px #01080A;border:1px solid #013143}
#sternzeichenauswahl{height:auto;min-height:150px;margin:30px auto;text-align:center}
.rubauswahl{height:auto;margin:15px auto;min-height:300px}
.ksauswahl{text-align:center}
.ksauswahl img,.rubauswahl img,#beliebt img{display:block;margin:10px auto;position:relative}
.mehrauswahl{margin:60px auto;text-align:center;height:auto;min-height:150px}
.mehrauswahl span{position:absolute;top:5px;right:10px;font-size:0.8em;font-style:italic;color:white;}
a.startlink{background:#c93085;font-size:21px;margin:20px;color:#ffffff;font-weight:bold;padding:10px;border-radius:14px;cursor:pointer;-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);box-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);border:1px solid white;}
.vivauswahl span{position:relative;margin:10px auto;font-size:0.8em;font-style:italic;color:white;}
.angscription{font-weight:700;color:#9cf;display:block;font-size:150%}
.angimg{position:relative;display:block;margin:10px auto}
.lenormandkarte{width:42%;height:220px;text-align:center;position:absolute;top:15px;left:30%;margin-left:-21%}
.lenopunkt{height:220px;position:absolute;width:55%;margin-left:27.5px;top:30px;min-width:165px;left:50%}
.twocards{position:relative;height:300px;width:100%;min-width:320px;margin:10px auto}
.tarotkarte{width:110px;height:200px;text-align:center;float:left;margin:40px 7%}
.tarotkarte img,.tarotkarte a,.lenormandkarte img,.lenormandkarte a{margin:0 auto;display:block;margin-bottom:20px}
.deckbezeichnung,.deckbezeichnungB{position:relative;margin:15px 0 5px;padding:15px;font-size:19px}
.deckbezeichnung table,.deckbezeichnungB table{text-align:left;margin:0;margin:30px auto;width:90%;height:auto;max-width:800px;padding:10px;border-spacing:0}
.deckbezeichnung tr th,.deckbezeichnungB tr th{background:#FC0;padding:5px;hyphens:auto}
.deckbezeichnung tr td{border-spacing:0;width:50%;padding:5px;border:1px solid #FC0}
.deckbezeichnungB tr td{width:33%;text-align:center}
.deckbezeichnungB tr td a{margin:30px 0}
.feentable,.sternCH{position:relative;margin:30px auto;font-size:120%}
.feentable strong,.sternCH strong{font-style:italic}
.feentable table tr td,.sternCH table tr td{padding:5px}
.sternCH table,.feentable table{margin:30px auto;width:90%;max-width:800px;min-width:300px}
.sternCH table tr td:nth-child(3n){font-weight:700}
.table{border:none}
.table-row,.table-cell{display:block;border:1px solid silver}
.table-row{margin-bottom:20px}
#wkslider{position:relative;width:94%;max-width:600px;height:auto;max-height:300px;margin:30px auto 100px;cursor:pointer;z-index:2999}
#wkslider #pic{padding:0;border:2px solid #d7f4ff;-webkit-box-shadow:0 0 60px 10px #12617e;-moz-box-shadow:0 0 60px 10px #12617e;box-shadow:0 0 60px 10px #12617e}
#kugelbox{float:left;height:100px;width:100%;max-width:600px;padding:0;z-index:1999}
#kugel1,#kugel2,#kugel3,#kugel4,#kugel5{position:absolute;bottom:4%;width:100%;max-width:50px;margin-left:8.33333px;cursor:auto;padding:0}
#kugel1{left:13%}
#kugel2{left:28%}
#kugel3{left:43%}
#kugel4{left:58%}
#kugel5{left:73%}
#kugelL,#kugelR{position:absolute;bottom:30%;width:80px;height:80px;cursor:auto}
#kugelL{left:.1%}
#kugelR{right:.1%}
.RLinks,.RLinksWhite{position:relative;margin:50px auto;height:auto;width:100%;color:#fff;max-width:970px;min-width:320px;z-index:13;}
.RLinks span,.rubrikres span,.widgetbot span,.LRapp span,.topwkres span,.header320 span,#Telenum span,.bigres span,.rubrikfloat span,#oranum_livefeed_container span{float:right;margin:5px;font-size:0.8em;}
#oranum_livefeed_container{position:relative;margin:50px auto;height:auto;width:100%;max-width:300px;}
.bigres{position:relative;margin:50px auto;height:auto;min-height:300px;max-width:750px;width:100%;padding:0;z-index:10;}
.header320,.headerRub{position:relative;margin:50px auto;padding:0;height:auto;max-width:750px;width:100%;z-index:1;}
.headerRub span{text-align:center;font-size:0.8em;}
.topwkres,.rubrikfloat{position:relative;margin:50px auto;height:auto;min-height:100px;width:100%;max-width:750px;padding:0;z-index:10;}
.rubrikres{position:relative;margin:50px auto;height:auto;min-height:300px;width:100%;max-width:750px;padding:0;z-index:13;}
.vivlink em{font-size:0.8em;float:right;padding-left:5px;}
#botlr{float:none;clear:both;position:relative;width:100%;max-width:960px;margin:80px auto;height:auto;z-index:102;}
.RUbinfeed{max-height:280px;}
.widgetbot{position:relative;margin:100px auto;width:100%;max-width:980px;min-width:320px;height:auto;z-index:13;text-align:center;}
.LRapp{position:relative;height:auto;width:100%;max-width:336px;margin:100px auto;}
sup{font-size:.5em}
#katauswahl span.superscription{margin-top:60px}
.hauptnavi{overflow:visible;min-width:320px;margin-bottom:10px;margin-top:15px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 57%,rgba(201,48,133,1) 100%);/* FF3.6-15 */background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 57%,rgba(201,48,133,1) 100%);/* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(201,48,133,0.1) 57%,rgba(201,48,133,1) 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */border-bottom:1px solid #545353;}
.hauptnavi a{float:left;display:block;color:#f2f2f2;text-align:center;text-decoration:none;border-radius:8px;padding:10px;-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;background:#083140;background:-moz-radial-gradient(center,ellipse cover,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#083140),color-stop(29%,#083140),color-stop(80%,#051d25),color-stop(100%,#051d25));background:-webkit-radial-gradient(center,ellipse cover,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);background:-o-radial-gradient(center,ellipse cover,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);background:-ms-radial-gradient(center,ellipse cover,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);background:radial-gradient(ellipse at center,#083140 0%,#083140 29%,#051d25 80%,#051d25 100%);border-bottom:1px solid #33373D;margin:5px 10px;}
.hauptnavi a:hover{background-color:#FC0;color:#fff}
.hauptnavi .aktuell a{background-color:#FFCC00;}
.active{background-color:#4CAF50;color:#fff}
.hauptnavi .icon{display:none}
/* Grundlegender Stil für das Hamburger-Menü */.hamburger-menu{display:none;/* Standardmäßig nicht sichtbar */cursor:pointer;/* Verändert den Cursor beim Überfahren mit der Maus */font-size:48px;/* Größe des Hamburger-Icons */text-align:center;/* Zentriert den Text */}
/* Stil für den Hamburger-Button */.hamburger-menu a{display:inline-flex;align-items:center;justify-content:center;margin:10px;padding:15px 30px;background:linear-gradient(to bottom,#c93085,#a7266e);color:white;text-decoration:none;border-radius:12px;text-shadow:1px 1px 2px black;box-shadow:0px 8px 15px rgba(0,0,0,0.1),inset 0 0 10px rgba(255,255,255,0.2);transition:all 0.3s ease 0s;white-space:nowrap;/* Verhindert Textumbruch */font-weight:bold;}
/* Hover-Effekt für den Hamburger-Button */.hamburger-menu a:hover{background:linear-gradient(to bottom,#a7266e,#c93085);/* Umgekehrter Farbverlauf */box-shadow:0px 15px 20px rgba(0,0,0,0.2),inset 0 0 15px rgba(255,255,255,0.3);/* Größerer Inset Schatten beim Hover */transform:translateY(-7px);}
/* Stile für die Navigation */.menu{list-style-type:none;padding:0;margin:0;}
.menu li a{text-decoration:none;display:block;padding:10px;color:#333;}
.menu li a{text-decoration:none;display:block;padding:10px;color:#333;}
iframe{display:block}
small{position:relative;margin:10px auto;width:300px;height:50px;display:block;padding-bottom:30px;text-align:center;}
#schnellauswahl,.gratisdownload{background:transparent;color:white;padding:0;display:flex;flex-direction:row;align-items:center;text-align:center;justify-content:center;margin:0 0 16px;flex-wrap:wrap;content-visibility:auto;border-radius:0;}
#schnellauswahl a,.gratisdownload a{display:inline-block;/* Geändert von inline-flex zu inline-block */align-items:center;justify-content:center;margin:10px;padding:15px 30px;/* Padding kann angepasst werden,um den gewünschten Abstand um den Text zu erzielen */background:linear-gradient(to bottom,#c93085,#a7266e);color:white !important;text-decoration:none;border-radius:12px;text-shadow:1px 1px 2px black;box-shadow:0 10px 20px rgba(0,0,0,0.2);transition:all 0.3s ease 0s;font-weight:bold;box-sizing:border-box;/* Inkludiert Padding und Border in der Gesamtgröße */max-width:100%;/* Stellt sicher,dass die Breite nicht über den Bildschirm hinausgeht */height:auto;/* Passt die Höhe automatisch an den Inhalt an */white-space:normal;overflow-wrap:break-word;}
#schnellauswahl a.unterseite,.gratisdownload a.unterseite{background:linear-gradient(to bottom,#1967d2,#134a8e);}
/* Hover-Effekte */#schnellauswahl a:hover,.gratisdownload a:hover{background:linear-gradient(to bottom,#a7266e,#c93085);/* Umgekehrter Farbverlauf */box-shadow:0px 15px 20px rgba(0,0,0,0.2),inset 0 0 15px rgba(255,255,255,0.3);/* Größerer Schatten beim Hover */transform:translateY(-3px);/* Leichtes Anheben beim Hover */}
/* v3 rect buttons — sitewide */a.regenbogen,#schnellauswahl a.regenbogen{background:transparent;border:1px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:none;color:#fff !important;font-size:.9em;padding:10px 22px;font-weight:600;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-shadow:none;}
a.regenbogen:hover,#schnellauswahl a.regenbogen:hover{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.8);box-shadow:none !important;transform:translateY(-1px) !important;filter:none;}
#schnellauswahl a.regenbogen:first-of-type{background:#c93085;border-color:#c93085;}
#schnellauswahl a.regenbogen:first-of-type:hover{background:rgba(201,48,133,.85);border-color:rgba(201,48,133,.85);transform:translateY(-1px);}
.toppcbres{position:relative;margin:50px auto;height:auto;min-height:250px;width:100%;max-width:750px;padding:0;z-index:10;display:block;overflow:hidden;background:rgba(0,0,0,0.02);}.toppcbres span{position:relative;display:block;margin:10px auto;font-size:0.8em;font-style:italic;color:white;text-align:center;}
@media handheld,only screen and (max-width:1023px){.teaserbig p,.teaserflex p{margin:0;padding:0;}
.rubrikres{position:relative;margin:70px auto;height:auto;min-height:300px;width:100%;max-width:750px;padding:0;z-index:13;}
#katflex,#katflex2,#widgetflex,#widgetflex2{position:relative;width:100%;padding:0;height:auto;margin:0 auto;padding-right:30px;}
#sidebar,#sidebar2{position:relative;width:100%;max-width:1023px;padding:0;height:auto;margin:0;}
.teaser,.teaserbig,.teaserapp,.teaserRub,.teaserflex{float:none;padding:0;position:relative;text-align:center;margin:50px auto;width:100%;max-width:600px;height:auto;display:block;}
.teaserflex{flex-direction:column;}
}
@media handheld,only screen and (max-width:767px){/*Consent BAnner*/#cookieinfo{height:calc(65% - 200px);overflow-y:scroll;}
#katflex,#katflex2,#widgetflex,#widgetflex2{position:relative;flex:none;width:100%;padding:0;height:auto;margin:0 auto;}
#sidebar,#sidebar2{position:relative;flex:none;width:100%;padding:0;height:auto;margin:0;}
/*Consent BAnner*/html{font-size:105%;overflow-y:scroll;}
#deutungspad,#deutungspadsfont,#deutungspadkarten,#horoskopdeutungspad,#horoskopdeutungspadsatz,#deutungspadJaNein,#horoskopdeutungspadsatztitle,#monatshoroskopdeutungspad,#deutungspadminiblack{overflow-y:scroll;scroll-behavior:smooth;color:#000;font-size:100%;}
.wrap{background:#000000;color:#ffffff;box-shadow:none;width:96%;max-width:767px;min-width:320px;padding:0;height:auto;margin:0 auto;text-align:left}
.teaser,.teaserbig,.teaserapp,.teaserRub,.teaserflex{float:none;padding:0;position:relative;text-align:center;margin:20px auto;width:100%;max-width:600px;height:auto;display:block;}
.teaserbig,.teaserRub,.teaserflex{margin:50px auto;clear:both;}
.teaserbig a,.teaserflex a{margin:5px 0;padding:0 0 20px 0;font-size:1.3em;}
button{font-size:90%}
#testbox{font-size:100%}
#testbox span{font-size:90%}
#testbox h2{font-size:120%}
#startText{font-size:100%}
#breadcrumbs{flex-direction:column;/* Ändert die Flex-Richtung auf vertikal */justify-content:center;/* Vertikale Zentrierung */align-items:center;/* Horizontale Zentrierung */}
#breadcrumbs ol{flex-direction:column;/* Vertikale Anordnung für die Liste */}
#breadcrumbs li{margin:5px 0;/* Vertikaler Abstand zwischen den Listenelementen */}
#breadcrumbs li:after{margin-left:0;/* Entfernen des linken Abstands für das Trennzeichen */margin-right:5px;/* Hinzufügen eines rechten Abstands,falls gewünscht */}
/* Letztes Element */#breadcrumbs li:last-child:after{content:"";/* Kein Trennzeichen für das letzte Element */}
#breadcrumbs a img{display:block;margin:10px auto;}
#breadcrumbs span{color:#ffffff;}
/* Versteckt die Icons,wenn das Menü eingeklappt ist */.hauptnavi .menu li a.icon{display:none;/* Icons sind nicht sichtbar */flex-shrink:0;}
/* Stil für das vollständig sichtbare Menü nach dem Klicken auf das Hamburger-Icon */.hauptnavi .menu.show{display:block;/* Setzt die Anzeige auf block */max-height:none;/* Entfernt die maximale Höhe */}
/* Stile für die Listenelemente,wenn das Menü ausgeklappt ist */.hauptnavi .menu.show li{display:block;/* Stellt die Links wieder untereinander dar */white-space:normal;/* Erlaubt Zeilenumbrüche */}
/* Stile für die Links,wenn das Menü ausgeklappt ist */.hauptnavi .menu.show li a{font-size:17px;/* Größere Schriftgröße für ausgeklappten Zustand */line-height:50px;background:url("../pics/navi-css-sonne.png") no-repeat;}
/* Stile für die Icons,wenn das Menü ausgeklappt ist */.hauptnavi .menu.show li a.icon{display:inline-block;/* Icons werden angezeigt */margin-left:5px;/* Abstand zwischen Text und Icon */}
.hauptnavi ul.menu li.pcbicon a{background-position:0 0;}
.hauptnavi ul.menu li.love-icon a{background-position:0 -50px;}
.hauptnavi ul.menu li.tarot-icon a{background-position:0 -100px;}
.hauptnavi ul.menu li.cardreading-icon a{background-position:0 -150px;}
.hauptnavi ul.menu li.angelcards-icon a{background-position:0 -200px;}
.hauptnavi ul.menu li.oracle-icon a{background-position:0 -250px;}
.hauptnavi ul.menu li.traumdeutung-icon a{background-position:0 -300px;}
.hauptnavi ul.menu li.awareness-icon a{background-position:0 -350px;}
.hauptnavi ul.menu li.astrology-icon a{background-position:0 -400px;}
/* Stil für das vollständig sichtbare Menü nach dem Klicken auf das Hamburger-Icon */.menu.show{max-height:700px;/* Erhöhen Sie die max-height,um das gesamte Menü zu zeigen */}
.hauptnavi{margin-top:0;}
/* Stil für den Pfeil */.menu-arrow{display:inline-block;margin-left:5px;/* Abstand vom Menütext */transition:transform 0.3s ease;/* Animation für das Drehen des Pfeils */font-size:0.8em;/* Setzt die Größe des Pfeils relativ zur Schriftgröße des Elternelements */line-height:2;/* Normalisiert die Zeilenhöhe,falls nötig */}
/* Drehen des Pfeils,wenn das Menü ausgeklappt ist */.menu.show + .hamburger-menu .menu-arrow{transform:rotate(180deg);/* Dreht den Pfeil um 180 Grad */}
.hauptnavi .menu.show{display:block;max-height:none;/* Entfernt die maximale Höhe,wenn das Menü vollständig ausgeklappt ist */}
ul.menu{margin:0;padding:0}
ul.menu li{display:block;height:auto;}
ul.menu li a{position:relative;will-change:transform;text-shadow:0px 0px 8px rgba(255,255,255,0.7);transition:box-shadow 0.3s ease;height:auto;background-image:none;}
.hauptnavi a{display:flex;align-items:center;justify-content:center;position:relative;float:none;min-height:44px;padding:0 20px;font-size:15px;line-height:1.4;text-align:center;margin:0;}
.hauptnavi .menu li a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font-size:15px;line-height:1.4;}
/* Stile für das ausgeklappte Menü beibehalten */.hauptnavi .menu.show li a{font-size:19px;/* Ursprüngliche Schriftgröße */padding:0;/* Ursprüngliche Polsterung */}
.hauptnavi .menu::after{content:'';position:absolute;top:0;right:0;bottom:0;width:150px;/* Oder die Breite des Effekts anpassen */pointer-events:none;/* Ermöglicht Klicks auf darunterliegende Elemente */background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.6));}
.icon img{float:left}
#nochmalButton,#weiterButton,#zuruckButton,#startButton,#mehrButton,monatChangeBlack,#auswahlButtonBlack,#weiterButtonBlack,#zuruckButtonBlack{font-size:100%;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;hyphens:none}
#prozentMitte{position:relative;top:25px;text-align:center;z-index:45;font-size:2.2em;font-weight:bold;}
#jskugel,#widgetnachunten,#jsopenendbox,#jswidgetbox{float:none;clear:both;position:relative;margin:80px auto;height:auto;width:100%;min-width:320px;overflow:visible;z-index:12;background:#000000;/* Old browsers */background:-moz-radial-gradient(center,ellipse cover,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* FF3.6+ */background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#000000),color-stop(0%,#223d4b),color-stop(77%,#000000),color-stop(100%,#000000));/* Chrome,Safari4+ */background:-webkit-radial-gradient(center,ellipse cover,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* Chrome10+,Safari5.1+ */background:-o-radial-gradient(center,ellipse cover,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* Opera 12+ */background:-ms-radial-gradient(center,ellipse cover,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* IE10+ */background:radial-gradient(ellipse at center,#000000 0%,#223d4b 0%,#000000 77%,#000000 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=1);/* IE6-9 fallback on horizontal gradient */}
#horoskopbox{float:none;clear:both;position:relative;margin:80px auto;height:auto;width:100%;min-width:320px;overflow:visible;z-index:12;}
#footer ul{flex-wrap:wrap;gap:4px 12px;}
#footer ul li{margin:0;padding:0;width:auto;}
#footer ul li a{min-height:36px;padding:4px 12px;}
video{position:relative;margin:50px auto;width:100%;height:auto;max-width:320px;max-height:320px;border:1px solid #F600C3;display:block;}
.header320,.headerRub{position:relative;margin:50px auto;padding:0;height:auto;min-height:200px;max-height:750px;min-width:200px;width:100%;z-index:1;}
.headerRub span{text-align:center;font-size:0.8em;}
.rubrikres{display:none;}
.WKRub{width:100%;float:none;position:relative;padding:0;margin:50px auto 5px auto;background:transparent;box-shadow:none;border:none;}
#cookieinfo{top:15%;min-height:330px;}
#selectstartbig1{left:50%;top:30%;}
#selectstartbig2{left:50%;top:75%;}
.teaserflex{flex-direction:column;}
#schnellauswahl{flex-direction:column;}
#katflex,#katflex2{flex:0 0 100%;max-width:100%;padding-right:0;}
#widgetflex,#widgetflex2{padding-right:0;}
#sidebar,#sidebar2{flex:none;width:100%;max-width:100%;}
}
.flex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:12px;padding:8px 0;width:100%;max-width:960px;margin:0 auto;}
.flex-grid .teaserflex{float:none;width:100%;min-height:0;margin:0;padding:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;align-items:stretch;text-shadow:none;display:flex;flex-direction:column;}
.flex-grid .teaserflex:hover{transform:translateY(-2px) scale(1.04);border-color:rgba(201,48,133,.4);box-shadow:0 8px 24px rgba(201,48,133,.15),0 4px 12px rgba(0,0,0,.4);}
.flex-grid .teaserflex a{display:block;position:relative;overflow:hidden;width:100%;text-decoration:none;color:#fff;margin:0;padding:0;}
.flex-grid .teaserflex img{width:100%;aspect-ratio:5/3;object-fit:cover;display:block;margin:0;filter:brightness(.78) saturate(.82);transition:filter .3s ease;}
.flex-grid .teaserflex:hover img{filter:brightness(1) saturate(1);}
.flex-grid .teaserflex .card-label{position:absolute;bottom:0;left:0;right:0;padding:40px 14px 14px;background:linear-gradient(to top,rgba(10,10,18,.95) 0%,transparent 100%);font-size:.9rem;font-weight:600;color:#e8e4df;letter-spacing:.01em;line-height:1.3;white-space:normal;}
.section-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#c9a84c;margin-bottom:8px;text-align:center;}
.section-title{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;color:#e8e4df;margin:0 0 32px;text-align:center;}
.content-section{max-width:640px;margin:0 auto;padding:48px 24px 64px;text-align:left;}
.content-section h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:400;line-height:1.15;letter-spacing:-.01em;color:#e8e4df;margin-bottom:24px;}
.content-section h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;color:#e8e4df;margin:32px 0 16px;}
.content-section h4{font-size:.95rem;font-weight:600;color:#e8e4df;margin:24px 0 8px;}
.content-section p{font-size:1rem;line-height:1.75;margin-bottom:16px;color:#d0ccc6;}
.content-section a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
#txt.content-section,#txt{background:transparent;box-shadow:none;max-width:640px;margin:0 auto;padding:48px 24px 64px;text-align:left;}
#txt h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:400;line-height:1.15;color:#e8e4df;margin-bottom:24px;}
#txt h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;color:#e8e4df;margin:32px 0 16px;}
#txt p{font-size:1rem;line-height:1.75;margin-bottom:16px;color:#e8e4df;}
#sidebar{max-width:640px;width:100%;margin:0 auto;padding:0 24px 48px;}
#beliebt{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:28px 24px 32px;text-align:center;}
#beliebt img{display:block;margin:0 auto 16px;opacity:.85;}
p.morewk{font-family:'Fraunces',Georgia,serif;font-size:.82rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;}
#beliebt a{display:inline-block;padding:10px 20px;border:1px solid rgba(214,58,145,.4);border-radius:100px;color:var(--accent);font-size:.88rem;font-weight:600;text-decoration:none;margin:4px;transition:background .18s ease,border-color .18s ease;}
#beliebt a:hover{background:rgba(201,48,133,.12);border-color:rgba(201,48,133,.7);}
.hero-glow{position:relative;padding:48px 24px 32px;max-width:100%;overflow:hidden;}
.hero-glow::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 10%,rgba(201,168,76,.05) 0%,transparent 70%);pointer-events:none;z-index:0;}
.hero-glow::after{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent,rgba(10,10,18,.65));pointer-events:none;z-index:0;}
.emotional-hook{text-align:center;padding:32px 24px 8px;max-width:520px;margin:0 auto;}
.emotional-hook p{font-family:'Fraunces',Georgia,serif;font-size:1.05rem;font-weight:400;font-style:italic;color:var(--muted);line-height:1.6;}
.hook-separator{display:block;width:40px;height:1px;background:#c9a84c;opacity:.4;margin:20px auto 0;}
/* F — Schnellauswahl flex + Fade-up + Hero-Scrim */
#schnellauswahl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px 0 8px;}
.beispielueberschrift{font-size:.82rem;opacity:1;letter-spacing:.07em;text-transform:uppercase;width:100%;text-align:center;margin:0 0 4px;color:var(--muted);}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.flex-grid .teaserflex:nth-child(1){animation:fadeUp .45s ease both;animation-delay:.04s}
.flex-grid .teaserflex:nth-child(2){animation:fadeUp .45s ease both;animation-delay:.1s}
.flex-grid .teaserflex:nth-child(3){animation:fadeUp .45s ease both;animation-delay:.16s}
.flex-grid .teaserflex:nth-child(4){animation:fadeUp .45s ease both;animation-delay:.22s}
.flex-grid .teaserflex:nth-child(5){animation:fadeUp .45s ease both;animation-delay:.28s}
.flex-grid .teaserflex:nth-child(6){animation:fadeUp .45s ease both;animation-delay:.34s}
.flex-grid .teaserflex:nth-child(7){animation:fadeUp .45s ease both;animation-delay:.40s}
.flex-grid .teaserflex:nth-child(8){animation:fadeUp .45s ease both;animation-delay:.46s}
.flex-grid .teaserflex:nth-child(9){animation:fadeUp .45s ease both;animation-delay:.52s}
.flex-grid .teaserflex:nth-child(10){animation:fadeUp .45s ease both;animation-delay:.58s}
@media(prefers-reduced-motion:reduce){.flex-grid .teaserflex{animation:none;opacity:1;}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}


/* ============================================================
   LENORMAND MEANING PAGES
   Appended to bright4.css — sunshine3.min.css base unchanged
   ============================================================ */

/* A) SHARED */
body.ln-hub *, body.ln-hub *::before, body.ln-hub *::after,
body.ln-hub .hauptnavi, body.ln-hub .hauptnavi *, body.ln-hub .hauptnavi *::before, body.ln-hub .hauptnavi *::after,

:root {
  --accent:      #d63a91;
  --accent-dim:  rgba(214,58,145,0.18);
  --accent-glow: rgba(214,58,145,0.08);
  --surface:     rgba(255,255,255,0.04);
  --border:      rgba(255,255,255,0.08);
  --text:        #f0f0f0;
  --radius-card: 16px;
  --radius-sm:   8px;
  --transition:  0.22s cubic-bezier(0.4,0,0.2,1);
}

html { scroll-behavior: smooth; }

/* B) HUB PAGE — meaning.html */
body.ln-hub { font-family: 'Inter', system-ui, -apple-system, sans-serif; font-size: 16px; line-height: 1.6; background: #000; color: var(--text); -webkit-font-smoothing: antialiased; }
body.ln-hub main.wrap { display: block; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0; }
body.ln-hub #container { background: #000; }
body.ln-hub #header { width: 100%; background: #000; }
body.ln-hub #logo { padding: 20px; text-align: center; }
body.ln-hub #logo img { max-width: 100%; height: auto; }
body.ln-hub .clear { clear: both; }
body.ln-hub #breadcrumbs { padding: 12px 24px; font-size: .85em; color: var(--muted); }
body.ln-hub #breadcrumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
body.ln-hub #breadcrumbs li + li::before { content: "\203A"; margin-right: 6px; opacity: .4; }
body.ln-hub #breadcrumbs a { color: var(--muted); text-decoration: none; }
body.ln-hub #breadcrumbs a:hover { color: var(--accent); }
body.ln-hub .hero { padding: clamp(40px,8vw,80px) 24px clamp(32px,6vw,60px); text-align: center; position: relative; }
body.ln-hub .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(201,48,133,.12) 0%, transparent 70%); pointer-events: none; }
body.ln-hub .hero h1 { font-size: clamp(28px,5vw,52px); font-weight: 700; color: #fff; margin: 0 0 16px; letter-spacing: -.02em; line-height: 1.15; }
body.ln-hub .hero h1 em { color: var(--accent); font-style: normal; }
body.ln-hub .hero-lead { font-size: clamp(15px,2vw,18px); color: var(--muted); max-width: 560px; margin: 0 auto 32px; line-height: 1.7; }
body.ln-hub .hero-cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--accent); color: #fff; text-decoration: none; border-radius: 100px; font-size: .95em; font-weight: 600; transition: background var(--transition), transform var(--transition); }
body.ln-hub .hero-cta:hover { background: rgba(201,48,133,.85); transform: translateY(-1px); }
body.ln-hub .about { padding: 0 24px 48px; max-width: 760px; margin: 0 auto; }
body.ln-hub .about p { color: var(--muted); font-size: .95em; line-height: 1.8; margin: 0 0 16px; text-align: center; }
body.ln-hub .section-header { padding: 0 24px 24px; text-align: center; }
body.ln-hub .section-header h2 { font-size: clamp(20px,3vw,28px); color: #fff; margin: 0 0 8px; letter-spacing: -.01em; }
body.ln-hub .section-header p { color: var(--muted); font-size: .9em; margin: 0; }
body.ln-hub .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(160px,100%),1fr)); gap: 16px; padding: 0 24px 64px; }
body.ln-hub .card-item { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px 16px 18px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card); text-decoration: none; color: var(--text); position: relative; overflow: hidden; transition: transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
body.ln-hub .card-item::before { content: ''; position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at 50% 0%, rgba(201,48,133,.2) 0%, transparent 60%); transition: opacity var(--transition); pointer-events: none; }
body.ln-hub .card-item:hover { transform: translateY(-4px) scale(1.01); border-color: rgba(201,48,133,.45); background: rgba(255,255,255,.07); box-shadow: 0 12px 40px rgba(201,48,133,.15), 0 4px 16px rgba(0,0,0,.4); }
body.ln-hub .card-item:hover::before { opacity: 1; }
body.ln-hub .card-num { font-size: .72em; color: var(--accent); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; opacity: .85; }
body.ln-hub .card-img-wrap { width: 72px; height: 103px; border-radius: 6px; overflow: hidden; flex-shrink: 0; box-shadow: 0 4px 16px rgba(0,0,0,.5); transition: box-shadow var(--transition); }
body.ln-hub .card-item:hover .card-img-wrap { box-shadow: 0 8px 24px rgba(201,48,133,.25), 0 4px 12px rgba(0,0,0,.6); }
body.ln-hub .card-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.ln-hub .card-name { font-size: .95em; font-weight: 600; color: #fff; text-align: center; line-height: 1.2; }
body.ln-hub .card-keys { font-size: .73em; color: var(--muted); text-align: center; line-height: 1.5; }
body.ln-hub .try-section { display: block; margin: 0 24px 64px; padding: 36px 32px; background: var(--surface); border: 1px solid var(--border); border-radius: 20px; text-align: center; }
body.ln-hub .try-section h2 { font-size: clamp(18px,2.5vw,24px); color: #fff; margin: 0 0 10px; letter-spacing: -.01em; }
body.ln-hub .try-section p { color: var(--muted); font-size: .9em; margin: 0 0 24px; max-width: 480px; margin-left: auto; margin-right: auto; }
body.ln-hub .try-links { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
body.ln-hub .try-link { display: inline-flex; align-items: center; padding: 10px 20px; border: 1px solid rgba(201,48,133,.5); border-radius: 100px; color: var(--accent); text-decoration: none; font-size: .88em; font-weight: 600; transition: background var(--transition), transform var(--transition), border-color var(--transition); }
body.ln-hub .try-link:hover { background: var(--accent-dim); border-color: var(--accent); transform: translateY(-1px); }
body.ln-hub #footer { padding: 24px; border-top: 1px solid var(--border); text-align: center; }
body.ln-hub #footer ul { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; }
body.ln-hub #footer li a, body.ln-hub #footer a { color: var(--muted); text-decoration: none; font-size: .85em; transition: color var(--transition); }
body.ln-hub #footer li a:hover, body.ln-hub #footer a:hover { color: var(--accent); }
body.ln-hub .fL { margin-right: 4px; }

@media (max-width: 480px) {
  body.ln-hub .card-grid { grid-template-columns: repeat(auto-fill, minmax(130px,1fr)); gap: 12px; padding: 0 16px 48px; }
  body.ln-hub .hero, body.ln-hub .about, body.ln-hub .section-header, body.ln-hub .try-section { padding-left: 16px; padding-right: 16px; }
  body.ln-hub .try-section { margin-left: 16px; margin-right: 16px; }
}

@media (min-width: 900px) {
  body.ln-hub .card-grid { grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); }
}

/* C) CARD PAGES — meaning/*.html */
body.ln-card { font-family: 'Inter',system-ui,-apple-system,sans-serif; font-size: 17px; line-height: 1.75; background: #0a0a12; color: #d0ccc6; }
body.ln-card #container { color: #d0ccc6; background: #0a0a12; }
body.ln-card #header { width: 100%; background: #0a0a12; }
body.ln-card #logo { padding: 20px; text-align: center; }
body.ln-card #logo img { max-width: 100%; height: auto; }
body.ln-card .clear { clear: both; }
body.ln-card h1 { font-family:'Fraunces',Georgia,serif; font-size: clamp(22px,3.5vw,40px); font-weight: 400; font-style: italic; color: #e8e4df; text-align: center; margin: 20px 0; }
body.ln-card h2 { font-family:'Fraunces',Georgia,serif; font-weight: 400; color: #e8e4df; margin-top: 40px; margin-bottom: 20px; }
body.ln-card h3 { font-family:'Fraunces',Georgia,serif; font-weight: 400; color: #e8e4df; margin-top: 25px; margin-bottom: 15px; }
body.ln-card h4 { font-weight: 600; color: var(--muted); font-size: .92rem; margin-top: 20px; margin-bottom: 10px; }
body.ln-card .card-image-container { text-align: center; margin: 30px 0; }
body.ln-card .card-image-container img { max-width: 200px; height: auto; border-radius: 6px; box-shadow: 0 4px 24px rgba(10,8,4,.6); }
body.ln-card .keywords { margin: 20px 0; padding: 16px 20px; background: rgba(201,48,133,.08); border-left: 3px solid #c93085; border-radius: 0 6px 6px 0; }
body.ln-card .keywords p { margin: 4px 0; color: #e8e4df; font-size: .92rem; }
body.ln-card .card-combo { margin: 16px 0; padding: 18px 20px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; transition: border-color .2s; }
body.ln-card .card-combo:hover { border-color: rgba(255,255,255,.14); }
body.ln-card .combo-images { display: flex; justify-content: flex-start; align-items: center; gap: 8px; margin: 0 0 12px; }
body.ln-card .combo-images img { max-width: 48px; height: auto; border-radius: 4px; }
body.ln-card .combo-text { color: #d0ccc6; font-size: .92rem; line-height: 1.72; margin: 0; }
body.ln-card .card-nav { display: flex; justify-content: space-between; margin: 32px 0; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
body.ln-card .card-nav a { color: var(--accent); text-decoration: none; font-size: .88rem; font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }
body.ln-card .card-nav a:hover { color: #d83d95; }
body.ln-card .quick-nav { margin: 24px 0; padding: 12px 16px; background: #111020; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; position: sticky; top: 0; z-index: 50; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.ln-card .quick-nav strong, body.ln-card .quick-nav .quick-nav-label { font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted-soft); margin-right: 8px; white-space: nowrap; }
body.ln-card .quick-nav a { display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; color: var(--muted); border: 1px solid rgba(255,255,255,.1); border-radius: 4px; font-size: .78rem; font-weight: 500; min-height: 28px; text-decoration: none; transition: color .18s,border-color .18s,background .18s; white-space: nowrap; }
body.ln-card .quick-nav a:hover { color: var(--accent); border-color: rgba(214,58,145,.3); background: rgba(214,58,145,.06); }
body.ln-card .quick-nav .quick-nav-cta { color: var(--accent) !important; border-color: rgba(214,58,145,.25) !important; background: rgba(214,58,145,.08) !important; font-weight: 600; }
body.ln-card .disclaimer { padding: 14px 20px; background: rgba(201,168,76,.07); border-left: 3px solid #c9a84c; border-radius: 0 6px 6px 0; margin: 20px 0; font-style: italic; font-size: .88rem; color: var(--muted); line-height: 1.65; }
.try-section { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 16px; margin: 32px 0 48px; padding: 0; background: transparent; border: none; border-radius: 0; }
.try-section a { display: flex; align-items: center; justify-content: center; margin: 0; padding: 16px 24px; color: #e8e4df; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; text-decoration: none; font-size: .88rem; font-weight: 500; min-height: 48px; transition: color .18s ease, border-color .18s ease, background .18s ease; }
.try-section a:hover { color: var(--accent); border-color: rgba(214,58,145,.25); background: rgba(214,58,145,.06); }
body.ln-card .card-page-header { text-align: center; padding: clamp(24px,4vw,48px) 24px 0; }
body.ln-card .card-page-header h1 { font-size: clamp(22px,3.5vw,40px); font-weight: 700; color: #fff; letter-spacing: -.02em; line-height: 1.15; margin: 0 0 10px; }
body.ln-card .card-page-header h1 em { color: var(--accent); font-style: normal; }
body.ln-card .card-tagline { font-size: .85em; color: var(--muted-soft); letter-spacing: .07em; text-transform: uppercase; margin: 0 0 32px; }
body.ln-card main.wrap { display: block; width: 100%; }
body.ln-card #widgetflex { align-items: stretch; }

/* E — v3 overrides: Book / WRboxgruen / Sidebar */
#book{width:auto;max-width:320px;height:auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 16px;text-align:center;margin:25px auto;}
#book a{color:#c9a84c;text-decoration:none;font-size:.9rem;line-height:1.5;}
#book img{border-radius:8px;max-width:100%;height:auto;}
.WRboxgruen{background:none;}
#beliebt{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;margin:0 0 32px;width:auto;text-align:left;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;}
#beliebt img{display:none;}
#beliebt .morewk{font-size:.82rem;font-weight:600;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin:0 0 4px;width:100%;}
#beliebt a{display:flex;align-items:center;justify-content:center;flex:1 1 auto;padding:16px 24px;border:1px solid rgba(255,245,230,.12);border-radius:6px;color:#e8e4df;background:#12110f;font-size:.88rem;font-weight:500;min-height:48px;text-decoration:none;transition:color .18s ease,border-color .18s ease,background .18s ease;}
#beliebt a:hover{color:var(--accent);border-color:rgba(214,58,145,.25);background:rgba(214,58,145,.10);}
.ksauswahl .morewk{font-size:.82rem;color:#e8e4df;}
.ksauswahl a{color:#c9a84c;}
/* G — v3 container overrides: sitewide teal→transparent */
.WRbox,.WRboxblau,.WRboxlila,.WRboxgelb,.WRboxrot,.WRboxpink,.WRboxorange,.WRboxhellblau,.WRboxantik{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:none;}
.engelkarte,#engelkartenauswahl,.tarotauswahl,.ksauswahl,#sternzeichenauswahl,.rubauswahl,.mehrauswahl,.vivauswahl,#kartenauswahl{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:none;}
.sumtea,.smalltea{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:none;}
.teaser,.teaserapp,.teaserRub{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(255,255,255,.08);}
.hamburger-menu a{background:transparent !important;border:1px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:none !important;color:#fff !important;text-shadow:none;font-weight:600;}
.hamburger-menu a:hover{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.8);}
/* === v3 Breadcrumb sitewide override — replaces inline+slash (Z.456-461) === */
#breadcrumbs{text-align:left;}
#breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:12px 0;justify-content:center;}
#breadcrumbs li{font-size:.82rem;font-weight:500;color:var(--muted);display:block;margin:0;padding:0;}
#breadcrumbs li:after,#breadcrumbs li+li:after{content:"";padding:0;}
#breadcrumbs li:last-child:after{content:"";}
#breadcrumbs li+li::before{content:"\203A";margin-right:8px;opacity:.35;color:var(--muted);}
#breadcrumbs a{color:var(--muted);text-decoration:none;transition:color .3s ease;}
#breadcrumbs a:hover{color:var(--accent);}
/* === v3 Footer disclaimer === */
.footer-disclaimer{max-width:480px;margin:0 auto 24px;font-size:.82rem;font-weight:500;font-style:italic;color:var(--muted);line-height:1.6;text-align:center;}
/* === v3 Category Links === */
.category-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:16px auto 0;max-width:960px;padding:0 8px;}
a.category-link,a.linkstyler{display:inline-flex;align-items:center;margin:6px 4px;padding:10px 20px;font-size:.82rem;font-weight:500;color:#e8e4df;border:1px solid rgba(255,245,230,.06);border-radius:6px;min-height:44px;text-decoration:none;transition:color .3s ease,border-color .3s ease,background .3s ease;}
a.category-link:hover,a.linkstyler:hover{color:var(--accent);border-color:rgba(214,58,145,.25);background:rgba(214,58,145,.10);}
/* === v3 quick-nav mobile horizontal scroll === */
@media(max-width:767px){body.ln-card .quick-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-left:none;border-right:none;border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}body.ln-card .quick-nav::-webkit-scrollbar{display:none;}}
/* === Accessibility Utilities === */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}