/* ColorBox v1.4.31, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.4.31/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/* CSS Document */
/*=================================Browser Reset========================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*======================Allgemein==========================*/


body {
    background-image: url(/files/fenjal/images/bg_verlauf.jpg);
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-color: #AEDFD9;
    color: #143A50;
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}


.ios body {
    background-image: none;
}

.clear {
    clear: both;
}

.invisible {
    display: none !important;
}

object, embed, video, iframe {
    max-width: 100%;
	}
.back{
	margin-top:10px;
	margin-bottom:20px;
}
.back.mobile{
	display:none;
}
.me-plugin{
	width:100%;
	height:100%;
}

/*======================Popups==========================*/

#cboxOverlay {
    background-color: #FFF;
}

#cboxLoadedContent {
    border: 5px solid #FFF;
    background-color: #FFF;
    padding: 25px;
    background: url(/files/fenjal/images/bg_verlauf.jpg);
}

#cboxTitle {
    bottom: 51px;
    color: #143A50;
    font-size: 20px;
    font-weight: lighter;
    height: 50px;
    line-height: 50px;
    position: absolute;wohlf
    text-align: center;
    top: 10px;
    width: 100%;
}

/*======================Formulare==========================*/

input, textarea, select {
    color: #143A50;
    font-family: arial;
}

.error {
    background-color: #FF9999 !important;
    color: #FFF;
}

p.error {
    display: none;
}

span.error {
    background: none;
}

.submit_container {
    float: right;
}

.contact select,
.contact input,
.newsletter select,
.newsletter input {
    margin-bottom: 10px;
}

.contact input,
.contact textarea,
.contact select,
.newsletter input {
    width: 250px;
}

.contact #ctrl_2,
.contact #ctrl_11,
.newsletter #ctrl_13,
.newsletter #ctrl_22 {
    width: 150px;
}

.contact .checkbox,
.contact .submit,
.newsletter .checkbox
.newsletter .submit {
    width: auto;
}

.newsletter .formbody label {
    display: inline-block;
    width: 150px;
}

.newsletter .formbody #lbl_acceptterms_0 {
    display: inline;
    width: auto;
}

.newsletter .formbody #opt_acceptterms_0 {
    margin-bottom: 0;
    position: relative;
    top: 2px;
}

.newsletter .formbody #opt_23_1,
.newsletter .formbody .submit,
.newsletter .formbody #ctrl_acceptterms input {
    width: auto;
}

.newsletter .formbody #ctrl_salutation,
.newsletter .formbody #ctrl_country {
    width: 150px;
}

.newsletter .formbody .captcha {
    width: 75px;
}

#ctrl_acceptterms {
    clear: both;
    position: relative;
}

#ctrl_acceptterms > legend,
#ctrl_acceptterms > span {
    display: block;

}
/*======================Facebook==========================*/
.fb-like.fb_iframe_widget {
    left: 3px;
    top: 15px;
    margin-bottom: 10px;
}
.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
    width: 500px !important;
}

/*=====Newsletter=====*/
/*======================Text==========================*/

a {
    color: #143A50;
}

p {
    margin: 0 0 10px;
}

b, strong {
    font-weight: bold;
}

h1 {
    font-size: 18px;
    margin-bottom: 15px;
}

h3 {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
}

h2, h4 {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: bold;
}

ol li {
    list-style-type: decimal;
    margin-left: 40px;
    padding-left: 10px;
}

.blue-headline {
    background: url(/files/fenjal/images/headline-background-blue-slim.png);
    background-position: center center;
    background-repeat: repeat-y;
    color: #fff;
}

.center {
    text-align: center;
}

/*======================Sprache==========================*/

.mod_changelanguage {
    display: inline;
}

.mod_changelanguage span {
    color: #FFF;
}

.mod_changelanguage ul li {
    float: left;
    margin-right: 5px;
}

.lang-en,
.lang-de,
.lang-fr {
    text-decoration: none;
}

/*======================Navigation==========================*/

#left {
    position: absolute;
    position: fixed;
    left: 50px;
    top: 50px;
    line-height: 1;
    width: 350px;
}

.products #left {
	position:absolute;
}

.products #left .layout_full {
    margin: auto;
    width: auto !important;
}

#left h4 {
    margin-top: 30px;
}

#left a {
    text-decoration: none;
}

#left .navigation-product li a,
#left .navigation-product li span {
    background-image: url("../../files/fenjal/images/bg-submenu.png");
    background-position: -3px -4px;
    display: block;
    margin-bottom: 3px;
    padding: 3px 0 3px 10px;
    width: 120px;
}

#left .navigation-product li a:hover,
#left .navigation-product li.active a {
    background-image: url("../../files/fenjal/images/bg-submenu-hover.png");

}

#left #navigation ul li {
    margin-bottom: 8px;
}

#left #navigation ul li a,
#left #navigation ul li span {
    text-decoration: none;
    font-size: 18px;
}

#left #navigation ul li a:hover,
#left #navigation ul li.trail a,
#left #navigation ul li.active span {
    color: #FFF;
}

.sub-nav {
    display: block;
    font-size: 11px;
    right: -40px;
    position: absolute;
    top: 50px;
    width: auto;
}

.sub-nav li a,
.sub-nav li span {
    background-image: url("../../files/fenjal/images/bg-submenu-right.png");
    background-position: -55px -4px;
    display: block;
    margin-bottom: 2px;
    padding: 2px 0 2px 10px;
    text-decoration: none;
    width: 90px;
}

.sub-nav li.active span,
.sub-nav li a:hover,
.sub-nav li a.active {
    background-image: url("../../files/fenjal/images/bg-submenu-right-hover.png");
}

.menu-btn {
    display: none;
}

/*======================Layout==========================*/

/*=====Designelemente=====*/

#designelements {

    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

#designelement-top {
    position: absolute;
    left: 30%;
    clear: left;
}

#designelement-left {
    position: fixed;
    top: 300px;
    left: -100px;
}

#usps {
    position: absolute;
    right: 10%;
    top: 300px; 25.4.16
    width: 360px;
    height: 200px;
    font-family: "Oxygen", Helvetica, Arial, sand-serif;
    font-size: 30px;
    font-style: italic;
    font-weight: lighter;
    line-height: 1.2;
}
#usps.moringausps{
	font-style: normal;
    top: 220px;
}

/*=====Main=====*/

#main {
    width: 970px;
    margin: auto;
    padding: 150px 0 0 0;
}

.beauty-tips #wrapper #main .inside {
	position:relative;
	width: 100%;
}

#main .inside {
    position: relative;
}

#content-slim,
#content-wide,
#content-slim-bottom,
#content-wide-bottom{
    margin: 0 auto;
}

#content-slim {
    width: 488px;
    padding: 50px 50px 10px 50px;
    background-image: url(/files/fenjal/images/background-slim.png);
}

#content-slim-bottom {
    background-image: url(/files/fenjal/images/background-slim.png);
    background-position: center bottom;
    height: 25px;
    width: 488px;
    padding: 0 50px 0 50px;
    height: 40px;
    clear: both;
}

#content-wide {
    width: 800px;
    padding: 50px 50px 10px 50px;
    background-image: url(/files/fenjal/images/background-wide.png)
}

.dermatest #content-wide {
	background: none;
}

#content-wide-bottom {
    background-image: url(/files/fenjal/images/background-wide.png);
    background-position: center bottom;
    height: 25px;
    width: 800px;
    padding: 0 50px 0 50px;
    height: 40px;
    clear: both;
}

/*=====Logo & Suche=====*/

#right {
    position: absolute;
    right: 50px;
    text-align: left;
    top: 5px;
    width: 220px;
}

#right .search-field {
    float: right;
}

#right .search-field {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    box-shadow: 1px 3px 3px #DDDDDD inset;
    height: 16px;
    padding: 1px 5px;
    width: 120px;
}

#right #logo {
    float: right;
    margin-top: 30px;
}

/*=====Footer=====*/

.home #footer {
    position: absolute;
    bottom: 20px;
    width: 1050px;
    left: 50%;
    margin-left: -485px;
}

#footer {
    width: 970px;
    margin: 50px auto 25px auto;

}

#footer ul.level_1 li {
    float: left;
    border-left: 2px solid #89AEA6;
    padding: 5px 10px;

}

#footer ul.level_1 li.first {
    border: none;
}

#footer ul.level_1 li a {
    text-decoration: none;
    padding: 2px;
}

#footer ul.level_1 li a:hover,
#footer ul.level_1 li.trail a,
#footer ul.level_1 li.active span {

    background-color: #143A50;
    color: #FFFFFF;
    padding: 2px;
}

#footer .logo-switzerland {
    float: right;
    position: relative;
    top: -16px;
    width: 200px;
    height: auto;
    visibility: hidden;
}

.facebook, .googleplus, .pinterest {
    float: left;
    margin: 4px 5px 0 5px;
}

#social-media-icons {

}

/*=====Promoboxen=====*/

.fisheye {
    text-align: center;
    height: 50px;
    position: relative;
}

a.fisheyeItem {
    text-align: center;
    color: #143A50;
    font-weight: bold;
    text-decoration: none;
    width: 120px;
    position: absolute;
    display: block;
    bottom: 0;
}

