body {background:#AFDAEE;background-image:url('../img/bg_2100.jpg');background-size: auto 100%;background-repeat:no-repeat;background-attachment:fixed;background-position:center}
audio{background: #f00;width: 100%}
.label,.label-lang {
cursor: pointer;font-family: Eraser,Arial,sans-serif;color: #B22714;font-size: 1.8rem;font-weight: normal;line-height: 1rem;
background: transparent url("https://www.bauerhubert.de/fileadmin/bauer-hubert/spiele/picInterface/button1.png") no-repeat scroll 0px 0px / 100% 100%;
padding: 1.5rem 1rem 2rem;border: medium none;height: 4rem;clear: both;float: none;text-align: center;margin: 0px auto} 
.label-lang {padding: 1.5rem 2rem 2rem;}
.label:hover, .label:focus {background-color: transparent;color: #B22714}
.transparent{background:transparent}
.superstar,.platzHalter {position: relative;-moz-appearance: none;color: #fff;float: left;display: inline;
font-family: "Eraser", Helvetica, Arial, sans-serif !important;font-weight: normal;text-align: center;
text-decoration-color: -moz-use-text-color;text-decoration-line: none;text-decoration-style: solid;
-webkit-background-size: 100% 100%;background-size: 100% 100% ;content: '';background-repeat: no-repeat}
.superstar{cursor: pointer;transition-delay: 0s;transition-duration: 100ms;transition-property: background-color;transition-timing-function: ease-out;}
.superstar:hover, .superstar:focus {
color: #EE065A;text-shadow: black 0.1em0.1em 0.2em;
text-shadow:#fff0.3em0.3em 0.3em
 , #fff -0.3em -0.3em 0.3em
 , #fff0.3em -0.3em 0.3em
 , #fff -0.3em0.3em 0.3em
 , #eef40b0.1em0.1em 0.2em
 , #eef40b -0.1em -0.1em 0.2em
 , #eef40b0.1em -0.1em 0.2em
 , #eef40b -0.1em0.1em 0.2em
}
.rowHalter {position: relative;display: inline-block}
.platzHalter {cursor: default}
.blizer {position: relative;color: transparent;cursor: default;float: left;display: inline;background-position: 50% 50% ;background-repeat: no-repeat}
.blizer-1 {background-image: url('../img/superstar_1sec.gif');width :2.2rem;height:2.2rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-2 {background-image: url('../img/superstar_2sec.gif');width :2.1666rem;height:2.1666rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-3 {background-image: url('../img/superstar_02sec.gif');width :2.3332rem;height:2.3332rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-4 {background-image: url('../img/superstar_4sec.gif');width :2.4998rem;height:2.4998rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-5 {background-image: url('../img/superstar_5sec.gif');width :3.6664rem;height:3.6664rem;background-size:80% 80%;background-repeat: no-repeat}
.blizer-6 {background-image: url('../img/superstar_7sec.gif');width :1.833rem;height:1.833rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-7 {background-image: url('../img/superstar_8sec.gif');width :2rem;height:2rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-8 {background-image: url('../img/superstar_9sec.gif');width :2.4998rem;height:2.4998rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-9 {background-image: url('../img/superstar_11sec.gif');width :1.6664rem;height:1.6664rem;background-size:80% 80%;background-repeat: no-repeat}
.blizer-10 {background-image: url('../img/superstar_017sec.gif');width :1.833rem;height:1.833rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-11 {background-image: url('../img/superstar_025sec.gif');width :2rem;height:2rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-12 {background-image: url('../img/superstar_035sec.gif');width :1.833rem;height:1.833rem;background-size: 80% 80%;background-repeat: no-repeat}
.blizer-13 {background-image: url('../img/superstar_045.gif');width :2rem;height:2rem;background-size: 80% 80%;background-repeat: no-repeat}
.panel.blitzQuiz.bienen {padding-bottom: 1.2rem;min-height: auto}
.zurueck,.impressum{position: fixed;cursor: pointer;max-width:60px;max-height:60px;width :auto;height:8%;bottom: 0.5rem;left: 0.5rem}
.impressum {left:5rem}
.w-mann {position: fixed;text-align: right;max-width: 35%;max-height: 40%;min-width:248px;min-height:222px;bottom: 2rem;right: 16.6%;border-radius: 6rem 11rem 6rem 4rem}
.w-mann-popup {position: relative;min-width:150px;min-height:150px}
.paul {position: fixed;text-align: left;max-width: 30%;max-height: 30%;min-width:320px;min-height:200px;bottom: 1rem;left: 16.6%;border-radius: 9rem 10rem 12rem 10rem} 
img.labyrinth-bild {width:100%;height:auto;}
@media only screen and (max-width: 64rem) {
.paul {left:.5rem;width:320px;height:200px;}
.w-mann {right: .5rem}
}
.maislab-game-feld{position: relative}
.maislab{position: absolute;text-align: right;left: 0%;top: 0%;width :100%;height:100%}
.logo {position: fixed;max-width: 25%;max-height: 20%;min-width:200px;min-height:40px;margin: 90% 40% 1%;bottom: 5rem}
.w-mann-small {position: fixed;text-align: right;width:150px;height:150px;bottom: 2rem;right: 0%}
.w-mann-popup-small {position: relative;width:180px;height:180px;float: right}
.paul-small {position: fixed;width:190px;height:110px;bottom: 2rem;left: -2%}
.logo-small {position: fixed;width:83px;height:41px;bottom: 0rem;margin: 90% 40% 1%}
.schnee {position: fixed;bottom: 0;width: 100%;height:17%;left: 0}
ul.awesome {list-style-type: none}
ul.awesome li:before {font-family: 'FontAwesome';content: '\f00c';margin:0 5px 0 -15px;color: #005643}
.text-1 {color: #005643;font-family: "Eraser",Helvetica,Arial,sans-serif !important;font-weight: normal;margin-top: 4.5rem;padding-left:1rem;font-size: 2.4em;line-height: 1;font-weight: bold}
.eraser,.intro {font-family: "Eraser",Helvetica,Arial,sans-serif !important;font-weight:normal;font-size:1.5rem}
.intro,.text-3 {color: #656565}
.text-2 {color: #B22714;font-family: "Lato",sans-serif !important;font-weight: normal;font-weight: normal;text-align: left}
.notiz {margin-bottom: 0px;margin-top: 1rem;color: #656565;font-family: "Lato",sans-serif !important;font-weight: normal;font-size: 1em;line-height: 1.1;font-weight: normal;text-align: left}
.rechenaufgabe{text-align: left}
.rechenantwort{font-family: Eraser,Arial,sans-serif;text-align: right;color: #B22714;font-size: 1.5rem}
.bewertung{display: inline}
.superstar-popup {color: #fff;font-family: "Eraser",Helvetica,Arial,sans-serif !important;font-weight: normal;
text-align: center;text-decoration-color: -moz-use-text-color;text-decoration-line: none;text-decoration-style: solid;-webkit-background-size: 100% 100%;background-size: 100% 100%;
content: '';background-repeat: no-repeat;position: absolute;cursor: default;padding:0.7em}
.ecke-medium-up {top: -1.2em;left: -1em}
.ecke-small-only {top: 0;left: 0}
.reveal-modal{background: #BFC7DF;background: linear-gradient(to top, #91E0F8 , #fff );text-decoration: none;top: 5px !important}
[class*="block-grid-"] img.preis {border:none}
.reveal-modal-bg {background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;position: fixed}
.reveal-modal-loesung-bg {background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;position: fixed}
.reveal-modal-close, a, .mediathek a figcaption.caption{text-decoration: none}
.farbe-0 {background-position: -40rem 0;background-image: url('../img/superstar/superstar01-01.svg');background-repeat: no-repeat} /*transparent*/
.farbe-1 {background-image: url('../img/superstar/superstar01-01.svg')}/* braun*/
.farbe-2 {background-image: url('../img/superstar/superstar02-01.svg')}/*rot*/
.farbe-3 {background-image: url('../img/superstar/superstar03-01.svg')}/*hellblau*/
.farbe-4 {background-image: url('../img/superstar/superstar04-01.svg')}/*gelb*/
.farbe-5 {background-image: url('../img/superstar/superstar05-01.svg')}/*lila*/
.farbe-6 {background-image: url('../img/superstar/superstar06-01.svg')} /*blau*/
.farbe-7 {background-image: url('../img/superstar/superstar07-01.svg')}/*gruen*/
.farbe-8 {background-image: url('../img/superstar/superstar08-01.svg')}/*hellgruen*/
.farbe-9 {background-image: url('../img/superstar/superstar09-01.svg')}/*orange*/
.farbe-10 {background-image: url('../img/superstar/superstar10-01.svg')}/*orange*/
.farbe-11 {background-image: url('../img/superstar/superstar11-01.svg')}/*orangi*/
.farbe-12 {background-image: url('../img/superstar/superstar12-01.svg')}/*orangi*/
.farbe-13 {background-image: url('../img/superstar/superstar13-01.svg')}/*orangi*/
.farbe-14 {background-image: url('../img/superstar/superstar14-01.svg')}/*orangi*/
.farbe-15 {background-image: url('../img/superstar/superstar15-01.svg')}/*orangi*/
.farbe-16 {background-image: url('../img/superstar/superstar16-01.svg')}/*orangi*/
.farbe-17 {background-image: url('../img/superstar/superstar17-01.svg')}/*orangi*/
.farbe-18 {background-image: url('../img/superstar/superstar18-01.svg')}/*orangi*/
.farbe-19 {background-image: url('../img/superstar/superstar19-01.svg')}/*orangi*/
.farbe-20 {background-image: url('../img/superstar/superstar20-01.svg')}/*orangi*/
.farbe-21 {background-image: url('../img/superstar/superstar21-01.svg')}/*orangi*/
.farbe-22 {background-image: url('../img/superstar/superstar22-01.svg')}/*orangi*/
.farbe-23 {background-image: url('../img/superstar/superstar23-01.svg')}/*orangi*/
.farbe-24 {background-image: url('../img/superstar/superstar24-01.svg')}/*orangi*/
.farbe-end {background-image: url('../img/superstar-02-24.gif')}/*orangi*/
.halter-small {border-radius: 5rem 3rem 0rem 0rem;display: inline-block;width: 100%;min-height: 11rem}
.halter-medium {border-radius: 22rem 10rem 0rem 0rem;display: inline border: 1px double blue;width: 100%;min-height: 23rem}
@media only screen and (max-width: 568px) {
.text-1 {font-size: 2em}
.reveal-modal {width:100%!important;display: block;min-width:300px;max-width: 568px;clear:both}
fieldset {display:block;}
.label {font-size:1.5rem}
}
@media only screen and (min-width: 40.0625rem/*641px*/) {
.reveal-modal {top: 50px !important}
.text-1 {margin-top: 0}
}
@media only screen and (min-width: 1023px) {
.halter-medium {min-height: 18rem}
}

.halter-large {border-radius: 18rem 5rem 0rem 0rem;width: 100%;min-height: 19rem}
.star-0-1,.star-0-2,.star-0-3,.star-1-1,.star-1-2 {line-height: 1.3;font-size: 1.5rem}
.star-0-1 {padding:0.5rem}
.star-0-2 {padding:0.7rem}
.star-0-3 {padding:0.9rem}
.star-1-1 {padding:0.5rem 1.1rem 0.2rem 1.1rem}
.star-1-2 {padding:0.9rem 1.1rem 0.5rem 1.1rem}
.star-2-1 {line-height: 1.4;font-size: 1.6rem;padding:1.1rem 1.5rem 0.6rem 1.5rem}
.star-2-2 {line-height: 1.4;font-size: 1.6rem;padding:1.1rem 1.5rem 0.6rem 1.5rem}
.star-3-1 {line-height: 1.5;font-size: 1.8rem;padding:1rem 1.7rem 0.7rem 1.7rem}
.star-3-2 {line-height: 1.5;font-size: 1.8rem;padding:1.2rem 1.7rem 0.5rem 1.7rem}
.star-4-1 {line-height: 1.5;font-size: 2.0rem;padding:1.5rem 2rem 0.6rem 2rem}
.star-4-2 {line-height: 1.5;font-size: 2.0rem;padding:1.5rem 2.1rem 0.6rem 2.1rem}
.star-5-1,.star-5-2 {line-height: 1.6;font-size: 2.4rem;padding:1.7rem 2.5rem 1.4rem 2.5rem}
.rotieren-1 {-webkit-transform: rotate(348deg);-moz-transform:rotate(348deg);-ms-transform: rotate(348deg);-o-transform:rotate(348deg);transform: rotate(348deg)}
.rotieren-1 {-webkit-transform: rotate(352deg);-moz-transform:rotate(352deg);-ms-transform: rotate(352deg);-o-transform:rotate(352deg);transform: rotate(352deg)}
.rotieren-3 {-webkit-transform: rotate(356deg);-moz-transform:rotate(356deg);-ms-transform: rotate(356deg);-o-transform:rotate(356deg);transform: rotate(356deg)}
.rotieren-4 {-webkit-transform: rotate(0deg);-moz-transform:rotate(0deg);-ms-transform: rotate(0deg);-o-transform:rotate(0deg);transform: rotate(0deg)}
.rotieren-5 {-webkit-transform: rotate(4deg);-moz-transform:rotate(4deg);-ms-transform: rotate(4deg);-o-transform:rotate(4deg);transform: rotate(4deg)}
.rotieren-6 {-webkit-transform: rotate(8deg);-moz-transform:rotate(8deg);-ms-transform: rotate(8deg);-o-transform:rotate(8deg);transform: rotate(8deg)}
.rotieren-7 {-webkit-transform: rotate(12deg);-moz-transform:rotate(12deg);-ms-transform: rotate(12deg);-o-transform:rotate(12deg);transform: rotate(12deg)}
.blank{width: 100%;height:auto;z-index: 1000}
.puzzle-game-feld{position: relative;width: 100%;height:auto}
.puzzle img {max-width:12.5%;height:auto}
.puzzle_6{display: block}
.puzzle_8{display: none}
@media only screen and (min-width: 1025px) {
.puzzle_6{display: none;}
.puzzle_8{display: block;}
}
.finde-doppelt{height:auto;width: 100%}
.finde-doppelt .photo{height: 170px;width: 210px;background-size: 100% 100%;background-repeat: no-repeat;margin: 0.4rem;border: 3px solid #fff;cursor: pointer}
.finde-doppelt .photo1-6{background-image: url('../img/findedoppelt/Variante_11.jpg')}
.finde-doppelt .photo2-6{background-image: url('../img/findedoppelt/Variante_21.jpg')}
.finde-doppelt .photo3-6{background-image: url('../img/findedoppelt/Variante_31.jpg')}
.finde-doppelt .photo4-6{background-image: url('../img/findedoppelt/Variante_41.jpg')}
.finde-doppelt .photo5-6{background-image: url('../img/findedoppelt/Variante_51.jpg')}
.finde-doppelt .photo6-6{background-image: url('../img/findedoppelt/Variante_11.jpg')}
.prima{opacity: 0;display: none}
.schade{display: none}
label.antwort{display: inline-block;width:4.5rem;height: 2rem;text-align: left;padding: 0.4rem 0 0 0.5rem;color: #fff;background-color: rgb(125, 185, 89); 
background-image: url('../img/14_haken_.png');background-repeat: no-repeat;background-position: right center;background-size: 2rem 2rem;margin: 0 0 1rem 0}
input.antwort{display:inline;width:4.5rem;height: 2rem;padding-top: 0rem;text-align: left;border: 0px solid #fff;padding-bottom: 0rem}
.modal-loesung{display:none;color:#fff;text-align:center;font-family: "Eraser",Helvetica,Arial,sans-serif;font-weight: 800}
.close-modal-loesung{padding: 1rem;font-family: 'Lato', sans-serif;position: absolute;top: 0%;right: 0%;color: #fff;cursor: pointer;font-size: 2.5rem;font-weight: bold;line-height: 1}
.loesungsbuchstabe,.modal-loesung {text-align:center;padding:.9375rem 0;}
p.letter {text-align:center;font-size:4.5rem;padding:2.1875rem;font-family:Eraser,sans-serif;background-color: #fff}
span.letter {display:block;background-color:#fff;padding:1rem 2rem;font-size:4.5rem;margin:1rem auto 0 auto;width:7rem}
@media only screen and (min-width: 64rem) {
.detail {width:100%;clear:both;padding:.5rem;}
.feld {width:20%;float:left;padding-right:.5rem;}
.wert {width:80%;float:left}
.detail label {font-family: 'Lato', sans-serif;font-size: 1.125rem;font-weight: 400;line-height: 1.4;text-align:left;max-width:80%;}
.feld label {text-align:right}
.detail input[type="radio"]{vertical-align:top;margin-top:.5rem;}
.detail input[type="text"] {display:inline-block;width:45%;}
.detail input[type="text"].gewinnspiel {width: 30%;}
.detail input[type="text"].plz {width: 5rem;}
}
/*dragunddrop.css*/
.sortable-ghost {opacity: 0;visibility: hidden}
.btn-check{cursor: pointer;border: 1px solid #ddd;text-align: center;background-color: #ddd}
#ordne-elemente,#ordne-elemente-2 {width: 90%;margin: auto;max-width: 1300px;position: relative}
.title {color: #fff;display: inline-block;position: relative;background-color: #FF7373;z-index: 1000}
.ziel{padding-left: 0;padding-right: 0}
.block__list-title {text-align: center}
.block__list {background-image: url("../../files/img/ordneelemente/Kugel_1_Schein.svg");background-size: 100% auto;background-repeat: no-repeat;height: 13rem}
.kugel_text{position: absolute;color: #fff;text-align: center;width: 100%;bottom: 60%}
.schleife_box{position: relative}
.schleife_text{position: absolute;font-size: 1rem;top: 20%;color: #fff;text-align: center;width: 100%}
.richtig {-webkit-filter: drop-shadow(5px 5px 5px #0f0);filter:drop-shadow(5px 5px 5px #0f0)}
.falsch {-webkit-filter: drop-shadow(5px 5px 5px #f00);filter: drop-shadow(5px 5px 5px #f00)}
.schleife-bild{-webkit-filter: drop-shadow(5px 5px 5px #222);filter: drop-shadow(5px 5px 5px #222)}
.schleife1{top:50%}
.schleife2,.schleife4{bottom:0}
.schleife3,.schleife5{top:0}
.block__list li,.block__list span,.block__list_1 li{cursor: move;color: #fff;float: left;min-width: 10px;text-align: center}
.block__list li {background-color: transparent;width: 100%}
.block__list span{background-color: #5F9EDF}
.block__list:after {clear: both;content: '';display: block}
.block__list li:first-child:first-letter {text-transform: uppercase}
.text_box{margin-top: 0.5rem}
.text_dragunddrop{display: inline-table;min-width: 2rem}
.block__list_1 {padding: 0;border: 1px solid #ddd}
.block__list_1 li {background-color: transparent;color: #93428D}
.block__list_1 span{background-color: transparent;padding: 5px 10px}
.mais-bild{width: 100%;height: auto}
#ziel3>li.ziel3,#ziel4>li.ziel4,#ziel5>li.ziel5,#ziel6>li.ziel6,#ziel7>li.ziel7,#ziel8>li.ziel8{color:#0f0}
#ziel3>li:not(.ziel3),#ziel4>li:not(.ziel4),#ziel5>li:not(.ziel5),#ziel6>li:not(.ziel6),#ziel7>li:not(.ziel7),#ziel8>li:not(.ziel8){color:#f00}
/*retzel.css*/
.augenauf{margin-bottom: 1rem;margin-top: 1rem}
.augenauf-zeichen{position: absolute;color: #fff;left: 5%;bottom: 0;background-color: #ccc;border: 4px solid #fff;border-radius: 50%;width: 22%;height: 22%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 200%}
.loesung-bild{position: absolute;color: #fff;right: 5%;bottom: 0;width: 22%;height: 22%}
.augenauf-bild{width: 100%;height: auto;cursor: pointer;border-radius: 15%;border: 0px solid #fff}
#labyrinth, .folio-img-augenauf {position: relative}
.bildoverlay-augenauf-ja,.bildoverlay-augenauf, .bildoverlay-labyrinth {z-index:2;position: absolute;top: 0;left: 0;right: 0;bottom:0;visibility: hidden;background: rgba(170,0,0,.7)}
.bildoverlay-augenauf-ja {background: rgba(0,170,0,.7)}

.overlay-ja-augenauf, .overlay-nein-augenauf, .overlay-nein-labyrinth{margin-top: 50%;display: none;z-index:3;display: none;color: #fff;text-align: center;font-size: 2rem}
#labyrinth{position: relative}
#labyrinth .columns{padding-left: 0;padding-right: 0}
.janein{position: absolute;cursor: pointer;left: 0;width: 100%;height: auto;opacity: 0}
.linke-eingang {padding-top: 33%}
.rechte-eingang {padding-top: 45%}
/*jqueryDrUndDr.css*/
.text-drag:not(.ui-draggable-disabled){cursor: move}
.text-drag{cursor: default;margin: 0.2rem;display: inline-block}
#wordslots{line-height: 3rem;padding-top: 1rem}
#wordslots>img{height: 2rem;min-height: 2rem}
#wordPile{margin-top: 2rem}
#wordPile>div{display: inline-block;cursor: move}
#wordPile > .img-box > img{margin: 1rem}
.wideBox {clear: both;text-align: center;margin: 70px;padding: 10px;background: #ebedf2;border: 1px solid #333}
.wideBox h1 {font-weight: bold;margin: 20px;color: #666;font-size: 1.5em}
#cardPile {margin: 0 auto}
#cardSlots, #cardPile {padding: 5px;border: 0px solid #333}
/*#cardSlots div {float: none;display: inline-block;padding: 10px;padding-bottom: 0;-webkit-border-radius: 10px;margin:0px}
#cardPile div {float: none;display: inline-block;width: auto;height: 5rem;padding: 10px;padding-bottom: 0;margin:0px}*/
#weihnachtsbaumkugeln > .row > div{float: none;display: inline-block;padding-bottom: 0}
#cardSlots div:first-child, #cardPile div:first-child {margin-left: 0}
#cardSlots div.hovered {background: #aaa}
#cardPile .ui-draggable-dragging img{-webkit-filter: drop-shadow( -5px -5px 5px #000 );filter: drop-shadow( -5px -5px 5px #000 );z-index: 99}
#cardPile div.ui-draggable {cursor: move}
#wordPile.leerePile{display: none}
@media only screen and (max-width: 568px) {
#cardSlots [class*="block-grid-"] > li, #cardSlots [class*="block-grid-"] > div {padding-bottom:0;}
}
/*.number-box{text-align: center;padding: 0 1rem}*/
/*.number-box >*/ .drag-schleife{width: auto;height: 4.5rem}
.correct_schleife{visibility: hidden}
#cardSlots>div>img {width: auto;height: 10rem}
/*puzzle.css*/
.pure-button { margin: 5px 16rem; text-decoration: none !important; }
.button-lg { margin: 5px 0; padding: .65em 1.6em; font-size: 105%; }
#puzzle-containment {display:block;}
.snappuzzle-wrap { position: relative; display: block; width:600px;}
.snappuzzle-pile { position: relative; }
.snappuzzle-piece { cursor: move; }
.snappuzzle-slot { position: absolute; background: #fff; opacity: .8; }
.snappuzzle-slot-hover { background: #eee; }
@media screen and (max-width:30em){.pure-button { margin: 5px 0;}}
@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:100%;*width:99.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:90%;*width:69.969%;padding:0 0.5rem;}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}}.pieces {width:100%;}
.pieces {width:100%;}
/*inline*/
.blizer{border-radius: 18px}



@media only screen and (min-width: 20em) { /*320*/
  .song {width: 100%;/*height: 310px;*/position: relative;padding:0;background:#fff;}
  .song form{/*position: absolute;top: 9.3rem;*/width: 100%;background-color:#fff;padding: .5em 0}
  .songbutton {border: 2px solid #f5f5f5;overflow: hidden;box-shadow: 0 0 3px gray;cursor: pointer;}
  .songbutton.play {margin-right:4em;padding:0.5rem 1.2rem;}
  .songbutton.pause {padding:0.5rem 1.2rem;}

}

@media only screen and (min-width: 30em) { /*480*/
/*  .song form{position: absolute;top: 7.6rem;width: 100%;}*/
  .songbutton {border: 2px solid #f5f5f5;overflow: hidden;box-shadow: 0 0 3px gray;cursor: pointer;}
  .songbutton.play {margin-right: 2rem;padding:0.2rem 1rem;}
  .songbutton.pause {padding:0.2rem 1rem;}
}

@media only screen and (min-width: 37.5625em) { /*601*/
/*  .song form{top: 9.5rem}*/
}

@media only screen and (min-width: 40.0em) { /*640*/
  .song {margin-bottom:-1.5rem}
/*  .song form{position: absolute;top: 9.0rem;width: 100%;}*/
  .songbutton {/*margin-right:3rem;*/border-radius: 30%;border: 2px solid #f5f5f5;overflow: hidden;box-shadow: 0 0 3px gray;cursor: pointer;}

}

@media only screen and (min-width: 50.0625em) { /*801*/
  .song {margin-bottom:0em}
  /*.song form{position: absolute;top: 2.9rem;width: 100%;}*/
  .songbutton.play {/*margin-right:4rem;*/padding:0.4rem 1.2rem;background-size: contain;}
  .songbutton.pause {padding:0.4rem 1.2rem;background-size: contain;}
}

/*Nexus only*/
@media screen and (width: 960px) and (device-height: 552px) {
  .song {margin-bottom:0em}
.song form{top: 14.2rem;width: 380px;left:2.5rem}
}
@media screen and (device-height: 912px) {
.song form{top: 9.4rem;}
}
/*Nexus only: Ende*/
@media only screen and (min-width: 60.125em) { /*962*/
  .song form{position: absolute;top: 6.3rem;width: 85%;text-align:center;margin:0 /*7.5% 0 7.5%*/}
}

@media only screen and (min-width: 62.5em) { /*1000*/
  .song form{position: absolute;top: 5.2rem;width: 100%;}
}
@media only screen and (min-width: 64.0625em) { /*1000*/
  .song form{position: absolute;top: 6.0rem;width: 100%;}
}

@media only screen and (min-width: 73.75em) { /*1000*/
  .song form{position: absolute;top: 6.7rem;width: 100%;}
}
@media only screen and (min-width: 80em) { /*1000*/
  .song form{position: absolute;top: 7.5rem;width: 100%;}
}
@media only screen and (min-width: 83.125em) { /*1000*/
  .song form{position: absolute;top: 9.5rem;width: 100%;}
}
.songbutton.play {background: #f5f5f5 url("https://www.bauerhubert.de/fileadmin/bauer-hubert/css/fonts/svgs/fi-play.png") center no-repeat;}
.songbutton.pause {background: #f5f5f5 url("https://www.bauerhubert.de/fileadmin/bauer-hubert/css/fonts/svgs/fi-pause.png") center no-repeat;}
.songbutton.play.aktiv {background: #b22714 url("https://www.bauerhubert.de/fileadmin/bauer-hubert/css/fonts/svgs/fi-play_aktiv.png") center no-repeat;}
.songbutton.pause.aktiv {background: #b22714 url("https://www.bauerhubert.de/fileadmin/bauer-hubert/css/fonts/svgs/fi-pause_aktiv.png") center no-repeat;}