/*
 * ------------------------------------------------------------------------

 * JA Elastica Template for Joomla 2.5

 * ------------------------------------------------------------------------

 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html

 * Author: J.O.O.M Solutions Co., Ltd

 * Websites: http://www.joomlart.com - http://www.joomlancers.com

 * ------------------------------------------------------------------------
*/

body {
  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
 line-height:1.4;
}

#stoerer {
  background-image:url(../images/stoerer-ein-leben-retten-mobile.png);
  width:170px;
  height:55px;
  top:16px;
  right:16px;
  left:auto;
  z-index:100000;
  display:block;
}
#stoerer .Kreis {
    background-color: #eeeae1;
    width: 174px;
    height: 52px;
    border: 3px solid white;
    border-radius: 15px 0 15px 0;
}
#stoerer .Datum {
   margin:0;
   transform: initial;
   -webkit-transform: initial;
}
#stoerer .Text {
   transform: initial;
   -webkit-transform: initial;
   line-height:0.9;
}
#stoerer img {
   display: none;
}
#stoerer a {
  width:170px;
  height:55px;
}


/* RESPONSIVE FONT SIZES
--------------------------------------------------------- */
body.fs1 #ja-wrapper {
  font-size: 12px !important;
}

body.fs2 #ja-wrapper {
  font-size: 13px !important;
}

body.fs3 #ja-wrapper {
  font-size: 14px !important;
}

body.fs4 #ja-wrapper {
  font-size: 15px !important;
}

body.fs5 #ja-wrapper {
  font-size: 16px !important;
}

body.fs6 #ja-wrapper {
  font-size: 17px !important;
}

/* Headings & Titles ---*/
h1 {
  font-size: 1.5em !important;
}

h2 {
  /* font-size: 1.25em !important; */
}

h3 {
  /* font-size: 1.2em !important; */
}

h4 {
  /* font-size: 1em !important; */
}

h5 {
  font-size: 1em !important;
}

.contentheading {
  font-size: 1.5em !important;
}

.blog-featured .contentheading {
  font-size: 1.5em !important;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main {
  width: 100%;
}

.column {
  float: none;
  width: 100% !important;
}

/* MASONRY PRESETS (300px*5 Grids)
--------------------------------------------------------- */
/* Sizes---*/
.ja-masonry {
  width: 100%;
}

.grid-double,
.grid-tripple {
  width: 100%;
}

/* Main Content */
#ja-content,
.ja-frontpage #ja-content {
  float: none;
  width: 100%; /* Frontpage Content */
  min-height:0 !important;
}

/* full 5 grids content */
body.content-grid-mass #ja-content,
body.content-grid-mass.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 4 grids content */
body.content-grid-quadruple #ja-content,
body.content-grid-quadruple.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 3 grids content */
body.content-grid-tripple #ja-content,
body.content-grid-tripple.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 2 grids content */
body.content-grid-double #ja-content,
body.content-grid-double.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 1 grids content */
body.content-grid-single #ja-content,
body.content-grid-single.ja-frontpage #ja-content {
  width: 100% !important;
}

/* CONTENT'S GRIDS
--------------------------------------------------------- */
/* Items Page */
.item-page {
  padding: 1em;
}

/* Items Row */
.item {
  padding: 0 0 1em 0;
}

.item .contentpaneopen {
  padding: 1em;
}

/* Items Leading */
.leading .contentpaneopen {
  padding: 1em;
}

/* Items Grids */
.item {
  float: none;
  width: 100% !important;
}

.cols-1 .item,
.cols-2 .item,
.cols-3 .item,
.cols-4 .item,
.cols-5 .item {
  width: 100% !important;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
}

#ja-header .main {
  text-align: center;
  width: 100%;
  margin-top: 0;
}

#ja-header .main-inner1 {
  margin: 0;
  min-height:120px !important;
  position:relative;
}

.logo {
  z-index: 5;
}

