/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea { color: #222;}

body {font-family: "Gill Sans W04 Light", Arial, Sans-Serif; font-size: 16px; line-height: 22px;}

.typo3-debug { display: none !important; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection { background: #b3d4fc; text-shadow: none;}

::selection { background: #b3d4fc; text-shadow: none;}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=ad060474-c4a0-4033-ad9c-baace78af22e&fontids=1122854,1122857,1122863");
@font-face{
    font-family:"Gill Sans W04 Light";
    /* src:url("../fonts/1122854/99f44245-9d58-4190-a64e-a3376f8b53b3.eot?#iefix");
    src:url("../fonts/1122854/99f44245-9d58-4190-a64e-a3376f8b53b3.eot?#iefix") format("eot"); */
  src:url("../fonts/1122854/bef137ae-8972-46a3-9a77-f0453736e755.woff") format("woff"),url("../fonts/1122854/c4072f74-697b-4348-a99d-a43bc92d5416.ttf") format("truetype"),url("../fonts/1122854/2f1959a9-36af-4490-bdb5-aec3ca90bbb2.svg#2f1959a9-36af-4490-bdb5-aec3ca90bbb2") format("svg");
}
@font-face{
    font-family:"GillSansW04-LightItalic";
    src:url("../fonts/1122857/5113a480-fa3c-4bf6-bd4a-e0ac89805479.eot?#iefix");
    src:url("../fonts/1122857/5113a480-fa3c-4bf6-bd4a-e0ac89805479.eot?#iefix") format("eot"),url("../fonts/1122857/b9b41545-c394-4b12-9be0-43f81ccc3aa9.woff") format("woff"),url("../fonts/1122857/46180314-bc5c-4478-af67-1faa9f32d95a.ttf") format("truetype"),url("../fonts/1122857/271c45ce-3eaa-4674-9466-7db090ad90e9.svg#271c45ce-3eaa-4674-9466-7db090ad90e9") format("svg");
}
@font-face{
    font-family:"Gill Sans W04 Roman";
    /* src:url("../fonts/1122863/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix");
    src:url("../fonts/1122863/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix") format("eot"); */
  src:url("../fonts/1122863/39ede25d-544d-4537-8668-3e9af68a26ec.woff") format("woff"),url("../fonts/1122863/fe7e264f-3a4a-40c8-85eb-f9e2cb4b6f21.ttf") format("truetype"),url("../fonts/1122863/f45aa0ef-7101-4ac6-84f9-fce14d01e189.svg#f45aa0ef-7101-4ac6-84f9-fce14d01e189") format("svg");
}



/* new */

@font-face {
  font-family: "Gill";
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/1122854/bef137ae-8972-46a3-9a77-f0453736e755.woff') format("woff");
}

@font-face {
  font-family: "Gill";
  font-weight: 300;
  font-style: italic;
  src: url('../fonts/1122857/b9b41545-c394-4b12-9be0-43f81ccc3aa9.woff') format("woff");
}

@font-face {
  font-family: "Gill";
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/1122863/39ede25d-544d-4537-8668-3e9af68a26ec.woff') format("woff");
}

.nav {
  font-size: 18px;
}

nav * {
  box-sizing: border-box;
}

/*
 * A better looking default horizontal rule
 */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img { vertical-align: middle;}

/*
 * Remove default fieldset styles.
 */

fieldset { border: 0; margin: 0; padding: 0;}

/*
 * Allow only vertical resizing of textareas.
 */

textarea { resize: vertical;}

/* standard elements */
a.button,
button {padding: 8px 34px; margin-right: 6px; background: #000; color: #fff; border: none; text-decoration: none;}
a.button:hover
button:hover {background: #e8e6e2; color: #333;}

a.button.system,
button.system {background: #e8e6e2; color: #333;}
a.button.system:hover,
button.system:hover {background: #000; color: #fff !important;}

a.button.small {padding: 2px 8px; font-size: 14px;}

.floatLeft .formButton {margin-left: 10px;}
.floatRight .formButton {margin-left: 10px;}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.clear, .clearall {clear: both; margin: 0; padding: 0; width: 0; height: 0;}
.floatLeft {float: left;}
.floatRight {float: right;}
.halfWidth {width: 50% !important;}
.fullWidth {width: 100% !important;}

html {margin: 0; padding: 0;height: 100%;}

body {background-color: #000; position: relative; overflow-x:hidden;}
.ie7 body {overflow-x:visible;}
fieldset > legend {display:none;}
#main {margin: 0; padding: 0; background-color: #fff; position: relative; height: auto !important; min-height: 100%; height: 100%;}
#main > .container {margin: 0; padding: 0 0 250px 0; width: 100%; background-color: #fff; height: auto !important; min-height: 100%; height: 100%;}
#main footer .content,
#main .container .content {width: 976px; margin: 0 auto;}


#main .container section.content {background-color: #fff;}

#main footer {background: #000; height: 250px; position: absolute; left: 0; right: 0; bottom: 0; /*position: fixed; z-index: 10;*/ }

#main footer .footerbox {float: left; min-height: 100px;}
#main footer .social,
#main footer .service,
#main footer .company {width: 252px;}
#main footer .information {width: 220px;}


#main footer .social {width: 20%;}
#main footer .service {width: 26%;}
#main footer .company {width: 34%;}
#main footer .information {width: 20%;}

#main footer .legal {font-family:"Gill Sans W04 Roman";}

#main footer .content .social ul li { background: none; padding: 0; margin:0 5px 0 0; float:left; display: inline-block; width: 26px; height: 26px; }
#main footer .content .social ul li:hover { background: none;}
#main footer .content .social ul li a.linkToPinterest { background: url("/fileadmin/layout/img/JOKA_/icon-pinterest.png") no-repeat 0 0 transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
#main footer .content .social ul li a.linkToPinterest:hover { background: url("/fileadmin/layout/img/JOKA_/icon-pinterest.png") no-repeat 0 0 transparent;}
#main footer .content .social ul li a.linkToFacebook { margin-top: 1px; background: url("/fileadmin/layout/img/JOKA_/icon-facebook.png") no-repeat 0 0 transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
#main footer .content .social ul li a.linkToFacebook:hover { background: url("/fileadmin/layout/img/JOKA_/icon-facebook.png") no-repeat 0 0 transparent;}
#main footer .content .social ul li a.linkToTwitter { background: url("../img/joka_sprite.png") no-repeat -26px -230px transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
#main footer .content .social ul li a.linkToTwitter:hover { background: url("../img/joka_sprite.png") no-repeat -26px -284px transparent;}
#main footer .content .social ul li a.linkToBlog {background: url("../img/joka_sprite.png") no-repeat -79px -257px transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
#main footer .content .social ul li a.linkToBlog:hover {background-position: -105px -257px;}
#main footer .content .social ul li a.linkToYouTube { background: url(../img/joka_sprite.png) no-repeat -79px -230px transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
#main footer .content .social ul li a.linkToYouTube:hover { background: url(../img/joka_sprite.png) no-repeat -79px -284px transparent;}
#main footer .footerbox .footerheadline {margin: 24px 0 10px 0; color: #999; font-size: 18px;}

#main footer .footerbox ul {padding: 0; margin: 0;}
#main footer .footerbox ul li {list-style-type: none; padding-left: 12px; display: block; background: url(../img/joka_sprite.png) -121px -791px transparent no-repeat; margin-left:0; }
#main footer .footerbox ul li:hover {background: url(../img/joka_sprite.png) -121px -811px transparent no-repeat;}
#main footer .footerbox ul li a {text-decoration: none; color: #999; font-size: 12px; line-height: 14px;}
#main footer .footerbox ul li:hover a {color: #fff;}

#main footer .legal {font-size: 14px; width: 100%; padding: 10px 0 0 0; color: #999; line-height: 20px; vertical-align: middle;}
#main footer .legal span {font-size: 12px; text-align: left;}


@media (max-width: 800px) {

  #main footer .social {width: 50%;}
  #main footer .service {width: 50%;}
  #main footer .company {width: 50%;}
  #main footer .information {width: 50%;}

}

@media (max-width: 550px) {

  #main footer .social {width: 100%;}
  #main footer .service {width: 100%;}
  #main footer .company {width: 100%;}
  #main footer .information {width: 100%;}

}

/* JKA 16.12.2021
#main .container section.content{overflow: hidden;}*/

#main .stage {width: 100%; height: auto; position: relative;}
#main .stage .area {width: 100%; min-width: 976px; height: auto; position: relative;}
#main .stage .area img {width: 100%; height: auto; position: relative; /* position: absolute; */}

#main .stage .area .point {width: 40px; height: 40px; border-radius: 100%; position: absolute; background: url('../img/joka_sprite.png') transparent -5px -971px; z-index: 1;}
#main .stage .area .point:hover {background: url('../img/joka_sprite.png') transparent -86px -971px;}
#main .stage .area .point.hover {background: url('../img/joka_sprite.png') transparent -86px -971px;}
#main .stage .area .point .infoContent {display: none; padding: 25px; width: 395px; background: url('../img/joka_blank.png') transparent top left; position: absolute;}
#main .stage .area .bl .infoContent {right: 0px; top: 0px;}
#main .stage .area .br .infoContent {left: 0px; top: 0px;}
#main .stage .area .tl .infoContent {right: 0px; bottom: 0px;}
#main .stage .area .tr .infoContent {left: 0px; bottom: 0px;}
#main .stage .area .point:hover .infoContent {display: block;}
#main .stage .area .point.hover .infoContent {display: block;}

#main .stage .area .point .infoContent .wrapper {padding: 20px 15px; background-color: #fff; box-shadow: 0px 0px 5px #ccc;}
#main .stage .area .point .infoContent .headline {background-color: #fff; margin-bottom: 10px; font-size: 20px; font-weight: normal;}
#main .stage .area .point .infoContent .description {background-color: #fff; font-size: 16px;}
#main .stage .area .point .infoContent .pricing { margin-top: 10px; background-color: #fff; font-size: 16px; font-weight: bold;}
#main .stage .area .point .infoContent .link {padding-top: 10px;}
#main .stage .area .point .infoContent .link a {background: url("../img/joka_sprite.png") no-repeat scroll -118px -456px transparent; padding-left: 12px; display: block; text-decoration: none; color: #000; font-size: 16px; font-weight: bold;}

#main .stage .area .stage_element {position: relative; background-color: #fff;}
#main .stage .area .stage_element img {min-width: 976px;}

#main .stage .area .elements {position: absolute; overflow: hidden; padding:0; margin:0; bottom:44px; }
/*body.page6 #main .stage .area .elements { overflow: hidden; padding:0; margin:0; position: fixed; bottom: 250px;}*/


#main .stage .area .elements .big {background-color: rgba(0, 0, 0, 0.8); color: #fff; max-width:442px; min-width: 274px; padding: 38px 24px; padding: 24px; }
.no-rgba #main .stage .area .elements .big {background-color: #000;}
#main .stage .area .elements .big .headline { font-size:36px; line-height:40px; font-size:30px; line-height:36px; }
#main .stage .area .elements .big .description {font-size:20px; line-height:24px; font-style:italic; padding-top:24px; padding-top:12px; }
#main .stage .area .elements .small {font-size:18px; line-height:22px; background-color: #fff; color: #000; width:304px; min-height:25px; margin-top:5px;}
#main .stage .area .elements .small:hover {background-color: #000; color: #fff;}
#main .stage .area .elements .small a {display:inline-block; padding:24px; color:#000; text-decoration:none;}
#main .stage .area .elements .small a:hover {color:#fff;}
#main .stage .area .elements .small.top {margin-top:25px;}

#main .stage .area .stage_element_banner {position: absolute; overflow: hidden; padding: 20px 15px; background-color: #fff; width: 274px; max-height: 549px;}
#main .stage .area .stage_element_banner p {margin:0;}
#main .stage .area .stage_element_banner h3 {font-size: 16px; line-height: 22px; margin: 0 0 8px 0;}
#main .stage .area .stage_element_banner p > a {display: inline-block; margin-top: 8px;}

#main .breadcrumb { min-height: 30px; background-color: #fff; margin-top: 10px;}
#main .breadcrumb h6 {float: left; margin: 0; font-size: 1em; font-weight: 400;}
#main .container .breadcrumb ul {padding: 0;}
#main .breadcrumb ul,
#main .breadcrumb li { list-style-type: none; padding: 0; margin-left:0; display: inline-block; line-height: 1.4em;}
#main .breadcrumb li:first-child { background: url("../img/joka_sprite.png") no-repeat scroll 0px -338px transparent; width: 14px; height: 16px; overflow: hidden;}
#main .breadcrumb li:first-child:hover { background: url("../img/joka_sprite.png") no-repeat scroll -105px -338px transparent;}
#main .breadcrumb li:first-child a { text-indent: 1000px; width: 10px; height: 16px; cursor: pointer;}
#main .breadcrumb li:not(:last-child) { border-right: 1px solid #000; padding: 0 10px; line-height: 16px;}
#main .breadcrumb li:last-child { padding: 0 10px; line-height: 14px;}
#main .breadcrumb li a,
#main .breadcrumb li .active { display: inline-block;}
#main .breadcrumb a { text-decoration: none; color: #000;}
#main .breadcrumb a:hover,
#main .breadcrumb a:focus,
#main .breadcrumb a:active { text-decoration: none;}


#sideNavigation .stagenavigation {position: relative; right: 0; width: 54px; height: 54px; cursor: pointer; background-color: #fff; display: none;}
#sideNavigation .stagenavigation:hover {background-color: #000;}
#sideNavigation .stagenavigation.prev {margin: 0 0 4px 0; background: url("../img/joka_sprite.png") 21px -864px #fff no-repeat;}
#sideNavigation .stagenavigation.next {margin: 0 0 4px 0; background: url("../img/joka_sprite.png") -97px -864px #fff no-repeat;}
#sideNavigation .stagenavigation.prev:hover {margin: 0 0 4px 0; background: url("../img/joka_sprite.png") 21px -914px #000 no-repeat;}
#sideNavigation .stagenavigation.next:hover {margin: 0 0 4px 0; background: url("../img/joka_sprite.png") -97px -914px #000 no-repeat;}



/* registration page */
.registrationpage .missing .failuretext {margin-left: 173px; width: 370px;}

#scrollNotifier {position: fixed; bottom: 0; left: 0; right: 0; height: 26px; display: none; text-align: center;}
#scrollNotifier .message {display: inline-block; top: 0; position: relative; cursor: pointer; width: 54px; height: 26px; background: url("../img/joka_sprite.png") -58px -873px #fff no-repeat;}

/* extra homepage styling */
.page6 .content .breadcrumb,
.page566 .content .breadcrumb {display: none;}

/* standard content elements */
#main .container h1 {font-size: 44px; line-height: 48px;}
#main .container h2 {font-size: 36px; line-height: 48px;}
#main .container h3 {font-size: 22px; line-height: 22px;}

#main .container figure > h3 {display: inline-block; margin: 20px 0px 0px;}

#main .container .innerContent img { height:auto; width:auto; }
/*
#main .container ul {margin: 0; padding: 0 0 0 24px;}
#main .container .flexslider ul{margin: 0; padding: 0;}
#main .container ul li {line-height: 22px;}
#main .container ul li ul {margin: 0; padding: 0 0 0 12px;}
*/
#main .container ul.contentlist {padding: 0; margin: 0;}
#main .container ul.contentlist li {list-style-type: none; padding-left: 12px; display: block; background: url(../img/joka_sprite.png) -118px -457px transparent no-repeat;}
#main .container ul.contentlist li a {text-decoration: none; color: #000; line-height: 14px; font-weight: bold;}

#main .container ol {margin: 0; padding: 0 0 0 24px; counter-reset: outer 0;}
#main .container ol li {line-height: 22px;}
#main .container ol li ol{margin: 0; padding: 0;}
#main .container ol > li {counter-increment:outer}
#main .container ol ol {counter-reset:inner 0}
#main .container ol ol > li {padding: 0; list-style:none; counter-increment:inner}
#main .container ol ol > li::before {content:counter(outer) "." counter(inner) " "}

#main .container p {font-size: 16px; line-height: 22px; margin-bottom: 22px;}
#main .container li {font-size: 16px; line-height: 22px;}
/*#main .container a {color: #000;}*/
#main .container p > a,
#main .container .link a,
.conTile .actions a {font-size: 16px; line-height: 22px; font-weight: bold; padding-left: 12px; text-decoration: none; color: #000; background: url(../img/joka_sprite.png) -118px -459px transparent no-repeat;}

a.textLink,
#main .container a.textLink ,
#main .container p a.textLink {font-size: 16px;line-height: auto;font-weight: normal;padding-left: 0;text-decoration: underline;color: #000;background: none;}

#main .container p.teaserText,
#main .container div.teaserText {font-size: 24px; line-height: 28px; margin-bottom: 22px; font-style: italic;}
#main .container div.teaserText p {font-size: 24px; line-height:28px; margin:0;}

#main .container .centeredElement {margin-left: 165px; width: 810px;}

/* css for googleMaps Start*/
#main .container .conSearchListing .conTile:nth-child(3n+4) {clear:left;}
#main .container .conSearchListing .centeredElement {margin-left: -165px; width: 810px;}
#main .container .centeredElement.searchResultMap {margin-left: 0px; margin-bottom: 30px; width: 100%;}
#main .container .centeredElement.searchResultMap #map {width: 100%;}
#main #map .addressPointDetailOverlay {width: 200px;}
/* css for googleMaps End*/

#map {width: 640px; height: 440px; float: left;}
#map .conTile {white-space: nowrap;}
#map .conTile .headline {font-size: 22px;}
.gm-style div, .gm-style span, .gm-style label, .gm-style a {font-family: "Gill Sans W04 Light", Arial, Sans-Serif !important;}
.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {font-size: 16px;}

/* Form Elements */
.fieldwrap_html {margin-bottom: 10px; display: inline-block; width: 760px;}
.fieldwrap_html > label {float: left;}
.fieldwrap_html label {display: inline-block; width: 165px;}
.fieldwrap_html label.flex {width: auto; margin-right: 15px;}
.fieldwrap_html span{font-size: 16px; float: left;}
.fieldwrap_html span.value {text-indent: 15px; margin-top:2px; line-height: 22px;}
.fieldwrap_html label span{float: none;}
.fieldwrap_html.gender span label {width: auto; height: 40px; line-height: 40px; vertical-align: top; margin-right: 10px; margin-left: 4px; padding: 0;}
.jqtransformdone .fieldwrap_html.gender span label  {width: auto; height: auto; line-height: initial;}
.fieldwrap_html.new {margin-top: 30px;}
.fieldwrap_html.end {margin-bottom: 30px;}
.fieldwrap_html .leftLabel label {float: right;}
.fieldwrap_html .leftLabel span {float: left;}
.fieldwrap_html .inputvalue {float: left;}
.fieldwrap_html .inputkey {float: left;}
.fieldwrap_html .inputStyle {border: 0; background: #000; padding: 5px 10px; color: #fff;}
.fieldwrap_html .inputStyle:hover {background: #e8e6e2; color: #333;}

.fieldwrap_html ul {padding: 0 !important;}
.fieldwrap_html li.formCheckboxDiv {list-style-type: none;}
.fieldwrap_html .formCheckboxDiv {float: left;}
.fieldwrap_html .formCheckboxDiv input,
.fieldwrap_html .formCheckboxDiv label {float: left; margin-left: 8px; max-width: 85%; min-height: 31px; line-height: 20px; width: auto;}
.fieldwrap_html .formCheckboxDiv label:after {clear: both;}

.missing .jqTransformInputInner div input {background: #ffe5e5 !important;}
.missing .failuretext {background: #ffe5e5; color: #000; height: 40px; line-height: 40px; padding: 0 15px; margin-bottom: 10px;}
form .fieldwrap_html .failuretext {display: none !important;}

.loginforgot button.submit {margin-left: 10px;}

/* powermail form elements */
.powermail_form legend.powermail_legend {display:none;}
fieldset > legend.powermail_label {display:block;}
.powermail_fieldset {margin: 20px 0 0 0;}
.powermail_fieldset .powermail_fieldwrap {padding: 10px 0; min-height: 40px;}
.powermail_fieldset .powermail_fieldwrap h2 {margin: 0;}
.powermail_fieldset .powermail_fieldwrap label {margin-top: 0; padding-top: 11px;}
.powermail_fieldset .powermail_fieldwrap .powermail_check_inner label,
.powermail_fieldset .powermail_fieldwrap .powermail_radio_inner label {padding-top: 0;}
.powermail_fieldset input {min-width: 200px;}
.powermail_fieldset textarea {min-width: 200px;}
.powermail_fieldset .powermail_fieldwrap_type_input label,
.powermail_fieldset .powermail_fieldwrap_type_text label,
.powermail_fieldset .powermail_fieldwrap_type_textarea label,
.powermail_fieldset .powermail_fieldwrap_type_select label,
.powermail_fieldset .powermail_fieldwrap_type_check .powermail_label,
.powermail_fieldset .powermail_fieldwrap_type_radio legend { float:left; width:165px; width:20%; }
.powermail_fieldset .powermail_fieldwrap_type_input div input,
.powermail_fieldset .powermail_fieldwrap_type_select div select,
.powermail_fieldset .powermail_check_outer,
.powermail_fieldset .powermail_radio_outer { float: left; width:100%; max-width:420px; }

.powermail_fieldset .powermail_fieldwrap_type_check .powermail_label {
    padding: 0;
    margin-bottom: 22px;
    font-size: 24px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;  
}
.powermail_fieldset .powermail_fieldwrap_type_check>.powermail_field {
  padding-left: 170px;
}

.powermail_fieldset .powermail_fieldwrap .jqTransformRadioWrapper {float: left;}

.powermail_fieldset .powermail_fieldwrap > div:after {clear: both;}

.powermail_fieldset.fullWidth {width: 100%; clear: both; float: none;}
.powermail_fieldset.fullWidth .jqTransformTextarea {width: 768px;}
.powermail_fieldset.fullWidth .jqTransformTextarea textarea {width: 100%;}
.powermail_fieldset.leftColumn {  width: 45%;  float: left; }
.powermail_fieldset.rightColumn { width: 52%; float: right;}

::-webkit-input-placeholder {height: 40px; line-height: 40px;}

/* additional styling for ns version */
.fieldwrap_html label,
.powermail_fieldwrap label {width: 165px; width:20%; height: 40px; line-height: 22px; padding-top: 6px;}
.jqtransformdone .fieldwrap_html label,
.jqtransformdone .powermail_fieldwrap label{padding-top: 0; margin-right: 10px;}
.fieldwrap_html input,
.powermail_fieldwrap input { height: 40px; line-height: 40px; background: #e8e6e2; color: #000; border: none; outline: none; width:100%; max-width:432px; }
.powermail_fieldwrap input[type="checkbox"] {height: auto; line-height: initial;}
.fieldwrap_html input[type="text"],
.powermail_fieldwrap  input[type="text"],
.fieldwrap_html input[type="password"],
.powermail_fieldwrap  input[type="password"] {padding: 0 0 0 12px;}
.fieldwrap_html input[type="checkbox"],
.powermail_fieldwrap  input[type="checkbox"] {margin: 0 6px 0 0;}
.powermail_fieldwrap .powermail_textarea {background: #e8e6e2; border: none;}
.powermail_check_inner input {min-width: 0;}
.powermail_check_inner label {height: auto;}
.fieldwrap_html input[type="submit"],
.powermail_fieldwrap input[type="submit"] {padding: 0 34px; margin-right: 6px; background: #000; color: #fff; border: none; text-decoration: none;}
.fieldwrap_html input[type="submit"]:hover,
.powermail_fieldwrap input[type="submit"]:hover {background: #e8e6e2; color: #333;}
.fieldwrap_html select {height: 40px;border: none;background: #e8e6e2;outline: none;}
.fieldwrap_html .floatLeft select {margin-left: 12px;}

.powermail_check_legend { margin-right:1%; }
#powermail_fieldwrap_345 .powermail_check_outer { width:100%; max-width:500px; }
#powermail_fieldwrap_345 .powermail_check_inner label { width:100%; max-width:420px; }
.jqTransformInputWrapper { width:78% !important; }

.powermail_form_19 h3 { display:none; }

#powermail_fieldwrap_345 .powermail_check_outer { max-width: 100%; }
#powermail_fieldwrap_345 .powermail_check_inner label { max-width: 550px; margin-left: 4px; }
#powermail_fieldwrap_359 table { width: 100%; max-width: 402px; }
#powermail_fieldwrap_359 textarea { resize:none; width: 100%; max-width: 402px; height: 75px; }

#powermail_fieldwrap_361 .powermail_check_outer { max-width: 100%; }
#powermail_fieldwrap_361 .powermail_check_inner label { max-width: 550px; margin-left: 4px; width: 100%; }

/* dmail_subscription */

.jqtransformdone .fieldwrap_html .tt_address_gender label { float: none; display: inline-block; width: auto; height: auto; vertical-align: top; }
.jqtransformdone .fieldwrap_html .tt_address_gender .jqTransformRadioWrapper { display: inline-block; float: none; }

/* consultant search (Fachberater Suchergebnis) */

.formFacheberater .jqTransformInputWrapper,
.formFacheberater1 .jqTransformInputWrapper { width:auto !important; }


.formFacheberater h2,
.formFacheberater1 h2 {margin-top: 30px; }
.formFacheberater .fieldwrap_html .floatLeft .jqTransformSelectWrapper,
.formFacheberater1 .fieldwrap_html .floatLeft .jqTransformSelectWrapper {margin-left: 12px;}
.conSearchListing {margin: 10px 0 20px 0; position: relative;}
.conSearchListing .moreitems {position: relative; width: 100%; height: 36px; display: block; text-align: center; margin-bottom: 20px; clear:both;}
.conSearchListing .noaddresses {width: 388px;}
.conSearchListing .conTile {float: left; width: 300px; margin: 0 25px 30px 0;}
.center .conTile {float: none; width: 325px; margin: 0 auto 20px;}
.conTile .headline {font-size: 22px; margin: 0 0 10px 0;}
.list-joka-location-header { font-weight:bold; padding-bottom:12px; }
.conTile .data .type {margin-bottom: 6px;}
.conTile .data .type .key {background: url("../img/joka_sprite.png") -35px -1067px transparent no-repeat;}
.conTile .data .location {margin-bottom: 6px;}
.conTile .data .location .key {background: url("../img/joka_sprite.png") -115px -1030px transparent no-repeat;}
.conTile .data .phone .key {background: url("../img/joka_sprite.png") -2px -1030px transparent no-repeat;}
.conTile .data .fax .key {background: url("../img/joka_sprite.png") -35px -1030px transparent no-repeat;}
.conTile .data .mail .key {background: url("../img/joka_sprite.png") -70px -1030px transparent no-repeat;}
.conTile .data .url .key {background: url("../img/joka_sprite.png") -70px -1067px transparent no-repeat;}
.conTile .data .key{display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-right: 3px;}
.conTile .data .value {display: inline-block; line-height: 20px;}
.conTile .data .value a {color: #000;}
.conTile .actions {margin-top: 10px;}
.conTile .actions a {display: block;}

/* consultant search (Fachberater Detailseite) */
#main .stage .consultantDetailPage .elements .big {width: 388px; background-color: rgba(0, 0, 0, 0.5);}
.no-rgba #main .stage .consultantDetailPage .elements .big {background: #000;}
#main .container .consultantDetailPage p.teaserText {margin-bottom: 44px;}
.consultantDetailPage .conSearchListing {width: 325px; display: inline-block;}
.consultantDetailPage .conSearchListing .conTile{width: 325px;}
.consultantDetailPage .conSearchListing #map .conTile {width: 288px; margin: 24px;}

.consultantDetailPage .openingtimes {width: 325px; margin-bottom: 20px; display: inline-block;}
.consultantDetailPage .openingtimes table tr>:first-child {width: 85px; font-weight: bold;}

.consultantDetailPage .center {text-align: center;}
.consultantDetailPage .center * {text-align: left;}
.consultantDetailPage .center .rteContent {width: 325px; margin-bottom: 10px; display: inline-block;}

.consultantDetailSearchListing .conTile {margin-top: 20px;}

/* Newsletter */
#main .container .content .newsListContainer .newsListItem {margin-bottom: 25px;}
#main .container .content .newsListContainer .newsListItem h3 {margin:0;}
#main .container .content .newsListContainer .newsListItem h3 a {text-decoration: none; color: #000; line-height: 16px; vertical-align: top;}
#main .container .content .newsListContainer .newsListItem p {margin:0; float:left;width: 725px;}
#main .container .content .newsListContainer .newsListItem p time {float:left; clear: left;}
#main .container .content .newsListContainer .newsListItem p time strong {font-weight: 500; font-size: 20px;}
#main .container .content .newsListContainer .newsListItem p .category {float:left;}
#main .container .content .newsListContainer .newsListItem p .subtitle {float:left; clear: left;}
#main .container .content .newsListContainer .newsListItem p .newsListMorelink {float:left; clear: left; padding-left: 12px; display: block; background: url("../img/joka_sprite.png") no-repeat scroll -118px -457px transparent;}
#main .container .content .newsListContainer .newsListItem p .newsListMorelink a {text-decoration: none; color:#000; font-weight: bold;}

#main .container .content .newsSingleItem h1 {clear: both; }
#main .container .content .newsSingleItem .imageWr img {}
#main .container .content .newsSingleItem .imageWr figcaption {margin-left: 25px; max-width: 190px; text-align: left; display: inline-block;}
#main .container .content .newsSingleItem .category {display: block;}
#main .container .content .newsSingleItem p.subheader {float:left; margin-top: 0;}
#main .container .content .newsSingleItem time {float:left;}
#main .container .content .newsSingleItem .newsSingleBacklink {min-height: 30px; float:left; clear: left; padding-left: 12px; display: block; background: url("../img/joka_sprite.png") no-repeat scroll -118px -457px transparent;}
#main .container .content .newsSingleItem .newsSingleBacklink a {text-decoration: none; color:#000; font-weight: bold;}

/* Grid 33/33/33 */
#main .container .content .grid_33 {width:33%; float:left;}
#main .container .content .grid_33 .elLeftAbove {margin-top: 10px;}
#main .container .content .grid_33 .elLeftAbove .imageWr img {float: none;}
#main .container .content .grid_33 .elLeftAbove h3{margin: 22px 0;}
#main .container .content .grid_33 .elLeftAbove p {margin: 0 0 10px 0; padding: 0 20px 0 0;}

/* Product Listing | Wishlist */
#main .productSearchContainer .jqTransformInputInner div{height:40px;}
#main .productSearchContainer {overflow:hidden;margin:35px 0 30px;}
#main .productSearchContainer .productSearchBoxContainer{overflow:hidden;width:625px;float:left;}
#main .productSearchContainer .productSearchBox{width:575px;font-size:16px;height:40px;padding-left: 12px;}
#main .productSearchContainer .productCountText{font-size:25px; line-height: 28px; float:left;margin-top:8px;font-style:italic;/*width: 306px;*/}
#main .productSearchContainer .productSearchBoxButton{width:40px;height:40px;background:#E8E6E2 url(../img/joka_sprite.png) no-repeat scroll 0px -1299px;margin-left:-10px;border:none;margin:0 10px 0 -10px;padding:0;}
#main .productFilterContainer .indent{margin-left:16px; margin-bottom: 10px;}
#main .productFilterContainer .toggleableElement .toggleableContent{padding-left: 0px;}
#main .productFilterContainer .productFilterToggleIcon{background:transparent url(../img/joka_sprite.png) no-repeat scroll -118px -455px;height:25px;width:15px;display:block;cursor:pointer;float:left;}
#main .productFilterContainer {float:left;width:230px;overflow:hidden;margin-right:20px;}
#main .productFilterContainer .productFilterHeadline{font-size:24px;font-weight:400;color:#000;line-height:26px;margin-bottom:10px;display:inline-block;cursor:pointer;float:left;width:215px;}
#main .productFilterContainer .open .productFilterToggleIcon{background:transparent url(../img/joka_sprite.png) no-repeat scroll -5px -455px;}
#main .productFilterContainer .productFilterContent{margin-bottom:20px;}
#main .productFilterContainer .productFilterContent .productFilterValueRow{overflow: hidden;}
#main .productFilterContainer .productFilterContent .productFilterValueRow label{margin: 0 0 0 4px;}
#main .productFilterContainer .productFilterActions{margin-top:15px;}
#main .productFilterContainer .productFilterActions span{background:#E8E6E2;color:#000;display:inline-block;text-decoration:none;font-size:12px;cursor:pointer;padding:0 10px;}
#main .productFilterContainer .productFilterActions .submitRefinedForm {display: none;}
#main .productFilterContainer .productFilterResetAll{display: none;background:#E8E6E2;color:#000;text-decoration:none;font-size:12px;cursor:pointer; width: 100%;text-align: center;}
#main .productFilterContainer .productFilterResetAll span {display: inline-block;}
#main .productFilterContainer .productFilterValues ul {padding: 0 0 0 14px;}
#main .productFilterContainer  .selected .productFilterValues ul {padding: 0;}
#main .productFilterContainer .productFilterValues li.level0,
#main .productFilterContainer .productFilterValues li.level1,
#main .productFilterContainer .productFilterValues li.level2,
#main .productFilterContainer .productFilterValues li.level3,
#main .productFilterContainer .productFilterValues li.level4 {list-style: none; background: url(../img/joka_sprite.png) transparent no-repeat;}

#main .productFilterContainer .productFilterValues li.level0 {padding-left: 14px; background-position: -119px -772px;}
#main .productFilterContainer .productFilterValues li.level1 {padding-left: 28px; background-position: -105px -772px;}
#main .productFilterContainer .productFilterValues li.level2 {padding-left: 42px; background-position: -91px -772px;}
#main .productFilterContainer .productFilterValues li.level3 {padding-left: 56px; background-position: -91px -772px;}
#main .productFilterContainer .productFilterValues li.level4 {padding-left: 70px;}

#main .productFilterContainer .productFilterValues li.level0.subcategory {padding-left: 0;}
#main .productFilterContainer .productFilterValues li.level1.subcategory {padding-left: 28px;}
#main .productFilterContainer .productFilterValues li.level2.subcategory {padding-left: 42px;}
#main .productFilterContainer .productFilterValues li.level3.subcategory {padding-left: 56px;}
#main .productFilterContainer .productFilterValues li.level4.subcategory {padding-left: 70px;}

#main .productFilterContainer .productFilterValues li.subcategory,
#main .productFilterContainer .productFilterValues li.level1.current,
#main .productFilterContainer .productFilterValues li.level2.current,
#main .productFilterContainer .productFilterValues li.level3.current,
#main .productFilterContainer .productFilterValues li.level4.current {background: none !important;}
#main .productFilterContainer .productFilterValues li.current {font-weight: bold;}

#main .productFilterContainer .productFilterValues li.level0 a,
#main .productFilterContainer .productFilterValues li.level1 a,
#main .productFilterContainer .productFilterValues li.level2 a,
#main .productFilterContainer .productFilterValues li.level3 a,
#main .productFilterContainer .productFilterValues li.level4 a{text-decoration: none;}
#main .productListingContainer {width:758px;float:left;}
#main .productListingContainer .productListing {width:220px; float:left; margin:0 32px 50px 0;}
#main .productListingContainer .productListing.last{margin-right:0;}
#main .productListingContainer .productListing .productListingHeadline{height:110px;overflow:hidden;}
#main .productListingContainer .productListing .productListingHeadline h2{display: inline-block; overflow:hidden;width: 100%;max-height: 58px;font-size:24px;font-weight:400;color:#000;line-height:29px;margin:10px 0 0 0;}
#main .productListingContainer .productListing .productListingHeadline .productTitle {font-size: 16px;line-height: 18px;font-style: italic;display: inline-block;max-height: 36px;width:100%;overflow: hidden;}
#main .productListingContainer .productListing .productListingPriceInfo{margin-top:8px;}
#main .productListingContainer .productListing .productListungActions{overflow:hidden;margin-top:14px;}
#main .productListingContainer .productListing .productListingLink{float:left;}
#main .productListingContainer .productListing .productListingLink a{background:#000;color:#fff;display:inline-block;text-decoration:none;padding:10px 35px;}
#main .productListingContainer .productListing .productListingLink a:hover{background:#808080;color:#ffffff;}
#main .productListingContainer .productListing .productListingWishlist{float:left;margin-left:20px;padding-top: 10px;}
#main .productWishlist .productListingContainer .productListing .productListingWishlist{float:left;margin-left:20px;padding-top: 0;}
#main .productListingContainer .moreitems {position: relative; width: 100%; height: 36px; display: block; text-align: center; margin-bottom: 20px; clear:both;}
.productListingPreviewImage img { max-width:220px; max-height:220px; }


/* Product Detail */
#main .productDetail .productHeadline {margin-bottom: 24px;}
#main .productDetail .productHeadline .main .memo {height: 36px; display: inline-block; vertical-align: middle; margin-left: 8px;}
#main .productDetail .productHeadline .main .memo a.memoLink {background:transparent url(../img/joka_sprite.png) no-repeat scroll -102px -68px;height:25px;width:25px;text-decoration:none;display:inline-block;}
#main .productDetail .productHeadline .main .memo a.onWishlist {background-position: -102px -175px;}

/* ADDED 2015-06-01 <m.kurzrock@s-w-e.com> begin: */

.memo-with-text {
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0px;
  
  padding: 0px 24px;
  font-family: "Gill Sans W04 Light",Arial,sans-serif;
  font-size: 16px;
  line-height: 28px;
  
  background: #e8e6e2;
  color: #333;
  border: none;
  text-decoration: none;
}

.memo-with-text:hover {
  background: #000;
  color: #fff !important;
  cursor: pointer;
}

.memo-with-text span.memoLinkIcon {

  background:transparent url(../img/joka_sprite.png) no-repeat scroll -48px -1304px;
  height:30px;
  width:30px;
  text-decoration:none;
  display:inline-block;
}

.memo-with-text span.memoLinkIconHover {
  background-position: -100px -176px;
}

.memo-with-text span.onWishlistIcon {
  /*background-position: -48px -1304px;*/
  background-position: -100px -176px;
} /* old normal pos -102px -68px */

.memo-with-text span.onWishlistIconHover {
  background-position: -100px -176px;
}

.memo-with-text span.memoLinkText {
  /*font-weight: normal;*/
}
.memo-with-text.onWishlist {
  background: #000;
  color: #fff !important;
}

/* ADDED 2015-06-01 <m.kurzrock@s-w-e.com end */


#main .productDetail .productHeadline .subHeadline .pricing {margin:0; float: left; color: #333; height: 31px; line-height: 31px;}
#main .productDetail .productHeadline .subHeadline .action {display: inline-block; float: right;}

#main .productDetail .mainImage {float: left; width: 554px;}
#main .productDetail .mainImage .image {width: 554px; height: 554px;}
#main .productDetail .mainImage .image img {max-width: 554px; max-height: 554px;}
#main .productDetail .mainImage .infoIcon {margin-top: 12px;}
#main .productDetail .mainImage .infoIcon span {display: inline-block; height: 32px; margin-right: 12px;}
#main .productDetail .address {width: 390px; float: right;}
#main .productDetail .address > p {margin-top: -4px;}
#main .productDetail .address .conSearchListing .conTile {width: 100%; margin: 0 0 20px 0;}
#main .productDetail .productInformation {margin-top: 10px;}

#main .productDetail .productListingContainer {width: 976px; float: none;}
#main .productDetail .variations .variationSlider {min-height: 146px; margin-bottom: 20px;}
#main .productDetail .moreProductsSlider {margin-bottom:20px;}
#main .productDetail .variationSlider .flex-direction-nav a,
#main .productDetail .moreProductsSlider .flex-direction-nav a {width: 52px; height: 52px; text-indent: -9999px; background: #fff;}
#main .productDetail .moreProductsSlider .productListingPriceInfo {display:none;}
#main .productDetail .moreProductsSlider .productListingHeadline {height:auto;}
#main .productDetail .variationSlider ul li {width: 136px !important; margin-right: 32px;}
#main .productDetail .variationSlider ul li.selected {width: 134px !important; border: 1px solid #000;}
#main .productDetail .variationSlider .flex-direction-nav a {top: 61px;}
#main .productDetail .moreProductsSlider ul li {width: 220px; margin-right: 32px;}
#main .productDetail .moreProductsSlider .flex-direction-nav a {top: 105px;}
#main .productDetail .flexslider {-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
#main .productDetail .productListingContainer .flexslider .productListing {margin-bottom: 0;}
#main .productDetail .flexslider .flex-direction-nav a {z-index: 10; opacity: 1; text-shadow: none; -webkit-transition: none; -moz-transition: none; transition: none; }
#main .productDetail .flexslider .flex-direction-nav .flex-disabled {display: none;}
#main .productDetail .flexslider .flex-direction-nav .flex-prev { left: 0; background: url("../img/joka_sprite.png") 18px -864px #fff no-repeat;}
#main .productDetail .flexslider .flex-direction-nav .flex-next { right: 0; background: url("../img/joka_sprite.png") -99px -864px #fff no-repeat;}
#main .productDetail .flexslider .flex-direction-nav .flex-prev:hover { left: 0; background: url("../img/joka_sprite.png") 18px -914px #000 no-repeat;}
#main .productDetail .flexslider .flex-direction-nav .flex-next:hover { right: 0; background: url("../img/joka_sprite.png") -99px -914px #000 no-repeat;}
#main .productDetail .flexslider .flexslider:hover .flex-prev {left: 0; }
#main .productDetail .flexslider .flexslider:hover .flex-next {right: 0; }
#main .productDetail .productListing .productListingWishlist a{background:transparent url(../img/joka_sprite.png) no-repeat scroll -102px -68px;height:25px;width:25px;text-decoration:none;display:block;}
#main .productDetail .productListing .productListingWishlist a.onWishlist{background:transparent url(../img/joka_sprite.png) no-repeat scroll -102px -175px;}
#main .productDetail .productAttributes table tr th {padding-right: 50px;}
#main .productDetail .productAttributes table tr th,
#main .productDetail .productAttributes table tr td{text-align: left;}

/* Product Finder */
#main .productFinder {overflow:hidden;}
#main .productFinder form {width:1008px;}
#main .productFinder h1{font-weight:400;}
#main .productFinder h1 span.productFinderIcon{height:20px;padding-right:30px;background:transparent url(../img/joka_sprite.png) no-repeat scroll 14px -159px;}
#main .productFinder .productFilterContainer .productFilterToggleControls{overflow:hidden;}
#main .productFinder .productListingContainer .productListing .productListingWishlist a,
#main .productFinder .productListingContainer .productListing .productListingWishlist a:hover{height:25px;width:25px;text-decoration:none;display:block;background:transparent url(../img/joka_sprite.png) no-repeat scroll -102px -68px;}
#main .productFinder .productListingContainer .productListing .productListingWishlist a.onWishlist{background:transparent url(../img/joka_sprite.png) no-repeat scroll -102px -175px;}

/* Product Wishlist*/
#main .productWishlist {overflow:hidden;}
#main .productWishlist form {width:1008px;}
#main .productWishlist h1{font-weight:400;}
#main .productWishlist h1 span.productFinderIcon{height:20px;padding-right:30px;background:transparent url(../img/joka_sprite.png) no-repeat scroll -89px -159px;}
#main .productWishlist .productFilterContainer .productFilterToggleControls{overflow:hidden;}
#main .productWishlist .productFilterContainer .productFilterButtons{margin-bottom: 30px;}
#main .productWishlist .productFilterContainer .productFilterButtons .actionButton{background:#000000;color: #FFFFFF;padding: 10px 25px;border:0;}
#main .productWishlist .productFilterContainer .productFilterButtons .actionButton:hover{background:#808080;color:#ffffff;}
#main .productWishlist .productListingContainer .productFilterButtons{margin-bottom: 30px;overflow: hidden;}
#main .productWishlist .productListingContainer .productFilterButtons .actionButton{background:#E8E6E2;color: #333;padding: 10px 25px;border:0;float:left;margin-right: 10px;}
#main .productWishlist .productListingContainer .productFilterButtons .actionButton:hover{background:#808080;color:#ffffff;}
#main .productWishlist .productListingContainer .productFilterButtons .disabledActionButton,
#main .productWishlist .productListingContainer .productFilterButtons .disabledActionButton:hover {background:#E8E6E2;color: #333;opacity:0.5;}
#main .productWishlist .productWishlistHeader {margin-bottom: 40px; width: 976px;}
#main .productWishlist .productWishlistHeader p{font-size: 24px;line-height: 30px;font-style:italic;}
#main .productWishlist .productListingContainer .productListing .productListingWishlist a{margin-top:10px;}

/* jQuery UI autocomplete above jqTransform elements */
.ui-autocomplete { position: absolute; cursor: default; z-index: 30 !important; }

/* back 2 top link */
#b2tLink {background: #000; z-index: 2000; cursor: pointer; width: 54px; height: 54px; position: fixed; right: 0; bottom: 0; background: url("../img/joka_sprite.png") -19px -913px #000 no-repeat;}

/* Registration page */
.tx-srfeuserregister-pi1 div.readonly input {height:22px;line-height:22px;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px;}

.ir:before { content: ""; display: block; width: 0; height: 150%;}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden { display: none !important; visibility: hidden;}

.error {background: #ffe5e5; width: 388px; padding: 16px;}

.loader {display: inline-block; height: 36px; width: 36px; background: url("../img/loader_white.gif") 0 0 transparent no-repeat;}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible { visibility: hidden;}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */}

.clearfix:after { clear: both;}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix { *zoom: 1;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

#submit_closest_wrapper{
    margin-top: -2px;
}

#noResultCnt_1 .noaddresses{
    width:330px;
}





/* CSS NEU 
#main .stage { padding-top: 54px; } */






#main .productFinder .productListingContainer .productListing .productListingWishlist a, #main .productFinder .productListingContainer .productListing .productListingWishlist a:hover {
 background: transparent url('../../layout/img/joka_sprite.png') no-repeat scroll -101px -68px; height: 30px; width: 30px
}

#main .productFinder .productListingContainer .productListing .productListingWishlist a.onWishlist {
  background: transparent url('../../layout/img/joka_sprite.png') no-repeat scroll -101px -175px; height: 30px; width: 30px;
}

#main .productDetail .productHeadline .main .memo a.memoLink {
  background: transparent url('../../layout/img/joka_sprite.png') no-repeat scroll -101px -66px; height: 30px; width: 30px;
}

#main .productDetail .productHeadline .main .memo a.memoLink.onWishlist {
  background: transparent url('../../layout/img/joka_sprite.png') no-repeat scroll -101px -173px; height: 30px; width: 30px;
}
 
/* Abstand Preisinfo/Produkt detail */
.productListingPriceInfo { height: 0; margin-top: 0 !important; }

/* Footer */
body.page6 #main .stage { position: absolute !important; }
body.page6 #main footer { position: absolute !important; bottom: -195px !important; }
/*body.page6 #main .stage .area .elements { bottom: 258px; }*/
#main .stage .area .elements { bottom: 15%; }

body.page566 #main .stage { position: absolute !important; }
body.page566 #main footer { position: absolute !important; bottom: -163px !important; }






nav button {
  margin: 2px .5em 0 0!important;
}

.area #sideNavigation { display: none; }






.tx-jokaproductlightbox a {
  font-size: 0;
  height: 38px;
  width: 92px;
  background: transparent url('/fileadmin/layout/img/weiss_03.png') no-repeat!important;
  display: block;
  /*
  background: #000;
  color: #fff!important;
  text-decoration: none!important;
  padding: .25em .5em .15em 1em;
  font-weight: 700;
  */
}

.tx-jokaproductlightbox a:hover, .tx-jokaproductlightbox a:focus {
  background: transparent url('/fileadmin/layout/img/schwarz_03.png') no-repeat!important;
}

  .tx-jokaproductlightbox a {
    display: none;
  }

}
/*
.joka-product-lightbox a::before {
  content: "i";
  background: #fff;
  line-height: 1.4;
  color: #000;
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  font-weight: 700;
  font-size: 1.4em;
  text-align: center;
  border-radius: 1.4em;
  position: absolute;
  font-style: italic;
  left: -1.15em;
  top: -.35em;
}

.joka-product-lightbox a:hover::before {
  background: #000;
  color: #fff;
  box-shadow: 1px 0px 0px 0px #666;
}
*/
.tx-jokaproductlightbox-lightbox-product-title,
.joka-product-lightbox-lightbox-product-title {
  font-weight: 300;
  font-size: 1.6em;
  line-height: 1.2;
  padding-top: .5em;
  margin-bottom: 1em;
}

.tx-jokaproductlightbox-lightbox-product-title p,
.joka-product-lightbox-lightbox-product-title p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

.tx-jokaproductlightbox-lightbox-product-description,
.joka-product-lightbox-lightbox-product-description {
  font-weight: 300;
}


.tx-jokaproductlightbox img,
.joka-product-lightbox img {
  float: left;
}

.joka-product-lightbox-lightbox-container .memo-with-text {
    height: 33px;
    display: inline-block;
    vertical-align: normal;
    margin-left: 0px;
    padding: 2px 24px 0;
    font-family: "Gill Sans W04 Light",Arial,sans-serif;
    line-height: 28px;
    background: #E8E6E2 none repeat scroll 0% 0%;
    color: #333;
    border: medium none;
    text-decoration: none;
    font-size: 16px;
}


.joka-product-lightbox-lightbox-container .memo-with-text:hover {
    background: #000 none repeat scroll 0% 0%;
    color: #FFF !important;
    cursor: pointer;
}

.tx-jokaproductlightbox-lightbox-product-image,
.joka-product-lightbox-lightbox-product-image {
  width: 50%;
  float: left;
  margin: 0 1em 0 0;
}


.tx-jokaproductlightbox-lightbox-product-image img,
.joka-product-lightbox-lightbox-product-image img {
  max-width: 100%;
  height: auto;
  float: left;
}


.tx-jokaproductlightbox-lightbox-product-buttons,
.joka-product-lightbox-lightbox-product-buttons {
  margin: 2em 0 0;
}


.joka-product-lightbox-lightbox-product-memo-button, .joka-product-lightbox-lightbox-product-detailpage-button {
  display: inline-block;
  font-weight: 700!important;
}

.joka-product-lightbox-lightbox-product-detailpage-button a {
  padding-top: 10px;
}







.joka-product-lightbox-lightbox-product-memo-button .memo-with-text, .joka-product-lightbox-lightbox-product-detailpage-button a {
  height: 1.25em;
  padding: 8px 34px;
  background: #e8e6e2;
  line-height: 1.25;
  display: inline-block;
}

.joka-product-lightbox-lightbox-product-memo-button {
    top: -0.1em;
    position: relative;
}


/* SWE nach TYPO3 Update 04/2020 */
figure.image {
  margin-bottom: 7px;
}

@media (max-width: 740px) {

  .slider .slider-element--image img {
    height: auto;
  }
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* SWE 19.10.2022 */
figcaption .icon img {
  max-width: 150px;
  margin: 0 auto;
  
}
ul.ulasmenu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 90%;
}
ul.ulasmenu li {
 background-color: #e5e5e5;
 padding: 10px;
 color: #000;
 font-weight: bold;
 margin-bottom: 10px;
 border-radius: 5px;
 position: relative;
}
ul.ulasmenu li a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
  display: block;
}
ul.ulasmenu li a::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 7px;
  width: 14px;
  height: 25px;
  background: url("/fileadmin/layout/img/icon-caret-right.jpg") no-repeat;
  background-size: cover;
}
	

body.page1504 .frame-type-image .ce-column figure {
  margin: 0;
}
body.page1504 .sg--box {
  height: 100%;
}

.mbslider .slider-element .slider-element--text {
  background: none;
}