.fisheyeItem img {
    border: none;
    margin: 5px auto 0 auto;
    width: 100%;
}

.fisheyeItem span,
{
    display: none;
    positon: absolute;
}

.fisheyeContainter {
    height: 50px;
    width: 200px;
    left: 500px;
    position: absolute;
}

#fisheye {
    position: absolute;
    width: 100%;
    bottom: 150px;
}

/*======================Erlebnisfilm==========================*/

.mejs-overlay,
.mejs-overlay-button {
    display: none;
}

/*======================Content==========================*/

/*=====Produkte=====*/

.products #main {
    padding-top: 0;
}

.products #main .layout_full {
    margin: auto;
    width: 800px;
}

.products .moodimage {
    height: 220px;
    text-align: center;
    z-index: -1;
}

.products .moodimage img {
    height: 100%;
    width: auto;
    margin-right: 100px;
}

.products .productimage,
.dermatest .productimage {
    float: left;
    width: 260px;
    margin-right: 40px;
}

.products .productimage:hover {
    background-image: url(/files/fenjal/images/zoom.png);
    background-position: center 320px;
    background-repeat: no-repeat;
    z-index: 999999;
}

.products .productsbar {
    text-align: center;
}

.products .usps {
    float: left;
    width: 175px;
    position: relative;
}

.products .usp {
    position: relative;
}

.products .usps .usp-header {
    font-size: 12px;
    font-weight: bold;
    left: 16px;
    position: absolute;
    top: 12px;
}

.products .usps .usp-top {
    background-image: url(/files/fenjal/images/usp-top.png);
    background-repeat: no-repeat;
    height: 23px;
}

.products .usps .usp-middle {
    background-image: url(/files/fenjal/images/usp-middle.png);
    background-repeat: repeat-y;
    height: auto;
}

.products .usps .usp-bottom {
    background-image: url(/files/fenjal/images/usp-bottom.png);
    background-repeat: no-repeat;
    height: 20px;
}

.products .usps ul {
    color: #143A50;
    font-size: 12px;
    line-height: 1.1;
    margin-left: -29px;
    margin-top: 0;
    padding-bottom: 1px;
    padding-top: 5px;
}

.products .usps ul li {
    background-image: url(/files/fenjal/images/usp-bullet.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #143A50;
    font-size: 12px;
    font-weight: 100;
    list-style-type: none;
    margin-left: 45px;
    margin-top: 5px;
    padding: 0 25px 0 18px;
}

.products #product_slide_wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 770px;
    padding-top: 25px;
}

.products #control_wrapper {
    position: relative;
    width: 100%;
    top: 30px;
    display: none;
}

.products .bx-controls .bx-prev {
    background-image: url(/files/fenjal/images/produkt-left.png);
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    height: 44px;
    left: 0;
    width: 40px;
    border: none;
    top: 80px;
    background-position: center center;
}

.products .bx-controls .bx-next {
    background-image: url(/files/fenjal/images/produkt-right.png);
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    height: 50px;
    right: 0;
    width: 40px;
    border: none;
    top: 80px;
    background-position: center center;
}

.products .bx-wrapper {
    margin: auto;
}

.products .bx-wrapper .bx-pager,
.products .bx-wrapper .bx-controls-auto {
    margin-top: -10px;
    width: 100%;
}

.products .bx-wrapper .bx-pager .bx-pager-item,
.products .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}

.products .bx-wrapper .bx-pager {
    color: #666666;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

.products .bx-wrapper .bx-pager.bx-default-pager a:hover,
.products .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #FFF;
}

.products .bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #143A50;
    border-radius: 5px;
    display: block;
    height: 10px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
}

.products .product-fisheye {
    width: 940px;
    margin: auto;
}

.products .product_fisheyeItem {
    bottom: 0;
    color: #143A50;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 95px;
    padding: 0 30px;
    position: relative;
    height: 220px;
}

.products .product_fisheyeItem .caption {
    font-size: 10px;
}
.products .bubble {
    display: none;
}
.products .bubble {
    background-color: #143A50;
    border-radius: 10px;
    box-shadow: 0 0 5px #888888;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 100;
    position: absolute;
    left: -9999px;
    line-height: 1.3em;
    margin: 10px auto;
    min-height: 32px;
    min-width: 101px;
    opacity: 1;
    padding: 10px;
    text-align: center;
    width: auto;
    max-width: 120px;
    bottom: 220px;
    opacity: 0.8;
}

.products .bubble-arrow {
    border-color: #143A50 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px;
    bottom: -17px;
    height: 0;
    left: 40%;
    position: absolute;
    width: 0;
}

.products .category-hl {
    text-align: center;
    font-weight: bold;
    margin: 20px auto;
}

.ie8.products .bubble-arrow {
    display: none;
}

.products .product_fisheyeItem:hover .bubble {
    left: 10px;
    bottom: 100px;
}

.products .description {
    float: left;
    width: 280px;
    line-height: 1.3;

}

.dermatest .description {
    float: left;
    width: 500px;
    line-height: 1.3;

}

.description p {
    padding-right: 15px;
}

.products .description .produkt-text-content,
.dermatest .description .produkt-text-content {
    height: auto !important;
}

.products .description h1,
.dermatest .description h1 {
    font-size: 16px;
    font-weight: bold;
}

.products .description h2,
.dermatest .description h2 {
    font-size: 13px;
}

.products .choose-category {
    display: none;
}

.products #product-category-menu {
    display: none;
}

.international-only {
    font-size: 11px;
    font-style: italic;
    margin-top: 5px;
}

/*=====Partnerländer=====*/

.flag img {
    margin: 10px 35px 0 0;
}

td {
    vertical-align: middle;
}

/*=====Shop Finder=====*/

.shop-finder .ce_gallery ul li {
    background-image: url(/files/fenjal/images/querbalken-shopfinder.png);
    background-position: 0 -25px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 65px;
    margin-bottom: 80px;
    text-align: center;
    width: 95px;
}

.shop-finder .ce_gallery ul li.col_0 {
    background: none;
}

.shop-finder a {
    text-decoration: none;
}

.shop-finder .ce_gallery ul li:hover img {
    opacity: 0.8
}

.shop-finder-select-text {
    height: 19px;
    line-height: 20px;
    margin: 0 10px 25px 0;
}

.shop-finder .submit {
    background-color: #143a50;
    border-radius: 5px;
    color: #fff;
    padding: 0px 7px;
    border: none;
}

.shop-finder .shop-finder.left {
    width:45%;
    text-align: right;
}

.shop-finder .shop-finder.right {
    width:45%;
}

.shop-finder .shop-finder-button {
    width:45%;
    line-height: 64px;
    background-color: #143a50;
    color: #fff;
    border-radius: 5px;
    padding: 3px 7px;
}

/*=====Über uns=====*/

 tr.even {
    background-color: #DBEEEA;
}

tr.odd {
    background-color: #CDE7DE;
}

.ce_table .col_first {
    font-weight: bold;
    width: 200px;
}

.ce_table td {
    padding: 5px;
}

#fenjal-video {

    width: 250px;
    height: 160px;
}

.about-fenjal .ce_text {
    float: left;
    margin-left: 10px;
    width: 32%;
}

.about-fenjal .ce_text img {
    width: 100%;
    height: auto;
}

.about-fenjal .ce_text.first {
    margin: auto;
}

/*=====Beauty Tipps allgemein=====*/

#beauty-tips-teaser {
    width: 80%;
    margin: 0 auto;
}
#beauty-tips-teaser h1.ce_headline{
	text-align:center;	
	font-size:28px;
}
.beauty-tips .ce_image, #content-wide-ratgeber .ce_image {
    margin-left:0;
	width:40%;
	float:left;
}

#content-wide-ratgeber .beautytips_unterseite .ce_image{
	width:100%;
	float:inherit;
}
#content-wide-ratgeber .beautytips_unterseite .image_container img{
	width:100%;
}
.beauty-tips .ce_image.first {
    margin-left: 0;
}
.beauty-tips #skin,
.beauty-tips #wellness,
.beauty-tips #beauty-lexicon {
    min-height: 300px;
}

.beauty-tipps-frau {
    bottom: 35px;
    left: 65px;
    margin-right: 3px;
    padding-right: 0;
    position: absolute;
    z-index: 51;
}

.beauty-tips .bx-wrapper {
    padding-left: 330px;
}

.beauty-tips h3 {
    font-size: 24px;
    margin-bottom: 15px;
}
.beauty-tips .bx-controls {
    position: absolute;
    right: 100px;
    top: 60px;
}

.beauty-tips .bx-controls .bx-prev,
.beauty-tips .bx-controls .bx-next {
    border: 10px solid rgba(0, 0, 0, 0);
    border-color: transparent #FFFFFF transparent transparent;
    cursor: pointer;
    float: left;
    height: 0;
    margin: 0 2px;
    width: 0;
}

.beauty-tips .bx-controls .bx-next {
    border-color: transparent transparent transparent #FFFFFF;
}

.beauty-headline {
    background-image: url(/files/fenjal/images/beauty-tipps-headline-background-blue.png);
    color: #FFFFFF;
    display: block;
    height: 25px;
    left: -20px;
    padding: 5px 0 5px 350px;
    position: relative;
    width: 484px;
    background-position: center center;
}