.logo a {
  margin-top: 0;
  padding: 0 !important;
  background:url(../images/logo-trans-mobile.png) 0 0 no-repeat;
  height:120px;
  width:120px;
}
.kids .logo a{
	
   background:url(../images/logo-trans-mobile-kids.png) 0 0 no-repeat;
}
.schuelerrettenleben .logo a{
	
   background:url(../images/logo-trans-schueler-mobile.png) 0 0 no-repeat;
}
select.sprachen{	
  display: none;
}
/* Search & Social Bars ---*/
#ja-top {
  position: absolute;
  right: 0;
  top: 0;
  margin-top:0;
}

/* Search */
#ja-search {
  bottom: 0;
  height: 40px;
  width: 40px;
  padding: 0;
  position: absolute;
  right: 0;
  border-bottom: 0;
}

#ja-search .search-btn {
  width: 30px;
  height: 30px;
  background-color: #222;
  margin-top: 5px;
}

#ja-search.active .search-btn,
#ja-search .search-btn:hover {
  width: 30px;
  height: 30px;
  background-color: #ec534d;
  margin-top: 5px;
  cursor: pointer;
}

#ja-search form.search {
  display: none;
  background: #ec534d;
  position: absolute;
  top: 35px;
  right: 10px;
  padding: .5em;
  width: 200px;
}

#ja-search:hover form.search,
#ja-search.active form.search {
  display: block !important;
}

#ja-search .inputbox {
  background: #222;
  border: 1px solid #222;
  color: #CCC;
  margin: 0;
  padding: 4px 0;
  text-indent: 10px;
  width: 100%;
}

/* Social */
#ja-social {
  margin-top:86px;
  margin-right:12px;
}

#ja-social ul {
  padding: 5px 0 0 1em;
}

#ja-social ul li {
}

#ja-social ul li a {
  background-color: #222;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
  margin-top:-8px !important;
}
#ja-footer-inner {
 padding-left:12px; 
}

/* MODULES
--------------------------------------------------------- */
div.ja-moduletable-inner,
div.moduletable-inner {
  /* padding: 1em; */
 margin-left:0 !important;
}

/* Hiden in Mobile ---*/
.hide-in-normal,
.hide-in-tablet,
.hide-in-mobile {
  display: none;
}

/* MAIN NAVIGATION 
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
  clear: both;
  display: block;
  float: none;
  height: auto;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}

/* Mega Menu Layout ---*/
.ja-megamenu {
  clear: both;
  height: auto;
  border-bottom: 1px solid #ffffff;
  display: none !important;
}

.rjd-active .ja-megamenu {
  display: block !important; /* Show menu when active */
}

.ja-megamenu ul.level0 li.mega {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.ja-megamenu ul.level0 li.mega a.mega {
  height: auto !important;
  margin: 0 !important;
  padding: 0.1em 0.3em 0 1.3em !important;
  background-position:0.3em center !important;
  overflow:hidden !important;
}

.modules-extra-col {
    width: 100%;
}

.ja-megamenu ul.level0 li.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild span.menu-title {
  font-size: 1.4em !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
}

.ja-megamenu ul.level1 li.mega span.menu-title {
  margin-top: 0 !important;
}

.ja-megamenu ul.level1 li.mega {
  height: auto !important;
}

.ja-megamenu ul.level1 li.mega a.mega {
  height: auto !important;
}

.ja-megamenu ul.level0 li.mega span.menu-desc {
  display: none;
}

#ja-megamenu .childcontent {
  display: none !important;
}

#ja-megamenu li.rjd-active {
  background: #222;
}

#ja-megamenu li.rjd-active .childcontent {
  display: block !important;
  left: 0 !important;
  margin: 0 !important;
  position: absolute;
  top: 40px !important;
  width: 100% !important;
}

#ja-megamenu ul.level0 li.rjd-active .childcontent-inner-wrap,
#ja-megamenu ul.level0 li.rjd-active .childcontent-inner {
  margin: 0 !important;
  width: 100% !important;
}

#ja-megamenu ul.level0 {
  position: relative;
}

/*Hide lv 2 Content */
#ja-megamenu ul.level1 li.rjd-active .childcontent,
#ja-megamenu ul.level1 .childcontent {
  display: none !important;
}

/* Mega Menu Stylings --- */
.ja-megamenu {
  border-top:20px solid #eeeae1;
  border-bottom:11px solid #eeeae1;
  background-color: transparent !important;
}

