/*FCE-BOX mit Hintergrundfarbe*/
.hg-ohne {background-color: none;}
.hg-grau {background-color: #e8e6e2;}
.inhaltsbereich {padding: 15px 25px;}

/* Content */
section.content .icon1 img { width: 64px; height: 32px; }
body.page69 #main .container p { padding: 0; }
#main .container p>a { padding-left: 12px !important; }

/* Produkte Uebersicht */
#main .productListingContainer .productListing .productListingHeadline h2 { font-size: 20px; }

body.page566 #main footer { bottom: 0 !important; }
body.page566 #main .stage { position: relative !important; }

/* Sprache Joka */
#main .container header .right .language { background: none; }
#main .container header .right .language.icon:hover { background: #fff; }
#main .container header .content .right .language .languages { margin: 16px 0px 0px 0px; display: block; }
#main .container header .content .right .language .languages ul { display: none;  float: right; margin-top: 11px !important; padding: 0;  }
#main .container header .content .right .language .languages:hover ul { display: inline-block; background: #fff; }
#main .container header .right .language:hover { background: none; }
#main .container header .content .right .language .languages ul li { width: 167px; display: inline-block; line-height: 22px; }
#main .container header .content .right .language .languages ul li:hover{ background: #111; }
#main .container header .content .right .language .languages ul li:hover a .text{ color: #fff; }
#main .container header .content .right .language .languages ul li a .text{ text-align: left; height: 54px; width: 40px; cursor: pointer; display: inline-table; line-height: 52px;
  margin-right: 21px; }

body#jordan-kassel .nav-lang-current img{ margin-top: -2px; margin-bottom: 4px; }
body#objektabteilung .nav-lang-current img{ margin-top: -2px; margin-bottom: 4px; }

/* Merkzettel Menü ---> NUR JOKA! 
body#joka ul.mzettel-bereich{ float: right; margin-top: 54px !important; display: none; }
body#joka li.mzettel{ width: 167px; display: inline-block; }
body#joka li.mzettel a{
 background-color: #fff;
  width: 133px;
  display: inline-block;
  color: #111;
  text-align: right;
  vertical-align: middle;
  line-height: 52px;
  padding-right: 22px;
  padding-left: 12px;
  text-decoration: none;
  overflow: hidden;
  text-transform: uppercase;
  }  
  */
body#joka #main .container header .right .memo:hover ul.mzettel-bereich { display: inline-block; background: #fff; padding-left: 0; }
body#joka #main .container header .right .memo ul.mzettel-bereich li:hover { background: #111; }
body#joka #main .container header .right .memo ul.mzettel-bereich li:hover a{ background: #111; color: #fff !important; }
body#joka #main .container header .right .memo:hover ul.mzettel-bereich li a { color: #111; display: inline; }


/* Menü */
/*#main .container header .mainNavItem:last-child { display: none; }*/

#main .container header .mainNavItem#menu860,
#main .container header .mainNavItem#menu856,
#main .container header .mainNavItem#menu857,
#main .container header .mainNavItem#menu858,
#main .container header .mainNavItem#menu859,
#main .container header .mainNavItem#menu827,
#main .container header .mainNavItem#menu826{ display: none; }

#main .container header .mainNavItem:nth-child(4) { margin-right: 0; }


@media (max-width: 1270px) and (min-width: 1050px) {
body.page566 #main .container { padding: 0; }
body.page566 #main footer { position: relative !important; }
}

/* Startseite - weißer Balken - Test */
body.page6 #main footer { position: relative !important; bottom: auto !important; }
body.page6 #main .stage { position: relative !important; }
body.page6 #main .container { padding: 0; }
#main { background-color: #fff; }

.content .grid_50_l { width:49%; float:left; }
.content .grid_50_r { width:49%; float:left; }

.content.c6633 .grid_66_l { width:66.666%; float:left; box-sizing: border-box; padding-right: 0.5em; }
.content.c6633 .grid_33_r { width:33.333%; float:left; box-sizing: border-box; padding-left: 0.5em; }
.content.c6633 .grid_33_r img { max-width: 100%; }

.content.c6633 


/* Menü */
#nav-btn{ display: none; }

/* Filtermenu */
/*.klappbar span { display: none; }*/