.beautytips{
	width:29%;
	box-sizing:border-box;
	box-shadow:#707070 0px 0px 5px 1px;
	background-color:#bde0d8;
	border:10px solid rgba(255, 255, 255, 0.0);
	background-clip:padding-box;
	border-radius:20px;
	float:left;
	margin:10px 2%;
	min-height:470px;
}
.beautytips .image_container{
	height:200px;
	overflow:hidden;
}
.beautytips h3{
	padding:0 10px;
	background-image:url("../../files/fenjal/images/beauty-tips/h3-bg.png");
	background-size:contain;
	font-weight:lighter;
}

.beautytips h3 a {
	text-decoration:none;
	font-size:20px;
}
.beautytips img{
	width:100%;
	height:auto;
	border-radius:8px 8px 0 0;
}
.beautytips .text{
	padding:10px;
}

.bordertop {
	border-top: 1px solid black;
}

.text_right {
	width: 54%;
	float:right;
	padding: 20px 20px 0 0;
	box-sizing:border-box;
}

.left-collumn {
	float:left;
	width: 40%;
	padding: 20px 0 20px 20px;
}

.left-collumn img {
	margin-bottom: 20px;
}
.beautytips_unterseite .comment_default{
	padding-top:20px;
	padding-bottom:10px;
	border-top:1px solid #143a50;
}
.beautytips_unterseite .comment_default.first{
	border-top:none;
	margin-top:20px;
}
.beautytips_unterseite .comment_default .info{
	font-weight:bold;
}
.beautytips_unterseite .comment_default .info .date{
	font-weight:normal;
	font-size:14px;
}
.beautytips_unterseite .comment_default .comment{
	margin-top:-5px;
}


.rightform {
	float:right;
	width: 45%;
}
.beautytips_unterseite .rightform{
	width:39%;
}
.commentfield {
	width:100%;
}

/*=========fenjal Ratgeber==========*/

.ratgeber, .wohlfuehlmomente, .tipp_der_woche, .jubilaeum {
	height:271px;
}

.wohlfuehlmomente, .tipp_der_woche, .jubilaeum {
	border-top: 1px solid black;
}

#content-wide-ratgeber .image_container {
	box-sizing: border-box;
	overflow:hidden;
	line-height:0;
	height: 100%;
}

#content-wide-ratgeber .image_container img {
	height: auto;
	width: 114%;
	margin-left:-30px;
}
#content-wide-ratgeber .beautytips_unterseite .image_container img{
	margin-left:0;
}
.left-collumn .image_container {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.ratgeber img {
	width:360px;
	height:auto;
	border-radius:10px 0 0 0px;
}

.wohlfuehlmomente img, .tipp_der_woche img {
	width: 360px;
	height:auto;
}

.jubilaeum img {
	width: 360px;
	height:auto;
	border-radius: 0 0 0 10px;
}

#content-wide-ratgeber {
    width: 910px;
	box-sizing:border-box;
	box-shadow:#707070 0px 0px 5px 1px;
	background-color:#B8E3DD;
	border:10px solid rgba(255, 255, 255, 0.0);
	background-clip:padding-box;
	border-radius:20px;
}

.links {
	background-color: #143a50;
	color:#ffffff;
	padding: 10px 40px;
	text-decoration: none;
	clear:both;
	display:inline-block;
}

.links a {
	color:#ffffff;
	text-decoration:none;
}


#beauty-tips-teaser .text a.links {
	padding: 5px 20px;
}

.links:hover {
	text-decoration:underline;
}

.ratgeber a:hover, .wohlfuehlmomente a:hover, .tipp_der_woche a:hover, .jubilaeum a:hover {
	text-decoration: underline;
}

textarea {
	width: 100%;
	box-sizing:border-box;
}

.text.mandatory {
	width:100%;
	box-sizing: border-box;
}

/*=======Wohlfuehlmomente========*/

.beautytips_unterseite .image_container {
	float: left;
}

.beautytips_unterseite .image_container img {
	height: auto;
	width: 100%;
}

/*=====Wirkstoffe=====*/

.comment_box .form {
}

.comment_box .formbody {
	width: 100%;
}

.comment_box .submit {
	background-color: #143a50;
	border: medium none;
	color:#ffffff;
	padding: 10px;
	line-height:10px;
}

.comment_box .submit:hover {
	cursor:pointer;
	text-decoration:underline;
}

.comment_box .submit_container {
	float: none;
}

.comment_box .widget {
	width: 100%;
	margin: 10px 0;
}

/*========Jubiläum=========*/

div#jubilaeum .image_container {
	float:left;
}

/*div#jubilaeum .image_container img {
	height: auto;
	margin: 20px 50px;
}*/


/*=======Haut=======*/
.summary-left {
	height:271px;
}

.summary {
	height:271px;
	box-sizing: border-box;
	float: left;
	padding: 25px;
	width: 60%;
}

.summary-left img {
	width:360px;
	height:auto;
}

.summary-right img {
	width:360px;
	height:auto;
}


/*=====Beauty Lexikon=====*/

.beauty-lexikon-visual {
    top: 100px;
    left: 65px;
    margin-right: 3px;
    padding-right: 0;
    position: absolute;
    z-index: 51;
}

#beauty-lexicon h2 {
    clear: both;
    font-size: 18px;
    padding-left: 330px;
}

.beauty-lexicon .ce_accordionSingle {
    padding: 0 50px 0 330px;
}

.beauty-lexicon #beauty-lexicon .ce_accordionSingle .ui-accordion-header-icon {
    background-image: url("../../files/fenjal/images/beautylexikon-pfeile.png");
    background-position: 5px 2px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.beauty-lexicon #beauty-lexicon .ui-accordion-header-active {
    background-color: #FFF;
}

.beauty-lexicon #beauty-lexicon .ui-accordion-header-active .ui-accordion-header-icon {
    background-position: 5px -16px;
}

.beauty-lexicon #beauty-lexicon .ce_accordion .image_container > img {
    margin: 0 10px 0 -5px;
    padding: 0;

}

.beauty-lexicon #beauty-lexicon .belastende-stoffe {
    margin: 20px 0;
}

.beauty-lexicon #beauty-lexicon .ce_accordionSingle .ui-accordion-header {
    border: 1px solid #143A50;
    border-radius: 8px;
    clear: both;
    color: #143A50;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 5px;
    outline: medium none;
    padding-left: 10px;
}

/*=====Beauty Magazin=====*/

#blog-content .ce_text {
    clear: both;
}

#blog-content {
    float: left;
    width: 572px;
    margin-top: 50px;
}

#blog-content .inside {
    padding: 20px;
    background-image: url("../../files/fenjal/images/blog/blog-content-bg.png");
}

#blog-content-bottom {
    float: left;
    width: 572px;
    height: 40px;
    background-image: url("../../files/fenjal/images/blog/blog-content-bg.png");
    background-position: bottom center;
}

#blog-roll {
    float: right;
    widtgh: 250px;
    margin: 60px 20px 0 0;
}

#blog-content h1 {
    background-image: url("../../files/fenjal/images/beauty-tipps-headline-background-blue.png");
    color: #FFFFFF;
    display: block;
    height: 25px;
    left: -20px;
    top: -50px;
    padding: 5px 0 5px 20px;
    position: relative;
    width: 814px;
    margin-bottom: 25px;
    position: absolute;
    background-position: center center;
}

#blog-content .mod_newsreader > h1 {
    display: none;
}

#blog-content h2 {
    background-color: #143A50;
    background-position: center center;
    color: #FFFFFF;
    display: block;
    left: -9px;
    margin-bottom: 25px;
    padding: 5px 0 5px 20px;
    position: relative;
    width: 528px;
}

#blog-content .image_container.float_above > img {
    margin-bottom: 15px;
}

#blog-content h2 a,
#blog-content h2 {
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: none;
}

#blog-content .ce_comments h2 {
    font-weight: bold;
}

#blog-content .ce_comments input {
    margin-bottom: 10px;
}

#blog-roll .mod_newsmenu {
    margin-bottom: 25px;
}

#blog-roll .ce_image {
    margin-bottom: 10px;
}

#blog-content .ce_comments .info {
    background-color: #DBEEEA;
    border-bottom: 1px solid #95B2B3;
    padding: 5px;
}

#blog-content .ce_comments .comment {
    padding: 5px;
}

/*=====Produktberater=====*/

body.product-advicer #content-wide{
	overflow:hidden;
}
.product-advicer h1 {
    text-align: center;
}

.product-advicer .radio {
    margin-bottom: 10px;
    float: left;
}

.product-advicer .headline p {
    display: block;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #979797;
    width: 100%;
    margin: auto;
    background-color: #E6F3EF;
    padding: 5px 0;
}

.product-advicer fieldset {
    background-color: #E6F3EF;
    display: block;
    padding: 25px;
}

.product-advicer fieldset > span {
    display: block;
    float: left;
    width: 25%;
}

.product-advicer #ergebnis .ce_image {
    margin: 0 30px;
    display: inline-block;
}

.product-advicer #ergebnis,
.product-advicer #ergebnis .ce_text a {
    color: #143A50;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}

.product-advicer #ergebnis .ce_text a {
    font-size: 18px;
}