.ja-megamenu ul.level0 li.mega {
  border-top: 1px solid #eeeae1;
  border-bottom: 1px solid #eeeae1;
  height:auto !important;
  min-height:26px;
  background-image: url("../images/bg-weiter-transparent-rand.png");
  background-position: right top;
  background-repeat: no-repeat;
}

/* Menu Button --- */
/* to use this value to detect responsive
 * > 3: mean responsive
 * 4: is mobile device, which the menu show only first level
 */
#ja-menu-button {
  clear:both;
  /* border-right: 1px solid #222; */
  display: block;
  font-family: NotesStyleRegular, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  padding: 1em;
  text-transform: uppercase;
  z-index: 4;
  float:left;
  position:absolute;
  top:-51px;
  left:114px;
}

#ja-menu-button:hover,
.rjd-active #ja-menu-button {
  font-family: NotesStyleMedium, Arial, sans-serif;
  background-color: transparent;
  cursor: pointer;
  background-image:none;
  background-repeat:no-repeat;
  background-position:left center;
}

#contact-form dl dt {
  float: none;
}

#contact-form dl dd {
  margin-left: 0 !important;
}

#contact-form dl dd input.required,
#contact-form dl dd textarea.required {
  width: 60% !important;
}

#ja-breadcrumbs {
  display:none;
}
/* Suche am oberen Rand */
#ja-topmargin {
  display:none;
}  
#ja-breadcrumbx {
  display:none;
}

#ja-slogan .hd-articlemod {
  font-size:18px;
  padding:0 26px 0 26px;
}

#main-aktionen-teaser {
    width: 100%;
}

.article-tools {
  display:none !important;  
}

#ja-slogan {
  /* display:none; */
 padding:0;
 margin:18px 0 6px 0;
 
}

#ja-container {
  margin-top:14px;
}
#ja-content .main-box {
  display:none;
}

#ja-content .main-teaser-mobile-top,
#ja-content .main-box-mobile {
  display:block;
  margin-bottom:12px;
  margin-top:0;
}
#main-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  float:none;
  width:auto;
  margin-bottom:12px;
}
#main-video iframe,
#main-video object,
#main-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#banner-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  float:none;
  width:auto;
  margin-bottom:12px;
}
#banner-video iframe,
#banner-video object,
#banner-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-box-spacer {
  display:none;
}

.menu-bottomnav {
  float:none;
  position:relative;
}

.menu-bottomnav li {
  margin: 0 8px 1px 0;
}
#ja-footer #ja-initiative {
  padding-top:56px !important;
  float:none;
}
#ja-footer #ja-schirmherr {
  position:static;
  text-align:left;
  clear:both;
  margin:12px 0 6px 0;
  padding-top:0;
}

#banner-prd #banner-druecken {
    height: 112px;
}


.main-teaser {
  display:none;
}
.main-teaser-mobile {
  display:block;
  margin-bottom:12px;
}
.main-teaser-mobile .moduletable {
  margin-bottom:12px;
}
.main-teaser-mobile .moduletable h3 {
  text-transform:uppercase;
  background-color: #be1421;
  color:#ffffff;
  font-size:19px;
  font-family: NotesStyleRegular, Arial, sans-serif;
  border-bottom:2px solid #eeeae1;
  padding:1px 0 0 12px;
  margin:0;
}
.main-teaser-mobile .moduletable .newsflash h4 {
  display:block;
  background-color:#009ee3;
  border-bottom:2px solid #eeeae1;
  margin:0;
  padding:0 0 0 12px;
  min-height:22px;
  vertical-align:top;
  text-transform:none;
  position:relative;
}
.main-teaser-mobile .newsflash .newsflash-title a .newsflash-headline {
  color:#ffffff;
  font-weight:normal;
}

h1.site-slogan {
  font-size:16px !important;
  width:160px;
  top:12px;
  left:134px;
  line-height:1.15em;
}

