/* helles grün rgba(200,255,178,1)*/

* {box-sizing:border-box}
::before {font-family:'Amaticsymbol'}
:root
{--schriftfarbe:rgba(60,207,212,1);--gruen:rgba(200,255,178,1); --font:'Amaticsymbol'}


html {}

html {font-family:'Dosis'; letter-spacing: 0.05rem;font-size:18px;}

body {min-height:100vh}

h1 {font-family:'Amatic SC'; font-size:4rem;line-height:1.0;margin: 1rem 0 1.0rem -0.2rem;color:rgb(90, 168, 115); Text-align:center;padding-right:10%}

h1:after {display:inline-block;content:""; width:60%; height:7px;background-image:url(../Hilfsbilder/linie.png);background-size:contain;background-color:transparent;position:relative;background-repeat:repeat-x;bottom:0.8rem }

h2 {padding:2rem 0 1rem 0}

p, li {margin:0 0 0 0;line-height:1.4}



p em {font-size:30%} /* schmales Leerzeichen mit [nbsp]*/

.buchtitel h2 {margin:0 0 1rem 0}

.ce_text {width:100%})

a:link, a:visited, a:-webkit-any-link {text-decoration:none!important; color: rgba(36,93,114, 0.8);padding: 0 0 0 0}

p a {text-decoration:none; color:var(--schriftfarbe);padding:20px 30px 20px 30px;position:relative}

p a::before {content:"p";border:0px solid red;animation:deckkraft 5s infinite; animation-delay:1s;opacity:0;left:-5px;top:0;position:relative;height:100%;width:auto;display:inline-block}

.bt-1 ::before {animation:deckkraft 5s infinite; animation-delay:2s}
.bt-2 ::before {animation:deckkraft 5.5s infinite; animation-delay:3s}
.bt-3 ::before {animation:deckkraft 5.7s infinite; animation-delay:4s}
.bt-4 ::before {animation:deckkraft 4.2s infinite; animation-delay:5s}
.bt-5 ::before {animation:deckkraft 3.9s infinite; animation-delay:6s}
.bt-6 ::before {animation:deckkraft 4.6s infinite; animation-delay:7s}

/*p a::after{content:"";border:0px solid red;background:url("../Hilfsbilder/strahlen.png");background-size:100% 100%;opacity:1;animation:deckkraft 5s infinite; animation-delay:1s;opacity:0;left:0;position:absolute;width:100%; height:100%;top: 0px}*/

ul {padding:0 0 0 1.5rem}
p > li {padding: 0 0 .5rem 0}
p > li::before {width:1rem; height:1rem; display:block;content:"o";font-size:1.2rem; color:rgb(90, 168, 115) ;margin-left:-1.5rem;font-family:'Amaticsymbol'}



.wpb_wrapper p a {margin-top:-10px;display:inline-block}

#outer {border:2px solid rgb(0, 153, 255);}

.workshop #wrapper {padding-top:4rem}

.mein-start #wrapper {padding-top:4rem}

#wrapper {border:5px solid rgb(0, 208, 255);min-height:calc(52vh - 0px);padding-top:0;width:100%; max-width: 1000px;display:flex;align-items:center;}


#container {align-items:center;border:3px solid green;padding: 0 0 0 0;height:100%;}

#main{border:2px solid rgb(0, 255, 81);box-sizing:border-box}

.mein-start #main{}

#main .inside {display:block;border:2px solid rgb(90, 168, 115);height:100%;width:100%;Text-align:center; position:static}

#header {position:relative;border:0px solid black;display:block;}

#startslider {border:0px solid black;height:48vh;min-height:400px;;width:100%;left:0;position:relative}
#ws-slider {border:2px solid black;height:48vh;min-height:400px;;width:100%;left:0;position:relative;margin: 0 0 0 0}

.rsts-nav.rsts-nav-bullets {display:flex!important;justify-content:center;bottom:-55px;width: 100%; left:0}