.product-advicer #ergebnis h1 {
    font-size: 18px;
    margin-bottom: 40px;
    text-shadow: none;
    color: #143A50;
}

.product-advicer #ergebnis {
    position: relative;
    text-align: center;
}

.product-advicer #ergebnis .ce_text {
    margin-bottom: 180px;
}

.beratung-social-share {
    position: absolute;
    left: 66px;
    top: 290px;
}

.product-advicer .bubble {
    background-image: url("../../files/fenjal/images/pink_bubble_220px.png");
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    height: 170px;
    padding: 50px 20px 0;
    width: 180px;
    position: absolute;
    top: 50px;
    left: 20px;
}

.product-advicer img {
	margin-bottom: 13px;
}
.product-advicer #ergebnis .ce_image{
	margin:0;
}
.produkt_result{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:0 50px;
	margin-bottom:70px;
	position:relative;	
}

.produkt_result h3, .produkt_result p{
	text-align:left;
}
.produkt_result h3{
	min-height:50px;
}
.produkt_result p{
 min-height: 120px;
}
.produkt_result a{
	width:100%;
	height:300px;
	background: none repeat scroll 0 0 #a8d6cc;
	border-radius: 15px;
    padding: 85px 0px 0px;
	display:inline-block;
	margin-bottom:20px;
	margin-top:-50px;
}

.produkt_result img{
	height:300px;
}

.produkt_result h2{
	position:relative;
	background-image:url(/files/fenjal/images/spacer.png);
	width:100%;
	top:40px;
	line-height:50px;
}

.produkt_result .weitere-infos a, .produkt_result .shop-finder a{
	color:#fff;
	text-decoration:none;
	padding:10px;
	background-color:#143a50;
	display: block;
	
	border-radius:10px;
	height:auto;
	width:auto;
	margin:0 0 10px 0;
}
.produkt_result .weitere-infos a:hover, .produkt_result .shop-finder a:hover{
	text-decoration:underline;
}

/*=====Padding wegnehmen in main{}=====*/
.nowhitespace {
    padding: 0 !important;
}

/*=====Moringa=====*/

a.newMenuFlagDE:before,
span.newMenuFlagDE:before{
	content: "NEU: ";
	color: rgb(206,54,140);
}
a.newMenuFlagEN:before,
span.newMenuFlagEN:before{
	content: "NEW: ";
	color: rgb(206,54,140);
}
a.newMenuFlagFR:before,
span.newMenuFlagFR:before{
	content: "NOUVEAU: ";
	color: rgb(206,54,140);
}

.moringa {
	width: auto;
	max-width: 900px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	margin: auto;
}

.moringa .background-top {
	padding: 10px;
    background: #FFF;
}

.moringa .background-white {
	background: #FFF;
}

.moringa .background-gradient {
	position: relative;
	background: #9dd1cd;
	background: -moz-linear-gradient(-45deg, #9dd1cd 0%, #ffffff 100%);
	background: -webkit-linear-gradient(-45deg, #9dd1cd 0%,#ffffff 100%);
	background: linear-gradient(135deg, #9dd1cd 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd1cd', endColorstr='#ffffff',GradientType=1 );
}

.moringa .clearboth {
	clear: both;
}

.moringa .columns {
	padding: 10px;
}

.moringa .spacing {
	padding: 10px 0;
}

.moringa .interview {
	padding: 0 0 10px;
}

.moringa .interview p {
	padding: 10px 20px 0;
}

.moringa .interview .image_container img {
	float: right;
	width: 100%;
	max-width: 400px;
	height: auto;
}

.moringa h2 {
	padding: 10px 20px 0;	
}

.moringa p {
	padding: 0 20px;
}

.moringa .responsive .image_container img {
	width: 100%;
	max-width: 900px;
	height: auto;
}

.moringa .firstparagraph h2, .moringa .secondparagraph h2 {
	padding: 0;
	border-bottom: 2px solid #93CCC7;
}

.moringa .firstparagraph p, .moringa .secondparagraph p {
	padding: 0;
}

.moringa .lastparagraph {
		height: auto;
		padding: 20px 10px;
}

.moringa .productimage {
	display: block;
	text-align: center;
	margin: 20px auto 0;
}

.moringa .interview strong {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #93CCC7;
}

.moringa .interview em {
	font-style: italic;
}

.moringa .blossoms {
	background: url(/files/fenjal/images/moringa-blueten-untenrechts.png) right bottom no-repeat,
				url(/files/fenjal/images/moringa-blueten-untenlinks.png) left bottom no-repeat;
}

/*=====ACH=====*/

.ach {
	width: auto;
	max-width: 900px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	margin: auto;
}

.ach .background-gradient {
	display: inline-block;
	position: relative;
    background: -moz-linear-gradient(290deg, #f7fbfb 0%, #f5fafa 70%, #9dd2cd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5fafa), color-stop(70%, #f5fafa), color-stop(100%, #9ad1cc));
    background: -webkit-linear-gradient(290deg, #f5fafa 0%, #f5fafa 70%, #9ad1cc 100%);
    background: -o-linear-gradient(290deg, #f5fafa 0%, #f5fafa 70%, #9ad1cc 100%);
    background: -ms-linear-gradient(290deg, #f5fafa 0%, #f5fafa 70%, #9ad1cc 100%);
    background: linear-gradient(160deg, #f5fafa 0%, #f5fafa 70%, #9ad1cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fafa', endColorstr='#9ad1cc',GradientType=0 );
}

.ach .circle {
	position: absolute;
	top: 15px;
	right: 15%;
	border-radius: 50% 50% 0 0;
	width: 50px;
	height: 40px;
	background-color: #93CCC7;
}

.ach header {
	margin: 30px 0 15px;
	padding: 20px;
	background-color: #93CCC7;
	overflow: auto;
}

.ach  .percent {
	font-size: 60px;
	color: #FFF;
    font-weight: lighter;
}

.ach  h2 {
	font-size: 30px;
	color: #FFF;
    font-weight: lighter;
    line-height: 1.2;
}

.ach h3 {
	font-size: 18px;
}

.ach ul {
	margin: 0 10px 20px;
}

.ach ul li {
	border: 1px solid #AFD8D0;
	border-top: 0;
	padding: 10px 10px 20px;
}

.ach ul li:first-child {
	border: 1px solid #AFD8D0;
}

.ach ul h3 {
	font-size: 18px;
}

.ach .lastparagraph {
	margin: 10px 0 20px;
	padding: 20px;
	background: #9cd0cc;
	background: -moz-linear-gradient(0deg, rgba(171,215,211,1) 0%, rgba(156,208,204,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(171,215,211,1)), color-stop(100%, rgba(156,208,204,0)));
	background: -webkit-linear-gradient(0deg, rgba(171,215,211,1) 0%, rgba(156,208,204,0) 100%);
	background: -o-linear-gradient(0deg, rgba(171,215,211,1) 0%, rgba(156,208,204,0) 100%);
	background: -ms-linear-gradient(0deg, rgba(171,215,211,1) 0%, rgba(156,208,204,0) 100%);
	background: linear-gradient(90deg, rgba(171,215,211,1) 0%, rgba(156,208,204,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9d7d3', endColorstr='#9cd0cc',GradientType=1 );
}

.ach .productimage {
	margin: 20px auto 0;
	text-align: center;
}

/*=======================================Tooltip Deutsch===============================================*/
.tooltip > span {
	position: relative;
	z-index: 1;
	}
.tooltip > span::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 99999px;
	display:block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(20, 58, 80, 1);
	
	}
.tooltip > span::after {
	color: #FFFFFF; 
	font-size: 12px;
	width: 200px;
	height: auto;
	background: #143A50;
	display: block;
	padding: 10px;
	position: absolute;
	left: 99999px;
	}
.tooltip > span:nth-of-type(1)::after { 
	content: "Normale Haut ist gleichmäßig, geschmeidig und spannt oder fettet nicht";
	}
.tooltip > span:nth-of-type(2)::after { 
	content: "Sensitive Haut neigt häufig zu Rötungen, Brennen und Jucken";
	}
.tooltip > span:nth-of-type(3)::after { 
	content: "Trockene Haut fühlt sich häufig rau und rissig an, da ihr Feuchtigkeit fehlt";
	}
	
.tooltip > span:hover::after {
	left: auto;
	bottom: 30px;
	z-index: 2;
	}
.tooltip > span:hover::before {
	left: 30px;
	bottom: 22px;
	z-index: 2;
	}
	
/*=======================================Tooltip Englisch===============================================*/
.en-tooltip > span {
	position: relative;
	z-index: 1;
	}
.en-tooltip > span::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 99999px;
	display:block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(20, 58, 80, 1);
	
	}
.en-tooltip > span::after {
	color: #FFFFFF; 
	font-size: 12px;
	width: 200px;
	height: auto;
	background: #143A50;
	display: block;
	padding: 10px;
	position: absolute;
	left: 99999px;
	}
.en-tooltip > span:nth-of-type(1)::after { 
	content: "normal skin is even, soft and not oily or tight";
	}
.en-tooltip > span:nth-of-type(2)::after { 
	content: "sensitive skin tends to show redness, itching and skin eruptions";
	}
.en-tooltip > span:nth-of-type(3)::after { 
	content: "dry skin often feels tight and cracked, because of missing moisture";
	}
	
.en-tooltip > span:hover::after {
	left: auto;
	bottom: 30px;
	z-index: 2;
	}
.en-tooltip > span:hover::before {
	left: 30px;
	bottom: 22px;
	z-index: 2;
	}

/*=======================================Tooltip Französisch===============================================*/
.fr-tooltip > span {
	position: relative;
	z-index: 1;
	}
.fr-tooltip > span::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 99999px;
	display:block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(20, 58, 80, 1);
	
	}
.fr-tooltip > span::after {
	color: #FFFFFF; 
	font-size: 12px;
	width: 200px;
	height: auto;
	background: #143A50;
	display: block;
	padding: 10px;
	position: absolute;
	left: 99999px;
	}
.fr-tooltip > span:nth-of-type(1)::after { 
	content: "une peau normale est une peau uniforme, souple, non grasse qui ne tiraille pas";
	}
.fr-tooltip > span:nth-of-type(2)::after { 
	content: "une peau sensible a tendance à présenter des rougeurs, à brûler ou à démanger";
	}
.fr-tooltip > span:nth-of-type(3)::after { 
	content: "une peau sèche est une peau souvent rugueuse au toucher et gercée qui manque d‘hydratation";
	}
	
.fr-tooltip > span:hover::after {
	left: auto;
	bottom: 30px;
	z-index: 2;
	}
.fr-tooltip > span:hover::before {
	left: 30px;
	bottom: 22px;
	z-index: 2;
	}
	
	
/*=====SPA-Finder=====*/

#google-maps {
    height: 620px;
    left: -20px;
    position: relative;
    top: -15px;
    width: 834px;
}

#google-maps h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

#google-maps .info-box {
    overflow: hidden;
    width: 340px;
}

#google-maps .info-box-links {
    float: left;
    margin-right: 20px;
}

#google-maps .info-box-rechts {
    float: none;
}

.spafinder-visual {
    bottom: 0;
    display: inline;
    left: auto !important;
    line-height: 0;
    right: 0;
	position:fixed !important;
	height:668px;
	width:440px;
}
.spafinder-visual img{
	width:100%;
	height:100%;
}
.right {
    float: right;
}


.left {
    float: left;
}

.half {
    width: 50%;
}

/*=====SPA-Liste=====*/
.row {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #60808B;
}

h2.spahotel {
    font-weight: bold;
}

.listenimg {
    padding-top: 5px;
}

.telefon, .email, .homepage {
    width: 75px;
    height: 20px;
}

.land {
    margin-bottom: 15px;
}

.spadetailsbutton {

}

.listebewertung {
    padding: 0 0 10px 0;
}

/*=====SPA-Sterne=====*/
.sterne {
    position: relative;
    top: 5px;
}

.sterne-grau {
    width: 111px;
    height: 17px;
    position: relative;
    background-image: url(/files/fenjal/images/graue-sterne-final.png);
}

form .sterne-grau {
    cursor: pointer;
}

.sterne-blau {
    position: absolute;
    height: 17px;
    background-image: url(/files/fenjal/images/gelbe-sterne-final.png);
}

/*=====SPA-Details=====*/

div.details div.spa-info {
    padding-bottom: 10px;
}

.bewertungen h3 {
    padding-bottom: 10px;
}

div.bewertung div.ranking {
    padding-bottom: 13px;
}

.bewertung_info {
    position: absolute;
}

.bewertung div.sterne {
    margin-left: 100px;
    padding-bottom: 10px;
}

.bewertung_box {
    padding: 20px 0;
    width: 445px;
}

div.bewertung_box .last {
    border-bottom: 1px solid #60808B;
}

.detailstelefon, .detailsemail, .detailshomepage {
    padding: 0;
    width: 75px;
    height: 20px;
    margin: 0;
}

.land {
    margin-bottom: 15px;
}

.spaaufenthalt {
    padding-bottom: 15px;
}

.spa-info div.bewertung a div.sterne {
    margin-left: 0px;
}

.bewertungen h2 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
}

div.details div.image_slider a img {
    padding-bottom: 10px;
}

.inside .details {
    padding-bottom: 44px;
}

.not-last {
    border-bottom: thin solid;
}

.bewertungen .kommentar {
    margin-top: 10px;
}

#suchergebnisse h3 {
    font-size: 18px;
}

div.details div.image_slider {
    float: right;
    width: 300px;
}

.details .image_slider {
    padding-bottom: 10px;
}


/*=====SPA-eintragen =====*/

#fenjal-spa-finder-spa-eintragen input,
#fenjal-spa-finder-spa-eintragen textarea {
    width: 300px;
}
#fenjal-spa-finder-spa-eintragen input,
#fenjal-spa-finder-spa-eintragen select,
#fenjal-spa-finder-spa-eintragen textarea {
    margin-bottom: 5px;
}