/* virtuemart */
.productdetails-view .floatleft {
  float:none;
  width:100%;
}
.productdetails-view .main-image {
  margin-top:3px;
  margin-left:0;
  width:100%;
  text-align:left;
}
.productdetails-view .main-image img {
  max-width:100%;
  text-align:left;
}
.com_virtuemart .browse-view .row .spacer .width30 {
    display:none;
}
.com_virtuemart .browse-view .row .detaillink-aktionskoffer {
    margin-right: 20px;
}
div.product-description {
  max-width:100%;
}
.productdetails-view .additional-images { 
  float:left;
  margin-left:0;
}
.productdetails-view .additional-images .floatleft  {
  width:auto;
}
.productdetails-view .additional-images img {
    margin: 0 8px 8px 0;
}
.addtocart-bar span.quantity-box input.quantity-input {
  width:14px;
}
span.addtocart-button {
    margin: 0 0 0 24px !important;
}

span.addtocart-button input.addtocart-button, 
span.addtocart-button input.addtocart-button:hover {
    padding: 0 28px 0 2px;
}

.back-to-category {
  position:static;
}

.productdetails-view .additional-images {
  margin:8px 0 12px 0;
  float:none;
  text-align:left;
  max-width:234px;
}
.productdetails-view .additional-images img {
    margin: 0 4px 4px 0;
}
.browse-view .width70 {
  width:auto;
} 

.moduletable .banner-content h3 {
  margin: 0 0 0 0;
  background-color:#ffffff !important;
  color:#000000;
  line-height:1.2;
  text-transform:none;
  font-family: NotesStyleMedium, Arial, sans-serif;
  font-weight:normal;
  font-size:1.7em;
  padding:0;
  border-bottom:0 !important;
}

.aktionskoffer-teaser img.aktionskoffer {
  margin:0 -2px -8px 8px;
}

.grusswort {
  width:auto;
  height:auto;
  min-height:0;
}
.grusswort figure {
  display:none;
  float:none;
}

.main-box-all {
  display:none;
}
.grusswort .a-readmore {
  display:inline;
  font-size:0.9em;
}
.grusswort .a-readmore-text {
  margin-top:1em;
}
img.main-mobile-minister {
  display:block;
}
.com_virtuemart .item-page-section-top {
  padding:1em 1em 0 1em;
}
.com_virtuemart .item-page-section {
  padding:1em 1em 1em 1em;
}
#checkoutForm div.customer-comment {
  padding:1em;
}
#checkoutForm .checkout-button-top {
  padding:8px 1em 1em 1em;
}
.com_virtuemart .browse-view .row {
  padding: 0 0 0 1em;
}
.productdetails-view {
    background-color: #FFFFFF;
    margin-bottom: 1em;
    padding: 1.2em 1em 1em;
    position: relative;
}

.userFormFieldSet dd {
    margin-left: 0;
    width:100%;
}
.userFormFieldSet dt {
    min-width: 0;
    padding-right:12px;
}
.userFormFieldSet dd * {
  min-width: 100% !important;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.userFormFieldSet #virtuemart_country_id_dt,
.userFormFieldSet #virtuemart_country_id_dd,
.userFormFieldSet #title_dt,
.userFormFieldSet #title_dd {
  margin-top:12px;
  margin-bottom:8px;
}

.cart-summary .col_quantity {
  padding-right:8px;
}
.cart-summary .col_subtotal {
    padding-right: 12px;
}
.cart-summary {
  display:none;
}
.cart-summary-mobile {
  display:block;
}
.in_article_teaser_content_desktop {
  display:none;
}

.in_article_teaser_content_tablet {
  display:none;
}
.main-leftcolumn {
    width: auto !important;
}

.aktionskoffer-teaser h3 {
  max-width:300px;
}
.aktionskoffer-teaser .placeholder {
  height:132px;
  width:93px;
  margin:13px 0 0 4px;
  float:right;
}

#ja-social #youtube,
#ja-social #twitter,
#ja-social #facebook {
  border: 1px solid #ffffff;
}
#ja-social #twitter,
#ja-social #youtube {
  margin-bottom:0;
}

#ja-social #likeit iframe {
  margin-top:1px;
  margin-left:28px;
}

.main-teaser-mobile .tv-spot-inner {
  padding:14px 16px 12px 16px;
  background-color:#ffffff;
}