.bohell10{font-size:0.6875em;color:black;}
.bohell11{font-size:0.75em;color:black;}
.bohell12{font-size:0.8125em;color:black;}
.bohell13{font-size:0.875em;color:black;}
.bohell14{font-size:0.9375em;color:black;}
.bohyper10{font-size:0.6875em;color:#951E9C;text-decoration:none;}
.bohyper10:hover{font-size:0.6875em;color:#F27302;text-decoration:none;}
.bohyper11{font-size:0.75em;color:#951E9C;text-decoration:none;}
.bohyper11:hover{font-size:0.75em;color:#F27302;text-decoration:none;}
.bohyper12{font-size:0.8125em;color:#951E9C;text-decoration:none;}
.bohyper12:hover{font-size:0.8125em;color:#F27302;text-decoration:none;}
.bohyper13{font-size:0.875em;color:#951E9C;text-decoration:none;}
.bohyper13:hover{font-size:0.875em;color:#F27302;text-decoration:none;}
.bohyper14{font-size:1.1em;color:#951E9C;text-decoration:none;}
.bohyper14:hover{font-size:1.1em;color:#F27302;text-decoration:none;}
.bohyper20{font-size:1.25em;color:#951E9C;text-decoration:none;}
.bohyper20:hover{font-size:1.25em;color:#F27302;text-decoration:none;}
.ob0{color:#5a7077;text-decoration:none;}
.ob{color:#5a7077;font-weight:bold}
.obl{color:#951E9C;text-decoration:none;font-weight:bold}
.obl:hover{color:#F27302;text-decoration:none;font-weight:bold}

body {margin:0;background-color: #f2e9e1;color: #1A1F2B;font-family: Arial;font-size: 1em; line-height: 1.0em}
.page-wrapper {max-width:1000px; margin: 0 auto; padding: 0 1%}
.main {background: #ffffff;color: #1A1F2B;border-width:0px 1px 1px 1px;border-color:#669933;border-style:solid;}
.mainContent {color: #333;padding-top: 0.2em;}
a{text-decoration:none;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
img {border: 0;}
img:not([src]) {visibility: hidden;}

*, *:before, *:after {
-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
box-sizing: border-box; /* Opera/IE 8+ */
}

.You-Tube-Tutorial{min-height: 280px;}

.Fehler-Input{color:#a94442;background-color:#f2dede;font-size:1.3em;}
.Fehler-OK{color:black;background-color:#ffffff;font-size:1.3em; border-radius: 5px;padding-left: 5px;}

#logobox {min-height:57px;min-width:150px;margin-top:0.65em;margin-left:0.65em;over-flow:auto;float: left;width: 45%;background-image:url(../bilder/Startseitenbilder/Logo3-Gluecksperle.jpg);background-repeat:no-repeat;}
#logobox0{display:none;min-height:57px;min-width:57px;margin-top:1em;margin-left:0.65em;over-flow:auto;float:left;background-image:url(../bilder/Startseitenbilder/Logo-Frosch-Gluecksperle.jpg);background-repeat:no-repeat;}

aside, footer {padding: 0.6em 20px;}
section {padding: 0 20px;}
.main {width: 100%;float: left;}
.main-nav{float: left;width: 80%;margin:0.5em;padding:0px;display:none;}

.mainContent {width: 100%;min-height:400px;}

footer {clear: left;padding:1em 0em 0em 0em;}

#navi{font-size:0.7em;margin-top:0.8em; margin-left:0.5em;}
#you-are-here{display:none;}

#Navi-Top{float:left;width:100%;background-color:#4e7501;}
#Menue{font-size:1em;float:left;margin-left:0em; margin-right:auto; cursor:pointer; background-color:#4e7501;padding:0.6em;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}
#Sprache{float:left; margin: auto}
#Einzelartikel{display: none;}
#luppe_{display: none;}

.bomenue{font-size:0.8em;color:#ffffff;text-decoration:none;height:100%;padding:0.6em;}
.bomenue2{font-size:1em;color:#ffffff;text-decoration:none;height:100%;padding:0.6em;}

.Ebene0{width:100%;padding:10px 0px 10px 10px;border-width:1px;border-style:solid;border-color:#f2e9e1;background-color:#4e7501;}
.Ebene0X{width:100%;padding:10px 0px 10px 10px;border-width:1px;border-style:solid;border-color:#f2e9e1;background-color:#8aac03;}
.Ebene1{width:100%;padding:10px 0px 10px 25px;border-width:1px;border-style:solid;border-color:#f2e9e1;background-color:#629302;}
.Ebene2{width:100%;padding:10px 0px 10px 40px;border-width:1px;border-style:solid;border-color:#f2e9e1;background-color:#78b403;}
.Ebene3{width:100%;padding:10px 0px 10px 55px;border-width:1px;border-style:solid;border-color:#f2e9e1;background-color:#375201;}

#shoppingcart{display:none;}

#Perlen{display:none;float:left;margin-left:0em; margin-right:auto; cursor:pointer; background-color:#4e7501;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}
#Perlen2{display:none;float:left;margin-left:0em; margin-right:auto; cursor:pointer; background-color:#6ca104;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}

#Zubehoer{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#4e7501;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}
#Zubehoer2{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#6ca104;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}

#Schmuck{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#4e7501;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}
#Schmuck2{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#6ca104;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}

#NeuigkeitenX{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#4e7501;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}
#NeuigkeitenX2{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#6ca104;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}

#Forum{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#4e7501;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}
#Forum2{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#6ca104;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}

#Service{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#4e7501;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}
#Service2{display:none;float:left;; margin-right:auto; cursor:pointer; background-color:#6ca104;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}

#Perlenladen{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#4e7501;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}
#Perlenladen2{display:none;float:left; margin-right:auto; cursor:pointer; background-color:#6ca104;border-width:0em 0.0625em 0em 0em;border-color:white;border-style:solid;}

.service-link{position:relative;cursor:pointer; background-color:#4e7501; border-width:0.0625em;border-color:white;border-style:solid;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
#Services{font-size:0.8em;}

#top{width:100%;float:left;margin:0.5em auto 0.5em auto; border-radius:6px; display: flex; min-height:60px; vertical-align:middle}
#top-1{margin:auto; width:20%; text-align:right; padding-right:5%}
#suchformular{width:80%; display:flex; margin:auto 0; padding-left:2%}

#top3-2{float:left; vertical-align:middle; display:flex; margin-left:2%}
#top-1-2{margin:auto; width:20%; text-align:right; padding-right:5%}

#top2{float:left;width:100%;border-width:1px 1px 0px 1px;border-style:solid;border-color:#669933; border-radius:8px 8px 0px 0px; background-color:#ffffff;}

#WKX{float:right;cursor:pointer;margin:0.4em;}
.Artikelinfo{display:none;}
#links{width:100%;margin-top:2em;}
#rechts{width:100%;margin-top:2em;float:left;}

#Teaser1{width:0%;float:left;}
#Teaser2{max-width:250px;text-align:center;margin: 0px auto;}
#Teaser3{width:0%;float:left;}
#Teaser4{max-width:250px;text-align:center;margin:25px auto 10px auto;}
#Teaser5{width:0%;float:left;}

#Willkommen{padding-top:1em;}
#Willkommen2{margin-left:10%;margin-right:10%;text-align:center;float:clear;}

#Marken-neu{width:80%;margin-right:auto;margin-left:auto;}

#unten{max-width:1000px; margin: 10px auto 0px auto; min-height:60px; display: flex}

.faq_tabelle {width:95%;border-color:#006361;border-width:1px;border-style:solid;margin-bottom:25px;margin-left:auto;margin-right:auto;overflow-x:auto;}
.faq_celle{color:#006361;padding:0.6em;font-weight:bold;}

#ueberschrift{width:90%;}
#Text{width:90%;}
#BNachname_Seitenkopf{display:none;}

.Perlengeschaeft{width: 100%; padding: 3% 5% 5% 5%}
.Perlengeschaeft-2{border-radius: 8px; background-color:#ffffff; border-style:solid; border-color:#5939a9; border-width: 1px}
.Perlengeschaeft-Ueberschrift{font-size: 0.8em; padding: 10px 25px 10px 25px; background-color:#5939a9; border-radius: 8px 8px 0px 0px; width:100%; font-weight: bold; color:#ffffff; text-align:center}
.Perlengeschaeft-Inhalt{width: 100%; padding: 5%; text-align: center}

input{border-radius: 5px;padding-left: 5px;}
input:focus{box-shadow: 0 0 2px 2px #9ab4fe;}

.neuer_Button{background-color: #fefffc; padding:0.8em; border-style: solid; border-width:1px; border-radius: 5px; border-color: #328b02; display:inline-block;}

.Formular_Zelle_links{display: none; text-align: right;padding-bottom:10px;}
.Formular_Zelle_rechts{text-align: left; padding-left:15px;padding-bottom:10px;}
.Formular_input{font-size:1.3em;}

.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.back-to-top{position:fixed;display: none;bottom:20px;right:20px;padding: 0px;}


@media only screen and (min-width: 22em) { /* ab  px */
#Einzelartikel{display: flex}
#luppe_{display: flex}

}


@media only screen and (min-width: 38.75em) { /* ab 620 px */

#logobox0{display:inline;}
#logobox{margin-top:1.2em;}
#WKX{margin-right:2em;}
#Perlenkorb{margin-top:0.35em;margin-bottom:0.4em;}

#navi{font-size:0.8em;}
#you-are-here{display:inline;}

#Menue{display:none;}
#shoppingcart{display:block;}

#Perlen{display:inline}
#Perlen2{display:inline}

#Zubehoer{display:inline}
#Zubehoer2{display:inline}

#Schmuck{display:inline}
#Schmuck2{display:inline}

#NeuigkeitenX{display:inline}
#NeuigkeitenX2{display:inline}

#Forum{display:inline}
#Forum2{display:inline}

#Perlenladen{display:inline}
#Perlenladen2{display:inline}

#Service{display:inline}
#Service2{display:inline}

#Teaser1{width:15%;float:left; }
#Teaser2{width:30%;max-width:30%;float:left;text-align:center;margin: 0px auto;}
#Teaser3{width:10%;float:left; }
#Teaser4{width:30%;max-width:30%;float:left;text-align:center;margin: 0px auto;}
#Teaser5{width:15%;float:left; }

.faq_tabelle {width:80%;}
#ueberschrift{width:80%;}
#Text{width:80%;}
#BNachname_Seitenkopf{display: inline;text-align:right;}

.Formular_Zelle_links{display: table-cell; text-align: right;}
.Beschriftung_Zelle{display:none;}
.Perlengeschaeft-Ueberschrift{font-size: 0.9em}
}





@media only screen and (min-width: 43.75em) { /* ab 700 px */

#navi{font-size:0.9em;}

#Services{font-size:0.855em;}
.Artikelinfo{display:inline;}
.Perlengeschaeft-Ueberschrift{font-size: 1em}
.Perlengeschaeft-Inhalt{display: grid}
.You-Tube-Tutorial{min-height: 350px;}

}

@media only screen and (min-width: 50.875em) { /* ab 814 px */


.bomenue{font-size:1em;}
#Services{font-size:1em;}
#Perlen{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
#Perlen2{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}

#Zubehoer{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
#Zubehoer2{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}

#Schmuck{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
#Schmuck2{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}

#NeuigkeitenX{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
#NeuigkeitenX2{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}

#Forum{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
#Forum2{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}

#Perlenladen{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
#Perlenladen2{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}

#Service{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
#Service2{visibility:visible;padding:0.46875em 0.9375em 0.46875em 0.9375em;}
.Perlengeschaeft-Ueberschrift{font-size: 1.1em}
.Perlengeschaeft-Inhalt{display: flex}

}

@media only screen and (min-width: 59.5em) { /* ab 952 px */
#logobox0{display:none;}
#logobox {min-height:99px;min-width:577px;margin-top:0em;background-image:url(../bilder/Startseitenbilder/Logo-bead-happy.jpg);background-repeat:no-repeat;}
#Willkommen2{margin-left:5%;margin-right:5%;}
#Perlenladen-links{width:50%;}
#Perlenladen-rechts{width:50%;padding:2em;}
#Perlenladen-Graz{width:50%;}
#Perlenladen-Linz{width:50%;}

#links{width:50%; float:left;}
#rechts{width:50%; float:right;}

#Marken-neu{width:100%;}

#Teaser1{width:5%;float:left; }
#Teaser2{width:40%;max-width:40%;float:left;text-align:center;}
#Teaser3{width:10%;float:left;}
#Teaser4{width:40%;max-width:40%;float:left;text-align:center;}
#Teaser5{width:5%;float:left;}
.Perlengeschaeft-Ueberschrift{font-size: 1.3em}
}





@media only screen and (min-width: 64em) { /* 1024 px */

footer {
padding-top:0px;
max-width: 1000px;
border-width:0px 1px 1px 0px;
}

body{padding: 0px 0px 30px 0px;}


.main {border-width:0px 1px 0px 1px}
.Perlengeschaeft-Ueberschrift{font-size: 1.4em}
#unten{background: rgba(255, 255, 255, .8)}
#top{background: rgba(255, 255, 255, .8)}
.You-Tube-Tutorial{min-height: 400px;}
}

}