#fenjal-spa-finder-spa-eintragen .explanation {
    margin-top: 20px;
}

#fenjal-spa-finder-spa-eintragen .submit_container input,
#fenjal-spa-finder-spa-eintragen .checkbox{
    width: auto;
}

#fenjal-spa-finder-spa-eintragen #ctrl_131,
#fenjal-spa-finder-spa-eintragen #ctrl_132 {
    width: 70px;
}

#fenjal-spa-finder-spa-eintragen .submit_container {
    float: none!important;
    margin: 20px 0 0 178px;
}

/*=====Produktkategorien - Bilder=====*/
.image_produktkategorie {
    float: left;
}

.image_produktkategorie.withDisturberRight,
.image_produktkategorie.withDisturberLeft{
	position: relative;
}
.image_produktkategorie.withDisturberRight .pkDisturber{
	position: absolute;
	top: 40px; 
	right: -20px;
}
.image_produktkategorie.withDisturberLeft .pkDisturber{
	position: absolute;
	top: 40px; 
	left: -10px;
}


/*=====Produktkategorien - DE=====*/
#produkte-produktkategorien {
    width:100%;
    box-sizing: border-box;
    padding:0 12% 0;
}

/*=====Produktkategorien - FR=====*/
#produits-categories-de-produits {
    width:100%;
    box-sizing: border-box;
    padding:0 12% 0;
}

/*=====Produktkategorien - EN=====*/
#products-product-categories {
    width:100%;
    box-sizing: border-box;
    padding:0 12% 0;
}

/*===== Link zum Shop-Finder =======*/

.shop-finder_link {
	margin-top: 20px;
	text-align:center;
}

.shop-finder_link a {
	box-sizing:border-box;
	text-align:center;
	background-color:#143A50;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	color:#ffffff;
	padding: 12px 30px;
	font-size: 17px;
}

.shop-finder_link a {
	color: #ffffff;
	text-decoration: none;
}

.link-shop-finder a {
	margin: 20px 0;
	background-color:#143A50;
	color:#ffffff;
	text-align:center;
	padding: 12px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: auto;
	display:inline-block;
	font-size:17px;
	line-height:1.4;
	}
	
.link-shop-finder a {
	color: #ffffff;
}

	

/*! Pushy - v0.9.1 - 2013-9-16
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy{
    position: fixed;
    width: 250px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #143A50;
    font-size: 0.9em;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy a,
.pushy span {

}

.pushy a:hover,
.pushy span {

}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-250px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform: translate3d(-250px,0,0);
    -o-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

/* Site Overlay */

.site-overlay{
    background-color: #FFF;
    opacity: 0.6;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 250px;
    z-index: 9999;
}

.menu-btn {
    color: #143A50;
    cursor: pointer;
    font-size: 50px;
    font-weight: bold;
    left: 20px;
    padding: 0;
    position: absolute;
    top: 27px;
    z-index: 999;
}


/* Small Desktops  ----------- */ 
@media only screen
and (max-width: 1380px) and (min-width:1281px) {
	#content-wide-ratgeber{
		width:810px;
		margin:0 auto;
	}
	#content-wide-ratgeber .image_container img{
		width:114%;
		margin-left:-25px;
	}
	.sub-nav{
		right:-20px;
	}
}
@media only screen
and (max-width:973px) and (min-width:641px){
	.beautytips{
		width:46% !important;
		min-height:450px;
	}
	.beautytips img{
		margin-top:-50px;
	}
	.beautytips h3{
		background-size:cover;
	}


}
@media only screen
and (max-width:800px) and (min-width:641px){
	.beautytips img{
		margin-top:-10px;
	}
}
@media only screen
	and (max-width: 1024px) and ( min-width: 801px){
	#content-wide-ratgeber{
		border:0;
		border-top:1px solid;
	}
	#content-wide-ratgeber .beautytips_unterseite,
	.sub-nav{
		padding:10px;
	}
	}
