.row .row.aussaat-pflanzung,.row .row.pflege-ernte,.row .row.blitz-quiz {margin: 0;}
.hinweis {color: gray}
.block {overflow: visible;}
body {color: #005643;}
p {font-family: 'Lato', sans-serif;font-size: 1.125rem;font-weight: 400;line-height: 1.4;}
#startseite-text.row {margin-left:0;margin-right:0;}
.custom {padding-bottom: 2rem;}
#header.row{position: relative;padding: 0;max-width: 64rem;background-color: transparent;}
#header.row p{margin-bottom: 0;}
.bgkopf {margin-bottom: 1.25rem;}
h1,h2,.toast-success h3,.starttext h3,#exitMessageDiv h3{color: #005643;font-family: "Eraser",Helvetica,Arial,sans-serif;font-weight: 800;}
/*h1,h2{margin-left: 0.9375rem;margin-right: 0.9375rem;}*/
#spielen-page h1,#spielen-page h2{margin-left: 2.0rem;margin-right: 2.0rem;}
#ausmalbilder-text h1,#ausmalbilder-text h2, #ausmalbilder-text p{margin-left: 1.5rem;margin-right: 1.5rem;}
h3,h4{color: #005643;font-family: 'Lato',sans-serif;font-weight: 800;}
ul, ol, dl {font-family: 'Lato', sans-serif;font-size: 1.125rem;line-height: 1.6;list-style-position: outside;}
.news .button/*,.news .button:focus*/ {-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;display: block;font-family: 'Lato',sans-serif;font-size: 1.125rem;height: 4.5rem;margin: 0 0 0.4375rem;padding:0.8rem 5rem 0.6rem 0;vertical-align: middle;}
/*.news .button:hover {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}*/
.radius, .news .button.radius {border-radius: 12px;}
/*farbcodes*/
#wusstest-du-schon-page h2{color: #169eca;}


#basteltipps-page h2,#ostern-page h2{color: #433db5}


#memo-page h2{color: #94be29}
#puzzle-page h2{color: #e95c23}
#ausmalbilder-page h2{color: #e74e28}
#fehlersuche-page h2{color: #67af25}

#fuer-eltern-page h2 {color: #4098e2}
/* reset block-grid */
ul[class*="block-grid-"] {margin-left: 0;}
ul.preise {margin-left: -.625rem}
a.selected {color: #0098a1;}
.side-nav li.active {/*text-align: right;*/}
.side-nav li a.button:hover, .side-nav li.active .button,.inline-list li a.button:hover, .inline-list li.active .button{background: #a26f2b url(); color: #efcc8b;}
a,.mediathek a figcaption.caption{color: #81bb44;text-decoration: underline;}
header a,footer a, .footer-bottom a, .mediathek a {text-decoration: none;}
a:hover, a:focus {color: #005643;}
#scroll-top{position:fixed;z-index:9990;bottom:0;right:0;margin:0.9em;display:inline-block;/*padding:0.9em 0.9em;*/border-radius:3px;color:white;text-decoration:none;/*border:1px solid #579417;*/background:transparent;letter-spacing:1px;text-transform:uppercase;opacity: 1.0;}
.with_nav #main_nav {display: block;}
#main_nav:target {display: block;}
#main_nav {display: none;position: absolute;top: 0;right: 0;background: #fff;width: 100%;border-radius: 0 0 5px 5px;box-shadow: 0 0 8px 2px #81bb44;padding-top: 3rem;z-index: 2;}
#main_nav ul, .footer-bottom ul {list-style-type: none;list-style-position: inside;margin-left: 0;}
.access_aid {background: url("../img/layout/hamburger.png") center no-repeat;}
#access_nav {background: url("../img/layout/hamburger.png") center no-repeat;z-index: 3;background-size: cover;}
#access_top, .with_nav #access_nav {background: url("../img/layout/close.png") center no-repeat;background-size: cover;}
#main_nav li {margin: 0 0 0.2375rem 0;font-size: 1.5rem;}
#main_nav li a:not(.button) {display: block;  color: #81bb44;margin: 0;padding: 0.4375rem 0.875rem;}
#main_nav li a:not(.button):hover, #main_nav li a:not(.button):focus {background: #81bb44;color: #fff; }
#main_nav li.active,#main_nav li.forward.trail{color: #eff4db; font-weight: normal;background-color: #81bb44;display: block;padding: 0.4375rem 0.875rem;}
#main_nav li.trail{color: #eff4db; font-weight: normal;background-color: #81bb44;}
#main_nav li a.trail:not(.button){color: #eff4db;}
#sub_nav{position: absolute;bottom: 1rem;}
#sub_nav span.a {width:200px;height:50px;}
div.footer-bottom{background-color: #81bb44;}
.footer-bottom ul {line-height:1;}
.footer-bottom {padding-top: 1rem;padding-bottom: 5rem;}
footer,footer.row{max-width: 100%;}
footer .flinks {padding-bottom: 0.625rem;}
/*todo*/
header .row.flinks {position: absolute;bottom: -0.2rem;width: 100%;padding: 0 1rem;margin: 0;}
footer {background-color: #579417;padding: 0.625rem 0 0;}
.footer-bottom ul li a{color: #005643;}
.footer-bottom ul li a:hover,.footer-bottom ul li a:focus{color: #fff;}
#impressum-page .impressumtexte .columns{border-radius: 12px;}
#impressum-page .medium-5{background-color: #ca9c00;color: #ffffff;padding-top: 0.9375rem;}
#impressum-page .medium-5 a{color: #ffffff;}
/* block-grid li immer zentriert*/
/*[class*="block-grid-"] li{text-align: center !important;}*/
[class*="block-grid-"] img, .hoerspiel img{border: 0.625rem solid transparent;}
.wusstest-du-schon [class*="block-grid-"] img {border: 0 none;}
.panel-before {margin-bottom: 2rem;}
.panel{border: 1px solid #579417;border-radius: 12px;color: #005643;padding: 0 1.25rem;position: relative;background-color: #ffffff;margin-bottom: 2.0rem;}
.panel img.panel-icon,.panel img.bastel-icon-50{position: absolute;top: -0.5rem;left: -1.0rem;width:30%;}
.panel img.bastel-icon{position: absolute;left: -2.0rem;top: -0.5rem;width:30%;}
.panel img.disclaimer-icon{position: absolute;top: -0.5rem;left: -2.0rem;width:50%;}
.panel.disclaimer h5 {background: #f1be0e;padding: 0.9375rem 1.11111rem 0.9375rem 4.11111rem;margin-left: -1.25rem;margin-right:-1.25rem;margin-bottom: 1.5rem;text-transform: uppercase;text-align: right;}
.panel h5 {background: #579417;padding: 0.9375rem 1.11111rem;margin-left: -1.25rem;margin-right:-1.25rem;margin-bottom: 1.5rem;text-transform: uppercase;border-radius: 12px 12px 0 0;color: #ffffff;font-size: 1.0rem;font-family: "Kalam", sans-serif;text-align: center;}
.panel.blitzQuiz h5 {background: #ee4136;}
.panel.blitzQuiz h4 {color: #005643;margin-bottom: 1.25rem;line-height: 1.4375rem;font-size: 1.3125rem;}
#websites-und-mehr h5,#buecher-und-mehr h5 {background-color:#4098e2;}
#websites-und-mehr.panel,#buecher-und-mehr.panel{border: 1px solid #4098e2;margin: 2rem 0 3rem;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
#websites-und-mehr p,#buecher-und-mehr.panel p{text-align: left;}
.panel .medium-5 {font-weight: 800;}
.panel p:last-child {padding-bottom: 1.2rem;}
.accordion {margin-left: 0.5rem; margin-right: 0.5rem;}
.accordion dd {position: relative;}
.accordion dd .row{margin: 0;}
.accordion .accordion-navigation > a, .accordion dd > a {background: url(svgs/fi-plus.png) no-repeat 0 1rem transparent;display: block;padding: 1rem 0.5rem 1rem 3rem;text-decoration: none;font-family: "Kalam";font-size: 1.0rem;font-weight: 800;color: #005643}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {background: url(svgs/fi-plus.png) no-repeat 0 1rem #ffffff;}
.accordion .accordion-navigation > .content, .accordion dd > .content {padding: 0.625em 0;}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {background: url(svgs/fi-minus.png) no-repeat 0 1rem #ffffff;}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {background: none repeat scroll 0 0 #ffffff;padding: 0.625rem 0.625rem 0.625rem  1.8rem;}
#kopfbilder {margin: 0 -0.9375rem 2.0rem;}
.banner {position: relative;}
.banner img {margin-bottom: 1rem;}
.radius {-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;}
/*.radius:hover {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}*/
figure {margin: 0;}
.orbit-caption,.orbit-caption2 {background: none repeat scroll rgba(128,188,68,0.8);border-radius: 0 6px 6px 0;bottom: 1.5rem;color: #ffffff;font-family: "Kalam";font-size: 0.875rem;/*min-height: 1rem;*/padding: 0.3rem;position: absolute;text-transform: uppercase;width: auto;}
/* temporaer*/
#testseite-page .orbit-caption,.orbit-caption2 {background: none repeat scroll rgba(128,188,68,0.8);border-radius: 0 6px 6px 0;bottom: 1.5rem;color: #ffffff;font-family: "Kalam";font-size: 0.875rem;/*min-height: 1rem;*/padding: 0.3rem;position: absolute;text-transform: uppercase;width: auto;}
.top .orbit-caption {position: absolute;top: 2.0rem;height: 3.0rem;}
.orbit-caption2 {bottom: 5.5rem;}
.orbit-caption a,.orbit-caption2 a,.orbit-caption a:hover,.orbit-caption2 a:hover{color: #ffffff;}
.lexikon .orbit-caption {position: absolute;top: 1rem;height: 2rem;font-size: 1.25rem;}
.mediathek figcaption.caption {padding:0.5rem 0; font-size: 0.875rem;}
.mediathek figure {margin-bottom: 0.5rem;}
/*liste abstand unten*/.panel > *:last-child {    margin-bottom: 1.25rem;}
.footer-bottom ul li.no-transform {font-size:0.625rem;text-transform: none;}
#imagelightbox{position: fixed;z-index: 9999;-ms-touch-action: none;touch-action: none;}
#imagelightbox-overlay {background-color: rgba(239,244,219,0.9);bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 9998;}
#imagelightbox-close {border-radius: 50%;cursor: pointer;height: 3.75em;position: fixed;right: 0.5em;text-align: left;top: 0.5em;transition: color 0.3s ease 0s;width: 3.75em;z-index: 10002;}
#imagelightbox-close .fa-stack-2x{font-size: 4em;color: rgba(128,188,68,1);}
#imagelightbox-close .fa-stack-1x{font-size: 2.5em;line-height: 1.6;}
#imagelightbox-caption {background-color: rgba(128,188,68,1);bottom: 0;color: #fff;font-weight: bold;left: 0;padding: 0.625em;position: fixed;right: 0;text-align: center;z-index: 10001;}
.imagelightbox-arrow-left {left: 2.5em;}
.imagelightbox-arrow {background-color: rgba(128,188,68,1);display: none;height: 7.5em;margin-top: -3.75em;position: fixed;top: 50%;vertical-align: middle;width: 3.75em;z-index: 10001;}
.imagelightbox-arrow-right {right: 2.5em;}
.imagelightbox-arrow-left {left: 0.2em;}
.imagelightbox-arrow-right {right: 0.2em;}
.imagelightbox-arrow {background-color: transparent;color: #81bb44;cursor: pointer;display: none;height: auto;margin-top: 0;position: fixed;top: 45%;vertical-align: middle;width: auto;z-index: 10001;}
img.frag-groeni-link {width:20%;}
.has-tip::before {content: "\f059";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: inherit;font-size: 0.8rem;padding-right: 0.2rem;top: 10px;left: 0;}
.has-tip:hover,.has-tip:focus {color: #005643; border-bottom: 1px dotted #005643;}
.tooltip {color: #005643;background: #b0d46a;font-size: 1.125rem;font-family: 'Lato', sans-serif;}
.tooltip > .nub {border-color: transparent transparent #b0d46a transparent;}
p.error {background: none repeat scroll 0 0 #f04124;color: white;display: block;font-weight: normal;margin-bottom: 0.88889rem;margin-top: -1px;padding: 0.33333rem 0.5rem 0.5rem;}
.captcha_text.error{color:#005643;background: transparent;font-style: inherit;font-size: 1rem;margin: 0;padding: 0;}
figcaption.caption{padding-top: 0.5rem;}
.partnerlogo figure {padding-bottom:2rem;}
.blitzQuiz.panel{padding-bottom: 1.2rem;}
.blitzQuiz label {border-radius: 12px;}
.blitzQuiz label.unchecked {background-color: #80bc44;padding: 0.5rem;margin-bottom: 0.2rem;font-weight: 400}
.blitzQuiz label.checked {background-color: #5a832f;color: #ffffff;padding: 0.5rem;margin-bottom: 0.2rem;font-weight: 400}
.blitzQuiz label:hover {background-color: #5a832f;color: #ffffff}
.blitzQuiz input[type="checkbox"], #blitzQuiz input[type="radio"] {margin: 0 1rem 0 0;}
/*Move he original checkbox out of the way */
[type="radio"].fancy-check {position: absolute;left: -9999px;}
/*Align the icon and the label text to same height using tabl-cell display*/
/*If you change the font-size of the text, you may also want to do som padding or alignhment changes here*/
.fancy-check ~ label > span {display: table-cell;vertical-align: middle;padding-left: 5px;width: 100%;font-size: 1.25rem;}
/*The label will contain the icon and the text, will grab the focus*/
[type="radio"].fancy-check + label {cursor: pointer;display: table;width: 100%;margin-left: 0;margin-bottom: 0.2rem}
/*The icon container, set it to fixed size and font size, the padding is to align the border*/
/*If you change the font-size of this icon, be sure to adjust the min-width as well*/
[type="radio"].fancy-check + label:before {font-family: 'FontAwesome';display: inline-block;box-sizing: border-box;border: 1px solid transparent;font-size: 22px;min-width: 28px;padding: 2px 0 0 3px;}
/* toggle font awsome icon*/
[type="radio"].fancy-check:checked + label:before {content: "\f046";}
[type="radio"].fancy-check:not(:checked) + label:before {content: "\f096";}
/*Do something on focus, in this case show dashed border*/
[type="radio"].fancy-check:focus + label:before {border: 1px dashed #777;}
/*Do something on hover, in this case change the image color*/
[type="radio"].fancy-check:hover + label:before {color: #ffffff;}
.blitzQuiz .button {padding: 0.5rem 1.5rem;font-size: 1.45rem}
.blitzQuiz .button:focus {padding: 0.5rem 1.5rem;font-size: 1.45rem}
div#falsch {display:none;margin: 1rem 0;}
div#richtig {display:none;margin: 1rem 0;}
div#falsch p.nein{color:red;font-size: 0.85rem}
div#richtig p.ja{color:green;}
/* jssor #slider2_container */
/*#slider2_container {position: relative; width: 290px;height: 151px; overflow: hidden;padding-left:-15px;padding-right:0;margin-bottom: 1rem;}
#slider2_container .slides {cursor: move; position: absolute; left: 0; top: 0px; width: 290px; height: 151px; overflow: hidden;}*/
.jssort03 {left: 0; top: 20px;position: relative;width: 637px;height: 35px;padding-top: 2px;}
.slider-loading {position: absolute; top: 0; left: 0;}
.jssora02l, .jssora02r {display: block;position: absolute;width: 55px;height: 55px;cursor: pointer;background: url(../img/teaser/a11.png) no-repeat;overflow: hidden;z-index: 1;top:10px !important ;}
.jssora02l { background-position: -3px -33px; left:0 !important;}
.jssora02r { background-position: -63px -33px; right: 0 !important;}
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }
.jssort03balken {background-color: #ffffff;filter:alpha(opacity=50);opacity:.5;width: 100%;height:100%;}
.jssort03 .p {position: absolute;top: 0;left: 0;width: 173px;height: 39px;}
.jssort03 .t { /* nach vorne*/position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;z-index: 1;}
.jssort03 .w,.jssort03 .w img, .jssort03 .pav:hover .w {position: absolute;width: 173px;height: 39px;/*border: white 1px dashed;*/border-radius: 10px;cursor: help;}
.jssort03 .pdn .w, .jssort03 .pav .w {/*border-style: solid;*/border-style: none;border-radius: 10px;}
.jssort03 .c {position: absolute;top: 0;left: 0;width: 173px;height: 39px;background-color: #fff;filter: alpha(opacity=0);opacity: .0;transition: opacity .6s;-moz-transition: opacity .6s;-webkit-transition: opacity .6s;-o-transition: opacity .6s;border-radius: 10px;}
.jssort03 .p:hover .c, .jssort03 .pav .c { /*nach hinten und weiss */filter: alpha(opacity=1);opacity: 1;cursor: pointer; /*notwendig?*/}
.jssort03 .p:hover .c {transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none;}
* html .jssort03 .w {width /**/: 173px;height /**/: 39px;}

@media only screen and (min-width: 20em) { /*320*/
  .starttext{display: block;}
  h2 {font-size:1.75rem;line-height:1.2;}
  .top-bar .title-area li.name h2,.top-bar.expanded .title-area li.name h2 {font-size: 1.75rem;line-height:1.2;}
  #side-navi {margin-bottom: 1rem;}
  h3 {/*font-size:1.25rem;*/line-height:1.2}
  .row#header .arrow-back{position: absolute;top: 1.5rem;left:0.2rem;width:35px;}
  #index-page .row#header .arrow-back{display: none;}
  .row#header .home a {position: absolute;top: 0;left:2.4rem;width:200px;display:block;height:115px!important}
  footer .footer-top {padding-top: 17.0rem;}
  .footer-bottom nav.right {padding-top: 0.5rem;float: left !important}
  .footer-bottom ul li {display: inline-block;padding-left: 0.0rem;padding-right: 2rem;text-transform: uppercase;font-size: 0.625rem;}
  #main_nav {padding-top: 4.2rem;}
  .access_aid {display: block;position: absolute;top: 1.5rem;right: 0.2rem;width: 35px;height: 35px;overflow: hidden;}
  .small-block-grid-1 > li {width:100%;}
  .hoerspiel form{position: absolute;top: 11.8rem;width: 100%;background-color:#fff;padding: .5em 0}

  img.tip {width:50%;float:right}
  .hoerspiel .small-6 {width:100%}
  .hoerspiel .small-6 img{margin-bottom:1em}
  .hoerspiel .small-6 form{max-width:390px}
  a.footer-start, a.footer-tip {font-size:0.875rem;color:#fff;padding-bottom:.85rem;padding-top:.35rem}
  a.footer-start {float:left}
  a.footer-tip {float:right}
  a.footer-start:hover, a.footer-tip:hover {color:#fff;}
}

@media only screen and (min-width: 30em) { /*480*/
  .orbit-caption,.orbit-caption2 {bottom: 1.5rem;font-size: 1.125rem;padding: 0.3rem 0.5rem;position: absolute;width: auto;}
  /* temporaer*/
  #testseite-page .orbit-caption,.orbit-caption2 {bottom: 1.5rem;font-size: 1.125rem;padding: 0.3rem 0.5rem;position: absolute;width: auto;}
  .row#header .home a {position: absolute;top: 0;left:2.4rem;width:170px;display:block;height:90px!important}
  .footer-bottom ul li {display: inline-block;padding-left: 0rem;padding-right: 2rem;text-transform: uppercase;font-size: 0.9375rem;}
  .access_aid {display: block;position: absolute;top: 1rem;right: 0.2rem;width: 35px;height: 35px;overflow: hidden;}
/*  .small-block-grid-1 > li {width:50%;clear: none}
  .small-block-grid-1 > li:nth-of-type(1n),.small-block-grid-1 > li:nth-of-type(1n+1) {clear: none }*/
  .hoerspiel form{position: absolute;top: 8.9rem;width: 100%;}
  .medium-block-grid-3.wissen > li {width:100%;}
  .medium-block-grid-3.wissen > li:nth-of-type(1n) {clear: none;}
  .medium-block-grid-3.wissen > li:nth-of-type(0n+1) {clear: both;}
  .hoerspiel .small-6 {width:50%}
  a.footer-start, a.footer-tip {font-size:1.0rem;padding-bottom:.35rem;padding-top:.35rem;}
  .lexikon .orbit-caption {position: absolute;top: 2rem;height: 2rem;font-size: 1.625rem;}
  .panel img.panel-icon,.panel img.panel-icon-50{width:25%;}
  .panel.disclaimer h5 {padding: 0.9375rem 1.11111rem;text-align: center;}
  .panel.steckbrief .small-12 {width: 50%;}
  .accordion .accordion-navigation > a, .accordion dd > a {text-decoration: none;font-size: 1.125rem;}
}

@media only screen and (min-width: 37.5em) { /*600*/
  .starttext{display: none !important;}
  .bgkopf {margin-bottom: 2.5rem;}
  .access_aid {display: block;position: absolute;top: 1.5rem;right: 0.2rem;width: 60px;height: 60px;overflow: hidden;}
  .row#header .arrow-back{position: absolute;top: 1.5rem;left:0.2rem;width:60px;}
  #main_nav {padding-top: 6.0rem;}
  .starttext p {font-size: 1.375rem;}
  .orbit-caption,.orbit-caption2 {bottom: 2rem;font-size: 1.375rem;padding: 0.4rem 1.0rem 0.3rem;position: absolute;width: auto;}
  .partnerlogo figure {padding-bottom:1rem;}
 /* temporaer*/
  #testseite-page .orbit-caption,.orbit-caption2 {bottom: 2rem;font-size: 1.375rem;padding: 0.4rem 1.0rem 0.3rem;position: absolute;width: auto;}
  .panel.steckbrief .medium-5,.panel.steckbrief .medium-7 {width:50%;}
  .panel img.panel-icon,.panel img.bastel-icon-50{position: absolute;top: -1rem;left: 0;}
  .panel img.bastel-icon{position: absolute;top: -0.5rem;left: 1.0rem;width:25%;}
  .panel h5 {font-size: 1.25rem;}
  .panel img.disclaimer-icon{position: absolute;top: -0.5rem;left: -2.0rem;width:auto;}
  .accordion .accordion-navigation > a, .accordion dd > a {text-decoration: none;font-size: 1.25rem;}

}

@media only screen and (min-width: 40.0em) { /*640*/
  .main.row {padding-left: 0.8rem;padding-right: 0.8rem;padding-top: 1.2rem;}
  .panel.steckbrief .medium-5 {width: 41.6667%;}
  .panel.steckbrief .medium-7 {width: 58.3333%;}
  img.tip {width:69%}
  h2 {line-height:1.4}
  h3 {line-height:1.4}
  .row#header .home a {position: absolute;top: 0;left:2.5rem;width:100px;display:block;height:170px!important}
  .footer-bottom nav.right {float: right!important; }
  .footer-bottom ul li {display: inline-block;padding-left: 0.8rem;padding-right: 0;text-transform: uppercase;font-size: 0.9375rem;}
  .hoerspiel form{position: absolute;top: 12.5rem;width: 100%;}
  .medium-block-grid-3 > li {width:50%;}
  .medium-block-grid-3 > li:nth-of-type(1n) {clear: none;}
  .medium-block-grid-3 > li:nth-of-type(2n+1) {clear: both;}
  .medium-block-grid-3.wissen > li {width:33.3333%;}
  .medium-block-grid-3.wissen > li:nth-of-type(1n) {clear: none;}
  .medium-block-grid-3.wissen > li:nth-of-type(3n+1) {clear: both;}
  a.footer-start, a.footer-tip {font-size:1.125rem;padding-bottom:.35rem;padding-top:.35rem}
  .side-nav {padding: 0 0 0.875rem 1rem;}
  .medium-9 .medium-6 {width: 100%;}
  .panel img.panel-icon,.panel img.bastel-icon-50{position: absolute;top: -0.5rem;left: 0;}
  .panel img.disclaimer-icon{position: absolute;top: -0.5rem;left: -2.0rem;width:auto;}
  .panel.steckbrief h5, .panel.wusstest h5, .panel.monat h5 {font-size: 1.375rem;}

}

@media only screen and (min-width: 48em) { /*768*/
  header .row.flinks {position: absolute;bottom: 0.1rem;}
  .row#header .home a {position: absolute;top: 0;left:2.7rem;width:250px;display:block;height:8rem!important}
  #main_nav {width: 50%;}
  .starttext p {font-size: 1.5rem;margin: 0 0.5rem 1rem;}
  .orbit-caption,.orbit-caption2 {font-size: 1.625rem;position: absolute;width: auto;}
  /* temporaer*/
  #testseite-page .orbit-caption,.orbit-caption2 {font-size: 1.625rem;position: absolute;width: auto;}
  .banner.medium-8,.news.medium-4{width: 100%;}

  h3 {/*font-size: 2.0rem;*/line-height:1.4}
  .footer-bottom nav {/*padding-top: 3.3rem;*/}
  .footer-bottom ul li {display: inline-block;padding-left: 1.0rem;text-transform: uppercase;font-size: 0.875rem;}
  .hoerspiel form{position: absolute;top: 15.9rem;}
  .hoerspiel .medium-4, .hoerspiel .medium-8 {width:50%}
  #impressum-page .medium-7,#impressum-page .medium-5{width: 100%;}
  img.tip {max-width:250px}
  a.footer-start, a.footer-tip {font-size:1.125rem;padding-bottom:.35rem;padding-top:.35rem;}
  .panel img.panel-icon  {position: absolute;top: -1.0rem;left: 0;}
  .panel img.bastel-icon {position: absolute;top: -1.0rem;left: -2.0rem;width:35%;}
  .panel img.panel-icon.website-icon,.panel img.panel-icon.buch-icon,.panel img.panel-icon.quiz-icon{position: absolute;top: -0.5rem;left: 0;width:14%;}
  .panel img.disclaimer-icon{position: absolute;top: -0.5rem;left: -2.0rem;width:50%;}
  .panel.disclaimer h5 {padding: 0.9375rem 1.11111rem 0.9375rem 3.11111rem;margin-left: -1.25rem;margin-right:-1.25rem;margin-bottom: 1.5rem;text-transform: uppercase;text-align: right;}
  .accordion .accordion-navigation > a, .accordion dd > a {text-decoration: none;font-size: 1.5rem;}
  #scroll-top{float:right;/*position:static;*/margin:1.0rem;}
/*  #slider2_container {width: 738px;height: 385px; }
  #slider2_container .slides {width: 738px; height: 385px;}
  .jssort03 {width: 738px;}*/
}

@media only screen and (min-width: 48em) and (orientation: portrait) { /*768*/
  ul.medium-block-grid-3{min-height:25em;}
}

@media only screen and (min-width: 49em) and (orientation: portrait) { /*784*/
  ul.medium-block-grid-3{min-height:43em;}
}

@media only screen and (min-width: 56.25em) { /*900*/
   /* temporaer*/
  /*#testseite-page .orbit-caption,.orbit-caption2 {border-radius: 0 12px 12px 0;bottom: 2rem;font-size: 1.375rem;position: absolute;width: auto;}*/
  .banner.medium-8 {width: 66.66667%;}
  .news.medium-4{width: 33.33333%;}
  .news .button,.news .button:focus {display: table-cell;height:6.3125rem;padding: 0.9rem 7.0rem 1.1rem 1.0rem;vertical-align: middle;font-size: 1.125rem;}
  .access_aid {display: block;position: absolute;top: 3.5rem;}
  .row#header .arrow-back{position: absolute;top: 3.5rem;left:0.2rem;width:60px;}
  #main_nav {padding-top: 7rem;}
  .medium-block-grid-3 > li {width:33.33333%;list-style: none;}
  .medium-block-grid-3 > li:nth-of-type(1n) {clear: none; }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {clear: none; }
  .medium-9 .medium-6 {width: 50%;}
  .panel img.panel-icon{position: absolute;top: -1.0rem;left: 0;width:20%;}
  .panel img.panel-icon.halb {position: absolute;top: 0;left: -1.5rem;width:30%;}
  .panel img.panel-icon.monat-icon.halb {position: absolute;top: -0.5rem;left: -1.0rem;width:30%;}
  .panel img.bastel-icon{position: absolute;top: 0;left: 1.0rem;width:25%;}
  .basteltipps .panel h5 {font-size: 1.0rem;}
  .panel img.panel-icon.website-icon,.panel img.panel-icon.buch-icon,.panel img.panel-icon.quiz-icon{position: absolute;top: -0.5rem;left: -0.5rem;width:12%;}
  .panel img.disclaimer-icon{position: absolute;top: -0.5rem;left: -2.5rem;width:45%;}
  .panel.disclaimer h5{text-align: center;}
  #slider2_container {margin-bottom: 0;}
}

/*Nexus only*/
@media screen and (width: 960px) and (device-height: 552px) {
  .hoerspiel form{top: 16.9rem;left:0}
  .hide-for-small-only {display: inherit !important; }
  .row#header .home a {position: absolute;top: 0;left:4.3rem;width:20rem;display:block;height:10.5rem!important}
}

@media screen and (device-height: 912px) {
  .hoerspiel form{top: 11.4rem}
  .hide-for-small-only {display: inherit !important}
  .row#header .home a {position: absolute;top: 0;left:2.3rem;width:13rem;display:block;height:6.5rem!important}
  /*#slider2_container {width: 570px;height: 298px;}
  #slider2_container .slides {width: 570px; height: 298px;}
  .jssort03 {width: 570px;}*/
}
/*Nexus only: Ende*/

@media only screen and (min-width: 960px) { /*nexus quer*/
/*  #slider2_container {width: 637px;height: 332px;}
  #slider2_container .slides {width: 637px; height: 332px;}
  .jssort03 {width: 637px;}*/
}

@media only screen and (min-width: 62.5em) { /*1000*/
  header .row.flinks {position: absolute;bottom: 0.4rem;}
  .row#header .home a {position: absolute;top: 0;left:4rem;width:350px;display:block;height:11.1rem!important}
  .orbit-caption,.orbit-caption2 {bottom: 2rem;font-size: 1.625rem;position: absolute;width: auto;}
   /* temporaer*/
  #testseite-page .orbit-caption,.orbit-caption2 {bottom: 2rem;font-size: 1.625rem;position: absolute;width: auto;}
  .news .button,.news .button:focus {display: table-cell;height:6.5625rem;vertical-align: middle;}
  .footer-bottom nav {/*padding-top: 5.4rem;*/}
  .footer-bottom ul li {display: inline-block;padding-left: 1.3rem;text-transform: uppercase;font-size: 0.9375rem;}
  .hoerspiel form{position: absolute;top: 13.0rem;}
  .hoerspiel .medium-4 {width:33.3333%}
  .hoerspiel .medium-8 {width:66.6667%}
  #impressum-page .medium-7{width: 58.3333%;}
  #impressum-page .medium-5{width: 41.6667%;}
  .panel img.panel-icon,.panel img.bastel-icon-50{position: absolute;top: -1.0rem;left: 0;width:auto;height:auto;}
  .panel img.bastel-icon{position: absolute;top: -0.5rem;left: 1.0rem;width:auto;height: auto;}
  .panel img.disclaimer-icon{position: absolute;top: -0.5rem;left: -2.0rem;width:auto;}
}

@media only screen and (min-width: 64em) { /*1024*/
  /*body {}
  .panel img.bastel-icon-50{}*/

}

@media only screen and (min-width: 65em) { /*1040*/
}

@media only screen and (min-width: 80em) { /*1280*/
  div.footer-top{background: url('../img/layout/kinder_garten_footer_v01a.png') center 0 repeat-x scroll transparent;min-height: 17.0rem;margin-top: 2.75rem;}
}

a.selected {color: #0098a1;}
figure.content {margin: 0 0 2rem;padding: 1.2rem;border-radius:12px;background: #efcc8b url('../img/layout/kachel.png');}
.no-border figure.content {margin: 0 0 2rem;padding: 0 1.2rem;border-radius:0;background: transparent none;}
figure.content.lexikon {padding:0.8rem;}
.row.event {margin-bottom:1rem;}
button, button:focus, .button, .button:focus {
  background: #efcc8b url('../img/layout/kachel.png');
  -webkit-box-shadow: inset -3px -3px 3px #888;
  box-shadow: inset -3px -3px 3px #888;
  border-color: #007095;
  border-style: solid;
  border-width: 0;
  color: #a26f2b;
  cursor: pointer;
  display: inline-block;
  font-family: "Kalam";
  font-size: 1.5rem;
  font-weight: 800;
  line-height: normal;
  margin: 0 0 0.25rem;
  padding: 1rem 2rem 1.0625rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms ease-out 0s;
  border-radius: 5px;
}
.side-nav .button {font-size: 1.25rem;text-align: left;padding: 0.5rem 0.7rem 0.5rem 0.5rem;font-weight: 400;}
.inline-list .button{padding: 0.5rem 0.7rem 0.5rem 0.5rem;font-weight: 400;}
.side-nav span.button {cursor: default;}
button:hover, .button:hover {color: #a26f2b;}
small {font-size: 80%;}
figure p {margin-bottom: 0;}
figure small{font-size: 40%;line-height: 1}
figure  a {color: #005643}
ul.my-inline-list {list-style: outside none none;margin: 1.375rem 0 1.0625rem -1.375rem;}
.my-inline-list > li {display: inline-block;list-style: outside none none;margin-left: 1.375rem;}
.my-inline-list li img {display: inline-block; vertical-align: text-bottom;}
#versenden {display: none;border: 1px dashed #005643;background-color: #eff4db;padding: 2rem 0;}
textarea {height: auto;min-height: 260px;}
#f2 p.form-small {padding-top: 1rem;}

.top-bar,.top-bar.expanded .title-area {background: none repeat scroll 0 0 transparent;}
[class*="block-grid-"] img {width: 100%;}
.top-bar .toggle-topbar.menu-icon a {color: #005643;padding: 0 15px;}
.top-bar .toggle-topbar.menu-icon a span::after {display: none;}
.top-bar-section ul li.active {background: none repeat scroll 0 0 #81bb44;color: white;padding: 12px 0 12px 15px;font-size: 0.8125rem;font-weight: 800;}
.top-bar-section ul li {background: none repeat scroll 0 0 white;}
.top-bar-section ul li > a {color: #81bb44;font-weight: 800;border-bottom: 1px dotted #81bb44;}
.top-bar-section ul li.active > a:hover {background: #81bb44;font-weight: 800;}
.top-bar-section ul li:hover:not(.has-form) > a {background: #81bb44;}
.externer-link, .interner-link,.email {position: relative;}
/*replace the content value with the
corresponding value from the list below
http://astronautweb.co/snippet/font-awesome/
*/
.externer-link::before {content: "\f139";display: inline-block;-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);font-family: FontAwesome;font-style: normal;font-weight: normal;color: inherit;font-size: 0.8rem;padding-right: 0.2rem;top: 10px;left: 0;text-decoration:none;}
.interner-link::before {content: "\f138";font-family: FontAwesome;font-style: normal;font-weight: normal;color: inherit;font-size: 0.8rem;padding-right: 0.2rem;top: 10px;left: 0;text-decoration:none;}
.email::before {content: "\f0e0";font-family: FontAwesome;font-style: normal;font-weight: normal;color: inherit;font-size: 0.8rem;padding-right: 0.2rem;top: 10px;left: 0;text-decoration:none;}
/* Use the following CSS code if you want to have a class per icon */
.panel ul,.panel ol { padding-left:20px; list-style:none; }
.panel ul li::before {font-family: 'FontAwesome';content: '\f00C';margin:0 5px 0 -25px;color: #579417;}
.panel ol {counter-reset: bastel-counter;}
.panel ol li::before {content: counter(bastel-counter) ".";counter-increment: bastel-counter;margin:0 5px 0 -19px;font-weight: 800;color: #579417;}
#frag-groeni-danke-page .link-seite-senden, #weiterempfehlen-danke-page .link-seite-senden {display: none;}

@media print {
  a[href]::after,abbr[title]::after {content: "";}
  #printadresse p{font-size: 0.7rem;line-height: 1;border-top: 1px solid #000;}
  #scroll-top{display: none !important;}
  .orbit-caption,.lexikon .orbit-caption,.orbit-caption2 {position: relative;padding: 0.4rem 0 1rem;}
  .mod_article.podcast,.fa-stack {display: none;}
/* lexikon etc.*/
  .panel {border: 0 none!important;}
  .panel a{text-decoration: none;}
  .panel-icon {display: none;}
  .panel h5,.panel.disclaimer h5 {text-align: left;font-weight: 800;padding: 0 1.25rem;}
  figure.content, .panel, #basteltipps-page .panel ul, #ostern-page .panel ul, #basteltipps-page .panel ol, #ostern-page .panel ol {padding: 0;}
  .panel ul li::before,.panel ol li::before {color: #000000;}
  #pflanzenlexikon-page h2 {margin-left: 0;margin-right: 0;}
  div.columns {margin-bottom:  1rem;}
  div.columns.medium-7,div.columns.medium-5,figure.columns.medium-5 {float:left!important;width:50%!important;}
  .accordion .accordion-navigation > .content, .accordion dd > .content, .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {padding: 0;}
  div#frag-groeni-formular div.columns.medium-7, div#frag-groeni-formular div.columns.medium-5 {float:none!important;width:100%!important;}
  div.columns .medium-block-grid-3 > li {width:33%!important;}
  div.columns .medium-4 .small-block-grid-1 > li {width:100%!important;}
  div.columns .medium-8 {float:left!important;width:60%!important;}
  form select, span.mandatory,label.confirm, input.confirm {display: none;}
  form div.select label{padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #000;}
  #websites-und-mehr h5,#buecher-und-mehr h5,form.resform,form#f5 {page-break-before: always;}
  input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {border: 0 none;border-bottom: 1px solid #000;box-shadow: 0 none;}
  table {border-collapse: collapse;}
  table thead tr th {border-bottom: 2px double #000;}
  table tbody tr td {border-bottom: 1px dotted #000;}
  .sortimente .orbit-caption {display: none;}
  .sortimente a[href]::after {content: attr(title); font-size: 0.625rem;}
  .sortimente a{text-decoration: none;}
  .sa h3,.sa.rollstuhl h3,.sa.toiletten h3,.sa.einpack h3 {padding-left: 0;}
  .accordion dd > * {display: block !important;}
  .accordion .accordion-navigation > a, .accordion dd > a {padding: 1rem 0;font-weight: bold;}
  .mitarbeiter button.success, .mitarbeiter .button.success {background-color: #fff;color: #000;}
  #basteltipps-page .push-7, #ostern-page .push-7 {position: relative; left: 50%;}
  #basteltipps-page .pull-5, #ostern-page .pull-5 {position: relative; right: 50%;}
  .owl-carousel .owl-item,.owl-carousel .owl-item.active {float: none;width: 100%!important;clear: both;padding-bottom: 5cm;}
 .owl-item figure {float: left;width:5cm;padding-right:1cm;}
 .owl-item .carousel-text {float: left;width:13cm;text-align: left;}
}

/**quiz.css**/
.blitzQuiz .bild-quiz-button label {padding: 0.5rem 0;margin-bottom: 0.2rem;font-weight: 400;font-size: 1.4375rem;background-color: #81bb44;text-align: center;color: #4d4d4d;}
.blitzQuiz .bild-quiz-button label.neutral_desk, .blitzQuiz .bild-quiz-button label.unchecked_desk, {background-color: #81bb44;}
.blitzQuiz .bild-quiz-button label.unchecked_desk:hover, .blitzQuiz .bild-quiz-button label.neutral_desk:hover, .blitzQuiz .bild-quiz-button label.checked_desk{background-color: #005643;color: #ffffff;}
.blitzQuiz .bild-quiz-button label.neutral_touch,.blitzQuiz .bild-quiz-button  label.unchecked_touch{background-color: #80BC44;}
.blitzQuiz .bild-quiz-button label.checked_touch {background-color: #005643;color: #ffffff;}
.blitzQuiz .bild-quiz-button label.ok {background-position:4px center ;background-image: url("../img/ok.png");background-repeat: no-repeat;background-size: 25px;}
.blitzQuiz .bild-quiz-button label.no {background-position:4px center ;background-image: url("../img/no.png"); background-repeat: no-repeat;background-size: 25px;}
.quiz-result {color: #81bb44;}

@media only screen and (min-width: 40.063em) { /*641*/
  .blitzQuiz .bild-quiz-button label {padding: 1.5rem 0;margin-bottom: 0.7rem;}
  .blitzQuiz .bild-quiz-button label:last-child {margin-bottom: 0.7rem;}
}


@media only screen and (min-width: 48em) { /*768*/
  .blitzQuiz .bild-quiz-button label {padding: 1.7rem 0;margin-bottom: 1.2rem;}
  .blitzQuiz .bild-quiz-button label:last-child {margin-bottom: 0.7rem;}
}

@media only screen and (min-width: 56.25em) { /*900*/
  .blitzQuiz .bild-quiz-button label {padding: 1.6rem 0;margin-bottom: 0.7rem;}
  .blitzQuiz .bild-quiz-button label:last-child {margin-bottom: 0.7rem;}
}
.panel.blitzQuiz h3.anzahl-fragen {
    color: #80bc44;
    font-family: "Eraser",serif;
    font-size: 1.25rem;
    text-align: left;
}

.panel.blitzQuiz h4 {
    color: #005643;
    font-size: 1.3125rem;
    line-height: 1.4375rem;
    margin-bottom: 1.25rem;
    text-align: left;
} 
img.start-ende-screen {
    padding: 0 0 1rem;
}
.panel {
    border: 0px solid transparent;
    /*color: #005643;*/
    /*padding: 0px 1.25rem;*/
    /*position: relative;*/
    background-color: transparent;
    /*margin-bottom: 2rem;*/
}
.blitzQuiz .quiz-frage-bild img.quizborder {
    border: 1px solid #5a832f;
    border-radius: 12px;
} 
.blitzQuiz .quiz-frage-bild {
    margin-bottom: 0.6rem;
    position: relative;
} 

.button-bh, .button-bh:focus , .button-bh:hover {
    /*background: transparent url("../img/layout/kachel.png") no-repeat 0% 0%;*/
    background: transparent url("http://www.bauerhubert.de/fileadmin/bauer-hubert/spiele/picInterface/button1.png") no-repeat scroll 0px 0px / 100% 100%;
    /*background: transparent url("../../files/img/btn_zeichnung.png") no-repeat 0% 0%;*/
    background-size: 100% 100%;
    box-shadow: 0px 0px 0px transparent inset;
    border-color: #007095;
    border-style: solid;
    border-width: 0px;
    color: #A6302B;
    cursor: pointer;
    display: inline-block;
    font-family: "Eraser";
    font-size: 1.5rem;
    font-weight: 800;
    line-height: normal;
    margin: 0px 0px 0.25rem;
    padding: 1rem 2rem 1.0625rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;
    border-radius: 5px;
}
/**toast.quiz.css**/
.toast-center-center {top: 0px;}
#toast-container {z-index: 999999;}
#toast-container * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#toast-container > div {position: absolute;top:0;left:0.9375em;right:0.9375em;height: 100%;overflow: hidden;margin: 0 0 6px;padding: 1rem;-moz-border-radius: 12px 12px 12px 12px;-webkit-border-radius: 12px 12px 12px 12px;border-radius: 12px 12px 12px 12px;background-position: 5px center;background-repeat: no-repeat;-moz-box-shadow: 0 0 12px #999999;-webkit-box-shadow: 0 0 12px #999999;box-shadow: 0 0 12px #999999;color: #ffffff;opacity: 0.9;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter: alpha(opacity=90);}
#toast-container > .toast-ok {background-image: url("../img/ok.png");background-size: 30px;background-position: center 10px;}
#toast-container > .toast-no {background-image: url("../img/no.png");background-size: 30px;background-position: center 10px;}
.toast-ok {background-color: #108728;}
.toast-no {background-color: #BF4465;}
#toast-container p{padding: 20% 0;/*min-height: 100%;*/color: #ffffff;font-size: 1.0rem;}
@media only screen and (min-width: 40.063em) { /*641*/
  #toast-container > .toast-ok {background-image: url("../img/ok.png");background-size: 50px;background-position: center 10px;}
  #toast-container > .toast-no {background-image: url("../img/no.png");background-size: 50px;background-position: center 10px;}
  #toast-container p{padding: 20% 0;/*min-height: 100%;*/color: #ffffff;font-size: 1.3125rem;}
}