.rsts-skin-default .rsts-nav-bullets a, .rsts-skin-default .rsts-nav-bullets a.active {width: 1.5rem; position:relative; margin:0.1rem; font-size:1.5rem;height: auto; aspect-ratio: 1 / 1;
border-radius: 0%; border:0px solid green; text-align: center; text-indent:0;font-size:0; text-decoration:none; background-color: transparent;
box-shadow: none;}

.rsts-nav-item a::before, .rsts-nav-item a::after {content:"g"; font-family:var(--font); font-size:1.5rem;line-height:1;display:flex; text-align:center; justify-content:center;width: 100%; position:absolute;top:0%;color: white;text-shadow: 0 0 3px white;border:0px solid red}

.rsts-nav-item a::after {content:"g"; color: rgba(0,0,0,0.30);transition: 1s all}
.rsts-nav-item a.active::before	{color:#ff000052;transition: 1s all}
.rsts-nav-item a.active::after {content:"g"; color: #ff000052;transition: 1s all}

.rsts-skin-default .rsts-nav .rsts-nav-prev, .rsts-skin-default .rsts-nav .rsts-nav-next {display:inline-block;font-family:var(--font); overflow:visible;padding: 0 5px 0 5px}

.rsts-nav-prev a::after, .rsts-nav-next a::after {display:block;font-family:var(--font); font-size:2rem;line-height:1;content:"p";text-shadow: 0 0 3px white;margin-top:-5px;color:rgba(0,0,0,0.50);}

.rsts-nav-prev a::after {transform: rotate(180deg);}

.rsts-skin-default .rsts-nav-bullets a:hover {background:transparent;box-shadow:none}



.startslider.rsts-skin-default .rsts-caption {display:none}



/*footer */

#footer {border:0px solid thistle;text-align:center;height: 5vh; min-height:50px;position:relative;bottom:0; width:100%; }

#footer .inside {height:100%; border:0px dotted green; position:relative; display:flex; justify-content:center;}
.mod_customnav.insta {font-family:'Amaticsymbol';font-size: 1.5rem;padding-top:2px}

#footer ul, #footer li {margin:0; padding:0}

#footer .mod_customnav {position:relative;display:flex;justify-content: center;align-items:center;border:0px solid green}


/* galereiseiten */

.meine-galerie #header {height:auto;min-height:0px;width:auto}
.meine-galerie #container {display:block;height:auto;text-align:center}
.meine-galerie #wrapper {height:auto}
#footer inside {display:flex;justify-content: center;align-items:center;align-content:center;}



/* artikel für edda skibbe, illustration */

.mod_article.eddaskibbe {position:absolute; bottom:10px;width:100%;;margin:0 0 0 0;padding:0 0 0 0;display:flex;align-items:flex-end; color:white;text-shadow: 0px 0px 2px black,0px 0px 5px black, 0px 0px 10px black;height:auto}

.mod_article.eddaskibbe h1 {padding: 0 0 0 0;letter-spacing: 0.3rem}
.mod_article.eddaskibbe h1::after {display:none}


.mod_article {Text-align:center;height:100%;; --background:rgba(23,23,23,0.1);padding-top:0rem;padding-bottom:1rem} /* artikel mit text */

.uebersicht .mod_article {display:flex!important; flex-wrap:wrap; justify-content:center;width:100%}

/* artikel für impressum etc. .im-da-ko */

.im-da-ko .ce_text  {width:50%;display:inline-block;text-align:left}

.im-da-ko .image_container.float_right{width:20%;left:25%;margin-top:-10%;position:relative}

.im-da-ko .groesser .image_container.float_right {width:40%;left:75%;margin-top:10%;position:absolute}

.im-da-ko a {color:black; padding:0 0 0 0}

.im-da-ko a::after {display:none}

.im-da-ko .image_container:hover .caption {display:none}

/* artikel für Menu */

.grid4 {min-height:200px;padding: 2rem 0 0 0}


#xox {z-index:10;box-shadow: 0px 0px 20px 2px white, 0px 0px 10px 2px white; background:white; position:fixed; top:0px; right:0px;border:2px solid orange; padding:2px; font-size:1rem}


/* artikel für bücher,spiele, freies auf startseite. */
#bsf p a::after {display:none}

.mod_article.bsf {padding:3rem;;display:flex; justify-content:center;align-items:center;gap:4%;max-height:100%}

#bsf .mod_randomImage.block {border:0px solid green;position:relative;overflow:visible;box-shadow:-5px  -5px 2vw rgba(36,93,114, 0.8)}

#bsf .mod_randomImage.block:hover {box-shadow:-5px  -5px 4vw rgba(155,123,114, 0.8)}

#bsf p a, #bsf p {display:none}

#bsf .ce_text {overflow:visible;width:100%;position:relative;margin:0 0 0 0}

#bsf .ce_text.buecher {width: 80%}
#bsf .ce_text.freies {width: 120%}

.ce_text.buchtitel {width:30%;box-sizing:border-box;margin: 0 0 1rem 0}

.ce_text.buchtitel p {display:inline-block}

.buchtitel .in_container {margin-left:0;Border:1px solid red;width:100%}

.mod_randomImage a {color:black; text-transform:uppercase;}

.mod_randomImage .image_container {border:0px solid yellow;overflow:visible;padding:0px;position:relative}

.mod_randomImage img {width: 100%;height: 100%;object-fit: contain;object-position: center;z-index:1;margin-bottom:-4px;border:3px solid white; border-radius:3px}

.mod_randomImage .image_container::after{display:flex;position:absolute;width: 100%;height: 100%; content:"Bücher"; top:0%;left:0%;z-index:1;justify-content:center;align-items:center;font-weight:700;background:rgba(255,255,255,0.7);font-size:1.3rem;opacity:0; transition:all .6s; letter-spacing:2px}

.spiele .mod_randomImage .image_container::after{content:"Spiele"}
.freies .mod_randomImage .image_container::after{content:"Freies"}


.mod_randomImage .image_container:hover::after{opacity:1;transition:all .3s;filter: grayscale(100%);}

.mod_randomImage .image_container:hover img {transition:all .3s;filter: grayscale(100%);}

.buecher {transform:rotate(-12deg);width: 18%;}
.spiele {transform:rotate(-5deg) translate(0px, 21%);;width: 24%;}
.freies {transform:rotate(14deg) translate(0px, 15%);width: 22%;}

/* artikel für bücher */

.a-buecher {border:1px solid green;padding-top:2rem}

.in_container {}

.a-buecher .float_above {border:1px solid magenta; width: 90%;margin:0;display:inline-block}

.mein-bild {margin:0 15px 10px 10px}

.a-buecher .image_container:hover img {transition:all .3s;filter: grayscale(0%);}

.a-buecher .ce_text .image_container {display:inline-block;margin:-3% 0 0 0;padding:5%}

.a-buecher .ce_text img {display:inline-block;transform:rotate(0deg);padding:0%;box-shadow:3px 3px 10px rgba(0,0,0,0.4)}

/* footer*/
#footer ul, footer li, .mod_customnav  {display:inline-block;padding: 0 0 0 0} 
#footer a:link, #footer a:visited {text-decoration:none; color: rgba(36,93,114, 0.8);padding: 0 5px 0 5px}

/* cooki-banner*/

.cookiebar-active #wrapper, .cookiebar-active #header {filter: blur(3px);transition:all 1s;}

.cookiebar-active .meine-cookiebar {height:100vh;width:100vw; position:fixed;z-index:111;top:0;transition:all 1s;}

.meine-cookiebar {height:auto;transition:all 1s;}

.cookiebar {background: #9b4255;display:flex; flex-wrap:wrap;font-size:1.0rem;padding-bottom:0.8rem;Box-shadow: 0 0 100px 100px white }

.cookiebar__text {width:100%;margin:0.6rem 0 1rem 0}
.cookiebar__message, .cookiebar__text {margin-right:0}
.cookiebar__button {margin:1rem}
.mein-button {position:relative;border:0px solid white}
.cookiebar__button {background:transparent;width:auto}
.cookiebar__button::after {display:Block; content:"";width:calc(100% + 20px) ;height:calc(100% + 0px); position:absolute;top:0;left:0px ;background:url("../Hilfsbilder/strahlen-gruen.png");background-size:100% 100%;animation:deckkraft 5s infinite; animation-delay:1s;opacity:0}
.cookiebar__button::before {display:Block; content:"Alles klar!";font-family: 'Dosis';border:0px solid red;width:calc(100% + 20px) ;height:calc(100% + 0px); position:absolute;top:0;left:0px ;display:flex; align-items:center; justify-content:center;background:#9b4255 /* #4b4b4b*/;font-size:1.2rem;font-weight:bold;letter-spacing: 0.05rem}
.cookiebar__button:hover::before {color:var(--gruen); text-shadow:0 0 10px white }

/* lightbox colorboxs*/
#cboxOverlay {background:white;padding:50px;opacity:0.99!important;filter: blur(3px);}

#cboxLoadedContent {border:none;background:none;padding:100px}
#cboxLoadedContent img {border-radius:5px;box-shadow: 0px 0px 10px rgba(0,0,0,0.8)}

#cboxNext, #cboxPrevious, #cboxClose {position:fixed;top: 45%;right:10px;float:none;width: 35px; height:35px;margin: 0 0 0 0;background:none;text-indent:0;border:5px solid green}
#cboxPrevious  {left:10px}
#cboxClose {top:50%}

big {color:transparent!important}

##cboxNext::after, #cboxPreviou::after, #cboxClose::after {content: "p"; box-sizing:border-box;width:100%; height:100%; position:absolute;top:0;font-family:'Amaticsymbol';font-size:1.8rem;line-height:1;color:rgb(67, 137, 138); display:flex; justify-content:center; align-items:center;text-align:center;border: 2px solid rgba(67, 137, 138,1);border-radius:100%;background:rgba(67, 137, 138,0.2)}

/* lightbox mootootls*/

#mbOverlay {background:white;padding:50px;opacity:0.95!important;}

#mbCenter {padding:0 0 0 0;margin:0px;background:transparent;border-radius: 0; box-shadow:none;}

#mbContainer {background:transparent;border:0px solid red;margin-top:-2vh}

#mbMedia {background:transparent;border:0px solid black}
#mbMedia img {;border-radius:5px;box-shadow: 0px 0px 10px rgba(0,0,0,0.8);background:transparent;height:90%;width:90%;margin:5% 0 0 5%}

#mbNextLink, #mbPrevLink, #mbCloseLink {position:fixed;top: calc(50% - 20px);right:12px;float:none;width: 35px; height:35px;margin: 0 0 0 0}
#mbPrevLink  {left:12px}
#mbCloseLink {top:calc(100vh - 55px)}

big {color:transparent!important}

#mbNextLink big:after, #mbPrevLink big:after, #mbCloseLink big:after {content: "p"; box-sizing:border-box;width:100%; height:100%; position:absolute;top:0;font-family:'Amaticsymbol';font-size:1.8rem;line-height:1;color:rgb(67, 137, 138); display:flex; justify-content:center; align-items:center;text-align:center;border: 0px solid rgba(67, 137, 138,1);border-radius:100%;background:rgba(67, 137, 138,0.2);transition: all 0.3s}

#mbCloseLink big:hover::after {color:white;background:rgba(231, 89, 103,0.8)}
#mbNextLink big:hover::after, #mbPrevLink big:hover::after {color:white;background: rgba(67, 137, 138,0.6)}

*:hover {transition: all 0.2s}

#mbPrevLink big:after {transform:rotate(180deg)}
#mbCloseLink big:after {content: "c";align-content:center;flex-wrap: wrap; color: rgb(231, 89, 103);border: 0px solid rgb(231, 89, 103);border-radius:100%;background:rgba(231, 89, 103,0.2)}

#mbBottom {position:fixed;bottom:2vh; border:0px solid pink;height:auto;font-size:1rem; font-family: 'Dosis';display:flex; justify-content: center;flex-wrap:wrap;align-items:center;padding: 0 0 0 20px }

#mbTitle, #mbNumber {border:0px solid green;Width: 65vw; text-align:center;Color:black ; font-weight:400;margin:0 0 0 0}

/* workshops*/

.workshop h1 {padding:0 0 0 0; margin: 3rem 0 1.0rem 0em;}

.workshop .ce_text, .workshop .ce_table {width: 80%; margin-left:10%;text-align:left;position:relative}

.ce_table {border:0px solid black; }
table { border: 0px solid transparent;width: 100%; border-collapse: collapse;}

.ce_table::before {content:""; height:4px;background-image:url(../Hilfsbilder/linie.png);background-size:contain;background-color:transparent;position:absolute;Top:-2px;background;background-repeat:repeat-x}

.ce_table::after {content:""; height:4px;background-image:url(../Hilfsbilder/linie.png);background-size:contain;background-color:transparent;position:absolute;bottom:-1px;width: 100%;background-repeat:repeat-x}

.t-links {content:""; height:100%;width:6px;background-image:url(../Hilfsbilder/linie-v.png);background-size:contain;background-color:transparent;position:absolute;background-repeat:repeat-y; left:calc(0% - 2px)}

.t-rechts {content:""; height:100%;width:6px;background-image:url(../Hilfsbilder/linie-v.png);background-size:contain;background-color:transparent;position:absolute;left:calc(100% - 2px);background-repeat:repeat-y}



td {border:1px solid rgb(113, 181, 116);}
td.col_first {border-left:0px}
td.col_last {border-right:0px}
.row_first td  {border-top:0px}
.row_last td {border-bottom:0px;padding-bottom:0.8rem}

td {padding:0.6rem 0.5rem 0.6rem 0.5rem}

.col_2 {color:rgb(67, 137, 138)}
.col_2 b {color:rgb(231, 89, 103)}



@media (max-width: 1000px)
{	p {font-size:1.2rem}
	.mod_article.bsf {overflow:visible;flex-wrap:wrap;padding:2vw 3vw 3vw 3vw;gap:6%}

	#bsf .ce_text.buecher, #bsf .ce_text.spiele, #bsf .ce_text.freies {width: 40%;margin: 5vw 2vw 5vw 2vw}
	#bsf .ce_text.buecher{width: 32%}
	#bsf .ce_text.freies {margin: 0 0 6vw 0}
	
	.eddaskibbe h1 {font-size:3.3rem; margin: 0rem 0 2rem 0rem}
	.mod_article.grid12, .mod_article.grid12.galerie-unten {width:100%;border:5px solid red}
	#wrapper {width:100%}
	.mod_article.im-da-ko {width:100vw}

	.workshop .ce_text, .workshop .ce_table {width: 70%; margin-left:15%}
}
@media (max-width: 600px)
{	#wrapper {padding-top: 3rem;}

.workshop .ce_text, .workshop .ce_table {width: 90%; margin-left:5%}
	.mod_article.bsf {overflow:visible;flex-wrap:wrap;padding:3vw 2vw 3vw 2vw}
	.eddaskibbe h1 {margin: 0 0 1rem 0}
	.a-buecher .float_right {width:25%; margin-left:-2rem}

	.ce_text.buchtitel {width:50%}

	.buchtitel p a {padding: 0 1vw 0 1vw;margin: 0 0 0 0}
	

	.im-da-ko .ce_text {width:70%}



.grid4 {padding:7rem 0 0 0; border:2px solid red;display:flex !important;justify-content:center;align-items:center;padding:0 0 0 0;text-align:center}

.grid8 {padding:7rem 0 0 0}
}

@media (max-width: 420px)
{
	.mod_article.bsf {padding:3vw 2vw 6vw 2vw}
	#bsf .ce_text.buecher, #bsf .ce_text.spiele, #bsf .ce_text.freies {width: 70%;margin: 5vw 2vw 5vw 2vw}
	#bsf .ce_text.buecher{width: 60%}

	.buecher {transform:rotate(-10deg)}
.spiele {transform:rotate(5deg);}
.freies {transform:rotate(-7deg)}

.im-da-ko .ce_text {width:80%;min-width:80%}
.im-da-ko .image_container.float_right {left:2%}
}

@media (max-height: 400px)
{
#startslider {height:100vh; min-height:100vh}

}