@media only screen
and (max-width: 1280px) {
    body {
        background-attachment: fixed;
        background-image: none;
        background: #aedfd9; /* Old browsers */
        background: -moz-linear-gradient(top, #aedfd9 0%, #ffffff 49%, #ffffff 50%, #ffffff 51%, #aedfd9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aedfd9), color-stop(49%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ffffff), color-stop(100%, #aedfd9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #aedfd9 0%, #ffffff 49%, #ffffff 50%, #ffffff 51%, #aedfd9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #aedfd9 0%, #ffffff 49%, #ffffff 50%, #ffffff 51%, #aedfd9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #aedfd9 0%, #ffffff 49%, #ffffff 50%, #ffffff 51%, #aedfd9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #aedfd9 0%, #ffffff 49%, #ffffff 50%, #ffffff 51%, #aedfd9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aedfd9', endColorstr='#d6efec', GradientType=0); /* IE6-9 */

    }
    #left {
        display: none;
    }
	#right #logo img{
		width:120px;
	}
    .menu-btn {
        display: block;
        left: 50px;
    }

    #navigation-mobile .mod_form {
        margin: 10px 20px;
    }

    #navigation-mobile .mod_form input {
        width: 100%;
    }

    #navigation-mobile .countrypicker ul {
        margin: 0 0 0 20px;
    }

    #navigation-mobile .countrypicker ul li {
        float: left;
        background-color: #CDE7DE;
        margin: 0 10px 10px 0;

    }

    #navigation-mobile .countrypicker ul li a {
        color: #143A50 !important;
    }

    #navigation-mobile .countrypicker ul li span {
        color: #FFF !important;
        padding: 5px 15px!important;
        border: none;
    }

    #navigation-mobile ul.level_1 > li > a,
    #navigation-mobile ul.level_1 > li > span,
    #navigation-mobile ul.level_1 > li > .trail {
        display: block;
        color: #fff;
        padding: 5px 20px;
        text-decoration: none;
        border-top: 1px solid #3a525f;
        font-size: 16px;
    }

    #navigation-mobile ul.level_1 > li:hover > a,
    #navigation-mobile ul.level_1 > li > span,
    #navigation-mobile ul.level_1 > li > .trail {
        color: #CDE7DE;
    }

    #navigation-mobile ul.level_2 {
        margin-bottom: 10px;
        display: none;
    }

    #navigation-mobile ul.level_1 li.trail ul.level_2,
    #navigation-mobile ul.level_1 li.active ul.level_2 {
        display: block;
    }

    #navigation-mobile ul.level_2 > li > a,
    #navigation-mobile ul.level_2 > li > span {
        display: block;
        color: #fff;
        padding: 2px 20px 2px 35px;
        text-decoration: none;
        font-size: 14px;
    }

    #navigation-mobile ul.level_2 > li:hover > a,
    #navigation-mobile ul.level_2 > li > span {
        color: #CDE7DE;
    }
    .nav-ecard {
    display: none;
    }


    /*=====Shop-Finder=====*/

    .shop-finder #main .mod_quicknav input,
    .shop-finder #main .mod_quicknav select {
        width: auto!important;

    }

    .shop-finder .mod_quicknav .submit {
        height: auto;
    }


    .products .choose-category {
        display: block;
    }

    .products #product-category-menu {
        width: 350px;
        margin: auto;
        text-align: center;
        margin-top: 30px;
        display: block;
    }

    .products #product-category-menu a {
        text-decoration: none;
        display: block;
        padding: 10px;
    }

    .products #product-category-menu h4 {
        background-color: #aedfd9;
        background-image: none;
        color: #153a50;
        display: block;
        font-size: 17px;
        padding: 2px 0 2px 0;
        text-align: center;
        text-decoration: none;
        width: 100%;
        margin-bottom: 7px;
    }

    .products #product-category-menu h4:hover {
        background-color: #153a50;
        background-image: none;
        color: #fff;
    }


    .products #product-category-menu ul li {
        background-color: #FFF;

    }

    .products #product-category-menu ul {
        display: none;
    }

    .products #product-category-menu .navigation-product.expanded ul {
        display: block;
    }

    .products #main #product-category-menu .layout_full {
        width: 100%;
    }

    /* USPs --------- */
    #usps {
        display: none;
    }
    .product-advicer .bubble {
        display: none;
    }

    #designelement-top,
    #designelement-left {
        display: none;
    }

    .video-container {

        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-top: 30px;
    }

    .video-container iframe, .video-container object, .video-container embed {
        
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #main input {
        width: 100%;
    }
	
	#main select,
    #main textarea {
		width: 100% !important;
	}
	
    .product-advicer #ergebnis, .product-advicer #ergebnis .ce_text a {
        color: #143A50;
        text-shadow: none;
    }

    .product-advicer .radio {
        float: left;
       
    }

    .product-advicer select, .product-advicer textarea,
	 #produkt-beratung select, #produkt-beratung textarea {
        width: 25% !important;
    }
	
	#produkt-beratung input {
		width:25%;
	}


    .product-advicer .submit {
    width: 100% !important;
}
    #produkt-beratung select,
    input .radio {
        height: 100% !important;
        width: 100% !important;
    }

    .product-advicer .bubble {
        display: none;
    }

    .checkbox {
        height: 15px;
        width: auto !important;
    }

    #fenjal-spa-finder-spa-eintragen #opt_134_0 {
        width: auto!important
    }
	
	.submit {
        background-color: #143A50;
        border: medium none;
        color: #FFFFFF;
        cursor: pointer;
        height: 30px;
        clear: left;
    }
	/*.beauty-tipps-frau, .beauty-lexikon-visual{
		display:none;
	}*/

}

/* Tablets (portrait and landscape) ----------- */
@media only screen
and ( max-width: 1024px) {



    #designelement-top,
    #designelement-left {
        display: none;
    }

    #content-slim,
    #content-wide,
	#content-wide-ratgeber {
        background: none;
        padding: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #content-slim-bottom,
    #content-wide-bottom {
        display: none;
    }
    #content-slim {
        width: 520px;
    }
    #main,
    #footer,
    #right,
    .home #footer {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
    }
	/*Beauty-Tips-Übersichtsseite*/
	
	#beauty-tips-teaser {
		margin: auto;
	}
	
	.beautytips {
		width: 225px;
	}

    /* Beauty Tips Sub Nav ----------- */
    .sub-nav {
        display: block;
    }

    .sub-nav {
        display: block;
        font-size: 13px;
        position: static;
        right: 0;
        top: 50px;
        width: auto;
    }

    .sub-nav {
        margin-top: 20px;
    }
    .submit {
        background-color: #143A50;
        border: medium none;
        color: #FFFFFF;
        cursor: pointer;
        height: 30px;
        clear: left;
    }

    .sub-nav li a, .sub-nav li span {
        background-color: #aedfd9;
        background-position: -55px -4px;
        font-size: 17px;
        display: block;
        margin-bottom: 7px;
        padding: 2px 0 2px 0;
        text-decoration: none;
        width: 100%;
        text-align: center;
        color: #153A50;
        background-image: none;
    }

    .sub-nav li.active span,
    .sub-nav li a:hover,
    .sub-nav li a.active
     {
        background-color: #153A50;
        color: #FFF;
        background-image: none;
    }
	/*=== fenjal Ratgeber ===*/
	#content-wide-ratgeber{
		margin:0 auto;
		/*max-width:910px;*/
		width:auto;
		padding:0;
		border-radius:0px;
		box-shadow:none;
	}
	
    /* #main {
         padding-top: 100px;
     } */
    #right {
        text-align: center;
        right: auto;
    }

    #right .mod_changelanguage {
        display: none;
    }

    #right #logo {
        float: none;
        height: auto;
    }

    #right #logo {
        float: right;
        margin-right: 20px;
    }

    #right #logo img {
        width: 100px;
        height: auto;
    }

    #right .mod_form {
        display: none;
    }

    #footer {
        text-align: center;
        margin: 50px auto 20px;


    }

    #footer .mod_customnav {
        display: none;
    }

    #footer .logo-switzerland {
        float: none;
        position: static;
        top: 0;
        margin-left: 35px;
    }

    #footer #social-media-icons {
        display: block !important;
        width: 78px;
        text-align: center;
        margin: auto;
        height: 20px;
    }



    
	/*=====alt Beauty Tipps
    .beauty-headline {
        width: 780px;
        padding: 5px 0 5px 20px;
    }

    .beauty-lexicon #beauty-lexicon .ce_accordionSingle {
        padding: 0;
    }

    #beauty-tips-teaser {
        width: 90%;
        margin: auto;
        width: auto;
    }

    .beauty-tips .bx-wrapper {
        padding-left: 0;
    }

    .beauty-tips #beauty-tips-teaser .ce_image {
        width: 25%;
        height: auto;
        margin: 0;
        heigth: auto;
    }

    .beauty-tips #beauty-tips-teaser .ce_image img {
        width: 100%;
        height: auto;
        margin: 0;
        heigth: auto;
    }

    #promo-boxen {
        display: block !important;
    }

    .beauty-tipps-frau,
    .beauty-lexikon-visual {
        display: none;
    }

    .beauty-tips .bx-controls {
        top: 28px;
    }
    .submit_container {
        float: none;
    }
    #produkt-beratung input.submit {
        width: 100% !important;
        background-color: #143A50;
        color: #fff;
        border: none;
        cursor: pointer;
        height: 30px;
    } 
	=====*/
	
    /*=====Beauty Magazin=====*/
    #blog-roll {
        margin: 60px 0 0 0;
    }

    #blog-content h1 {
        width: 780px;
    }

    /*=====Promduktberater=====*/
    .product-advicer #content-wide .ce_image {
        margin: 0;
        text-align: center;
    }
	.product-advicer #content-wide .ce_image img{
		width:100%;
		height:auto;
	}

    .product-advicer .bubble {
        left: 0;
    }

    .beratung-social-share {
        left: 46px;
    }



    /*=====SPA-Finder=====*/
    #google-maps {
        height: 620px;
        left: auto;
        position: relative;
        top: auto;
        width: 760px;

    }

    /*=====Produkte=====*/
    .products .moodimage img {
        display: none;
    }

    .products #product_slide_wrapper {
        width: 100%;
    }

    .products .product-fisheye {
        width: 100%;
    }

    .products #control_wrapper {
        display: none
    }

    .products .bubble {
        display: none;
    }


    /* Fisheye) ----------- */
    #fisheye {
        bottom: 120px !important;
        position: absolute;
        width: 100%;
    }

    /* Footer) ----------- */
    .home #footer {
        bottom: 20px;
        left: 50%;
        margin-left: -485px;
        position: absolute;
        width: 100%;
    }

    .footer-wrapper {
        height: auto;
        margin: auto;
        width: 400px;
        padding-bottom: 50px;
    }

    #footer #social-media-icons {
        display: block !important;
        float: left;
        height: 100%;
        margin: 14px 0 0;
        text-align: left;
        width: 110px;
    }

    #footer .logo-switzerland {
        float: right;
        margin-left: 0;
        position: static;
        top: 0;
    }

    /*=====Footer=====*/
    #footer {
        margin: 50px auto 20px;

        text-align: center;
    }

    #fenjal-video {
        height: auto;
        width: 100%;
        margin-bottom: 15px;
    }
    .products .bubble {
		display: none;
    }

    .newsletter .formbody .submit
    {
        width: 100% !important;
    }

}