.togText{ font-size: 24px; padding: 10px 0; display: none; color: #fff; width: 100%; background: #000 url('../../layout/img/joka_mobil.png') no-repeat right -61px; max-width: 980px; }
.togText.active{ background: #111 url('../../layout/img/joka_mobil.png') no-repeat right 13px; }
/* .productFinder.categoryProductList{ padding: 0 20px; } */
.togTextWrap{ padding: 0 10px; background: #000; }

#main .container header .content .right .search .searchEngines .searchEngineSelect a { padding-right: 12px; }

/* Footer */
#main footer .content, #main .container .content { max-width: 976px; margin: 0 auto; width: 100%; /*border-bottom: 1px solid #111;*/ }

@media (max-width: 1050px) {
/* Footer */
#main footer { height: auto; position: absolute; }
#main .container { padding: 0 0 250px 0; }
/* #main .container { padding: 0; } */
body.page6 #main footer,
body.page566 #main footer { position: relative !important; bottom: 0 !important; }
body.page6 #main .stage,
body.page566 #main .stage { position: relative !important; }
}

@media (min-width: 1000px) {
.desktop{ display: block; }
.respo{ display: none; }
}

@media (max-width: 999px) {

/* Volltextsuche */
#tx-solr-search { width: 100% !important; float: none !important; }
#tx-solr-search-functions { width: 100% !important; float: none !important; }
#tx-solr-search .jqTransformInputWrapper { margin-left: 20px !important; }    
#tx-solr-pagination { margin: 20px !important; }        
#tx-solr-search .tx-solr-search-form .tx-solr-q { max-width: 650px !important; width: 100% !important; }
#tx-solr-search #tx-solr-pagination ul.tx-pagebrowse { padding-left: 0 !important; }

body.page124 .content .grid_50_l { width:100% !important;}
body.page124 .content .grid_50_r { width:100% !important;}

body#inku-objektbereich .elRightColImg{ padding-left: 20px; }
body#inku-objektbereich .elRightImg .imageWr{ float: none !important; }

#main .container header .mainNavItem#menu856,
#main .container header .mainNavItem#menu857,
#main .container header .mainNavItem#menu858,
#main .container header .mainNavItem#menu859,
#main .container header .mainNavItem#menu860,
#main .container header .mainNavItem#menu826,
#main .container header .mainNavItem#menu827 { display: block !important; background-color: #999 !important; width: 100% !important; height: 48px; }

#main .container header .mainNavItem#menu856 a,
#main .container header .mainNavItem#menu857 a,
#main .container header .mainNavItem#menu858 a,
#main .container header .mainNavItem#menu859 a,
#main .container header .mainNavItem#menu860 a,
#main .container header .mainNavItem#menu826 a,
#main .container header .mainNavItem#menu827 a { display: block !important; background-color: #999 !important; width: 100% !important; height: 48px; }

.togTextWrap { padding: 0 10px; margin: 0 20px; }

/* Slider */
.tx-ws-flexslider { width: 100%; display: block; }
.flexslider .slides img { width: 100%; height: auto; display: block; }

.desktop{ display: none; }
.respo{ display: block; }

#main .container p>a { background: url('../img/joka_sprite.png') -118px -460px transparent no-repeat !important; }

.grid_50_l, .grid_50_r { padding-left: 20px; }

.conTile:nth-child(3n){ clear: both; }

/* Abstände */

#main .container p { padding: 0 20px; }
#main .container p.teaserText, #main .container div.teaserText { padding: 0 20px; }
#main .container .content .grid_33 .elLeftAbove p { padding-left: 20px; }
#main .container .content .grid_33 { margin-bottom: 30px; }
#main .container .content .grid_33 .elLeftAbove h3 { margin: 22px 0 10px 0px; }
.fieldwrap_html.new > h3 { padding: 0; }
.fieldwrap_html.fullWidth.end .fieldwrap_html.new{ padding: 0; }
.stage_element_banner p { padding: 0 10px !important; }
.stage_element_banner h3 { padding: 0 12px; }
.stageElementContent p a { color: #000 !important; }

.csc-textpic-image.csc-textpic-last img{ margin-left: 20px; }
.csc-textpic.csc-textpic-intext-right-nowrap.csc-textpic-intext-right-nowrap-115{ padding-left: 20px; }
#main .container ul { padding: 0px 0 0 39px; }

body.page153 div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: none; }
body.page153 .csc-textpic-intext-left-nowrap-215 .csc-textpic-text { margin-left: 0px; }

/* Menü */
.kopfmenu ul { background: #111; width: 100%; position: absolute; height: auto !important;}
#nav-btn{ display: block; margin: 20px 0px 12px 20px; }
#nav-btn:hover { cursor: pointer; }
#main .container header .mainNavItem{ float: none; }
#main .container header .mainNavItem .subNavItem { display: block; width: 100%; text-align: left; position: relative; background: #111; margin-left: 17px;}
#main .container header .mainNavItem:hover { background-color: #111; color: #fff; }
#main .container header .mainNavItem:hover a { color: #fff; }
#main .container header .mainNavItem .subNavItem a { color: #fff; width: 100%; }
#main .container header .mainNavItem, #main .container header .mainNavItem:hover { background-position: -105px -385px; text-align: left; padding-left: 29px; }
#main .container header .mainNavItem:hover .subNav { display: none; }
#main .container header .mainNavItem.hasSub.expanded{ background-position: -105px -561px; }
#main .container header .right { width: auto; margin-right: 10px; right: 0; position: absolute; }
#main footer .content, #main .container .content { max-width: 976px; width: 100%; }
#main .container header nav { max-width: 715px; width: 10%; }
#sideNavigation{ display: none; }
#main .container header .mainNavItem .subNavItem:hover { background-color: transparent; }

/* Hintergrundbild + Boxen Startseite */
#main .stage .area { min-width: 100%; }
#main .stage .area .elements { bottom: 0; width: 100%; position: relative; }
#main .stage .area .elements .small {bottom: 0; top: auto; position: relative; width: 100%; }
#main .stage .area .elements .big { max-width: 100%; top: auto; position: relative; bottom: 22px; height: 124px; min-width: 100%; margin-left: 0px; background: #111;}
#main .stage .area .elements .small.top { margin-top: 0!important; }

.stage .area .elements .small a { padding: 10px 24px !important; }
.stage .area .elements .small { margin-bottom: 20px; }

#main .stage .area .elements .small:hover { background-color: #fff; }
#main .stage .area .elements .small:hover a { color: #000 !important; }

/* Content Bereich Folgeseiten */
input#cityOrZip{ width: 100% !important; max-width: 650px; }
figcaption, .imageWr { height: auto !important; }

#main .breadcrumb { margin: 10px 10px 10px 18px !important; }
#main .productDetail .productHeadline .subHeadline .pricing { padding: 0 22px; }
#main .container .elLeftAbove .imageWr figcaption p { margin-top: 10px; padding-left: 0px; }
#main .container .conSearchListing .centeredElement { max-width: 810px; width: 100%; }
#map { max-width: 640px; height: 440px; width: 100%; }
#main .container .conSearchListing .centeredElement { margin-left: 0; }
#main .container .content .grid_33 { width: 100%; float: none;}
#main .container .centeredElement { margin-left: 0; width: 100%; max-width: 810px; }
#main .productSearchContainer .productSearchBoxContainer { max-width: 625px; float: none; width: 100%; }
#main .productSearchContainer .productSearchBox { max-width: 575px; width: 100%; }
#main .productSearchContainer .productCountText { padding: 0 20px; }
#main .productFilterContainer { padding: 0 20px; }
#main .productFinder form { max-width: 1008px; width: 100%; }
#main .productListingContainer { max-width: 758px; float: none; width: 100%; padding: 0 20px; margin-top: 50px; }
#main .productFilterContainer { float: none; max-width: 230px; width: 100%; }
#main .stage { width: 100% !important; max-width: 976px; }
#main .productWishlist .productWishlistHeader { max-width: 976px; width: 100%; }
#main .productWishlist form { max-width: 1008px; width: 100%; }
#main .productDetail .productHeadline .subHeadline .action { float: none; width: 100%; padding: 22px; }

.elLeftColImg { float: left !important; }
.elLeftAbove .imageWr img { float: none; width: 100%; height: auto; }
.consultantDetailPage .conSearchListing { max-width: 325px; width: 100%; }
.elLeftColImg .imageWr img { float: none; padding-left: 20px; }
.elLeftImg .imageWr, .elLeftColImg .imageWr { float: none; }
.elLeftColImg .content p { padding-left: 7px !important; }
.jqTransformInputWrapper { float: none; max-width: 660px; width: 100% !important; }
.formFacheberater .fieldwrap_html .floatLeft .jqTransformSelectWrapper{ margin-left: 0px; margin-top: 20px; }
.variations { padding: 0 20px; }
.fieldwrap_html { max-width: 760px; width: 100%; }
.fieldwrap_html.fullWidth.end{ padding: 0 20px; }
.formFacheberater.formContainer > .fieldwrap_html{ padding: 0 20px; }
.el { padding: 0 20px; }
.el p { padding: 0px !important; }
.tx-powermail-pi1.divider.registrationpage fieldset { /*padding: 0 20px;*/ }
.jqtransformdone .fieldwrap_html { padding: 0 20px; }
body.page19 .fieldwrap_html.fullWidth.end .fieldwrap_html.fullWidth{ padding: 0px; }
.toggleIndicator.toggleHeading { width: 100%; /*position: absolute;*/ }
.toggleHeading{ /*margin-left: 47px;*/ display: inline-block; float: none; }
.el fieldset .fieldwrap_html{ padding: 0; }
.tx-powermail-pi1.divider.registrationpage legend{ padding-left: 21px; }
.grid_33 .elLeftAbove .imageWr img { max-width: 300px; max-width: 300px; padding-left: 20px; }
.productSearchBoxContainer .jqTransformInputWrapper { float: left; max-width: 660px; width: 55% !important; padding-left: 20px; }
.elLeftAbove .imageWr figcaption { padding-left: 19px; }
body.page21 #main .container p>a { color: #111; }
.description p,
.openingtimes p { padding: 0 !important; }
.openingtimes p a { padding: 0 !important; }
.productListingHeadline > h2 { padding: 0; }
.address p{ padding: 0 20px !important; }
.conSearchListing { padding: 0 20px; }

body.page69 .fieldwrap_html.fullWidth.end{ padding: 0; }
body.page69 .formFacheberater.formContainer > .fieldwrap_html.fullWidth.end{ padding: 0 20px; }

#main .productDetail .mainImage .image { max-width: 554px; height: auto; width: 100%; }
#main .productDetail .mainImage .image img { max-width: 554px; height: auto; width: 100%; }
#map { max-width: 100%; width: 93%; margin-left: 17px; }

body.page21 #map { margin-left: 0px; }

.powermail_fieldset { padding: 0 20px; }
.center .conTile { margin: 0 0 40px 15px; }

/* Produktdetail */
.formFacheberater1 .fieldwrap_html .floatLeft .jqTransformSelectWrapper { margin-left: 0; margin-top: 21px; }
.center#personalContact { padding: 0 20px; }
.productAttributes table{ margin: 0 20px; }
.moreProducts.productListingContainer .slides { max-width: 100%; width:100% !important; }

#main .productDetail .mainImage { float: none; max-width: 554px; width: 100%; }
#main .productDetail .address { /*max-width: 390px; float: none; width: 100%;*/ display: none; }
#main .productDetail .mainImage { float: none; max-width: 554px; width: 100%; padding: 0 22px; }
#main .productDetail .productListingContainer { max-width: 976px; float: none; width: 100%; }
#main .container ul.contentlist { padding: 0 22px; }

/* Raumwelten */
#main .stage .area { min-width: 100%; }
#main .stage .area .stage_element img { min-width: 100%; }
body.page13 #sideNavigation { display: block; }
.stagenavigation.next,
.stagenavigation.prev { display: block !important; }

/* Raumwelten "i" unter Bild */
#main .stage .area .stage_element_banner { width: 100%; bottom: 0px; top: auto !important; left: 0 !important; padding: 10px; color: #fff; background: #111; /*position: relative;*/ }

#main .container .content .innerContent p a { color: #000; }

#main .container p>a, #main .container .link a, .conTile .actions a { color: #fff; background: url('../img/joka_sprite.png') -118px -397px transparent no-repeat; }
/*#main .stage { display: block; }*/
/*#main .container section.content { margin-top: 100px; }*/

/* FILTERMENU --> PRODUKTE */
.togText{ display: block; }
.togText:hover{ cursor:pointer; }
.productFilterContainer { display: none; max-width: 100% !important; width: 100%; margin-bottom: 35px; padding: 20px !important; }
.productFilter { float: left; }
.productFilter.toggleableElement:nth-child(3n-1) { clear: both; }

/*  Fildermenu -> Boxen */
#main .productFilterContainer .toggleableElement .toggleableContent { display: block; height: 110px; /*overflow-y: scroll;*/ width: 85%; }

/* Footer */
#main footer { height: auto; position: absolute; padding: 20px; }
#main footer { height: auto; position: relative; }
#main .container { padding: 0 0 217px 0; }

body.page6 #main footer,
body.page566 #main footer { position: relative !important; bottom: 0 !important; }

body.page6 #main .stage,
body.page566 #main .stage { position: relative !important; }

#main .container { padding: 0; }
.social.footerbox{ width: 100% !important; }
}

@media (max-width: 940px) {
body.page148 div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: none; }
body.page148 .csc-textpic-intext-left-nowrap-135 .csc-textpic-text { margin-left: 0px; }
body.page148 .csc-textpic-intext-left-nowrap-265 .csc-textpic-text { margin-left: 0px; }
}

@media (max-width: 970px) {

.content.c6633 .grid_66_l,
.content.c6633 .grid_33_r { width: 100%; float: none; }

}

@media (max-width: 900px) {
div.csc-textpic-intext-left .csc-textpic-imagewrap { float: none; }
}

@media (max-width: 860px) {
div.csc-textpic-intext-right .csc-textpic-imagewrap { float: none; }
div.csc-textpic .csc-textpic-imagewrap img { width: 100%; height: auto; }
}

@media (max-width: 740px) {
#main footer .service, #main footer .company { width: 100%; }
#main .container h1 { font-size: 34px; }
#main .productFinder h1 span.productFinderIcon { padding-right: 34px; background-position: 14px -167px; }
#main .productWishlist h1 span.productFinderIcon { background-position: -89px -167px; }

#main .breadcrumb { margin: 10px 10px 10px 15px !important; }
#main .stage .area .elements { display: none; }

body.page6 #main .stage .area .elements,
body.page566 #main .stage .area .elements { display: block; }

.point,
.stage_element_banner { display: none; }
}

@media (max-width: 710px) {
/*Filtermenu*/
.productFilter.toggleableElement:nth-child(2n) { clear: both; }
.productFilter.toggleableElement:nth-child(3n-1) { clear: none; }
}

@media (max-width: 700px) {
.fieldwrap_html > label, .powermail_fieldwrap > label { max-width: 165px; width: 100%; float: none !important; height: 24px; }
.registrationpage .jqTransformInputInner div input { width: 100% !important; max-width: 400px; }
.fieldwrap_html.new { margin: 10px 0; }
.powermail_fieldset .powermail_fieldwrap_input div input,
.powermail_fieldset .powermail_check_outer { width: 80%; }

/* Merkzettel */
.productFilterButtons #memoRemoveButton { clear: both; }
#memoRemoveButton, .actionButton.print.jsprint{ margin-top: 10px; }

body.page125 .innerContent div.csc-textpic-intext-left .csc-textpic-imagewrap { float: none; }
}

@media (max-width: 640px) {
.print { display: none; }
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: none; }
.grid_50_l, .grid_50_r { width: 100%; float: none; }
.linie{ margin: 15px 0; }
}

@media (max-width: 600px) {
#main .productDetail .mainImage .image img { max-width: 265px; }
input#cityOrZip { max-width: 270px; }
}

@media (max-width: 545px) {
.halfWidth { width: 100% !important; }
#main .container h1 { font-size: 27px; }
#main .container h2 { font-size: 22px; line-height: 36px;}
#main .productFinder h1 span.productFinderIcon { padding-right: 36px; background-position: 14px -174px; }
#main .productWishlist h1 span.productFinderIcon { background-position: -91px -172px; }

.fieldwrap_html label, .powermail_fieldwrap label { max-width: 220px; width: 100%; }
.jqTransformInputInner div input { max-width: 200px; width: 100% !important; margin-bottom: 60px; }

#main .productDetail .productHeadline .subHeadline .action { display: block; float: none; left: 0; }
a.button, button { display: block; width: auto; margin-top: 10px; display: table; }

body.page41 .fieldwrap_html span { float: none; }
body.page41 .fieldwrap_html .leftLabel label { float: left; left: 25px; position: relative; }
body.page41 .fieldwrap_html .leftLabel span { float: none; }

.toggleableElement h2 { font-size: 16px; }
.toggleableElement h2 .toggleIndicator { float: left; }
.toggleableElement h2 a { float: right; max-width: 82%; width: 100%; }

body.page50 .jqTransformInputInner div input { margin-bottom: 0 !important; }
}

@media (max-width: 530px) {
#tx-solr-pagination { height: 85px !important; }
#tx-solr-pagination-results-per-page { float: none !important; }
#tx-solr-pagination .tx-pagebrowse-pi1 { float: left !important; margin-top: 30px !important; }
}

@media (max-width: 500px) {
.description p { padding: 0 20px !important; }
#map { margin-left: 20px; }
#main .container p.teaserText, #main .container div.teaserText { font-size: 20px; }
.consultantDetailPage .center { text-align: left; }
.openingtimes > h3 { padding: 0; }
.consultantDetailPage .openingtimes { padding: 0 20px; }
.description > p { padding: 0 20px; }
.center .conTile { padding: 0 20px; }
}

@media (max-width: 450px) {
#tx-srfeuserregister-pi1-fe_users_form > legend { width: 100%; padding-left: 20px; }
.registrationpage .jqTransformInputInner div input { font-size: 11px; max-width: 280px; }
}

@media (max-width: 450px) {
#main .productWishlist .productListingContainer .productFilterButtons .actionButton{ float: none; }
}