/* Tablets (portrait and landscape) ----------- */
@media only screen
and ( max-width: 800px) {

    #designelements {
        display: none;
    }
    

    #content-wide,
    #content-slim,
	#content-wide-ratgeber {
        width: 100%;
    }

    #usps {
        display: none;
    }

    .menu-btn {
        left: 20px;
    }

    #ueber-fenjal .ce_text {
        margin-left: 5px;
    }

    /*=====Beauty Tipps=====*/
    .beauty-headline {
        background: none;
        color: #143A50;
        display: block;
        height: 25px;
        left: 0;
        padding: 0;
        position: static;
        width: auto;
    }

    .beauty-tipps-frau,
    .beauty-lexikon-visual {
        display: none;
    }

    .beauty-tips .bx-wrapper {
        padding: 0;
    }
    .product-advicer .radio {
        float: left;
    }
    #beauty-lexicon h2 {
        padding: 0;
    }

    .beauty-tips .bx-controls {
        right: 20px;
    }

    .bx-controls .bx-prev,
    .bx-controls .bx-next {
        border-color: transparent #143A50 transparent transparent;
    }

    .bx-controls .bx-next {
        border-color: transparent transparent transparent #143A50;
    }

    .beauty-tips .bx-controls {
        top: 25px;
    }

    .beauty-tips #skin,
    .beauty-tips #wellness,
    .beauty-tips #beauty-lexicon {
        min-height: 0;
    }

    #shop-finder .ce_gallery ul li {
        background: none;
        width: 16%;
    }
    .beauty-tips .bx-controls {
        top: 258px;
    }
    .beauty-tips .bx-controls {
        position: static;
        right: 320px;
        top: 60px;
    }

    .bx-controls-direction {
        margin: auto;
        width: 120px;
        padding-bottom: 30px;
    }

    .beauty-tips .bx-controls .bx-prev, .beauty-tips .bx-controls .bx-next {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: rgba(0, 0, 0, 0) #153A50 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-image: none;
        border-style: solid;
        border-width: 10px;
        cursor: pointer;
        float: left;
        height: 0;
        margin: 0 2px;
        width: 0;
    }

    .beauty-tips .bx-controls .bx-next {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #153A50;
        float: right;
    }
	/*=====Beauty Tips Unterseite ======*/
	.beautytips_unterseite .left-collumn{
		float:right;
		width:100%;
		margin-top:40px;
		margin-bottom:40px;
		padding:20px;
		box-sizing:border-box;
	}
	.beautytips_unterseite .text_right{
		float:left;
		width:100%;
		padding:20px;
	}
	.beautytips_unterseite .back{
		float:left;
	}
	.back.desktop{
		display:none;
	} 
	.back.mobile{
		display:inline;
	}
    /*=====Beauty Magazin=====*/
    #blog-roll {
        width: 100%;
        margin: auto;
        padding-top: 20px;
    }

    #blog-content .mod_newslist .even,
    #blog-content .mod_newslist .odd {
        border-bottom: 1px solid #143A50;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }

    #blog-content h1,
    #blog-content h2 {
        width: 100%;
    }

    #blog-roll .ce_image {
        float: left;
    	margin: 0.6%;
   		width: 32%;
    }

    #blog-roll .ce_image img {
        width: 100%;
        height: auto;
    }

    #blog-content h1 {
        background: none;
        color: #143A50;
    }

    #blog-content h2 {
        background: none;
        padding: 0;
        left: 0;
        height: auto;
        color: #143A50;
    }

    #blog-content h2 a {
        color: #143A50;
        font-size: 14px;
        font-weight: bold;
    }

    #blog-content .image_container.float_above > img {
        height: auto;
        width: 100%;
    }

    #blog-content {
        margin-top: 50px;
        width: 100%;
    }

    #blog-content .inside {
        background: none;
        padding: 0;
    }

    #blog-content-bottom {
        display: none;
    }

    /*=====Beauty-Lexikon=====*/
	.beauty-lexicon .ce_accordionSingle {
    padding: 0;
}
	/*=====fenjal Ratgeber=====*/
	#content-wide-ratgeber .summary{
		height:auto;
		width:100%;
	}
	#content-wide-ratgeber .ce_image{
		display:none;
	}
	#content-wide-ratgeber{
		border-radius:0px;
		box-shadow:none;
	}
	/*=====Promduktberater=====*/
    .product-advicer #content-wide #ergebnis .ce_text {
        margin-bottom: 30px;
    }

    .product-advicer #content-wide .ce_image {
        /*width: 33%;*/
        margin: auto;
    }
	
    .product-advicer #content-wide .ce_image img {
        height: auto;
        width: 100%;
    }
	.produkt_result{
		width:100%;
	}
    .product-advicer .bubble {
        left: auto;
        position: static;
        margin: auto;
    }

    .beratung-social-share {
        left: auto;
        position: static;
        margin: 30px auto;
        width: 140px;
    }

    .product-advicer fieldset span {
        

    }

    /*=====SPA-Finder=====*/
    #google-maps {
        height: 450px;
        width: 100%;
    }

    /*=====Produkte=====*/
    .products .moodimage {
        height: 120px;
    }

    .products .productimage {

        margin-right: 0px;
    }

    .products #product_slide_wrapper {
        padding: 50px 20px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
    }

    .products #main .layout_full {
        width: 100%;
    }

    .products .image-usp {
        width: 435px;
        margin: auto;
    }

    .products .description,
    .dermatest .description {
        width: 100%;
        padding: 0 20px 50px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        float: none;
        clear: both;
    }

    .backstretch img {
        /*  display: none;*/

        /*position: static !important;*/

    }

    .footer-wrapper {
        width: 65%;
        margin-bottom: 25px;
    }

    .home #footer {
        bottom: 20px;
        left: 0;
        margin-left: 0;
        position: absolute;
        width: 100%;
    }
    #trouver-un-detaillant .ce_gallery ul li,
    #shop-finder-322 .ce_gallery ul li,
    .shop-finder .ce_gallery ul li {
        float: left;
        clear: left;
        margin-right: 10px;
    }

    #shop-finder,
    #shop-finder-322,
    #trouver-un-detaillant {
        text-align: center;
    }
    #trouver-un-detaillant .ce_gallery ul li,
    #shop-finder-322 .ce_gallery ul li,
    #shop-finder .ce_gallery ul li {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 100% !important;
    }
    #trouver-un-detaillant .ce_gallery ul li,
    #shop-finder-322 .ce_gallery ul li,
    #shop-finder .ce_gallery ul li {
        background: none;
        width: 30%;
    }

    figcaption {
        margin: auto;
    }

    .image_container {
        margin: auto;
    }
    /* Formular ----------- */


    .checkbox {
        width: 15px;
        height: 15px;
        width: auto !important;
    }

    #ctrl_acceptterms > legend, #ctrl_acceptterms > span {
        display: block;
        margin-left: 0px;
    }
    .image_container.float_right {
        float: none;
        width: 100%;
    }

    .image_container.float_right img {
        margin: auto;
        height: auto;
    }

    .product-advicer fieldset > span {
        display: block;
        float: left;
       
    }

}

/* Tablets (portrait and landscape) ----------- */

/* Padding in main{} hinzufügen für responsive */
@media only screen
and (max-width: 1399px) {
	.nowhitespace {
		padding: 150px 0 0 0 !important;
	}
}

/* Moringa */
@media only screen
and ( min-width: 480px) {
	.moringa .columns {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		padding: 10px 0 10px 0;
	}
	.moringa .lastparagraph {
		max-width: 50%;
		min-height: 180px;
		height: auto;
		padding: 70px 0 60px 0;
	}
	.moringa .productimage {
		position: absolute;
		bottom: 20px;
		right: 50px;
	}
}

@media only screen
and ( min-width: 768px) {
	.moringa .background-top {
		min-height: 500px;
		padding-top: 140px;
		background: #FFF url(/files/fenjal/images/designelements/bg_moringa.jpg) -130px -20px no-repeat;
		overflow: auto;
	}
	.moringa .firstparagraph {
		max-width: 280px;
		min-height: 300px;
		float: right;
		padding: 0 20px 0 20px;
	}
	.moringa .secondparagraph {
		max-width: 70%;
		float: right;
		padding: 0 20px 0 20px;
	}
	.moringa .lastparagraph {
		max-width: 70%;
	}
}

@media only screen
and ( min-width: 961px) {
	.moringa .firstparagraph {
		max-width: 420px;
	}
}
/* Moringa */

/* ACH */
@media only screen
and ( min-width: 480px) {
	.ach header {
		margin: 30px 20px 15px;
	}
	.ach ul {
		margin: 0 20px 20px;
	}
	.ach .lastparagraph {
		margin: 40px 20px 140px;
	}
}
@media only screen
and ( min-width: 600px) {
	.ach  .percent {
		float: left;
		width: 100px;
		height: 90px;
		line-height: 60px;
		text-align: center;
		padding-top: 30px;
		padding-right: 20px;
		border-right: 1px solid #FFF;
	}
	.ach  h2 {
		float: left;
		margin-left: 20px;
	}
}
@media only screen
and ( min-width: 768px) {
	.ach .lastparagraph {
		min-height: 130px;
		height: auto;
	}
	.ach .lastparagraph h3, .ach .lastparagraph p {
		display: inline-block;
		width: 70%;
	}
	.ach .productimage {
		position: absolute;
		bottom: 40px;
		right: 50px;
	}
}
/* ACH */


@media only screen
and ( max-width: 973px) {
	.image_produktkategorie.withDisturberRight .pkDisturber{
	right: auto;
	left: -10px;
	}
}

@media only screen
and ( max-width: 620px) {
    .backstretch img {
        /*  display: none;*/

        position: absolute !important;
        display: none;
    }

    .ios .backstretch {
        display: none;
    }

    #fenjal-video {
        float: none;
        margin: 0 auto 25px;
    }

    .about-fenjal .ce_text {
        float: none;
        margin: auto;
        width: 100%;
    }

    .about-fenjal .ce_text img {
        float: none;
        margin: auto auto -1% 25%;
        width: 50%;
    }
    .about-fenjal .image_container.float_above {
        border-radius: 10px;
    }

    /*=====SPA-Finder=====*/
    #google-maps {
        height: 250px;
        width: 100%;
    }

    /* Fisheye) ----------- */
    #fisheye {
        bottom: 90px !important;
        position: absolute;
        width: 100%;
    }

    /*=====Formulare=====*/
    #main input, #main select, #main textarea {
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
		width: 100% !important;
    }
 #produkt-beratung input {
	 width: auto !important;
	 }
    .submit_container {
        float: none;
        margin: auto;
        margin-top: 15px;
    }

    .contact select,
    .contact input,
    .newsletter select,
    .newsletter input {
        margin-bottom: 10px;

    }
    .submit {
        width: auto !important;
    }


    .checkbox {
        width: auto !important;
    }

    .contact #opt_10_0,
    .contact #ctrl_9,
    .newsletter #opt_20_0,
    .newsletter #ctrl_23 {
        width: auto !important;
    }

    .shop-finder .ce_gallery ul li {
        background: none;
        width: 32%;
    }

    #blog-roll .ce_image {
        float: left;
        width: 47%;
		margin: 2px 1.5%;
    }

    #ctrl_acceptterms {
        clear: both;
        position: relative;
    }

    #ctrl_acceptterms > span,
    #ctrl_acceptterms > legend {
        display: block;
        margin-left: 0px;
    }

    /*=====Promoboxen=====*/
    .home #fisheye {
        position: static;
        bottom: auto;
        height: auto;
    }

    .home #promoboxen {
        width: 100%;
    }

    .home .fisheyeContainter {
        position: static;
        margin: auto;
        height: auto;
        width: 70% !important;
        left: auto;
    }

    .home a.fisheyeItem {
        color: #143A50;
        display: block;
        font-weight: bold;
        position: static;
        text-align: center;
        text-decoration: none;
        width: 100%;
        margin: auto;

    }

    .home #footer {
        bottom: 0;
        margin: auto;
        position: static;
        left: auto
    }

    .image_container.float_right {
        float: none;
        width: 100%;
    }

    .image_container.float_right img {
        margin: auto;
        height: auto;
    }

    /*=====Produktberater=====*/
    .product-advicer fieldset span {
  		min-width: 120px;
    }

    .product-advicer input {
        width: auto !important;
    }

    .product-advicer #content-wide .ce_image {
        float: none;
        width: 100%;
    }

    .product-advicer #content-wide .ce_image img {

        margin: auto;
    }

    /*=====Produkte=====*/
    .products .productimage,
    .dermatest .productimage {
        float: none;
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }

    .products .image-usp {
        width: 100%;
        margin: auto;

    }

    .products .usps {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 20px;
    }

    .products .usps .usp {
        background-color: #CDE7DE;
        width: 100%;
        margin-bottom: 10px;
    }

    .products .usps .usp-top,
    .products .usps .usp-middle,
    .products .usps .usp-bottom {
        background: none;
    }

    .products #product-category-menu {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .shop-finder .shop-finder-select-text {
        height: 19px;
        line-height: 40px;
        margin: 0 10px 35px 0;
    }


    .shop-finder .shop-finder-button {
        padding: 10px 7px;
    }



}

/* Smartphones (portrait) ----------- */
@media only screen
and ( max-width: 640px) {

    .backstretch img {
         display: none;

        /*position: static !important;*/

    }
    .backstretch {
        display: none;
    }


    .submit {
        background-color: #143A50;
        border: medium none;
        color: #FFFFFF;
        cursor: pointer;
        height: auto;
        clear: left;

    }
    .submit_container {
        clear: left;
        margin: 15px auto auto;
    }
    #produkt-beratung input.submit {
        width: 100% !important;
        background-color: #143A50;
        color: #fff;
        border: none;
        cursor: pointer;
        height: auto;
    } 
    #footer .logo-switzerland {
        float: none;
        margin: auto;
        width: 150px;
        padding-top: 10px;
    }

    #footer #social-media-icons {
        display: block !important;
        float: none;
        height: 100%;
        margin: 0 auto;
        padding-top: 40px;
        text-align: left;
        width: 110px;
    }

    .bubble {
        display: none;
    }

    .ce_table .col_first {
        font-weight: bold;
        width: 120px;
    }
	
	/* Beauty Tips */
	
	.beautytips {
	width:100%;
	box-sizing:none;
	box-shadow:none;
	background-color:none;
	border:none;
	float:none;
	border-radius: 0;
	margin:50px 0;
	}
	
	.beautytips img {
	width:100%;
	min-height:100%;
	border-radius:0;
	position:relative;
	top:-80px;
	}
	
	.beautytips h3{
	background-size:cover;
	}
	.links {
	background-color: #143a50;
	color:#ffffff;
	padding: 10px 40px;
	text-decoration: none;
	clear:both;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	text-align: center;
	}
	
	#beauty-tips-teaser .text a.links {
	padding:10px 40px;
	}
	
	.beautytips .image_container{
	height:250px;
	overflow:hidden;
	}
	


    /* Beauty Tips  ALT
    .beauty-tips #beauty-tips-teaser .ce_image {

        height: auto;
        margin-bottom: 15px;
        width: 50%;
    }

    .home .fisheyeContainter {
        left: 0 !important;
        width: 100% !important;
        position: relative;
    } ----------- */

    /* Spa Fidner  ----------- */
    #fenjal-spa-finder-spa-eintragen .half {
        float: none;
        width: 100%;
    }

    #fenjal-spa-finder-spa-eintragen .bewertung-entspannung .half,
    #fenjal-spa-finder-spa-eintragen .bewertung-lage .half,
    #fenjal-spa-finder-spa-eintragen .bewertung-service .half,
    #fenjal-spa-finder-spa-eintragen .bewertung-angebot .half,
    #fenjal-spa-finder-spa-eintragen .bewertung-sauberkeit .half{
        width: 50%;
        float: left;
    }
    
	/*=====fenjal Ratgeber=====*/
	#content-wide-ratgeber .summary{
		height:auto;
		width:100%;
		padding:40px 25px 40px 25px;
	}
	/*=====Beauty Tips Unterseite ======*/
	.beautytips_unterseite .rightform{
		width:100%;
	}	
	#main .beautytips_unterseite input[type=checkbox]{
		width:auto !important;
	}
	
}
/* Smartphones ----------- */
@media only screen
and ( max-width: 425px) {
	.beautytips img {
	width:100%;
	min-height:100%;
	border-radius:0;
	position:relative;
	top: 0;
	}

    .shop-finder .shop-finder-select-text {
        margin: 0 10px 15px 0;
    }

    .shop-finder .mod_quicknav {
        margin-bottom: 15px;
    }

}